/*
================================================================================
================================================================================
N.O.E. - NÚCLEO OFIMÁTICO EDUCATIVO
© 2021-2026 Angel Manuel Guevara Chavarría - TODOS LOS DERECHOS RESERVADOS
================================================================================
================================================================================

PROPIEDAD INTELECTUAL Y PROTECCIÓN LEGAL

Este archivo de hojas de estilo en cascada (CSS), junto con todo el diseño,
estructura, animaciones, colores, tipografías, efectos visuales, layout y
diseño de interfaz de usuario que contiene, es propiedad intelectual exclusiva
de Angel Manuel Guevara Chavarría y del Núcleo Ofimático Educativo (N.O.E.).

ESTE CÓDIGO ESTÁ PROTEGIDO POR:
- Ley de Derechos de Autor y Propiedad Intelectual
- Tratados Internacionales de Protección de Propiedad Intelectual
- Normativas de Propiedad Industrial y Comercial
- Ley de Protección de Datos y Secretos Comerciales

ADVERTENCIA LEGAL:

El uso, reproducción, distribución, modificación, ingeniería inversa,
descompilación, extracción, adaptación o explotación no autorizada de este
código fuente, diseño visual, animaciones, efectos, colores, tipografías,
estructura o cualquier elemento derivado de este archivo, queda estrictamente
PROHIBIDO sin el consentimiento escrito explícito del autor y fundador.

CUALQUIER INTENTO DE:
1. Copiar, clonar o replicar este diseño sin autorización
2. Extraer, modificar o adaptar los estilos, animaciones o efectos
3. Utilizar este código en proyectos personales, comerciales o educativos
4. Realizar ingeniería inversa para obtener los algoritmos de animación
5. Distribuir, vender o comercializar derivados de este diseño
6. Ocultar o remover los créditos del autor y fundador

CONSTITUYE UNA VIOLACIÓN DE LOS DERECHOS DE AUTOR Y PUEDE SER SANCIONADO
LEGALMENTE CON:
- Demandas civiles por daños y perjuicios económicos
- Indemnizaciones por uso no autorizado de propiedad intelectual
- Acciones penales según la legislación local e internacional
- Medidas cautelares y órdenes de cese de actividades ilícitas

RESPONSABILIDAD DEL USUARIO:

Cualquier persona que acceda a este sitio web y decida inspeccionar, analizar
o estudiar el código fuente, está reconociendo implícitamente que:
- El diseño visual y los estilos son propiedad exclusiva del autor
- La inspección de código con fines educativos está permitida SOLO para
  aprendizaje personal, NO para reproducción o uso comercial
- Cualquier intento de extracción, copia o uso no autorizado será perseguido
- El autor se reserva el derecho de acción legal inmediata contra infractores

CRÉDITOS OBLIGATORIOS:

Si por alguna razón excepcional se otorga permiso escrito para usar elementos
de este diseño, los siguientes créditos deben permanecer visibles y intactos:

"Desarrollado, creado y fundado por Angel Manuel Guevara Chavarría
N.O.E. - Núcleo Ofimático Educativo © 2021-2026"

TODOS LOS DERECHOS RESERVADOS - SIN PERMISO ESCRITO EXPLÍCITO

================================================================================
ÚLTIMA ACTUALIZACIÓN: 2026
REGISTRO DE PROPIEDAD INTELECTUAL: N.O.E. - ANGEL MANUEL GUEVARA CHAVARRÍA
PROYECTO: NUVEN OFIMÁTICO EDUCATIVO - SISTEMA DE GESTIÓN INTELIGENTE
================================================================================
*/

