:root{--bg:#03101d;--panel:#071b2d;--panel2:#0a2238;--line:#16476c;--text:#f7fbff;--muted:#a8b8c8;--cyan:#05bdf7;--cyan2:#008ee6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020d18;color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit}
.topbar{height:68px;position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:0 max(5%,calc((100% - 1420px)/2));background:#031426f2;border-bottom:1px solid #12324d;box-shadow:0 8px 30px #0005}
.brand{font-size:24px;font-weight:900;text-decoration:none;color:white;letter-spacing:-1px}.brand:first-letter{color:var(--cyan)}.topbar nav{display:flex;gap:22px;align-items:center}.topbar nav a{text-decoration:none;font-size:14px;font-weight:700}
.btn{background:linear-gradient(135deg,#008ee6,#08c9ff);padding:12px 20px;border-radius:9px;font-weight:900;border:0;color:white;text-decoration:none;cursor:pointer;display:inline-block;box-shadow:0 5px 18px #00aaf52e}
.cart{border:1px solid #31516d;padding:10px 14px;border-radius:9px}
.hero{padding:42px 5% 34px;min-height:470px;background:radial-gradient(circle at 64% 42%,#007acb40,transparent 28%),linear-gradient(115deg,#06182a,#03101d 58%,#041728)}
.hero-grid{max-width:1420px;margin:auto;display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:center}
.hero h1{font-size:56px;line-height:1.04;margin:0 0 15px;text-transform:uppercase;max-width:650px;letter-spacing:-2px}.hero h1 span{color:var(--cyan)}.hero p{font-size:18px;line-height:1.55;color:#d0dbe5;max-width:650px}
.hero-card{min-height:240px;background:linear-gradient(145deg,#08233b,#051728);border:1px solid #15507a;border-radius:18px;padding:28px;box-shadow:0 20px 60px #0008,inset 0 0 50px #009de514}
.hero-card:before{content:"☁";display:block;font-size:74px;color:var(--cyan);text-align:center;margin-bottom:10px}.hero-card h3{text-align:center;font-size:22px;margin:5px}.hero-card p{text-align:center;font-size:14px}
.domain-search{display:flex;gap:0;margin-top:28px;max-width:700px}.domain-search input{flex:1;padding:17px 20px;border:0;border-radius:12px 0 0 12px;background:white;color:#334155;font-size:15px}.domain-search .btn{border-radius:0 12px 12px 0;min-width:130px}
.section,.dashboard{max-width:1420px;margin:auto;padding:35px 5%}.section h2{font-size:29px;margin:0 0 4px}.section>.muted{margin-top:0}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}.plan{position:relative;background:linear-gradient(155deg,#092039,#061728);border:1px solid #1a4666;border-radius:13px;padding:25px 22px;min-height:335px;transition:.2s}.plan:hover{transform:translateY(-3px);border-color:#07bdf5}.plan.featured{border:2px solid var(--cyan);box-shadow:0 0 30px #00bfff18}.plan.featured:before{content:"MÁS POPULAR";position:absolute;top:-14px;right:18px;background:var(--cyan);color:#00223a;font-size:10px;font-weight:900;padding:6px 13px;border-radius:20px}.plan h3{font-size:20px;margin:0 0 8px}.plan .muted{min-height:40px}.price{font-size:35px;font-weight:900;margin:14px 0}.price small{font-size:14px;color:#d9e7f2}.plan ul{padding:0;list-style:none;line-height:1.85;color:#e5eef6}.plan li:before{content:"✓";display:inline-grid;place-items:center;width:16px;height:16px;margin-right:9px;border-radius:50%;background:#057cb7;color:white;font-size:10px;font-weight:bold}.plan form{margin-top:18px}.plan .btn{width:100%}
.services{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service{background:linear-gradient(145deg,#092039,#061827);border:1px solid #173e5b;border-radius:12px;padding:22px;min-height:130px}.service span{font-size:32px}.service b{display:block;font-size:16px;margin:10px 0}.service .muted{font-size:13px}
.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat,.form,.invoice{background:linear-gradient(145deg,#092039,#061827);border:1px solid #173e5b;border-radius:14px;padding:22px}.stat b{display:block;font-size:31px;color:var(--cyan)}.stat span{color:var(--muted)}
.footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;padding:45px max(5%,calc((100% - 1280px)/2));border-top:1px solid #154363;background:#020914;color:#9db0c1}.footer strong,.footer b{color:white}.footer a{display:block;margin-top:10px;text-decoration:none}
.form-wrap{max-width:560px;margin:50px auto;padding:0 20px}.form label{display:block;margin-bottom:14px;font-weight:700}.form input,.form select,.form textarea{width:100%;margin-top:7px;padding:13px;border-radius:9px;border:1px solid #1a4868;background:#041526;color:white}.form textarea{min-height:120px}.form button{width:100%;padding:13px;border:0;border-radius:9px;background:linear-gradient(135deg,#008ee6,#08c9ff);font-weight:900;color:white}
.table-wrap{overflow:auto;background:#061827;border:1px solid #173e5b;border-radius:14px}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:14px;border-bottom:1px solid #173e5b;text-align:left}.table th{color:var(--cyan)}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#16324e;font-size:12px}.badge.paid,.badge.active{background:#0f5132}.badge.pending{background:#5a4100}.flash{max-width:1200px;margin:15px auto;padding:12px 16px;border-radius:10px}.flash.ok{background:#0f5132}.flash.err{background:#5d1f1f}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.right{text-align:right}.muted{color:var(--muted)}
@media(max-width:950px){.hero-grid,.two{grid-template-columns:1fr}.hero-card{display:none}.grid,.services,.dash-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:44px}.topbar nav{gap:10px}.topbar nav a:not(.btn):not(.cart){display:none}}
@media(max-width:580px){.topbar{height:60px}.brand{font-size:20px}.grid,.services,.dash-grid{grid-template-columns:1fr}.hero{padding-top:45px;min-height:auto}.hero h1{font-size:38px}.hero p{font-size:16px}.domain-search{flex-direction:column;gap:8px}.domain-search input,.domain-search .btn{border-radius:10px;width:100%}.section{padding-top:28px}.footer{grid-template-columns:1fr}}


/* HOME COMPLETA v3 */
.brand{display:flex;align-items:center;gap:10px}.brand .cloud-mark{font-size:34px;color:var(--cyan)}.brand span span,.brand>span:last-child{display:flex;flex-direction:column}.brand small{display:block;font-size:7px;letter-spacing:.5px;color:#8aa1b7;margin-top:2px}
.active-nav{background:#082b49;padding:10px 13px;border-radius:8px}.nav-client{padding:10px 14px!important}.nav-register{padding:11px 17px!important}
.hero-pro{min-height:520px;padding-top:26px}.hero-pro .hero-grid{grid-template-columns:1.02fr .98fr}.eyebrow{color:#d9a552;font-size:12px;font-weight:900;letter-spacing:2px}
.hero-trust{display:flex;gap:28px;margin-top:20px}.hero-trust div{display:flex;flex-direction:column;gap:3px}.hero-trust b{font-size:14px}.hero-trust span{font-size:12px;color:#aebdca}
.domain-search .www{background:white;color:#53667a;padding:17px 15px;border-radius:12px 0 0 12px;border-right:1px solid #e5e7eb}.domain-search input{border-radius:0}.tld-strip{display:flex;gap:10px;margin-top:15px}.tld-strip div,.tld-grid div{background:#071b2d;border:1px solid #214766;border-radius:10px;padding:12px 18px;display:flex;flex-direction:column;align-items:center}.tld-strip b,.tld-grid b{font-size:16px}.tld-strip span,.tld-grid span{font-size:11px;color:white;margin-top:3px}
.server-visual{position:relative;min-height:390px;overflow:hidden}.globe{position:absolute;width:330px;height:330px;border-radius:50%;left:30px;top:20px;background:radial-gradient(circle at 55% 40%,#0d86d970,#022442 62%,transparent 63%);box-shadow:0 0 90px #009fff4a}.globe:after{content:"";position:absolute;inset:22px;border:1px solid #1eb7ff55;border-radius:50%}
.rack{position:absolute;bottom:20px;width:112px;background:linear-gradient(90deg,#03111e,#0d3757 48%,#03101d);border:1px solid #24658f;border-radius:12px;box-shadow:0 0 35px #00a4ff33}.rack:after{content:"";position:absolute;left:15px;right:15px;top:35px;height:6px;background:#0bbcff;box-shadow:0 30px 0 #0bbcff,0 60px 0 #0bbcff,0 90px 0 #0bbcff,0 120px 0 #0bbcff,0 150px 0 #0bbcff,0 180px 0 #0bbcff}.rack-a{height:300px;left:170px}.rack-b{height:340px;left:285px}.rack-c{height:275px;left:400px}.server-logo{position:absolute;left:290px;top:135px;width:140px;text-align:center;z-index:3;color:#0bc7ff;font-size:54px}.server-logo strong{display:block;color:white;font-size:17px}.server-logo small{display:block;color:#a7b7c6;font-size:8px;letter-spacing:1px}.scribble{position:absolute;right:0;top:55px;font-family:cursive;font-size:28px;line-height:1.15;transform:rotate(-6deg);color:white}
.section-tight{padding-top:26px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.outline-link{border:1px solid #34506a;padding:9px 13px;border-radius:8px;text-decoration:none;font-size:13px;color:#aee8ff}
.benefits-bar{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:25px;border-top:1px solid #14344e;border-bottom:1px solid #14344e;background:#041522}.benefits-bar div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;padding:14px 16px;border-right:1px solid #17384f}.benefits-bar span{font-size:24px;grid-row:1/3}.benefits-bar b{font-size:13px}.benefits-bar small{color:#8ea5b7;font-size:10px}
.domain-section{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:stretch}.domain-panel,.promo-panel{background:#061827;border:1px solid #16476c;border-radius:16px;padding:25px}.domain-panel .domain-search{margin-top:18px}.tld-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:12px}.tld-grid div{padding:10px 7px}
.promo-panel{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 50%,#0876be66,transparent 33%),linear-gradient(135deg,#051626,#072a46)}.promo-panel h2{color:var(--cyan);font-size:28px;margin:6px 0}.promo-panel p{max-width:330px;color:#c6d5e1}.device-art{position:absolute;right:35px;bottom:20px;font-size:76px;filter:drop-shadow(0 12px 20px #000)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);max-width:none;padding:22px max(5%,calc((100% - 1420px)/2));background:#031523;border-top:1px solid #12324d;border-bottom:1px solid #12324d}.metrics div{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;justify-content:center}.metrics span{font-size:32px;grid-row:1/3}.metrics b{font-size:17px}.metrics small{color:#9ab0c2}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.testimonial-grid article{background:linear-gradient(145deg,#092039,#061827);border:1px solid #173e5b;border-radius:12px;padding:22px}.stars{color:#f6b914;letter-spacing:2px}.testimonial-grid p{color:#d5e0e8;line-height:1.5}
.cta-strip{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:24px max(5%,calc((100% - 1420px)/2));background:linear-gradient(90deg,#0759a0,#006fd0,#0a90e8);box-shadow:inset 0 1px #38c5ff66}.cta-strip h2{margin:0 0 4px}.cta-strip p{margin:0;color:#d8efff}.cta-btn{background:#05bff5;padding:15px 28px}
.footer-pro{grid-template-columns:1.4fr .8fr .9fr 1fr}.socials,.payments{display:flex;gap:8px;margin-top:12px}.socials span{width:28px;height:28px;border-radius:6px;background:#0c67b9;display:grid;place-items:center;color:white;font-weight:bold}.payments span{background:white;color:#0b1c2f;padding:5px 8px;border-radius:5px;font-size:11px;font-weight:bold}
.chat-bubble{position:fixed;right:24px;bottom:22px;z-index:50;background:#0767ba;color:white;border-radius:22px;padding:11px 15px;display:flex;align-items:center;gap:8px;box-shadow:0 12px 30px #0008}.chat-bubble span{display:flex;flex-direction:column}.chat-bubble small{font-size:9px}.chat-bubble i{width:9px;height:9px;border-radius:50%;background:#25d366;display:block}
@media(max-width:1100px){.topbar nav a:nth-child(4),.topbar nav a:nth-child(5),.topbar nav a:nth-child(6){display:none}.server-visual{transform:scale(.86);transform-origin:center}.benefits-bar{grid-template-columns:repeat(3,1fr)}.tld-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.server-visual{display:none}.hero-pro .hero-grid{grid-template-columns:1fr}.domain-section{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr);gap:18px}.testimonial-grid{grid-template-columns:1fr}.footer-pro{grid-template-columns:1fr 1fr}.scribble{display:none}}
@media(max-width:580px){.hero-trust{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tld-strip{display:grid;grid-template-columns:repeat(3,1fr)}.benefits-bar{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}.footer-pro{grid-template-columns:1fr}.device-art{font-size:45px;opacity:.45}.cta-strip{align-items:flex-start;flex-direction:column}.chat-bubble{right:12px;bottom:12px}.section-head{align-items:flex-start;flex-direction:column}}

/* v4 exact-layout repair */
body{overflow-x:hidden}
.topbar{height:78px;padding:0;background:#031426f5}
.nav-shell{width:min(1500px,94%);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.topbar .brand{flex:0 0 auto;min-width:315px;display:flex;align-items:center;gap:9px;white-space:nowrap}
.brand-icon{width:55px;height:42px;display:grid;place-items:center;border:3px solid #06bdf5;border-radius:22px;color:#06bdf5;font-size:29px;line-height:1}
.brand-copy{display:flex!important;flex-direction:column!important;line-height:1!important}
.brand-copy strong{font-size:22px;letter-spacing:-.7px;color:white}.brand-copy strong span{color:#06bdf5}.brand-copy em{font-style:normal;font-size:17px;margin-left:2px}
.brand-copy small{font-size:7px!important;letter-spacing:.8px!important;color:#8ba6bb!important;margin-top:5px!important}
.topbar nav{display:flex;align-items:center;justify-content:flex-end;gap:20px;white-space:nowrap}.topbar nav a{font-size:13px}
.nav-client{border:1px solid #38536a;border-radius:9px;padding:11px 15px!important}
.hero-pro{padding:32px 0 22px;min-height:460px}.hero-pro .hero-grid{width:min(1500px,94%);max-width:none;grid-template-columns:1fr 1fr;gap:20px}
.hero-copy{padding:18px 0}.hero h1{font-size:53px;max-width:600px;margin-top:10px}.hero-copy>p{font-size:18px}
.hero-trust{display:grid;grid-template-columns:repeat(4,max-content);gap:25px}.hero-trust:after{content:"⚙  Activación\A     Inmediata";white-space:pre;font-weight:700;font-size:14px;line-height:1.45;color:white}
.domain-search{max-width:760px}.tld-strip{max-width:760px;justify-content:flex-end}
.server-visual{min-height:390px}
.section{width:min(1500px,94%);max-width:none;padding-left:0;padding-right:0}
.section-tight{padding-top:22px}
.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.plan{min-width:0}
.benefits-bar{width:100%;grid-template-columns:repeat(6,minmax(0,1fr))}
.domain-section{grid-template-columns:1.05fr .95fr}
.services{grid-template-columns:repeat(4,minmax(0,1fr))}
.metrics{padding-left:3%;padding-right:3%}
.footer{padding-left:3%;padding-right:3%}
@media(max-width:1280px){.topbar nav{gap:11px}.topbar .brand{min-width:260px}.brand-copy strong{font-size:19px}.topbar nav a{font-size:11px}.hero h1{font-size:47px}}
@media(max-width:1000px){.topbar{height:auto;min-height:68px}.nav-shell{padding:10px 0}.topbar nav a:nth-child(2),.topbar nav a:nth-child(4),.topbar nav a:nth-child(5),.topbar nav a:nth-child(6),.topbar nav a:nth-child(7){display:none}.hero-pro .hero-grid{grid-template-columns:1fr}.server-visual{display:none}.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.topbar .brand{min-width:0}.brand-icon{width:42px;height:34px;font-size:22px}.brand-copy strong{font-size:16px}.brand-copy small{display:none}.topbar nav .active-nav,.topbar nav .nav-client{display:none}.topbar nav{gap:7px}.nav-register{font-size:10px!important;padding:9px!important}.hero h1{font-size:39px}.hero-trust{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.benefits-bar{grid-template-columns:1fr 1fr}}

/* v5 NovaHost PA logo */
.topbar .brand-logo{min-width:300px;width:300px;height:58px;padding:0;display:flex;align-items:center;overflow:visible}
.brand-logo img{display:block;width:100%;height:58px;object-fit:contain;object-position:left center}
.footer-logo{width:270px;max-width:100%;height:auto}
.footer-logo img{width:100%;height:auto;display:block}
@media(max-width:1280px){.topbar .brand-logo{min-width:250px;width:250px}.brand-logo img{height:52px}}
@media(max-width:620px){.topbar .brand-logo{min-width:150px;width:150px;height:42px}.brand-logo img{height:40px}.footer-logo{width:220px}}