/* =========================================================================
   CAVA ETERNO — Chozas Carrascal
   Landing basada en Figma (node 70:2), refactor RESPONSIVE.
   Sin escalado: el cuerpo de texto es siempre 13px exactos.
   Tipografías: Cormorant, Inter, Archivo.
   ========================================================================= */

.ce-page{
  --gold:#b8924a;
  --gray:#6a6a6a;        /* cuerpo sobre claro */
  --gray-d:#aaaaaa;      /* cuerpo sobre oscuro */
  --ink:#0d0d0d;
  --ink2:#141312;
  --ink3:#0d0b08;
  --dark:#0d0d0d;
  --bg:#f9f7f5;
  --pad: clamp(22px, 8vw, 180px);
  --gap: clamp(60px, 9vw, 130px);

  width:100%;
  overflow-x:hidden;
  background:var(--bg);
  color:var(--ink);
  font-family:'Inter',sans-serif;
  -webkit-font-smoothing:antialiased;
}
.ce-page *{box-sizing:border-box;margin:0;}

/* Cuerpo: 13px FIJOS. :where() = especificidad 0 para no pisar clases específicas. */
:where(.ce-page) p{font-size:13px;line-height:19.64px;letter-spacing:-0.14px;color:var(--gray);}

/* ---- Imagen + placeholder -------------------------------------------- */
.ce-imgbox{width:100%;height:100%;position:relative;overflow:hidden;}
.ce-imgbox img{width:100%;height:100%;object-fit:cover;display:block;}
.ce-ph{
  width:100%;height:100%;min-height:180px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:6px;text-align:center;padding:12px;
  background:repeating-linear-gradient(45deg,#e9e4dd 0 11px,#e2dcd4 11px 22px);
  border:1px dashed #c9bba8;color:#8c8275;
}
.ce-ph-l{font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;}
.ce-ph-d{font-size:15px;font-weight:600;color:#6f6658;letter-spacing:.02em;}

/* ---- Utilidades ------------------------------------------------------- */
.ce-sec{position:relative;width:100%;}
.ce-inner{padding-inline:var(--pad);padding-block:var(--gap);}

/* =========================================================================
   1. HERO (oscuro)
   ========================================================================= */
.ce-hero{display:flex;align-items:center;min-height:90vh;min-height:90svh;background:#000;overflow:hidden;}
.ce-hero__bg{position:absolute;inset:0;z-index:0;background:#000;}
/* Fondo desktop/móvil (imagen ACF distinta en móvil) */
.ce-bg-d,.ce-bg-m{position:absolute;inset:0;}
.ce-bg-m{display:none;}
@media (max-width:768px){
  /* Hero móvil: imagen 55% (ancho completo) arriba + contenido 45%, todo dentro de 100vh */
  .ce-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;height:100vh;height:100svh;overflow:hidden;}
  .ce-hero__grad{display:none;}
  .ce-hero__bg{position:static;flex:1 1 55%;min-height:0;width:100%;overflow:hidden;}
  .ce-bg-d{display:none;}
  .ce-bg-m{position:static;display:block;width:100%;height:100%;}
  .ce-bg-m .ce-imgbox,.ce-bg-m .ce-imgbox img,.ce-bg-m .ce-ph{width:100%;height:100%;}
  .ce-hero__inner{position:static;flex:0 0 auto;min-height:0;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:none;margin:0;padding:10px var(--pad) 14px;text-align:center;}
  .ce-hero__overline{font-size:11px;}
  .ce-hero__title{margin-top:2px;font-size:clamp(26px,7.5vw,38px);line-height:1.02;}
  .ce-hero__desc{margin-top:6px;max-width:560px;margin-inline:auto;}
  .ce-hero__desc p{font-size:12px;line-height:15px;}
  .ce-hero__desc p+p{margin-top:5px;}
  .ce-stats{margin-top:10px;justify-content:center;gap:8px;max-width:330px;margin-inline:auto;}
  .ce-btns{margin-top:10px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px;}
  .ce-btn{flex:1 1 140px;min-width:140px;max-width:220px;padding:0 14px;white-space:nowrap;}
}
.ce-hero__grad{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.55) 100%);
}
.ce-hero__inner{position:relative;z-index:2;padding-inline:var(--pad);padding-block:60px;max-width:760px;}
.ce-hero__overline{font-size:14px;color:var(--gold);text-transform:uppercase;letter-spacing:-0.14px;}
.ce-hero__title{
  font-family:'Cormorant',serif;font-weight:700;font-size:clamp(34px,4vw,48px);
  color:#fff;text-transform:uppercase;letter-spacing:-0.561px;line-height:1.05;margin-top:10px;
}
.ce-hero__desc{max-width:440px;margin-top:24px;}
.ce-hero__desc p{color:rgba(255,255,255,.91);}
.ce-hero__desc p+p{margin-top:12px;}

/* stats (números blancos, etiquetas doradas) */
.ce-stats{display:flex;flex-wrap:nowrap;gap:clamp(14px,3vw,44px);margin-top:42px;}
.ce-stat{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;}
.ce-stat__num{font-family:'Cormorant',serif;font-weight:500;font-size:36px;color:#fff;line-height:1;}
.ce-stat__line{width:48px;height:1px;background:var(--gold);opacity:.6;margin:14px 0 12px;}
.ce-stat__label{font-size:13px;font-weight:500;color:var(--gold);line-height:14px;letter-spacing:-0.14px;}

/* buttons (borde blanco) */
.ce-btns{display:flex;flex-wrap:wrap;gap:24px;margin-top:42px;}
.ce-btn{
  width:179px;height:41px;display:flex;align-items:center;justify-content:center;
  border:1px solid #fff;background:transparent;
  font-size:14px;color:#fff;text-transform:uppercase;letter-spacing:-0.14px;
  text-decoration:none;cursor:pointer;
}
.ce-btn:hover{background:#fff;color:#0d0d0d;transition:.25s;}

/* =========================================================================
   2. ANTES DE SER CAVA (oscuro): texto izq + imagen der
   ========================================================================= */
.ce-vina{background:var(--dark);}
.ce-vina__inner{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  gap:clamp(32px,5vw,90px);align-items:center;
}
.ce-vina__text{max-width:440px;}
.ce-vina__overline{font-size:14px;color:var(--gold);text-transform:uppercase;letter-spacing:-0.14px;}
.ce-vina__h2{
  margin-top:10px;font-weight:500;font-size:clamp(22px,2.4vw,27px);color:#fff;
  text-transform:uppercase;letter-spacing:-0.561px;line-height:1.2;
}
.ce-vina__body{margin-top:20px;}
.ce-vina__body p{color:var(--gray-d);}
.ce-vina__body .sp{display:block;height:14px;}
.ce-vina__img{position:relative;aspect-ratio:974/782;overflow:hidden;}
.ce-vina__imggrad{
  position:absolute;inset:0;pointer-events:none;opacity:.45;
  background:radial-gradient(120% 120% at 18% 81%,rgba(0,0,0,.1) 0%,rgba(26,26,26,.55) 35%,rgba(13,13,13,.95) 80%,rgba(0,0,0,1) 100%);
}

/* =========================================================================
   3. DEL MOSTO FLOR (centrado)
   ========================================================================= */
.ce-mosto__inner{text-align:center;padding-block:calc(var(--gap) - 20px);}
.ce-mosto__h2{
  font-weight:500;font-size:clamp(22px,2.4vw,27px);color:var(--ink);
  text-transform:uppercase;letter-spacing:-0.561px;line-height:1.25;margin-bottom:20px;
}
.ce-mosto__p{max-width:880px;margin:0 auto;}

/* =========================================================================
   4. CITA
   ========================================================================= */
.ce-cita{position:relative;min-height:clamp(360px,42vw,586px);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;}
.ce-cita__bg{position:absolute;inset:0;}
.ce-cita__overlay{position:absolute;inset:0;background:rgba(0,0,0,.30);}
.ce-cita__quote{
  position:relative;z-index:1;max-width:none;padding-inline:24px;text-align:center;
  font-style:italic;font-weight:300;font-size:20px;white-space:nowrap;
  color:rgba(255,255,255,.91);line-height:1.4;
}
@media (max-width:1100px){.ce-cita__quote{white-space:normal;max-width:680px;}}
.ce-cita__line{position:relative;z-index:1;width:239px;max-width:62%;height:1px;background:rgba(255,255,255,.5);margin-top:22px;}

/* =========================================================================
   6. LA LUZ BLANCA: texto izq + imagen der
   ========================================================================= */
.ce-luz__inner{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(40px,6vw,84px);align-items:center;
}
.ce-luz__text{max-width:600px;}
.ce-luz__overline{font-size:13.5px;color:var(--gray);text-transform:uppercase;letter-spacing:-0.14px;}
.ce-luz__h2{
  margin-top:8px;font-weight:500;font-size:clamp(22px,2.4vw,27px);color:var(--ink);
  text-transform:uppercase;letter-spacing:-0.561px;line-height:1.2;
}
.ce-luz__p{margin-top:22px;}
.ce-luz__p p+p{margin-top:14px;}
.ce-luz__gold{margin-top:20px;font-size:14px;color:var(--gold);line-height:19.64px;letter-spacing:-0.14px;}
.ce-luz__link{position:relative;display:inline-block;margin-top:26px;padding-bottom:7px;font-size:14px;color:var(--ink3);text-transform:uppercase;letter-spacing:-0.14px;text-decoration:none;}
/* subrayado animado en hover (como el menú del hero) */
.ce-luz__link::after,.ce-cata__link::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:currentColor;transition:width .4s ease;}
.ce-luz__link:hover::after,.ce-cata__link:hover::after{width:100%;}
.ce-luz__img{aspect-ratio:708/514;}

/* =========================================================================
   7. LA CATA
   ========================================================================= */
/* imagen = 50% de la sección (a sangre, izquierda); notas centradas sobre la imagen */
.ce-cata{padding-bottom:var(--gap);}
.ce-cata__inner{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;}
.ce-cata__card{position:relative;overflow:hidden;min-height:clamp(420px,46vw,600px);}
.ce-cata__cardimg{position:absolute;inset:0;}
.ce-cata__cardgrad{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90.79deg,rgba(13,11,8,.64) 18%,rgba(13,13,13,.16) 52%,rgba(43,38,33,.58) 82%);
}
.ce-cata__notes{position:absolute;inset:0;}
.ce-cata__notes::before{content:"";position:absolute;left:50%;top:16%;bottom:16%;width:1px;background:rgba(255,255,255,.25);}
.ce-cata__notes::after{content:"";position:absolute;top:50%;left:14%;right:14%;height:1px;background:rgba(255,255,255,.25);}
/* notas alineadas por fila (Vista=Nariz, Boca=Final) y agrupadas hacia el centro */
.ce-q{position:absolute;color:#fff;width:clamp(150px,20.5%,205px);}
.ce-q:nth-child(1){left:26%;top:23%;}
.ce-q:nth-child(2){left:56%;top:23%;}
.ce-q:nth-child(3){left:26%;top:57%;}
.ce-q:nth-child(4){left:56%;top:57%;}
.ce-q__t{font-family:'Cormorant',serif;font-weight:500;font-size:clamp(20px,2.7vw,32px);line-height:1;color:#fff;}
.ce-q__l{width:55px;height:1px;background:rgba(255,255,255,.7);margin:9px 0 8px;}
.ce-q__d{font-size:clamp(9.5px,0.92vw,11px);font-weight:500;line-height:1.27;letter-spacing:-0.14px;color:#fff;}
.ce-cata__text{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,7vw,100px) var(--pad) clamp(48px,7vw,100px) clamp(28px,4vw,72px);}
.ce-cata__overline{
  font-family:'Archivo',sans-serif;font-weight:400;font-size:12px;color:var(--gold);
  letter-spacing:3.52px;text-transform:uppercase;
}
.ce-cata__h2{margin-top:10px;font-weight:500;font-size:20px;white-space:nowrap;color:var(--ink2);text-transform:uppercase;line-height:1.3;}
.ce-cata__p{margin-top:18px;}
.ce-cata__p p+p{margin-top:14px;}
.ce-cata__p .sp{display:block;height:14px;}
.ce-cata__link{position:relative;display:inline-block;align-self:flex-start;margin-top:28px;padding-bottom:7px;font-size:14px;color:var(--ink3);text-transform:uppercase;letter-spacing:-0.14px;text-decoration:none;}

/* =========================================================================
   9. RITUAL DE SERVIR
   ========================================================================= */
.ce-ritual__inner{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;}
.ce-ritual__panel{
  background:#fff;display:flex;flex-direction:column;justify-content:center;
  padding:clamp(48px,7vw,110px) clamp(28px,4vw,80px) clamp(48px,7vw,110px) var(--pad);
}
.ce-ritual__h2{font-weight:500;font-size:clamp(22px,2.4vw,27px);color:var(--ink);text-transform:uppercase;letter-spacing:-0.561px;line-height:1.2;}
.ce-ritual__p{margin-top:24px;max-width:480px;}
.ce-ritual__p p+p{margin-top:14px;}
.ce-ritual__italic{margin-top:24px;font-style:italic;color:var(--gray);max-width:400px;}
.ce-ritual__img{position:relative;overflow:hidden;min-height:320px;}

/* =========================================================================
   10. HISTORIA FAMILIAR (oscuro)
   ========================================================================= */
.ce-historia{position:relative;min-height:75vh;display:flex;align-items:center;justify-content:center;background:var(--dark);overflow:hidden;}
.ce-historia__bg{position:absolute;inset:0;}
.ce-historia__overlay{position:absolute;inset:0;background:rgba(0,0,0,.30);}
.ce-historia__inner{position:relative;z-index:1;text-align:center;padding-inline:var(--pad);text-shadow:0 1px 18px rgba(0,0,0,.6);}
.ce-historia__overline{font-size:14px;color:#fff;text-transform:uppercase;letter-spacing:-0.14px;}
.ce-historia__h2{
  margin-top:14px;font-weight:500;font-size:clamp(34px,5vw,57px);color:#fff;
  text-transform:uppercase;letter-spacing:-2.337px;line-height:1.02;
}
.ce-historia__btn{
  display:inline-flex;align-items:center;justify-content:center;margin-top:28px;
  width:117.52px;height:40.91px;background:#0d0d0d;border:1px solid rgba(255,255,255,.4);color:#fff;
  font-size:14px;text-transform:uppercase;letter-spacing:-0.14px;text-decoration:none;
}

/* =========================================================================
   12. CONTINÚA EN LA FINCA (imagen enmarcada por franjas claras)
   ========================================================================= */
.ce-finca__frame{max-width:1336px;margin:0 auto;background:var(--bg);padding-inline:clamp(0px,4.5vw,68px);}
.ce-finca__media{position:relative;min-height:clamp(220px,22vw,330px);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.ce-finca__img{position:absolute;inset:0;}
.ce-finca__overlay{position:absolute;inset:0;background:rgba(0,0,0,.30);}
.ce-finca__group{position:relative;z-index:1;text-align:center;color:#fff;text-transform:uppercase;padding:28px 24px;text-shadow:0 1px 18px rgba(0,0,0,.6);}
.ce-finca__s1{display:block;max-width:360px;margin:0 auto;font-weight:300;font-size:12px;line-height:1.5;letter-spacing:-0.14px;}
.ce-finca__h2{display:block;max-width:806px;margin:16px auto 0;font-weight:300;font-size:clamp(20px,2.5vw,30px);line-height:1.15;letter-spacing:2px;}
.ce-finca__s2{position:relative;display:inline-block;margin:14px auto 0;font-weight:400;font-size:12px;letter-spacing:-0.14px;}
.ce-finca__s2::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:currentColor;transition:width .4s ease;}
.ce-finca__s2:hover::after{width:100%;}

/* =========================================================================
   RESPONSIVE
   ========================================================================= */
@media (max-width:900px){
  .ce-vina__inner,
  .ce-luz__inner,
  .ce-cata__inner{grid-template-columns:1fr;gap:36px;}
  .ce-vina__text,
  .ce-luz__text,
  .ce-cata__text{max-width:none;}
  .ce-vina__inner{grid-template-areas:"t" "i";}
  .ce-vina__text{grid-area:t;}
  .ce-vina__img{grid-area:i;}
  .ce-ritual__inner{grid-template-columns:1fr;}
  .ce-ritual__panel{padding:clamp(40px,8vw,64px) var(--pad);}
  .ce-ritual__img{aspect-ratio:4/3;min-height:0;}
  .ce-cata__notes{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;}
  .ce-q{position:static;width:auto;left:auto;top:auto;display:flex;flex-direction:column;justify-content:center;padding:clamp(14px,4vw,30px);}
}
@media (max-width:560px){
  .ce-stats{gap:8px;margin-top:10px;max-width:330px;margin-inline:auto;}
  .ce-stat__num{font-size:24px;}
  .ce-stat__line{width:30px;margin:5px 0 4px;}
  .ce-stat__label{font-size:10px;line-height:11px;}
  .ce-cata__h2{white-space:normal;}
}

/* === Imágenes originales: sin overlays/gradientes === */
.ce-hero__grad,.ce-vina__imggrad,.ce-cita__overlay,.ce-cata__cardgrad,.ce-historia__overlay,.ce-finca__overlay{background:none !important;}
.ce-cita__quote,.ce-historia__inner,.ce-finca__group{text-shadow:0 2px 16px rgba(0,0,0,.8);}
.ce-q{text-shadow:0 1px 10px rgba(0,0,0,.9);}