/* =========================================================================
   ANMA TINTO — Chozas Carrascal
   Landing basada en Figma (node 83:500), maquetación RESPONSIVE.
   Sin escalado: el cuerpo de texto es siempre 13px exactos.
   Tipografías: Cormorant, Inter, Archivo.
   ========================================================================= */

.at-page{
  --gold:#b8924a;
  --gold-d:#886219;
  --gray:#6a6a6a;
  --ink:#0d0d0d;
  --ink2:#141312;
  --ink3:#0d0b08;
  --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;
}
.at-page *{box-sizing:border-box;margin:0;}

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

/* ---- Imagen + placeholder -------------------------------------------- */
.at-imgbox{width:100%;height:100%;position:relative;overflow:hidden;}
.at-imgbox img{width:100%;height:100%;object-fit:cover;display:block;}
.at-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;
}
.at-ph-l{font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;}
.at-ph-d{font-size:15px;font-weight:600;color:#6f6658;letter-spacing:.02em;}

/* ---- Utilidades ------------------------------------------------------- */
.at-sec{position:relative;width:100%;}
.at-inner{padding-inline:var(--pad);padding-block:var(--gap);}
.at-overline{
  font-family:'Archivo',sans-serif;font-weight:400;font-size:13px;color:var(--gold);
  letter-spacing:3.52px;text-transform:uppercase;line-height:1.3;
}
.at-h2{
  font-weight:500;font-size:clamp(22px,2.4vw,27px);color:var(--ink2);
  text-transform:uppercase;line-height:1.25;
}

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

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

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

/* =========================================================================
   2. ES LEGADO  (texto + 2 imágenes)
   ========================================================================= */
.at-legado__inner{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);
  gap:clamp(32px,5vw,90px);align-items:center;
}
.at-legado__text{max-width:440px;}
.at-legado__text .at-h2{margin-top:8px;}
.at-legado__body{margin-top:16px;}
.at-legado__body p+p{margin-top:14px;}
.at-legado__italic{margin-top:22px;font-style:italic;color:var(--gold);}
.at-legado__imgs{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.at-legado__img{aspect-ratio:491/542;}

/* =========================================================================
   3. DOS VARIEDADES (centrado)
   ========================================================================= */
.at-variedades__inner{text-align:center;padding-top:0;}
.at-variedades__h2{
  font-weight:500;font-size:clamp(22px,2.4vw,27px);color:var(--ink);
  text-transform:uppercase;line-height:1.25;margin-bottom:20px;
}
.at-variedades__p{max-width:1040px;margin:0 auto;}
.at-variedades__p p+p{margin-top:10px;}

/* =========================================================================
   4. CITA
   ========================================================================= */
.at-cita{position:relative;min-height:clamp(360px,42vw,586px);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;}
.at-cita__bg{position:absolute;inset:0;}
.at-cita__overlay{position:absolute;inset:0;background:rgba(0,0,0,.40);}
.at-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){.at-cita__quote{white-space:normal;max-width:680px;}}
.at-cita__line{position:relative;z-index:1;width:239px;max-width:62%;height:1px;background:rgba(255,255,255,.5);margin-top:22px;}

/* =========================================================================
   5. DOS NOMBRES (texto + imagen)
   ========================================================================= */
.at-nombres__inner{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(40px,6vw,84px);align-items:center;
}
.at-nombres__text{max-width:560px;}
.at-nombres__overline{
  font-family:'Archivo',sans-serif;font-weight:500;font-size:13px;color:var(--ink2);
  letter-spacing:3.52px;text-transform:uppercase;opacity:.8;
}
.at-nombres__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;
}
.at-nombres__p{margin-top:22px;}
.at-nombres__p p+p{margin-top:14px;}
.at-nombres__italic{margin-top:22px;font-style:italic;color:var(--gold);}
.at-nombres__link{position:relative;display:inline-block;margin-top:28px;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) */
.at-nombres__link::after,.at-cata__link::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:currentColor;transition:width .4s ease;}
.at-nombres__link:hover::after,.at-cata__link:hover::after{width:100%;}
.at-nombres__img{aspect-ratio:708/514;}

/* =========================================================================
   6. LA CATA  (imagen 50% a sangre + notas centradas)
   ========================================================================= */
