/*
Theme Name: Computabili Corporativo
Author: Computabili
Description: Sitio corporativo de servicios tecnológicos para empresas.
Version: 3.0
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#03070a;color:#f5fbff;font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{text-decoration:none;color:inherit}.cb-wrap{width:92%;max-width:1180px;margin:auto}
.cb-header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(3,7,10,.94);border-bottom:1px solid #12323b}.cb-nav{height:78px;display:flex;align-items:center;justify-content:space-between}.cb-logo{display:flex;align-items:center}.cb-logo img{display:block;width:225px;height:auto;max-height:58px;object-fit:contain}.cb-menu{display:flex;gap:25px;align-items:center;font-size:14px;font-weight:bold}.cb-menu a:hover{color:#39ff4b}.cb-contact{padding:11px 16px;border:1px solid #39ff4b;border-radius:9px;color:#39ff4b}
.cb-hero{padding:155px 0 90px;min-height:730px;background:radial-gradient(circle at 82% 42%,rgba(19,207,255,.16),transparent 30%),radial-gradient(circle at 65% 75%,rgba(57,255,75,.12),transparent 28%),linear-gradient(135deg,#020507,#071720,#020507)}.cb-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.cb-eyebrow{font-size:13px;letter-spacing:3px;color:#39ff4b;font-weight:bold}.cb-hero h1{font-size:clamp(43px,6vw,74px);line-height:1;letter-spacing:-3px;margin:15px 0}.cb-grad{color:#39ff4b}.cb-hero p{font-size:20px;color:#bdcbd2;max-width:640px}.cb-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.cb-btn{display:inline-block;padding:14px 21px;border-radius:10px;font-weight:bold}.cb-primary{background:linear-gradient(90deg,#13cfff,#39ff4b);color:#001014}.cb-secondary{border:1px solid #234653;background:#07131a}
.cb-server{height:400px;position:relative;display:flex;align-items:center;justify-content:center}.cb-rack{width:245px;height:320px;border:1px solid #24dfff;border-radius:17px;background:linear-gradient(145deg,#17313b,#071118);box-shadow:0 0 65px rgba(19,207,255,.2)}.cb-rack:after{content:"";display:block;margin:28px 28px;width:187px;height:34px;border:1px solid #38535d;border-radius:5px;box-shadow:0 54px #0d222b,0 108px #0d222b,0 162px #0d222b,0 216px #0d222b}.cb-cloud{position:absolute;right:3%;bottom:35px;width:205px;height:100px;border:4px solid #13cfff;border-radius:70px;background:#06131b;box-shadow:0 0 35px rgba(19,207,255,.3)}.cb-cloud:before,.cb-cloud:after{content:"";position:absolute;border:4px solid #39ff4b;background:#06131b;border-radius:50%}.cb-cloud:before{width:70px;height:70px;left:30px;top:-43px}.cb-cloud:after{width:90px;height:90px;right:25px;top:-56px}.cb-arrow{position:absolute;z-index:2;left:86px;top:18px;color:#39ff4b;font-size:44px;font-weight:bold}
.cb-section{padding:88px 0}.cb-dark{background:#050c11}.cb-title{text-align:center;max-width:760px;margin:0 auto 45px}.cb-title h2{font-size:clamp(33px,4vw,49px);line-height:1.1;margin:9px 0}.cb-title p{color:#9db0bb;font-size:17px}.cb-services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cb-card{padding:27px;border:1px solid rgba(19,207,255,.25);border-radius:17px;background:linear-gradient(145deg,#0a1b24,#050d12);min-height:210px}.cb-card:hover{border-color:#39ff4b;transform:translateY(-3px)}.cb-icon{width:53px;height:53px;border-radius:13px;display:grid;place-items:center;background:#103447;color:#fff;font-weight:bold;font-size:22px;margin-bottom:17px}.cb-card h3{font-size:19px;margin:0 0 8px}.cb-card p{font-size:14px;color:#a9bbc4;margin:0}.cb-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.cb-benefit{text-align:center;padding:20px;border:1px solid rgba(57,255,75,.14);border-radius:14px;background:#07121a}.cb-benefit b{display:block;margin-top:7px}
.cb-offer{max-width:850px;margin:auto;text-align:center;padding:42px;border:1px solid #39ff4b;border-radius:22px;background:#03090d;box-shadow:0 0 45px rgba(57,255,75,.07)}.cb-price{font-size:clamp(48px,7vw,78px);font-weight:900;color:#ffd52a;line-height:1;margin:10px}.cb-price small{font-size:22px;color:white}.cb-offer p{color:#9db0bb}
.cb-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cb-step{padding:24px;border-left:2px solid #39ff4b;background:#07121a}.cb-step strong{font-size:12px;letter-spacing:2px;color:#39ff4b}.cb-step h3{margin:8px 0}.cb-step p{font-size:14px;color:#9db0bb}
.cb-cta{border-top:1px solid #12323b;border-bottom:1px solid #12323b;background:linear-gradient(100deg,#071a23,#040c11);padding:65px 0}.cb-cta-box{display:flex;align-items:center;justify-content:space-between;gap:30px}.cb-cta h2{font-size:38px;margin:7px 0}.cb-cta p{color:#9db0bb}
.cb-footer{padding:42px 0 22px}.cb-footer-flex{display:flex;justify-content:space-between;gap:30px}.cb-footer p{color:#899ca7}.cb-footer .cb-logo img{width:220px}.cb-copy{margin-top:25px;border-top:1px solid #13252c;padding-top:18px;color:#6e818b;font-size:12px}
@media(max-width:850px){.cb-grid{grid-template-columns:1fr}.cb-services{grid-template-columns:repeat(2,1fr)}.cb-benefits,.cb-steps{grid-template-columns:repeat(2,1fr)}.cb-menu a:not(.cb-contact){display:none}.cb-cta-box{display:block}}
@media(max-width:580px){.cb-logo img{width:185px}.cb-footer .cb-logo img{width:190px}.cb-services,.cb-benefits,.cb-steps{grid-template-columns:1fr}.cb-hero{padding-top:125px}.cb-hero p{font-size:17px}.cb-server{height:330px}.cb-rack{transform:scale(.78)}.cb-cloud{transform:scale(.75);right:-2%}.cb-cta h2{font-size:30px}.cb-footer-flex{display:block}}