/* ============================================================
   LINDALIZ JIMÉNEZ · VERSIÓN DE TI — capa de coaching
   Se apoya en estilos.css (Artezanik) y añade las secciones del
   coaching: el espejo, la historia, el método, el reto y el evento.
   ============================================================ */
:root{
  --vino:#7A2136;
  --vino-2:#5A1726;
  --vino-claro:#A9475E;
  --plata-1:#F4EEE6;
  --plata-2:#D8CBBB;
}

/* ---------- cabecera ---------- */
.logo img.logo-vdt{width:52px;height:52px;object-fit:contain}
.logo-txt b{letter-spacing:.26em}
.aviso a{color:inherit;text-decoration:none}
.aviso a:hover{color:#fff1d6}
.menu-movil .grupo-menu{font-family:var(--f-marca);font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--oro);margin-top:16px}
.menu-movil .panel a.item{font-size:1.4rem;padding:8px 0}
.pie-nota{margin:30px 0 0;font-size:.82rem;opacity:.7;max-width:80ch}
.btn:disabled{opacity:.5;pointer-events:none}
.icono-btn:disabled{opacity:.35;pointer-events:none}

/* ============================================================
   HERO · EL ESPEJO DE LINDALIZ
   ============================================================ */
.hero-coach{background:
  radial-gradient(900px 600px at 80% 45%,rgba(217,184,116,.24),transparent 62%),
  radial-gradient(700px 520px at 6% 92%,rgba(239,217,211,.7),transparent 60%),
  radial-gradient(500px 300px at 40% 0%,rgba(122,33,54,.06),transparent 70%),
  linear-gradient(180deg,var(--marfil),var(--marfil-2))}
