/* ===== La María · Alojamiento Reserva Natural ===== */
:root{
  --petroleo:#112F38; --petroleo-2:#1B434C; --petroleo-3:#24505A;
  --dorado:#E7B04A; --dorado-osc:#9A6512; --dorado-mas:#6E470B;
  --marfil:#F6F2EA; --arena:#E8D9BC; --salvia:#D5E3E1; --blanco:#FFFFFF;
  --texto:#16282D; --texto-2:#34484D; --texto-3:#52666B; --linea:#E4DDCF;
  --verde-wa:#1F8A55; --verde-wa-osc:#18714A;
  --serif:'Fraunces',Georgia,serif; --sans:'Figtree',system-ui,-apple-system,sans-serif;
  --ancho:1280px; --radio:16px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);background:var(--marfil);color:var(--texto);line-height:1.6;font-size:17px}
img{max-width:100%;display:block}
a{color:var(--dorado-osc)} a:hover{color:var(--dorado-mas)}
h1,h2,h3{margin:0}
p{margin:0}
.contenedor{width:100%;max-width:var(--ancho);margin:0 auto;padding:0 20px}
.seccion{padding:72px 0}
@media(min-width:900px){.seccion{padding:110px 0}.contenedor{padding:0 40px}}

.eyebrow{font-size:13px;letter-spacing:.17em;font-weight:700;text-transform:uppercase;color:var(--dorado-osc);margin-bottom:14px}
.h2{font-family:var(--serif);font-weight:600;font-size:clamp(30px,4.2vw,50px);line-height:1.1;color:var(--petroleo)}
.texto{color:var(--texto-2);font-size:17px;line-height:1.65}
.texto + .texto{margin-top:16px}
.oscuro{background:var(--petroleo);color:var(--blanco)}
.oscuro .h2{color:var(--blanco)} .oscuro .eyebrow{color:var(--dorado)} .oscuro .texto{color:#C4D5D7}

/* Botones */
.btn-wa{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--verde-wa);color:#fff;text-decoration:none;font-weight:700;font-size:17px;padding:15px 26px;border-radius:999px;min-height:48px;transition:background .2s}
.btn-wa:hover{background:var(--verde-wa-osc);color:#fff}
.btn-wa svg{width:20px;height:20px;flex-shrink:0}
.btn-borde{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;letter-spacing:.05em;padding:14px 22px;border:1.5px solid var(--petroleo);color:var(--petroleo);border-radius:999px;text-decoration:none;min-height:48px}
.btn-borde:hover{background:var(--petroleo);color:#fff}

/* Botón principal de reserva */
.btn-reservar{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--dorado);color:var(--petroleo);text-decoration:none;font-weight:700;font-size:17px;padding:15px 26px;border-radius:999px;min-height:48px;transition:background .2s}
.btn-reservar:hover{background:#F2C36A;color:var(--petroleo)}
.btn-reservar svg{width:20px;height:20px;flex-shrink:0}
.menu .btn-reservar{padding:11px 24px;font-size:15px;min-height:44px}
.menu-movil .btn-reservar,.menu-movil .btn-wa{font-family:var(--sans);font-size:17px;margin-top:24px;border:0;padding:15px 26px}

/* Encabezado */
.encabezado{position:absolute;top:0;left:0;right:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.14)}
.encabezado .contenedor{display:flex;align-items:center;justify-content:space-between;padding-top:12px;padding-bottom:12px}
.logo img{height:74px;width:auto}
@media(min-width:900px){.logo img{height:100px}}
.menu{display:none;gap:30px;align-items:center}
.menu a{color:var(--marfil);text-decoration:none;font-weight:500;font-size:16px}
.menu a:hover{color:var(--dorado)}
.menu .btn-wa{padding:11px 20px;font-size:15px;min-height:44px}
.boton-menu{width:46px;height:46px;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}
@media(min-width:1000px){.menu{display:flex}.boton-menu{display:none}}
.menu-movil{display:none;position:fixed;inset:0;background:var(--petroleo);z-index:50;padding:24px 20px;flex-direction:column;gap:6px}
.menu-movil.abierto{display:flex}
.menu-movil a{color:#fff;text-decoration:none;font-family:var(--serif);font-size:28px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.menu-movil .cerrar{align-self:flex-end;margin-bottom:20px}
.menu-movil .btn-wa{font-family:var(--sans);font-size:17px;margin-top:24px;border:0}

/* Portada */
.portada{position:relative;min-height:100svh;display:flex;align-items:flex-end;color:#fff;background:var(--petroleo-2)}
@media(min-width:900px){.portada{align-items:center;min-height:860px}}
.portada>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.portada::after{content:"";position:absolute;inset:0;background:rgba(10,30,36,.52)}
.portada .contenedor{position:relative;z-index:2;padding-top:120px;padding-bottom:56px}
.portada h1{font-family:var(--serif);font-weight:600;font-size:clamp(42px,6.2vw,86px);line-height:1.03;max-width:900px;margin-bottom:22px}
.portada p.lead{font-size:clamp(17px,1.6vw,21px);line-height:1.55;color:#E3ECEC;max-width:680px;margin-bottom:30px}
.portada .eyebrow{color:var(--dorado)}
.acciones{display:flex;flex-wrap:wrap;gap:14px}
.btn-claro{display:inline-flex;align-items:center;color:#fff;font-weight:600;font-size:17px;padding:14px 24px;border:1px solid rgba(255,255,255,.55);border-radius:999px;text-decoration:none;min-height:48px}
.btn-claro:hover{background:rgba(255,255,255,.12);color:#fff}

/* Datos rápidos */
.datos{background:var(--blanco);border-bottom:1px solid var(--linea)}
.datos .contenedor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;padding-top:30px;padding-bottom:30px}
@media(min-width:900px){.datos .contenedor{grid-template-columns:repeat(5,minmax(0,1fr));padding-top:40px;padding-bottom:40px}}
.dato{display:flex;gap:12px;align-items:center}
.dato svg{width:32px;height:32px;flex-shrink:0;stroke:var(--dorado-osc)}
.dato strong{display:block;font-family:var(--serif);font-size:24px;font-weight:600;color:var(--petroleo);line-height:1.2}
.dato span{font-size:15px;color:var(--texto-3)}

/* Dos columnas */
.dos-col{display:grid;gap:40px;align-items:center}
@media(min-width:900px){.dos-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:80px}}
.foto{border-radius:var(--radio);overflow:hidden;background:var(--petroleo-3)}
.foto img{width:100%;height:100%;object-fit:cover}

/* Experiencias */
.cabecera-seccion{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 40px;margin-bottom:48px}
.cabecera-seccion .texto{max-width:440px}
.tarjetas{display:grid;gap:36px}
@media(min-width:640px){.tarjetas{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}
@media(min-width:1100px){.tarjetas{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tarjeta .foto{aspect-ratio:5/6;margin-bottom:18px}
.tarjeta h3{line-height:1.2;font-family:var(--serif);font-size:25px;font-weight:600;margin-bottom:10px}
.tarjeta p{font-size:16px;color:#C4D5D7;line-height:1.6}

/* Galería casa */
.galeria{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:40px}
.galeria .foto{aspect-ratio:5/4}
.galeria .grande{grid-column:span 2}
@media(min-width:900px){
  .galeria{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,240px);gap:18px}
  .galeria .foto{aspect-ratio:auto}
  .galeria .grande{grid-row:span 2}
}

/* Grupos y mascotas */
.paneles{display:grid;gap:18px}
@media(min-width:900px){.paneles{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
.panel{border-radius:20px;padding:32px 26px}
@media(min-width:900px){.panel{padding:52px}}
.panel svg{width:42px;height:42px;margin-bottom:16px}
.panel h3{line-height:1.15;font-family:var(--serif);font-size:clamp(26px,2.6vw,36px);font-weight:600;color:var(--petroleo);margin-bottom:14px}
.panel ul{margin:14px 0 0;padding-left:22px;color:var(--texto-2);line-height:1.8}
.panel-arena{background:var(--arena)} .panel-arena .texto{color:#3D3525}
.panel-salvia{background:var(--salvia)}

/* Tarifas */
.tarifas{background:var(--blanco)}
.precios{display:grid;gap:16px;margin:40px 0 28px}
@media(min-width:900px){.precios{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
.precio{border:1px solid var(--linea);border-radius:18px;padding:28px}
.precio .tipo{font-weight:600;color:var(--texto-3)}
.precio .valor{font-family:var(--serif);font-size:clamp(34px,3.4vw,44px);font-weight:600;color:var(--petroleo);line-height:1.2;margin:4px 0}
.precio .detalle{font-size:15px;color:var(--texto-3)}
.precio.destacado{background:var(--petroleo);border-color:var(--petroleo)}
.precio.destacado .tipo{color:var(--dorado)} .precio.destacado .valor{color:#fff} .precio.destacado .detalle{color:#C4D5D7}
.nota-tarifas{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}
.nota-tarifas p{font-size:15px;color:var(--texto-3);max-width:640px}

/* Ubicación */
.horario{display:flex;gap:40px;margin:22px 0}
.horario strong{display:block;color:var(--petroleo)}
.botones-mapa{display:flex;flex-wrap:wrap;gap:12px}
.mapa{border-radius:var(--radio);overflow:hidden;min-height:340px;background:var(--salvia)}
.mapa iframe{width:100%;height:100%;min-height:340px;border:0;display:block}
.cercanos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin-top:18px;font-size:15px;color:var(--texto-2)}

/* Reseñas */
.resenas{background:var(--arena)}
.resenas .eyebrow{color:var(--dorado-mas)}
.lista-resenas{display:grid;gap:18px;margin-top:28px}
.nota-resenas{margin-top:10px}
.titulo-resenas-2{margin-top:72px}
@media(min-width:900px){.lista-resenas{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
.resena{margin:0;background:var(--marfil);border-radius:18px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.resena p{font-family:var(--serif);font-size:19px;line-height:1.5;color:var(--petroleo)}
.resena footer{font-size:15px;font-weight:600;color:var(--texto-3)}
.link-fuerte{display:inline-block;margin-top:28px;font-weight:700;color:var(--dorado-mas)}

/* Preguntas */
.preguntas-grid{display:grid;gap:32px}
@media(min-width:900px){.preguntas-grid{grid-template-columns:380px minmax(0,1fr);gap:80px}}
details{border-top:1px solid #DCD3C1;padding:6px 0}
details:last-child{border-bottom:1px solid #DCD3C1}
summary{cursor:pointer;list-style:none;font-weight:700;font-size:18px;color:var(--petroleo);padding:14px 36px 14px 0;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:4px;top:8px;font-size:26px;font-weight:400;color:var(--dorado-osc)}
details[open] summary::after{content:"–"}
details p{color:var(--texto-2);padding:0 0 16px;font-size:16px}

/* Cierre y pie */
.cierre{text-align:center}
.cierre .h2{max-width:900px;margin:0 auto 18px}
.cierre .texto{margin-bottom:30px}
.pie{background:var(--petroleo);color:#C4D5D7;font-size:15px;line-height:1.8}
.pie .contenedor{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;border-top:1px solid rgba(255,255,255,.14);padding-top:36px;padding-bottom:110px}
@media(min-width:900px){.pie .contenedor{padding-bottom:48px}}
.pie img{height:92px;width:auto}
.pie-cols{display:flex;flex-wrap:wrap;gap:28px 48px}
.pie strong{display:block;color:#fff}
.pie a{color:var(--dorado)}
.pie .legal a{color:#C4D5D7}

/* WhatsApp flotante */
.wa-flotante{position:fixed;right:18px;bottom:18px;width:62px;height:62px;border-radius:50%;background:var(--verde-wa);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.28);z-index:40;transition:transform .2s}
.wa-flotante:hover{transform:scale(1.06)}
.wa-flotante svg{width:32px;height:32px}

/* Accesibilidad */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--dorado);outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Banda de aves */
.banda-aves{margin-top:56px;display:grid;gap:28px;align-items:center;background:var(--petroleo-2);border:1px solid rgba(231,176,74,.35);border-radius:22px;padding:32px 26px}
@media(min-width:900px){.banda-aves{grid-template-columns:260px 1fr;padding:44px 48px;gap:48px}}
.cifra-aves{display:flex;flex-direction:column;gap:6px}
.cifra-aves strong{font-family:var(--serif);font-weight:600;font-size:clamp(64px,9vw,96px);line-height:1;color:var(--dorado)}
.cifra-aves span{font-size:16px;font-weight:600;color:#C4D5D7;line-height:1.35}
.banda-aves h3{font-family:var(--serif);font-weight:600;line-height:1.2;font-size:clamp(24px,3vw,32px);color:#fff;margin-bottom:12px}
.banda-aves p{color:#C4D5D7;font-size:17px;line-height:1.6;margin-bottom:22px}

.subtitulo-aves{font-family:var(--serif);font-weight:600;font-size:clamp(22px,2.6vw,28px);color:#fff;margin:56px 0 20px}
.galeria-aves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(min-width:700px){.galeria-aves{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1000px){.galeria-aves{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}}
.ave{margin:0}
.ave img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:14px;display:block}
.ave figcaption,.galeria-recorrido figcaption{margin-top:10px;font-size:15px;font-weight:600;color:#fff;line-height:1.3}
.ave small{display:block;font-weight:400;font-size:12px;color:#9FB5B8;margin-top:2px}
.galeria-recorrido{display:grid;gap:14px}
@media(min-width:800px){.galeria-recorrido{grid-template-columns:1.3fr 1.3fr 1fr;gap:18px}}
.galeria-recorrido figure{margin:0}
.galeria-recorrido img{width:100%;height:260px;object-fit:cover;border-radius:14px;display:block}
.oscuro .link-fuerte{color:var(--dorado)} .tarjeta .link-fuerte{margin-top:16px}

/* Portada: título y los tres logos */
.portada h1{max-width:none}
.marcas{display:grid;grid-template-columns:1fr 1.55fr 1fr;gap:clamp(14px,3vw,40px);align-items:center;max-width:860px;margin:6px 0 34px;padding:22px 0;border-top:1px solid rgba(255,255,255,.28);border-bottom:1px solid rgba(255,255,255,.28)}
.marca{display:flex;align-items:center;justify-content:center;height:clamp(92px,13vw,150px)}
.marca img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));transition:transform .2s}
.marca:hover img{transform:scale(1.04)}
.logo-texto{font-family:var(--serif);font-weight:600;font-size:26px;line-height:1;color:#fff;text-decoration:none;display:flex;flex-direction:column;gap:4px}
.logo-texto span{font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--dorado)}
@media(min-width:900px){.logo-texto{font-size:30px}}
.marcas-pie{display:flex;align-items:center;gap:22px;margin-bottom:14px}.marcas-pie img{height:64px;width:auto;opacity:.92}

/* Reservar: las cuatro opciones */
.reservar-todo{background:var(--marfil, #F6F2EA)}
.opciones-reserva{display:grid;gap:16px;margin-top:36px}
@media(min-width:700px){.opciones-reserva{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.opciones-reserva{grid-template-columns:repeat(4,minmax(0,1fr))}}
.op-reserva{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid rgba(17,47,56,.12);border-radius:20px;padding:26px 22px;text-decoration:none;color:var(--petroleo);transition:transform .2s,box-shadow .2s}
.op-reserva:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(17,47,56,.12)}
.op-reserva img{height:84px;width:auto;max-width:100%;object-fit:contain;align-self:flex-start;margin-bottom:10px}
.op-reserva strong{font-family:var(--serif);font-weight:600;font-size:24px}
.op-reserva span{font-size:15px;color:var(--texto-2, #34484D);line-height:1.45;flex-grow:1}
.op-reserva em{font-style:normal;font-weight:700;color:var(--dorado-osc);margin-top:8px}
.nota-reservar{margin-top:22px;font-size:15px;color:var(--texto-2, #34484D)}
.link-reservar{display:inline-block;margin-top:14px;font-weight:700;color:#fff;text-decoration:underline;text-underline-offset:3px}
.tarjeta .link-fuerte+.link-reservar{margin-left:0;display:block}

/* Nuestra historia */
.historia{background:var(--marfil)}
.linea-tiempo{list-style:none;margin:40px 0 0;padding:0;position:relative;max-width:860px}
.linea-tiempo::before{content:"";position:absolute;left:44px;top:6px;bottom:6px;width:2px;background:var(--arena)}
.hito{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:0 0 32px;position:relative}
.hito:last-child{padding-bottom:0}
.hito-ano{position:relative;z-index:1;justify-self:center;align-self:start;background:var(--petroleo);color:var(--dorado);font-family:var(--serif);font-weight:600;font-size:17px;border-radius:999px;padding:6px 12px;min-width:64px;text-align:center}
.hito h3{font-family:var(--serif);font-size:22px;line-height:1.25;color:var(--petroleo);margin:2px 0 8px}
.hito p{color:var(--texto-2);font-size:17px;line-height:1.6;margin:0}
@media (max-width:600px){.linea-tiempo::before{left:32px}.hito{grid-template-columns:66px 1fr;gap:14px}.hito-ano{font-size:15px;min-width:54px;padding:5px 8px}.hito h3{font-size:19px}}

/* =====================================================
   REDISEÑO "NATURALEZA ELEGANTE" · 4 oct 2026
   ===================================================== */
:root{
  --petroleo:#1E3328; --petroleo-2:#26402F; --petroleo-3:#33503D;
  --dorado:#C8A46A; --dorado-osc:#8A6A3A; --dorado-mas:#6B4F27;
  --marfil:#F5F1E8; --arena:#E9E1D0; --salvia:#DCE3D6; --linea:#DDD5C4;
  --texto:#1F2A22; --texto-2:#3F4A42; --texto-3:#68716A;
  --serif:'Cormorant Garamond',Georgia,serif; --sans:'Jost','Figtree',system-ui,sans-serif;
  --radio:4px;
}
body{font-weight:400;letter-spacing:.005em}
.h2{font-weight:500;font-size:clamp(34px,4.6vw,58px);line-height:1.05;letter-spacing:-.01em}
.eyebrow{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.28em;font-weight:500}
.eyebrow::before{content:"";width:36px;height:1px;background:currentColor;opacity:.7}
.seccion{padding:88px 0}
@media(min-width:900px){.seccion{padding:140px 0}}

/* Botones sobrios, tipo hotel boutique */
.btn-reservar,.btn-wa,.btn-claro,.btn-borde{border-radius:2px;font-weight:500;font-size:14px;letter-spacing:.16em;text-transform:uppercase;padding:17px 30px}
.btn-reservar{background:var(--dorado);color:#1E3328}
.btn-reservar:hover{background:#D8B87F;color:#1E3328}
.btn-reservar svg{display:none}
.menu .btn-reservar{font-size:12px;padding:12px 22px}
.btn-borde{border-width:1px}

/* Encabezado */
.encabezado{border-bottom:1px solid rgba(255,255,255,.18)}
.menu a{font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:400}
.logo-texto{font-weight:500;font-size:28px;letter-spacing:.02em}
.logo-texto span{font-weight:500;letter-spacing:.32em;font-size:10px}

/* Portada */
.portada::after{background:linear-gradient(180deg,rgba(15,28,20,.55) 0%,rgba(15,28,20,.25) 40%,rgba(15,28,20,.78) 100%)}
.portada h1{font-weight:400;font-size:clamp(46px,7.4vw,108px);letter-spacing:-.015em;line-height:.98}
.portada .eyebrow{color:#E6D3AE}
.portada p.lead{font-weight:300;color:#EDE7DA;font-size:clamp(17px,1.5vw,20px)}
.marcas{border-color:rgba(230,211,174,.35)}
.btn-claro{border-color:rgba(255,255,255,.6)}

/* Cifras rápidas */
.datos{background:var(--marfil)}
.dato{border-left:1px solid var(--linea);padding-left:18px}
.dato svg{stroke:var(--dorado-osc);width:28px;height:28px}
.dato strong{font-weight:500;font-size:28px}
.dato span{font-size:13px;letter-spacing:.08em;text-transform:uppercase}

/* Fotos y tarjetas */
.foto,.ave img,.galeria-recorrido img,.mapa{border-radius:var(--radio)}
.foto img,.ave img,.galeria-recorrido img{transition:transform .8s ease}
.foto:hover img,.ave:hover img,.galeria-recorrido figure:hover img{transform:scale(1.04)}
.ave,.galeria-recorrido figure{overflow:hidden}
.tarjeta .foto{aspect-ratio:4/5}
.tarjeta h3{font-weight:500;font-size:28px}
.tarjeta p{color:#C9D2C9}
.oscuro .texto{color:#C9D2C9}
.link-reservar,.link-fuerte{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.link-reservar{color:var(--dorado)}

/* Galería de la casa más grande */
@media(min-width:900px){.galeria{grid-template-rows:repeat(2,300px);gap:12px}}

/* Paneles, precios, reseñas */
.panel,.precio,.resena,.op-reserva,.banda-aves{border-radius:var(--radio)}
.panel h3,.banda-aves h3{font-weight:500}
.precio .valor{font-weight:500}
.precio .tipo{font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.resena p{font-size:22px;font-style:italic;font-weight:400}
.resena footer{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500}
.op-reserva strong{font-weight:500;font-size:28px}
.op-reserva em{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:500}
.banda-aves{border-color:rgba(200,164,106,.3)}
.cifra-aves strong{font-weight:400}
summary{font-family:var(--serif);font-weight:500;font-size:22px}
.hito-ano{border-radius:2px;font-weight:500}
.hito h3{font-weight:500;font-size:26px}
.wa-flotante{width:56px;height:56px}

/* ===== Portada limpia: texto y logos fuera de la foto ===== */
.encabezado{position:sticky;top:0;background:var(--petroleo);border-bottom:0}
.portada{display:block;min-height:0;background:var(--marfil);color:var(--texto)}
@media(min-width:900px){.portada{min-height:0}}
.portada::after{display:none}
.portada .contenedor.portada-texto{padding-top:72px;padding-bottom:56px;text-align:center;display:flex;flex-direction:column;align-items:center}
@media(min-width:900px){.portada .contenedor.portada-texto{padding-top:96px;padding-bottom:72px}}
.portada .eyebrow{color:var(--dorado-osc);justify-content:center}
.portada .eyebrow::after{content:"";width:36px;height:1px;background:currentColor;opacity:.7}
.portada h1{color:var(--petroleo);font-size:clamp(42px,6.4vw,92px);margin-bottom:8px}
.portada .marcas{border-color:var(--linea);margin:24px auto 30px;width:100%}
.portada .marca img{filter:none}
.portada p.lead{color:var(--texto-2);margin:0 auto 32px;max-width:620px}
.portada .acciones{justify-content:center}
.portada .btn-borde{color:var(--petroleo);border-color:var(--petroleo)}
.portada-foto{height:clamp(320px,62vw,760px);overflow:hidden}
.portada-foto img{position:static;width:100%;height:100%;object-fit:cover;object-position:50% 55%}

/* ===== Habitaciones, baños, piscina y jacuzzi ===== */
.espacios{margin-top:80px}
.espacios-titulo{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.4vw,40px);color:var(--petroleo);margin:56px 0 8px;padding-bottom:14px;border-bottom:1px solid var(--linea)}
.espacios-titulo:first-child{margin-top:0}
.espacio{display:grid;gap:18px;padding:32px 0;border-bottom:1px solid var(--linea)}
@media(min-width:900px){.espacio{grid-template-columns:260px 1fr;gap:48px;align-items:start}}
.espacio h3{font-family:var(--serif);font-weight:500;font-size:28px;color:var(--petroleo);margin-bottom:6px}
.espacio p{color:var(--texto-3);font-size:16px}
.espacio-fotos{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch}
.espacio-fotos figure{margin:0;flex:0 0 auto;width:min(78vw,300px);scroll-snap-align:start}
.espacio-fotos img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radio);display:block}
.espacio-fotos figcaption{margin-top:8px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--texto-3)}