/* ============================================================================
   E72H · Landing de la Guía (/guia-e72h/) · V2 de diseño (12 oct 2026, noche)
   Encima de tema.css (e72h.css del tema v2: tokens, botones, casillas, topo,
   cabecera de cristal, pie, cresta, barra de compra). Aquí solo lo propio.
   Reglas de Mario que mandan (CRITERIO-DISENO-MARIO_2026-10.md):
   - letra del KIT (cuerpo 16 en landings), títulos claramente distintos;
   - nada de borde de color a la izquierda; una sola línea arriba como mucho;
   - sin bandas tostadas: el aire separa; lo oscuro, en panel redondeado y nunca dos seguidos;
   - fotos reales, de producto grande; carrusel en el móvil con flechas visibles;
   - el topo vivo en el hero, en el panel del trabajo y en el pie;
   - venta en la primera pantalla a 375 y a 1920.
   ============================================================================ */

.e72-lg main{ display:block; }
.e72-lg a:not(.e72-btn){ color:inherit; }
.e72-lg h2{ font-family:var(--e72-f-display); font-size:var(--e72-t-h2); line-height:var(--e72-lh-head);
  letter-spacing:var(--e72-track-head); color:var(--e72-ink); margin:0 0 12px; text-wrap:balance; }
.e72-lg h3{ font-family:var(--e72-f-display); font-size:var(--e72-t-h3); line-height:1.2; color:var(--e72-ink); margin:0 0 14px; }
.e72-lg-cabeza{ margin-bottom:28px; }
.e72-lg-cabeza .e72-entradilla{ margin:0; }
/* margin-top/bottom y NO el atajo margin: el atajo pisaba el margin-inline:auto de .e72-mid y la nota se iba a la izquierda (Mario, 12 oct noche) */
.e72-lg-nota{ font-size:var(--e72-t-s); color:var(--e72-muted); line-height:1.5; margin-top:14px; margin-bottom:0; }
.e72-lg-centro{ text-align:center; }
.e72-lg .e72-sec{ padding-block:clamp(36px,4.5vw,60px); }

/* ---- Cabecera: la de cristal del tema, sin menú ------------------------- */
.e72-lg .e72-cab__logo{ display:flex; align-items:center; color:var(--e72-ink); }
.e72-lg .e72-cab__logo svg{ height:34px; width:auto; }
.e72-lg .e72-cab__in{ justify-content:space-between; }

/* ---- 1 · Primera pantalla ----------------------------------------------- */
.e72-lg-hero{ position:relative; overflow:hidden; padding:clamp(18px,3vw,40px) var(--e72-gutter) clamp(44px,6vw,80px); margin-top:-76px; padding-top:calc(76px + clamp(18px,3vw,40px)); padding-bottom:clamp(28px,3vw,40px); }
.e72-lg-hero .e72-topo{ position:absolute; inset:0; z-index:0; color:var(--e72-olive); }
.e72-lg-hero__in{ position:relative; z-index:1; max-width:1200px; margin:0 auto; display:grid; gap:26px; align-items:center; }
@media (min-width:960px){ .e72-lg-hero__in{ grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr); gap:56px; } }
.e72-lg-hero h1{ font-family:var(--e72-f-display); font-size:var(--e72-t-hero); line-height:var(--e72-lh-tight);
  letter-spacing:var(--e72-track-h1); color:var(--e72-ink); margin:0 0 16px; max-width:14ch; text-wrap:balance; }
