.logo-header-rdb{
      width: 3em;
      margin-top: 0px;
      
}



#aboutUs > div > div > div.col-lg-6.offset-1.m-t-40 > div > div.col-lg-12.animate__animated.animate__fadeIn.visible {
      margin-top: 10px
}

#jazzAca > div > div {
      padding: 20px;
}

#jazzAca > div > div > h5 {
            font-size: 1.3em;
}

.jazz-aca-link {
      color: whitesmoke;
      font-size: 2em;
}

.flickity-button{
     
      background-color: rgba(116, 116, 116, 0.308) !important;
}

#mainMenu nav > ul > li.hover-active > a, #mainMenu nav > ul > li.hover-active > span, #mainMenu nav > ul > li.current > a, #mainMenu nav > ul > li.current > span, #mainMenu nav > ul > li:hover > a, #mainMenu nav > ul > li:hover > span, #mainMenu nav > ul > li:focus > a, #mainMenu nav > ul > li:focus > span {
      color: #28532B;
  }


#slider {
      height: 90vh;
}

/* Ensure the image does not overflow */
.contest-map {
      max-width: 100%;  /* Ensures the image scales down */
      height: auto;  /* Maintain aspect ratio */
      display: block;  /* Ensures proper spacing around the image */
      margin: 0 auto;  /* Center the image horizontally if necessary */
  }
  
  /* You can also add custom padding/margin if needed */
  
  .file-preview-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 10px;
  }
  
  .file-preview-item span {
      flex-grow: 1;
  }
  
  .remove-file {
      margin-left: 10px;
  }
  


@media (min-width: 991px) {
/* .image-contest img {
      max-width: 50%;
} */
}

/* 
 .slide1main {
        background-position: 50% 70% !important;
  } */




/* .slide {
      background-size: auto;
      background-position: 50% 50% !important;
}

.slider7 {
      background-position: 50% 50% !important;
} */

.slider2{
      background-position: 50% 50% !important;
}

.slider3{
      background-position: 50% 55% !important;
}

.slider4{
      background-position: 50% 55% !important;
}

.slider5 {
      background-size: cover !important;
      background-position: center center !important;
  }

.slider6{
      background-position: 50% 55% !important;
}

.slider7{
      background-position: 50% 40% !important;
}


.bg-overlay-slide1 {
            background: rgba(0, 0, 0, 0.788);
            opacity: .9;
        }



.wappfloat img {
      width: 2em;
    }

 .dummywapp {
       opacity: 0;
       margin-right: -20px
 }  
 
.terrenos {
      font-size: 0.8em
} 

@media (max-width: 991px) {
      #About > div > div > div.col-lg-6.offset-1.m-t-40 {
            margin-left: 0;
      }

      .mision-vision {
            margin-left: 0 !important;
      }


        /* #slider {
            height: 45vh;
      }

      .slider2{
            background-position: 40% 50% !important;
      }
      
      .slider3{
            background-position: 40% 55% !important;
      }
      
      .slider4{
            background-position: 30% 55% !important;
      }
      
      .slider5{
            background-position: 30% 55% !important;
      }
      
      .slider6{
            background-position: 30% 55% !important;
      }
      
      .slider7{
            background-position: 50% 40% !important;
      } */

      .slide1main h1{
            font-size: 1.6em;
      }

      .slide-calltoaction .col-lg-3 {
            width: 50%;

      }

      .slide1info {
            padding-top: 60px !important
      }

      
      .slide-calltoaction div a {
            font-size: 0.7em !important;
            
      }

      .countdown {
            margin-bottom: 10px !important
      }

      /* .date-remate{
padding: 0  !important;
margin: 0 !important
      } */

}




/* HTACCESS REMOVE HTML */

/* RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME}\.html -f
RewriteRule ^(.*)$ $1.html */

