.pantalla-carga{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * 2);background-color:var(--color-primary);color:#fff}.pantalla-carga-logo{width:72px;height:auto;animation:pantalla-carga-latido 1.6s ease-in-out infinite}.pantalla-carga-marca{font-size:1.8rem;font-weight:800;letter-spacing:2px;color:#fff}.pantalla-carga-spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.25);border-top-color:var(--color-secondary);border-radius:50%;animation:spin .9s linear infinite}.pantalla-carga-texto{margin:0;font-size:.9rem;color:var(--color-accent2)}@keyframes pantalla-carga-latido{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.85}}@media(prefers-reduced-motion:reduce){.pantalla-carga-logo{animation:none}.pantalla-carga-spinner{animation-duration:2s}}.acceso-pagina{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing-unit) * 2);background:radial-gradient(120% 120% at 50% 0%,#0a0c4f 0%,var(--color-primary) 55%,#00016e 100%);position:relative;overflow:hidden}.acceso-pagina:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 60%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 60%,transparent 100%);pointer-events:none}.acceso-marco{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr;width:100%;max-width:940px;border-radius:var(--radius-lg);overflow:hidden;background:#fff;box-shadow:0 30px 70px #00000059}.acceso-marca{display:flex;flex-direction:column;padding:40px 36px;background:linear-gradient(155deg,var(--color-primary) 0%,#0a0c4f 100%);color:#fff}.acceso-marca-cabecera{display:flex;align-items:center;gap:12px;margin-bottom:32px}.acceso-marca-cabecera>div{display:flex;flex-direction:column;line-height:1.1}.acceso-logo-img{width:42px;height:42px;flex-shrink:0;object-fit:contain}.acceso-logo{font-size:1.9rem;font-weight:800;letter-spacing:-.02em;color:var(--color-secondary);line-height:1}.acceso-logo-sub{font-size:.72rem;font-weight:600;color:#ffffff8c}.acceso-marca-titulo{margin:0 0 28px;font-size:1.5rem;font-weight:800;line-height:1.32;color:#fff}.acceso-marca-titulo span{color:var(--color-secondary)}.acceso-ventajas{list-style:none;margin:0 0 auto;padding:0;display:flex;flex-direction:column;gap:18px}.acceso-ventajas li{display:flex;align-items:flex-start;gap:12px}.acceso-ventaja-icono{flex-shrink:0;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:#0eda9129;color:var(--color-secondary)}.acceso-ventajas strong{display:block;font-size:.9rem;margin-bottom:2px;color:#fff}.acceso-ventajas p{margin:0;font-size:.8rem;line-height:1.5;color:#ffffffa6}.acceso-marca-pie{display:flex;align-items:center;gap:7px;margin:32px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);font-size:.76rem;font-weight:600;color:#ffffffb3}.acceso-marca-pie svg{flex-shrink:0;color:var(--color-secondary)}.acceso-tarjeta{padding:40px 36px;background:#fff;display:flex;flex-direction:column}.acceso-marca-movil{display:none}.acceso-promo{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;margin-bottom:22px;padding:12px;border:1px solid rgba(14,218,145,.4);border-radius:var(--radius-md);background:#0eda9117}.acceso-promo-dias{font-size:1.05rem;font-weight:800;color:#06301f}.acceso-promo-detalle{font-size:.76rem;font-weight:600;color:var(--color-success-text)}.acceso-pestanas{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:24px;border-radius:var(--radius-md);background:var(--color-bg-light);border:1px solid #e2e8f0}.acceso-tarjeta .acceso-pestana{padding:10px 8px;min-height:40px;border:none;border-radius:6px;background:transparent;color:var(--color-text-gray);font-family:inherit;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .18s ease,color .18s ease}.acceso-tarjeta .acceso-pestana:hover{color:var(--color-primary);transform:none;box-shadow:none}.acceso-tarjeta .acceso-pestana.activa{background:#fff;color:var(--color-primary);box-shadow:0 1px 3px rgba(var(--color-text-dark-rgb),.12)}.acceso-tarjeta .acceso-volver{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-bottom:18px;padding:6px 10px 6px 6px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-gray);font-family:inherit;font-size:.83rem;font-weight:700;cursor:pointer}.acceso-tarjeta .acceso-volver:hover{background:var(--color-bg-light);color:var(--color-primary);transform:none;box-shadow:none}.acceso-encabezado{margin-bottom:20px}.acceso-encabezado h1{margin:0 0 4px;font-size:1.4rem;font-weight:800;color:var(--color-text-dark);line-height:1.25}.acceso-encabezado p{margin:0;font-size:.85rem;color:var(--color-text-gray)}.acceso-aviso{display:flex;align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 12px;border-radius:var(--radius-md);font-size:.83rem;font-weight:600;line-height:1.45}.acceso-aviso svg{flex-shrink:0;margin-top:1px}.acceso-aviso.es-error{background:rgba(var(--color-danger-rgb),.09);color:var(--color-danger)}.acceso-aviso.es-exito{background:rgba(var(--color-secondary-rgb),.14);color:var(--color-success-text)}.acceso-formulario{display:flex;flex-direction:column;gap:14px}.acceso-campo{display:flex;flex-direction:column;gap:6px}.acceso-campo label{font-size:.78rem;font-weight:700;color:#475569}.acceso-entrada{position:relative;display:flex;align-items:center}.acceso-entrada-icono{position:absolute;left:13px;color:#94a3b8;pointer-events:none}.acceso-tarjeta .acceso-entrada input{width:100%;min-height:var(--tap-min);margin:0;padding:12px 14px 12px 40px;border:1px solid #cbd5e1;border-radius:var(--radius-md);background:#fff;font-family:inherit;font-size:16px;color:#334155;transition:border-color .2s ease,box-shadow .2s ease}.acceso-tarjeta .acceso-entrada input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.acceso-entrada:has(.acceso-ver-clave) input{padding-right:44px}.acceso-tarjeta .acceso-ver-clave{position:absolute;right:6px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:transparent;color:#94a3b8;cursor:pointer}.acceso-tarjeta .acceso-ver-clave:hover{background:var(--color-bg-light);color:var(--color-primary);transform:none;box-shadow:none}.acceso-tarjeta .acceso-btn-principal{width:100%;min-height:var(--tap-min);margin-top:4px;padding:13px 20px;border:none;border-radius:var(--radius-md);background:var(--color-secondary);color:#06301f;font-family:inherit;font-size:.98rem;font-weight:800;cursor:pointer;transition:filter .15s ease}.acceso-tarjeta .acceso-btn-principal:hover{filter:brightness(.95);transform:none;box-shadow:none}.acceso-tarjeta .acceso-btn-principal:disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed;filter:none}.acceso-tarjeta .acceso-enlace{align-self:center;padding:4px;border:none;background:none;color:var(--color-text-gray);font-family:inherit;font-size:.8rem;font-weight:600;text-decoration:underline;cursor:pointer}.acceso-tarjeta .acceso-enlace:hover{color:var(--color-primary);transform:none;box-shadow:none}.acceso-separador{display:flex;align-items:center;gap:12px;margin:20px 0;color:#94a3b8;font-size:.8rem}.acceso-separador:before,.acceso-separador:after{content:"";flex:1;height:1px;background:#e2e8f0}.acceso-tarjeta .acceso-btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:var(--tap-min);padding:12px 20px;border:1px solid #cbd5e1;border-radius:var(--radius-md);background:#fff;color:#334155;font-family:inherit;font-size:.92rem;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease}.acceso-tarjeta .acceso-btn-google:hover{background:var(--color-bg-light);border-color:#94a3b8;transform:none;box-shadow:none}.acceso-google-icono{width:19px;height:19px;flex-shrink:0}.acceso-pie{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:24px;padding-top:18px;border-top:1px solid #e2e8f0}.acceso-pie span{display:inline-flex;align-items:center;gap:5px;font-size:.73rem;font-weight:600;color:var(--color-text-gray)}.acceso-pie svg{flex-shrink:0;color:var(--color-secondary)}@media(max-width:860px){.acceso-pagina{padding:0;align-items:stretch}.acceso-marco{grid-template-columns:1fr;max-width:520px;margin:0 auto;border-radius:0;min-height:100vh;min-height:100dvh;box-shadow:none}.acceso-marca{display:none}.acceso-marca-movil{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.acceso-marca-movil .acceso-logo-img{width:34px;height:34px}.acceso-marca-movil .acceso-logo{color:var(--color-primary)}.acceso-tarjeta{padding:28px 22px calc(28px + var(--safe-bottom)) 22px;justify-content:center;flex:1}}@media(max-width:400px){.acceso-tarjeta{padding:22px 16px calc(22px + var(--safe-bottom)) 16px}.acceso-encabezado h1{font-size:1.22rem}.acceso-promo-dias{font-size:.98rem}.acceso-pie{gap:6px 12px}}@media(prefers-reduced-motion:reduce){.acceso-pagina *,.acceso-pagina *:before{transition:none!important}}.planes-suscripcion-container{padding:30px 20px 26px;background:linear-gradient(170deg,var(--color-benefits-bg) 0%,rgba(var(--color-primary-rgb),.03) 55%,transparent 100%);border-radius:20px;margin:0}.planes-titulo{text-align:center;color:var(--color-primary);font-size:2.1rem;font-weight:800;letter-spacing:-.025em;line-height:1.15;margin:0 0 8px}.planes-subtitulo{text-align:center;color:var(--color-text-gray);font-size:1rem;line-height:1.5;margin:0 auto 34px;max-width:560px}.planes-aviso-error{max-width:620px;margin:0 auto 24px;padding:12px 16px;border-radius:var(--radius-md);background:rgba(var(--color-danger-rgb),.08);color:var(--color-danger);border:1px solid rgba(var(--color-danger-rgb),.25);font-size:.92rem;text-align:center}.planes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));align-items:stretch;gap:22px;width:100%;margin:0 auto;padding-top:16px}.plan-card{display:flex;flex-direction:column;min-width:0;background:#fff;border-radius:18px;border:1px solid rgba(var(--color-text-dark-rgb),.09);padding:30px 24px 24px;box-shadow:0 4px 20px rgba(var(--color-text-dark-rgb),.06);transition:transform .25s ease,box-shadow .25s ease;position:relative;overflow:visible}.plan-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(var(--color-text-dark-rgb),.12)}.plan-destacado{border:2px solid var(--color-secondary);box-shadow:0 10px 32px rgba(var(--color-secondary-rgb),.24)}.plan-premium{border:2px solid var(--color-primary);background:linear-gradient(180deg,rgba(var(--color-primary-rgb),.045),#fff 200px)}.etiqueta-popular{position:absolute;top:-13px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:5px;white-space:nowrap;background:var(--color-secondary);color:#05372a;padding:5px 16px;border-radius:20px;font-size:.78rem;font-weight:700;box-shadow:0 3px 10px rgba(var(--color-secondary-rgb),.4)}.etiqueta-premium{background:var(--color-primary);color:#fff;box-shadow:0 3px 10px rgba(var(--color-primary-rgb),.35)}.plan-nombre{text-align:center;color:var(--color-primary);font-size:1.25rem;font-weight:700;margin:6px 0}.plan-resumen{text-align:center;color:var(--color-text-gray);font-size:.9rem;line-height:1.45;margin:0 0 20px;min-height:2.6em}.plan-precio{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:3px;margin-bottom:4px;min-width:0}.simbolo-moneda{color:var(--color-secondary);font-size:1.35rem;font-weight:700}.cantidad{color:var(--color-primary);font-size:2.6rem;font-weight:800;letter-spacing:-.035em;line-height:1}.codigo-moneda{color:var(--color-text-gray);font-size:.85rem;font-weight:600}.plan-periodo{text-align:center;color:var(--color-text-gray);font-size:.87rem;margin-bottom:10px}.precio-tachado{text-decoration:line-through;color:#9aa5b1;font-weight:500;margin-right:6px}.plan-ahorro-hueco{display:flex;justify-content:center;align-items:center;min-height:30px;margin-bottom:12px}.plan-ahorro{padding:5px 14px;border-radius:20px;background:rgba(var(--color-secondary-rgb),.16);color:#05372a;font-size:.83rem;font-weight:700;white-space:nowrap}.zona-boton-bold{display:flex;justify-content:center;margin:4px 0 20px}.plan-caracteristicas{list-style:none;padding:16px 0 0;margin:auto 0 0;border-top:1px solid rgba(var(--color-text-dark-rgb),.07)}.plan-caracteristicas li{padding:6px 0;color:var(--color-text-gray);font-size:.89rem;line-height:1.45;display:flex;align-items:flex-start;gap:9px;text-align:left}.plan-caracteristicas .feat-icono{color:var(--color-success-text);flex-shrink:0;margin-top:2px}.plan-caracteristicas .feat-fuerte{color:var(--color-text-dark);font-weight:600}.plan-caracteristicas .feat-fuerte .feat-icono{color:var(--color-primary)}.plan-caracteristicas .feat-excluida{color:#9aa5b1}.plan-caracteristicas .feat-excluida .feat-icono{color:#c3ccd6}.incluido-todos{margin-top:28px;padding:22px 24px;background:#ffffffbf;border:1px solid rgba(var(--color-text-dark-rgb),.07);border-radius:16px}.incluido-titulo{margin:0 0 14px;text-align:center;color:var(--color-primary);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.incluido-lista{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:4px 24px}.incluido-lista li{display:flex;align-items:flex-start;min-width:0;gap:9px;padding:5px 0;color:var(--color-text-gray);font-size:.88rem;line-height:1.4}.incluido-lista .feat-icono{color:var(--color-success-text);flex-shrink:0;margin-top:2px}.creditos-bloque{margin-top:28px;background:#fff;border:1px solid rgba(var(--color-text-dark-rgb),.08);border-radius:18px;padding:26px 24px;box-shadow:0 4px 20px rgba(var(--color-text-dark-rgb),.06)}.creditos-encabezado{text-align:center;margin-bottom:22px}.creditos-titulo{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary);font-size:1.25rem;font-weight:700;margin:0 0 6px}.creditos-subtitulo{color:var(--color-text-gray);font-size:.92rem;line-height:1.5;margin:0 auto;max-width:540px}.paquetes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:14px;margin-bottom:24px}.paquete-card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;gap:2px;padding:20px 14px 16px;min-height:var(--tap-min);background:var(--color-bg-light);border:2px solid rgba(var(--color-text-dark-rgb),.08);border-radius:14px;cursor:pointer;font-family:inherit;transition:border-color .2s ease,background .2s ease,transform .2s ease}.paquete-card:hover{border-color:rgba(var(--color-secondary-rgb),.6);transform:translateY(-2px)}.paquete-activo{border-color:var(--color-secondary);background:rgba(var(--color-secondary-rgb),.08)}.paquete-descuento{position:absolute;top:-10px;left:50%;transform:translate(-50%);white-space:nowrap;background:var(--color-primary);color:#fff;font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:12px}.paquete-creditos{color:var(--color-primary);font-size:1.6rem;font-weight:800;line-height:1.1}.paquete-etiqueta{color:var(--color-text-gray);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.paquete-precio{margin-top:8px;color:var(--color-text-dark);font-size:.95rem;font-weight:700}.paquete-check{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--color-secondary);color:#05372a}.creditos-resumen{display:grid;grid-template-columns:280px 1fr;gap:26px;align-items:center;border-top:1px solid rgba(var(--color-text-dark-rgb),.07);padding-top:20px}.creditos-caracteristicas{margin:0;padding:0;border-top:none}.creditos-compra{display:flex;flex-direction:column;gap:12px}.creditos-total{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px;background:rgba(var(--color-primary-rgb),.05);border-radius:12px}.creditos-total-label{color:var(--color-text-gray);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em}.creditos-total strong{color:var(--color-primary);font-size:1.2rem}.creditos-total-precio{color:var(--color-text-dark);font-weight:700;font-size:1rem}.creditos-compra .zona-boton-bold{margin:0}.garantia-texto{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;text-align:center;color:var(--color-text-gray);font-size:.88rem;margin:26px 0 0}.garantia-texto svg{color:var(--color-success-text);flex-shrink:0}.es-compacto{padding:22px 14px}.es-compacto .planes-titulo{font-size:1.5rem}.es-compacto .planes-subtitulo{font-size:.9rem;margin-bottom:22px}.es-compacto .plan-card{padding:26px 18px 18px}.es-compacto .cantidad{font-size:2.2rem}.es-compacto .plan-resumen{margin-bottom:16px}.es-compacto .incluido-todos{margin-top:22px;padding:18px}.es-compacto .creditos-bloque{margin-top:22px;padding:20px 16px}@media(max-width:940px){.creditos-resumen{grid-template-columns:1fr;gap:18px}}@media(max-width:768px){.planes-suscripcion-container{padding:24px 12px;border-radius:14px}.planes-grid{grid-template-columns:1fr;gap:30px}.planes-titulo{font-size:1.6rem}.planes-subtitulo{font-size:.9rem;margin-bottom:24px}.cantidad{font-size:2.3rem}.plan-resumen{min-height:0;margin-bottom:16px}.incluido-lista{grid-template-columns:1fr}.paquetes-grid{grid-template-columns:1fr;gap:18px}}@media(max-width:400px){.planes-suscripcion-container{padding:20px 8px}.plan-card{padding:26px 16px 20px}.planes-titulo{font-size:1.4rem}.cantidad{font-size:2rem}.plan-ahorro{white-space:normal}.etiqueta-popular{font-size:.66rem}}.bpb-zona{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:100%}.bpb-boton{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:max(var(--tap-min),48px);padding:12px 18px;border:none;border-radius:var(--radius-lg);font-family:inherit;font-size:.95rem;font-weight:700;line-height:1.2;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.bpb-principal{color:#fff;background:linear-gradient(45deg,var(--color-primary) 0%,#2a2bc4 100%);box-shadow:0 4px 14px rgba(var(--color-primary-rgb),.28)}.bpb-principal:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 20px rgba(var(--color-primary-rgb),.34)}.bpb-suave{color:var(--color-primary);background:transparent;border:2px solid var(--color-primary)}.bpb-suave:hover:not(:disabled){color:#fff;background:var(--color-primary);transform:translateY(-1px);box-shadow:0 6px 16px rgba(var(--color-primary-rgb),.2)}.bpb-boton:active:not(:disabled){transform:translateY(0)}.bpb-boton:focus-visible{outline:3px solid rgba(var(--color-secondary-rgb),.55);outline-offset:2px}.bpb-boton:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.bpb-boton.bpb-cargando{cursor:progress;opacity:1}.bpb-texto{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bpb-candado{flex-shrink:0;opacity:.85}.bpb-marca{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;opacity:.9}.bpb-con{font-size:.78rem;font-weight:500}.bpb-logo{display:block;width:auto}.bpb-spinner{flex-shrink:0;width:16px;height:16px;border:2.5px solid rgba(255,255,255,.35);border-left-color:currentColor;border-radius:50%;animation:bpb-girar .8s linear infinite}.bpb-suave .bpb-spinner{border-color:rgba(var(--color-primary-rgb),.25);border-left-color:var(--color-primary)}.bpb-error{font-size:.78rem;font-weight:600;line-height:1.35;text-align:center;color:var(--color-danger)}@keyframes bpb-girar{to{transform:rotate(360deg)}}@media(max-width:380px){.bpb-boton{font-size:.88rem;padding:12px 14px}.bpb-con{display:none}}@media(prefers-reduced-motion:reduce){.bpb-boton{transition:none}.bpb-spinner{animation-duration:2s}}:root{--tutorial-green-bg: rgba(14, 218, 145, .12);--tutorial-green-text: #0ab77f;--tutorial-red-bg: rgba(239, 68, 68, .1);--tutorial-red-text: #ef4444;--color-primary-rgb: 30, 41, 59}.tutorial-container.enhanced{background:#fff;border-radius:20px;border:1px solid #e2e8f0;padding:30px;margin-bottom:35px;box-shadow:0 10px 30px rgba(var(--color-primary-rgb),.08);position:relative;overflow:visible}.tutorial-header-block.central{text-align:center;margin-bottom:30px;display:flex;flex-direction:column;align-items:center}.tutorial-badge.urgent{display:inline-flex;align-items:center;gap:8px;background:var(--tutorial-red-bg);color:var(--tutorial-red-text);font-size:.75rem;font-weight:800;padding:6px 16px;border-radius:50px;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;border:1px solid rgba(239,68,68,.2)}.tutorial-title.compelling{font-size:1.6rem;font-weight:800;color:var(--color-primary);margin:0 0 12px;letter-spacing:-.5px;line-height:1.2;max-width:650px}.tutorial-subtitle.clear{font-size:.95rem;color:#64748b;line-height:1.6;margin:0;max-width:680px}.tutorial-subtitle.clear strong{color:var(--color-primary);font-weight:700}.video-main-structure{position:relative;margin-bottom:20px}.tutorial-nota-movil{display:flex;align-items:flex-start;gap:7px;max-width:520px;margin:12px auto 0;padding:9px 12px;border:1px solid #fcd34d;border-radius:8px;background:#fffbeb;color:var(--color-warning-text);font-size:.8rem;line-height:1.45;text-align:left}.tutorial-nota-movil svg{flex-shrink:0;margin-top:1px;color:var(--color-warning)}.visual-pointers{position:absolute;color:#0ab77f;z-index:1;display:none}@media(min-width:1024px){.visual-pointers{display:block}}.visual-pointers.top-left{top:-15px;left:-35px;transform:rotate(45deg);animation:floatPointer 2s ease-in-out infinite}.visual-pointers.bottom-right{bottom:-15px;right:-35px;transform:rotate(225deg);animation:floatPointer 2s ease-in-out infinite}@keyframes floatPointer{0%,to{transform:translateY(0) rotate(inherit);opacity:.8}50%{transform:translateY(-10px) rotate(inherit);opacity:1}}.video-player-frame{position:relative;background:#0f172a;border-radius:16px;overflow:hidden;border:2px solid #f1f5f9;transition:box-shadow .3s ease,border-color .3s ease}.pulsing-aura{animation:pulseAura 3s ease-in-out infinite}@keyframes pulseAura{0%,to{box-shadow:0 15px 40px #00000026;border-color:#f1f5f9}50%{box-shadow:0 15px 50px #0ab77f4d;border-color:#0ab77f}}.video-overlay,.video-wrapper.embedded{width:100%;position:relative;padding-bottom:56.25%;height:0}.video-overlay{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease}.overlay-thumb-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:filter .3s ease,transform .3s ease}.overlay-blur-layer{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f172a4d;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);z-index:1}.video-overlay:hover .overlay-blur-layer{background:#0f172a1a;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.video-overlay:hover .overlay-thumb-img{transform:scale(1.02)}.play-button-massive-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.play-button-massive{display:flex;align-items:center;justify-content:center;width:90px;height:90px;border-radius:50%;background-color:#0eda91;box-shadow:0 10px 25px #0eda9166;transition:transform .2s ease,background-color .3s ease}.play-icon-fix{margin-left:6px}.video-overlay:hover .play-button-massive{background-color:#0ab77f;transform:scale(1.1)}.pulsing-play{animation:pulsePlay 2s ease-in-out infinite}@keyframes pulsePlay{0%,to{box-shadow:0 10px 25px #0eda9166}50%{box-shadow:0 10px 40px #0eda91cc}}.overlay-action-text{position:absolute;bottom:25px;left:50%;transform:translate(-50%);background-color:#1e293be6;color:#fff;font-size:.8rem;font-weight:800;padding:10px 24px;border-radius:30px;text-transform:uppercase;letter-spacing:1.5px;z-index:2;box-shadow:0 4px 10px #0003;white-space:nowrap}.video-wrapper.embedded iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;z-index:2}.steps-summary-mini{text-align:center;color:#94a3b8;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;border-top:1px solid #f1f5f9;padding-top:18px;max-width:500px;margin:0 auto}@media(max-width:600px){.tutorial-container.enhanced{padding:20px 16px}.tutorial-title.compelling{font-size:1.3rem}.tutorial-subtitle.clear{font-size:.85rem}.play-button-massive{width:70px;height:70px}.overlay-action-text{font-size:.7rem;padding:8px 18px;letter-spacing:1px;width:80%;text-align:center;white-space:normal}}.feed-cargando{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:60px 24px;color:var(--color-text-gray)}.feed-cargando p{margin:0;font-size:.95rem}.feed-spinner{width:30px;height:30px;border:3px solid rgba(var(--color-primary-rgb),.15);border-top-color:var(--color-primary);border-radius:50%;animation:feed-girar .9s linear infinite}@keyframes feed-girar{to{transform:rotate(360deg)}}.feed-aviso{max-width:620px;margin:12px auto;padding:32px 26px;text-align:center;background:#fff;border-radius:18px;border:1px solid rgba(var(--color-text-dark-rgb),.08);box-shadow:0 6px 24px rgba(var(--color-text-dark-rgb),.08)}.feed-aviso-icono{display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;margin-bottom:16px;border-radius:50%;background:rgba(var(--color-primary-rgb),.08);color:var(--color-primary)}.feed-icono-ok{background:rgba(var(--color-secondary-rgb),.16);color:var(--color-success-text)}.feed-aviso-titulo{margin:0 0 10px;font-size:1.35rem;font-weight:700;line-height:1.3;color:var(--color-primary)}.feed-aviso-texto{margin:0 0 16px;font-size:.97rem;line-height:1.6;color:var(--color-text-gray)}.feed-aviso-texto-menor{font-size:.9rem}.feed-aviso-pista{display:flex;align-items:flex-start;gap:10px;text-align:left;margin:0 0 20px;padding:13px 15px;border-radius:12px;background:rgba(var(--color-warning-rgb),.1);border:1px solid rgba(var(--color-warning-rgb),.28);color:var(--color-warning-text);font-size:.89rem;line-height:1.5}.feed-aviso-pista svg{flex-shrink:0;margin-top:2px}.feed-estado-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:18px}.feed-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:20px;background:var(--color-bg-light);border:1px solid rgba(var(--color-text-dark-rgb),.09);color:var(--color-text-gray);font-size:.84rem;font-weight:600}.feed-chip svg{color:var(--color-success-text)}.feed-aviso-acciones{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.feed-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap-min);padding:12px 20px;border-radius:10px;border:1px solid transparent;font-family:inherit;font-size:.94rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.feed-btn:hover{transform:translateY(-2px)}.feed-btn-primario{background:var(--color-primary);color:#fff;box-shadow:0 4px 14px rgba(var(--color-primary-rgb),.3)}.feed-btn-secundario{background:#fff;color:var(--color-primary);border-color:rgba(var(--color-primary-rgb),.25)}.feed-btn-secundario:hover{background:rgba(var(--color-primary-rgb),.05)}.feed-venta{margin:8px 0}.feed-alerta{display:flex;align-items:flex-start;gap:12px;max-width:760px;margin:0 auto 8px;padding:15px 18px;border-radius:14px;background:rgba(var(--color-warning-rgb),.12);border:1px solid rgba(var(--color-warning-rgb),.35);color:var(--color-warning-text);font-size:.95rem;line-height:1.55}.feed-alerta svg{flex-shrink:0;margin-top:2px}.feed-alerta-roja{background:rgba(var(--color-danger-rgb),.09);border-color:rgba(var(--color-danger-rgb),.3);color:var(--color-danger)}@media(max-width:768px){.feed-aviso{padding:26px 18px;margin:8px 0}.feed-aviso-titulo{font-size:1.15rem}.feed-aviso-texto{font-size:.92rem}.feed-aviso-acciones{flex-direction:column}.feed-btn{width:100%}.feed-alerta{font-size:.89rem;padding:13px 14px}}.feed-franja-ia-apagada{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:12px 16px;font-size:.85rem;line-height:1.45;color:var(--color-danger);background:rgba(var(--color-danger-rgb),.08);border:1px solid rgba(var(--color-danger-rgb),.2);border-radius:var(--radius-md)}.feed-franja-ia-apagada svg{flex:0 0 auto}.feed-franja-ia-apagada span{flex:1 1 auto}.feed-franja-ia-apagada strong{font-weight:700}.feed-franja-ia-apagada button{flex:0 0 auto;padding:7px 14px;min-height:36px;font-size:.8rem;font-weight:600;color:#fff;background:var(--color-danger);border:none;border-radius:var(--radius-sm);cursor:pointer}.feed-franja-ia-apagada button:hover{filter:brightness(1.1)}@media(max-width:560px){.feed-franja-ia-apagada{flex-wrap:wrap}.feed-franja-ia-apagada button{width:100%}}.navbar{position:fixed;top:0;left:0;right:0;height:65px;background:var(--color-primary);color:#fff;display:flex;align-items:center;padding:0 16px;z-index:1000;box-shadow:0 2px 8px #0000001a;max-width:100%;overflow:hidden}.menu-toggle{background:none;border:none;cursor:pointer;padding:8px;margin-right:16px;border-radius:4px;transition:background-color .2s;flex-shrink:0}.menu-toggle:hover{background:#ffffff1a}.hamburger{width:24px;height:18px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{display:block;height:3px;width:100%;background:#fff;border-radius:2px;transition:all .3s ease;transform-origin:center}.hamburger span:nth-child(1).active{transform:rotate(45deg) translate(6px,6px)}.hamburger span:nth-child(2).active{opacity:0}.hamburger span:nth-child(3).active{transform:rotate(-45deg) translate(6px,-6px)}.nav-brand{display:flex;align-items:center;gap:8px;position:absolute;left:50%;transform:translate(-50%)}.logo{width:32px;height:32px}.app-name{font-size:1.5rem;font-weight:800;color:var(--color-secondary)}.navbar-right-container{margin-left:auto;display:flex;align-items:center;gap:16px;z-index:1001;min-width:0;flex-shrink:0}.user-greeting{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--color-accent2);background:transparent;border:none;padding:6px 10px;border-radius:var(--border-radius-base);cursor:pointer;font-weight:600}.user-greeting:hover,.user-greeting.active{color:#fff;background:#ffffff1f;transform:none;box-shadow:none}.user-email{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-estado-navbar{display:flex;align-items:center;background:#ffffff1f;padding:4px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.18);gap:12px}.mini-metric{display:flex;flex-direction:column;align-items:center}.mini-label{font-size:.55rem;color:#ffffffbf;text-transform:uppercase;font-weight:700;letter-spacing:.3px;margin-bottom:1px;line-height:1}.mini-value{font-size:.8rem;color:var(--color-secondary, #ffffff);font-weight:800;line-height:1}.mini-divider{width:1px;height:18px;background:#ffffff40}.sidebar{position:fixed;top:65px;left:0;width:280px;height:calc(100vh - 65px);background:var(--color-primary);transform:translate(-100%);transition:transform .3s ease;z-index:999;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(173,201,231,.35) transparent}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background-color:#adc9e759;border-radius:999px;transition:background-color .2s ease}.sidebar::-webkit-scrollbar-thumb:hover{background-color:#adc9e7b3}.sidebar::-webkit-scrollbar-button{display:none}.sidebar.open{transform:translate(0)}.menu-content{padding:24px 0;display:flex;flex-direction:column}.menu-item{background:none;border:none;color:var(--color-accent2);padding:12px 24px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease;font-size:1rem;text-align:left;width:100%}.menu-item:hover{background:#ffffff1a;color:var(--color-secondary)}.menu-item.active{background:var(--color-secondary);color:var(--color-primary);font-weight:600}.menu-item.logout{background:var(--color-secondary);color:var(--color-primary);font-weight:600;width:auto;margin:24px 16px 0;border-radius:6px}.menu-item.logout:hover{background:rgba(var(--color-secondary-rgb),.8)}.menu-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.menu-text{flex:1}.menu-categoria{display:flex;flex-direction:column}.menu-chevron{display:inline-flex;align-items:center;flex-shrink:0;opacity:.65}.menu-sublista{display:flex;flex-direction:column;margin-left:34px;border-left:1px solid rgba(255,255,255,.18)}.menu-subitem{padding:10px 16px;font-size:.92rem;width:auto}.menu-subitem .menu-icon{width:20px;height:20px}.menu-divider{height:1px;background:#fff3;margin:16px 24px}.overlay{position:fixed;top:65px;left:0;right:0;bottom:0;background:#0000004d;z-index:998}@media(max-width:768px){.user-email{display:none}.user-greeting{padding:6px;width:34px;height:34px;justify-content:center}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 12px}.menu-toggle{position:static;margin-right:8px;padding:6px}.nav-brand{position:static;transform:none;left:auto;margin-right:auto;gap:6px;min-width:0;overflow:hidden}.logo{width:28px;height:28px;flex-shrink:0}.app-name{font-size:1.3rem;white-space:nowrap}.navbar-right-container{position:static;transform:none;margin-left:0;display:flex;align-items:center}}@media(max-width:480px){.navbar{padding:0 8px}.menu-toggle{margin-right:4px}.nav-brand{gap:4px}.app-name{font-size:1.15rem}.mini-estado-navbar{padding:4px 6px;gap:6px}.mini-label{font-size:.5rem}.mini-value{font-size:.72rem}.mini-divider{height:14px}}@media(max-width:360px){.navbar-right-container{gap:8px}.app-name{font-size:1rem}}.ops-container{max-width:900px;margin:0 auto;padding-bottom:40px}.ops-aviso{display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:10px;font-size:.9rem;margin:12px 0}.ops-aviso-error{background:rgba(var(--color-danger-rgb),.08);color:var(--color-danger);border:1px solid rgba(var(--color-danger-rgb),.25)}.ops-aviso-atencion{background:rgba(var(--color-warning-rgb),.12);color:var(--color-warning-text);border:1px solid rgba(var(--color-warning-rgb),.35)}.ops-error{color:var(--color-danger);font-size:.86rem;margin-top:10px}.ops-cupo{background:var(--color-bg-light);border-radius:12px;padding:16px 18px;margin:18px 0 14px}.ops-cupo-numeros{display:flex;align-items:baseline;gap:7px;margin-bottom:10px}.ops-cupo-numeros strong{font-size:1.7rem;line-height:1;color:var(--color-text-dark)}.ops-cupo-numeros span{color:var(--color-text-gray);font-size:.92rem}.ops-cupo-barra{height:7px;border-radius:99px;background:rgba(var(--color-text-dark-rgb),.09);overflow:hidden}.ops-cupo-relleno{height:100%;border-radius:99px;background:var(--color-primary);transition:width .25s ease}.ops-cupo-relleno.lleno{background:var(--color-warning)}.ops-alta{display:flex;gap:10px;margin-bottom:6px}.ops-alta input{flex:1;min-width:0;padding:11px 14px;border:1px solid rgba(var(--color-text-dark-rgb),.15);border-radius:10px;font-size:.94rem;font-family:inherit}.ops-alta input:focus{outline:none;border-color:var(--color-primary)}.ops-alta input:disabled{background:rgba(var(--color-text-dark-rgb),.04);cursor:not-allowed}.ops-alta button{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.ops-nota-cupo{font-size:.85rem;color:var(--color-warning-text);margin:4px 0 0}.ops-vacio{text-align:center;padding:40px 24px;color:var(--color-text-gray)}.ops-vacio p{margin:12px 0 4px;font-weight:600;color:var(--color-text-dark)}.ops-vacio span{font-size:.88rem}.ops-lista{display:flex;flex-direction:column;gap:12px;margin-top:18px}.ops-tarjeta{border:1px solid rgba(var(--color-text-dark-rgb),.12);border-radius:12px;overflow:hidden;background:#fff}.ops-tarjeta.suspendido{opacity:.62}.ops-tarjeta-fila{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;flex-wrap:wrap}.ops-tarjeta-datos{display:flex;flex-direction:column;gap:3px;min-width:0}.ops-correo{font-weight:600;color:var(--color-text-dark);word-break:break-all}.ops-resumen{font-size:.82rem;color:var(--color-text-gray)}.ops-tarjeta-acciones{display:flex;gap:7px;flex-shrink:0}.ops-btn-icono{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid rgba(var(--color-text-dark-rgb),.14);border-radius:9px;background:#fff;color:var(--color-text-dark);cursor:pointer;font-size:.85rem;font-family:inherit}.ops-btn-icono:hover{background:var(--color-bg-light)}.ops-btn-icono.peligro:hover{background:rgba(var(--color-danger-rgb),.08);color:var(--color-danger);border-color:rgba(var(--color-danger-rgb),.3)}.ops-permisos{border-top:1px solid rgba(var(--color-text-dark-rgb),.1);padding:16px;background:var(--color-bg-light)}.ops-todo{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;background:#fff;border:1px solid rgba(var(--color-primary-rgb),.28);border-radius:10px;cursor:pointer;margin-bottom:14px}.ops-todo input{margin-top:2px;width:17px;height:17px;flex-shrink:0;accent-color:var(--color-primary);cursor:pointer}.ops-todo div{display:flex;flex-direction:column;gap:3px}.ops-todo span{font-size:.82rem;color:var(--color-text-gray);line-height:1.45}.ops-incluido{margin-bottom:12px;padding:11px 13px;border-radius:10px;background:rgba(var(--color-secondary-rgb),.1);border:1px solid rgba(var(--color-secondary-rgb),.3)}.ops-incluido-titulo{display:flex;align-items:center;gap:7px;font-size:.83rem;font-weight:700;color:var(--color-text-dark)}.ops-incluido p{margin:5px 0 0;font-size:.79rem;line-height:1.5;color:var(--color-text-gray)}.ops-nota-comodin{display:flex;align-items:center;gap:7px;margin:0 0 12px;padding:9px 12px;background:rgba(var(--color-text-dark-rgb),.04);border-radius:9px;font-size:.81rem;color:var(--color-text-gray)}.ops-secciones{display:flex;flex-direction:column;gap:8px}.ops-seccion{background:#fff;border:1px solid rgba(var(--color-text-dark-rgb),.1);border-radius:10px;padding:4px 4px 10px}.ops-seccion.concedida{border-color:rgba(var(--color-primary-rgb),.35);background:rgba(var(--color-primary-rgb),.03)}.ops-seccion.bloqueada{opacity:.5}.ops-seccion-cabecera{display:flex;align-items:center;justify-content:space-between;gap:8px}.ops-seccion-lote{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:9px 8px 9px 10px;cursor:pointer}.ops-seccion.bloqueada .ops-seccion-lote{cursor:not-allowed}.ops-seccion-lote input{width:17px;height:17px;flex-shrink:0;accent-color:var(--color-primary);cursor:inherit}.ops-seccion-nombre{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.93rem;font-weight:600;color:var(--color-text-dark)}.ops-etiqueta{font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:99px;background:rgba(var(--color-text-dark-rgb),.08);color:var(--color-text-gray)}.ops-etiqueta.sensible{background:rgba(var(--color-warning-rgb),.16);color:var(--color-warning-text)}.ops-seccion-detalle{display:flex;align-items:center;gap:5px;flex-shrink:0;padding:8px 10px;margin-right:4px;border:none;background:none;font-family:inherit;font-size:.78rem;color:var(--color-text-gray);cursor:pointer;border-radius:7px}.ops-seccion-detalle:hover{background:var(--color-bg-light)}.ops-seccion-descripcion{margin:-4px 12px 0 40px;font-size:.8rem;line-height:1.45;color:var(--color-text-gray)}.ops-seccion-permisos{margin:10px 6px 0 34px;border-top:1px solid rgba(var(--color-text-dark-rgb),.08);padding-top:6px;display:flex;flex-direction:column}.ops-permiso{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:7px;cursor:pointer;font-size:.86rem}.ops-permiso:hover{background:var(--color-bg-light)}.ops-permiso input{width:16px;height:16px;margin-top:2px;flex-shrink:0;accent-color:var(--color-primary);cursor:pointer}.ops-permiso-cuerpo{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.ops-permiso-accion{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:var(--color-text-dark)}.ops-permiso code{font-size:.7rem;color:var(--color-text-gray);background:rgba(var(--color-text-dark-rgb),.05);padding:2px 7px;border-radius:5px;word-break:break-all}.ops-permiso-compartido{display:flex;align-items:center;gap:5px;font-size:.74rem;color:var(--color-warning-text)}.ops-permiso-compartido svg{flex-shrink:0}.ops-sensibles{margin-top:16px;padding-top:14px;border-top:1px dashed rgba(var(--color-text-dark-rgb),.18)}.ops-sensibles-titulo{display:block;margin-bottom:9px;font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-gray)}.ops-permisos-pie{display:flex;gap:10px;margin-top:14px}.ops-permisos-pie button{display:inline-flex;align-items:center;gap:7px}.ops-compra{margin-top:30px;padding:20px;border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:14px;background:var(--color-bg-light)}.ops-compra-cabecera{display:flex;gap:13px;align-items:flex-start;margin-bottom:16px}.ops-compra-icono{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:10px;background:rgba(var(--color-primary-rgb),.12);color:var(--color-primary)}.ops-compra-cabecera h4{margin:0 0 4px;font-size:1rem;color:var(--color-text-dark)}.ops-compra-cabecera p{margin:0;font-size:.87rem;color:var(--color-text-gray);line-height:1.5}.ops-compra-precio-unidad{font-size:1.25rem;font-weight:700;color:var(--color-text-dark);margin-bottom:14px}.ops-compra-precio-unidad span{font-size:.85rem;font-weight:500;color:var(--color-text-gray)}.ops-compra-selector{display:flex;align-items:center;gap:12px;margin-bottom:14px}.ops-compra-selector>button{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;border:1px solid rgba(var(--color-text-dark-rgb),.15);background:#fff;cursor:pointer;color:var(--color-text-dark)}.ops-compra-selector>button:disabled{opacity:.4;cursor:not-allowed}.ops-compra-cantidad{display:flex;align-items:center;gap:8px}.ops-compra-cantidad input{width:68px;padding:9px 10px;text-align:center;border:1px solid rgba(var(--color-text-dark-rgb),.15);border-radius:9px;font-size:1rem;font-family:inherit}.ops-compra-cantidad span{color:var(--color-text-gray);font-size:.88rem}.ops-compra-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#fff;border-radius:10px;margin-bottom:14px;font-size:.9rem;color:var(--color-text-gray);flex-wrap:wrap}.ops-compra-total>strong{font-size:1.15rem;color:var(--color-text-dark)}.ops-compra-nota{display:flex;align-items:center;gap:7px;margin:12px 0 0;font-size:.8rem;color:var(--color-text-gray)}.navbar-operando{background:linear-gradient(100deg,var(--color-primary) 0%,#00012e 100%)!important}.navbar-operando .icono-empresa,.navbar-operando .user-email{color:var(--color-warning)}.cuenta-menu{display:flex;align-items:center;min-width:0}.user-greeting.con-desplegable{gap:6px}.user-greeting .chevron{flex-shrink:0;transition:transform .18s ease;opacity:.75}.user-greeting .chevron.abierto{transform:rotate(180deg)}.user-greeting .icono-empresa{flex-shrink:0}.cuenta-velo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;background:transparent}.cuenta-desplegable{position:fixed;right:14px;width:320px;max-width:calc(100vw - 28px);background:#fff;border-radius:14px;box-shadow:0 16px 40px #00000038;border:1px solid rgba(var(--color-text-dark-rgb),.08);padding:7px;z-index:1401;display:flex;flex-direction:column;gap:2px;color:var(--color-text-dark);max-height:calc(100vh - 90px);overflow-y:auto;overscroll-behavior:contain;animation:cuenta-aparece .14s ease-out}@keyframes cuenta-aparece{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cuenta-identidad{display:flex;flex-direction:column;gap:3px;padding:11px 12px 12px}.identidad-rotulo{font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-gray)}.identidad-principal{font-size:1rem;font-weight:700;line-height:1.3;color:var(--color-text-dark);word-break:break-all}.identidad-secundaria{margin-top:3px;font-size:.76rem;color:var(--color-text-gray);word-break:break-all}.identidad-secundaria strong{font-weight:600;color:var(--color-text-dark)}.cuenta-separador{height:1px;background:rgba(var(--color-text-dark-rgb),.1);margin:5px 4px}.cuenta-titulo-lista{padding:4px 12px 6px;font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-gray)}.cuenta-opcion{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;border-radius:9px;background:none;font-family:inherit;text-align:left;cursor:pointer;color:var(--color-text-dark)}.cuenta-opcion:hover{background:var(--color-bg-light)}.cuenta-opcion.activa{background:rgba(var(--color-primary-rgb),.07)}.cuenta-opcion>svg{flex-shrink:0;color:var(--color-text-gray)}.cuenta-opcion.activa>svg:first-child{color:var(--color-primary)}.cuenta-opcion-texto{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.cuenta-opcion-texto strong{font-size:.86rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cuenta-opcion-texto em{font-style:normal;font-size:.73rem;color:var(--color-text-gray)}.cuenta-opcion.simple .cuenta-opcion-texto strong{font-weight:500}@media(max-width:640px){.ops-alta{flex-direction:column}.ops-tarjeta-fila{align-items:flex-start}.ops-permiso code{display:none}.ops-seccion-descripcion{margin-left:12px}.ops-seccion-permisos{margin-left:8px}.cuenta-desplegable{right:10px;left:10px;width:auto;max-width:none}.cuenta-velo{background:#00000059}}@media(max-width:768px){.cuenta-menu .user-greeting.con-desplegable{width:auto;min-width:34px;height:34px;padding:6px 8px}.navbar-operando .user-greeting.con-desplegable{background:rgba(var(--color-warning-rgb),.18)}}@media(max-width:520px){.user-greeting .user-email{max-width:116px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.sin-acceso{max-width:460px;margin:40px auto;padding:32px 28px;text-align:center;background:#fff;border:1px solid rgba(var(--color-text-dark-rgb),.1);border-radius:14px}.sin-acceso-icono{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 16px;border-radius:50%;background:rgba(var(--color-text-dark-rgb),.06);color:var(--color-text-gray)}.sin-acceso h3{margin:0 0 10px;font-size:1.15rem;color:var(--color-text-dark)}.sin-acceso p{margin:0 0 16px;font-size:.9rem;line-height:1.55;color:var(--color-text-gray)}.sin-acceso-cuenta{display:inline-flex;align-items:center;gap:6px;margin-bottom:18px;padding:5px 12px;border-radius:99px;background:rgba(var(--color-warning-rgb),.14);color:var(--color-warning-text);font-size:.8rem;font-weight:600;word-break:break-all}.sin-acceso .btn-primary{display:inline-flex;align-items:center;gap:8px}@media(max-width:640px){.sin-acceso{margin:24px 0;padding:26px 18px}}:root{--color-primary: #000191;--color-secondary: #0eda91;--color-accent1: #adc9e7;--color-accent2: #c5dcf0;--color-bg-light: #f8f9fa;--color-text-dark: #1a202c;--color-text-gray: #4a5568;--color-benefits-bg: #e7effc;--color-primary-rgb: 0, 1, 145;--color-secondary-rgb: 14, 218, 145;--color-text-dark-rgb: 26, 32, 44;--color-danger: #dc2626;--color-danger-rgb: 220, 38, 38;--color-success-text: #047857;--color-warning: #f59e0b;--color-warning-rgb: 245, 158, 11;--color-warning-text: #92400e;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--nav-altura: 65px;--safe-bottom: env(safe-area-inset-bottom, 0px);--font-family-base: "Inter", sans-serif;--spacing-unit: 8px;--border-radius-base: 8px;--box-shadow-base: 0 4px 12px rgba(var(--color-text-dark-rgb), .08);--tap-min: 44px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;min-height:100vh}html,body{max-width:100%;overflow-x:clip}body{font-family:var(--font-family-base);line-height:1.6;color:var(--color-text-dark);background-color:var(--color-bg-light);display:flex;flex-direction:column}#root{flex-grow:1;display:flex;flex-direction:column}button{padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);border:none;border-radius:var(--border-radius-base);font-family:var(--font-family-base);font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;font-size:1rem}button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--color-primary-rgb),.15)}button:active{transform:translateY(0)}.btn-primary{background-color:var(--color-primary);color:var(--color-bg-light);box-shadow:0 4px 10px rgba(var(--color-primary-rgb),.2)}.btn-primary:hover{background-color:#00017a!important}.btn-secondary{background:linear-gradient(45deg,var(--color-secondary) 0%,#0ab77f 100%);color:var(--color-text-dark);box-shadow:0 4px 10px rgba(var(--color-secondary-rgb),.3)}.btn-secondary:hover{background:linear-gradient(45deg,#0ab77f 0%,var(--color-secondary) 100%)}.btn-outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-bg-light);box-shadow:0 4px 10px rgba(var(--color-primary-rgb),.1)}input[type=text],input[type=email],input[type=password]{width:100%;padding:calc(var(--spacing-unit) * 1.5);margin-bottom:var(--spacing-unit);border:1px solid var(--color-accent1);border-radius:var(--border-radius-base);font-family:var(--font-family-base);font-size:1rem;color:var(--color-text-dark);transition:border-color .2s ease,box-shadow .2s ease}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px rgba(var(--color-secondary-rgb),.2)}@media(pointer:coarse){input,select,textarea{font-size:16px!important}}.container{max-width:1200px;margin:0 auto;padding:calc(var(--spacing-unit) * 3)}.card{background-color:var(--color-bg-light);border-radius:var(--border-radius-base);box-shadow:var(--box-shadow-base);padding:calc(var(--spacing-unit) * 5)}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-unit)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}.contenido-generico-panel{text-align:center;padding:calc(var(--spacing-unit) * 4)}.contenido-generico-panel h2{color:var(--color-primary);margin-bottom:calc(var(--spacing-unit) * 3);font-size:2rem}.contenido-generico-panel p{color:var(--color-text-gray);margin-bottom:calc(var(--spacing-unit) * 2);line-height:1.8}.contenido-generico-panel .placeholder-content{margin-top:calc(var(--spacing-unit) * 5);padding:calc(var(--spacing-unit) * 4);background-color:var(--color-benefits-bg);border-radius:var(--border-radius-base);border:1px dashed var(--color-accent1)}.contenido-generico-panel .placeholder-content p{font-style:italic;color:var(--color-primary);font-size:1.2rem;font-weight:600}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-secondary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.toggle-label{color:var(--color-text-dark);font-weight:500;font-size:1rem}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-indicator{display:flex;align-items:center;gap:var(--spacing-unit);padding:calc(var(--spacing-unit) * 1.5);border-radius:var(--border-radius-base);font-size:.9rem;font-weight:500;margin-top:var(--spacing-unit);text-align:left}.status-success{background-color:rgba(var(--color-secondary-rgb),.1);color:#0ab77f;border:1px solid rgba(var(--color-secondary-rgb),.3)}.status-error{background-color:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.3)}.status-icon{width:16px;height:16px;fill:currentColor;flex-shrink:0}@media(prefers-reduced-motion:reduce){.toggle-slider,.toggle-slider:before{transition:none}}:root{--g-bg: #f8fafc;--g-surface: #ffffff;--g-text: #0f172a;--g-muted: #64748b;--g-blue: #2563eb;--g-blue-hover: #1d4ed8;--g-borders: #e2e8f0}.guardia-loading-viewport{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:var(--g-muted);font-size:.9rem;font-weight:500}.guardia-spinner{width:28px;height:28px;border:2px solid var(--g-borders);border-top-color:var(--g-blue);border-radius:50%;animation:gSpin .8s linear infinite;margin-bottom:.75rem}.guardia-blocking-container{display:flex;align-items:center;justify-content:center;padding:2rem 1rem;min-height:70vh;animation:gFadeIn .25s ease-out}.guardia-modal-card{background-color:var(--g-surface);border:1px solid var(--g-borders);border-radius:.75rem;max-width:480px;width:100%;padding:2rem;box-shadow:0 10px 25px -5px #0f172a0d;display:flex;gap:1.5rem;align-items:flex-start;box-sizing:border-box}.guardia-modal-illustration{font-size:2.25rem;background-color:#2563eb14;padding:.75rem;border-radius:.5rem;line-height:1;flex-shrink:0}.guardia-modal-content{min-width:0;flex:1}.guardia-modal-content h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:700;color:var(--g-text);letter-spacing:-.02em}.guardia-modal-content p{margin:0 0 1.25rem;font-size:.9rem;color:var(--g-muted);line-height:1.5}.guardia-error-pill{display:inline-block;background-color:#fef2f2;border:1px solid #fee2e2;color:#b91c1c;font-size:.775rem;font-weight:500;padding:.4rem .6rem;border-radius:.375rem;margin-bottom:1rem;width:100%;box-sizing:border-box}.guardia-modal-actions{display:flex;flex-direction:column;gap:.5rem}.btn-guardia-primary{background-color:var(--g-blue);color:#fff;border:none;padding:.65rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .15s ease;text-align:center}.btn-guardia-primary:hover{background-color:var(--g-blue-hover)}.btn-guardia-secondary{background-color:transparent;border:1px solid var(--g-borders);color:#475569;padding:.65rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease;text-align:center}.btn-guardia-secondary:hover{background-color:var(--g-bg)}@keyframes gSpin{to{transform:rotate(360deg)}}@keyframes gFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.guardia-modal-card{flex-direction:column;align-items:center;text-align:center;padding:1.5rem}.guardia-modal-illustration{margin-bottom:.5rem}}.app-layout{min-height:100vh;background:var(--color-bg-light)}.main-content{margin-top:65px;padding:10px 24px;max-width:1240px;margin-left:auto;margin-right:auto;overflow-x:clip}.card-estado{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;padding:12px 16px;margin-bottom:20px;border:1px solid #eaeaea;border-left:4px solid transparent;transition:border-color .3s ease;display:flex;flex-direction:column;gap:10px;max-width:450px;margin-left:auto;margin-right:auto}.estado-ok{border-left-color:#0eda91}.estado-alerta{border-left-color:#f59e0b}.estado-critico{border-left-color:#ef4444}.card-estado-header{display:flex;justify-content:space-between;align-items:center}.card-estado-header h3{font-size:.75rem;color:#666;margin:0;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-estado-texto{font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:12px;background:#f8f9fa;color:#555}.estado-alerta .badge-estado-texto{background:#fef3c7;color:#b45309}.estado-critico .badge-estado-texto{background:#fee2e2;color:#b91c1c}.card-estado-body{display:flex;align-items:center;justify-content:space-between;background:#f8fbfc;padding:10px 12px;border-radius:8px;border:1px solid #f1f5f9}.metric-item{display:flex;flex-direction:column;align-items:center;flex:1}.metric-label{font-size:.65rem;color:#64748b;margin-bottom:2px;font-weight:600;text-transform:uppercase}.metric-value{font-size:.95rem;color:var(--color-primary);font-weight:800;letter-spacing:-.3px}.estado-critico .metric-value{color:#ef4444}.metric-divider{width:1px;height:20px;background:#e2e8f0;margin:0 8px}.dashboard-grid{display:grid;gap:24px;grid-template-columns:1fr}.main-card{background:#fff;border-radius:var(--border-radius-base);box-shadow:var(--box-shadow-base);padding:24px}.main-card h2{color:var(--color-primary);font-size:1.75rem;font-weight:700;margin-bottom:24px;text-align:center}.intro-text{color:#94a3b8;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;text-align:center;margin:40px 0 20px;position:relative;display:flex;align-items:center;justify-content:center;gap:16px}.intro-text:before,.intro-text:after{content:"";height:1px;flex:1;background:linear-gradient(to right,transparent,#e2e8f0,transparent);max-width:120px}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;padding:12px 0;width:100%}@media(min-width:1024px){.modules-grid{grid-template-columns:repeat(4,1fr)}}.modules-grid .module-btn{width:100%;background:#fff;color:#1e293b;border:1px solid #e2e8f0;border-radius:16px;padding:20px 12px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:130px;box-shadow:0 2px 4px #00000005}.modules-grid .module-btn.btn-primary:hover{transform:translateY(-4px);background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 12px 24px rgba(var(--color-primary-rgb),.2)}.modules-grid .module-btn.btn-secondary:hover{transform:translateY(-4px);background:#0ab77f;border-color:#0ab77f;color:#fff;box-shadow:0 12px 24px #0ab77f40}.module-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.modules-grid .module-btn.btn-primary .module-icon{background:rgba(var(--color-primary-rgb),.06);color:var(--color-primary)}.modules-grid .module-btn.btn-secondary .module-icon{background:#0ab77f14;color:#0ab77f}.modules-grid .module-btn:hover .module-icon{transform:scale(1.05);background:#ffffff40!important;color:#fff!important}.single-content{background:#fff;border-radius:var(--border-radius-base);box-shadow:var(--box-shadow-base);padding:32px;max-width:100%}@media(max-width:600px){.main-content{padding:16px 12px}.card-estado{max-width:100%}.main-card,.single-content{padding:16px}}