/* Landing de AxialPodcast: solo variables de la Marca Personal (--p --s --a --t --bg --sf --onp --fuente), sin colores fijos. */
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:var(--fuente,system-ui,sans-serif);color:var(--t,#3d3040);background:var(--bg,#fff7ef);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(60vmax 40vmax at 10% -10%,color-mix(in srgb,var(--p) 22%,transparent),transparent 60%),radial-gradient(50vmax 40vmax at 100% 20%,color-mix(in srgb,var(--s) 30%,transparent),transparent 60%),radial-gradient(50vmax 40vmax at 30% 110%,color-mix(in srgb,var(--a) 22%,transparent),transparent 60%)}
a{color:inherit}h1,h2,h3,p{margin:0}
.barra{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:10px clamp(14px,4vw,40px);background:color-mix(in srgb,var(--sf) 72%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb,var(--t) 10%,transparent)}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:1.1rem}.marca img{border-radius:10px}
.barra nav{display:flex;gap:18px;margin-left:auto}.barra nav a{text-decoration:none;font-weight:600;opacity:.8}.barra nav a:hover{opacity:1}
.boton{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:999px;background:var(--p);color:var(--onp,#fff);font-weight:800;font-size:1.05rem;text-decoration:none;box-shadow:0 14px 28px -14px var(--p);transition:transform .15s}
.boton:hover{transform:translateY(-2px)}.boton.sec{background:color-mix(in srgb,var(--sf) 80%,transparent);color:var(--t);box-shadow:none;border:1.5px solid color-mix(in srgb,var(--t) 18%,transparent)}
.boton.chico{min-height:42px;padding:0 20px;font-size:.95rem}.boton.grande{min-height:62px;padding:0 38px;font-size:1.2rem}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;max-width:1180px;margin:0 auto;padding:clamp(34px,7vw,90px) clamp(16px,4vw,40px)}
.etiqueta{display:inline-block;padding:6px 14px;border-radius:999px;background:color-mix(in srgb,var(--p) 16%,transparent);font-weight:800;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}
.hero h1{margin:16px 0;font-size:clamp(2rem,5.6vw,3.7rem);line-height:1.08;letter-spacing:-.02em}.hero h1 em{font-style:normal;color:var(--p)}
.hero p{font-size:1.15rem;max-width:34em}
.acciones{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 18px}
.puntos{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;padding:0;margin:0;font-weight:600;opacity:.85}
.hero-img{position:relative;height:clamp(300px,42vw,470px)}
.hero-img img{position:absolute;width:56%;aspect-ratio:1;object-fit:cover;border-radius:26px;box-shadow:0 30px 50px -22px color-mix(in srgb,var(--t) 55%,transparent);border:4px solid var(--sf)}
.hero-img .p1{left:2%;top:0;transform:rotate(-6deg)}.hero-img .p2{right:0;top:22%;transform:rotate(5deg)}.hero-img .p3{left:14%;bottom:0;transform:rotate(-2deg)}
.seccion{max-width:1180px;margin:0 auto;padding:clamp(34px,6vw,76px) clamp(16px,4vw,40px)}
.seccion.alt{max-width:none;background:color-mix(in srgb,var(--sf) 62%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.seccion.alt>*{max-width:1180px;margin-left:auto;margin-right:auto}
.seccion h2{font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.15;letter-spacing:-.01em;margin-bottom:10px}
.sub{font-size:1.1rem;opacity:.8;margin-bottom:24px;max-width:42em}
.rejilla{display:grid;gap:18px;margin-top:22px}.rejilla.tres{grid-template-columns:repeat(3,1fr)}.rejilla.cuatro{grid-template-columns:repeat(4,1fr)}
.tarjeta,.mini{padding:24px;border-radius:26px;background:color-mix(in srgb,var(--sf) 82%,transparent);border:1px solid color-mix(in srgb,var(--t) 9%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 36px -26px color-mix(in srgb,var(--t) 50%,transparent)}
.tarjeta .ic{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;font-size:1.8rem;background:color-mix(in srgb,var(--p) 18%,transparent);margin-bottom:14px}
.tarjeta h3,.mini h3{font-size:1.2rem;margin-bottom:8px}.tarjeta p,.mini p{opacity:.85}.tarjeta.dest{border-top:5px solid var(--p)}
.mini{padding:20px}.mini span{font-size:1.8rem;display:block;margin-bottom:8px}.mini h3{font-size:1.05rem}.mini p{font-size:.95rem}
.pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.paso{padding:26px;border-radius:26px;background:var(--sf);border:1px solid color-mix(in srgb,var(--t) 9%,transparent)}
.paso b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--p);color:var(--onp,#fff);font-size:1.3rem;margin-bottom:12px}.paso h3{margin-bottom:6px;font-size:1.2rem}
.seccion.vozviva{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
.lista{padding-left:0;list-style:none;display:grid;gap:12px;margin:18px 0 24px}.lista li{padding-left:34px;position:relative}.lista li::before{content:"♪";position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--p);color:var(--onp,#fff);font-size:.8rem}
.vv-img{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vv-img img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:22px;box-shadow:0 20px 36px -22px color-mix(in srgb,var(--t) 55%,transparent)}.vv-img img:first-child{grid-column:1/-1;aspect-ratio:16/9}
.faq{display:grid;gap:10px;max-width:820px}
.faq details{padding:16px 20px;border-radius:20px;background:color-mix(in srgb,var(--sf) 85%,transparent);border:1px solid color-mix(in srgb,var(--t) 9%,transparent)}
.faq summary{cursor:pointer;font-weight:800;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";float:right;color:var(--p);font-size:1.4rem;line-height:1}.faq details[open] summary::after{content:"–"}.faq p{margin-top:10px;opacity:.85}
.cierre{max-width:980px;margin:20px auto 60px;padding:clamp(34px,6vw,64px) 22px;text-align:center;border-radius:36px;background:linear-gradient(135deg,var(--p),color-mix(in srgb,var(--p) 55%,var(--s)));color:var(--onp,#fff);box-shadow:0 34px 60px -30px var(--p)}
.cierre h2{font-size:clamp(1.5rem,4vw,2.3rem);margin-bottom:8px}.cierre p{margin-bottom:22px;opacity:.92}.cierre .boton{background:var(--sf);color:var(--t);box-shadow:none}
.pie{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;padding:26px 16px 40px;opacity:.8}.pie a{text-decoration:none;font-weight:700}
.revela{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.revela.ve{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.revela{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
@media (max-width:900px){.hero,.seccion.vozviva{grid-template-columns:1fr}.hero-img{height:300px;order:-1}.rejilla.tres,.pasos{grid-template-columns:1fr}.rejilla.cuatro{grid-template-columns:1fr 1fr}.barra nav{display:none}.barra .boton{margin-left:auto}}
@media (max-width:520px){.rejilla.cuatro{grid-template-columns:1fr}.boton{width:100%}.acciones{flex-direction:column}.barra .boton{width:auto}}