/* Ensure slider takes full width */
#desktop-slider, #mobile-slider {
      width: 100%;
      overflow: hidden;
      position: relative;
  }
  
  /* Set the height for the mobile slider */
  #mobile-slider {
      height: 550px;
  }
  
  /* Ensure each slide takes up the full slider area */
  .slide {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
  }
  
  /* Hide the mobile slider by default on larger screens */
  .mobile-slider {
      display: none;
  }
  
  /* Show the desktop slider by default */
  .desktop-slider {
      display: block;
  }


  /* Hide mobile image by default and show desktop image */
  .mobile-image {
      display: none;
  }
  
  .desktop-image {
      display: block;
      width: 100%; /* Adjust width as needed */
  }
  
  /* Media query for screens 768px or less */
  @media screen and (max-width: 768px) {
      /* Hide the desktop slider */
      .desktop-slider {
          display: none;
      }
  
      /* Show the mobile slider */
      .mobile-slider {
          display: block;
      }

          /* Show mobile image and hide desktop image */
    .desktop-image {
      display: none;
  }
  .mobile-image {
      display: block;
      width: 100%; /* Adjust width as needed */
  }

  .slider1, .slider2, .slider3, .slider4, .slider5 {
      background-size: contain !important;
      background-position: center center !important;
      height: auto;
  }

  }

  .slider5 {
        background-size: contain !important;
  }

.select-contest {
      -webkit-appearance: none !important;  /* Remove default arrow (Chrome, Safari) */
      -moz-appearance: none !important;     /* Remove default arrow (Firefox) */
      appearance: none !important;          /* Remove default arrow (other browsers) */
      width: 100%;               /* Full width of form */


      border: 1px solid #ccc;    /* Border style */
      border-radius: 5px;        /* Rounded corners */
      background: white url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDE2IDYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTAgbDIgMmgxMkwxNiAwSDIiLz48L3N2Zz4=') no-repeat right 10px center;
      background-size: 12px;     /* Arrow size */
}

.slide.slider5 {
      position: relative; /* Ensure the slide is the reference point for positioning */
  }
  
  .clickable-box {
      position: absolute;
      top: 30px;
      left: 30px;
      right: 30px;
      bottom: 30px;
      z-index: 2; /* Ensure the box is above the slide content */
      cursor: pointer; /* Make it clear the area is clickable */
  }
  
  .clickable-box a {
      display: block;
      width: 100%;
      height: 100%;
      background-color: transparent; /* Invisible box */
  }

/* Mapa Interactivo */
/* General Styles */
#plano-terrenos-section .container {
      max-width: 1400px;
      padding: 0;
  }


  
  #plano-terrenos-container-desktop,
  #plano-terrenos-container-mobile {
      position: relative;
      width: 100%;
      max-width: 1400px; /* Limits the max width */
      margin: 0 auto; /* Centers the container */
  }
  
  #plano-terrenos-image-desktop,
  #plano-terrenos-image-mobile {
      width: 100%; /* Scales the image proportionally */
      height: auto; /* Maintains aspect ratio */
      display: block; /* Ensures no extra spacing around the image */
  }
  
  #highlight-container-desktop,
  #highlight-container-mobile {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none; /* Prevent interference with mouse events */
      z-index: 10; /* Ensures it's above the image */
  }
  
  .highlight-area {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; /* Default size, adapted by JavaScript */
      height: 100%;
      background-color: rgba(0, 0, 0, 0.329); /* Semi-transparent overlay for visibility */
      clip-path: polygon(0 0); /* Placeholder, dynamically set by JavaScript */
      -webkit-clip-path: polygon(0 0); /* For compatibility */
      z-index: 10000; /* Ensures it's above everything */
      display: none; /* Initially hidden */
  }
  
  /* Debugging Visibility - Remove in Production */
  .highlight-area.debug {
      display: block !important; /* Always visible for debugging */
      border: 1px solid rgba(255, 255, 0, 0.5); /* Highlight border for easier debugging */
  }
  
  /* Responsive Adjustments */
  @media (max-width: 768px) {
      #plano-terrenos-container-desktop {
          display: none; /* Hide desktop version on mobile */
      }
  
      #plano-terrenos-container-mobile {
          display: block; /* Show mobile version */
      }
  }
  
  @media (min-width: 769px) {
      #plano-terrenos-container-desktop {
          display: block; /* Show desktop version */
      }
  
      #plano-terrenos-container-mobile {
          display: none; /* Hide mobile version */
      }

  }
  
/* end: Mapa Interactivo */
  
/* Volver al Plano General - Padding */
.zona-title {
      margin-top: 20px !important
}
/*  */