/* =========================================================
   MEJORAS VISUALES FINALES
   ========================================================= */

/* PORTADA: más clara, video nítido y sin laterales borrosos */
.hero-bg-video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:none!important;
  transform:none!important;
  image-rendering:auto!important;
  background:#0d292d!important;
}

.hero-shade{
  background:
    linear-gradient(90deg,rgba(5,25,30,.40) 0%,rgba(5,25,30,.18) 38%,rgba(5,25,30,.02) 72%,transparent 100%),
    linear-gradient(0deg,rgba(5,25,30,.28) 0%,rgba(5,25,30,.02) 48%)!important;
}

@media(max-width:699px){
  .hero-shade{
    background:
      linear-gradient(180deg,rgba(5,25,30,.02) 0%,rgba(5,25,30,.08) 44%,rgba(5,25,30,.42) 100%)!important;
  }
}

/* EXPLORA ALREDEDOR: encabezado y texto blancos para alto contraste */
.location-explore > h3,
.location-explore > p{
  color:#fff!important;
}
.location-explore > h3{
  text-shadow:0 1px 8px rgba(0,0,0,.20);
}
.location-explore > p{
  color:rgba(255,255,255,.92)!important;
}
.location-explore .eyebrow{
  color:#d89b3b!important;
}
.location-explore .destination-card h3{
  color:#12363d!important;
}
.location-explore .destination-card p{
  color:#65777b!important;
}

/* AMENIDADES: mucho más compactas */
#amenidades,
.amenities{
  padding-top:20px!important;
  padding-bottom:20px!important;
}
#amenidades .section-heading,
#amenidades .section-head,
.amenities .section-heading,
.amenities .section-head{
  margin-bottom:10px!important;
}
#amenidades .section-heading h2,
#amenidades .section-head h2,
.amenities .section-heading h2,
.amenities .section-head h2{
  font-size:clamp(1.7rem,2.5vw,2.4rem)!important;
  margin-bottom:4px!important;
  line-height:1!important;
}
#amenidades .section-heading p,
#amenidades .section-head p,
.amenities .section-heading p,
.amenities .section-head p{
  font-size:.86rem!important;
  line-height:1.35!important;
  margin:0!important;
}

.amenities-grid{
  gap:7px!important;
}
.amenity-card{
  min-height:0!important;
  padding:9px 10px!important;
  border-radius:12px!important;
}
.amenity-icon{
  font-size:1.15rem!important;
  margin-bottom:2px!important;
}
.amenity-card h3{
  font-size:.84rem!important;
  line-height:1.15!important;
  margin:2px 0!important;
}
.amenity-card p{
  font-size:.72rem!important;
  line-height:1.28!important;
  margin:0!important;
}

@media(min-width:1100px){
  .amenities-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media(min-width:700px) and (max-width:1099px){
  #amenidades,.amenities{
    padding-top:18px!important;
    padding-bottom:18px!important;
  }
  .amenities-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media(max-width:699px){
  #amenidades,.amenities{
    padding-top:16px!important;
    padding-bottom:16px!important;
  }
  .amenities-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .amenity-card{
    padding:8px 9px!important;
  }
  .amenity-card h3{font-size:.80rem!important}
  .amenity-card p{font-size:.70rem!important}
}

/* CÓMO LLEGAR: usar al máximo el nuevo archivo HD */
.directions-video video,
#como-llegar video{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  display:block!important;
  image-rendering:auto!important;
}


/* AJUSTE MÓVIL/TABLET: sin línea residual del header y sin etiquetas en galería */
@media (max-width: 1100px){
  header, .site-header, .navbar, .nav, .topbar,
  header::before, header::after,
  .site-header::before, .site-header::after,
  .navbar::before, .navbar::after{
    border-bottom:0 !important;
    border-top:0 !important;
    box-shadow:none !important;
    outline:none !important;
  }

  #galeria #official-gallery-grid > .bella-space-photo > span,
  #galeria #official-gallery-grid > .official-managed-card > span,
  #galeria #official-gallery-grid .photo-label,
  #galeria .bella-space-photo .photo-label,
  #galeria .official-managed-card .photo-label{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    overflow:hidden !important;
  }
}