*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top,rgba(56,189,248,.14),transparent 34%),radial-gradient(circle at 20% 20%,rgba(96,165,250,.08),transparent 22%),linear-gradient(180deg,#020617,#06142b 45%,#0a1f44);color:#d8d2bf;position:relative;overflow-x:hidden;min-height:100vh}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1}body:before{background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.95),transparent),radial-gradient(1.5px 1.5px at 100px 80px,rgba(255,255,255,.75),transparent),radial-gradient(2px 2px at 180px 120px,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 250px 60px,rgba(255,255,255,.65),transparent),radial-gradient(2px 2px at 320px 140px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 390px 90px,rgba(255,255,255,.7),transparent);background-size:520px 260px;opacity:.42;animation:starsFloat 14s linear infinite}body:after{background-image:radial-gradient(1px 1px at 50px 50px,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 140px 160px,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 260px 100px,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 360px 180px,rgba(255,255,255,.45),transparent);background-size:460px 220px;opacity:.22;animation:starsFloatSoft 22s linear infinite}@keyframes starsFloat{0%{transform:translateY(0)}to{transform:translateY(-36px)}}@keyframes starsFloatSoft{0%{transform:translateY(0)}to{transform:translateY(-18px)}}img,video{max-width:100%;display:block}a{color:inherit}button,input,textarea,select{font:inherit}.container{width:min(1200px,92%);margin:0 auto}.servicios{padding:80px 20px;background:transparent;color:#fff;text-align:center}.servicios h2{font-size:clamp(2rem,4vw,2.5rem);margin-bottom:10px}.subtitle{color:#b8c7de;margin-bottom:40px}.grid-servicios{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.card{background:#0f172ac7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:25px;border-radius:18px;text-align:left;border:1px solid rgba(148,163,184,.18);box-shadow:0 12px 28px #0000002e;position:relative;animation:serviceFloat 4.8s ease-in-out infinite;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease}.card:nth-child(2){animation-duration:5.4s;animation-delay:.2s}.card:nth-child(3){animation-duration:5.9s;animation-delay:.3s}.card:nth-child(4){animation-duration:5.1s;animation-delay:.15s}.card:nth-child(5){animation-duration:6.2s;animation-delay:.25s}.card:nth-child(6){animation-duration:5.5s;animation-delay:.35s}.card:nth-child(7){animation-duration:6s;animation-delay:.18s}.card:nth-child(8){animation-duration:5.3s;animation-delay:.28s}.card:nth-child(9){animation-duration:6.4s;animation-delay:.12s}.card h3{margin-bottom:10px;color:#7dd3fc}.card p{color:#d7e2f3;font-size:.95rem;line-height:1.7}.card:hover{transform:translateY(-12px) scale(1.02);border-color:#38bdf8a6;box-shadow:0 18px 38px #38bdf829;background:#111c35eb}@keyframes serviceFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-4px) rotate(-.35deg)}50%{transform:translateY(-8px) rotate(.35deg)}75%{transform:translateY(-4px) rotate(-.2deg)}}@media(max-width:768px){.servicios{padding:64px 16px}.servicios h2{font-size:2rem}.card{text-align:center;padding:20px;animation:serviceFloatMobile 4.5s ease-in-out infinite}@keyframes serviceFloatMobile{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}}@media(max-width:480px){.servicios{padding:56px 14px}.subtitle{margin-bottom:28px}.grid-servicios{gap:16px}.card{padding:18px;border-radius:16px}}