.at-cata{padding-bottom:var(--gap);}
.at-cata__inner{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;}
.at-cata__card{position:relative;overflow:hidden;min-height:clamp(420px,46vw,600px);}
.at-cata__cardimg{position:absolute;inset:0;}
.at-cata__cardgrad{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(89.29deg,rgba(13,11,8,.64) 19%,rgba(13,13,13,.48) 50%,rgba(69,51,21,.49) 82%);
}
.at-cata__notes{position:absolute;inset:0;}
.at-cata__notes::before{content:"";position:absolute;left:50%;top:16%;bottom:16%;width:1px;background:rgba(255,255,255,.25);}
.at-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 */
.at-q{position:absolute;color:#fff;width:clamp(150px,18.5%,185px);}
.at-q:nth-child(1){left:28%;top:27%;}
.at-q:nth-child(2){left:58%;top:27%;}
.at-q:nth-child(3){left:28%;top:58%;}
.at-q:nth-child(4){left:58%;top:58%;}
.at-q__t{font-family:'Cormorant',serif;font-weight:500;font-size:clamp(22px,3vw,36px);line-height:1;color:#fff;}
.at-q__l{width:55px;height:1px;background:rgba(255,255,255,.7);margin:12px 0 10px;}
.at-q__d{font-size:clamp(11px,1.05vw,13px);font-weight:500;line-height:1.3;letter-spacing:-0.14px;color:#fff;}
.at-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);}
.at-cata__overline{
  font-family:'Archivo',sans-serif;font-weight:400;font-size:13px;color:var(--gold);
  letter-spacing:3.52px;text-transform:uppercase;
}
.at-cata__h2{margin-top:10px;font-weight:500;font-size:20px;white-space:nowrap;color:var(--ink2);text-transform:uppercase;line-height:1.3;}
.at-cata__p{margin-top:18px;max-width:520px;}
.at-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;}

/* =========================================================================
   7. RITUAL DE SERVIR
   ========================================================================= */
.at-ritual__inner{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;}
.at-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);
}
.at-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;}
.at-ritual__p{margin-top:24px;max-width:480px;}
.at-ritual__p p+p{margin-top:14px;}
.at-ritual__italic{margin-top:24px;font-style:italic;color:var(--gray);max-width:400px;}
.at-ritual__img{position:relative;overflow:hidden;min-height:320px;}

/* =========================================================================
   8. OTROS, EN EL LUGAR DONDE NACEN
   ========================================================================= */
.at-otros{position:relative;min-height:75vh;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.at-otros__bg{position:absolute;inset:0;}
.at-otros__overlay{position:absolute;inset:0;background:rgba(0,0,0,.30);}
.at-otros__inner{position:relative;z-index:1;text-align:center;padding-inline:var(--pad);text-shadow:0 1px 18px rgba(0,0,0,.6);}
.at-otros__overline{font-size:14px;color:#fff;text-transform:uppercase;letter-spacing:-0.14px;}
.at-otros__h2{
  margin-top:14px;font-weight:500;font-size:clamp(28px,4vw,44px);color:#fff;
  text-transform:uppercase;letter-spacing:-1.6px;line-height:1.05;
}
.at-otros__btn{
  display:inline-flex;align-items:center;justify-content:center;margin-top:28px;
  min-width:247px;height:41px;padding:0 22px;background:#0d0d0d;color:#fff;
  font-size:14px;text-transform:uppercase;letter-spacing:-0.14px;text-decoration:none;
}

/* =========================================================================
   RESPONSIVE
   ========================================================================= */
@media (max-width:900px){
  .at-legado__inner,
  .at-nombres__inner,
  .at-cata__inner{grid-template-columns:1fr;gap:36px;}
  .at-legado__text,
  .at-nombres__text,
  .at-cata__text{max-width:none;}
  .at-ritual__inner{grid-template-columns:1fr;}
  .at-ritual__panel{padding:clamp(40px,8vw,64px) var(--pad);}
  .at-ritual__img{aspect-ratio:4/3;min-height:0;}
  .at-cata__notes{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;}
  .at-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){
  .at-stats{gap:8px;margin-top:10px;max-width:330px;margin-inline:auto;}
  .at-stat__num{font-size:24px;}
  .at-stat__line{width:30px;margin:5px 0 4px;}
  .at-stat__label{font-size:10px;line-height:11px;}
  .at-legado__imgs{gap:10px;}
  .at-cata__h2{white-space:normal;}
}

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