*{margin:0;padding:0;box-sizing:border-box}:root{--color-principal:#2563eb;--color-secundario:#1e40af;--color-acento:#fbbf24;--color-texto:#ffffff;--color-texto-secundario:#d1d5db;--color-card:rgba(17,24,39,.70);--sombra:0 15px 35px rgba(0,0,0,.25);--radio:20px;--transicion:.35s ease}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;color:var(--color-texto);min-height:100vh;background:linear-gradient( 135deg,#0f172a 0%,#1e3a8a 50%,#2563eb 100%)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(15,23,42,.4);box-shadow:0 5px 20px rgba(0,0,0,.15);transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.logo img{height:64px;width:auto;display:block;transition:var(--transicion)}
.navbar .logo{height:auto;align-self:center}.logo img:hover{transform:rotate(-5deg) scale(1.05)}.nav-links{display:flex;gap:16px;list-style:none}.nav-links a{color:white;text-decoration:none;font-weight:bold;font-size:.9rem;white-space:nowrap;position:relative;transition:var(--transicion)}
.nav-links a img{width:22px!important;height:15px!important;vertical-align:-2px!important;margin-right:0!important;border-radius:2px}.nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:3px;background:var(--color-acento);transition:var(--transicion)}.nav-links a:hover{color:var(--color-acento)}.nav-links a:hover::after{width:100%}.hero{display:flex;justify-content:center;align-items:center;text-align:center;min-height:75vh;padding:30px}.hero-content{max-width:900px;animation:fadeUp .8s ease}.hero h1{font-size:4.8rem;line-height:1.2;margin-bottom:25px}.hero p{font-size:1.35rem;color:var(--color-texto-secundario);margin-bottom:40px}.hero-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.boton,.boton-secundario{display:inline-block;padding:16px 35px;border-radius:14px;text-decoration:none;font-weight:bold;transition:var(--transicion)}.boton{background:var(--color-acento);color:#111827;box-shadow:var(--sombra)}.boton:hover{transform:translateY(-4px) scale(1.03)}.boton-secundario{border:2px solid white;color:white}.boton-secundario:hover{background:white;color:#111827}.features{max-width:1200px;margin:auto;padding:40px 20px}.features h2{text-align:center;margin-bottom:40px;font-size:2.2rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.feature{background:var(--color-card);backdrop-filter:blur(12px);border-radius:var(--radio);padding:35px;text-align:center;box-shadow:var(--sombra);transition:var(--transicion)}.feature:hover{transform:translateY(-10px)}.feature{font-size:1.2rem}.feature h3{margin:20px 0;color:var(--color-acento)}.feature p{color:var(--color-texto-secundario);line-height:1.6}.cards{max-width:1200px;margin:70px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:20px}.card{text-decoration:none;color:white;padding:35px;border-radius:var(--radio);text-align:center;backdrop-filter:blur(12px);background:var(--color-card);box-shadow:var(--sombra);transition:var(--transicion)}.card:hover{transform:translateY(-10px);background:rgba(31,41,55,.9)}.card div{font-size:55px}.card h2{margin:20px 0;color:var(--color-acento)}.card p{color:var(--color-texto-secundario);line-height:1.6}.stats{max-width:1100px;margin:80px auto;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.stats div{background:var(--color-card);backdrop-filter:blur(10px);border-radius:var(--radio);padding:35px;text-align:center;box-shadow:var(--sombra);transition:var(--transicion)}.stats div:hover{transform:translateY(-8px)}.stats h3{font-size:3rem;color:var(--color-acento);margin-bottom:10px}.stats p{color:var(--color-texto-secundario)}footer{margin-top:80px;padding:35px;text-align:center;background:rgba(0,0,0,.25);backdrop-filter:blur(10px)}footer p{margin:6px 0;color:var(--color-texto-secundario)}@keyframes fadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.feature-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:1fr}}@media(max-width:1024px),(hover:none) and (pointer:coarse){.navbar{flex-wrap:wrap;justify-content:center;gap:14px;padding:16px 20px}.logo img{height:60px}.nav-links{flex-wrap:wrap;justify-content:center;gap:14px 22px}}@media(max-width:768px){.navbar{flex-direction:column;gap:20px;padding:20px;background:rgba(10,15,30,.94)}.nav-links{flex-wrap:wrap;justify-content:center}.hero{min-height:65vh;min-height:65dvh}.hero h1{font-size:3rem}.hero p{font-size:1.1rem}}@media(max-width:500px){.hero h1{font-size:2.2rem}.cards{grid-template-columns:1fr}.boton,.boton-secundario{width:100%;text-align:center}}
/* Barra de scroll azul (consistente en toda la web) */
html{scrollbar-color:#3b82f6 #1e293b}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#1e293b}
::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:20px}
::-webkit-scrollbar-thumb:hover{background:#60a5fa}