:root{--fondo:#f2f5f2;--superficie:#fff;--texto:#18241d;--sutil:#56655c;--borde:#d5ddd7;--primario:#1d5c3c;--primario-claro:#e2eee6;--acento:#a8322d;--acento-claro:#f7e3e1;--aviso:#8a6100;--aviso-claro:#fbf0d4;--exito:#1f6b3a;--exito-claro:#e1f2e6;--error:#a3261b;--error-claro:#fbe4e1;--sobre-primario:#fff;--radio:12px;--sombra:0 1px 2px #0000000d, 0 4px 16px #0000000a;color:var(--texto);background:var(--fondo);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--fondo:#111814;--superficie:#19221d;--texto:#e5ece7;--sutil:#97a69d;--borde:#2c3831;--primario:#6fbf8f;--primario-claro:#1e3428;--acento:#ee8a80;--acento-claro:#3b1f1d;--aviso:#e2b24c;--aviso-claro:#352c15;--exito:#7fd39b;--exito-claro:#1d3325;--error:#f08a7e;--error-claro:#3b1f1c;--sobre-primario:#0d1510;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--fondo:#111814;--superficie:#19221d;--texto:#e5ece7;--sutil:#97a69d;--borde:#2c3831;--primario:#6fbf8f;--primario-claro:#1e3428;--acento:#ee8a80;--acento-claro:#3b1f1d;--aviso:#e2b24c;--aviso-claro:#352c15;--exito:#7fd39b;--exito-claro:#1d3325;--error:#f08a7e;--error-claro:#3b1f1c;--sobre-primario:#0d1510;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);margin:0}h1,h2{letter-spacing:-.01em;margin:0 0 .5rem;line-height:1.2}h1{font-size:clamp(1.5rem,4vw,2rem)}h2{font-size:1.15rem}code{background:var(--primario-claro);border-radius:4px;padding:0 .35em;font-size:.9em}button,input,select{font:inherit;color:inherit}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--sutil);margin:0 0 .25rem;font-size:.75rem;font-weight:600}.sutil{color:var(--sutil)}.ayuda{color:var(--sutil);margin:.5rem 0 0;font-size:.9rem}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:1.25rem}.boton{border:1px solid var(--borde);background:var(--superficie);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-weight:600;display:inline-flex}.boton:hover:not(:disabled){border-color:var(--primario)}.boton:disabled{opacity:.55;cursor:not-allowed}.boton--primario{background:var(--primario);color:var(--sobre-primario);border-color:var(--primario)}.boton--primario:hover:not(:disabled){filter:brightness(1.08)}.boton--texto{color:var(--primario);background:0 0;border:0;padding:.25rem .5rem}:focus-visible{outline:3px solid var(--acento);outline-offset:2px}label{flex-direction:column;gap:.3rem;font-size:.9rem;font-weight:600;display:flex}input,select{border:1px solid var(--borde);background:var(--superficie);border-radius:8px;padding:.6rem .7rem;font-size:1rem;font-weight:400}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:.4rem;font-size:.9rem;font-weight:600}.alerta{border-radius:8px;margin:.75rem 0 0;padding:.65rem .85rem;font-size:.95rem}.alerta--error{background:var(--error-claro);color:var(--error)}.alerta--exito{background:var(--exito-claro);color:var(--exito)}.login{grid-template-columns:1fr;align-content:center;gap:1.5rem;max-width:960px;min-height:100vh;margin:0 auto;padding:2rem 1rem;display:grid}.login__marca h1{color:var(--primario);font-size:clamp(2rem,7vw,3.2rem)}.login__lema{color:var(--sutil);max-width:30ch;font-size:1.1rem}.login__form{flex-direction:column;gap:1rem;display:flex}.demo{background:var(--aviso-claro);color:var(--texto);border-radius:var(--radio);flex-direction:column;grid-column:1/-1;gap:.3rem;padding:1rem 1.25rem;font-size:.9rem;display:flex}.demo strong{color:var(--aviso)}@media (width>=760px){.login{grid-template-columns:1.1fr 1fr;align-items:center}}.app{flex-direction:column;min-height:100vh;display:flex}.barra{background:var(--superficie);border-bottom:1px solid var(--borde);top:env(safe-area-inset-top,0px);z-index:5;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.75rem 1rem;display:flex;position:sticky}.barra__marca{color:var(--primario);font-weight:700}.barra__menu{gap:.25rem;display:flex}.barra__menu button,.barra__salir{cursor:pointer;color:var(--sutil);background:0 0;border:0;border-radius:999px;padding:.45rem .8rem;font-weight:600}.barra__menu button.activo{background:var(--primario-claro);color:var(--primario)}.barra__salir{margin-left:auto}main{flex:1}.contenido{flex-direction:column;gap:1.25rem;max-width:1100px;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex}.cabecera{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.pie{text-align:center;color:var(--sutil);padding:1rem;font-size:.8rem}.resumen{flex-wrap:wrap;gap:.75rem;margin:.5rem 0;display:flex}.resumen>div{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);flex-direction:column;flex:100px;max-width:200px;padding:.75rem 1rem;display:flex}.resumen strong{font-size:1.6rem;line-height:1}.resumen span{color:var(--sutil);font-size:.85rem}.resumen--aviso strong{color:var(--aviso)}.resumen--error strong{color:var(--error)}.filtros{flex-wrap:wrap;gap:.75rem;display:flex}.filtros label{min-width:160px}.tabla-envoltura{padding:0;overflow-x:auto}.tabla{border-collapse:collapse;width:100%;font-size:.92rem}.tabla th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--sutil);border-bottom:1px solid var(--borde);padding:.75rem;font-size:.75rem}.tabla td{border-bottom:1px solid var(--borde);vertical-align:top;padding:.7rem .75rem}.tabla tr:last-child td{border-bottom:0}.tabla__principal{font-weight:600}@media (width<=720px){.tabla thead{display:none}.tabla tr{border-bottom:1px solid var(--borde);padding:.75rem;display:block}.tabla td{border:0;gap:.75rem;padding:.15rem 0;display:flex}.tabla td[data-label]:before{content:attr(data-label);min-width:90px;color:var(--sutil);font-size:.8rem}}.chip{white-space:nowrap;background:var(--primario-claro);color:var(--primario);border-radius:999px;padding:.15rem .6rem;font-size:.8rem;font-weight:600;display:inline-block}.chip--por_definir{background:var(--aviso-claro);color:var(--aviso)}.chip--inactivo{background:var(--borde);color:var(--sutil)}.chips-grado{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.modal{z-index:20;background:#00000073;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal__caja{flex-direction:column;gap:1rem;width:min(620px,100%);max-height:92vh;display:flex;overflow-y:auto}.modal__acciones{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.dos-columnas{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=560px){.dos-columnas{grid-template-columns:1fr 1fr}}.grados{flex-wrap:wrap;gap:.4rem;display:flex}.grado{border:1px solid var(--borde);cursor:pointer;border-radius:999px;flex-direction:row;align-items:center;gap:.3rem;padding:.3rem .7rem;font-weight:500}.grado input{margin:0}.grado--activo{background:var(--primario-claro);border-color:var(--primario);color:var(--primario)}.pasos ol{gap:.35rem;margin:0 0 1rem;padding-left:1.2rem;display:grid}.cargar{cursor:pointer;flex-direction:row}.errores summary{cursor:pointer;color:var(--error);margin:.5rem 0;font-weight:600}.errores ul{gap:.25rem;margin:0 0 1rem;padding-left:1.2rem;font-size:.9rem;display:grid}.vacio{text-align:center;color:var(--sutil)}.saludo h1{font-size:clamp(1.7rem,5vw,2.4rem)}.instruccion{max-width:60ch;margin:0;font-size:1.05rem}.seleccion{grid-template-columns:1fr;align-items:start;gap:1.25rem;display:grid}@media (width>=860px){.seleccion{grid-template-columns:320px 1fr}.ranking{position:sticky;top:4.5rem}}.ranking{flex-direction:column;gap:.6rem;margin:0;list-style:none;display:flex}.ranking__item{border:2px dashed var(--borde);border-radius:10px;align-items:center;gap:.75rem;min-height:64px;padding:.6rem;display:flex}.ranking__item--lleno{border-style:solid;border-color:var(--primario);background:var(--primario-claro)}.ranking__numero{background:var(--borde);width:2.1rem;height:2.1rem;color:var(--sutil);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.ranking__item--lleno .ranking__numero{background:var(--primario);color:var(--sobre-primario)}.ranking__texto{flex-direction:column;flex:1;font-weight:600;line-height:1.25;display:flex}.ranking__texto small{color:var(--sutil);font-size:.75rem;font-weight:500}.ranking__texto em{color:var(--sutil);font-weight:400}.ranking__acciones{gap:.15rem;display:flex}.ranking__acciones button{border:1px solid var(--borde);background:var(--superficie);cursor:pointer;border-radius:50%;width:2rem;height:2rem}.ranking__acciones button:disabled{opacity:.35;cursor:default}.ranking__pie{flex-direction:column;gap:.5rem;margin-top:.25rem;display:flex}.ranking__pie .alerta{margin:0}.opciones{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.centro{text-align:left;border:2px solid var(--borde);border-radius:var(--radio);background:var(--superficie);cursor:pointer;flex-direction:column;gap:.3rem;min-height:120px;padding:1rem;transition:border-color .15s,transform .15s;display:flex;position:relative}.centro:hover:not(:disabled){border-color:var(--primario);transform:translateY(-1px)}.centro:disabled{opacity:.45;cursor:not-allowed}.centro--elegido{border-color:var(--primario);background:var(--primario-claro)}.centro__linea{text-transform:uppercase;letter-spacing:.06em;color:var(--acento);font-size:.72rem;font-weight:700}.centro__nombre{padding-right:2rem;font-size:1.1rem;font-weight:700;line-height:1.25}.centro__eje{color:var(--sutil);font-size:.88rem}.centro__insignia{background:var(--primario);width:1.9rem;height:1.9rem;color:var(--sobre-primario);border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:.75rem;right:.75rem}@media (width<=480px){.barra__marca{font-size:.95rem}.barra__menu button,.barra__salir{padding:.4rem .55rem}.barra{gap:.25rem}.barra:has(.barra__menu) .barra__marca{display:none}}
