:root{--color-primario: #3b82f6;--color-primario-hover: #2563eb;--color-secundario: #6366f1;--color-secundario-hover: #4f46e5;--color-acento: #06b6d4;--color-exito: #14b8a6;--color-advertencia: #f59e0b;--color-error: #ef4444;--color-fondo-light: #f0f4f9;--color-superficie-light: #f8fafc;--color-texto-light: #1e293b;--color-texto-secundario-light: #475569;--color-borde-light: #cbd5e1;--sombra-light: 0 4px 6px -1px rgba(59, 130, 246, .08), 0 2px 4px -1px rgba(59, 130, 246, .05);--sombra-hover-light: 0 10px 15px -3px rgba(59, 130, 246, .12), 0 4px 6px -2px rgba(59, 130, 246, .08);--color-fondo-dark: #0f172a;--color-superficie-dark: #1e293b;--color-texto-dark: #e2e8f0;--color-texto-secundario-dark: #94a3b8;--color-borde-dark: #334155;--sombra-dark: 0 4px 6px -1px rgba(15, 23, 42, .5), 0 2px 4px -1px rgba(15, 23, 42, .3);--sombra-hover-dark: 0 10px 15px -3px rgba(15, 23, 42, .7), 0 4px 6px -2px rgba(15, 23, 42, .5);--color-superficie: var(--color-superficie-light);--color-texto-secundario: var(--color-texto-secundario-light);--color-borde: var(--color-borde-light);--sombra: var(--sombra-light);--sombra-hover: var(--sombra-hover-light);--radio-sm: 8px;--radio-md: 12px;--radio-lg: 16px;--radio-xl: 24px;--transicion-rapida: .15s cubic-bezier(.4, 0, .2, 1);--transicion-normal: .3s cubic-bezier(.4, 0, .2, 1);--transicion-lenta: .5s cubic-bezier(.4, 0, .2, 1);--altura-barra: 72px;--h2-font-size: 2.5rem;--h2-font-size-medio: 2rem;--h2-font-size-pequeno: 1.75rem;--h2-font-size-movil: 1.5rem}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transicion-lenta),color var(--transicion-lenta);background-color:var(--color-fondo-light);color:var(--color-texto-light)}body.light-theme{background-color:var(--color-fondo-light);color:var(--color-texto-light);--color-superficie: var(--color-superficie-light);--color-texto-secundario: var(--color-texto-secundario-light);--color-borde: var(--color-borde-light);--sombra: var(--sombra-light);--sombra-hover: var(--sombra-hover-light);transition:background-color .5s ease,color .5s ease}body.dark-theme{background-color:var(--color-fondo-dark);color:var(--color-texto-dark);--color-superficie: var(--color-superficie-dark);--color-texto-secundario: var(--color-texto-secundario-dark);--color-borde: var(--color-borde-dark);--sombra: var(--sombra-dark);--sombra-hover: var(--sombra-hover-dark);transition:background-color .5s ease,color .5s ease}html{scroll-behavior:smooth}.superficie{background-color:var(--color-superficie);border-radius:var(--radio-md);box-shadow:var(--sombra);transition:box-shadow var(--transicion-normal)}.superficie:hover{box-shadow:var(--sombra-hover)}.texto-secundario{color:var(--color-texto-secundario)}.borde{border:1px solid var(--color-borde)}.gradiente-primario{background:linear-gradient(135deg,#3b82f6,#6366f1)}.gradiente-sutil-light{background:linear-gradient(180deg,#f8fafc,#eff6ff)}.gradiente-sutil-dark{background:linear-gradient(180deg,#1e293b,#0f172a)}.glass{background:color-mix(in srgb,var(--color-superficie) 70%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--color-borde) 50%,transparent)}.overlay-light{background:#3b82f60d}.overlay-dark{background:#0f172acc}.ion-icon.hydrated{visibility:inherit!important}