@charset "UTF-8";:root{--primary-900: #0F0F23;--primary-800: #332676;--primary-700: #1A2B47;--primary-600: #2A3F5F;--primary-601:#2d2374;--primary-500: #2e7da7;--primary-400: #4A90E2;--primary-300: #29ACC0;--primary-200: #A8D0FF;--primary-100: #ffffff;--primary-101: #1E1E1E;--primary-301: #29acc013;--surface-900: #121212;--surface-800: #1E1E1E;--surface-700: #2D2D2D;--surface-600: #3A3A3A;--surface-500: #484848;--surface-400: #1e1e2f;--success-700: #1B5E20;--success-500: #4CAF50;--success-300: #81C784;--warning-700: #E65100;--warning-500: #FF9800;--warning-300: #FFB74D;--error-700: #C62828;--error-500: #F44336;--error-300: #E57373;--info-700: #1565C0;--info-500: #2196F3;--info-300: #64B5F6;--text-primary: #FFFFFF;--text-secondary: #B3B3B3;--text-tertiary: #808080;--text-disabled: #4F4F4F;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Poppins", "Inter", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--tb-fondo:#0a0a0a;--tb-borde: #28bcc8;--gradient-primary: linear-gradient(135deg, #3B5998 0%, #4A90E2 100%);--gradient-surface: linear-gradient(145deg, #1E1E1E 0%, #2D2D2D 100%);--gradient-card: linear-gradient(145deg, #2D2D2D 0%, #1E1E1E 100%);--gradient-background: linear-gradient(to bottom, #000011, #020209);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--color-primary: rgba(40, 188, 212, 1);--color-primary-light: rgba(40, 188, 212, .6);--color-primary-medium: rgba(40, 188, 212, .3);--color-primary-soft: rgba(40, 188, 212, .15);--color-primary2: rgba(40, 189, 212, .136);--hue1: 192;--hue2: 255;--border: 1px;--border-color: hsl(var(--hue2), 12%, 20%);--radius: 20px;--ease: cubic-bezier(.5, 1, .89, 1);--section-gap: clamp(1.5rem, 4vw, 2rem);--card-padding: clamp(1rem, 3vw, 1.5rem);--form-gap: 1rem;--container-padding: clamp(1rem, 4vw, 2rem);--mobile: 480px;--tablet: 768px;--desktop: 1024px;--wide: 1400px}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{overflow-y:auto;background:var(--gradient-background)}.app-layout{display:grid;grid-template-areas:"sidebar navbar" "sidebar main" "sidebar footer";grid-template-columns:280px 1fr;grid-template-rows:48px 1fr 87px;height:100vh;max-height:100vh;overflow:hidden}@media (max-width: 1024px){.app-layout{grid-template-areas:"navbar" "main" "footer";grid-template-columns:1fr;grid-template-rows:48px 1fr 119px}}@media (max-width: 768px){.app-layout{grid-template-areas:"navbar" "main" "footer";grid-template-columns:1fr;grid-template-rows:48px 1fr 115px}}.sidebar{grid-area:sidebar}@media (max-width: 1024px){.sidebar{position:absolute;z-index:1000;height:100%}}.navbar{grid-area:navbar}.footer{grid-area:footer}.main-content{grid-area:main;overflow-y:auto;height:100%;min-height:0;background-color:none;padding:var(--space-6)}@media (max-width: 1024px){.main-content.sidebar-open{padding:var(--space-4)}}@media (max-width: 1024px){.main-content{padding:var(--space-4)}}.content-wrapper{padding:var(--space-6);max-width:1200px;margin:0 auto}.content-wrapper h1{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-6)}.content-wrapper p{color:var(--text-secondary);margin-bottom:var(--space-4)}.demo-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4);margin-top:var(--space-6)}.card{background:var(--gradient-card);border:1px solid var(--surface-600);border-radius:8px;padding:var(--space-5);transition:all .2s ease}.card:hover{transform:translateY(-2px);border-color:var(--primary-400);box-shadow:0 8px 32px #3b599833}.card h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.card p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.mi-alerta-popup{background-color:#1e1e2f;color:#fff;border-radius:16px;padding:1.5rem;font-family:Segoe UI,sans-serif;box-shadow:0 0 15px #0006}.mi-alerta-popup .swal2-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.mi-alerta-titulo{font-size:1.6rem;font-weight:700;color:#f0f0f0}.mi-btn-confirmar{background-color:#e63946;color:#fff;border:none;padding:.6rem 1.4rem;border-radius:12px;font-weight:600;cursor:pointer;transition:.2s}.mi-btn-confirmar:hover{background-color:#d62828}.mi-btn-cancelar{background-color:transparent;color:#ccc;border:1px solid #666;padding:.6rem 1.4rem;border-radius:12px;font-weight:600;cursor:pointer;transition:.2s}.mi-btn-cancelar:hover{background-color:#333}@media (max-width: 768px){.content-wrapper{padding:var(--space-4)}.demo-cards{grid-template-columns:1fr}.card{padding:var(--space-4)}}@media (max-width: 480px){.content-wrapper{padding:var(--space-3)}.content-wrapper h1{font-size:var(--text-xl);margin-bottom:var(--space-4)}}