:root{
 --blue:#1f4f82;--blue-dark:#17365d;--blue-mid:#2e6fae;--blue-soft:#eaf2fa;
 --gray-900:#22272e;--gray-800:#2d333b;--gray-700:#404750;--gray-300:#d9dee4;--gray-200:#e9edf1;--gray-100:#f5f7f9;
 --white:#fff;--text:#24303d;--muted:#657180;--orange:#f28a2e;--orange-dark:#d87520;
 --shadow:0 18px 42px rgba(24,47,76,.12);--radius:22px;--radius-sm:14px;--wrap:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff;line-height:1.55}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.wrap{width:min(var(--wrap),calc(100% - 36px));margin:auto}
.topbar{position:sticky;top:0;z-index:50;background:rgba(34,39,46,.97);border-bottom:1px solid rgba(255,255,255,.07);box-shadow:0 4px 18px rgba(0,0,0,.12)}.topbar-inner{min-height:78px;display:flex;align-items:center;gap:26px}.app-brand{display:flex;align-items:center;gap:11px;min-width:max-content}.app-logo{width:46px;height:46px;display:block;flex:0 0 46px}.app-logo img{display:block;width:100%;height:100%;object-fit:contain}.brand-copy{display:flex;align-items:baseline;gap:9px}.brand-name{font-size:21px;color:#fff}.orange{color:var(--orange)!important}.version{font-size:12px;color:#aeb8c4;font-weight:600}.desktop-nav{margin-left:auto;display:flex;gap:24px}.desktop-nav a{font-size:14px;color:#d6dde5;font-weight:600}.desktop-nav a:hover{color:#fff}.header-actions{display:flex;gap:10px}.mobile-menu-toggle{display:none;margin-left:auto;width:44px;height:44px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.04);padding:0;align-items:center;justify-content:center;cursor:pointer;position:relative}.mobile-menu-toggle .bar{position:absolute;left:12px;width:20px;height:2.5px;border-radius:999px;background:#fff;transition:transform .2s ease,opacity .2s ease}.mobile-menu-toggle .bar:nth-child(1){top:14px}.mobile-menu-toggle .bar:nth-child(2){top:20px}.mobile-menu-toggle .bar:nth-child(3){top:26px}.topbar.menu-open .mobile-menu-toggle .bar:nth-child(1){transform:translateY(6px) rotate(45deg)}.topbar.menu-open .mobile-menu-toggle .bar:nth-child(2){opacity:0}.topbar.menu-open .mobile-menu-toggle .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-menu{display:none;border-top:1px solid rgba(255,255,255,.07)}.mobile-menu-inner{padding:14px 0 16px}.mobile-nav{display:grid;gap:8px}.mobile-nav a{padding:10px 2px;color:#e2e8ef;font-weight:700}.mobile-actions{display:grid;gap:10px;margin-top:14px}.btn{min-height:50px;padding:0 22px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;border:1px solid transparent;transition:.18s ease;font-size:15px}.btn:hover{transform:translateY(-1px)}.btn.small{min-height:42px;padding:0 15px;font-size:13px}.btn-blue{background:var(--blue-mid);color:#fff;box-shadow:0 10px 24px rgba(46,111,174,.22)}.btn-blue:hover{background:var(--blue)}.btn-outline{border-color:#67717d;color:#fff;background:transparent}.btn-outline:hover{background:rgba(255,255,255,.06)}.btn-light{background:#fff;border-color:#d7dfe8;color:var(--blue-dark)}.btn-white{background:#fff;color:var(--blue-dark)}.btn-orange{background:var(--orange);color:#fff;box-shadow:0 12px 28px rgba(242,138,46,.25)}
.hero{background:linear-gradient(145deg,#f8fafc 0%,#eef4f9 62%,#e5edf5 100%);padding:74px 0 64px;border-bottom:1px solid #dde5ed}.hero-grid{display:grid;grid-template-columns:1fr .94fr;gap:56px;align-items:center}.kicker{display:inline-block;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:var(--blue-mid);margin-bottom:18px}.hero h1{font-size:clamp(2.65rem,5.3vw,4.65rem);line-height:1.02;letter-spacing:-.045em;margin:0 0 22px;color:var(--gray-900);max-width:11ch}.hero-copy>p{font-size:18px;color:var(--muted);max-width:690px;margin:0}.hero-actions{display:flex;gap:12px;margin:28px 0 25px}.hero-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 18px;color:#4b5968;font-size:14px;font-weight:600}.hero-points span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--blue-soft);color:var(--blue-mid);margin-right:7px;font-size:12px}.panel-photo{position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(27,64,104,.08);background:#fff}.panel-photo img{width:100%;height:100%;object-fit:cover}.hero-image{min-height:545px}.hero-image img{min-height:545px}.photo-badge{position:absolute;background:rgba(255,255,255,.95);border:1px solid #e1e7ee;box-shadow:0 10px 24px rgba(35,51,69,.12);padding:13px 15px;border-radius:14px;display:grid;gap:2px}.photo-badge strong{font-size:13px}.photo-badge span{font-size:11px;color:var(--muted)}.badge-top{top:18px;right:18px}.badge-bottom{left:18px;bottom:18px}
.quick-strip{background:var(--gray-900);color:#fff}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}.quick-grid article{padding:25px 24px;border-right:1px solid rgba(255,255,255,.08);display:grid;gap:4px}.quick-grid article:last-child{border-right:0}.quick-grid strong{font-size:19px}.quick-grid span{font-size:13px;color:#bdc6cf}.section{padding:88px 0}.white-section{background:#fff}.gray-section{background:var(--gray-100);border-top:1px solid #e5e9ed;border-bottom:1px solid #e5e9ed}.section-head{text-align:center;max-width:760px;margin:0 auto 42px}.section-head.left{text-align:left;margin-left:0}.section-head h2,.process-copy h2,.blue-section h2,.final-cta h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.1;letter-spacing:-.035em;margin:0 0 16px;color:var(--gray-900)}.section-head p{color:var(--muted);font-size:17px;margin:0}.blue-text{color:var(--blue-mid)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{border:1px solid #e0e6ec;border-radius:18px;padding:25px;background:#fff;box-shadow:0 7px 20px rgba(22,42,67,.045)}.feature-card .icon{width:42px;height:42px;border-radius:12px;background:var(--blue-soft);color:var(--blue-mid);display:grid;place-items:center;font-weight:800;font-size:13px;margin-bottom:18px}.feature-card h3{font-size:18px;margin:0 0 8px;color:var(--gray-900)}.feature-card p{color:var(--muted);margin:0;font-size:14px}.sector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.sector-card{background:#fff;border:1px solid #dde4ea;border-radius:20px;overflow:hidden;box-shadow:0 9px 24px rgba(24,49,78,.07)}.sector-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.sector-card div{padding:20px}.sector-card h3{margin:0 0 7px;font-size:20px}.sector-card p{margin:0;color:var(--muted);font-size:14px}
.process-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center}.process-photo{min-height:570px}.process-photo img{min-height:570px}.process-copy>p{color:var(--muted)}.steps{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:20px}.steps li{display:grid;grid-template-columns:46px 1fr;gap:15px;align-items:start}.steps li>span{width:42px;height:42px;border-radius:12px;background:var(--blue-mid);color:#fff;display:grid;place-items:center;font-weight:800}.steps strong{display:block;margin:1px 0 3px}.steps p{margin:0;color:var(--muted);font-size:14px}
.blue-section{background:linear-gradient(135deg,var(--blue-dark),#214d79);color:#fff}.blue-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.blue-section h2{color:#fff}.blue-section p{color:#d9e4ef;max-width:650px}.light-kicker{color:#cfe1f4}.benefit-list{display:grid;gap:12px}.benefit-list div{display:flex;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.14);padding:15px 16px;border-radius:14px;background:rgba(255,255,255,.05)}.benefit-list b{color:#8fc0ee;min-width:26px}.benefit-list span{font-weight:600}
.access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.access-card{border:1px solid #dce3e9;border-radius:20px;padding:27px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;min-height:290px}.access-card h3{font-size:22px;margin:12px 0 8px}.access-card p{color:var(--muted);margin:0 0 22px;flex:1}.access-label{text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800;color:var(--blue-mid)}.blue-card{background:var(--blue-dark);color:#fff;border-color:var(--blue-dark)}.blue-card p{color:#c9d8e8}.blue-card .access-label{color:#9ec5e9}.minor-link{font-size:13px;font-weight:700;color:var(--blue-mid);margin-top:12px}.final-cta{background:var(--gray-900);padding:54px 0}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta h2{color:#fff;max-width:760px;margin-bottom:0}.footer{background:#171b20;color:#fff;padding:44px 0}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:35px}.footer-brand{margin-bottom:13px}.footer p{color:#aeb8c2;max-width:410px;margin:0}.footer strong{display:block;margin-bottom:10px}.footer-grid>div:nth-child(n+2){display:flex;flex-direction:column;gap:8px}.footer-grid a:not(.app-brand){color:#b7c0c9;font-size:14px}.footer-grid a:hover{color:#fff}
@media(max-width:1050px){.desktop-nav{display:none}.topbar-inner{padding:12px 0}.header-actions{margin-left:auto}.hero-grid,.process-grid,.blue-grid{grid-template-columns:1fr}.hero-image,.hero-image img,.process-photo,.process-photo img{min-height:auto}.feature-grid{grid-template-columns:repeat(2,1fr)}.access-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.final-cta-inner{align-items:flex-start;flex-direction:column}.hero h1{max-width:15ch}}
@media(max-width:760px){.wrap{width:min(var(--wrap),calc(100% - 22px))}.topbar-inner{min-height:68px;gap:14px;justify-content:space-between}.app-brand{min-width:0}.app-logo{width:40px;height:40px;flex:0 0 40px}.app-logo img{display:block;width:100%;height:100%;object-fit:contain}.brand-copy{flex-wrap:wrap;gap:4px 8px}.brand-name{font-size:18px}.mobile-menu-toggle{display:flex}.header-actions{display:none}.mobile-menu{display:block}.hero{padding:43px 0}.hero h1{font-size:clamp(2.35rem,11vw,3.5rem)}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-points{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.quick-grid article{border-bottom:1px solid rgba(255,255,255,.08)}.section{padding:65px 0}.feature-grid,.sector-grid,.access-grid,.footer-grid{grid-template-columns:1fr}.process-grid{gap:32px}.photo-badge{display:none}.blue-grid{gap:28px}.footer-grid{gap:26px}.mobile-menu[hidden]{display:none}.topbar.menu-open .mobile-menu{display:block}}
@media(max-width:430px){.quick-grid{grid-template-columns:1fr}.quick-grid article{border-right:0}.section-head h2,.process-copy h2,.blue-section h2,.final-cta h2{font-size:2rem}}

/* v0.1.4 - evita que la cabecera fija tape los títulos al navegar por anclas */
section[id] { scroll-margin-top: 118px; }
@media (max-width: 900px) { section[id] { scroll-margin-top: 110px; } }

/* Widget showcase */
.widget-section{background:#f4f7fb}.widget-showcase{display:block}.widget-copy{max-width:980px;margin:0 auto}.widget-copy h2{margin-top:8px}.widget-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}.widget-benefits>div{background:#fff;border:1px solid #dfe6ef;border-radius:14px;padding:16px}.widget-benefits strong,.widget-benefits span{display:block}.widget-benefits span{margin-top:5px;color:#657081;font-size:14px}.widget-seo-note{font-size:15px;line-height:1.65;color:#657081}.widget-frame-wrap{width:100%;max-width:1180px;margin:34px auto 0;background:#111418;border-radius:26px;padding:14px;border:1px solid #303843;box-shadow:0 24px 60px rgba(25,42,70,.16)}.widget-frame-label{color:#aeb8c6;font-size:13px;text-align:center;padding:4px 0 12px}.widget-frame{display:block;width:100%;height:760px;min-height:620px;border:0;border-radius:18px;background:#202326;transition:height .2s ease}.footer-grid a[href="#widget"]{display:block}@media(max-width:900px){.widget-benefits{grid-template-columns:1fr 1fr}.widget-frame-wrap{max-width:none}.widget-frame{height:760px}}@media(max-width:600px){.widget-benefits{grid-template-columns:1fr}.widget-frame-wrap{padding:6px;border-radius:16px}.widget-frame-label{font-size:11px}.widget-frame{height:820px;min-height:720px;border-radius:12px}}

.widget-demo-note{margin:20px 0 14px;padding:14px 16px;border:1px solid #d7e0eb;border-radius:12px;background:#fff}.widget-demo-note strong,.widget-demo-note span{display:block}.widget-demo-note span{margin-top:5px;color:#657081;font-size:14px;line-height:1.5}
