:root{--ink:#0d1b2a;--blue:#0877f9;--orange:#f56a00;--green:#078653;--purple:#7d2ee6;--muted:#66717e;--line:#e4e8ec;--soft:#f6f8fa;--white:#fff;--navy:#091827}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%}.wrap{max-width:1240px;margin:auto;padding:0 28px}header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{min-height:76px;display:flex;align-items:center;gap:18px}.brand{font-size:33px;font-weight:950;letter-spacing:-3px}.brand b{color:var(--orange)}nav{display:flex;gap:20px;align-items:center;flex:1;margin-left:22px}nav a{font-size:14px;font-weight:750;padding:29px 0 24px;border-bottom:3px solid transparent}nav a:hover,nav a.active{border-color:var(--orange)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:1px solid #b9c2ca;border-radius:10px;font-weight:850;background:#fff;cursor:pointer}.btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}.btn.blue{background:var(--blue);border-color:var(--blue);color:#fff}.btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}.menu{display:none}.hero{background:linear-gradient(115deg,#071421 0%,#102b43 58%,#18344b 100%);color:#fff;padding:76px 0}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.eyebrow{color:var(--orange);font-size:12px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.hero h1,.pagehero h1{font-size:58px;line-height:1.02;letter-spacing:-3px;margin:13px 0 18px}.hero p,.pagehero p{font-size:19px;line-height:1.58;color:#d7e0e7;max-width:760px}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:27px}.hero-side{border:1px solid #ffffff2a;background:#ffffff0d;border-radius:18px;padding:22px}.hero-side .result{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #ffffff1f}.hero-side .result:last-child{border-bottom:0}.hero-side i{font-style:normal;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;font-size:21px}.hero-side b{font-size:18px}.hero-side span{display:block;color:#c9d3da;font-size:13px;margin-top:4px}.section{padding:72px 0}.section.soft{background:var(--soft)}.section h2{font-size:42px;line-height:1.08;letter-spacing:-2px;margin:7px 0 14px}.lead{font-size:18px;line-height:1.6;color:var(--muted);max-width:850px}.showroom{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:32px}.tile{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;transition:.2s}.tile:hover{transform:translateY(-4px);box-shadow:0 15px 34px #0d1b2a12}.tile img{width:100%;height:132px;object-fit:cover}.tile-body{padding:18px;display:flex;flex-direction:column;flex:1}.tile .icon{font-size:25px}.tile h3{font-size:20px;margin:9px 0 7px}.tile p{font-size:14px;color:var(--muted);line-height:1.45;margin:0 0 17px}.tile .more{font-weight:900;font-size:13px;margin-top:auto}.blue-t{color:var(--blue)}.green-t{color:var(--green)}.orange-t{color:var(--orange)}.purple-t{color:var(--purple)}.benefits{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:28px}.benefit{padding:22px;background:#fff;border-right:1px solid var(--line)}.benefit:last-child{border-right:0}.benefit b{font-size:19px;display:block;margin-bottom:5px}.benefit span{font-size:13px;color:var(--muted);line-height:1.45}.visual{border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:0 22px 48px #0b172015;margin-top:28px;background:#fff}.visual img{width:100%;display:block}.visual-caption{padding:13px 17px;color:#66717e;font-size:12px}.pagehero{background:linear-gradient(120deg,#0a1827,#18334b);color:#fff;padding:66px 0}.pagehero.green{background:linear-gradient(120deg,#08241c,#0b6548)}.pagehero.orange{background:linear-gradient(120deg,#1b1714,#653314)}.crumb{font-size:12px;color:#aeb8c0;margin-bottom:12px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}.quote{font-size:42px;line-height:1.12;letter-spacing:-2px;font-weight:950}.quote em{font-style:normal;color:var(--orange)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px}.card h3{font-size:21px;margin:9px 0}.card p{color:var(--muted);line-height:1.5;font-size:14px}.card .tag{font-size:11px;color:var(--orange);font-weight:950;letter-spacing:.1em}.steps{display:grid;gap:12px}.step{display:grid;grid-template-columns:40px 1fr;gap:12px;border:1px solid var(--line);border-radius:13px;padding:16px;background:#fff}.step i{font-style:normal;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff0e5;color:var(--orange);font-weight:950}.step b{display:block;margin-bottom:4px}.step span{color:var(--muted);font-size:13px;line-height:1.45}.band{background:var(--navy);color:#fff;padding:30px 0}.band-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.band b{display:block;color:#ff9a52;margin-bottom:5px}.band span{font-size:13px;color:#cdd5da}.phone-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;align-items:center}.phone-panel{background:linear-gradient(150deg,#09251d,#0b6046);border-radius:20px;padding:28px;color:#fff}.phone-panel h3{font-size:29px;margin:0 0 10px}.phone-panel p{color:#d8eee6;line-height:1.5}.mini-flow{display:grid;gap:9px;margin-top:18px}.mini-flow div{background:#ffffff12;border:1px solid #ffffff20;padding:12px;border-radius:10px}.mini-flow b{color:#9bf0c9}.checklist{padding:0;list-style:none}.checklist li{margin:10px 0;padding-left:24px;position:relative;color:#4e5a62}.checklist li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:950}.demo-shell{background:#101b25;border-radius:18px;padding:26px;color:#fff;margin-top:26px}.composer{display:grid;grid-template-columns:46px 1fr 110px;gap:10px;align-items:center}.plus{height:46px;width:46px;border-radius:12px;border:1px solid #52616d;background:#172733;color:#fff;font-size:25px;cursor:pointer}.demo-input{width:100%;padding:14px;border-radius:11px;border:1px solid #52616d;background:#0d151c;color:#fff;font-size:15px}.attach-menu{display:none;margin:10px 0 0 56px;gap:8px;flex-wrap:wrap}.attach-menu.show{display:flex}.attach-menu span{border:1px solid #435563;border-radius:999px;padding:7px 10px;font-size:12px;color:#d6dfe5}.demo-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0}.flow{background:#1b2a36;border:1px solid #344654;border-radius:10px;padding:14px}.flow b{display:block;color:#ff9a52;font-size:10px;margin-bottom:4px}.demo-result{display:none;margin-top:15px;background:#fff;color:#222;padding:18px;border-radius:12px}.demo-result.show{display:block}.cta{padding:58px 0;background:var(--orange);color:#fff;text-align:center}.cta h2{font-size:39px;letter-spacing:-1.5px;margin:0 0 9px}.cta p{font-size:16px}.cta .btn{margin:7px 4px;border-color:#fff}.footer{background:#0b1118;color:#aeb6bd;padding:36px 0}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.footer-logo{font-size:28px;font-weight:950;color:#fff;letter-spacing:-2px}.footer-logo b{color:var(--orange)}.footer-links{display:flex;flex-wrap:wrap;gap:13px;justify-content:flex-end;font-size:13px}.modal{display:none;position:fixed;inset:0;background:#000a;z-index:80;place-items:center}.modal.show{display:grid}.modalbox{width:min(450px,92vw);background:#fff;border-radius:17px;padding:28px}.modalbox input{width:100%;padding:13px;margin:6px 0;border:1px solid #cfd5d9;border-radius:8px}.close{float:right;border:0;background:none;font-size:25px;cursor:pointer}.notice{font-size:13px;color:#66707a;margin-top:10px}@media(max-width:1000px){nav{display:none}.menu{display:block;margin-left:auto}.nav{flex-wrap:wrap}.nav nav.open{display:flex;width:100%;order:8;flex-direction:column;align-items:stretch;margin:0;border-top:1px solid var(--line)}.nav nav.open a{padding:13px 3px}.hero-grid,.twocol,.phone-story{grid-template-columns:1fr}.showroom{grid-template-columns:repeat(2,1fr)}.benefits,.band-grid{grid-template-columns:1fr 1fr}.demo-flow{grid-template-columns:1fr}.hero h1,.pagehero h1{font-size:46px}}@media(max-width:640px){.wrap{padding:0 18px}.nav>.btn:not(.primary){display:none}.showroom,.cards,.benefits,.band-grid{grid-template-columns:1fr}.benefit{border-right:0;border-bottom:1px solid var(--line)}.hero{padding:58px 0}.hero h1,.pagehero h1{font-size:39px;letter-spacing:-2px}.section h2{font-size:33px}.section{padding:55px 0}.footer-grid{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.composer{grid-template-columns:44px 1fr}.composer .btn{grid-column:1/-1}.tile img{height:170px}}

/* V0.8 — transparent commercial journey */
.video-shell{border:1px solid #dfe5ec;border-radius:22px;overflow:hidden;background:#111827;min-height:390px;display:grid;place-items:center;position:relative;box-shadow:0 18px 50px rgba(15,23,42,.12)}.video-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(17,24,39,.92),rgba(37,99,235,.48))}.video-placeholder{position:relative;z-index:2;text-align:center;color:#fff;max-width:620px;padding:42px}.play{width:72px;height:72px;border-radius:50%;background:#fff;color:#2563eb;display:grid;place-items:center;margin:0 auto 20px;font-size:27px;padding-left:5px}.video-placeholder h3{font-size:30px;margin:0 0 10px}.video-placeholder p{color:#dbeafe;margin:0}.journey{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:28px}.journey .step{padding:18px;border:1px solid #e5e7eb;border-radius:16px;background:#fff}.step b{display:block;margin:7px 0}.step small{color:#667085}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.plan{border:1px solid #e3e7ee;border-radius:20px;padding:25px;background:#fff;position:relative}.plan.featured{border:2px solid #2563eb;box-shadow:0 14px 36px rgba(37,99,235,.12)}.plan .tag{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#2563eb;font-weight:800}.price{font-size:32px;font-weight:800;margin:14px 0 2px}.price small{font-size:14px;font-weight:500;color:#667085}.plan ul{padding-left:18px;line-height:1.75;color:#475467}.plan .btn{width:100%;text-align:center;box-sizing:border-box}.contract-flow{display:grid;grid-template-columns:260px 1fr;gap:30px}.contract-nav{border:1px solid #e5e7eb;border-radius:18px;padding:15px;height:max-content;background:#fff}.contract-nav a{display:block;padding:12px;border-radius:10px;text-decoration:none;color:#475467}.contract-nav a.active{background:#eef4ff;color:#175cd3;font-weight:700}.contract-card{border:1px solid #e5e7eb;border-radius:20px;padding:28px;background:#fff;margin-bottom:18px}.contract-card h3{margin-top:0}.plain-row{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #eef0f3}.plain-row:last-child{border-bottom:0}.plain-row span{color:#667085;text-align:right}.summary-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:20px}.checkline{display:flex;gap:10px;align-items:flex-start;margin:14px 0}.checkline input{margin-top:4px}.progress{height:8px;background:#edf0f4;border-radius:99px;overflow:hidden;margin:12px 0 28px}.progress i{display:block;height:100%;background:#2563eb;width:20%}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.choice{border:1px solid #e5e7eb;border-radius:18px;padding:26px;text-decoration:none;color:inherit;background:#fff}.choice:hover{border-color:#2563eb}.micro{font-size:12px;color:#667085}.transparent-note{border-left:4px solid #2563eb;padding:12px 16px;background:#f5f9ff;border-radius:0 12px 12px 0}.footer-credit{margin-top:18px;font-size:12px;color:#98a2b3}@media(max-width:900px){.plan-grid,.journey{grid-template-columns:1fr 1fr}.contract-flow{grid-template-columns:1fr}.contract-nav{display:none}}@media(max-width:620px){.plan-grid,.journey,.choice-grid{grid-template-columns:1fr}.video-shell{min-height:310px}.plain-row{display:block}.plain-row span{display:block;text-align:left;margin-top:4px}}

/* V0.9 — guided Try PFW */
.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.audience{background:#fff;border:1px solid #e4e7ec;border-radius:20px;padding:26px;position:relative}.audience h3{margin:8px 0}.audience .icon{font-size:30px}.audience.featured{border:2px solid #2563eb}.how{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.how>div{background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:18px}.how strong{display:block;margin:6px 0}.credit-calc{background:#101828;color:#fff;border-radius:22px;padding:30px;margin-top:28px}.credit-calc p{color:#d0d5dd}.calc-line{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-size:20px;margin:22px 0}.calc-pill{background:#1d2939;border:1px solid #344054;border-radius:12px;padding:12px 16px}.good{background:#ecfdf3;border:1px solid #abefc6;color:#067647;padding:16px;border-radius:14px}.warn{background:#fffaeb;border:1px solid #fedf89;color:#93370d;padding:16px;border-radius:14px}.compare-simple{width:100%;border-collapse:collapse;margin-top:20px}.compare-simple th,.compare-simple td{padding:14px;border-bottom:1px solid #eaecf0;text-align:left}.compare-simple th{font-size:12px;color:#667085;text-transform:uppercase}.badge-free{display:inline-block;background:#ecfdf3;color:#067647;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.badge-credit{display:inline-block;background:#eff8ff;color:#175cd3;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.decision{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin:26px 0}.decision .box{border:1px solid #e4e7ec;border-radius:18px;padding:22px;background:#fff}.decision .arrow{font-size:28px;color:#98a2b3}
@media(max-width:900px){.audience-grid,.how{grid-template-columns:1fr 1fr}.decision{grid-template-columns:1fr}.decision .arrow{transform:rotate(90deg);text-align:center}}
@media(max-width:620px){.audience-grid,.how{grid-template-columns:1fr}}

.global-wrap{position:relative}.global-switch{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #e4e7ec;border-radius:999px;background:#fff;color:#344054;font-size:13px;white-space:nowrap;cursor:pointer}.global-switch .flag{font-size:18px}.global-menu{display:none;position:absolute;right:0;top:44px;width:250px;background:#fff;border:1px solid #e4e7ec;border-radius:16px;box-shadow:0 18px 45px rgba(16,24,40,.14);padding:10px;z-index:100}.global-menu.open{display:block}.global-menu button{width:100%;border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer}.global-menu small{display:block;color:#667085;margin-top:2px}@media(max-width:900px){.global-switch .country-name{display:none}}

/* V0.13 — Video oficial PFW */
.video-live{overflow:hidden;background:#111;padding:0;border-radius:22px;box-shadow:0 22px 55px rgba(0,0,0,.16)}
.pfw-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#111;border:0}
@media(max-width:700px){.video-live{border-radius:14px}.pfw-video{aspect-ratio:16/9}}

/* V0.16: el reproductor real debe quedar por encima de cualquier decoracion del placeholder */
.video-live:before{display:none!important;content:none!important}
.video-live{display:block!important;min-height:0!important;position:relative}
.video-live .pfw-video{position:relative;z-index:2;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}


/* V0.17 — navigation enhancement: preserve existing visual identity */
.provider-entry{display:inline-flex;align-items:center;gap:5px;color:#175cd3;font-weight:800;font-size:13px;text-decoration:none;white-space:nowrap;padding:8px 4px}.provider-entry:hover{color:#0b4aa2}.pfw-path-mini{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:13px}.pfw-path-mini span{color:#667085}.pfw-path-mini a{font-weight:800;color:#175cd3;text-decoration:none}.pfw-doors{padding-top:30px}.door-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.door-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #e4e7ec;border-radius:18px;padding:24px;transition:.15s ease}.door-card:hover{border-color:#2563eb;transform:translateY(-1px);box-shadow:0 10px 25px rgba(16,24,40,.07)}.door-card.provider{border-color:#cfe0ff}.door-card strong{display:block;font-size:21px;margin:8px 0}.door-card span:not(.door-kicker){display:block;color:#667085;line-height:1.5}.door-card b{display:block;margin-top:16px;color:#175cd3}.door-kicker{display:inline-block;font-size:10px;letter-spacing:.1em;font-weight:900;color:#175cd3}.plan-note{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:#f8fafc;border:1px solid #e4e7ec;border-radius:16px;padding:15px 18px;margin-bottom:20px}.plan-note span{color:#667085;font-size:13px}.plan-note a{color:#175cd3;font-weight:800;text-decoration:none;white-space:nowrap}.micro-link{display:block;margin-top:12px;color:#175cd3;font-size:12px;font-weight:700;text-decoration:none}.provider-choice{border-color:#cfe0ff}.decision .box h3{margin-bottom:6px}@media(max-width:1000px){.provider-entry{order:5}.door-grid{grid-template-columns:1fr}.plan-note{grid-template-columns:1fr}.plan-note a{justify-self:start}}@media(max-width:640px){.provider-entry{font-size:12px}.pfw-path-mini{flex-wrap:wrap}.pfw-path-mini a{display:block}.door-card{padding:20px}}

/* V0.17.2 — UI refinement: compact navigation, stronger login CTA, country moved to top utility */
.top-global{height:30px;background:#0b1118;color:#d7dee4;font-size:11px}
.top-global .wrap{height:30px;display:flex;align-items:center;justify-content:flex-end}
.top-global .global-wrap{position:relative}
.global-switch{padding:3px 7px;border:0;border-radius:6px;background:transparent;color:#fff;font-size:11px;font-weight:750}
.global-switch .flag{font-size:14px}
.global-menu{top:29px}
header{position:sticky;top:0}
.nav{min-height:70px;gap:12px}
nav{gap:15px;margin-left:14px}
nav a{font-size:13px;padding:26px 0 22px;white-space:nowrap}
.provider-entry{font-size:12px;padding:7px 3px}
.nav>.btn{padding:9px 13px;font-size:12px;border-radius:8px;white-space:nowrap}
.nav>.btn:not(.primary){background:var(--orange);border-color:var(--orange);color:#111;font-weight:900}
.nav>.btn.primary{color:#fff}
.hero{padding:68px 0}
.hero h1,.pagehero h1{max-width:720px}
.hero p,.pagehero p{max-width:690px}
.actions .btn{padding:10px 15px;font-size:13px}
.pfw-path-mini{margin-top:15px}
.section h2{max-width:900px}
.lead{max-width:800px}
.door-card{padding:20px}
.door-card strong{font-size:19px}
@media(max-width:1000px){.top-global{display:block}.nav{min-height:68px}.nav nav.open{margin-top:0}.global-wrap{order:1}.nav>.provider-entry{order:5}.nav>.btn{order:6}}
@media(max-width:640px){.top-global{height:28px}.top-global .wrap{height:28px}.nav{min-height:64px}.nav>.btn.primary{display:none}.provider-entry{font-size:11px}.hero{padding:54px 0}}