:root {--bg-absolute: #000000;--bg-main: #050505;--bg-surface: #0f0f12;--bg-glass: rgba(10, 10, 10, 0.75);--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-muted: #666666;--border-glass: rgba(255, 255, 255, 0.06);--border-active: rgba(255, 255, 255, 0.2);--shadow-shadow: 0 20px 40px rgba(0, 0, 0, 0.7);--font-tech: 'Space Grotesk', sans-serif;--font-body: 'Poppins', sans-serif;}
*, *::before, *::after {margin: 0; padding: 0; box-sizing: border-box; scroll-behavior: smooth;}
body {background-color: var(--bg-absolute);color: var(--text-primary);font-family: var(--font-body);min-height: 100vh;}
.noe-stealth-bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%;background-image: radial-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px);background-size: 32px 32px;z-index: 1; pointer-events: none;}
.noe-master-wrapper {position: relative; width: 100%; z-index: 2; padding-top: 80px;}
.noe-header-sticky {position: fixed; top: 0; left: 0; width: 100%; height: 80px;background-color: var(--bg-glass);backdrop-filter: blur(20px);border-bottom: 1px solid var(--border-glass);z-index: 1000;display: flex; align-items: center;}
.noe-nav-container {width: 100%; max-width: 1400px; margin: 0 auto;padding: 0 40px; display: flex; justify-content: space-between; align-items: center;}
.noe-logo-area { display: flex; flex-direction: column; cursor: default; }
.noe-logo-text {font-family: var(--font-tech); font-size: 1.6rem; font-weight: 700;letter-spacing: 2px; color: var(--text-primary); line-height: 1;}
.noe-logo-sub {font-size: 0.65rem; font-weight: 500; text-transform: uppercase;letter-spacing: 3px; color: var(--text-muted); margin-top: 4px;}
.noe-btn-premium {text-decoration: none; display: inline-flex; align-items: center; gap: 12px;background-color: var(--text-primary); color: var(--bg-absolute);padding: 12px 24px; border-radius: 4px; font-family: var(--font-tech);font-size: 0.85rem; font-weight: 600; text-transform: uppercase;letter-spacing: 1px; border: 1px solid var(--text-primary);cursor: pointer; transition: all 0.3s ease;}
.noe-btn-premium:hover {background-color: transparent; color: var(--text-primary);box-shadow: 0 0 20px rgba(255, 255, 255, 0.15); transform: translateY(-2px);}
.btn-icon { font-size: 0.9rem; transition: transform 0.3s ease; }
.noe-btn-premium:hover .btn-icon { transform: translateX(-4px); }
@media (max-width: 600px) {.noe-header-sticky {height: 60px;}.noe-nav-container {padding: 0 20px;}.noe-logo-text {font-size: 1.1rem;}.noe-btn-premium {padding: 8px 16px !important;font-size: 0.7rem !important;gap: 8px;}}
.noe-robot-canvas-section {width: 100%;max-width: 1200px;margin: 10px auto -10rem auto;display: flex;justify-content: center;align-items: center;}
.noe-robot-viewport {position: relative;width: 400px;height: 450px;background: radial-gradient(circle, rgba(15, 20, 35, 0.3) 0%, transparent 70%);display: flex;justify-content: center;align-items: center;}
.noe-friendly-bot {position: relative;width: 140px;height: 240px;display: flex;flex-direction: column;align-items: center;z-index: 5;animation: noeBotFloat 3.5s ease-in-out infinite alternate;}
.noe-bot-antenna {width: 4px;height: 20px;background: #3a4155;position: relative;}
.noe-bot-antenna::before {content: '';position: absolute;top: -8px;left: -4px;width: 12px;height: 12px;background: #ffffff;border-radius: 50%;box-shadow: 0 0 15px #ffffff;}
.noe-bot-head {width: 130px;height: 100px;background: linear-gradient(145deg, #242b3d 0%, #0d111a 100%);border: 2px solid rgba(255, 255, 255, 0.08);border-radius: 45px;display: flex;justify-content: center;align-items: center;position: relative;box-shadow: 0 10px 25px rgba(0,0,0,0.5);}
.noe-bot-face {width: 100px;height: 70px;background: #06080d;border-radius: 30px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 8px;position: relative;overflow: hidden;}
.noe-bot-eyes {display: flex;gap: 24px;}
.noe-bot-eye {width: 18px;height: 18px;background: #ffffff;border-radius: 50%;box-shadow: 0 0 12px #ffffff;animation: noeBotBlink 4s infinite steps(1);}
.noe-bot-smile {width: 30px;height: 12px;border-bottom: 3px solid rgba(255, 255, 255, 0.85);border-radius: 0 0 15px 15px;}
.noe-bot-body {width: 90px;height: 95px;background: linear-gradient(145deg, #1c2230 0%, #090c12 100%);border: 2px solid rgba(255, 255, 255, 0.05);border-radius: 25px;margin-top: -5px;position: relative;box-shadow: 0 10px 20px rgba(0,0,0,0.4);display: flex;justify-content: center;align-items: center;}
.noe-bot-chest-plate {width: 50px;height: 35px;background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.05);border-radius: 8px;}
.noe-bot-cane {position: absolute;left: -25px;top: 50px;width: 6px;height: 170px;background: linear-gradient(180deg, #ffffff 0%, #1c2230 100%);border-radius: 4px;box-shadow: 0 5px 15px rgba(0,0,0,0.5);transform-origin: bottom center;animation: noeCaneLeaning 3.5s ease-in-out infinite alternate;}
.noe-bot-cane::before {content: '';position: absolute;top: -16px;left: -7px;width: 20px;height: 20px;background: radial-gradient(circle, #ffffff 0%, #a2aabf 100%);border-radius: 50%;box-shadow: 0 0 10px rgba(255, 255, 255, 0.4);}
.noe-bot-wheel {width: 35px;height: 35px;background: #111522;border: 2px solid rgba(255, 255, 255, 0.1);border-radius: 50%;margin-top: -10px;box-shadow: inset 0 5px 10px rgba(0,0,0,0.8);}
.noe-bot-floor-shadow {position: absolute;bottom: 50px;width: 120px;height: 14px;background: rgba(0, 0, 0, 0.6);border-radius: 50%;filter: blur(4px);animation: noeFloorShadowChange 3.5s ease-in-out infinite alternate;}
@keyframes noeBotFloat {0% {transform: translateY(0);}100% {transform: translateY(-15px);}}
@keyframes noeBotBlink {0%, 95%, 100% { transform: scaleY(1); }97.5% { transform: scaleY(0.1); }}
@keyframes noeCaneLeaning {0% {transform: rotate(-2deg);}100% {transform: rotate(3deg) translateY(5px);}}
@keyframes noeFloorShadowChange {0% {transform: scale(1);opacity: 0.9;}100% {transform: scale(0.85);opacity: 0.4;}}
@media (max-width: 990px) {.noe-master-wrapper {padding-top: 60px;}.noe-nav-container {padding: 0 20px;}.noe-robot-viewport {width: 100%;height: 300px;transform: scale(0.8);}}
@media (max-width: 600px) {.noe-robot-viewport {height: 250px;transform: scale(0.65);margin-top: -20px;}.noe-logo-text {font-size: 1.2rem;}.noe-logo-sub {letter-spacing: 1px;}.noe-master-wrapper {padding-top: 50px;}}
@media (max-width: 400px) {.noe-robot-viewport {transform: scale(0.5);}}
:root {--bg-absolute: #000000;--bg-surface: #0f0f12;--bg-panel: #16161a;--bg-glass: rgba(10, 10, 10, 0.75);--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-muted: #666666;--accent-success: #27c93f;--accent-error: #ff5f57;--accent-focus: #ffffff;--border-glass: rgba(255, 255, 255, 0.06);--border-input: #333338;--shadow-shadow: 0 20px 40px rgba(0, 0, 0, 0.7);--font-tech: 'Space Grotesk', sans-serif;--font-body: 'Poppins', sans-serif;}
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; scroll-behavior: smooth; }
body { background-color: var(--bg-absolute); color: var(--text-primary); font-family: var(--font-body); min-height: 100vh; }
.noe-stealth-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: radial-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px); background-size: 32px 32px; z-index: 1; pointer-events: none; }
.noe-master-wrapper { position: relative; width: 100%; max-width: 1400px; margin: 0 auto; z-index: 2; padding: 120px 40px 40px 40px; }
.noe-header-sticky { position: fixed; top: 0; left: 0; width: 100%; height: 80px; background-color: var(--bg-glass); backdrop-filter: blur(20px); border-bottom: 1px solid var(--border-glass); z-index: 1000; display: flex; align-items: center; }
.noe-nav-container { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 40px; display: flex; justify-content: space-between; align-items: center; }
.noe-logo-text { font-family: var(--font-tech); font-size: 1.6rem; font-weight: 700; color: var(--text-primary); line-height: 1; }
.noe-logo-sub { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 3px; color: var(--text-muted); margin-top: 4px; display: block; }
.noe-btn-back { text-decoration: none; display: inline-flex; align-items: center; gap: 10px; background-color: #ffffff; color: #000000; padding: 10px 20px; border-radius: 4px; font-family: var(--font-tech); font-size: 0.8rem; font-weight: 600; text-transform: uppercase; border: none; cursor: pointer; transition: 0.3s ease; }
.noe-btn-back:hover { background-color: #f0f0f0; transform: translateY(-1px); }
.noe-registry-terminal-section { width: 100%; display: flex; flex-direction: column; gap: 40px; }
.noe-terminal-header { display: flex; align-items: center; gap: 20px; padding-bottom: 30px; border-bottom: 1px solid var(--border-glass); }
.noe-terminal-icon { font-size: 2.2rem; color: #ffffff; }
.noe-terminal-title { font-family: var(--font-tech); font-size: 2rem; font-weight: 700; }
.noe-terminal-subtitle { color: var(--text-muted); font-size: 0.9rem; margin-top: 4px; }
.noe-terminal-bento-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.noe-terminal-column { background-color: var(--bg-panel); border: 1px solid #1c1c21; border-radius: 16px; padding: 30px; }
.noe-panel-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; border-bottom: 1px solid var(--border-glass); margin-bottom: 25px; }
.noe-panel-tag { font-family: var(--font-tech); font-size: 0.7rem; font-weight: 600; text-transform: uppercase; color: var(--text-muted); letter-spacing: 2px; }
.noe-status-badge { font-family: var(--font-tech); font-size: 0.7rem; font-weight: 700; padding: 4px 10px; border-radius: 4px; letter-spacing: 1px; }
.status-locked { background-color: rgba(255, 95, 87, 0.1); color: var(--accent-error); border: 1px solid rgba(255, 95, 87, 0.2); }
.status-active { background-color: rgba(39, 201, 63, 0.1); color: var(--accent-success); border: 1px solid rgba(39, 201, 63, 0.2); }
.noe-panel-modal { position: relative; width: 100%; z-index: 10; display: flex; justify-content: center; align-items: center; padding: 20px; text-align: center; }
.noe-modal-content { display: flex; flex-direction: column; align-items: center; gap: 20px; max-width: 400px; }
.noe-modal-icon { font-size: 3rem; color: #ffffff; }
.noe-modal-title { font-family: var(--font-tech); font-size: 1.3rem; font-weight: 600; }
.noe-modal-text { color: var(--text-secondary); font-size: 0.85rem; line-height: 1.6; }
.noe-panel-form { display: flex; flex-direction: column; gap: 15px; }
.noe-reg-locked { display: none; }
.noe-form-group { display: flex; flex-direction: column; gap: 6px; }
.noe-form-label { font-size: 0.8rem; color: var(--text-secondary); font-weight: 500; }
.noe-form-input { background-color: #0c0c0e; border: 1px solid var(--border-input); color: #ffffff; padding: 12px 16px; border-radius: 6px; font-family: var(--font-body); font-size: 0.85rem; width: 100%; transition: 0.2s; }
.noe-form-input:focus { outline: none; border-color: var(--accent-focus); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.03); }
.noe-form-input:disabled { opacity: 0.4; cursor: not-allowed; }
.noe-form-group.box-error .noe-form-input { border-color: #6a1a1a; background-color: rgba(255, 95, 87, 0.02); }
.noe-form-group.box-error .noe-form-input:focus { border-color: var(--accent-error); }
.noe-form-group.box-success .noe-form-input { border-color: #1a4d2a; background-color: rgba(39, 201, 63, 0.02); }
.noe-form-group.box-success .noe-form-input:focus { border-color: var(--accent-success); }
.noe-btn-premium { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: #ffffff; color: #000000; border: none; padding: 12px 24px; border-radius: 4px; font-family: var(--font-tech); font-size: 0.8rem; font-weight: 600; text-transform: uppercase; cursor: pointer; transition: 0.3s; }
.noe-btn-premium:hover { background: #f0f0f0; transform: translateY(-1px); color: #000000; }
.noe-w-full { width: 100%; }
.noe-btn-form { background-color: transparent; color: var(--text-muted); border: 1px solid var(--border-input); padding: 12px 24px; border-radius: 6px; font-family: var(--font-tech); font-size: 0.8rem; font-weight: 600; text-transform: uppercase; cursor: not-allowed; transition: 0.3s; margin-top: 10px; }
.noe-btn-form .btn-icon { font-size: 1rem; }
.noe-btn-form.active-transmit { background-color: #ffffff; color: #000000; border-color: #ffffff; cursor: pointer; box-shadow: 0 5px 15px rgba(255,255,255,0.05); }
.noe-btn-form.active-transmit:hover { transform: translateY(-1px); }
.robot-panel { position: relative; padding: 0; overflow: hidden; display: flex; flex-direction: column; height: 100%; min-height: 400px; }
.robot-panel .noe-panel-header { padding: 30px 30px 15px 30px; margin-bottom: 0; border: none; }
.noe-robot-viewport { flex-grow: 1; display: flex; justify-content: center; align-items: center; padding: 30px; position: relative; }
.noe-friendly-bot { position: relative; width: 140px; height: 240px; display: flex; flex-direction: column; align-items: center; z-index: 5; animation: noeBotFloat 3.5s ease-in-out infinite alternate; }
.noe-bot-antenna { width: 4px; height: 20px; background: #3a4155; position: relative; }
.noe-bot-antenna::before { content: ''; position: absolute; top: -8px; left: -4px; width: 12px; height: 12px; background: #ffffff; border-radius: 50%; box-shadow: 0 0 15px #ffffff; }
.noe-bot-head { width: 130px; height: 100px; background: linear-gradient(145deg, #242b3d 0%, #0d111a 100%); border: 2px solid rgba(255, 255, 255, 0.08); border-radius: 45px; display: flex; justify-content: center; align-items: center; box-shadow: 0 10px 25px rgba(0,0,0,0.5); }
.noe-bot-face { width: 100px; height: 70px; background: #06080d; border-radius: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; overflow: hidden; }
.noe-bot-eyes { display: flex; gap: 24px; }
.noe-bot-eye { width: 18px; height: 18px; background: #ffffff; border-radius: 50%; box-shadow: 0 0 12px #ffffff; animation: noeBotBlink 4s infinite steps(1); }
.noe-bot-smile { width: 30px; height: 12px; border-bottom: 3px solid rgba(255, 255, 255, 0.85); border-radius: 0 0 15px 15px; }
.noe-bot-body { width: 90px; height: 95px; background: linear-gradient(145deg, #1c2230 0%, #090c12 100%); border: 2px solid rgba(255, 255, 255, 0.05); border-radius: 25px; margin-top: -5px; box-shadow: 0 10px 20px rgba(0,0,0,0.4); display: flex; justify-content: center; align-items: center; }
.noe-bot-chest-plate { width: 50px; height: 35px; background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 8px; }
.noe-bot-cane { position: absolute; left: -25px; top: 50px; width: 6px; height: 170px; background: linear-gradient(180deg, #ffffff 0%, #1c2230 100%); border-radius: 4px; box-shadow: 0 5px 15px rgba(0,0,0,0.5); transform-origin: bottom center; animation: noeCaneLeaning 3.5s ease-in-out infinite alternate; }
.noe-bot-cane::before { content: ''; position: absolute; top: -16px; left: -7px; width: 20px; height: 20px; background: radial-gradient(circle, #ffffff 0%, #a2aabf 100%); border-radius: 50%; box-shadow: 0 0 10px rgba(255, 255, 255, 0.4); }
.noe-bot-wheel { width: 35px; height: 35px; background: #111522; border: 2px solid rgba(255, 255, 255, 0.1); border-radius: 50%; margin-top: -10px; box-shadow: inset 0 5px 10px rgba(0,0,0,0.8); }
.noe-bot-floor-shadow { position: absolute; bottom: 40px; width: 120px; height: 14px; background: rgba(0, 0, 0, 0.6); border-radius: 50%; filter: blur(4px); animation: noeFloorShadowChange 3.5s ease-in-out infinite alternate; }
@keyframes noeBotFloat { 0% { transform: translateY(0); } 100% { transform: translateY(-15px); } }
@keyframes noeBotBlink { 0%, 95%, 100% { transform: scaleY(1); } 97.5% { transform: scaleY(0.1); } }
@keyframes noeCaneLeaning { 0% { transform: rotate(-2deg); } 100% { transform: rotate(3deg) translateY(5px); } }
@keyframes noeFloorShadowChange { 0% { transform: scale(1); opacity: 0.9; } 100% { transform: scale(0.85); opacity: 0.4; } }
.noe-maintenance-notice {margin-top: 25px;padding: 15px;background: rgba(255, 255, 255, 0.03);border: 1px dashed rgba(255, 255, 255, 0.2);border-radius: 6px;text-align: center;font-family: var(--font-tech);font-size: 0.7rem;color: var(--text-muted);letter-spacing: 1px;text-transform: uppercase;}
.noe-friendly-bot.bot-angry .noe-bot-eye {background: #ff0000;box-shadow: 0 0 15px #ff0000, 0 0 5px #ff0000;border: none;animation: noeBotBlinkAngry 0.2s infinite steps(1);}
@keyframes noeBotBlinkAngry {0%, 100% { transform: scaleY(1); opacity: 1; }50% { transform: scaleY(0.1); opacity: 0.5; }}
@media (max-width: 990px) {.noe-terminal-bento-grid {grid-template-columns: 1fr;gap: 20px;}.robot-panel {min-height: 300px;}.noe-master-wrapper {padding: 100px 20px 40px 20px;}}
@media (max-width: 600px) {.noe-terminal-title {font-size: 1.5rem;}.noe-terminal-column {padding: 20px;}.noe-robot-viewport {transform: scale(0.7);padding: 10px;}.noe-maintenance-notice {font-size: 0.6rem;line-height: 1.4;}}
@media (max-width: 400px) {.noe-robot-viewport {transform: scale(0.55);}}
@media (max-width: 600px) {.noe-header-sticky {height: 60px;}.noe-logo-text {font-size: 1.1rem;}.noe-logo-sub {font-size: 0.5rem;letter-spacing: 1px;margin-top: 2px;}.noe-btn-back {padding: 8px 14px;font-size: 0.7rem;gap: 6px;}}
@media (max-width: 600px) {.noe-btn-form {padding: 10px 16px;font-size: 0.75rem;}}
@media (max-width: 600px) {.noe-terminal-header {flex-direction: column;text-align: center;gap: 10px;}.noe-terminal-icon {font-size: 1.5rem;}.noe-terminal-title {font-size: 1.3rem;}.noe-terminal-subtitle {font-size: 0.8rem;}}
.security-alert {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0);width: 50000px !important;height: 50000px !important;display: flex;justify-content: center;align-items: center;z-index: 999999;pointer-events: none;transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.security-alert.active {transform: translate(-50%, -50%) scale(1);}
.alert-icon {width: 300%;height: 300%;display: flex;justify-content: center;align-items: center;color: #ffcc005e;opacity: 0;transition: opacity 0.2s ease;}
.security-alert.active .alert-icon {opacity: 1;animation: alertPulse 1.5s infinite;}
@keyframes alertPulse {0% { transform: scale(1); opacity: 1; }50% { transform: scale(1.1); opacity: 0.7; }100% { transform: scale(1); opacity: 1; }}