:root{--bg-dark: #090B0E;--bg-card: rgba(18, 22, 29, .7);--bg-card-hover: rgba(28, 34, 46, .85);--border-card: rgba(255, 255, 255, .08);--border-glow: rgba(255, 122, 0, .4);--brand-orange: #FF7A00;--brand-orange-light: #FFA043;--brand-orange-dark: #D45B00;--brand-gray: #4A505A;--brand-gray-light: #9EA6B4;--text-main: #F0F4F8;--text-muted: #94A3B8;--font-heading: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--shadow-glow: 0 0 35px rgba(255, 122, 0, .25);--shadow-card: 0 20px 40px -15px rgba(0, 0, 0, .7)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);overflow-x:hidden}body{min-height:100vh;position:relative;background:radial-gradient(circle at 50% 0%,rgba(255,122,0,.08) 0%,transparent 50%),radial-gradient(circle at 100% 40%,rgba(30,40,60,.3) 0%,transparent 60%)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#252a34;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--brand-orange)}h1,h2,h3,h4,.font-heading{font-family:var(--font-heading)}.gradient-text{background:linear-gradient(135deg,#FFFFFF 0%,#E2E8F0 50%,var(--brand-orange-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-orange-text{background:linear-gradient(135deg,#ffa043,#ff7a00,#ff4500);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-card);border-radius:20px;box-shadow:var(--shadow-card);transition:all .4s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:#ff7a0040;box-shadow:var(--shadow-card),0 0 25px #ff7a001f}.glass-pill{background:#ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:9999px;padding:6px 16px;font-size:.85rem;font-weight:500;display:inline-flex;align-items:center;gap:8px;color:var(--brand-orange-light)}.btn-primary{background:linear-gradient(135deg,#ff8c1a,#ff7a00 60%,#e66000);color:#fff;border:none;border-radius:12px;padding:14px 28px;font-family:var(--font-heading);font-weight:600;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;box-shadow:0 8px 25px -6px #ff7a0080;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 35px -4px #ff7a00b3}.btn-primary:hover:before{left:100%}.btn-secondary{background:#ffffff0d;color:var(--text-main);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px 28px;font-family:var(--font-heading);font-weight:600;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease}.btn-secondary:hover{background:#ffffff1a;border-color:#ff7a0080;color:#fff;transform:translateY(-2px)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes pulseGlow{0%,to{opacity:.4;filter:blur(30px)}50%{opacity:.8;filter:blur(45px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulseGlow 4s ease-in-out infinite}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040609d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .25s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.admin-container{display:flex;flex-direction:row;flex:1}.admin-header{flex-wrap:wrap;height:auto!important;min-height:52px;padding:10px 24px!important;gap:12px}@media (max-width: 768px){.admin-container{flex-direction:column!important;display:flex!important}.admin-sidebar{width:100%!important;border-right:none!important;border-bottom:1px solid rgba(255,255,255,.08)!important;flex-direction:row!important;display:flex!important;overflow-x:auto!important;padding:12px!important;gap:12px!important}.admin-sidebar::-webkit-scrollbar{height:4px}.admin-sidebar-title{display:none!important}.admin-sidebar button{flex-shrink:0!important;padding:8px 12px!important;font-size:.85rem!important;display:flex!important;align-items:center!important}.admin-sidebar button span{font-size:.75rem!important}.admin-main{padding:16px!important}.admin-header{flex-direction:column!important;align-items:flex-start!important;height:auto!important;padding:12px 16px!important;gap:12px!important;display:flex!important}.admin-header div{flex-direction:column!important;align-items:flex-start!important;width:100%!important;gap:10px!important}.admin-header button{width:100%!important;justify-content:center!important}}.admin-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:16px}@media (max-width: 768px){.admin-tab-header{flex-direction:column!important;align-items:stretch!important}.admin-tab-header button{width:100%!important;justify-content:center!important}}@media (max-width: 991px){.desktop-nav,.desktop-cta{display:none!important}.mobile-menu-btn{display:block!important}header{padding:12px 16px!important}section{padding:60px 16px!important}#precios>div>div:nth-child(2){grid-template-columns:1fr!important;padding:0 10px}}@media (max-width: 768px){h1{font-size:2.2rem!important}h2{font-size:1.8rem!important}.glass-panel{padding:24px 16px!important;border-radius:16px!important}#calculadora .glass-panel>div:nth-child(2){grid-template-columns:1fr!important;gap:30px!important}#calculadora button{font-size:.85rem!important}#contacto .glass-panel form>div{grid-template-columns:1fr!important;gap:16px!important}#contacto .glass-panel{padding:24px 16px!important}#servicios .grid,section[id=servicios]>div>div:nth-child(2){grid-template-columns:1fr!important;gap:20px!important}}
