/** Shopify CDN: Minification failed

Line 17:0 All "@import" rules must come first
Line 382:0 Unexpected "}"

**/
/* === FIX responsive móvil: evitar desborde horizontal (full-bleed) === */
html, body { max-width: 100%; overflow-x: hidden; }
#root { overflow-x: clip; max-width: 100vw; }
.ag-routine-cards, .ag-ing-cards { max-width: 100vw; }

/* ============================================================
   AUREA — Sistema de marca
   Tipografía: Gambetta (display) · Roboto Serif (texto)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Serif:ital,opsz,wght@0,8..144,300;0,8..144,400;0,8..144,500;0,8..144,600;1,8..144,400&display=swap');

@font-face {
  font-family: 'Gambetta';
  src: url('/cdn/shop/files/Gambetta-Light.otf?v=1782815705') format('opentype');
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Gambetta';
  src: url('/cdn/shop/files/Gambetta-Regular.otf?v=1782815705') format('opentype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Gambetta';
  src: url('/cdn/shop/files/Gambetta-Medium.otf?v=1782815705') format('opentype');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Gambetta';
  src: url('/cdn/shop/files/Gambetta-Semibold.otf?v=1782815705') format('opentype');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Gambetta';
  src: url('/cdn/shop/files/Gambetta-Italic.otf?v=1782815705') format('opentype');
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Gambetta';
  src: url('/cdn/shop/files/Gambetta-MediumItalic.otf?v=1782815705') format('opentype');
  font-weight: 500; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Gambetta';
  src: url('/cdn/shop/files/Gambetta-SemiboldItalic.otf?v=1782815705') format('opentype');
  font-weight: 600; font-style: italic; font-display: swap;
}

:root{
  /* Paleta AUREA */
  --gold:      #D29A38;   /* Amarillo Tierra (primario) */
  --gold-deep: #BD862A;   /* dorado profundo p/ hover/contraste */
  --oro-fino:  #E3C285;   /* Oro Fino (claro) */
  --coyote:    #8A7651;   /* Coyote (oliva) */
  --negro:     #0E0D0B;   /* Negro cálido */
  --dark:      #2A2217;   /* Oscuro de marca (espresso cálido) — usado en secciones */
  --dark-soft: #38301F;   /* variante más clara */
  --gris:      #3D3A36;   /* Gris */
  --blanco:    #FFFFFF;

  /* Neutros cálidos derivados */
  --crema:     #FBF7EF;   /* papel cálido (fondo) */
  --crema-2:   #F4EBDA;   /* papel cálido más saturado */
  --crema-3:   #EFE3CD;   /* tarjeta cálida */
  --tinta:     #1A1611;   /* texto principal cálido */
  --tinta-60:  #6B6357;   /* texto secundario */
  --linea:     #E6DCC9;   /* hairlines */
  --linea-dark:#2A2520;

  --font-display: 'Gambetta', Georgia, 'Times New Roman', serif;
  --font-body: 'Roboto Serif', Georgia, serif;

  --maxw: 1240px;
  --gutter: clamp(20px, 5vw, 64px);
  --radius: 18px;
  --radius-lg: 28px;

  --ease: cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  margin:0;
  font-family: var(--font-body);
  font-weight:400;
  color: var(--tinta);
  background: var(--crema);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
