/* Alpha.40.2: componentes del webinar, aislados de los estilos generales. */
.webinar-conversion{--wc-ink:#10213d;--wc-navy:#0d1b32;--wc-paper:#f5f8fd;--wc-blue:#2363e8;--wc-cyan:#39d2dd;color:var(--wc-ink);background:#fff;overflow-x:clip}
.webinar-conversion *{box-sizing:border-box}
.webinar-conversion .webinar-wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.webinar-conversion .webinar-brand{height:68px;border:0;background:#fff}
.webinar-brand__inner{display:flex;align-items:center;gap:10px;font-size:.9rem}
.webinar-brand__inner strong{font-size:1.08rem;letter-spacing:-.035em}
.webinar-brand__inner>span:not(.webinar-brand__mark){color:#66758b}
.webinar-brand__event{margin-left:auto;font-size:.79rem}
.webinar-conversion .webinar-hero{padding:70px 0 76px;background:radial-gradient(circle at 82% 18%,rgba(41,186,217,.22),transparent 34%),linear-gradient(120deg,#0b1830,#142b4b);color:#fff}
.webinar-conversion .webinar-hero__grid{grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:clamp(24px,5vw,72px);align-items:center}
.webinar-hero__story{min-width:0}
.webinar-conversion .webinar-hero .webinar-kicker{color:#73edf3}
.webinar-conversion .webinar-hero .webinar-hook{font-size:clamp(1.15rem,2vw,1.5rem);color:#73edf3;margin:26px 0 10px}
.webinar-conversion .webinar-hero h1{font-size:clamp(3rem,5.6vw,5.6rem);line-height:1.01;letter-spacing:-.063em;color:#fff;max-width:780px;margin:0}
.webinar-conversion .webinar-hero .webinar-lead{color:#eff5ff;font-size:clamp(1.05rem,1.7vw,1.25rem);line-height:1.55;margin:26px 0 12px}
.webinar-audience{color:#cbd9ec;line-height:1.55;font-size:.95rem;max-width:650px}
.webinar-conversion .webinar-hero .webinar-facts{margin:24px 0;gap:9px}
.webinar-conversion .webinar-hero .webinar-facts span{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.24);color:#fff;white-space:normal}
.webinar-hero__speaker{display:flex;align-items:center;gap:12px;color:#d8e6f5;font-size:.91rem;margin:12px 0 22px}
.webinar-hero__speaker img{display:block;width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #aeeef3}
.webinar-conversion .webinar-hero__micro{color:#cbd9ec}
.webinar-conversion .webinar-button{background:var(--wc-blue);color:#fff;box-shadow:none;min-height:48px;transition:background .18s,transform .18s}
.webinar-conversion .webinar-button:hover{background:#124ece;transform:translateY(-2px)}
.webinar-conversion .webinar-button:focus-visible,.webinar-conversion a:focus-visible,.webinar-conversion summary:focus-visible{outline:3px solid var(--wc-cyan);outline-offset:3px}
.webinar-conversion .webinar-register{min-width:0;scroll-margin-top:32px}
.webinar-conversion .webinar-form{background:#fff;color:var(--wc-ink);border-radius:26px;padding:clamp(24px,3vw,36px);box-shadow:0 28px 85px rgba(0,0,0,.26);overflow:visible}
.webinar-form__eyebrow{color:var(--wc-blue);text-transform:uppercase;font-size:.78rem;letter-spacing:.1em;font-weight:900;margin:0 0 8px}
.webinar-conversion .webinar-form h2{color:var(--wc-ink);font-size:clamp(1.7rem,3vw,2.25rem);line-height:1.1;letter-spacing:-.045em;margin:0}
.webinar-form__intro{color:#526178;line-height:1.5;font-size:.91rem;margin:9px 0 20px}
.webinar-conversion .webinar-form__grid{grid-template-columns:1fr;gap:12px}
.webinar-conversion .webinar-form label{color:var(--wc-ink);font-size:.83rem;line-height:1.4}
.webinar-conversion .webinar-form input:not([type=checkbox]),.webinar-conversion .webinar-form select{display:block;width:100%;min-width:0;max-width:100%;height:46px;padding:10px 14px;color:var(--wc-ink);background:#f9fbff;border:1px solid #bbcbe2;font-size:16px;border-radius:11px}
.webinar-conversion .webinar-form input::placeholder{color:#64748b}
.webinar-conversion .webinar-form input:focus,.webinar-conversion .webinar-form select:focus{outline:2px solid var(--wc-blue);outline-offset:1px}
.webinar-conversion .webinar-form .webinar-check{grid-template-columns:20px minmax(0,1fr)!important;gap:10px;font-size:.78rem;line-height:1.45;margin:15px 0 0}
.webinar-conversion .webinar-check input{width:18px;height:18px;min-width:18px;accent-color:var(--wc-blue)}
.webinar-conversion .webinar-check a{color:#124cbb;text-decoration:underline}
.webinar-conversion .webinar-form .webinar-button--full{margin:20px 0 8px}
.webinar-conversion .webinar-form .webinar-micro{margin:0;color:#53647b}
.webinar-preview-note{color:#705000;background:#fff2ca;border-radius:10px;padding:10px;margin:14px 0 0;font-size:.85rem}
.webinar-closed-note{color:#def0fc;font-weight:700}
.webinar-conversion .webinar-section{padding:clamp(54px,7vw,90px) 0}
.webinar-conversion .webinar-section h2{color:var(--wc-ink);line-height:1.08;margin:6px 0 22px}
.webinar-conversion .webinar-section--light{background:var(--wc-paper)}
.webinar-story-grid{display:grid;grid-template-columns:1fr .9fr;gap:clamp(24px,6vw,80px);align-items:center}
.webinar-story-grid>div>p:last-child{font-size:1.1rem;line-height:1.65;color:#51617a}
.webinar-story-outcome{padding:36px;border-radius:26px;background:#fff;box-shadow:0 14px 40px rgba(16,33,61,.07)}
.webinar-story-outcome span{color:var(--wc-blue);font-weight:900;font-size:.77rem;letter-spacing:.11em}
.webinar-story-outcome strong{display:block;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.4;margin-top:12px}
.webinar-conversion .webinar-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:32px}
.webinar-conversion .webinar-benefits article{padding:23px;border-radius:18px;background:#f7f9fd}
.webinar-conversion .webinar-benefits p{margin:8px 0 0}
.webinar-section__cta{margin-top:28px}
.webinar-conversion .webinar-section--navy{background:var(--wc-navy);color:#fff}
.webinar-conversion .webinar-section--navy h2{color:#fff}
.webinar-conversion .webinar-agenda{margin-top:28px}
.webinar-conversion .webinar-host__grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:50px;align-items:center}
.webinar-host__grid:not(:has(.webinar-host__photo)){grid-template-columns:1fr}
.webinar-host__grid>div>p:not(.webinar-kicker){max-width:650px;color:#526176;line-height:1.7}
.webinar-host__photo img{display:block;width:100%;height:auto;max-height:480px;object-fit:cover;border-radius:26px}
.webinar-host__audience{padding-top:12px;border-top:1px solid #dce5f1}
.webinar-faq{max-width:820px}
.webinar-faq details{border-bottom:1px solid #d4dfed;padding:16px 0}
.webinar-faq summary{cursor:pointer;font-weight:750;line-height:1.45}
.webinar-faq details p{color:#53647b;line-height:1.65;max-width:740px}
.webinar-conversion .webinar-last{text-align:center;background:radial-gradient(circle at 50% 0,rgba(35,99,232,.1),transparent 65%),#fff}
.webinar-last h2,.webinar-last p{max-width:800px;margin-inline:auto}
.webinar-last>div>p:not(.webinar-kicker){color:#51617a;line-height:1.6}
.webinar-last .webinar-button{margin-top:18px}
.webinar-footer{padding:24px 0;background:var(--wc-navy);color:#fff;font-size:.84rem}
.webinar-footer .webinar-wrap{display:flex;gap:16px;justify-content:space-between}
.webinar-footer a{color:#bceff4}
.webinar-conversion .webinar-sticky{display:none}
@media(max-width:850px){.webinar-conversion .webinar-hero__grid{grid-template-columns:1fr;gap:24px;align-items:start}.webinar-conversion .webinar-hero{padding:46px 0 54px}.webinar-conversion .webinar-hero h1{max-width:700px}.webinar-conversion .webinar-hero__cta{display:none}.webinar-story-grid,.webinar-conversion .webinar-host__grid{grid-template-columns:1fr;gap:24px}}
@media(max-width:600px){.webinar-conversion .webinar-wrap{width:calc(100% - 32px)}.webinar-conversion .webinar-brand{height:60px}.webinar-brand__event{display:none}.webinar-conversion .webinar-hero{padding:30px 0 48px}.webinar-conversion .webinar-hero h1{font-size:clamp(2.6rem,12vw,3.7rem)}.webinar-conversion .webinar-hero .webinar-lead{margin:18px 0 8px}.webinar-conversion .webinar-hero .webinar-hook{margin:16px 0 6px}.webinar-conversion .webinar-benefits,.webinar-conversion .webinar-agenda,.webinar-conversion .webinar-form__grid{grid-template-columns:1fr}.webinar-conversion .webinar-form{padding:24px 18px}.webinar-conversion .webinar-sticky{display:block;width:calc(100% - 32px);max-width:430px;bottom:calc(12px + env(safe-area-inset-bottom));min-height:48px}.webinar-conversion:has(.webinar-form:focus-within) .webinar-sticky{display:none}.webinar-conversion .webinar-last{padding-bottom:110px}}
@media(prefers-reduced-motion:reduce){.webinar-conversion .webinar-button{transition:none}.webinar-conversion .webinar-button:hover{transform:none}}