.hero-coach .hero-in{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.hero-coach h1{font-size:clamp(2.3rem,4.6vw,4.3rem);line-height:1.02;margin:.45em 0 .4em}
.hero-coach h1 .l1{font-style:italic;font-weight:400;color:var(--tinta)}
.hero-coach h1 .l2{font-size:1.16em;line-height:1.08;padding-top:.08em}
.hero-coach .ceja{color:var(--vino-claro)}
.tres-pasos{color:var(--vino)}
.tres-pasos svg{color:var(--oro)}

.espejo-hero{position:relative;width:100%;max-width:560px;justify-self:center;aspect-ratio:.86;perspective:1400px}
.espejo-escena{position:absolute;inset:7% 14% 3%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1);--lx:50%}
.espejo-marco{position:absolute;inset:0;border-radius:50%;padding:clamp(12px,1.8vw,18px);
  background:conic-gradient(from 210deg,#8A6224,#E9CF8F 12%,#B08236 24%,#F6E2AE 38%,#9C7130 52%,#E3C07A 66%,#8A6224 80%,#F1D9A0 92%,#8A6224);
  box-shadow:0 50px 90px -40px rgba(43,31,24,.55),0 0 0 1px rgba(138,98,36,.4),inset 0 2px 3px rgba(255,248,226,.8),inset 0 -3px 6px rgba(80,55,20,.45)}
.espejo-marco::before{content:"";position:absolute;inset:6px;border-radius:50%;border:1px dashed rgba(255,244,214,.55);pointer-events:none}
.espejo-cristal{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--marfil-2);box-shadow:inset 0 0 0 3px rgba(80,55,20,.35),inset 0 0 40px rgba(43,31,24,.25);transform:translateZ(1px)}
.espejo-cristal img{width:100%;height:100%;object-fit:cover;object-position:50% 16%;transform:scale(1.02)}
.reflejo-luz{position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.38) 47%,rgba(255,255,255,.08) 53%,transparent 60%);transform:translateX(-60%);animation:barrido 7s ease-in-out infinite;mix-blend-mode:soft-light;pointer-events:none}
.espejo-cristal::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at var(--lx) 18%,rgba(255,255,255,.28),transparent 42%);pointer-events:none}
@keyframes barrido{0%,35%{transform:translateX(-60%)}65%,100%{transform:translateX(60%)}}
.espejo-mariposa{position:absolute;left:50%;top:-9%;width:clamp(72px,8vw,96px);height:auto;transform:translateX(-50%) translateZ(40px);filter:drop-shadow(0 10px 18px rgba(43,31,24,.25));background:var(--marfil);border-radius:50%;padding:4px;box-shadow:0 0 0 1px var(--linea)}
.flotante{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:16px;background:rgba(255,253,249,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 40px -22px rgba(43,31,24,.55),0 0 0 1px var(--linea);animation:flota 6.5s ease-in-out infinite}
.flotante svg{width:34px;height:34px;padding:7px;border-radius:50%;background:var(--grad-oro);color:#fff;flex:none}
.flotante b{display:block;font-family:var(--f-serif);font-weight:600;font-size:1.05rem;line-height:1.15}
.flotante small{display:block;font-family:var(--f-marca);font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:var(--tenue)}
.flotante.f1{left:-4%;top:24%}
.flotante.f2{right:-4%;top:50%;animation-delay:-2.2s}
.flotante.f3{left:2%;bottom:9%;animation-delay:-4.4s}
.destello{position:absolute;width:22px;height:22px;background:var(--oro);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:titila 3.4s ease-in-out infinite;z-index:2}
.destello.d1{right:12%;top:8%}
.destello.d2{left:8%;top:6%;width:14px;height:14px;animation-delay:-1.2s;background:var(--vino-claro)}
.destello.d3{right:6%;bottom:22%;width:16px;height:16px;animation-delay:-2.3s}
@keyframes titila{0%,100%{transform:scale(.6) rotate(0);opacity:.5}50%{transform:scale(1.1) rotate(45deg);opacity:1}}
.firma-hero{position:absolute;right:2%;bottom:0;font-family:var(--f-script);font-size:clamp(1.6rem,2.6vw,2.3rem);color:var(--vino-claro);transform:rotate(-6deg);z-index:3}

/* cinta en vino */
.cinta-vino{background:linear-gradient(90deg,var(--vino-2),var(--vino),var(--vino-2));color:#F6DFC7;border-color:rgba(246,223,199,.2)}

/* ============================================================
   MI HISTORIA
   ============================================================ */
.historia-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,80px);align-items:center}
.parrafo{font-family:var(--f-serif);font-size:clamp(1.05rem,1.4vw,1.22rem);line-height:1.6;color:var(--tinta-2);margin:18px 0 0;max-width:60ch}
.credenciales{list-style:none;margin:28px 0 0;padding:22px 0 0;border-top:1px solid var(--linea);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px}
.credenciales li{display:flex;gap:10px;align-items:center;font-family:var(--f-serif);font-size:1.12rem;font-weight:500}
.credenciales svg{width:20px;height:20px;color:var(--oro);flex:none}
.origen-carta{position:relative;background:var(--blanco);border-radius:26px;padding:clamp(26px,4vw,44px);box-shadow:var(--sombra)}
.origen-carta::before{content:"";position:absolute;inset:12px;border:1px solid var(--linea);border-radius:18px;pointer-events:none}
.origen-carta .ceja{color:var(--vino-claro);margin-bottom:8px}
.origen-carta p{font-family:var(--f-serif);font-size:clamp(1.08rem,1.4vw,1.22rem);line-height:1.6;margin:14px 0 0}
.origen-carta .origen-cierre{font-style:italic;color:var(--vino);font-weight:500}
.origen-carta .firma{display:block;font-family:var(--f-script);font-size:2.4rem;color:var(--oro);margin-top:14px;line-height:1}

.capitulos{margin-top:clamp(48px,7vw,84px)}
.capitulos-cab{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.capitulos-cab h3{font-family:var(--f-serif);font-weight:500;font-size:clamp(1.4rem,2.2vw,1.9rem);margin:0}
.capitulos-ctrl{display:flex;gap:8px}
.linea-tiempo{list-style:none;margin:0 calc(var(--gutter) * -1);padding:26px var(--gutter) 14px;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;position:relative;cursor:grab;scroll-padding-inline:var(--gutter)}
.linea-tiempo::-webkit-scrollbar{display:none}
.linea-tiempo.arrastra{cursor:grabbing;scroll-snap-type:none}
.linea-tiempo.arrastra *{user-select:none}
.linea-tiempo li{flex:0 0 clamp(210px,22vw,260px);scroll-snap-align:start;position:relative;background:var(--blanco);border-radius:18px;padding:22px 20px 20px;box-shadow:var(--sombra-s);border:1px solid var(--linea-suave)}
.linea-tiempo li::before{content:"";position:absolute;top:-17px;left:22px;width:12px;height:12px;border-radius:50%;background:var(--marfil);border:2px solid var(--oro)}
.linea-tiempo li::after{content:"";position:absolute;top:-12px;left:34px;width:calc(100% + 16px - 12px);height:2px;background:linear-gradient(90deg,var(--oro-claro),rgba(217,184,116,.35))}
.linea-tiempo li:last-child::after{display:none}
.cap-n{display:inline-flex;align-items:center;font-family:var(--f-marca);font-size:.8rem;letter-spacing:.2em;color:var(--oro)}
.cap-n svg{width:24px;height:24px}
.linea-tiempo h4{font-family:var(--f-serif);font-weight:600;font-size:1.3rem;margin:8px 0 4px;line-height:1.15}
.linea-tiempo p{margin:0;color:var(--tinta-2);font-size:.95rem;line-height:1.45}
.linea-tiempo li.clave{background:linear-gradient(160deg,#fff,var(--rosa-claro))}
.linea-tiempo li.clave::before{background:var(--vino-claro);border-color:var(--vino-claro)}
.linea-tiempo li.clave .cap-n{color:var(--vino)}
.linea-tiempo li.oro{background:linear-gradient(160deg,#fffaf0,#f3e3c0);border-color:var(--oro-claro)}

/* ============================================================
   EL ESPEJO · MOMENTO ESPEJO
   ============================================================ */
.espejo-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,90px);align-items:center}
.momento{display:grid;justify-items:center;gap:26px}
.momento-espejo{position:relative;width:min(340px,72vw);aspect-ratio:3/4;border-radius:50%;padding:14px;
  background:conic-gradient(from 200deg,#8A6224,#E9CF8F 14%,#B08236 28%,#F6E2AE 42%,#9C7130 56%,#E3C07A 72%,#8A6224 86%,#F1D9A0 94%,#8A6224);
  box-shadow:0 40px 80px -30px rgba(0,0,0,.75),0 0 60px -10px rgba(217,184,116,.35)}
.momento-cristal{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;display:grid;place-items:center;text-align:center;
  background:radial-gradient(ellipse at 30% 18%,rgba(255,255,255,.75),transparent 42%),linear-gradient(160deg,#f6efe5 0%,#dccdbb 48%,#b6a38e 100%);
  box-shadow:inset 0 0 0 3px rgba(80,55,20,.35),inset 0 -30px 60px rgba(80,55,20,.25)}
.momento-cristal::after{content:"";position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.5) 48%,transparent 56%);transform:translateX(-70%);transition:transform 1.4s ease}
.momento:hover .momento-cristal::after,.momento-espejo.pregunta .momento-cristal::after{transform:translateX(70%)}
.respira{position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.85),rgba(239,217,211,.6) 45%,rgba(217,184,116,.15) 70%,transparent 72%);transform:scale(.55);opacity:0;transition:transform 4s ease-in-out,opacity .6s}
.respira.dentro{transform:scale(1.45);opacity:1}
.respira.fuera{transform:scale(.6);opacity:1}
.momento-txt{position:relative;z-index:2;margin:0;padding:0 18%;font-family:var(--f-serif);font-style:italic;font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.2;color:var(--tinta)}
.momento-txt .peq{display:block;font-family:var(--f-marca);font-style:normal;font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--oro-osc);margin-bottom:10px}
.momento-espejo.pregunta .momento-txt{font-size:clamp(1.25rem,2.2vw,1.6rem)}
#espejo .lista-exp{margin-bottom:0}

/* ============================================================
   MÉTODO DE CINCO PASOS
   ============================================================ */
.metodo{max-width:980px;margin-inline:auto}
.metodo-ruta{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:start}
.metodo-linea{position:absolute;left:10%;right:10%;top:44px;height:2px;background:var(--linea);border-radius:2px}
.metodo-linea i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--grad-oro);border-radius:2px;transition:width .8s cubic-bezier(.2,.8,.2,1)}
.medalla{position:relative;z-index:1;display:grid;justify-items:center;gap:12px;padding:0;border:0;background:none;perspective:600px}
.m-cara{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:var(--marfil);border:1px solid var(--oro-claro);box-shadow:0 10px 24px -14px rgba(43,31,24,.5),inset 0 0 0 5px var(--marfil),inset 0 0 0 6px var(--linea);transition:transform .8s cubic-bezier(.2,.8,.2,1),background .5s,box-shadow .5s;transform-style:preserve-3d}
.m-cara b{font-family:var(--f-marca);font-weight:500;font-size:1.6rem;color:var(--oro-osc)}
.medalla small{font-family:var(--f-marca);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--tinta-2);transition:color .3s}
.medalla:hover .m-cara{transform:translateY(-4px)}
.medalla.hecho .m-cara{background:#fff7e6;border-color:var(--oro)}
.medalla.si .m-cara{background:conic-gradient(from 200deg,#8A6224,#E9CF8F 18%,#B08236 34%,#F6E2AE 50%,#9C7130 66%,#E3C07A 82%,#8A6224);border-color:transparent;transform:rotateY(360deg) scale(1.12);box-shadow:0 18px 34px -16px rgba(138,98,36,.8),inset 0 0 0 5px rgba(255,248,226,.25)}
.medalla.si .m-cara b{color:#3A2710;text-shadow:0 1px 0 rgba(255,244,214,.6)}
.medalla.si small{color:var(--vino)}
.metodo-panel{max-width:720px;margin:34px auto 0;text-align:center;min-height:200px}
.mp-in{animation:aparece .6s both}
.mp-n{font-family:var(--f-marca);font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--tenue)}
.mp-in h3{font-family:var(--f-script);font-weight:400;font-size:clamp(3rem,6vw,4.4rem);line-height:1.05;margin:.1em 0 0;background:var(--grad-oro);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--oro)}
.mp-s{font-family:var(--f-serif);font-style:italic;font-size:clamp(1.25rem,2vw,1.5rem);color:var(--vino);margin:4px 0 8px}
.mp-in p:last-child{font-family:var(--f-serif);font-size:clamp(1.05rem,1.5vw,1.22rem);color:var(--tinta-2);margin:0 auto;max-width:58ch}
.nota-honesta{display:flex;gap:10px;align-items:center;justify-content:center;text-align:center;max-width:720px;margin:34px auto 0;padding-top:22px;border-top:1px solid var(--linea);font-family:var(--f-serif);font-style:italic;font-size:1.05rem;color:var(--tenue)}
.nota-honesta svg{width:20px;height:20px;color:var(--oro);flex:none}

/* ============================================================
   RETO 21 DÍAS
   ============================================================ */
.reto-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,90px);align-items:center}
.pulsera-21{position:relative;width:100%;max-width:440px;justify-self:center;aspect-ratio:1}
.pulsera-21::before{content:"";position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle,rgba(255,250,240,.95),rgba(239,217,211,.45) 60%,transparent 72%)}
.pulsera-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;animation:gira 120s linear infinite}
.cuenta circle{transform-box:fill-box;transform-origin:center;transform:scale(.55);opacity:.25;transition:transform .7s cubic-bezier(.3,1.6,.5,1) var(--d),opacity .5s var(--d)}
.pulsera-21.encendida .cuenta circle{transform:scale(1);opacity:1}
.cuenta{filter:drop-shadow(0 3px 3px rgba(80,55,20,.25))}
.pulsera-centro{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:2px}
.pulsera-centro .num{font-family:var(--f-marca);font-weight:500;font-size:clamp(3.4rem,7vw,5rem);line-height:1;background:var(--grad-oro);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--oro);font-variant-numeric:tabular-nums}
.pulsera-centro span{font-family:var(--f-serif);font-style:italic;font-size:1.2rem;line-height:1.2;color:var(--tinta-2)}
.etapas{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:0;position:relative}
.etapas li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;padding:14px 0;position:relative}
.etapas li:not(:last-child)::after{content:"";position:absolute;left:23px;top:62px;bottom:-14px;width:1px;background:var(--linea)}
.etapa-n{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-marca);font-size:.95rem;color:var(--vino);background:var(--blanco);border:1px solid var(--oro-claro);box-shadow:var(--sombra-s)}
.etapas h3{font-family:var(--f-serif);font-weight:600;font-size:1.32rem;margin:8px 0 2px;line-height:1.2}
.etapas p{margin:0;color:var(--tinta-2)}
.oferta{margin-top:clamp(40px,6vw,72px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);align-items:center;position:relative;background:var(--blanco);border-radius:28px;padding:clamp(24px,4vw,48px);box-shadow:var(--sombra)}
.oferta::before{content:"";position:absolute;inset:12px;border:1px solid var(--linea);border-radius:20px;pointer-events:none}
.oferta-precio{position:relative;display:grid;gap:6px;justify-items:start}
.precio-grande{display:flex;align-items:flex-start;margin:4px 0 0;font-family:var(--f-marca);font-weight:500;line-height:1;color:var(--tinta)}
.precio-grande .moneda{font-size:1.6rem;margin-top:.5em;color:var(--oro)}
.precio-grande #precioReto{font-size:clamp(4rem,8vw,5.6rem);background:var(--grad-oro);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--oro)}
.oferta-sub{font-family:var(--f-serif);font-style:italic;font-size:1.15rem;color:var(--tinta-2);margin:0 0 14px}
.oferta-incluye{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 26px}
.oferta-incluye li{display:flex;gap:12px;align-items:flex-start;font-family:var(--f-serif);font-size:1.12rem;line-height:1.4}
.oferta-incluye svg{width:36px;height:36px;padding:8px;border-radius:50%;background:var(--marfil-2);color:var(--oro-osc);flex:none}
.oferta-incluye b{font-weight:600;color:var(--vino)}

