*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}html,body{color:#1e293b;background-color:#fff;width:100%;height:100%;overflow-x:hidden}#root,.contenedor-sitio{background-color:#fff;flex-direction:column;width:100%;min-height:100vh;display:flex}body{color:#1e293b;padding-top:75px}.barra-fija{z-index:1000;background-color:#090d16;border-bottom:1px solid #1e293b;width:100%;height:75px;position:fixed;top:0;left:0;box-shadow:0 2px 10px #00000026}.contenedor-header{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:100%;padding:0 4vw;display:grid}.navegacion{align-items:center;gap:15px;display:flex}.navegacion button{color:#e2e8f0;cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:.95rem;font-weight:500;transition:color .2s}.navegacion button:hover,.navegacion button.activo{color:#38bdf8;font-weight:700}.logo{justify-content:center;align-items:center;display:flex}.logo img{object-fit:contain;border-radius:50%;width:auto;max-height:62px;transition:transform .2s}.logo img:hover{transform:scale(1.06)}.btn-login{color:#fff;cursor:pointer;background-color:#0284c7;border:none;border-radius:6px;justify-self:end;padding:9px 18px;font-size:.9rem;font-weight:700;transition:background-color .2s}.btn-login:hover{background-color:#0369a1}.contenido-principal{color:#0f172a;box-sizing:border-box;background-color:#fff;flex:1;width:100%;padding:40px 4vw 60px}.titulo-seccion{text-align:center;color:#0f172a;margin-bottom:8px;font-size:2.2rem}.subtitulo-seccion{text-align:center;color:#64748b;margin-bottom:30px;font-size:1.1rem}.seccion-tarjeta{box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;margin-bottom:30px;padding:30px;box-shadow:0 2px 8px #0000000a}.seccion-tarjeta h2{color:#0284c7;margin-bottom:15px;font-size:1.4rem}.carrusel-solo-container{box-sizing:border-box;width:100%;padding:20px 0;overflow:hidden}.carrusel-track-infinito{gap:20px;width:max-content;animation:20s linear infinite girarCarrusel;display:flex}.carrusel-track-infinito:hover{animation-play-state:paused}@keyframes girarCarrusel{0%{transform:translate(0)}to{transform:translate(-50%)}}.tarjeta-gamma{cursor:pointer;background-color:#1e293b;border:1px solid #ffffff26;border-radius:14px;flex-shrink:0;min-width:280px;max-width:320px;height:200px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden;box-shadow:0 10px 20px #0006}.tarjeta-gamma:hover{border-color:#38bdf8;transform:translateY(-6px)scale(1.02);box-shadow:0 15px 30px #38bdf859}.tarjeta-gamma img{object-fit:cover;width:100%;height:100%;display:block}.tarjeta-gamma .contenido-tarjeta{text-align:left;background:linear-gradient(#0000,#0f172af2);width:100%;padding:15px;position:absolute;bottom:0;left:0}.tarjeta-gamma h3{color:#fff;margin-bottom:4px;font-size:1.1rem}.tarjeta-gamma span{color:#38bdf8;font-size:.8rem}.pie-pagina{color:#94a3b8;box-sizing:border-box;background-color:#0f172a;border-top:1px solid #1e293b;width:100%;margin-top:auto;padding:40px 4vw}.contenedor-footer{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;width:100%;display:grid}.footer-columna h4{color:#f8fafc;margin-bottom:12px;font-size:1rem}.footer-columna p{margin-bottom:6px;font-size:.88rem;line-height:1.6}.footer-columna strong{color:#e2e8f0}.footer-columna a{color:#cbd5e0;margin-bottom:6px;font-size:.88rem;text-decoration:none;transition:color .2s;display:block}.footer-columna a:hover{color:#38bdf8}.cuerpo-aplicacion{box-sizing:border-box;flex:1;width:100%;display:flex}.sidebar-lateral{box-sizing:border-box;background-color:#0f172a;border-right:1px solid #1e293b;flex-direction:column;flex-shrink:0;width:240px;min-width:240px;padding:20px 0;display:flex}.sidebar-titulo{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;padding:0 20px 12px;font-size:.75rem;font-weight:700}.sidebar-navegacion{flex-direction:column;gap:4px;display:flex}.sidebar-navegacion button{color:#cbd5e0;cursor:pointer;text-align:left;background:0 0;border:none;border-left:4px solid #0000;align-items:center;gap:12px;padding:12px 20px;font-size:.9rem;transition:all .2s;display:flex}.sidebar-navegacion button:hover,.sidebar-navegacion button.activo{color:#fff;background-color:#0284c7;border-left:4px solid #38bdf8;font-weight:700}.sidebar-estado{color:#94a3b8;border-top:1px solid #1e293b;margin-top:auto;padding:15px 20px;font-size:.75rem}.estado-online{color:#22c55e;font-weight:700}@media (width<=768px){.contenedor-header{text-align:center;grid-template-columns:1fr;gap:12px;height:auto;padding:15px}.btn-login{justify-self:center}body{padding-top:130px}.contenedor-header{gap:8px!important;padding:0 10px!important}.contenedor-header .logo img{max-height:38px!important}.cuerpo-aplicacion{flex-direction:column!important;min-height:auto!important}.sidebar-lateral{border-bottom:1px solid #1e293b!important;border-right:none!important;width:100%!important;min-width:100%!important;padding:10px 15px!important}.sidebar-lateral .sidebar-navegacion{flex-flow:wrap!important;gap:6px!important}.sidebar-lateral .sidebar-navegacion button{border-left:none!important;border-radius:4px!important;flex:calc(50% - 6px)!important;padding:8px 12px!important;font-size:.8rem!important}.sidebar-lateral .sidebar-estado{display:none!important}.contenido-principal{width:100%!important;padding:15px 12px!important}.seccion-tarjeta{border-radius:6px!important;padding:12px!important}.seccion-tarjeta div[style*=grid-template-columns]{grid-template-columns:1fr!important}}