button{ font-family:inherit; cursor:pointer; }
::selection{ background: var(--gold); color:#fff; }

h1,h2,h3,h4{ font-family: var(--font-display); font-weight:400; line-height:1.04; margin:0; letter-spacing:-0.01em; }

/* ---------- utilidades ---------- */
.wrap{ max-width: var(--maxw); margin-inline:auto; padding-inline: var(--gutter); }
.eyebrow{
  font-family: var(--font-body);
  font-size: .72rem; font-weight:500;
  letter-spacing: .26em; text-transform: uppercase;
  color: var(--gold-deep);
}
.serif-italic{ font-style: italic; }
.text-balance{ text-wrap: balance; }
.text-pretty{ text-wrap: pretty; }
.center{ text-align:center; }

/* ---------- botones ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.6em;
  font-family: var(--font-body); font-weight:500;
  font-size: 1rem; letter-spacing:.01em;
  padding: 1.05em 1.9em;
  border-radius: 100px;
  border:1px solid transparent;
  transition: transform .35s var(--ease), background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);
  will-change: transform;
}
.btn:active{ transform: scale(.97); }
.btn-gold{ background: var(--gold); color:#fff; }
.btn-gold:hover{ background: var(--gold-deep); transform: translateY(-2px); }
.hl{ background-image: linear-gradient(90deg, rgba(217,183,120,.22), rgba(215,159,72,.22)); color: inherit;
  padding: 0 .12em; border-radius: 4px; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.hl-dark{ background-image: linear-gradient(90deg, rgba(217,183,120,.38), rgba(215,159,72,.38)); color:#fff; }
#ag-r5{ transform: scale(1.85); transform-origin: 66% 60%; }
.m-br{ display:none; }
@media (max-width: 767px){ .m-br{ display:inline; } }
.btn-ink{ background: var(--negro); color:#fff; }
.btn-ink:hover{ background:#2a241d; transform: translateY(-2px); }
.btn-ghost{ background:transparent; color: var(--tinta); border-color: var(--linea); }
.btn-ghost:hover{ border-color: var(--gold); color: var(--gold-deep); }
.btn-ghost-light{ background:transparent; color:#fff; border-color: rgba(255,255,255,.45); }
.btn-ghost-light:hover{ border-color:#fff; background:rgba(255,255,255,.08); }
.btn-block{ width:100%; }

/* ---------- secciones ---------- */
.section{ padding-block: clamp(64px, 9vw, 130px); }
.section-tight{ padding-block: clamp(48px, 6vw, 90px); }
.section-head{ max-width: 720px; }
.section-head .eyebrow{ display:block; margin-bottom: 1.1rem; }
.section-head h2{
  font-size: clamp(1.7rem, 4.2vw, 2.6rem);
}
.section-head p{ color: var(--tinta-60); font-size: 1rem; margin-top:1.1rem; }

/* divisor de línea fina como el del manual */
.rule{ height:1px; background: var(--linea); border:0; }

/* ---------- formularios ---------- */
.field{
  width:100%; font-family: var(--font-body); font-size:1rem;
  padding: 1.05em 1.25em; border-radius: 100px;
  border:1px solid var(--linea); background:#fff; color:var(--tinta);
  transition: border-color .25s var(--ease), box-shadow .25s var(--ease);
}
.field::placeholder{ color:#A89E8C; }
.field:focus{ outline:none; border-color: var(--gold); box-shadow:0 0 0 4px rgba(210,154,56,.14); }

/* chips / pills (valores de marca) */
.pill{
  display:inline-flex; align-items:center; padding:.5em 1.15em; border-radius:100px;
  font-size:.92rem; font-family:var(--font-display); font-style:italic;
  border:1px solid var(--linea);
}

/* tarjeta */
.card{ background:#fff; border:1px solid var(--linea); border-radius: var(--radius-lg); }

/* asterisco de marca */
.asterisk{ color: var(--gold); font-style:normal; }

/* aparición al hacer scroll */
.reveal{ opacity:0; transform: translateY(24px); transition: opacity .9s var(--ease), transform .9s var(--ease); }
.reveal.in{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){
  .reveal{ opacity:1 !important; transform:none !important; }
  html{ scroll-behavior:auto; }
}

/* ---------- header global (páginas estáticas) ---------- */
.site-head{
  position: sticky; top:0; z-index:50;
  display:flex; align-items:center; justify-content:space-between;
  padding: 16px var(--gutter);
  background: rgba(251,247,239,.82); backdrop-filter: blur(12px);
  border-bottom:1px solid var(--linea);
}
.site-head .brand{ height:26px; }
.site-nav{ display:flex; gap:28px; align-items:center; font-size:.95rem; }
.site-nav a{ color:var(--tinta-60); transition:color .2s; }
.site-nav a:hover{ color:var(--gold-deep); }
@media (max-width: 720px){ .site-nav .hide-sm{ display:none; } }

/* ---------- footer global ---------- */
.site-foot{ background: var(--negro); color: #C9C0B2; padding-block: clamp(48px,7vw,86px); }
.site-foot a{ color:#C9C0B2; }
.site-foot a:hover{ color: var(--oro-fino); }
.site-foot .foot-brand{ height:30px; }

/* documento legal */
.legal{ max-width: 760px; }
.legal h2{ font-size: clamp(1.5rem,3.4vw,2.1rem); margin-top: 2.6em; }
.legal h2:first-of-type{ margin-top:0; }
.legal h3{ font-family:var(--font-body); font-weight:600; font-size:1.05rem; margin-top:1.8em; }
.legal p, .legal li{ color: var(--gris); font-size:1.02rem; }
.legal ul{ padding-left: 1.2em; }
.legal li{ margin-bottom:.4em; }
.legal .updated{ color: var(--tinta-60); font-style:italic; }


/* ===== ag1.css ===== */
/* ============================================================
   AUREA · Landing estilo AG1  (estructura 1:1, identidad AUREA)
   Reusa aurea.css para tokens, fuentes y botones (.btn).
   ============================================================ */

.aurea-logo{ width:auto; display:block; }
.aurea-logo--white{ filter: brightness(0) invert(1); }

/* ---------------- HEADER ---------------- */
.ag-head{ position: sticky; top:0; z-index:60;
  display:flex; align-items:center; justify-content:space-between;
  padding: 14px var(--gutter);
  background: rgba(251,247,239,.88); backdrop-filter: blur(14px) saturate(1.2);
  border-bottom:1px solid var(--linea); }
.ag-head .ag-nav{ display:none; gap: 32px; font-size:.92rem; margin-left:auto; }
.ag-head .ag-nav a{ color: var(--tinta-60); transition: color .2s; }
.ag-head .ag-nav a:hover{ color: var(--gold-deep); }
@media (min-width: 940px){ .ag-head .ag-nav{ display:flex; } }
.ag-head .menu-btn{ display:inline-flex; flex-direction:column; gap:4px; background:none; border:0; padding:8px; margin-left:auto; }
.ag-head .menu-btn span{ width:22px; height:1.5px; background: var(--tinta); display:block; }
@media (min-width: 940px){ .ag-head .menu-btn{ display:none; } }

/* announcement bar */
.ag-announce{ background: var(--dark); color: var(--oro-fino); text-align:center;
  font-size:.8rem; letter-spacing:.04em; padding: 9px 16px; }
.ag-announce b{ color:#fff; font-weight:500; }

/* ---------------- HERO (split 50/50, imagen a sangre) ---------------- */
.ag-hero{ background: var(--crema); display:flex; flex-direction:column; }
.ag-hero-img{ order:1; }
.ag-hero-text{ order:2; }
.ag-hero-text{ padding: clamp(28px,6vw,72px) var(--gutter); display:flex; flex-direction:column; justify-content:center; }
.ag-hero-text-in{ width:100%; max-width: 560px; margin-inline:auto; }
.ag-hero-copy .eyebrow{ display:block; margin-bottom: 1.2rem; }
.ag-hero h1{ font-size: clamp(1.9rem, 4.2vw, 3rem); line-height:1.08; text-wrap:balance; }
.ag-hero h1 .rot{ color: var(--gold); font-style:italic; display:inline-block; }
.ag-hero .sub{ margin-top: 1.2rem; color: var(--gris); font-size: 14px;
  line-height:1.65; max-width: 46ch; }
.ag-hero .hero-cta{ margin-top: 2rem; display:flex; flex-wrap:wrap; gap: 14px; }
.ag-hero .hero-cta .btn{ font-size:1.02rem; }
.ag-hero .hero-cta .btn-gold{ background: linear-gradient(90deg, #A9701E 0%, #D79F48 30%, #E9C57E 50%, #D79F48 70%, #A9701E 100%); color:#fff; border:0; }
.ag-hero .hero-cta .btn-gold:hover{ background: linear-gradient(90deg, #B87C22 0%, #E0A94F 30%, #F2D08A 50%, #E0A94F 70%, #B87C22 100%); }
.ag-hero .stars-row{ margin-top: 1.6rem; display:flex; align-items:center; gap: 12px; flex-wrap:wrap; }
.ag-hero .stars{ color: var(--gold); letter-spacing:.12em; font-size:1rem; }
.ag-hero .stars-row span{ color: var(--tinta-60); font-size:.9rem; }

.ag-hero-img{ position:relative; min-height: 46vh; background: var(--crema-3); }
.ag-hero-img .ag-slot, .ag-hero-img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position: center center; display:block; }
@media (min-width: 900px){
  .ag-hero{ display:grid; grid-template-columns: 0.86fr 1.14fr; align-items:stretch; min-height: 76vh; }
  .ag-hero-text{ order:1; padding: clamp(40px,6vw,72px) var(--gutter); }
  .ag-hero-text-in{ margin-inline:0; margin-right:auto; }
  .ag-hero-img{ order:2; min-height:100%; }
}

/* ---------------- REVIEW STRIP ---------------- */
.ag-reviews-strip{ background: var(--dark); color:#F1E9D9; }
.ag-reviews-strip .wrap{ padding-block: clamp(40px,5vw,64px); text-align:center; }
.ag-reviews-strip .count{ font-family: var(--font-display); font-style:italic;
  font-size: clamp(1.2rem,3vw,1.7rem); color: var(--oro-fino); }
.ag-reviews-strip .count .stars{ color: var(--gold); display:block; letter-spacing:.18em; margin-bottom:.6rem; font-style:normal; }
.ag-rev-quotes{ display:grid; gap: 18px; margin-top: 2.4rem; }
.ag-rev-q{ background: rgba(226,194,133,.06); border:1px solid rgba(226,194,133,.2);
  border-radius: var(--radius); padding: 22px; text-align:left; }
.ag-rev-q p{ font-family: var(--font-display); font-size:1.02rem; line-height:1.45; color:#F3ECDD; margin:0; }
.ag-rev-q .who{ margin-top: 1rem; font-size:.82rem; color: rgba(241,233,217,.6); }
.ag-rev-q .who .st{ color: var(--gold); margin-right:.5em; }
@media (min-width: 760px){ .ag-rev-quotes{ grid-template-columns: repeat(2,1fr); } }
@media (min-width: 1040px){ .ag-rev-quotes{ grid-template-columns: repeat(4,1fr); } }

/* ---------------- REEMPLAZA (menos frascos · cuadro comparativo) ---------------- */
.ag-replace{ background: var(--crema); padding-top: 30px; }
.ag-replace .wrap{ padding-block: clamp(28px,4vw,56px) clamp(56px,8vw,110px); }
.ag-replace-head{ max-width: none; text-align:center; }
.ag-replace h2{ font-size: clamp(1.9rem,4.6vw,3.1rem); line-height:1.1; }
.ag-replace h2 em{ color: var(--gold); font-style:italic; }
.ag-replace .body{ color: var(--gris); margin-top: 1.2rem; line-height:1.7; max-width: 56ch; }
.ag-replace-head .body{ max-width:none; margin-inline:auto; white-space:normal; }
@media (min-width: 900px){ .ag-replace-head .body{ white-space:nowrap; } }

/* tabla comparativa estilo IM8 */
.ag-cmp{ position:relative; margin-top: clamp(56px,7vw,80px); }
.ag-cmp-grid{ display:grid; grid-template-columns: 1.5fr 1.2fr 1.1fr; column-gap:0;
  align-items:stretch; border:1px solid var(--linea); border-radius: 26px; background:#fff; }
.ag-cmp-cell{ padding: 10px 22px; display:flex; align-items:center; border-bottom:1px solid var(--linea); min-height:72px; }
.ag-cmp-cell.ag-cmp-h, .ag-cmp-cell.ag-cmp-h0{ min-height:0; }
.ag-cmp-grid > .ag-cmp-cell:nth-child(3n){ border-right:none; }
.ag-cmp-grid > .ag-cmp-c0{ border-right:1px solid var(--linea); }
.ag-cmp-grid > .ag-cmp-cell:nth-last-child(-n+3){ border-bottom:none; }

/* encabezado + fotos flotando */
.ag-cmp-h{ flex-direction:column; justify-content:flex-end; gap: 8px; border-bottom:1px solid var(--linea);
  padding-top: 0; padding-bottom:4px; align-items:center; text-align:center; }
.ag-cmp-h0{ align-items:flex-start; justify-content:flex-end; padding-bottom: 16px;
  font-size:.74rem; letter-spacing:.16em; text-transform:uppercase; color: var(--tinta-60); }
.ag-cmp-pic{ width: 132px; height: 168px; margin-top: -100px; display:flex; align-items:flex-end; justify-content:center; }
.ag-cmp-pic .ag-slot{ width:100%; height:100%; border-radius: 0; box-shadow:none; background:transparent !important; border:none !important; filter: drop-shadow(0 14px 22px rgba(120,90,40,.25)); transition: transform .4s var(--ease), filter .4s var(--ease); will-change: transform; }
.ag-cmp-pic:hover .ag-slot{ transform: translateY(-12px); filter: drop-shadow(0 28px 36px rgba(120,90,40,.34)); }
#ag-cmp-aurea{ background:transparent !important; border:none !important; box-shadow:none !important; }
.ag-cmp-pic-mut{ opacity:.9; }
.ag-cmp-pic-mut svg{ width: 70px; height: auto; }
.ag-cmp-pic-other{ width: 132px; height: 168px; margin-top: -100px; }
.ag-cmp-pic-other .ag-slot{ width:100%; height:100%; background:transparent !important; border:none !important; box-shadow:none; filter: drop-shadow(0 14px 22px rgba(40,30,15,.22)); transition: transform .4s var(--ease), filter .4s var(--ease); will-change: transform; }
.ag-cmp-pic-other:hover .ag-slot{ transform: translateY(-12px); filter: drop-shadow(0 28px 36px rgba(40,30,15,.32)); }
#ag-cmp-other{ background:transparent !important; border:none !important; box-shadow:none !important; }
.ag-cmp-brand{ height: 30px; display:flex; align-items:center; justify-content:center; }
.ag-cmp-brand img{ height:26px; width:auto; display:block; }
@media (max-width:720px){ .ag-cmp-brand img{ height:20px; } }
.ag-cmp-other-label{ font-size:.74rem; letter-spacing:.12em; text-transform:uppercase; color: var(--tinta-60); height: 30px; display:flex; align-items:center; justify-content:center; }

/* celdas de cuerpo */
.ag-cmp-c0{ flex-direction:column; align-items:flex-start; justify-content:center; gap:2px; }
.ag-cmp-k{ font-size:1.05rem; color: var(--tinta); }
.ag-cmp-sub{ display:none; }
.ag-cmp-c1, .ag-cmp-c2{ gap: 14px; }
.ag-cmp-circle{ flex-shrink:0; width:24px; height:24px; border-radius:50%; display:inline-flex;
  align-items:center; justify-content:center; color:#fff; }
.ag-cmp-circle svg{ width:15px; height:15px; }
.ag-cmp-circle.gold{ background: var(--gold); }
.ag-cmp-circle.mut{ background: var(--coyote); }
.ag-cmp-circle.no{ background: #D8CDB8; }
.ag-cmp-val{ display:flex; flex-direction:column; line-height:1.1; }
.ag-cmp-pct{ font-family: var(--font-display); font-size: 12px; color: var(--gold-deep); font-weight:500; }
.ag-cmp-pct small{ font-family: var(--font-body); font-size:.6rem; letter-spacing:.14em; color: var(--tinta-60); vertical-align:middle; }
.ag-cmp-excl{ font-family: var(--font-display); font-style:italic; font-size:13px; color: var(--gold-deep); }
.ag-cmp-dose{ font-size:.98rem; color: var(--tinta-60); margin-top:.2rem; }
@media (min-width:769px){ .ag-cmp-c1 .ag-cmp-val{ transform: translateY(-8px); } }
.ag-cmp-otherval{ font-size:.98rem; color: var(--tinta-60); }

/* columna AUREA destacada (banda continua tono sutil, estilo IM8) */
.ag-cmp-grid > .ag-cmp-c1, .ag-cmp-grid > .ag-cmp-h1{ background: rgba(210,154,56,.07); box-shadow: 1px 0 0 var(--linea), -1px 0 0 var(--linea); position:relative; z-index:1; }
.ag-cmp-h1{ border-radius: 0; }
.ag-cmp-grid > .ag-cmp-cell.ag-cmp-c1.ag-cmp-last{ border-bottom:none; }

.ag-cmp-foot{ margin-top: 1.6rem; font-size:.8rem; color: var(--tinta-60); font-style:italic; max-width: none; margin-inline:auto; text-align:center; }
.ag-cmp-foot b{ font-style:normal; color: var(--gris); font-weight:600; }

@media (max-width: 720px){
  .ag-cmp-grid{ grid-template-columns: 1fr .9fr .8fr; }
  .ag-cmp-cell{ padding: 16px 11px; }
  .ag-cmp-k{ font-size:.92rem; }
  .ag-cmp-sub{ font-size:.7rem; }
  /* estilo IM8 móvil: ocultar los círculos, mostrar % como pill arriba del dose */
  .ag-cmp-c1 .ag-cmp-circle, .ag-cmp-c2 .ag-cmp-circle{ display:none; }
  .ag-cmp-c1, .ag-cmp-c2{ flex-direction:column; align-items:flex-start; justify-content:center; gap:8px; }
  .ag-cmp-val{ gap:8px; }
  .ag-cmp-pct{ display:inline-block; font-family: var(--font-body); font-weight:700; font-size:.735rem;
    color: var(--gold-deep); background: rgba(190,134,42,.28); border-radius:100px; padding:.3em .7em; line-height:1; }
  .ag-cmp-excl{ display:inline-block; font-size:1.05rem; background: rgba(190,134,42,.28); border-radius:100px; padding:.3em .7em; }
  .ag-cmp-dose{ font-family: var(--font-display); font-size:1.05rem; color: var(--tinta); margin-top:0; }
  .ag-cmp-otherval{ font-family: var(--font-display); font-size:1.05rem; color: var(--tinta); }
  .ag-cmp-pic{ width:96px; height:120px; margin-top:-58px; }
  .ag-cmp-pic-other{ width:96px; height:120px; margin-top:-58px; }
  .ag-cmp-brand{ font-size:1rem; height:22px; }
  .ag-cmp-other-label{ font-size:.62rem; letter-spacing:.08em; height:22px; }
  .ag-cmp-h{ gap: 6px; }
  .ag-cmp-h0{ font-size:.62rem; letter-spacing:.1em; padding-bottom:12px; }
}
}

@media (min-width: 880px){
  .ag-replace-inner{ grid-template-columns: 1fr 1fr; gap: 64px; }
}

/* ---------------- BARRA DE SELLOS ---------------- */
.ag-seals{ background: var(--crema); }
.ag-seals .wrap{ padding-block: 40px clamp(36px,5vw,56px); }
@media (max-width: 680px){ .ag-seals .wrap{ padding-block: 28px 36px; } }
.ag-seals-grid{ display:grid; grid-template-columns: 1fr; gap: 1px; background: var(--linea);
  border:1px solid var(--linea); border-radius: var(--radius); overflow:hidden; }
.ag-seal{ background: var(--crema); padding: 22px 20px; display:flex; align-items:center; gap: 14px; }
.ag-seal .ico{ width: 30px; height:30px; color: var(--gold); flex-shrink:0; }
.ag-seal-img{ width:34px; height:34px; object-fit:contain; flex-shrink:0; }
@media (min-width:1000px){ .ag-seal-img{ width:40px; height:40px; } }
.ag-seal span{ font-size:.96rem; color: var(--tinta); }
@media (min-width: 640px){ .ag-seals-grid{ grid-template-columns: repeat(2,1fr); } }
@media (min-width: 1000px){ .ag-seals-grid{ grid-template-columns: repeat(5,1fr); }
  .ag-seal{ flex-direction:column; text-align:center; gap:14px; padding: 30px 18px; } }

/* ---------------- ALIMENTA TU DÍA (rutina · cards con glass) ---------------- */
.ag-routine{ background: var(--crema); overflow:hidden; padding-bottom: clamp(20px,3vw,40px); }
.ag-routine-head{ display:block; }
.ag-routine-title{ margin:0; font-size: clamp(2rem,4.6vw,3.1rem); }
.ag-routine-subrow{ display:flex; justify-content:space-between; align-items:flex-end; gap: 24px; margin-top: 1rem; }
.ag-routine-sub{ font-size: 14px; line-height:1.65; color: var(--gris); margin: 0; max-width: none; flex: 1 1 auto; text-align:left; }
.ag-routine-subrow .ag-routine-facts{ margin-left: auto; }
.ag-routine-facts{ display:inline-flex; align-items:center; gap:.6em; flex-shrink:0; white-space:nowrap;
  font-family: var(--font-body); font-size:.9rem; color: var(--tinta);
  border:1px solid var(--linea); background:#fff; border-radius:100px; padding:.7em 1.3em;
  transition: border-color .2s, color .2s; }
.ag-routine-facts:hover{ border-color: var(--gold); color: var(--gold-deep); }
.ag-routine-facts .plus{ font-size:1.1em; line-height:1; color: var(--gold); }
.ag-routine-nav{ display:flex; gap: 22px; justify-content:flex-end; margin-top: 28px; }
.ag-routine-nav button{ background:none; border:0; padding:4px; color: var(--tinta);
  font-size:32px; line-height:1; cursor:pointer; transition: color .2s, opacity .2s; opacity:.7; }
.ag-routine-nav button:hover{ color: var(--gold-deep); opacity:1; }
@media (max-width: 680px){
  .ag-routine-subrow{ flex-direction:column; align-items:flex-start; gap: 16px; }
}
.ag-routine-cards{ display:flex; gap: 18px; margin-top: clamp(36px,5vw,56px);
  margin-right: calc(50% - 50vw); padding-right: var(--gutter); padding-block: 14px;
  overflow-x:auto; overflow-y:hidden; overscroll-behavior-x: contain; scroll-snap-type: x proximity; -webkit-overflow-scrolling:touch;
  scrollbar-width: none; -ms-overflow-style: none; }
.ag-routine-cards::-webkit-scrollbar{ display:none; height:0; }
.ag-rcard{ position:relative; border-radius: var(--radius-lg); overflow:hidden; aspect-ratio: 4/5.2;
  background: var(--crema-3); box-shadow: 0 24px 50px rgba(120,90,40,.16);
  flex: 0 0 clamp(280px, 80vw, 360px); scroll-snap-align: start; }
.ag-rcard .ag-slot, .ag-rcard img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; z-index:0; }
.ag-rcard::before{ content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background: linear-gradient(to top, rgba(18,13,6,.34) 0%, rgba(18,13,6,.04) 40%, transparent 60%); }
.ag-rcard .glass{ position:absolute; left:0; right:0; bottom:0; z-index:3; padding: 18px 22px 22px;
  background: rgba(28,20,10,.30);
  backdrop-filter: blur(14px) saturate(1.1); -webkit-backdrop-filter: blur(14px) saturate(1.1);
  border-top:1px solid rgba(255,255,255,.22); border-radius: 0;
  box-shadow: none; }
.ag-rcard .glass h3{ font-family: var(--font-display); font-size:27px; color:#fff; margin:0 0 .5rem; line-height:1.1; }
.ag-rcard .glass p{ margin:0; font-size:.82rem; color: rgba(255,255,255,.8); line-height:1.5; }

/* ---------------- INGREDIENTES (carrusel estilo AG1) ---------------- */
.ag-ing{ background: var(--crema); overflow:hidden; }
.ing-page{ background: var(--crema); padding-block: clamp(40px,6vw,72px) clamp(56px,8vw,100px); }
.ing-back{ display:inline-block; font-size:.92rem; color: var(--tinta-60); margin-bottom: 1.8rem; transition: color .2s; }
.ing-back:hover{ color: var(--gold-deep); }
.ing-page-head h1{ font-size: clamp(2.4rem,6vw,3.4rem); color: var(--tinta); line-height:1.05; }
.ing-page-head p{ font-size: 14px; color: var(--gris); margin-top: 1rem; max-width: 56ch; line-height:1.65; }
.ing-grid{ display:grid; grid-template-columns: repeat(auto-fill, 300px); justify-content:center; gap: 20px; margin-top: clamp(32px,4vw,52px); }
.ing-grid .ag-ing-card{ flex:none; width:300px; }
@media (max-width: 360px){ .ing-grid{ grid-template-columns: 1fr; } .ing-grid .ag-ing-card{ width:auto; } }
.ag-ing-head{ display:block; }
.ag-ing-title{ margin:0; font-size: clamp(2rem,4.4vw,2.75rem); color: var(--tinta); line-height:1.08; }
.ag-ing-subrow{ display:flex; justify-content:space-between; align-items:flex-end; gap: 40px; margin-top: 1rem; flex-wrap:wrap; }
.ag-ing-sub{ font-size: 14px; line-height:1.65; color: var(--gris); margin:0; max-width: none; }
.ag-ing-actions{ display:flex; gap: 12px; flex-shrink:0; }
.ag-ing-pill{ display:inline-flex; align-items:center; white-space:nowrap; font-family: var(--font-body);
  font-size:.88rem; color: var(--tinta); border:1px solid var(--gold); background:#fff; border-radius:100px; padding:.7em 1.3em;
  transition: background .2s, color .2s; }
.ag-ing-pill:hover{ background: var(--gold); color:#fff; }
.ag-ing-cards{ display:flex; gap: 20px; margin-top: clamp(32px,4vw,48px);
  margin-right: calc(50% - 50vw); padding-right: var(--gutter); padding-block: 4px;
  overflow-x:auto; overflow-y:hidden; overscroll-behavior-x: contain; scroll-snap-type: x proximity;
  -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none; }
.ag-ing-cards::-webkit-scrollbar{ display:none; height:0; }
.ag-ing-card{ position:relative; flex:0 0 clamp(260px,72vw,320px); aspect-ratio: 3/4;
  border-radius: 20px; overflow:hidden; background: var(--crema-3); scroll-snap-align:start;
  box-shadow: 0 18px 40px rgba(120,90,40,.1); }
.ag-ing-card .ag-slot{ position:absolute; inset:0; width:100%; height:100%; border-radius:0; z-index:0; }
.ag-ing-card .ag-ing-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:0; z-index:0; display:block; }
.ag-ing-card::after{ content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background: linear-gradient(to top, rgba(18,13,6,.82) 0%, rgba(18,13,6,.4) 30%, rgba(18,13,6,.02) 58%, transparent 72%); }
.ag-ing-label{ position:absolute; top:18px; left:20px; z-index:2; font-family: var(--font-body);
  font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:#fff; text-shadow:0 1px 6px rgba(0,0,0,.4); }
.ag-ing-glass{ position:absolute; left:0; right:0; bottom:0; z-index:2; padding: 20px 22px 22px; }
.ag-ing-glass h3{ font-family: var(--font-display); font-size:24px; color:#fff; margin:0 0 .4rem; line-height:1.1; }
.ag-ing-glass p{ margin:0; font-size:14px; color: rgba(255,255,255,.82); line-height:1.5; }
.ag-ing-nav{ display:flex; gap: 22px; justify-content:flex-end; margin-top: 22px; }
.ag-ing-nav button{ background:none; border:0; padding:4px; color: var(--tinta); font-size:32px; line-height:1;
  cursor:pointer; transition: color .2s, opacity .2s; opacity:.7; }
.ag-ing-nav button:hover{ color: var(--gold-deep); opacity:1; }
.ag-ing-more{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap: 14px;
  text-decoration:none; background: rgba(217,183,120,.18); border:1px solid var(--gold); }
.ag-ing-more::after{ content:none; }
.ag-ing-more-arrow{ font-size: 48px; line-height:1; color: var(--gold); }
.ag-ing-more-txt{ font-family: var(--font-display); font-size: 22px; color: var(--tinta); text-align:center; padding: 0 18px; }
.ag-ing-more:hover{ background: rgba(217,183,120,.3); }
.ag-ing-foot{ display:flex; align-items:center; gap: 28px; margin-top: 22px; }
.ag-ing-progress{ flex:1; height:3px; background: var(--linea); border-radius:100px; overflow:hidden; }
.ag-ing-bar{ display:block; height:100%; width:0; background: var(--gold); border-radius:100px; transition: width .15s linear; }
.ag-ing-foot .ag-ing-nav{ margin-top:0; }

/* ---- marquee auto-scroll infinito ---- */
.ag-ing-marquee{ margin-top: clamp(32px,4vw,48px); width:100vw; margin-left: calc(50% - 50vw);
  overflow:hidden; }
.ag-ing-track{ display:flex; gap:20px; width:max-content; padding: 4px var(--gutter); will-change:transform; }
.ag-ing-track.is-running{ animation: agIngScroll 22s linear infinite; }
.ag-ing-marquee:hover .ag-ing-track.is-running,
.ag-ing-marquee:active .ag-ing-track.is-running{ animation-play-state: paused; }
@keyframes agIngScroll{ from{ transform: translateX(0); } to{ transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce){ .ag-ing-track.is-running{ animation:none; } }
@media (max-width: 680px){ .ag-ing-track.is-running{ animation-duration: 16s; } }
@media (max-width: 680px){ .ag-ing-subrow{ flex-direction:column; align-items:flex-start; gap: 18px; } }

/* ---------------- ASÍ FUNCIONA (tarjetas con imagen) ---------------- */
.ag-how{ background: var(--crema); padding-bottom: 0; }
@media (min-width:769px){ .ag-how{ padding-top: 50px; } }
.ag-how-steps{ display:grid; gap: 24px; margin-top: clamp(36px,5vw,56px); }
.ag-step{ background:#fff; border-radius: 20px; overflow:hidden; box-shadow: 0 18px 40px rgba(120,90,40,.08); }
.ag-step-img{ position:relative; width:100%; aspect-ratio: 1/1; background: var(--crema-3); }
.ag-step-img .ag-slot{ position:absolute; inset:0; width:100%; height:100%; border-radius:0; }
.ag-step-body{ background:#fff; padding: 24px; }
.ag-step .n{ font-family: var(--font-display); font-size: 28px; color: var(--gold); line-height:1; }
.ag-step h3{ font-family: var(--font-display); font-size: 22px; color: var(--tinta); margin: .5rem 0 .5rem; }
.ag-step p{ color: var(--gris); margin:0; font-size:15px; line-height:1.6; }
@media (min-width: 820px){ .ag-how-steps{ grid-template-columns: repeat(3,1fr); } }

/* ---------------- BENEFICIOS (tabs) ---------------- */
.ag-benefits{ background:#fff; }
.ag-ben-layout{ display:grid; gap: 32px; margin-top: clamp(36px,5vw,56px); align-items:start; }
.ag-ben-tabs{ display:flex; flex-direction:column; gap: 4px; }
.ag-ben-tab{ text-align:left; background:none; border:0; border-left:2px solid var(--linea);
  padding: 16px 20px; font-family: var(--font-display); font-size: 1.15rem; color: var(--tinta-60);
  cursor:pointer; transition: color .2s, border-color .2s, background .2s; }
.ag-ben-tab:hover{ color: var(--tinta); }
.ag-ben-tab.on{ color: var(--gold-deep); border-left-color: var(--gold); background: rgba(210,154,56,.06); }
.ag-ben-panel{ background: var(--crema); border:1px solid var(--linea); border-radius: var(--radius-lg);
  padding: clamp(28px,4vw,44px); opacity:1; animation: agBenIn .4s var(--ease); }
@keyframes agBenIn{ from{ transform: translateY(10px); } to{ transform:none; } }
@media (prefers-reduced-motion: reduce){ .ag-ben-panel{ animation:none; } }
.ag-ben-panel .ico{ width: 44px; height:44px; color: var(--gold); margin-bottom: 1.2rem; }
.ag-ben-panel h3{ font-size: clamp(1.4rem,3vw,1.9rem); }
.ag-ben-panel .lead{ color: var(--gris); margin-top: 1rem; font-size:1.05rem; line-height:1.7; }
.ag-ben-panel .sci{ margin-top: 1.4rem; padding-top: 1.4rem; border-top:1px solid var(--linea);
  color: var(--tinta-60); font-size:.92rem; line-height:1.6; }
.ag-ben-panel .quote{ margin-top: 1.6rem; background:#fff; border:1px solid var(--linea); border-radius: var(--radius);
  padding: 18px 20px; }
.ag-ben-panel .quote p{ font-family: var(--font-display); font-style:italic; font-size:1.05rem; color: var(--tinta); margin:0; }
.ag-ben-panel .quote .who{ margin-top:.7rem; font-size:.82rem; color: var(--tinta-60); }
@media (min-width: 860px){ .ag-ben-layout{ grid-template-columns: .8fr 1.2fr; gap: 48px; } }

/* ---------------- KIT DE BIENVENIDA ---------------- */
.ag-kit{ position:relative; overflow:hidden; background:#C9A86A; }
.ag-kit-bg{ position:absolute; inset:0; z-index:0; }
.ag-kit-bg .ag-slot{ width:100%; height:100%; border-radius:0; }
.ag-kit-bgimg{ width:100%; height:100%; object-fit:cover; display:block; }
/* overlay MUY sutil solo a la derecha, para legibilidad sin tapar la textura */
.ag-kit::after{ content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background: linear-gradient(90deg, rgba(120,84,28,0) 38%, rgba(120,84,28,.34) 72%, rgba(96,66,20,.5) 100%); }
.ag-kit-content{ position:relative; z-index:2; max-width: var(--maxw); margin-inline:auto;
  width:100%; padding: clamp(44px,6vw,96px) var(--gutter); display:flex; min-height: 600px; align-items:center; }
.ag-kit-panel-in{ margin-left:auto; width:min(46%,520px); color:#fff; text-shadow: 0 1px 14px rgba(80,52,12,.45); }
.ag-kit-panel-in h2{ font-size: clamp(1.8rem,4.4vw,2.375rem); color:#fff; line-height:1.08; }
.ag-kit-main{ display:flex; justify-content:space-between; align-items:baseline; gap: 14px;
  margin-top: 1.8rem; padding-bottom: 18px; border-bottom:1px solid rgba(255,255,255,.32); }
.ag-kit-main .name{ font-family: var(--font-display); font-size:1.2rem; color:#fff; }
.ag-kit-main .name small{ display:block; font-family: var(--font-body); font-size:.82rem; color:#fff; margin-top:.25rem; }
.ag-kit-main .price{ font-family: var(--font-display); font-size:1.6rem; color:#fff; white-space:nowrap; }
.ag-kit-main .price small{ font-family: var(--font-body); font-size:.5em; color:#fff; }
.ag-kit-incl{ font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color:#fff; margin: 18px 0 4px; }
.ag-kit-rows{ list-style:none; padding:0; margin:0; display:grid; gap: 0; }
.ag-kit-rows li{ display:flex; justify-content:space-between; align-items:flex-start; gap: 14px; padding: 14px 0; border-bottom:1px solid rgba(255,255,255,.22); }
.ag-kit-rows .it b{ font-weight:600; font-size:1rem; color:#fff; }
.ag-kit-rows .it p{ margin:.2rem 0 0; font-size:.82rem; color:#fff; max-width: 34ch; }
.ag-kit-rows .val{ white-space:nowrap; font-size:.95rem; color:#fff; }
.ag-kit-rows .val s{ color: rgba(255,255,255,.75); margin-right:.5em; }
.ag-kit-rows .val .free{ font-style:italic; font-family: var(--font-display); color:#fff; }
.ag-kit-panel-in{ display:flex; flex-direction:column; }
.ag-kit-panel-in > h2{ order:0; }
.ag-kit-main{ order:2; }
.ag-kit-incl{ order:3; }
.ag-kit-rows{ order:4; }
.ag-kit-form{ order:5; }
.ag-kit-note{ order:6; }
.ag-kit-promise b{ display:block; font-family: var(--font-display); font-weight:500; font-size:1.15rem; color:#fff; line-height:1.25; }
.ag-kit-promise span{ display:block; font-family: var(--font-display); font-style:italic; font-size:.86rem; color: rgba(255,255,255,.8); line-height:1.5; }
.ag-kit-rows .val{ display:inline-flex; align-items:center; gap:7px; white-space:nowrap; }
.ag-kit-total{ display:flex; justify-content:space-between; align-items:baseline; margin-top: 18px; padding-top: 18px; border-top:2px solid rgba(255,255,255,.55); }
.ag-kit-total .t{ font-family: var(--font-display); font-size:1.2rem; color:#fff; }
.ag-kit-total .amt{ text-align:right; }
.ag-kit-total .amt s{ color: rgba(255,255,255,.75); font-size:.95rem; }
.ag-kit-total .amt b{ display:block; font-family: var(--font-display); font-size:1.8rem; color:#fff; }
.ag-kit-total .amt .per{ font-family: var(--font-body); font-size:.5em; color:#fff; }
.ag-kit-form{ margin-top: 1.8rem; }
.ag-kit-form .wl{ gap: 12px; }
.ag-kit-form .wl-row{ flex-direction:column; align-items:stretch; gap: 14px; }
.ag-kit-form .wl .btn{ width:100%; padding-block: 1.15em; }
.ag-kit-form .wl .btn, .ag-kit .wl .btn, .ag-closing .wl .btn{ background: linear-gradient(90deg, #A9701E 0%, #D79F48 30%, #E9C57E 50%, #D79F48 70%, #A9701E 100%) !important; color:#fff !important; border:0; }
.ag-kit-form .wl .btn:hover, .ag-kit .wl .btn:hover, .ag-closing .wl .btn:hover{ background: linear-gradient(90deg, #B87C22 0%, #E0A94F 30%, #F2D08A 50%, #E0A94F 70%, #B87C22 100%) !important; }
.ag-kit-note{ margin-top: 1.2rem; font-size:.82rem; color:#fff; display:flex; gap: 16px; flex-wrap:wrap; justify-content:center; }
.ag-kit-note span{ display:inline-flex; gap:.45em; align-items:center; }
.ag-kit-note .kit-tick{ width:15px; height:15px; color:#fff; flex-shrink:0; }
/* MÓVIL: imagen arriba (productos), texto debajo sobre dorado continuo */
@media (max-width: 899px){
  .ag-kit-content{ display:block; min-height:0; padding: 0 0 clamp(36px,8vw,52px); }
  .ag-kit-bg{ position:relative; inset:auto; }
  .ag-kit-bg picture{ display:block; }
  .ag-kit-bgimg{ width:100%; height: 96vw; object-fit:cover; object-position: center 42%; display:block; }
  .ag-kit::after{ display:none; }
  .ag-kit-panel-in{ width:100%; max-width:540px; margin: 0 auto;
    padding-inline: var(--gutter); }
  .ag-kit-content{ background: linear-gradient(180deg, rgba(201,168,106,0) 0%, #C9A86A 9%, #D5B06E 100%); }
  .ag-kit-bg{ margin-bottom: -36px; }
  .ag-kit-panel-in h2{ padding-top: 8px; }
}

/* ---------------- RESEÑAS LARGAS ---------------- */
.ag-testi{ background:#fff; }
.ag-testi .section-head{ margin-inline:auto; text-align:center; }
.ag-testi-grid{ display:grid; gap: 22px; margin-top: clamp(36px,5vw,56px); }
.ag-testi-card{ background: var(--crema); border:1px solid var(--linea); border-radius: var(--radius-lg); padding: 28px; }
.ag-testi-card .stars{ color: var(--gold); letter-spacing:.14em; font-size:.9rem; }
.ag-testi-card h4{ font-family: var(--font-display); font-size:1.2rem; margin:.9rem 0 .6rem; }
.ag-testi-card p{ color: var(--gris); font-size:.96rem; line-height:1.6; margin:0; }
.ag-testi-card .who{ margin-top: 1.2rem; font-size:.86rem; color: var(--tinta-60); font-style:italic; font-family: var(--font-display); }
@media (min-width: 720px){ .ag-testi-grid{ grid-template-columns: repeat(2,1fr); } }
@media (min-width: 1040px){ .ag-testi-grid{ grid-template-columns: repeat(3,1fr); } }

/* ---------------- CALIDAD (acordeón + imagen, estilo AG1) ---------------- */
.ag-quality{ background: var(--crema); }
.ag-quality-inner{ display:grid; gap: 40px; align-items:center; }
.ag-quality-main h2{ font-size: clamp(1.8rem,4.4vw,2.7rem); line-height:1.1; }
.ag-quality-main h2 em{ color: var(--gold); font-style:italic; }
.ag-quality-cta{ margin-top: 1.8rem; }
.ag-quality-acc{ margin-top: 2rem; border-top:1px solid var(--linea); }
.ag-qa-item{ border-bottom:1px solid var(--linea); }
.ag-qa-q{ width:100%; display:flex; align-items:center; gap: 14px; text-align:left; background:none; border:0;
  padding: 18px 36px 18px 0; position:relative; cursor:pointer; }
.ag-qa-check{ width:22px; height:22px; color: var(--gold); flex-shrink:0; display:inline-flex; }
.ag-qa-check svg{ width:22px; height:22px; }
.ag-qa-label{ font-family: var(--font-body); font-weight:600; font-size:.98rem; color: var(--tinta); }
.ag-qa-q .pm{ position:absolute; right:2px; top:50%; transform: translateY(-50%); width:16px; height:16px; }
.ag-qa-q .pm::before, .ag-qa-q .pm::after{ content:""; position:absolute; background: var(--gold); border-radius:2px; }
.ag-qa-q .pm::before{ left:0; right:0; top:7px; height:2px; }
.ag-qa-q .pm::after{ top:0; bottom:0; left:7px; width:2px; transition: transform .3s var(--ease); }
.ag-qa-item.open .pm::after{ transform: scaleY(0); }
.ag-qa-a{ overflow:hidden; max-height:0; transition: max-height .4s var(--ease); }
.ag-qa-a-inner{ padding: 0 0 18px 36px; color: var(--gris); font-size: 14px; line-height:1.6; max-width: 52ch; }
.ag-quality-media .ph{ position:relative; border-radius: var(--radius-lg); overflow:hidden; aspect-ratio: 4/4.6;
  box-shadow: 0 40px 80px rgba(120,90,40,.18); background: var(--crema-3); }
.ag-quality-media .ag-slot{ width:100%; height:100%; }
.ag-quality-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
@media (min-width: 900px){
  .ag-quality-inner{ grid-template-columns: 1.05fr .95fr; gap: 60px; }
}

/* ---------------- HISTORIA FUNDADORES ---------------- */
.ag-story{ background: var(--dark); color:#F1E9D9; }
.ag-story-inner{ display:grid; gap: 36px; align-items:center; padding-block: clamp(56px,8vw,110px); }
.ag-story .ph{ display:grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.ag-story-photo{ position:relative; border-radius: var(--radius-lg); overflow:hidden; box-shadow: 0 40px 80px rgba(0,0,0,.4); aspect-ratio: 3/4.2; }
.ag-story-photo img, .ag-story .ag-slot{ width:100%; height:100%; object-fit:cover; display:block; }
.ag-story-photo .cap{ position:absolute; left:0; right:0; bottom:0; padding: 28px 16px 14px; z-index:2;
  background: linear-gradient(to top, rgba(18,13,6,.85), transparent);
  font-family: var(--font-display); font-style:italic; color:#fff; font-size:1.05rem; text-align:center; }
.ag-story .eyebrow{ color: var(--oro-fino); display:block; margin-bottom: 1.2rem; }
.ag-story h2{ font-size: clamp(1.7rem,4.4vw,2.6rem); color:#fff; }
.ag-story h2 em{ color: var(--oro-fino); font-style:italic; }
.ag-story p{ color: rgba(241,233,217,.78); margin-top: 1.2rem; font-size:1.05rem; line-height:1.75; }
.ag-story .sign{ margin-top: 1.6rem; font-family: var(--font-display); font-style:italic; color: var(--oro-fino); font-size:1.1rem; }
.ag-story .btn{ margin-top: 1.8rem; }
@media (min-width: 880px){ .ag-story-inner{ grid-template-columns: .85fr 1.15fr; gap: 56px; } }

/* ---------------- FAQ (dos columnas estilo AG1) ---------------- */
.ag-faq{ background: var(--crema); }
.ag-faq-inner{ display:grid; gap: 32px; align-items:start; }
.ag-faq-head h2{ font-size: clamp(1.8rem,4.4vw,2.7rem); line-height:1.1; white-space:nowrap; margin-top:-2px; }
.ag-faq-list{ border-top:1px solid var(--linea); max-width: none; }
.ag-faq-item{ border-bottom:1px solid var(--linea); }
.ag-faq-q{ width:100%; text-align:left; background:none; border:0; padding: 22px 44px 22px 0; position:relative;
  font-family: var(--font-display); font-size: clamp(1.05rem,2.2vw,1.3rem); color: var(--tinta); cursor:pointer; }
.ag-faq-q .pm{ position:absolute; right:4px; top:50%; transform: translateY(-50%); width:18px; height:18px; }
.ag-faq-q .pm::before, .ag-faq-q .pm::after{ content:""; position:absolute; background: var(--gold); border-radius:2px; }
.ag-faq-q .pm::before{ left:0; right:0; top:8px; height:2px; }
.ag-faq-q .pm::after{ top:0; bottom:0; left:8px; width:2px; transition: transform .3s var(--ease); }
.ag-faq-item.open .pm::after{ transform: scaleY(0); }
.ag-faq-a{ overflow:hidden; max-height:0; transition: max-height .4s var(--ease); }
.ag-faq-a-inner{ padding: 0 44px 24px 0; color: var(--gris); font-size:14px; line-height:1.7; max-width: 70ch; }
@media (min-width: 880px){
  .ag-faq-inner{ grid-template-columns: .95fr 1.05fr; gap: 48px; }
  .ag-faq-head{ position:sticky; top: 100px; }
}

/* ---------------- CIERRE ---------------- */
.ag-closing{ position:relative; background: var(--dark); color:#fff; text-align:center; overflow:hidden; }
.ag-closing-bg{ position:absolute; inset:0; width:100% !important; height:100% !important; min-width:100%; min-height:100%; border-radius:0; z-index:0; object-fit:cover !important; object-position:center; display:block; background:#2E2519; }
.ag-closing-overlay{ position:absolute; inset:0; z-index:1; pointer-events:none;
  background: linear-gradient(180deg, rgba(46,37,25,.6) 0%, rgba(46,37,25,.32) 45%, rgba(46,37,25,.62) 100%); }
.ag-closing > .wrap{ position:relative; z-index:2; }
.ag-closing h2{ font-size: clamp(1.9rem,5.5vw,3.2rem); color:#fff; text-shadow:0 2px 24px rgba(0,0,0,.4); }
.ag-closing h2 em{ font-style:italic; }
.ag-closing p{ color: rgba(255,255,255,.94); font-size:1.05rem; margin: 1.2rem auto 0; max-width: none; text-shadow:0 1px 14px rgba(0,0,0,.4); }
.ag-closing .hero-cta{ width:min(520px,100%); margin: 2rem auto 0; }
.ag-closing .perks{ display:flex; gap: 24px; justify-content:center; flex-wrap:wrap; margin-top: 1.8rem; font-size:.9rem; color: rgba(255,255,255,.92); }
.ag-closing .perks span{ display:inline-flex; gap:.5em; align-items:center; }
.ag-closing .perks .perk-tick{ width:15px; height:15px; color:#fff; flex-shrink:0; }
@media (max-width:768px){
  .ag-closing{ padding-top: 190px !important; }
  .ag-closing-bg{ object-position: center 18% !important; }
  .ag-closing-overlay{ background: linear-gradient(180deg, rgba(46,37,25,.18) 0%, rgba(46,37,25,.15) 22%, rgba(46,37,25,.55) 42%, rgba(46,37,25,.78) 100%); }
}

/* ---------------- FOOTER ---------------- */
.ag-foot{ background: var(--crema); color: var(--gris); padding-block: clamp(48px,7vw,80px); border-top:1px solid var(--linea); }
.ag-foot a{ color: var(--gris); }
.ag-foot a:hover{ color: var(--gold-deep); }
.ag-foot .top{ display:grid; gap: 36px; }
.ag-foot .cols{ display:grid; grid-template-columns: repeat(2,1fr); gap: 26px; }
.ag-foot h4{ font-family: var(--font-body); font-weight:600; font-size:.74rem; letter-spacing:.16em; text-transform:uppercase; color: var(--tinta-60); margin:0 0 1rem; }
.ag-foot ul{ list-style:none; padding:0; margin:0; display:grid; gap:.7rem; font-size:.95rem; }
.ag-foot .tagline{ font-family: var(--font-display); font-style:italic; font-size:1.3rem; color: var(--tinta); max-width:none; white-space:nowrap; margin-top:1rem; }
.ag-foot .legalbar{ margin-top: 2.6rem; padding-top: 1.6rem; border-top:1px solid var(--linea); font-size:.8rem; color: var(--tinta-60); }
.ag-foot .legalbar .disc{ max-width: 80ch; line-height:1.6; }
@media (min-width: 820px){ .ag-foot .top{ grid-template-columns: 1.3fr 1.7fr; } .ag-foot .cols{ grid-template-columns: repeat(3,1fr); } }

/* menú móvil (reuso patrón) */
.ag-mobile{ position:fixed; inset:0; z-index:80; background: rgba(20,15,8,.5); backdrop-filter: blur(4px); display:flex; justify-content:flex-end; }
.ag-mobile nav{ background: var(--crema); width:min(82vw,340px); height:100%; padding: 90px 30px 30px; display:flex; flex-direction:column; gap:6px; animation: agSlide .35s var(--ease); }
@keyframes agSlide{ from{ transform: translateX(100%);} to{ transform:none; } }
.ag-mobile nav a{ padding: 14px 0; font-family: var(--font-display); font-size:1.4rem; border-bottom:1px solid var(--linea); }
.ag-mobile nav a.btn{ margin-top: 16px; border-bottom:0; font-family: var(--font-body); font-size:1rem; justify-content:center; }

/* ===== Modal de información nutricional ===== */
.ag-modal{ position:fixed; inset:0; z-index:200; display:flex; align-items:center; justify-content:center;
  padding: 20px; background: rgba(20,15,8,.55); backdrop-filter: blur(6px);
  animation: agModalBg .25s var(--ease); }
@keyframes agModalBg{ from{ opacity:0; } to{ opacity:1; } }
.ag-modal-card{ position:relative; background: var(--crema); border:1px solid var(--linea);
  border-radius: var(--radius-lg); width:min(560px, 100%); max-height: 88vh; overflow-y:auto;
  padding: clamp(28px,4vw,44px); box-shadow: 0 40px 100px rgba(20,15,8,.4);
  animation: agModalIn .3s var(--ease); }
@keyframes agModalIn{ from{ opacity:0; transform: translateY(16px) scale(.98); } to{ opacity:1; transform:none; } }
.ag-modal-x{ position:absolute; top:16px; right:16px; width:36px; height:36px; border-radius:50%;
  border:1px solid var(--linea); background:#fff; color: var(--tinta); font-size:1.4rem; line-height:1;
  display:inline-flex; align-items:center; justify-content:center; cursor:pointer; transition: border-color .2s, color .2s; }
.ag-modal-x:hover{ border-color: var(--gold); color: var(--gold-deep); }
.ag-modal-card .eyebrow{ display:block; margin-bottom:.6rem; }
.ag-modal-title{ font-size: clamp(1.5rem,3.4vw,2rem); margin-bottom: 1.4rem; }
.ag-facts-meta{ display:grid; gap: 10px; padding: 16px 0; border-top:1px solid var(--linea); border-bottom:2px solid var(--tinta); }
.ag-facts-meta div{ display:flex; justify-content:space-between; gap: 16px; align-items:baseline; }
.ag-facts-meta span{ font-size:.82rem; letter-spacing:.06em; text-transform:uppercase; color: var(--tinta-60); }
.ag-facts-meta b{ font-family: var(--font-display); font-size:.98rem; color: var(--tinta); text-align:right; }
.ag-facts-table{ width:100%; border-collapse:collapse; margin-top: 8px; }
.ag-facts-table th{ text-align:left; font-family: var(--font-body); font-weight:600; font-size:.74rem;
  letter-spacing:.1em; text-transform:uppercase; color: var(--tinta-60); padding: 12px 0; border-bottom:1px solid var(--linea); }
.ag-facts-table th:last-child{ text-align:right; }
.ag-facts-table th:nth-child(2){ text-align:right; }
.ag-facts-table td{ padding: 11px 0; border-bottom:1px solid var(--linea); font-size:.94rem; color: var(--tinta); vertical-align:top; }
.ag-facts-table td.amt{ text-align:right; white-space:nowrap; color: var(--tinta); font-family: var(--font-display); }
.ag-facts-table td.per100{ text-align:right; white-space:nowrap; color: var(--tinta-60); font-size:.86rem; }
.ag-facts-table .ddr{ color: var(--gold-deep); font-size:.8rem; }
.ag-facts-h{ font-family: var(--font-body); font-weight:600; font-size:.78rem; letter-spacing:.12em;
  text-transform:uppercase; color: var(--tinta-60); margin: 1.8rem 0 .8rem; }
.ag-facts-h span{ font-weight:400; text-transform:none; letter-spacing:0; font-style:italic;
  font-family: var(--font-display); color: var(--gold-deep); }
.ag-facts-actives{ list-style:none; padding:0; margin:0; display:grid; gap:0; }
.ag-facts-actives li{ display:flex; justify-content:space-between; gap: 14px; align-items:baseline;
  padding: 8px 0; border-bottom:1px solid var(--linea); }
.ag-facts-actives .n{ font-size:.92rem; color: var(--gris); }
.ag-facts-actives .v{ font-family: var(--font-display); font-size:.95rem; color: var(--gold-deep); white-space:nowrap; }
.ag-facts-text{ font-size:.86rem; color: var(--gris); line-height:1.65; margin:0; }
.ag-facts-text b{ color: var(--tinta); }
.ag-facts-note{ margin-top: 1.2rem; font-size:.78rem; color: var(--tinta-60); font-style:italic; line-height:1.55; }
.ag-facts-note b{ font-style:normal; color: var(--gris); }

/* ===== Formulario de lista de espera (AG1 no carga landing.css) ===== */
.wl{ display:flex; flex-direction:column; gap:.7rem; }
.wl-row{ display:flex; flex-direction:column; gap:.7rem; }
.wl-input{ flex:1; }
.wl .btn{ white-space:nowrap; }
.wl-hint, .wl-err{ font-size:.8rem; }
.wl--light .wl-hint{ color: var(--tinta-60); }
.wl--onGold .wl-hint{ color: rgba(255,255,255,.85); }
.wl--dark .wl-hint{ color: rgba(243,236,221,.6); }
.wl-err{ color:#C0431F; }
.wl--onGold .wl-err{ color:#5a1c08; }
.wl--onGold .field{ background: rgba(255,255,255,.96); border-color: transparent; }
.wl--dark .field{ background: rgba(255,255,255,.06); border-color: rgba(226,194,133,.3); color:#fff; }
.wl--dark .field::placeholder{ color: rgba(243,236,221,.5); }
.wl--dark .field:focus{ border-color: var(--gold); box-shadow:0 0 0 4px rgba(210,154,56,.2); }
@media (min-width: 560px){
  .wl-row{ flex-direction:row; align-items:center; gap: 14px; }
  .wl-input{ min-width:0; }
}
.wl-done{ display:flex; gap:14px; align-items:flex-start; padding: 18px 20px; border-radius: var(--radius);
  border:1px solid; max-width: 540px; }
.wl-done p{ margin:.3rem 0 0; font-size:.92rem; line-height:1.5; }
.wl-done strong{ font-family:var(--font-display); font-size:1.15rem; font-weight:500; }
.wl-done-mark{ color: var(--gold); font-size:1.3rem; line-height:1; }
.wl-done--light{ background:#fff; border-color: var(--linea); color: var(--tinta); }
.wl-done--light p{ color: var(--tinta-60); }
.wl-done--onGold{ background: rgba(255,255,255,.16); border-color: rgba(255,255,255,.35); color:#fff; backdrop-filter: blur(6px); }
.wl-done--onGold p{ color: rgba(255,255,255,.9); }
.wl-done--onGold .wl-done-mark{ color:#fff; }
.wl-done--dark{ background: rgba(226,194,133,.08); border-color: rgba(226,194,133,.3); color:#F3ECDD; }
.wl-done--dark p{ color: rgba(243,236,221,.75); }

/* ===== párrafos de cuerpo unificados a 14px (override final por orden) ===== */
.ag-replace .body,
.ag-cmp-foot,
.ag-routine .section-head p,
.ag-how .section-head p,
.ag-benefits .section-head p,
.ag-ben-panel .lead,
.ag-step p,
.ag-testi .section-head p,
.ag-testi-card p,
.ag-quality-main p,
.ag-story p{ font-size: 14px; line-height: 1.65; }