.e72-lg-hero .e72-entradilla{ margin:0 0 22px; max-width:50ch; }
.e72-lg-compra{ display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.e72-lg-precio{ display:flex; align-items:center; flex-wrap:wrap; gap:6px 14px; margin:0; }
.e72-lg-precio__que{ font-size:var(--e72-t-s); color:var(--e72-text); max-width:32ch; line-height:1.4; }
.e72-lg-precio__que b{ color:var(--e72-ink); font-weight:600; }
.e72-lg-micro{ margin:0; font-size:var(--e72-t-s); color:var(--e72-muted); }
.e72-lg-micro a, .e72-lg-legal a{ text-decoration:underline; text-decoration-color:var(--e72-line2); text-underline-offset:3px; }
.e72-lg-confianza{ list-style:none; margin:24px 0 0; padding:16px 0 0; border-top:1px solid var(--e72-line);
  display:flex; flex-wrap:wrap; gap:8px 22px; font-size:var(--e72-t-s); color:var(--e72-text); }
.e72-lg-confianza li{ display:inline-flex; align-items:center; gap:8px; }
.e72-lg-confianza li::before{ content:""; width:14px; height:14px; flex:none; border-radius:var(--e72-r-xs); background:var(--e72-green)
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3.6 7.3l2.3 2.3 4.6-5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat; }
.e72-lg-confianza b{ color:var(--e72-ink); font-weight:600; }

/* Cita bajo la confianza: la frase de un comprador, con el rotulador */
.e72-lg-hero__cita{ margin:16px 0 0; font-size:var(--e72-t-s); line-height:1.5; color:var(--e72-ink); max-width:46ch; }
.e72-lg-hero__cita span{ display:block; margin-top:2px; color:var(--e72-muted); }

/* Escaparate (Mario, 12 oct noche: "un mockup bien animado y la foto también, que se vea rápido todo"):
   el libro 3D del tema (.e72-producto--libro) delante, los seis anexos abriéndose en abanico detrás,
   la foto real de mi equipo como una tarjeta más pequeña, etiquetas de cristal y una nota a mano.
   Capas con --mx/--my para un paralaje suave con el ratón (landing.js); quieto si se pide menos movimiento. */
.e72-lg-escaparate{ position:relative; margin:0; width:100%; max-width:600px; aspect-ratio:1/.92; justify-self:end; --mx:0; --my:0; }
.e72-lg-escaparate > *{ position:absolute; }
.e72-lg-escaparate__foto{ right:0; bottom:3%; width:50%; z-index:1; margin:0; transform:rotate(3.5deg) translate(calc(var(--mx) * -6px),calc(var(--my) * -6px));
  background:var(--e72-hoja); padding:8px 8px 30px; border-radius:var(--e72-r-m); box-shadow:var(--e72-sh-3); transition:transform 600ms var(--e72-ease); }
.e72-lg-escaparate__foto img{ display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; border-radius:var(--e72-r-s); filter:saturate(.92) contrast(1.02); }
.e72-lg-escaparate__foto span{ position:absolute; left:12px; right:12px; bottom:7px; font-size:var(--e72-t-xs); font-style:italic; color:var(--e72-muted); text-align:center; }
.e72-lg-escaparate__anexos{ list-style:none; margin:0; padding:0; left:20%; top:10%; width:24%; aspect-ratio:240/340; z-index:2;
  transform:translate(calc(var(--mx) * 8px),calc(var(--my) * 8px)); transition:transform 600ms var(--e72-ease); }
.e72-lg-escaparate__anexos li{ position:absolute; inset:0; transform-origin:50% 115%;
  transform:rotate(calc((var(--i) - 2.5) * 9deg)) translateX(calc((var(--i) - 2.5) * 34%)); }
.e72-lg-escaparate__anexos img{ display:block; width:100%; height:100%; object-fit:cover; border-radius:var(--e72-r-papel); box-shadow:0 14px 28px -16px rgba(21,23,14,.55),0 0 0 1px rgba(21,23,14,.06); }
.e72-lg-escaparate .e72-lg-escaparate__libro{ left:24%; top:4%; width:40% !important; margin:0; z-index:3;
  transform:translate(calc(var(--mx) * 14px),calc(var(--my) * 14px)); transition:transform 600ms var(--e72-ease); }
.e72-lg-escaparate__libro .e72-hoja{ position:relative; width:100%; }
.e72-lg-escaparate__libro .e72-hoja img{ display:block; width:100%; height:100%; }
/* nota a mano con la flecha de la marca, que se dibuja */
.e72-lg-escaparate__mano{ left:2%; top:0; z-index:4; margin:0; font-family:var(--e72-f-display); font-size:var(--e72-t-s); line-height:1.25; color:var(--e72-gold-ink);
  transform:rotate(-6deg); text-align:left; }
.e72-lg-escaparate__mano .e72-lg-ic{ display:block; width:44px; height:44px; margin:0 0 0 96px; transform:rotate(-100deg); }
/* etiquetas de cristal que flotan */
.e72-lg-chips{ list-style:none; margin:0; padding:0; inset:0; z-index:5; pointer-events:none; }
.e72-lg-chips li{ position:absolute; padding:7px 13px; border-radius:var(--e72-r-pill); font-size:var(--e72-t-s); line-height:1.2; color:var(--e72-ink); white-space:nowrap;
  background:rgba(251,248,241,.78); -webkit-backdrop-filter:saturate(1.4) blur(10px); backdrop-filter:saturate(1.4) blur(10px);
  box-shadow:var(--e72-sh-2),0 0 0 1px rgba(21,23,14,.07); }
.e72-lg-chips b{ font-family:var(--e72-f-display); font-weight:700; }
.e72-lg-chips li:nth-child(1){ right:6%; top:6%; }
.e72-lg-chips li:nth-child(2){ right:-2%; top:30%; }
.e72-lg-chips li:nth-child(3){ left:0; bottom:22%; }
.e72-lg-chips li:nth-child(4){ left:10%; bottom:6%; }
@media (max-width:959px){
  .e72-lg-escaparate{ max-width:440px; justify-self:center; }
}
@media (max-width:520px){
  .e72-lg-chips li{ font-size:var(--e72-t-xs); padding:5px 10px; }
  .e72-lg-chips li:nth-child(2){ right:0; }
  .e72-lg-escaparate__mano{ top:0; left:0; font-size:var(--e72-t-xs); }
  .e72-lg-escaparate__mano .e72-lg-ic{ width:30px; height:30px; margin-left:70px; }
  .e72-lg-escaparate__foto{ padding-bottom:8px; }
  .e72-lg-escaparate__foto span{ display:none; }
  .e72-lg-escaparate__anexos{ left:27%; top:12%; }
  .e72-lg-escaparate__anexos li{ transform:rotate(calc((var(--i) - 2.5) * 6deg)) translateX(calc((var(--i) - 2.5) * 15%)); }
  .e72-lg-chips li:nth-child(n+3){ display:none; }
}
@media (max-width:639px){
  /* Lo que te ahorras: tres tarjetas = carrusel en el móvil (regla de Mario) */
  .e72-lg-ahorro__in{ grid-auto-flow:column; grid-auto-columns:84%; grid-template-columns:none; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none;
    margin-inline:calc(var(--e72-gutter) * -1); padding:4px var(--e72-gutter) 12px; scroll-padding-inline:var(--e72-gutter); }
  .e72-lg-ahorro__in::-webkit-scrollbar{ display:none; }
  .e72-lg-ahorro__op{ scroll-snap-align:start; }
}
/* entrada: el abanico se abre detrás del libro, las etiquetas caen una a una y luego flotan */
@keyframes e72-lg-abanico{ from{ transform:rotate(0) translateX(0); opacity:0; } }
@keyframes e72-lg-cae{ from{ opacity:0; transform:translateY(10px) scale(.96); } }
@keyframes e72-lg-foto{ from{ opacity:0; transform:rotate(9deg) translateY(24px); } }
/* la portada es el LCP: entra quieta (el libro-entra del tema la retrasaba: Lighthouse móvil 94 -> 84, LCP 4,1 s) */
html.e72-mov .e72-lg-escaparate .e72-producto--libro .e72-hoja:nth-child(1){ animation:none; }
html.e72-mov .e72-lg-escaparate__anexos li{ animation:e72-lg-abanico 1100ms var(--e72-ease) calc(350ms + var(--i) * 70ms) backwards; }
html.e72-mov .e72-lg-escaparate__foto{ animation:e72-lg-foto 1000ms var(--e72-ease) 150ms backwards; }
html.e72-mov .e72-lg-chips li{ animation:e72-lg-cae 600ms var(--e72-ease) calc(1000ms + var(--i) * 140ms) backwards; }
html.e72-mov .e72-lg-escaparate__mano{ animation:e72-lg-cae 600ms var(--e72-ease) 1500ms backwards; }

/* ---- Iconos dibujados a mano: el trazo se dibuja al entrar, el relleno dorado aparece después ---- */
.e72-lg-ic{ width:40px; height:40px; flex:none; overflow:visible; }
html.e72-mov .e72-lg-ic path[fill="none"]{ stroke-dasharray:1; stroke-dashoffset:1; }
html.e72-mov .e72-lg-ic path[stroke="none"]{ opacity:0; }
html.e72-mov .is-dibujado .e72-lg-ic path[fill="none"],
html.e72-mov .e72-lg-escaparate__mano .e72-lg-ic path[fill="none"]{ animation:e72-lg-trazo 1100ms var(--e72-ease) forwards; }
html.e72-mov .is-dibujado .e72-lg-ic path[stroke="none"],
html.e72-mov .e72-lg-escaparate__mano .e72-lg-ic path[stroke="none"]{ animation:e72-lg-relleno 600ms var(--e72-ease) 700ms forwards; }
html.e72-mov .e72-lg-escaparate__mano .e72-lg-ic path{ animation-delay:1700ms !important; }
@keyframes e72-lg-trazo{ to{ stroke-dashoffset:0; } }
@keyframes e72-lg-relleno{ to{ opacity:1; } }

/* ---- Rotulador: la frase que importa se subraya en amarillo al entrar ---- */
.e72-lg-rotu{ color:inherit; background:linear-gradient(transparent 58%, rgba(212,164,76,.42) 58%, rgba(212,164,76,.42) 92%, transparent 92%) no-repeat 0 0/100% 100%; padding:0 1px; }
html.e72-mov .e72-lg-rotu{ background-size:0 100%; transition:background-size 900ms var(--e72-ease) 250ms; }
html.e72-mov .is-dentro .e72-lg-rotu, html.e72-mov .is-dibujado .e72-lg-rotu, html.e72-mov .e72-lg-hero .e72-lg-rotu.is-dentro{ background-size:100% 100%; }

/* ---- 2 · Por dentro: tira con flechas ------------------------------------ */
.e72-lg-cabeza--mandos{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px; }
.e72-lg-mandos{ display:flex; gap:8px; flex:none; }
.e72-lg-redondo{ display:inline-flex; align-items:center; justify-content:center; width:var(--e72-touch); height:var(--e72-touch); border:0; border-radius:50%;
  background:var(--e72-cream2); color:var(--e72-ink); box-shadow:var(--e72-sh-1),var(--e72-filo),0 0 0 1px var(--e72-line); cursor:pointer;
  transition:transform var(--e72-d-press) var(--e72-ease), opacity var(--e72-d-fast) var(--e72-ease); }
.e72-lg-redondo svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.e72-lg-redondo:active{ transform:scale(.97); }
.e72-lg-redondo:disabled{ opacity:.35; cursor:default; }
.e72-lg-tira{ display:grid; grid-auto-flow:column; grid-auto-columns:min(72vw,280px); gap:22px; overflow-x:auto;
  scroll-snap-type:x mandatory; overscroll-behavior-x:contain; scrollbar-width:none;
  --borde:max(var(--e72-gutter),calc((100% - 1200px)/2));
  padding:8px var(--borde) 28px; scroll-padding-inline:var(--borde); margin-inline:calc(var(--e72-gutter) * -1); }
.e72-lg-tira::-webkit-scrollbar{ display:none; }
.e72-lg-tira:focus-visible{ outline:2px solid var(--e72-ink); outline-offset:4px; }
.e72-lg-pag{ margin:0; scroll-snap-align:start; }
.e72-lg-pag img{ display:block; width:100%; height:auto; aspect-ratio:840/1189; background:var(--e72-hoja);
  border-radius:var(--e72-r-papel); box-shadow:var(--e72-shadow-hoja); transition:transform var(--e72-d-med) var(--e72-ease); }
@media (hover:hover) and (pointer:fine){ .e72-lg-pag:hover img{ transform:translateY(-3px); } }
.e72-lg-pag figcaption{ margin-top:12px; font-size:var(--e72-t-s); line-height:1.45; color:var(--e72-text); }
.e72-lg-pag figcaption b{ color:var(--e72-gold-ink); font-weight:600; margin-right:4px; }
.e72-lg-anexos-caja{ margin-top:12px; }
.e72-lg-sub{ margin:0 0 18px; color:var(--e72-text); max-width:70ch; }
.e72-lg-sub strong{ color:var(--e72-ink); }
.e72-lg-anexos{ list-style:none; margin:0; padding:0; display:grid; gap:12px; grid-template-columns:repeat(2,minmax(0,1fr)); }
@media (min-width:1024px){ .e72-lg-anexos{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.e72-lg-anexo{ display:grid; grid-template-columns:76px minmax(0,1fr); gap:14px; align-items:center; padding:12px; background:var(--e72-cream2);
  border-radius:var(--e72-r-m); box-shadow:var(--e72-sh-1),var(--e72-filo); }
.e72-lg-anexo img{ display:block; width:76px; height:auto; aspect-ratio:240/340; object-fit:cover; border-radius:var(--e72-r-papel); box-shadow:var(--e72-shadow-hoja); }
.e72-lg-anexo b{ display:block; color:var(--e72-ink); font-family:var(--e72-f-display); margin-bottom:2px; }
.e72-lg-anexo span{ display:block; font-size:var(--e72-t-s); color:var(--e72-text); line-height:1.45; }
@media (max-width:639px){
  /* Móvil: carrusel con el dedo (regla de Mario: 3 o más tarjetas = carrusel, página corta) */
  .e72-lg-anexos{ display:grid; grid-auto-flow:column; grid-auto-columns:46%; grid-template-columns:none; overflow-x:auto;
    scroll-snap-type:x mandatory; scrollbar-width:none; margin-inline:calc(var(--e72-gutter) * -1); padding:4px var(--e72-gutter) 10px;
    scroll-padding-inline:var(--e72-gutter); }
  .e72-lg-anexos::-webkit-scrollbar{ display:none; }
  .e72-lg-anexo{ grid-template-columns:1fr; gap:10px; align-items:start; padding:10px; scroll-snap-align:start; }
  .e72-lg-anexo img{ width:100%; }
  .e72-lg-cabeza--mandos{ align-items:flex-start; }
  .e72-lg .e72-cab__dudas .e72-lg-largo{ display:none; }
}

/* ---- 3 · Autoevaluación -------------------------------------------------- */
.e72-lg-auto__caja{ max-width:var(--e72-w-mid); margin:0 auto; display:grid; gap:24px; }
@media (min-width:960px){ .e72-lg-auto__caja{ grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); align-items:start; } }
.e72-lg-auto__filas{ list-style:none; margin:0; padding:0; }
.e72-lg-auto__fila{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px 16px; align-items:center; padding:12px 0; border-top:1px solid var(--e72-line); }
.e72-lg-auto__fila:last-child{ border-bottom:1px solid var(--e72-line); }
.e72-lg-auto__fila p{ margin:0; font-size:var(--e72-t-body); line-height:1.45; }
.e72-lg-auto__fila b{ color:var(--e72-ink); }
.e72-lg-auto__sino{ display:flex; gap:6px; }
.e72-lg-auto__sino button{ min-width:52px; min-height:44px; padding:0 12px; border:0; border-radius:var(--e72-r-pill);
  background:var(--e72-cream2); color:var(--e72-ink); box-shadow:0 0 0 1px var(--e72-line2),var(--e72-filo);
  font:600 var(--e72-t-s)/1 var(--e72-f-display); cursor:pointer; touch-action:manipulation;
  transition:background-color var(--e72-d-fast) var(--e72-ease), color var(--e72-d-fast) var(--e72-ease), transform var(--e72-d-press) var(--e72-ease); }
.e72-lg-auto__sino button:active{ transform:scale(.97); }
.e72-lg-auto__sino button[data-v="si"][aria-pressed="true"]{ background:var(--e72-olive); color:var(--e72-on-dark); box-shadow:none; }
.e72-lg-auto__sino button[data-v="no"][aria-pressed="true"]{ background:var(--e72-ink); color:var(--e72-on-dark); box-shadow:none; }
.e72-lg-auto__sino button:focus-visible{ outline:2px solid var(--e72-ink); outline-offset:2px; }
.e72-lg-auto__res{ position:sticky; top:96px; overflow:hidden; padding:26px 24px; border-radius:var(--e72-r-l);
  background:url('/wp-content/uploads/e72-grain2.png') 0 0/168px 168px, linear-gradient(160deg,var(--e72-olive),var(--e72-olive2));
  color:var(--e72-on-dark); box-shadow:var(--e72-sh-2),var(--e72-filo-oscuro); display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.e72-lg-auto__barra{ width:100%; height:6px; border-radius:var(--e72-r-pill); background:rgba(244,240,230,.14); overflow:hidden; }
.e72-lg-auto__barra span{ display:block; height:100%; width:calc(var(--p,0) * 100%); background:var(--e72-gold-soft); border-radius:inherit;
  transition:width var(--e72-d-med) var(--e72-ease); }
.e72-lg-auto__cuenta{ margin:0; font-family:var(--e72-f-display); font-weight:700; font-size:var(--e72-t-dato); line-height:1; color:var(--e72-gold-soft); font-variant-numeric:tabular-nums; }
.e72-lg-auto__texto{ margin:0; color:var(--e72-on-dark-2); }
@media (max-width:959px){ .e72-lg-auto__res{ position:relative; top:auto; } }

/* ---- 4 · Para ti --------------------------------------------------------- */
.e72-lg-hoja{ padding:clamp(20px,3vw,30px); border-radius:var(--e72-r-l); background:var(--e72-cream2); box-shadow:var(--e72-sh-1),var(--e72-filo); }
.e72-lg-paraquien .e72-paraquien{ align-items:start; }

/* ---- 5 · Precio ------------------------------------------------------------ */
.e72-lg-oferta{ max-width:var(--e72-w-mid); margin:0 auto; }
.e72-lg-oferta__caja{ position:relative; padding:clamp(24px,4vw,40px); border-radius:var(--e72-r-l); background:var(--e72-hoja);
  box-shadow:var(--e72-sh-3),var(--e72-filo),0 0 0 1px var(--e72-line); display:flex; flex-direction:column; align-items:flex-start; gap:14px; }
.e72-lg-oferta__cab{ display:flex; align-items:center; gap:18px; }
.e72-lg-oferta__portada{ width:84px; height:auto; flex:none; border-radius:var(--e72-r-papel); box-shadow:var(--e72-shadow-hoja); transform:rotate(-2deg); }
.e72-lg-oferta__cab h3{ margin:0 0 6px; }
.e72-lg-oferta__precio{ display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 12px; margin:0; }
.e72-lg-oferta__precio span:not(.e72-precio){ font-size:var(--e72-t-s); color:var(--e72-text); }
.e72-lg-oferta__caja ul{ margin:4px 0 6px; }
.e72-lg-legal{ margin:0; font-size:var(--e72-t-s); color:var(--e72-muted); line-height:1.5; max-width:64ch; }
.e72-lg-sola{ margin:18px 6px 0; color:var(--e72-text); }
.e72-lg-sola a{ color:var(--e72-ink); font-weight:600; text-decoration:underline; text-decoration-color:var(--e72-gold); text-decoration-thickness:1.5px; text-underline-offset:4px; }

/* ---- 6 · El trabajo detrás: panel con topo y gráfico de páginas --------- */
.e72-lg-panel{ position:relative; overflow:hidden; max-width:1200px; margin:0 auto; padding:clamp(28px,5vw,64px) clamp(20px,4vw,56px);
  border-radius:var(--e72-r-l); background:var(--e72-cream2); box-shadow:var(--e72-sh-1),var(--e72-filo); }
.e72-lg-panel > .e72-topo{ position:absolute; inset:0; z-index:0; color:var(--e72-olive); }
.e72-lg-panel > *:not(.e72-topo){ position:relative; z-index:1; }
.e72-lg-trabajo__in{ display:grid; gap:32px 56px; }
@media (min-width:960px){ .e72-lg-trabajo__in{ grid-template-columns:1fr 1fr; align-items:start; } }
.e72-lg-crece{ list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.e72-lg-crece li{ display:grid; grid-template-columns:48px 1fr; grid-template-areas:"n b" "n t"; gap:4px 14px; align-items:center; }
.e72-lg-crece__n{ grid-area:n; font-family:var(--e72-f-display); font-weight:700; font-size:var(--e72-t-h3); color:var(--e72-ink); font-variant-numeric:tabular-nums; }
.e72-lg-crece__b{ grid-area:b; display:block; height:10px; width:calc(var(--p) * 100%); border-radius:var(--e72-r-pill);
  background:linear-gradient(90deg,var(--e72-olive),var(--e72-green)); transform-origin:left; }
.e72-lg-crece time{ grid-area:t; font-size:var(--e72-t-xs); letter-spacing:.06em; text-transform:uppercase; color:var(--e72-gold-ink); font-family:var(--e72-f-display); font-weight:600; }
.e72-lg-crece__t{ grid-column:2; font-size:var(--e72-t-s); color:var(--e72-text); margin-top:-2px; }
.e72-mov .e72-lg-crece__b{ transform:scaleX(0); transition:transform 900ms var(--e72-ease); }
.e72-mov .e72-lg-crece.is-dentro .e72-lg-crece__b{ transform:none; }
.e72-lg-crece li:nth-child(2) .e72-lg-crece__b{ transition-delay:120ms; }
.e72-lg-crece li:nth-child(3) .e72-lg-crece__b{ transition-delay:240ms; }
.e72-lg-crece li:nth-child(4) .e72-lg-crece__b{ transition-delay:360ms; }
.e72-lg-trabajo__texto p{ margin:0 0 1em; }
.e72-lg-kim{ padding:16px 18px; border-radius:var(--e72-r-m); background:var(--e72-hoja); box-shadow:var(--e72-sh-1),0 0 0 1px var(--e72-line); }

/* ---- 7 · Lo que cambia (bento suave) ------------------------------------- */
/* Lo nuevo: seis tarjetas (la de la semana la cuenta el camino de los días) que llenan la rejilla (Mario, 12 oct noche: nada de huecos ni tarjetas sueltas).
   3 columnas: 2+1 / 1+1+1 / 1+2. 2 columnas: la primera ancha y luego tres filas de dos. Icono de la marca que se dibuja. */
.e72-lg-cambios{ list-style:none; padding:0; display:grid; gap:12px; }
@media (min-width:760px){ .e72-lg-cambios{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1024px){ .e72-lg-cambios{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.e72-lg-cambios li{ position:relative; padding:18px 20px 18px 74px; border-radius:var(--e72-r-m); background:var(--e72-cream2); box-shadow:var(--e72-sh-1),var(--e72-filo); line-height:1.5;
  transition:transform var(--e72-d-med) var(--e72-ease), box-shadow var(--e72-d-med) var(--e72-ease); }
.e72-lg-cambios li .e72-lg-ic{ position:absolute; left:20px; top:18px; width:38px; height:38px; }
@media (hover:hover) and (pointer:fine){ .e72-lg-cambios li:hover{ transform:translateY(-2px); box-shadow:var(--e72-sh-2),var(--e72-filo); } }
.e72-lg-cambios b{ display:block; color:var(--e72-ink); font-family:var(--e72-f-display); font-size:var(--e72-t-h4); margin-bottom:4px; }

/* ---- Lo que te ahorras: tres tarjetas con su icono grande ---------------- */
.e72-lg-ahorro__in{ list-style:none; margin:0 auto; padding:0; display:grid; gap:14px; }
@media (min-width:860px){ .e72-lg-ahorro__in{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.e72-lg-ahorro__op{ position:relative; display:flex; flex-direction:column; padding:26px 24px 24px; border-radius:var(--e72-r-l); background:var(--e72-cream2); box-shadow:var(--e72-sh-1),var(--e72-filo); }
.e72-lg-ahorro__op .e72-lg-ic{ width:56px; height:56px; margin:0 0 12px -4px; }
.e72-lg-ahorro__op h3{ margin:0 0 8px; }
.e72-lg-ahorro__op p{ margin:0; line-height:1.55; }
.e72-lg-ahorro__op p b{ display:block; color:var(--e72-ink); margin-bottom:2px; }
.e72-lg-ahorro__pag{ margin:auto 0 0; padding-top:18px; display:grid; grid-template-columns:78px 1fr; gap:12px; align-items:center; }
.e72-lg-ahorro__pag img{ display:block; width:78px; height:auto; border-radius:var(--e72-r-papel); box-shadow:var(--e72-shadow-hoja); transform:rotate(-2deg); }
.e72-lg-ahorro__pag figcaption{ font-size:var(--e72-t-s); color:var(--e72-muted); line-height:1.4; }
.e72-lg-ahorro__cita{ margin-top:26px; margin-bottom:0; text-align:center; font-size:var(--e72-t-lead); line-height:1.5; color:var(--e72-ink); text-wrap:balance; }
.e72-lg-ahorro__cita span{ display:block; margin-top:6px; font-size:var(--e72-t-s); color:var(--e72-muted); }

/* ---- Lo que me contestáis: correos y mensajes, a mano ------------------- */
.e72-lg-voces__muro{ columns:3 300px; column-gap:16px; }
.e72-lg-correo, .e72-lg-tg{ break-inside:avoid; margin:0 0 16px; }
.e72-lg-correo{ background:var(--e72-hoja); border-radius:var(--e72-r-m); box-shadow:var(--e72-sh-2),0 0 0 1px rgba(21,23,14,.06); overflow:hidden;
  transform:rotate(calc((var(--i) - 2.5) * .35deg)); }
.e72-lg-correo__cab{ padding:12px 16px 10px; background:linear-gradient(var(--e72-cream2),var(--e72-hoja)); border-bottom:1px solid var(--e72-line); }
.e72-lg-correo__asunto{ margin:0 0 8px; font-size:var(--e72-t-s); font-weight:600; color:var(--e72-ink); line-height:1.35; }
.e72-lg-correo__de{ margin:0; display:grid; grid-template-columns:28px 1fr; column-gap:10px; align-items:center; font-size:var(--e72-t-xs); line-height:1.3; color:var(--e72-muted); }
.e72-lg-correo__de b{ color:var(--e72-ink); font-size:var(--e72-t-s); font-weight:600; }
.e72-lg-correo__de span:last-child{ grid-column:2; }
.e72-lg-correo__ini{ grid-row:span 2; width:28px; height:28px; border-radius:50%; display:grid; place-items:center; font-weight:700; font-size:var(--e72-t-xs);
  color:var(--e72-hoja); background:var(--e72-olive); }
.e72-lg-correo__pie{ margin:0; padding:0 16px 14px; font-size:var(--e72-t-xs); color:var(--e72-muted); }
.e72-lg-correo__txt{ margin:0; padding:14px 16px 16px; line-height:1.6; color:var(--e72-text); }
.e72-lg-tg__donde{ margin:0 0 6px 4px; font-size:var(--e72-t-xs); letter-spacing:.06em; text-transform:uppercase; color:var(--e72-muted); }
.e72-lg-tg__burbuja{ position:relative; padding:10px 14px 22px; border-radius:var(--e72-r-l) var(--e72-r-l) var(--e72-r-l) var(--e72-r-xs); background:var(--e72-cream2); box-shadow:var(--e72-sh-1),0 0 0 1px rgba(21,23,14,.05); }
.e72-lg-tg__burbuja b{ display:block; font-size:var(--e72-t-s); color:var(--e72-gold-ink); margin-bottom:2px; }
.e72-lg-tg__burbuja p{ margin:0; line-height:1.55; color:var(--e72-ink); }
.e72-lg-tg__burbuja time{ position:absolute; right:12px; bottom:6px; font-size:var(--e72-t-xs); color:var(--e72-muted); }
@media (max-width:639px){
  /* móvil: carrusel, para no alargar la página */
  .e72-lg-voces__muro{ columns:auto; display:grid; grid-auto-flow:column; grid-auto-columns:84%; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none;
    margin-inline:calc(var(--e72-gutter) * -1); padding:6px var(--e72-gutter) 12px; scroll-padding-inline:var(--e72-gutter); align-items:start; }
  .e72-lg-voces__muro::-webkit-scrollbar{ display:none; }
  .e72-lg-correo, .e72-lg-tg{ scroll-snap-align:start; margin:0; transform:none; }
}

/* ---- El primer escalón: un camino de 0 a 10 días (sustituye a la escalera de tarjetas vacías) ----
   Tramos 3:4:3 = días 0-3, 3-7, 7-10: cada tramo mide lo que dura. El de la guía, lleno; el resto, a trazos. */
.e72-lg-camino{ position:relative; padding-top:6px; }
.e72-lg-camino__dias{ display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); font-size:var(--e72-t-xs); color:var(--e72-muted); margin:0 0 8px; }
.e72-lg-camino__dias span{ position:relative; }
.e72-lg-camino__dias span:last-child{ position:absolute; right:0; }
.e72-lg-camino__dias span:first-child, .e72-lg-camino__dias span:nth-child(4), .e72-lg-camino__dias span:nth-child(8){ color:var(--e72-ink); font-weight:600; }
.e72-lg-camino__tramos{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:3fr 4fr 3fr; align-items:start; }
.e72-lg-camino__tramos li{ position:relative; margin:0; padding:30px 0 0 12px; text-align:right; }
.e72-lg-camino__tramos li::before{ content:""; position:absolute; left:0; right:0; top:0; height:4px; margin-top:3px; border-radius:var(--e72-r-pill);
  background:repeating-linear-gradient(90deg,var(--e72-olive) 0 6px,transparent 6px 12px); opacity:.45; }
.e72-lg-camino__tramos li.is-guia::before{ height:10px; margin-top:0; opacity:1; background:linear-gradient(90deg,var(--e72-olive),var(--e72-olive2)); }
.e72-lg-camino__tramos li::after{ content:""; position:absolute; right:-9px; top:-4px; width:18px; height:18px; border-radius:50%;
  background:var(--e72-cream); box-shadow:0 0 0 3px var(--e72-olive),var(--e72-sh-1); }
.e72-lg-camino__tramos li.is-guia::after{ background:var(--e72-gold); }
.e72-lg-camino__n{ display:block; font-family:var(--e72-f-display); font-weight:700; font-size:var(--e72-t-h3); line-height:1.1; color:var(--e72-ink); margin-bottom:6px; }
.e72-lg-camino__tramos li.is-guia .e72-lg-camino__n{ color:var(--e72-olive); }
.e72-lg-camino__t{ display:block; font-size:var(--e72-t-s); line-height:1.45; color:var(--e72-text); max-width:24ch; margin-left:auto; }
.e72-lg-camino__t b{ color:var(--e72-ink); }
.e72-lg-camino__nota{ margin-top:28px; }
html.e72-mov .e72-lg-camino__tramos li::before{ transform:scaleX(0); transform-origin:left center; transition:transform 900ms var(--e72-ease); }
html.e72-mov .e72-lg-camino__tramos li::after{ transform:scale(0); transition:transform 420ms var(--e72-ease); }
html.e72-mov .e72-lg-camino__tramos li:nth-child(2)::before{ transition-delay:700ms; } html.e72-mov .e72-lg-camino__tramos li:nth-child(2)::after{ transition-delay:1500ms; }
html.e72-mov .e72-lg-camino__tramos li:nth-child(3)::before{ transition-delay:1400ms; } html.e72-mov .e72-lg-camino__tramos li:nth-child(3)::after{ transition-delay:2200ms; }
html.e72-mov .e72-lg-camino__tramos li:nth-child(1)::after{ transition-delay:800ms; }
html.e72-mov .e72-lg-camino.is-dibujado .e72-lg-camino__tramos li::before{ transform:scaleX(1); }
html.e72-mov .e72-lg-camino.is-dibujado .e72-lg-camino__tramos li::after{ transform:scale(1); }
@media (max-width:520px){
  .e72-lg-camino__tramos li{ padding-left:6px; }
  .e72-lg-camino__n{ font-size:var(--e72-t-h4); }
  .e72-lg-camino__t{ font-size:var(--e72-t-xs); }
}

/* pie de las páginas de anexo en la tira: en verde, para que se vea que no es la guía */
.e72-lg-pag--anexo figcaption b{ color:var(--e72-olive); }

/* ---- 10 · Comunidad ------------------------------------------------------------ */
.e72-lg-comunidad__in{ display:grid; gap:20px 48px; align-items:center; }
@media (min-width:760px){ .e72-lg-comunidad__in{ grid-template-columns:auto 1fr; } }
.e72-lg-comunidad__n{ margin:0; display:flex; flex-direction:column; font-family:var(--e72-f-display); font-weight:700; font-size:var(--e72-t-display);
  line-height:.9; letter-spacing:-.04em; color:var(--e72-olive); font-variant-numeric:tabular-nums; }
.e72-lg-comunidad__n span{ font-size:var(--e72-t-s); letter-spacing:.08em; text-transform:uppercase; font-weight:600; color:var(--e72-gold-ink); margin-bottom:8px; }
.e72-lg-comunidad p{ margin:0 0 .8em; }

/* ---- 12 · Preguntas ------------------------------------------------------------ */
.e72-lg-preguntas h2{ margin-bottom:22px; }

/* ---- 13 · Carta ----------------------------------------------------------------- */
.e72-lg-carta{ max-width:640px; }
.e72-lg-carta__texto{ text-align:left; margin:8px 0 6px; }
.e72-lg-carta__texto p{ margin:0 0 .8em; font-size:var(--e72-t-lead); line-height:1.6; }
.e72-lg-carta .e72-firma{ text-align:right; }
.e72-lg-carta .e72-cierre__acciones{ margin:14px 0 14px; }
.e72-lg-carta .e72-lg-legal{ text-align:center; }

/* ---- Pie --------------------------------------------------------------------------- */
.e72-lg-pie .e72-pie__cuerpo{ padding-bottom:calc(36px + env(safe-area-inset-bottom)); }
.e72-lg-pie .e72-pie__cuerpo > .e72-topo{ position:absolute; inset:0; z-index:0; color:var(--e72-on-dark); }
.e72-lg-pie__in{ position:relative; z-index:1; max-width:1200px; margin:0 auto; display:flex; flex-direction:column; gap:14px; }
.e72-lg-pie__in img{ width:148px; height:auto; }
.e72-lg-pie .e72-pie__frase{ margin:0; }
.e72-lg-pie__enlaces{ display:flex; flex-wrap:wrap; gap:8px 20px; margin:6px 0 0; font-size:var(--e72-t-s); }
.e72-lg-pie__enlaces a{ color:var(--e72-on-dark-2); text-decoration:none; }
.e72-lg-pie__enlaces a:hover{ color:var(--e72-on-dark); }
.e72-lg-pie__legal{ margin:4px 0 0; font-size:var(--e72-t-xs); color:var(--e72-on-dark-3); }
/* hueco de la barra de compra en móvil: dentro del verde, no debajo (14 oct, Mario vio una franja crema al final) */
@media (max-width:959px){ .e72-lg-pie .e72-pie__cuerpo{ padding-bottom:calc(36px + 64px + env(safe-area-inset-bottom)); } }

/* ---- Móvil corto (TASTE: las pantallas por página no crecen; la de Elementor eran 11) ---------------- */
@media (max-width:639px){
  .e72-lg .e72-sec{ padding-block:40px; }
  .e72-lg-cabeza{ margin-bottom:20px; }
  /* Lo que cambia: carrusel de tarjetas */
  .e72-lg-cambios{ display:grid; grid-auto-flow:column; grid-auto-columns:78%; grid-template-columns:none; overflow-x:auto; scroll-snap-type:x mandatory;
    scrollbar-width:none; margin-inline:calc(var(--e72-gutter) * -1); padding:4px var(--e72-gutter) 10px; scroll-padding-inline:var(--e72-gutter); }
  .e72-lg-cambios::-webkit-scrollbar{ display:none; }
  .e72-lg-cambios li{ scroll-snap-align:start; }
  .e72-lg-cambios li:first-child{ grid-column:auto; }
  /* Para ti / no es para ti: más prieto */
  .e72-lg-paraquien .e72-casillas li + li{ margin-top:8px; }
  .e72-lg-hoja{ padding:18px; }
  .e72-lg-panel{ padding:28px 18px; }
  .e72-lg .e72-pregunta summary{ padding-block:14px; }
}
@media (max-width:639px){
  .e72-lg-auto__fila{ padding:9px 0; gap:10px; }
  .e72-lg-auto__fila p{ font-size:var(--e72-t-s); line-height:1.4; }
  .e72-lg-auto__sino button{ min-width:46px; padding:0 10px; }
  .e72-lg-auto__res{ padding:20px 18px; }
  .e72-lg-crece__t{ display:none; }
  .e72-lg-crece{ gap:10px; }
  .e72-despues{ gap:12px; }
}

/* ==== Conversión (12 oct, noche): lo que entra, ¿qué elijo?, pasos al pagar, garantías, más preguntas ==== */
.e72-lg-entra{ list-style:none; margin:0 0 20px; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; max-width:520px; }
.e72-lg-entra li{ padding:10px 12px; border-radius:var(--e72-r-s); background:var(--e72-cristal); -webkit-backdrop-filter:var(--e72-cristal-blur); backdrop-filter:var(--e72-cristal-blur);
  box-shadow:var(--e72-filo),0 0 0 1px var(--e72-line); display:flex; flex-direction:column; gap:2px; }
.e72-lg-entra b{ font-family:var(--e72-f-display); font-size:var(--e72-t-s); color:var(--e72-ink); line-height:1.2; }
.e72-lg-entra span{ font-size:var(--e72-t-xs); color:var(--e72-text); line-height:1.3; }

.e72-lg-elige{ max-width:var(--e72-w-mid); margin:0 auto; display:grid; gap:16px; align-items:start; }
@media (min-width:860px){ .e72-lg-elige{ grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); } }
.e72-lg-elige__op{ position:relative; padding:clamp(22px,3.4vw,34px); border-radius:var(--e72-r-l); background:var(--e72-cream2);
  box-shadow:var(--e72-sh-1),var(--e72-filo); display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.e72-lg-elige__op--si{ background:var(--e72-hoja); box-shadow:var(--e72-sh-3),var(--e72-filo),0 0 0 2px var(--e72-green); }
.e72-lg-elige__op h3{ margin:0; }
.e72-lg-elige__op p{ margin:0; }
.e72-lg-elige__sello{ position:absolute; top:-13px; left:24px; padding:5px 12px; border-radius:var(--e72-r-pill); background:var(--e72-green-btn); color:#fff;
  font:600 var(--e72-t-xs)/1.2 var(--e72-f-display); letter-spacing:.02em; box-shadow:var(--e72-sh-1); }
.e72-precio--s{ font-size:var(--e72-t-h2); }
.e72-lg-enlace{ font-weight:600; color:var(--e72-ink); text-decoration:underline; text-decoration-color:var(--e72-gold); text-decoration-thickness:1.5px; text-underline-offset:4px; min-height:var(--e72-touch); display:inline-flex; align-items:center; }
.e72-lg-pasos{ list-style:none; counter-reset:paso; margin:2px 0 4px; padding:14px 16px; width:100%; box-sizing:border-box; border-radius:var(--e72-r-m); background:var(--e72-cream); display:grid; gap:8px; }
.e72-lg-pasos li{ counter-increment:paso; display:grid; grid-template-columns:24px 1fr; gap:10px; align-items:start; font-size:var(--e72-t-s); line-height:1.45; }
.e72-lg-pasos li::before{ content:counter(paso); width:24px; height:24px; border-radius:50%; background:var(--e72-olive); color:var(--e72-on-dark); font:700 var(--e72-t-xs)/24px var(--e72-f-display); text-align:center; }
.e72-lg-pasos b{ color:var(--e72-ink); }
.e72-lg-garantias{ display:grid; gap:12px 32px; margin-top:22px; }
@media (min-width:760px){ .e72-lg-garantias{ grid-template-columns:1fr 1fr; } }
.e72-lg-garantias p{ margin:0; padding-top:14px; border-top:1px solid var(--e72-line); font-size:var(--e72-t-s); line-height:1.55; color:var(--e72-text); }
.e72-lg-garantias b{ display:block; color:var(--e72-ink); font-family:var(--e72-f-display); font-size:var(--e72-t-body); margin-bottom:2px; }

.e72-lg-mas{ margin-top:14px; }
.e72-lg-mas > summary{ list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:8px; min-height:var(--e72-touch); padding:0 20px;
  border-radius:var(--e72-r-pill); background:var(--e72-cream2); box-shadow:var(--e72-filo),0 0 0 1px var(--e72-line2); font:600 var(--e72-t-s)/1 var(--e72-f-display); color:var(--e72-ink); }
.e72-lg-mas > summary::-webkit-details-marker{ display:none; }
.e72-lg-mas > summary::after{ content:"+"; font-size:var(--e72-t-body); }
.e72-lg-mas[open] > summary::after{ content:"\2212"; }
.e72-lg-mas[open] > summary{ margin-bottom:12px; }

@media (max-width:639px){
  .e72-lg-entra{ gap:6px; } .e72-lg-entra li{ padding:8px 9px; }
  .e72-lg-elige__op{ padding:22px 18px; }
  .e72-lg-elige__sello{ left:18px; }
}

/* /guia/: el pie de la web (tema v2) encima del topo; /guia-e72h/ sigue con el pie corto */
.e72-lg-pie .e72-pie__in,.e72-lg-pie .e72-pie__legal{ position:relative; z-index:1; }
span.e72-cab__logo{ cursor:default; }
.e72-lg-pie .e72-pie__frase + .e72-pie__redes{ margin-top:20px; }