:root,[data-tema=oscuro]{color-scheme:dark;--color-primario: #034752;--color-secundario: #dab04a;--color-sobre-acento: #1a1406;--fondo-html: #05080c;--fondo-pagina: #0b1411;--fondo-encabezado: color-mix(in srgb, #08110e 82%, var(--color-primario));--fondo-lateral: rgb(8 18 16 / 78%);--fondo-lateral-fijo: #081210;--fondo-superficie: color-mix(in srgb, #0d1a16 78%, var(--color-primario));--fondo-resumen: color-mix(in srgb, #08110e 72%, var(--color-primario));--fondo-panel: color-mix(in srgb, var(--color-primario) 42%, #0b1411);--fondo-menu: color-mix(in srgb, var(--color-primario) 55%, #0c1218);--fondo-tarjeta: #f7f4ee;--fondo-tarjeta-alt: #efe8d8;--fondo-busqueda: #fff;--fondo-login: #05080c;--fondo-login-tarjeta: #1a1a1a;--fondo-popup: rgb(12 18 16 / 82%);--fondo-avatar: color-mix(in srgb, var(--color-primario) 82%, #0b1411);--fondo-flotante: color-mix(in srgb, var(--color-secundario) 22%, #0f1d1a);--fondo-flotante-hover: color-mix(in srgb, var(--color-secundario) 32%, #0f1d1a);--fondo-mutado: rgb(255 255 255 / 5%);--fondo-hover: rgb(255 255 255 / 7%);--fondo-campo: rgb(255 255 255 / 5%);--fondo-campo-foco: rgb(255 255 255 / 7%);--texto: #f3f0ea;--texto-suave: rgb(243 240 234 / 62%);--texto-suave-fuerte: rgb(243 240 234 / 72%);--texto-placeholder: rgb(243 240 234 / 42%);--texto-encabezado: #f7f4ee;--texto-nav: #fff;--texto-nav-hover: rgb(255 255 255 / 82%);--texto-tarjeta: #1c1914;--texto-tarjeta-suave: #5c574e;--texto-popup: #f7f4ee;--borde: rgb(255 255 255 / 10%);--borde-fuerte: rgb(255 255 255 / 18%);--sombra: rgb(0 0 0 / 28%);--velo-primario: 48%;--estado-ok-fondo: rgb(47 158 110 / 18%);--estado-ok-texto: #7dcea0;--estado-aviso-fondo: rgb(218 176 74 / 18%);--estado-aviso-texto: #dab04a;--estado-alerta-fondo: rgb(212 120 58 / 18%);--estado-alerta-texto: #e8a070;--fondo-boton: var(--color-secundario);--texto-boton: var(--color-sobre-acento);--borde-boton: color-mix(in srgb, var(--color-secundario) 70%, #000);--sombra-menu: 0 .25rem .6rem rgb(0 0 0 / 35%), 0 1rem 2.4rem rgb(0 0 0 / 55%), inset 0 1px 0 rgb(255 255 255 / 6%);--sombra-encabezado: 0 .2rem .55rem rgb(0 0 0 / 28%), 0 .55rem 1.25rem rgb(0 0 0 / 38%)}[data-tema=claro]{color-scheme:light;--fondo-html: #ece6d8;--fondo-pagina: #f4efe4;--fondo-encabezado: #ffffff;--fondo-lateral: rgb(255 252 246 / 90%);--fondo-lateral-fijo: #fffdf8;--fondo-superficie: color-mix(in srgb, #ffffff 93%, var(--color-primario));--fondo-resumen: color-mix(in srgb, #fffdf8 92%, var(--color-primario));--fondo-panel: #fffdf8;--fondo-menu: #fffdf8;--fondo-tarjeta: #ffffff;--fondo-tarjeta-alt: #fffdf8;--fondo-busqueda: #ffffff;--fondo-login: #f4efe4;--fondo-login-tarjeta: #fffdf8;--fondo-popup: rgb(255 253 248 / 94%);--fondo-avatar: color-mix(in srgb, var(--color-primario) 88%, #fff);--fondo-flotante: color-mix(in srgb, var(--color-primario) 12%, #fff);--fondo-flotante-hover: color-mix(in srgb, var(--color-primario) 20%, #fff);--fondo-mutado: rgb(3 71 82 / 5%);--fondo-hover: rgb(3 71 82 / 8%);--fondo-campo: #ffffff;--fondo-campo-foco: #ffffff;--texto: #1c1914;--texto-suave: rgb(28 24 16 / 58%);--texto-suave-fuerte: rgb(28 24 16 / 70%);--texto-placeholder: rgb(28 24 16 / 42%);--texto-encabezado: #12343a;--texto-nav: var(--color-primario);--texto-nav-hover: color-mix(in srgb, var(--color-primario) 72%, #000);--texto-tarjeta: #1c1914;--texto-tarjeta-suave: #5c574e;--texto-popup: #1c1914;--borde: rgb(3 71 82 / 14%);--borde-fuerte: rgb(3 71 82 / 24%);--sombra: rgb(28 24 16 / 12%);--velo-primario: 12%;--estado-ok-fondo: rgb(47 158 110 / 16%);--estado-ok-texto: #1d6b45;--estado-aviso-fondo: rgb(218 176 74 / 22%);--estado-aviso-texto: #7a5a12;--estado-alerta-fondo: rgb(212 120 58 / 18%);--estado-alerta-texto: #9a4a1c;--fondo-boton: var(--color-primario);--texto-boton: #fff;--borde-boton: color-mix(in srgb, var(--color-primario) 72%, #000);--sombra-menu: 0 .2rem .5rem rgb(3 71 82 / 10%), 0 .85rem 2rem rgb(3 71 82 / 18%), 0 1.5rem 2.8rem rgb(28 24 16 / 10%);--sombra-encabezado: 0 .15rem .4rem rgb(3 71 82 / 8%), 0 .45rem 1.1rem rgb(3 71 82 / 12%)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:clip}html{background:var(--fondo-html)}body{min-height:100dvh;color:var(--texto);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}.boton-primario{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:0;border-radius:.7rem;padding:.8rem 1.15rem;background:var(--fondo-boton);color:var(--texto-boton);font-weight:600;letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:filter .2s ease,transform .2s ease}.boton-primario:hover{filter:brightness(1.06)}.boton-primario:active{transform:translateY(1px)}.boton-primario:focus-visible{outline:2px solid var(--fondo-boton);outline-offset:3px}.campo{width:100%;border:1px solid var(--borde);border-radius:.7rem;padding:.78rem .9rem;background:var(--fondo-campo);color:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.campo::placeholder{color:var(--texto-placeholder)}.campo:hover{border-color:var(--borde-fuerte)}.campo:focus{border-color:var(--color-secundario);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-secundario) 28%,transparent);background:var(--fondo-campo-foco)}