:root{--bg:#0A1220;--bg2:#101C33;--blue:#2F86FF;--tx:#F4F7FB;--mu:#A9B7CC}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 system-ui,sans-serif;padding-bottom:64px}
h1,h2,h3,.logo{font-family:"Archivo Black","Arial Black",system-ui,sans-serif;letter-spacing:.02em;line-height:1.1}
a{color:var(--blue)}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.top{display:flex;align-items:center;gap:1rem;justify-content:space-between;padding:1rem 5vw;border-bottom:2px solid var(--blue)}
.top nav{display:none;gap:1.5rem}.top nav a,.logo{color:var(--tx);text-decoration:none}.logo{font-size:1.4rem}.logo b{color:var(--blue)}
.hero{display:grid;gap:2rem;padding:3rem 5vw;max-width:1200px;margin:auto}.hero h1{font-size:clamp(2rem,6vw,3.6rem)}.hero p{color:var(--mu);max-width:55ch}
.cta{display:flex;flex-wrap:wrap;gap:.75rem}
.btn{display:inline-block;background:var(--blue);color:#fff;font-weight:700;padding:.8rem 1.4rem;border:0;border-radius:4px;text-decoration:none;cursor:pointer;font-size:1rem}
.btn.ghost{background:none;border:2px solid var(--blue);color:var(--tx)}.btn.sm{padding:.4rem .9rem}
.card{background:var(--bg2);padding:1.5rem;border-left:4px solid var(--blue);display:grid;gap:.9rem}
label{display:grid;gap:.25rem;color:var(--mu)}input,select,textarea{font:inherit;padding:.6rem;border:1px solid #2A3B5C;border-radius:4px;background:var(--bg);color:var(--tx)}
.chk{display:flex;gap:.5rem;align-items:center}.hp{position:absolute;left:-9999px}
section{padding:2rem 5vw;max-width:1200px;margin:auto}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
article{padding:1.2rem;border-top:3px solid var(--blue);background:var(--bg2)}article p{color:var(--mu)}
footer{padding:2rem 5vw;border-top:1px solid #2A3B5C;color:var(--mu)}footer a{margin-right:1rem}
.bar{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);background:var(--blue)}
.bar a{color:#fff;text-align:center;padding:1rem;font-weight:700;text-decoration:none}
@media(min-width:800px){.top nav{display:flex}.hero{grid-template-columns:1.1fr .9fr;align-items:center}.bar{display:none}body{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center}.btn.big{padding:1rem 1.6rem;font-size:1.1rem;flex:1 1 220px}
.hero{background:radial-gradient(60% 80% at 100% 0,#14305e55,transparent),linear-gradient(90deg,transparent 49.8%,#2F86FF14 50%,transparent 50.2%) 0 0/48px 48px}
.svc{display:grid;gap:.4rem;padding:1.3rem;background:var(--bg2);border-left:4px solid var(--blue);text-decoration:none;color:var(--tx);min-height:150px}
.svc p{color:var(--mu);margin:0}.svc span{color:var(--blue);font-weight:700;margin-top:auto}.svc:hover{background:#16284a}
.marca{background:var(--bg2);border-left:4px solid var(--blue);margin:1rem auto;max-width:1200px}.marca p{color:var(--mu);margin:0}
.steps{display:grid;gap:1rem;padding-left:1.2rem}.steps li{padding-left:.4rem;color:var(--mu)}.steps b{color:var(--tx)}
.ctaband{margin:2rem auto;padding:2rem 5vw;max-width:1200px;background:var(--blue);color:#fff}.ctaband p{margin:.3rem 0 1rem}
.ctaband .btn{background:#fff;color:#0A1220}.ctaband .btn.ghost{background:none;border-color:#fff;color:#fff}
.page{max-width:820px}.lead{font-size:1.25rem;color:var(--tx)!important}.crumb{font-size:.9rem;color:var(--mu)}.crumb a{color:var(--mu)}
.ticks{list-style:none;padding:0;display:grid;gap:.6rem}.ticks li{padding-left:1.8rem;position:relative}.ticks li:before{content:"";position:absolute;left:0;top:.55em;width:.9rem;height:.5rem;border-left:3px solid var(--blue);border-bottom:3px solid var(--blue);transform:rotate(-45deg)}
details{background:var(--bg2);padding:1rem;margin:.5rem 0}summary{cursor:pointer;font-weight:700;min-height:44px}.links{display:flex;flex-wrap:wrap;gap:.6rem}
.legal h2{font-size:1.2rem;margin-top:1.6rem}.legal p{color:var(--mu)}
.cookies{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;color:#0A1220;padding:1rem 5vw;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}
.cookies a{color:#0A56C8}.cookies .btn.ghost{color:#0A1220}
.fig{margin:0;position:relative;overflow:hidden;background:var(--bg2)}.fig img{width:100%;height:100%;object-fit:cover;display:block}
.r43{aspect-ratio:4/3}.r169{aspect-ratio:16/9}.r11{aspect-ratio:1}
.ph{width:100%;height:100%;display:grid;place-items:center;border:2px dashed #2F86FF88;background:repeating-linear-gradient(135deg,#101C33 0 14px,#0D1829 14px 28px);color:var(--mu);text-align:center;padding:1rem}
figcaption{position:absolute;left:0;bottom:0;background:var(--blue);color:#fff;padding:.3rem .8rem;font-weight:700;font-size:.9rem}
.gal{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.two{display:grid;gap:2rem;align-items:center}
.js .rv{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.js .rv.in{opacity:1;transform:none}
.btn,.svc{transition:background-color .2s,transform .2s,border-color .2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.svc:hover{transform:translateY(-3px)}
.mu{color:var(--mu)}.pricing{background:var(--bg2);border-left:4px solid var(--blue);max-width:1200px;margin:1rem auto}.pricing p{color:var(--mu)}
.prices{display:grid;gap:.6rem}.price{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:var(--bg2);padding:1rem;border-left:4px solid var(--blue)}.price p{margin:.2rem 0 0;color:var(--mu)}.price strong{color:var(--blue);white-space:nowrap}
.warn{background:#FFD23F;color:#111;padding:.6rem 1rem;font-weight:700}
@media(min-width:800px){.two{grid-template-columns:1fr 1fr}}
/* Fase 3: esquema unifilar */
.top{flex-wrap:wrap;position:sticky;top:0;z-index:40;background:var(--bg)}.top nav{order:1}.call{order:2}.burger{order:3}
.burger{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:none;border:2px solid var(--blue);border-radius:4px;cursor:pointer}
.burger span,.burger span:before,.burger span:after{display:block;width:22px;height:3px;background:var(--tx);position:relative;content:""}.burger span:before{position:absolute;top:-7px}.burger span:after{position:absolute;top:7px}
#menu{display:none;flex-basis:100%;order:5;flex-direction:column;gap:.2rem}#menu.open{display:flex}
#menu a{color:var(--tx);text-decoration:none;padding:.8rem 0;min-height:48px;display:flex;align-items:center;border-top:1px solid #2A3B5C}
.sub{display:grid;padding-left:1rem}.sub a{color:var(--mu)!important;font-size:.95rem}
.hero2{display:grid;gap:2rem;padding:3rem 5vw;max-width:1200px;margin:auto;align-items:center}.hero2 h1{font-size:clamp(2.2rem,6.5vw,4rem)}
.schem{width:100%;height:auto}.draw{stroke-dasharray:1600;stroke-dashoffset:1600;animation:draw 2.4s ease-out .3s forwards}@keyframes draw{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.draw{stroke-dashoffset:0!important}}
.circ{list-style:none;margin:0;padding:0 0 0 1.4rem;border-left:3px solid var(--blue)}.circ li{position:relative;margin:0 0 .8rem}
.circ li:before{content:"";position:absolute;left:calc(-1.4rem - 8px);top:1.5rem;width:13px;height:13px;border-radius:50%;background:var(--bg);border:3px solid var(--blue)}
.circ a{display:grid;gap:.2rem;padding:1rem 1.2rem;background:var(--bg2);color:var(--tx);text-decoration:none;min-height:64px;transition:background-color .2s,transform .2s}
.circ a:hover{background:#16284a;transform:translateX(4px)}.circ span{color:var(--mu)}.circ b{font-family:"Archivo Black","Arial Black",system-ui,sans-serif;font-weight:400;letter-spacing:.02em}
.fcols{display:grid;gap:1.5rem}.fcols div{display:grid;gap:.1rem;align-content:start}.fcols a{padding:.5rem 0;min-height:44px;display:flex;align-items:center;margin:0}.fcols b{color:var(--tx);margin-bottom:.4rem}
.two2{display:grid;gap:2rem;max-width:1200px}.page.wide{max-width:1200px}
@media(min-width:800px){#menu,#menu.open{display:flex;flex-direction:row;flex-basis:auto;order:1;gap:1.5rem;align-items:center}#menu a{border:0;padding:0;min-height:0}.burger{display:none}
.dd{position:relative}.sub{display:none;position:absolute;top:100%;left:-1rem;background:var(--bg2);padding:.6rem 1rem;min-width:220px;border-left:3px solid var(--blue)}.dd:hover .sub,.dd:focus-within .sub{display:grid}.sub a{padding:.5rem 0!important}
.top{flex-wrap:nowrap}.hero2{grid-template-columns:1.05fr .95fr}.fcols{grid-template-columns:1.4fr 1fr 1fr 1fr}.two2{grid-template-columns:1.1fr .9fr}}