:root{--brand:#004057;--brand-light:#005070;--brand-dark:#002a3a;--teal:#2ea8aa;--teal-light:#e6f5f5;--orange:#ff7413;--orange-light:#fff3ec;--orange-dark:#e06010;--bg:#f7f9fa;--text-muted:#5a7480;--border:#dde6ea}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#fff;color:var(--brand);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}img{display:block;max-width:100%}button{border:none;cursor:pointer;font-family:inherit}.container{max-width:1152px}.container,.container-md{margin:0 auto;padding:0 20px}.container-md{max-width:896px}.container-sm{margin:0 auto;max-width:672px;padding:0 20px}.site-header{background:#fff;border-bottom:1px solid var(--border);box-shadow:0 1px 4px rgba(0,0,0,.06);position:sticky;top:0;z-index:50}.header-inner{align-items:center;display:flex;justify-content:space-between;padding-bottom:16px;padding-top:16px}.logo{height:40px;width:auto}.footer-logo{height:32px;width:auto}.header-cta{display:none}@media (min-width:640px){.header-cta{display:inline-block}}.btn-cta{background:var(--orange);border-radius:12px;box-shadow:0 8px 24px rgba(255,116,19,.25);color:#fff;display:inline-block;font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:12px 24px;text-transform:uppercase;transition:background .15s,transform .15s,box-shadow .15s;white-space:nowrap}.btn-cta:hover{background:var(--orange-dark);box-shadow:0 12px 28px rgba(255,116,19,.32);transform:translateY(-2px)}.btn-cta--lg{padding:16px 40px}.eyebrow-badge{align-items:center;background:var(--orange-light);border-radius:9999px;color:var(--orange);display:inline-flex;font-size:.75rem;font-weight:700;gap:8px;letter-spacing:.1em;margin-bottom:24px;padding:8px 16px;text-transform:uppercase}.section-heading{margin-bottom:48px;text-align:center}.section-label{display:block;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.section-title{color:var(--brand);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;line-height:1.2;margin-top:8px}.section-desc{color:var(--text-muted);font-size:1rem;margin-top:12px}.section-cta{align-items:center;display:flex;flex-direction:column;gap:16px;margin-top:48px}@media (min-width:640px){.section-cta{flex-direction:row;justify-content:center}}.free-label{align-items:center;display:flex;font-size:.875rem;gap:8px}.cta-note,.free-label{color:var(--text-muted)}.cta-note{font-size:.75rem;margin-top:12px;text-align:center}.hero-section{background:#fff;overflow:hidden;padding:64px 0 80px;position:relative}.hero-blob-teal{background:var(--teal-light);height:384px;opacity:.4;right:0;top:0;transform:translate(50%,-50%);width:384px}.hero-blob-orange,.hero-blob-teal{border-radius:50%;pointer-events:none;position:absolute}.hero-blob-orange{background:var(--orange-light);bottom:0;height:256px;left:0;opacity:.5;transform:translate(-50%,50%);width:256px}.deco-ring-hero{left:32px;opacity:.15;top:64px}.deco-dots-hero,.deco-ring-hero{display:none;pointer-events:none;position:absolute}.deco-dots-hero{bottom:64px;opacity:.2;right:64px}@media (min-width:1024px){.deco-dots-hero,.deco-ring-hero{display:block}}.hero-grid{align-items:center;display:grid;gap:56px;position:relative}@media (min-width:1024px){.hero-grid{grid-template-columns:1fr 1fr}}.hero-title{color:var(--brand);font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.15;margin-bottom:16px}.text-teal{color:var(--teal)}.hero-subheadline,.text-orange{color:var(--orange)}.hero-subheadline{font-size:1.125rem;font-weight:600;margin-bottom:24px}.hero-desc{color:var(--text-muted);font-size:1rem;line-height:1.7;margin-bottom:32px;max-width:512px}.hero-cta-row{align-items:flex-start;display:flex;flex-direction:column;gap:16px}@media (min-width:640px){.hero-cta-row{align-items:center;flex-direction:row}}.hero-right{display:flex;justify-content:center}@media (min-width:1024px){.hero-right{justify-content:flex-end}}.webinar-visual{align-items:center;display:flex;justify-content:center;position:relative}.wv-blob{background:var(--brand);border-radius:50%;height:224px;left:-40px;opacity:.1;pointer-events:none;position:absolute;top:-40px;width:224px}.wv-card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);max-width:384px;padding:32px;position:relative;width:100%;z-index:10}.wv-badge-row{align-items:center;display:flex;gap:8px;margin-bottom:20px}.badge-webinar{background:var(--orange);border-radius:9999px;color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.1em;padding:4px 12px;text-transform:uppercase}.badge-live{align-items:center;color:var(--teal);display:flex;font-size:.75rem;font-weight:600;gap:4px}.pulse-dot{animation:pulse 1.5s ease-in-out infinite;background:var(--teal);border-radius:50%;display:inline-block;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.wv-play-area{background-image:url(https://8820244.fs1.hubspotusercontent-na1.net/hubfs/8820244/Departamento%20Sistemas/Compra%20f%C3%A1cil/LP-WEBINAR-1-03.webp);background-position:50%;background-size:cover;border-radius:16px;cursor:pointer;height:160px;margin-bottom:20px;transition:opacity .15s}.wv-play-area:hover{opacity:.88}.wv-event-info{display:flex;flex-direction:column;gap:8px}.wv-event-row{align-items:center;color:var(--text-muted);display:flex;font-size:.875rem;font-weight:500;gap:8px}.wv-event-row svg{flex-shrink:0}.wv-accent-ring{bottom:-16px;left:-16px;opacity:.6}.wv-accent-dot,.wv-accent-ring{pointer-events:none;position:absolute;z-index:0}.wv-accent-dot{background:var(--teal);border-radius:50%;height:40px;opacity:.4;right:0;top:0;width:40px}.problema-section{background:var(--bg);padding:80px 0}.problema-grid{align-items:center;display:grid;gap:40px}@media (min-width:1024px){.problema-grid{grid-template-columns:1fr 1fr}}.problema-text{display:flex;flex-direction:column;gap:24px}.body-text{color:var(--text-muted);font-size:1rem;line-height:1.7}.callout-box{align-items:flex-start;background:var(--orange-light);border:1.5px solid rgba(255,116,19,.25);border-radius:16px;display:flex;gap:16px;padding:20px}.callout-icon{align-items:center;background:var(--orange);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.callout-box p{color:var(--brand);font-size:1rem;font-weight:500;line-height:1.6}.problema-desc{display:flex;flex-direction:column;gap:16px}.badge-inline-orange{background:var(--orange);border-radius:4px;color:#fff;font-size:.875rem;letter-spacing:.05em;padding:2px 8px;text-transform:uppercase}.badge-inline-orange,.yt-inline{align-items:center;display:inline-flex;font-weight:700;margin:0 4px;vertical-align:middle}.yt-inline{color:var(--brand);gap:4px}.date-time-row{display:flex;flex-direction:column;gap:16px}@media (min-width:640px){.date-time-row{flex-direction:row}}.date-chip{gap:8px}.chip-icon,.date-chip{align-items:center;display:flex}.chip-icon{border-radius:8px;flex-shrink:0;height:32px;justify-content:center;width:32px}.chip-icon--orange{background:var(--orange-light)}.chip-icon--teal{background:var(--teal-light)}.chip-label{color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.1em;margin-bottom:2px;text-transform:uppercase}.chip-value{color:var(--brand);font-size:.875rem;font-weight:700}.cta-block{align-items:flex-start;display:flex;flex-direction:column;gap:8px;padding-top:8px}.problema-img-wrap{display:flex;justify-content:center;position:relative}@media (min-width:1024px){.problema-img-wrap{justify-content:flex-end}}.problema-img-frame{border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);max-width:512px;overflow:hidden;position:relative;width:100%}.problema-img{display:block;min-height:380px;object-fit:cover;width:100%}.problema-img-overlay{background:linear-gradient(0deg,rgba(0,64,87,.5),transparent);bottom:0;height:80px;left:0;position:absolute;right:0}.deco-ring-problema{bottom:-20px;display:none;left:-20px;opacity:.4;pointer-events:none;position:absolute}@media (min-width:1024px){.deco-ring-problema{display:block}}.aprendizaje-section{background:#fff;padding:80px 0}.learning-list{border-top:1px solid var(--border)}.learning-item{border-bottom:1px solid var(--border);display:grid;gap:16px;grid-template-columns:1fr;padding:48px 0}@media (min-width:640px){.learning-item{gap:0;grid-template-columns:1fr 1fr}.learning-item--reverse .learning-num{order:-1}}.learning-text{display:flex;flex-direction:column;justify-content:center}@media (min-width:640px){.learning-text{padding:0 48px}}.learning-title{color:var(--brand);font-size:clamp(1.5rem,3vw,1.875rem);font-weight:800;line-height:1.2;margin-bottom:12px}.learning-bar{border-radius:2px;height:3px;margin-bottom:20px;width:40px}.body-text-sm{color:var(--text-muted);font-size:.875rem;line-height:1.8;max-width:280px}.learning-num{align-items:center;display:flex;justify-content:center;overflow:hidden}.num-text{-webkit-background-clip:text;background-clip:text;background-position:50%;background-size:cover;display:block;font-size:clamp(7rem,16vw,12rem);font-weight:900;letter-spacing:-.04em;line-height:1;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 6px 18px rgba(0,0,0,.18));user-select:none}.detalles-section{background:var(--bg);padding:80px 0}.detalles-grid{display:grid;gap:20px}@media (min-width:640px){.detalles-grid{grid-template-columns:repeat(3,1fr)}}.detalle-card{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.06);flex-direction:column;gap:12px;padding:24px;text-align:center}.detalle-card,.detalle-icon{align-items:center;display:flex}.detalle-icon{border-radius:16px;height:56px;justify-content:center;width:56px}.detalle-label{color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.1em;margin-bottom:4px;text-transform:uppercase}.detalle-value{color:var(--brand);font-size:1rem;font-weight:700;line-height:1.3}.detalle-sub{color:var(--text-muted);font-size:.875rem;margin-top:2px}.registro-section{background:#fff;padding:80px 0}.registro-section .section-heading{margin-bottom:40px}.form-card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:0 10px 40px rgba(0,0,0,.08);padding:32px}@media (min-width:640px){.form-card{padding:40px}}.site-footer{background:var(--brand);padding:32px 0}.footer-inner{align-items:center;display:flex;flex-direction:column;gap:12px;text-align:center}.footer-copy{color:hsla(0,0%,100%,.5);font-size:.875rem}