/* ===== Header flotante (mejorado) ===== */
:root{
  --hdr-blur: 8px;
  --hdr-top: rgba(12,14,16,.35);        /* sobre el hero */
  --hdr-scroll: rgba(255,255,255,.88);  /* al scrollear: no blanco puro */
  --hdr-border: rgba(0,0,0,.06);
}

.header-float{
  position: fixed; top:0; left:0; right:0; z-index:1030;
  background: var(--hdr-top);
  backdrop-filter: blur(var(--hdr-blur));
  -webkit-backdrop-filter: blur(var(--hdr-blur));
  transition: background .2s, box-shadow .2s, color .2s, border-color .2s;
  border-bottom: 1px solid transparent;
}
.header-float::after{ /* micro gradiente para separar del hero */
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px;
  background: linear-gradient(to bottom, rgba(0,0,0,.25), rgba(0,0,0,0));
  pointer-events:none;
}
.header-float .brand-text, .header-float .nav-link-float{ color:#fff; }
.header-float .nav-link-float{text-decoration:none;}
.header-float .nav-link-float:hover{ opacity:.85; }

/* estado scrolled: claro pero suave, con borde */
.header-float.scrolled{
  background: var(--hdr-scroll);
  border-bottom-color: var(--hdr-border);
  box-shadow: 0 .25rem .75rem rgba(0,0,0,.06);
}
.header-float.scrolled::after{ opacity:0; }
.header-float.scrolled .brand-text, 
.header-float.scrolled .nav-link-float{ color:#212529; }

/* Botón reservar: cambia estilo según estado */
.header-float .btn-reserve{ 
  color:#fff; border-color:#fff;
}
.header-float.scrolled .btn-reserve{
  color:#0d6efd; border-color:#0d6efd; background:#fff; /* estilo sutil */
}
.header-float.scrolled .btn-reserve:hover{
  background:#0d6efd; color:#fff;
}

/* ===== Hero ===== */
.theme-classic .classic-hero{
  position:relative; min-height:64vh; display:grid; place-items:center; text-align:center; color:#fff;
  padding-top:5rem; /* espacio para el header fijo */
}
.theme-classic .classic-hero h1{ text-shadow:0 2px 6px rgba(0,0,0,.35); }
.theme-classic .classic-hero .lead{ max-width:44rem; margin:0 auto; opacity:.95; }

/* Beneficios chips */
.theme-classic .benefit-wrap{ gap:.5rem .75rem; margin-top:1rem; }
.theme-classic .benefit-chip{
  background:#fff; color:#212529;
  border:1px solid #e9ecef; border-radius:999px; padding:.55rem .9rem; display:inline-flex; gap:.5rem;
  box-shadow:0 .25rem .5rem rgba(0,0,0,.06);
}

/* ===== Barra de búsqueda flotante ===== */
.search-floating{ margin-top:-2.25rem; }
.search-card{ border-radius:1rem; }
.search-card .form-label{ font-weight:600; }

/* ===== Splide ===== */
.theme-classic .splide--classic .splide__slide{ padding:.25rem; }
.theme-classic .splide--classic .splide__arrow{
  background:#fff; border:1px solid #e9ecef; box-shadow:0 .25rem .5rem rgba(0,0,0,.05);
}
.theme-classic .splide--classic .splide__pagination__page.is-active{ transform:scale(1.1); }

/* ===== CTA ===== */
.theme-classic .cta{ background:#f6f8fa; border-top:1px solid #e9ecef; }

/* ===== Footer oscuro (para que no se pierda) ===== */
.theme-classic .site-footer{
  background:#111417; color:#cfd3d8;
}
.theme-classic .site-footer a{ color:#e9ecef; text-decoration:none; }
.theme-classic .site-footer a:hover{ opacity:.9; }

@media (max-width: 576px){
  .theme-classic .classic-hero{ min-height:56vh; padding-top:4.25rem; }
  .search-floating{ margin-top:-1.5rem; }
}

/* === Offset global por header fijo === */
:root{
  --site-header-offset: 84px; /* fallback si JS no corre */
}

/* main global: offset real del header */
.classic-main{
  padding-top: calc(var(--site-header-offset) + 12px); /* + aire */
}

/* Home u otras páginas: si querés hero pegado */
.classic-main.no-top-gap{
  padding-top: 0 !important;
}

/* anchors/scroll no quedan tapados */
[id]{
  scroll-margin-top: calc(var(--site-header-offset) + 12px);
}