/* ============================================================
   EVENTO PRESENCIAL
   ============================================================ */
.evento-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,80px);align-items:center}
.evento-foto{position:relative;perspective:1000px}
.evento-foto img{width:100%;aspect-ratio:5/4;object-fit:cover;object-position:40% 60%;border-radius:26px;box-shadow:0 40px 80px -30px rgba(0,0,0,.7),0 0 0 1px rgba(217,184,116,.3)}
.fecha-tarjeta{position:absolute;top:-22px;right:26px;width:104px;padding:14px 0 12px;border-radius:18px;background:var(--marfil);color:var(--tinta);display:grid;justify-items:center;line-height:1;box-shadow:0 24px 40px -18px rgba(0,0,0,.7);transform:rotate(4deg);animation:flota 6s ease-in-out infinite;border-top:10px solid var(--vino)}
.fecha-tarjeta small{font-family:var(--f-marca);font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--tenue)}
.fecha-tarjeta b{font-family:var(--f-marca);font-weight:500;font-size:2.8rem;margin:6px 0 4px;color:var(--vino)}
.evento-datos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:26px;background:rgba(217,184,116,.22);border:1px solid rgba(217,184,116,.22);border-radius:16px;overflow:hidden}
.evento-datos > div{display:flex;gap:12px;align-items:center;padding:14px 16px;background:rgba(30,21,16,.92)}
.evento-datos > div.ancho{grid-column:1/-1}
.evento-datos svg{width:22px;height:22px;color:var(--oro-claro);flex:none}
.evento-datos span{font-family:var(--f-serif);font-size:1.1rem;line-height:1.25;color:var(--crema-txt)}
.evento-datos small{display:block;font-family:var(--f-marca);font-size:.56rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(217,184,116,.8);margin-bottom:3px}
.cuenta-regresiva{display:flex;gap:10px;margin-top:18px}
.cuenta-regresiva div{flex:1;max-width:110px;text-align:center;padding:12px 6px;border-radius:14px;border:1px solid rgba(217,184,116,.35);background:rgba(217,184,116,.06)}
.cuenta-regresiva b{display:block;font-family:var(--f-marca);font-weight:500;font-size:1.9rem;line-height:1;color:var(--oro-claro);font-variant-numeric:tabular-nums}
.cuenta-regresiva span{font-family:var(--f-marca);font-size:.56rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(243,231,211,.65)}
.cuenta-regresiva .es-hoy{margin:0;font-family:var(--f-script);font-size:2rem;color:var(--oro-claro)}
.lista-exp.compacta{margin:20px 0 26px;gap:10px}
.lista-exp.compacta li{font-size:1.1rem}

