@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--primary-rgb:11, 87, 208;--secondary-rgb:0, 210, 255;--bg-gradient-start:#030712;--bg-gradient-end:#0b1528;--card-bg:#0f172aa6;--card-border:#ffffff14;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-blue:#38bdf8;--accent-indigo:#6366f1;--success:#10b981;--neon-glow:0 0 25px #00d2ff26;--neon-glow-active:0 0 35px #00d2ff4d;--font-heading:"Outfit", "Inter", sans-serif;--font-body:"Inter", sans-serif;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .2s ease;--border-radius-lg:16px;--border-radius-md:12px;--border-radius-sm:8px}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#fff3 transparent;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:radial-gradient(circle at 50% 0%, var(--bg-gradient-end) 0%, var(--bg-gradient-start) 75%);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00d2ff66}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1.25}h1{background:linear-gradient(135deg,#fff 30%,#a5f3fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(2.5rem,6vw,4rem)}h2{text-align:center;background:linear-gradient(135deg,#fff 40%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:3rem;font-size:clamp(2rem,4vw,2.75rem)}p{color:var(--text-secondary)}a{color:inherit;transition:var(--transition-fast);text-decoration:none}.glass-panel{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(16px);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #0000004d}.glass-panel:hover{box-shadow:var(--neon-glow);transition:var(--transition-smooth);border-color:#00d2ff33;transform:translateY(-2px)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}section{padding:6rem 0}header{z-index:100;-webkit-backdrop-filter:blur(12px);background:#03071299;border-bottom:1px solid #ffffff0d;width:100%;position:fixed;top:0;left:0}.nav-container{justify-content:space-between;align-items:center;height:80px;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo img{width:auto;height:38px}.nav-links{align-items:center;gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);font-size:.95rem;font-weight:500}.nav-links a:hover,.nav-links a.active{color:var(--text-primary);text-shadow:0 0 8px #00d2ff80}.menu-btn{color:var(--text-primary);cursor:pointer;z-index:110;background:0 0;border:none;font-size:1.5rem;display:none}.btn{border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);justify-content:center;align-items:center;gap:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, rgb(var(--primary-rgb)), rgb(var(--secondary-rgb)));color:#fff;border:none;box-shadow:0 4px 15px #00d2ff40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00d2ff66}.btn-secondary{color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a}.btn-secondary:hover{background:#ffffff1a;border-color:#00d2ff4d}.hero{align-items:center;min-height:100vh;padding-top:120px;display:flex;position:relative;overflow:hidden}.hero-glow-blob{filter:blur(40px);z-index:0;pointer-events:none;background:radial-gradient(circle,#00d2ff26 0%,#0b57d000 70%);border-radius:50%;width:400px;height:400px;position:absolute}.blob-1{top:10%;right:-5%}.blob-2{bottom:-10%;left:-5%}.hero-grid{z-index:1;grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem;display:grid;position:relative}.hero-content h1{margin-bottom:1.5rem}.hero-content p{max-width:600px;margin-bottom:2.5rem;font-size:1.2rem}.hero-actions{gap:1.5rem;display:flex}.hero-graphic{justify-content:center;align-items:center;display:flex;position:relative}.cloud-graphic-wrapper{background:radial-gradient(circle,#00d2ff14 0%,#0b57d005 100%);border:1px dashed #00d2ff40;border-radius:50%;justify-content:center;align-items:center;width:320px;height:320px;animation:30s linear infinite rotateDashed;display:flex;position:relative}@keyframes rotateDashed{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cloud-floating-svg{filter:drop-shadow(0 0 35px #00d2ff80);width:180px;height:180px;animation:5s ease-in-out infinite floatCloud}@keyframes floatCloud{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-15px)scale(1.03)}}.services-tabs-container{flex-direction:column;gap:3rem;display:flex}.services-tabs{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.tab-btn{color:var(--text-secondary);border-radius:var(--border-radius-sm);font-family:var(--font-heading);cursor:pointer;transition:var(--transition-smooth);background:#ffffff08;border:1px solid #ffffff0d;padding:.85rem 1.75rem;font-weight:600}.tab-btn:hover,.tab-btn.active{color:var(--text-primary);background:#00d2ff14;border-color:#00d2ff66;box-shadow:0 0 15px #00d2ff1a}.tab-content{animation:.5s ease-out fadeIn;display:none}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.service-display-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.service-info h3{background:linear-gradient(135deg,#fff,#00d2ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:2.2rem}.service-info .desc{margin-bottom:2rem;font-size:1.1rem}.features-list{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2.5rem;list-style:none;display:grid}.features-list li{align-items:center;gap:10px;font-size:.95rem;display:flex}.features-list li svg{color:var(--success);flex-shrink:0;width:18px;height:18px}.service-preview{justify-content:center;align-items:center;display:flex}.preview-panel{text-align:center;width:100%;padding:3rem}.preview-panel svg{width:120px;height:120px;color:var(--accent-blue);filter:drop-shadow(0 0 15px #00d2ff4d)}.cotizador-layout{grid-template-columns:1.2fr .8fr;gap:3rem;display:grid}.cotizador-form{padding:2.5rem}.control-group{margin-bottom:2.5rem}.control-label-row{font-weight:600;font-family:var(--font-heading);justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.control-badge{color:var(--accent-blue);background:#00d2ff26;border-radius:20px;padding:.25rem .75rem;font-size:.85rem}.slider-input{-webkit-appearance:none;background:#ffffff14;border-radius:3px;outline:none;width:100%;height:6px}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(135deg, rgb(var(--primary-rgb)), rgb(var(--secondary-rgb)));cursor:pointer;width:20px;height:20px;transition:var(--transition-fast);border-radius:50%;box-shadow:0 0 10px #00d2ff80}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.radio-cards-grid{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.radio-card{cursor:pointer;position:relative}.radio-card input{opacity:0;width:0;height:0;position:absolute}.radio-card-content{border:1px solid var(--card-border);border-radius:var(--border-radius-md);transition:var(--transition-smooth);background:#ffffff05;flex-direction:column;gap:5px;padding:1.5rem;display:flex}.radio-card input:checked+.radio-card-content{box-shadow:var(--neon-glow);background:#00d2ff0d;border-color:#00d2ff99}.radio-card-content strong{font-family:var(--font-heading);font-size:1.1rem}.checkbox-grid{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.checkbox-card{cursor:pointer;position:relative}.checkbox-card input{opacity:0;width:0;height:0;position:absolute}.checkbox-card-content{border:1px solid var(--card-border);border-radius:var(--border-radius-md);transition:var(--transition-smooth);background:#ffffff05;align-items:center;gap:12px;padding:1.2rem;font-weight:500;display:flex}.checkbox-card-content svg{color:var(--text-secondary);transition:var(--transition-fast)}.checkbox-card input:checked+.checkbox-card-content{background:#00d2ff0d;border-color:#00d2ff99}.checkbox-card input:checked+.checkbox-card-content svg{color:var(--accent-blue);filter:drop-shadow(0 0 5px #00d2ff80)}.cotizador-result{border-left:2px solid #00d2ff26;flex-direction:column;justify-content:space-between;padding:2.5rem;display:flex}.result-header{text-align:center;margin-bottom:2rem}.result-header h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:1.2rem}.price-display{font-size:3.5rem;font-family:var(--font-heading);color:var(--text-primary);text-shadow:0 0 20px #00d2ff4d;font-weight:800}.price-display span{color:var(--text-secondary);font-size:1.2rem;font-weight:500}.result-breakdown{margin-bottom:2rem;list-style:none}.result-breakdown li{border-bottom:1px dashed #ffffff14;justify-content:space-between;padding:.75rem 0;font-size:.95rem;display:flex}.result-breakdown li:last-child{border-bottom:none}.result-breakdown li span:first-child{color:var(--text-secondary)}.result-breakdown li span:last-child{font-weight:600}.contact-layout{grid-template-columns:.9fr 1.1fr;gap:4rem;display:grid}.contact-info{flex-direction:column;gap:2rem;display:flex}.contact-card{padding:2rem}.contact-card h3{color:var(--accent-blue);align-items:center;gap:10px;margin-bottom:1.2rem;font-size:1.3rem;display:flex}.contact-card p{margin-bottom:.5rem;font-size:.95rem}.contact-card .phone-link{color:var(--text-primary);align-items:center;gap:8px;margin-top:10px;font-size:1.1rem;font-weight:700;display:inline-flex}.contact-card .phone-link:hover{color:var(--accent-blue)}.whatsapp-badge{color:#10b981;background:#10b98126;border:1px solid #10b9814d;border-radius:20px;align-items:center;gap:8px;margin-top:15px;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.contact-form-panel{padding:3rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-control{border:1px solid var(--card-border);border-radius:var(--border-radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-fast);background:#ffffff08;padding:.85rem 1.2rem;font-size:1rem}.form-control:focus{background:#ffffff0f;border-color:#00d2ff99;outline:none;box-shadow:0 0 15px #00d2ff26}textarea.form-control{resize:vertical;min-height:120px}.form-feedback{margin-top:1rem;font-size:.95rem;font-weight:500;display:none}.form-feedback.success{color:var(--success);display:block}.form-feedback.error{color:#ef4444;display:block}.lead-magnet-box{border-radius:var(--border-radius-lg);box-shadow:var(--neon-glow);background:linear-gradient(135deg,#0f172acc,#0b57d040);border:1px solid #00d2ff40;margin-top:5rem;padding:3.5rem;position:relative;overflow:hidden}.lead-magnet-grid{z-index:1;grid-template-columns:1.2fr .8fr;align-items:center;gap:3rem;display:grid;position:relative}.lead-magnet-text h3{background:linear-gradient(135deg,#fff,#00d2ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:2rem}.lead-magnet-action{border-radius:var(--border-radius-md);background:#0f172a99;border:1px solid #ffffff0d;padding:2rem}footer{background:#020617;border-top:1px solid #ffffff0d;padding:4rem 0 2rem}.footer-grid{grid-template-columns:1.2fr .8fr 1fr;gap:4rem;margin-bottom:3rem;display:grid}.footer-info{flex-direction:column;gap:1.5rem;display:flex}.footer-info img{align-self:flex-start;height:38px}.footer-links h4,.footer-contact h4{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.1rem}.footer-links ul{flex-direction:column;gap:.75rem;list-style:none;display:flex}.footer-links a{color:var(--text-secondary)}.footer-links a:hover{color:var(--accent-blue);padding-left:5px}.footer-contact p{margin-bottom:1rem;font-size:.9rem}.copyright{text-align:center;color:var(--text-secondary);border-top:1px solid #ffffff0d;padding-top:2rem;font-size:.9rem}@media (width<=1024px){.hero-grid,.service-display-grid,.cotizador-layout,.contact-layout,.lead-magnet-grid{grid-template-columns:1fr;gap:3rem}.cotizador-result{border-top:2px solid #00d2ff26;border-left:none;padding-top:3rem}}@media (width<=768px){.menu-btn{display:block}.nav-links{width:100%;height:calc(100vh - 80px);transition:var(--transition-smooth);background:#030712;border-top:1px solid #ffffff0d;flex-direction:column;align-items:flex-start;gap:2.5rem;padding:3rem 1.5rem;position:fixed;top:80px;left:-100%}.nav-links.active{left:0}.features-list,.radio-cards-grid,.checkbox-grid,.footer-grid{grid-template-columns:1fr}}