:root{--azul-oscuro:#0f2f5c;--azul-medio:#2459a8;--azul:#3170cd;--azul-claro:#8fb3e6;--azul-fondo:#eef3fb;--blanco:#fff;--gris-texto:#333d4a;--rojo:#c0392b;--sombra:0 10px 30px #0f2f5c26}*{box-sizing:border-box}body{background:var(--azul-fondo);color:var(--gris-texto);margin:0;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}h1,h2,h3{color:var(--azul-oscuro)}button{cursor:pointer;font-family:inherit}.login-fondo{background:url(../images/login_bg.jpg) 50%/cover no-repeat fixed;justify-content:flex-start;align-items:center;min-height:100vh;padding:24px 24px 80px;display:flex}.login-caja{box-shadow:var(--sombra);background:#fffffff5;border-radius:16px;width:100%;max-width:420px;margin-left:4vw;padding:28px}@media (width<=700px){.login-fondo{background-color:#1170c4;background-position:95% 0;background-size:231vw;background-attachment:scroll;flex-direction:column;align-items:stretch;min-height:100dvh;padding:64vw 16px 0}.login-caja{background:var(--blanco);border-radius:20px;margin:0 auto 24px;padding:22px 20px 24px;box-shadow:0 -6px 30px #0f2f5c59}.login-caja .campo input{padding:12px 14px}.login-caja .boton{padding:14px}}.login-logo{width:130px;margin:0 auto 8px;display:block}.login-tabs{border-bottom:2px solid #dbe4f1;margin-bottom:20px;display:flex}.login-tabs button{color:#8a98ad;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:12px;font-size:1rem;font-weight:600}.login-tabs button.activa{color:var(--azul-oscuro);border-bottom-color:var(--azul)}.campo{text-align:left;margin-bottom:14px}.campo label{color:var(--azul-oscuro);margin-bottom:4px;font-size:.85rem;font-weight:600;display:block}.campo input,.campo select{background:var(--blanco);border:1px solid #c3d1e6;border-radius:8px;width:100%;padding:10px 12px;font-size:1rem}.campo input:focus,.campo select:focus{outline:2px solid var(--azul);border-color:var(--azul)}.campo-clave{position:relative}.campo-clave input{padding-right:40px}.boton-ver-clave{width:40px;color:var(--azul-medio);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;right:0}.boton-ver-clave:hover{color:var(--azul-oscuro)}.boton{background:var(--azul);width:100%;color:var(--blanco);border:none;border-radius:8px;padding:12px;font-size:1rem;font-weight:700;transition:background .2s}.boton:hover:not(:disabled){background:var(--azul-medio)}.boton:disabled{cursor:not-allowed;background:#a9c1e6}.boton-secundario{background:var(--blanco);color:var(--azul-medio);border:2px solid var(--azul)}.boton-secundario:hover:not(:disabled){background:var(--azul-fondo)}.mensaje-error{color:var(--rojo);background:#fdecea;border:1px solid #f5c6c0;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:.9rem}.mensaje-exito{color:var(--azul-medio);border:1px solid var(--azul-claro);background:#e7effb;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:.9rem}.fortaleza{margin-top:6px;font-size:.78rem;line-height:1.5}.fortaleza span{color:#97a3b5;margin-right:10px;display:inline-block}.fortaleza span.ok{color:var(--azul);font-weight:600}.login-titulo{text-align:center;margin-bottom:18px}.login-titulo h2{margin:4px 0 6px;font-size:1.3rem}.login-titulo p{margin:0;font-size:.9rem}.enlace-boton{color:var(--azul);background:0 0;border:none;padding:4px 0;font-size:.88rem;font-weight:600;text-decoration:none}.enlace-boton:hover{color:var(--azul-oscuro);text-decoration:underline}.olvide-clave{text-align:right;margin:-6px 0 14px}.volver-ingreso{text-align:center;margin-top:14px}.volver-ingreso a.boton{text-align:center;text-decoration:none;display:block}.campo-check{cursor:pointer;align-items:flex-start;gap:10px;margin:4px 0 16px;font-size:.88rem;line-height:1.4;display:flex}.campo-check input{width:18px;height:18px;accent-color:var(--azul);cursor:pointer;flex-shrink:0;margin:1px 0 0}.campo-check a{color:var(--azul);font-weight:600}.menu{background:linear-gradient(90deg, var(--azul-oscuro), var(--azul-medio));color:var(--blanco);z-index:20;box-shadow:var(--sombra);position:sticky;top:0}.menu-barra{align-items:center;padding:8px 16px;display:flex}.menu-logo{height:48px;margin-right:8px}.menu-enlaces{flex-wrap:wrap;align-items:center;gap:8px;padding:0 16px 8px;display:flex}.menu a{color:#d6e3f5;white-space:nowrap;border-radius:8px;padding:10px 14px;font-size:.95rem;font-weight:600;text-decoration:none}.menu a.activa,.menu a:hover{background:var(--azul);color:var(--blanco)}.menu-salir{border:2px solid var(--azul-claro);color:var(--blanco);white-space:nowrap;background:0 0;border-radius:8px;margin-left:auto;padding:8px 16px;font-weight:600}.menu-salir:hover{background:var(--rojo);border-color:var(--rojo)}.menu-hamburguesa{background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;margin-left:auto;padding:0;display:none}.menu-hamburguesa span{background:var(--blanco);border-radius:2px;width:24px;height:2.5px;transition:transform .25s,opacity .25s;display:block}.menu-hamburguesa.abierta span:first-child{transform:translateY(7.5px)rotate(45deg)}.menu-hamburguesa.abierta span:nth-child(2){opacity:0}.menu-hamburguesa.abierta span:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}@media (width<=780px){.menu-barra{padding:10px 16px}.menu-logo{height:40px}.menu-hamburguesa{display:flex}.menu-enlaces{flex-direction:column;align-items:stretch;gap:4px;max-height:0;padding:0 12px;transition:max-height .3s,padding .3s;overflow:hidden}.menu-enlaces.abierto{max-height:480px;padding:4px 12px 14px}.menu a{padding:12px 14px}.menu-salir{text-align:center;margin-top:6px;margin-left:0}}.contenido{max-width:1000px;margin:0 auto;padding:24px 16px 60px}.tarjeta{background:var(--blanco);box-shadow:var(--sombra);border-radius:14px;margin-bottom:24px;padding:24px}.pie{background:var(--azul-oscuro);color:#d6e3f5;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;padding:16px;font-size:.88rem;display:flex}.pie a{color:var(--blanco);font-weight:600;text-decoration:underline}.pie a:hover{color:var(--azul-claro)}.login-fondo .pie{background:#0f2f5cd9;position:fixed;bottom:0;left:0;right:0}@media (width<=700px){.login-logo{width:96px}.login-tabs{margin-bottom:16px}.login-fondo .pie{background:var(--azul-oscuro);margin:auto -16px 0;position:static}}#root{flex-direction:column;min-height:100vh;display:flex}.contenido{flex:1;width:100%}.carrusel{box-shadow:var(--sombra);aspect-ratio:1190/445;border-radius:14px;margin-bottom:24px;position:relative;overflow:hidden}.carrusel img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.carrusel img.visible{opacity:1}.carrusel-puntos{justify-content:center;gap:8px;display:flex;position:absolute;bottom:10px;left:0;right:0}.carrusel-puntos button{border:2px solid var(--blanco);background:0 0;border-radius:50%;width:12px;height:12px;padding:0}.carrusel-puntos button.activo{background:var(--blanco)}.como-ganas{box-shadow:var(--sombra);border-radius:14px;overflow:hidden}.como-ganas img{width:100%;display:block}.saludo h1{margin-top:0}.saludo p{margin-bottom:0}.banner{box-shadow:var(--sombra);border-radius:14px;margin-bottom:24px;position:relative;overflow:hidden}.banner img{width:100%;display:block}.banner-texto{color:var(--blanco);text-shadow:0 2px 8px #0009;max-width:55%;position:absolute;top:50%;left:5%;transform:translateY(-50%)}.banner-texto h1{color:var(--blanco);margin:0 0 6px;font-size:clamp(1.2rem,4vw,2.6rem)}.banner-texto p{margin:0;font-size:clamp(.8rem,2vw,1.2rem)}.fila-producto{align-items:flex-end;gap:10px;margin-bottom:10px;display:flex}.fila-producto .campo{margin-bottom:0}.fila-producto .campo:first-child{flex:1}.fila-producto .campo:nth-child(2){width:110px}.boton-quitar{color:var(--rojo);background:#fdecea;border:1px solid #f5c6c0;border-radius:8px;padding:10px 14px;font-weight:700}.vista-previa{border:1px solid #c3d1e6;border-radius:10px;max-width:240px;max-height:240px;margin-top:8px;display:block}.tabla{border-collapse:collapse;width:100%;font-size:.92rem}.tabla th,.tabla td{text-align:left;border-bottom:1px solid #e0e8f4;padding:10px 8px}.tabla th{color:var(--azul-oscuro)}.estado{text-transform:capitalize;border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:700}.estado.pendiente{color:#9c6f00;background:#fff6e0}.estado.aprobada{color:var(--azul-medio);background:#e7effb}.estado.rechazada{color:var(--rojo);background:#fdecea}.video-marco{aspect-ratio:16/9;background:#000;border-radius:10px;width:100%;position:relative;overflow:hidden}.video-marco iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.insignia{vertical-align:middle;border-radius:999px;margin-left:8px;padding:4px 12px;font-size:.82rem;font-weight:700;display:inline-block}.insignia.aprobado{color:var(--azul-medio);background:#e7effb}.insignia.reprobado{color:var(--rojo);background:#fdecea}.resumen-puntos{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;display:grid}.resumen-item{text-align:center;border:1px solid #dbe4f1;border-radius:10px;padding:16px}.resumen-valor{font-size:1.6rem;font-weight:800;display:block}.resumen-etiqueta{color:var(--azul-oscuro);font-size:.85rem}.resumen-item.ganado .resumen-valor{color:var(--azul-medio)}.resumen-item.gastado .resumen-valor{color:var(--rojo)}.resumen-item.pendiente .resumen-valor{color:#9c6f00}.pregunta{border:1px solid #dbe4f1;border-radius:10px;margin-bottom:14px;padding:16px}.pregunta p{color:var(--azul-oscuro);margin:0 0 10px;font-weight:600}.opcion{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.opcion:hover{background:var(--azul-fondo)}.catalogo-encabezado{scroll-margin-top:90px}.catalogo-encabezado h1{margin-bottom:4px}.catalogo-encabezado p{color:#5d6878;margin:0 0 20px}.grilla-productos{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}.producto-card{background:var(--blanco);box-shadow:var(--sombra);border-radius:14px;flex-direction:column;transition:transform .25s,box-shadow .25s;animation:.45s both aparecer;display:flex;overflow:hidden}.producto-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0f2f5c40}@keyframes aparecer{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:none}}.producto-imagen{background:linear-gradient(135deg, var(--azul-fondo), #d6e3f5);justify-content:center;align-items:center;height:150px;display:flex;position:relative;overflow:hidden}.producto-imagen img{object-fit:contain;max-width:100%;max-height:100%;transition:transform .35s}.producto-card:hover .producto-imagen img{transform:scale(1.08)}.premio-chip{background:var(--azul-oscuro);color:var(--blanco);text-transform:uppercase;letter-spacing:.6px;z-index:1;border-radius:999px;padding:4px 10px;font-size:.68rem;font-weight:700;position:absolute;top:10px;left:10px;box-shadow:0 2px 8px #0f2f5c4d}.producto-imagen .logo-marca{opacity:.85;width:90px}.producto-card h3{margin:12px 16px 6px;font-size:1rem}.producto-card p{color:#5d6878;flex:1;margin:0 16px 16px;font-size:.87rem}.filtros-categoria{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.filtros-categoria button{background:var(--blanco);border:2px solid var(--azul);color:var(--azul-medio);border-radius:999px;padding:7px 16px;font-size:.9rem;font-weight:600}.filtros-categoria button.activo{background:var(--azul);color:var(--blanco)}.premio-info{flex-direction:column;flex:1;display:flex}.premio-info h3{margin:14px 16px 2px}.premio-marca{color:#7d8899;margin:0 16px 6px;font-size:.8rem}.premio-puntos{background:linear-gradient(120deg, var(--azul-medio), var(--azul));color:var(--blanco);text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin:0 16px 16px;padding:10px;font-weight:800;transition:filter .2s,transform .2s;display:flex}.producto-card:hover .premio-puntos{filter:brightness(1.12);transform:scale(1.03)}.paginacion{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:28px;display:flex}.paginacion button{background:var(--blanco);min-width:40px;height:40px;color:var(--azul-medio);border:2px solid #c3d1e6;border-radius:10px;font-size:.95rem;font-weight:700;transition:all .2s}.paginacion button:hover:not(:disabled):not(.activo){border-color:var(--azul);background:var(--azul-fondo);transform:translateY(-2px)}.paginacion button.activo{background:var(--azul);border-color:var(--azul);color:var(--blanco);box-shadow:0 6px 14px #3170cd66}.paginacion button:disabled{opacity:.4;cursor:not-allowed}.paginacion .elipsis{color:#97a3b5;padding:0 4px;font-weight:700}@media (prefers-reduced-motion:reduce){.producto-card,.producto-imagen img,.premio-puntos,.paginacion button{transition:none;animation:none}}.cargando{text-align:center;color:var(--azul-medio);padding:40px;font-weight:600}