/* ============================================================
   TU PIEZA · TRES CHARMS
   ============================================================ */
.pieza-in{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(24px,5vw,72px);align-items:center}
.pieza-3d{max-width:540px}
.charms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}
.charm{text-align:center;padding:18px 12px;border-radius:18px;background:var(--blanco);border:1px solid var(--linea-suave);box-shadow:var(--sombra-s);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.charm:hover{transform:translateY(-5px)}
.charm-ico{width:66px;height:66px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fffaf0,var(--marfil-2));border:1px solid var(--oro-claro)}
.charm-ico img{max-width:44px;max-height:44px;width:auto;height:auto}
.charm-ico.perla svg{width:34px;height:34px;fill:url(#gPerla);stroke:#cdb79c;stroke-width:.6;filter:drop-shadow(0 2px 2px rgba(80,55,20,.2))}
.charm h3{font-family:var(--f-serif);font-weight:600;font-size:1.15rem;line-height:1.2;margin:0 0 4px}
.charm p{margin:0;color:var(--tinta-2);font-size:.9rem;line-height:1.4}
.nombra{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;margin-top:26px;padding-top:24px;border-top:1px solid var(--linea)}
.nombra-form label{display:block;font-family:var(--f-marca);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--tinta-2);margin-bottom:10px}
.nombra-fila{display:grid;gap:10px}
.nombra-fila input{height:50px;border-radius:999px;border:1px solid var(--linea);background:var(--blanco);padding:0 20px;font-family:var(--f-serif);font-size:1.15rem;width:100%}
.nombra-fila input:focus{outline:none;border-color:var(--oro);box-shadow:0 0 0 3px rgba(217,184,116,.25)}
.seg-tipo{display:flex;gap:6px}
.seg-tipo button{flex:1;height:42px;border-radius:999px;border:1px solid var(--linea);background:transparent;font-family:var(--f-marca);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--tinta-2)}
.seg-tipo button.si{background:var(--tinta);color:var(--crema-txt);border-color:var(--tinta)}
.tarjeta-nombre{width:220px;padding:20px 18px 18px;border-radius:16px;background:linear-gradient(180deg,#fffdf8,#f6ecdc);text-align:center;display:grid;justify-items:center;gap:4px;box-shadow:0 26px 50px -24px rgba(43,31,24,.55);position:relative;transform:rotate(-3deg);transition:transform .5s}
.tarjeta-nombre::before{content:"";position:absolute;inset:7px;border:1px solid var(--oro-claro);border-radius:11px;pointer-events:none}
.tarjeta-nombre:hover{transform:rotate(0) scale(1.03)}
.tarjeta-nombre img{width:54px;height:54px;object-fit:contain}
.tarjeta-nombre small{font-family:var(--f-marca);font-size:.56rem;letter-spacing:.22em;text-transform:uppercase;color:var(--tenue)}
.tarjeta-nombre b{font-family:var(--f-script);font-weight:400;font-size:2rem;line-height:1.15;color:var(--oro-osc);max-width:100%;overflow-wrap:anywhere;min-height:1.15em}
.tn-charms{display:flex;gap:10px;align-items:center;margin-top:4px;color:#d9c7ae}
.tn-charms svg{width:14px;height:14px}

/* corrección: miniaturas de "¿Qué necesitas recordar hoy?" cuadradas */
.tema-card img{height:auto}

/* puente a Artezanik */
.placa .placa-logo{width:84px;height:auto;margin-bottom:2px}

/* ============================================================
   PREGUNTAS CON PESTAÑAS
   ============================================================ */
.faq-tabs{display:flex;justify-content:center;gap:6px;margin:0 auto 34px;flex-wrap:wrap}
.faq-tabs .tab{border:1px solid var(--linea);padding:11px 22px}
.faq-panel > .faq{max-width:860px;margin-inline:auto}
.sub-faq{font-family:var(--f-serif);font-weight:500;font-size:clamp(1.6rem,2.6vw,2.2rem);margin:0}
.faq-panel .pasos{margin-top:20px}

/* ============================================================
   CONTACTO
   ============================================================ */
.contacto-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,90px);align-items:center}
.contacto-in .comunidad{text-align:left}
.contacto-in .comunidad .hash{margin:.15em 0 .1em}
.contacto-in .comunidad .bajada{margin:0}
.contacto-form{background:var(--marfil);color:var(--tinta);border-radius:26px;padding:clamp(22px,4vw,38px);display:grid;gap:14px;box-shadow:0 40px 80px -30px rgba(0,0,0,.7);position:relative}
.contacto-form::before{content:"";position:absolute;inset:10px;border:1px solid var(--linea);border-radius:18px;pointer-events:none}
.contacto-form > *{position:relative}
.contacto-form h2{font-family:var(--f-script);font-weight:400;font-size:2.6rem;line-height:1;margin:0;color:var(--oro-osc)}
.contacto-form .nota{font-size:.92rem;margin-top:-6px}
.contacto-form .campo select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B08236' stroke-width='1.6'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px}
.contacto-ok{font-size:.95rem;color:var(--vino)}

/* ============================================================
   RESPONSIVO
   ============================================================ */
@media (max-width:1180px){
  .nav{gap:16px}
  .nav a{font-size:.64rem;letter-spacing:.14em}
}
@media (max-width:1060px){
  .nav{display:none}
  .menu-btn{display:inline-grid}
  .acciones{margin-left:auto}
}
@media (max-width:920px){
  .hero-coach .hero-in{grid-template-columns:1fr;gap:6px}
  .espejo-hero{order:-1;max-width:420px;margin-bottom:6px}
  .hero-coach .ceja.izq{justify-content:center}
  .historia-in,.espejo-in,.reto-in,.evento-in,.pieza-in,.contacto-in{grid-template-columns:1fr}
  .pieza-3d{max-width:440px;justify-self:center;order:-1}
  .momento{order:-1}
  .oferta{grid-template-columns:1fr}
  .evento-foto{max-width:640px;width:100%;justify-self:center}
  .contacto-in .comunidad{text-align:center}
  .contacto-in .comunidad .bajada{margin-inline:auto}
}
@media (max-width:640px){
  .ceja{letter-spacing:.24em}
  .ceja.izq::after{display:none}
  .evento-foto img{aspect-ratio:16/11}
  .logo img.logo-vdt{width:42px;height:42px}
  .espejo-hero{max-width:340px;aspect-ratio:.82}
  .espejo-escena{inset:9% 13% 4%}
  .flotante{padding:7px 11px 7px 7px;gap:7px;border-radius:12px}
  .flotante svg{width:26px;height:26px;padding:5px}
  .flotante b{font-size:.86rem}
  .flotante small{font-size:.46rem;letter-spacing:.14em}
  .flotante.f1{left:-2%;top:30%}
  .flotante.f2{right:-2%;top:58%}
  .flotante.f3{display:none}
  .firma-hero{font-size:1.5rem;right:0}
  .espejo-mariposa{width:64px}
  .hero-coach h1{font-size:clamp(2.05rem,8.6vw,2.6rem)}
  .credenciales{grid-template-columns:1fr;gap:10px}
  .linea-tiempo li{flex-basis:72%}
  .capitulos-ctrl .icono-btn{width:40px;height:40px}
  .m-cara{width:54px;height:54px;box-shadow:0 8px 18px -12px rgba(43,31,24,.5),inset 0 0 0 3px var(--marfil),inset 0 0 0 4px var(--linea)}
  .m-cara b{font-size:1.1rem}
  .metodo-linea{top:27px}
  .medalla{gap:8px}
  .medalla small{font-size:.5rem;letter-spacing:.1em}
  .metodo-panel{margin-top:22px;min-height:230px}
  .nota-honesta{font-size:.95rem;text-align:left}
  .pulsera-21{max-width:320px}
  .etapas h3{font-size:1.18rem}
  .etapa-n{width:42px;height:42px}
  .etapas li:not(:last-child)::after{left:20px;top:56px}
  .oferta-incluye{grid-template-columns:1fr;gap:14px}
  .oferta-incluye li{font-size:1.05rem}
  .evento-datos{grid-template-columns:1fr 1fr}
  .evento-datos > div{padding:12px;gap:9px}
  .evento-datos svg{width:18px;height:18px}
  .evento-datos span{font-size:.98rem}
  .fecha-tarjeta{width:84px;top:-16px;right:14px;padding:10px 0 9px;border-top-width:8px}
  .fecha-tarjeta b{font-size:2.2rem}
  .cuenta-regresiva b{font-size:1.6rem}
  .charms{gap:8px}
  .charm{padding:14px 6px}
  .charm-ico{width:52px;height:52px}
  .charm-ico img{max-width:34px;max-height:34px}
  .charm-ico.perla svg{width:26px;height:26px}
  .charm h3{font-size:.98rem}
  .charm p{font-size:.78rem}
  .nombra{grid-template-columns:1fr;justify-items:stretch}
  .tarjeta-nombre{justify-self:center}
  .faq-tabs .tab{padding:10px 16px}
  .contacto-form h2{font-size:2.2rem}
}