/* =========================================================
   Ajustes finales
   1) Logo más pequeño en celular para evitar superposición.
   2) Amenidades más compactas en todos los dispositivos.
   ========================================================= */

/* CELULAR: logo más pequeño y ligeramente más arriba */
@media (max-width:699px){
  .bella-logo-portada{
    width:104px!important;
    top:72px!important;
    right:4.5vw!important;
  }

  .bella-logo-portada img{
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }

  .hero .hero-content{
    padding-top:6px!important;
  }
}

/* Teléfonos muy angostos */
@media (max-width:430px){
  .bella-logo-portada{
    width:96px!important;
    top:70px!important;
    right:4vw!important;
  }
}

/* AMENIDADES — más compactas en todos los dispositivos */
#amenidades,
.amenities{
  padding-top:38px!important;
  padding-bottom:38px!important;
}

#amenidades .section-head,
.amenities .section-head{
  margin-bottom:18px!important;
}

#amenidades .section-head h2,
.amenities .section-head h2{
  font-size:clamp(1.9rem,3.2vw,3rem)!important;
  line-height:1.03!important;
}

.amenities-grid{
  gap:12px!important;
}

.amenity-card{
  padding:15px 16px!important;
  border-radius:16px!important;
}

.amenity-card h3{
  font-size:1rem!important;
  margin:.35rem 0 .3rem!important;
}

.amenity-card p{
  font-size:.9rem!important;
  line-height:1.45!important;
  margin:0!important;
}

.amenity-icon{
  font-size:1.45rem!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:32px!important;
    padding-bottom:32px!important;
  }

  .amenities-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media (max-width:699px){
  #amenidades,
  .amenities{
    padding-top:28px!important;
    padding-bottom:28px!important;
  }

  .amenities-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .amenity-card{
    padding:13px 12px!important;
  }

  .amenity-card h3{
    font-size:.94rem!important;
  }

  .amenity-card p{
    font-size:.82rem!important;
  }
}

@media (max-width:420px){
  .amenities-grid{
    grid-template-columns:1fr 1fr!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;
  }
}