/* GENERADA por tools/generar-yo-recursos.php a partir de estilo.css: no se edita a mano.
   Mi espacio (/yo) carga esta y no la del panel. Para cambiar un estilo, edita estilo.css y vuelve a generar. */
@font-face{font-family:'Plus Jakarta Sans'; font-style:normal; font-weight:200 800; font-display:swap; src:url('/assets/jakarta-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Plus Jakarta Sans'; font-style:normal; font-weight:200 800; font-display:swap; src:url('/assets/jakarta-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Montserrat'; font-style:normal; font-weight:400; font-display:swap; src:url('/assets/montserrat-400.woff2') format('woff2');}
@font-face{font-family:'Montserrat'; font-style:normal; font-weight:500; font-display:swap; src:url('/assets/montserrat-500.woff2') format('woff2');}
@font-face{font-family:'Montserrat'; font-style:normal; font-weight:600; font-display:swap; src:url('/assets/montserrat-600.woff2') format('woff2');}
@font-face{font-family:'Montserrat'; font-style:normal; font-weight:700; font-display:swap; src:url('/assets/montserrat-700.woff2') format('woff2');}
:root{--m-900:#1c0826; --m-800:#2b0f3a; --m-700:#4a1d5e; --m-600:#6a2d80; --m-200:#e6d3e8; --m-100:#f4e9f1; --m-50:#faf4f8; --s-500:#ff8a5b; --s-700:#b5401f; --s-200:#ffd0bb; --s-50:#fff1ea; --s-info:#4a90c8; --n-fondo:#faf6f3; --n-sup2:#f5eeea; --n-borde:#ece2dc; --n-borde-fuerte:#dacbc3; --n-texto:#24112f; --n-texto-2:#4f3b58; --n-texto-3:#5f4a68; --n-tenue:#6e5a76; --mo-fondo:#170a20; --mo-sup:#221029; --mo-sup2:#2b1533; --mo-campo:#1d0d25; --mo-lateral:#1b0b23; --mo-borde:#3a2245; --mo-borde-fuerte:#4a2d57; --mo-borde-control:#6a4a78; --mo-borde-hover:#ffa27e; --mo-texto:#fff6f0; --mo-texto-2:#e5d3e9; --mo-texto-3:#cdb6d3; --mo-tenue:#b49bbd; --mo-enlace:#ffa27e; --mo-enlace-hover:#ffc0a6; --mo-acento:#ffd0bb; --mo-primario:#ff8a5b; --mo-primario-hover:#ffa27e; --mo-sobre-primario:#2b0f3a; --mo-foco:#ffa27e; --mo-anillo:rgba(255,138,91,.30); --mo-sel:rgba(255,138,91,.16); --mo-sel-solida:#3a1d33; --mo-medida:#d4f25c; --mo-medida-baja:#a8c24a; --mo-avance:#ff8a5b; --mo-avance-cerca:#ffa27e; --mo-nivel-6:#ffd0bb; --mo-nivel-5:#ffa27e; --mo-nivel-4:#ff8a5b; --mo-nivel-3:#d9663a; --mo-nivel-2:#d4f25c; --mo-nivel-1:#6a4a78; --mo-activo-fondo:#3a1d33; --mo-activo-texto:#ffd0bb; --mo-g1:#ffa27e; --mo-g2:#ff8a5b; --mo-g3:#d4f25c; --mo-g4:#7a3b2c; --mo-g-sobre:#170a20; --mo-calido:#ffb38f; --mo-calido-tinte:rgba(255,138,91,.14); --mo-capa:rgba(10,4,14,.66); --mo-placa:#f8eef3; --fondo:var(--n-fondo); --superficie:#ffffff; --superficie-2:var(--n-sup2); --campo-fondo:#ffffff; --papel:#ffffff; --borde:var(--n-borde); --borde-fuerte:var(--n-borde-fuerte); --borde-control:var(--n-borde-fuerte); --borde-hover:var(--m-600); --texto:var(--n-texto); --texto-2:var(--n-texto-2); --texto-3:var(--n-texto-3); --texto-tenue:var(--n-tenue); --enlace:var(--m-700); --enlace-hover:var(--m-800); --acento:var(--m-800); --primario:var(--m-800); --primario-hover:var(--m-700); --sobre-primario:#ffffff; --foco:var(--m-600); --anillo-foco:var(--m-100); --seleccion:var(--m-100); --seleccion-solida:var(--m-100); --marca-tinte:var(--m-100); --medida:var(--s-500); --medida-baja:#f0b9a6; --realce:var(--s-500); --avance:var(--m-600); --avance-cerca:var(--m-700); --calido:var(--s-700); --calido-tinte:var(--s-50); --ok:#0f7a3d; --ok-tinte:#eaf7ef; --aviso:#8a6100; --aviso-tinte:#fdf7e6; --aviso-borde:#e0b64a; --alerta:#b0350f; --alerta-tinte:#fdf0ec; --alerta-borde:#efd3c9; --info:#0a4f6b; --info-tinte:#e6f6fd; --info-borde:#bfe6f7; --filo-info:var(--s-info); --urgente:#d44115; --nivel-6:var(--m-900); --nivel-5:var(--m-800); --nivel-4:var(--m-700); --nivel-3:var(--m-600); --nivel-2:var(--s-500); --nivel-1:var(--borde-fuerte); --lateral-fondo:var(--superficie); --lateral-borde:var(--borde); --lateral-texto:var(--texto-2); --lateral-texto-fuerte:var(--texto); --lateral-tenue:var(--texto-tenue); --lateral-hover:var(--superficie-2); --lateral-linea:var(--borde); --lateral-acento:var(--primario); --lateral-activo-fondo:var(--m-100); --lateral-activo-texto:var(--m-800); --g-navy:var(--m-800); --g-navy2:var(--m-600); --g-cian:var(--s-500); --g-cian2:var(--s-200); --g-naranja:#d44115; --g-ok:#0f7a3d; --g-aviso:#8a6100; --g-alerta:#b0350f; --g-linea:var(--n-borde); --g-tenue:var(--n-tenue); --g-tinta:var(--n-texto); --g-sobre:#ffffff; --placa-logo:transparent; --sombra-accion:0 1px 2px rgba(28,26,41,.08), 0 4px 12px rgba(28,26,41,.06); --sombra-flotante:0 8px 30px rgba(28,26,41,.16); --capa:rgba(20,14,40,.48); --hero-desde:var(--m-800); --hero-hasta:var(--m-900); --hero-texto:#ffffff; --letra-1:.875rem; --letra-2:.9375rem; --letra-3:1.0625rem; --letra-4:1.25rem; --letra-5:1.625rem; --letra-6:2rem; --radio-chico:6px; --radio:10px; --radio-grande:14px; --radio-pildora:999px; --esp-1:4px; --esp-2:8px; --esp-3:12px; --esp-4:16px; --esp-5:24px; --lateral:248px; --lienzo:var(--fondo); --panel:var(--superficie); --linea:var(--borde); --linea-fuerte:var(--borde-fuerte); --tinta:var(--texto); --tinta-media:var(--texto-2); --tinta-suave:var(--texto-3); --tinta-tenue:var(--texto-tenue); --navy:var(--m-800); --cian:var(--s-500); --cian-agua:var(--m-100); color-scheme:light; font-family:'Plus Jakarta Sans','Helvetica Neue',system-ui,-apple-system,sans-serif; font-variant-numeric:tabular-nums;}
:root[data-paleta="migura"]{--m-900:#07233c; --m-800:#0b3253; --m-700:#145493; --m-600:#1f6cb5; --m-200:#bfe6f7; --m-100:#e6f6fd; --m-50:#f0f8fd; --s-500:#42c8f4; --s-700:#0a4f6b; --s-200:#a5e3f9; --s-50:#e6f6fd; --s-info:#42c8f4; --n-fondo:#f7f9fb; --n-sup2:#f7f9fb; --n-borde:#e3e9f0; --n-borde-fuerte:#cfd9e5; --n-texto:#0e1a26; --n-texto-2:#46556a; --n-texto-3:#5d6b7a; --n-tenue:#647386; --mo-fondo:#0b1622; --mo-sup:#111f2e; --mo-sup2:#172a3d; --mo-campo:#0d1927; --mo-lateral:#0d1a28; --mo-borde:#22384d; --mo-borde-fuerte:#2e4a63; --mo-borde-control:#4a6682; --mo-borde-hover:#5d9bd6; --mo-texto:#e8eef5; --mo-texto-2:#b4c2d1; --mo-texto-3:#9fb0c2; --mo-tenue:#8b9db1; --mo-enlace:#7cc4f0; --mo-enlace-hover:#a8d8f6; --mo-acento:#bfe0f7; --mo-primario:#1f6cb5; --mo-primario-hover:#1a63a8; --mo-sobre-primario:#ffffff; --mo-foco:#7cc4f0; --mo-anillo:rgba(66,200,244,.28); --mo-sel:rgba(66,200,244,.14); --mo-sel-solida:#16334a; --mo-medida:#42c8f4; --mo-medida-baja:#d9785a; --mo-avance:#3f8fd8; --mo-avance-cerca:#62a8e6; --mo-nivel-6:#9cc9ee; --mo-nivel-5:#6fb0e6; --mo-nivel-4:#4a90d0; --mo-nivel-3:#2f73b3; --mo-nivel-2:#42c8f4; --mo-nivel-1:#4a6682; --mo-activo-fondo:rgba(66,200,244,.16); --mo-activo-texto:#b5e8fb; --mo-g1:#6fb0e6; --mo-g2:#3f8fd8; --mo-g3:#42c8f4; --mo-g4:#1f6f8f; --mo-g-sobre:#08121c; --mo-calido:#f08a5d; --mo-calido-tinte:rgba(240,138,93,.14); --mo-capa:rgba(2,8,14,.66); --mo-placa:#eef3f8;}
@media screen and (prefers-color-scheme:dark){
:root:not([data-theme="light"]){--fondo:var(--mo-fondo); --superficie:var(--mo-sup); --superficie-2:var(--mo-sup2); --campo-fondo:var(--mo-campo); --borde:var(--mo-borde); --borde-fuerte:var(--mo-borde-fuerte); --borde-control:var(--mo-borde-control); --borde-hover:var(--mo-borde-hover); --texto:var(--mo-texto); --texto-2:var(--mo-texto-2); --texto-3:var(--mo-texto-3); --texto-tenue:var(--mo-tenue); --enlace:var(--mo-enlace); --enlace-hover:var(--mo-enlace-hover); --acento:var(--mo-acento); --primario:var(--mo-primario); --primario-hover:var(--mo-primario-hover); --sobre-primario:var(--mo-sobre-primario); --foco:var(--mo-foco); --anillo-foco:var(--mo-anillo); --seleccion:var(--mo-sel); --seleccion-solida:var(--mo-sel-solida); --marca-tinte:var(--mo-activo-fondo); --medida:var(--mo-medida); --medida-baja:var(--mo-medida-baja); --realce:var(--mo-medida); --avance:var(--mo-avance); --avance-cerca:var(--mo-avance-cerca); --calido:var(--mo-calido); --calido-tinte:var(--mo-calido-tinte); --ok:#4ade80; --ok-tinte:rgba(34,197,94,.14); --aviso:#fbbf24; --aviso-tinte:rgba(245,165,36,.14); --aviso-borde:#8a6a1f; --alerta:#f59a7f; --alerta-tinte:rgba(229,72,77,.14); --alerta-borde:#7a3b2c; --info:#8fdcf8; --info-tinte:rgba(66,200,244,.12); --info-borde:#1f5670; --urgente:#f08a5d; --nivel-6:var(--mo-nivel-6); --nivel-5:var(--mo-nivel-5); --nivel-4:var(--mo-nivel-4); --nivel-3:var(--mo-nivel-3); --nivel-2:var(--mo-nivel-2); --nivel-1:var(--mo-nivel-1); --lateral-fondo:var(--mo-lateral); --lateral-borde:var(--mo-borde); --lateral-texto:var(--mo-texto-2); --lateral-texto-fuerte:var(--mo-texto); --lateral-tenue:var(--mo-tenue); --lateral-hover:var(--mo-sup2); --lateral-linea:var(--mo-borde); --lateral-acento:var(--mo-enlace); --lateral-activo-fondo:var(--mo-activo-fondo); --lateral-activo-texto:var(--mo-activo-texto); --g-navy:var(--mo-g1); --g-navy2:var(--mo-g2); --g-cian:var(--mo-g3); --g-cian2:var(--mo-g4); --g-naranja:#f08a5d; --g-ok:#4ade80; --g-aviso:#fbbf24; --g-alerta:#f59a7f; --g-linea:var(--mo-borde-fuerte); --g-tenue:var(--mo-texto-3); --g-tinta:var(--mo-texto); --g-sobre:var(--mo-g-sobre); --placa-logo:var(--mo-placa); --sombra-accion:none; --sombra-flotante:0 8px 30px rgba(0,0,0,.5); --capa:var(--mo-capa); color-scheme:dark;}
}
@media screen{
:root[data-theme="dark"]{--fondo:var(--mo-fondo); --superficie:var(--mo-sup); --superficie-2:var(--mo-sup2); --campo-fondo:var(--mo-campo); --borde:var(--mo-borde); --borde-fuerte:var(--mo-borde-fuerte); --borde-control:var(--mo-borde-control); --borde-hover:var(--mo-borde-hover); --texto:var(--mo-texto); --texto-2:var(--mo-texto-2); --texto-3:var(--mo-texto-3); --texto-tenue:var(--mo-tenue); --enlace:var(--mo-enlace); --enlace-hover:var(--mo-enlace-hover); --acento:var(--mo-acento); --primario:var(--mo-primario); --primario-hover:var(--mo-primario-hover); --sobre-primario:var(--mo-sobre-primario); --foco:var(--mo-foco); --anillo-foco:var(--mo-anillo); --seleccion:var(--mo-sel); --seleccion-solida:var(--mo-sel-solida); --marca-tinte:var(--mo-activo-fondo); --medida:var(--mo-medida); --medida-baja:var(--mo-medida-baja); --realce:var(--mo-medida); --avance:var(--mo-avance); --avance-cerca:var(--mo-avance-cerca); --calido:var(--mo-calido); --calido-tinte:var(--mo-calido-tinte); --ok:#4ade80; --ok-tinte:rgba(34,197,94,.14); --aviso:#fbbf24; --aviso-tinte:rgba(245,165,36,.14); --aviso-borde:#8a6a1f; --alerta:#f59a7f; --alerta-tinte:rgba(229,72,77,.14); --alerta-borde:#7a3b2c; --info:#8fdcf8; --info-tinte:rgba(66,200,244,.12); --info-borde:#1f5670; --urgente:#f08a5d; --nivel-6:var(--mo-nivel-6); --nivel-5:var(--mo-nivel-5); --nivel-4:var(--mo-nivel-4); --nivel-3:var(--mo-nivel-3); --nivel-2:var(--mo-nivel-2); --nivel-1:var(--mo-nivel-1); --lateral-fondo:var(--mo-lateral); --lateral-borde:var(--mo-borde); --lateral-texto:var(--mo-texto-2); --lateral-texto-fuerte:var(--mo-texto); --lateral-tenue:var(--mo-tenue); --lateral-hover:var(--mo-sup2); --lateral-linea:var(--mo-borde); --lateral-acento:var(--mo-enlace); --lateral-activo-fondo:var(--mo-activo-fondo); --lateral-activo-texto:var(--mo-activo-texto); --g-navy:var(--mo-g1); --g-navy2:var(--mo-g2); --g-cian:var(--mo-g3); --g-cian2:var(--mo-g4); --g-naranja:#f08a5d; --g-ok:#4ade80; --g-aviso:#fbbf24; --g-alerta:#f59a7f; --g-linea:var(--mo-borde-fuerte); --g-tenue:var(--mo-texto-3); --g-tinta:var(--mo-texto); --g-sobre:var(--mo-g-sobre); --placa-logo:var(--mo-placa); --sombra-accion:none; --sombra-flotante:0 8px 30px rgba(0,0,0,.5); --capa:var(--mo-capa); color-scheme:dark;}
}
*{box-sizing:border-box;}
[hidden]{display:none !important;}
body{margin:0; padding:0; background:var(--fondo); color:var(--texto); font-size:var(--letra-2); line-height:1.6; -webkit-font-smoothing:antialiased;}
body.centrado{display:flex; align-items:center; justify-content:center; min-height:100vh; padding:24px 16px; background:radial-gradient(ellipse at 10% -10%, var(--marca-tinte) 0, transparent 55%), radial-gradient(ellipse at 100% 110%, var(--marca-tinte) 0, transparent 50%), var(--fondo);}
body.centrado > main.tarjeta{box-shadow:inset 0 4px 0 var(--acento), var(--sombra-accion);}
h1{font-size:var(--letra-5); font-weight:700; letter-spacing:-.025em; line-height:1.2; margin:0 0 8px; color:var(--texto);}
h2{font-size:var(--letra-3); font-weight:600; letter-spacing:-.012em; margin:0 0 10px; color:var(--texto);}
h3{font-size:var(--letra-2); font-weight:600; margin:0 0 6px; color:var(--texto);}
h4{font-size:var(--letra-1); font-weight:600; margin:18px 0 6px; color:var(--texto-2);}
p{margin:0 0 14px; max-width:78ch;}
a{color:var(--enlace); text-underline-offset:2px;}
a:hover{color:var(--enlace-hover);}
.mut{color:var(--texto-3); font-size:var(--letra-2);}
.min{color:var(--texto-3); font-size:var(--letra-1);}
strong{font-weight:600;}
.ico{width:18px; height:18px; flex:none; vertical-align:middle; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round;}
.solo-lector{position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0;}
.lateral{position:fixed; inset:0 auto 0 0; width:var(--lateral); z-index:20; background:var(--lateral-fondo); color:var(--lateral-texto-fuerte); border-right:1px solid var(--lateral-borde); display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto auto minmax(0,1fr) auto auto; grid-template-areas:"marca plegar" "ira ira" "nav nav" "pie pie" "cuenta salir";}
.yo-marca .marca-iniciales{display:inline-flex; flex:none; margin-top:0; font-size:var(--letra-1);}
.lateral .tema-conmutador > summary{list-style:none; cursor:pointer; display:flex; flex-direction:row; align-items:center; gap:11px; min-height:38px; padding:7px 10px; border-radius:var(--radio); font-size:var(--letra-1); font-weight:600; color:var(--lateral-texto); text-decoration:none; transition:background-color .12s ease, color .12s ease;}
.lateral .tema-conmutador > summary .ico{width:19px; height:19px; color:var(--lateral-tenue);}
.lateral .tema-conmutador > summary:hover{background:var(--lateral-hover); color:var(--lateral-texto-fuerte);}
.lateral .tema-conmutador{padding:0;}
.lateral .tema-conmutador > summary [data-tema-nombre]{color:var(--lateral-texto-fuerte);}
.lateral .tema-opciones{left:0; right:0; width:auto; min-width:0;}
:is(.lateral, .yo-barra, .yo-nav) :focus-visible{outline-color:var(--lateral-acento);}
.yo-nav .yo-mas-hoja :focus-visible{outline-color:var(--foco);}
.tema-conmutador{position:relative; padding:0 16px 10px;}
.tema-conmutador > summary{list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:4px; font-size:var(--letra-1); font-weight:500; color:var(--lateral-tenue); padding:4px 0;}
.tema-conmutador > summary::-webkit-details-marker{display:none;}
.tema-conmutador > summary:hover{color:var(--lateral-texto-fuerte);}
.tema-conmutador > summary [data-tema-nombre]{color:var(--lateral-texto); font-weight:600;}
.tema-opciones{position:absolute; left:12px; bottom:calc(100% + 4px); z-index:30; display:flex; gap:6px; padding:8px; border-radius:var(--radio); background:var(--superficie); border:1px solid var(--borde-fuerte); box-shadow:var(--sombra-flotante);}
.tema-opciones{flex-direction:column; gap:4px; width:max-content; min-width:15rem; max-width:calc(100vw - 32px);}
.tema-grupo{margin:2px 0 0; font-size:var(--letra-1); font-weight:600; color:var(--texto-2);}
.tema-botones{display:flex; flex-wrap:wrap; gap:6px;}
.tema-opciones .btn{flex:1 1 auto; padding-inline:8px; white-space:nowrap;}
.tema-opciones .btn[aria-pressed="true"]{background:var(--primario); color:var(--sobre-primario); border-color:var(--primario);}
.yo-barra .tema-conmutador{padding:0;}
.yo-barra .tema-opciones{left:auto; right:0; bottom:auto; top:calc(100% + 6px);}
html[data-letra="grande"]{font-size:118.75%;}
html[data-letra="mayor"]{font-size:137.5%;}
:where(button, input, select, textarea){font-size:var(--letra-1);}
.cuerpo-panel{margin-left:var(--lateral); padding:30px 32px 80px;}
.saltar-contenido{position:absolute; left:8px; top:-64px; z-index:100; padding:10px 16px; border-radius:var(--radio); background:var(--primario); color:var(--sobre-primario,#fff); font-weight:600; text-decoration:none;}
.saltar-contenido:focus{top:8px; outline:3px solid var(--foco, currentColor); outline-offset:2px;}
#contenido:focus{outline:none;}
.envoltura{max-width:680px; margin:0 auto; padding:30px 18px 72px;}
.tarjeta{background:var(--superficie); border:1px solid var(--borde); border-radius:var(--radio-grande); padding:24px 26px; width:100%;}
.angosta{max-width:460px;}
.medida{display:flex; align-items:center; gap:12px; min-width:180px;}
.medida-pista{position:relative; flex:1; height:8px; min-width:90px; background:var(--superficie-2); border:1px solid var(--borde); border-radius:var(--radio-pildora);}
.medida-valor{position:absolute; min-width:6px; inset:0 auto 0 0; border-radius:var(--radio-pildora); background:var(--medida);}
.medida-corte{position:absolute; top:-4px; bottom:-4px; width:2px; background:var(--texto); border-radius:var(--radio-chico);}
.medida-cifra{font-weight:600; font-size:var(--letra-1); min-width:3.2em; text-align:right;}
.medida.bajo .medida-valor{background:var(--medida-baja);}
.medida.cumple .medida-valor{background:var(--medida);}
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; font:inherit; font-weight:600; font-size:var(--letra-1); letter-spacing:-.005em; padding:11px 20px; border-radius:var(--radio); border:1px solid transparent; cursor:pointer; text-decoration:none; min-height:42px; transition:background .12s ease, border-color .12s ease, box-shadow .12s ease;}
.btn-primario{background:var(--primario); color:var(--sobre-primario); box-shadow:var(--sombra-accion);}
.btn-primario:hover:not(:disabled){background:var(--primario-hover); color:var(--sobre-primario);}
.btn-primario:disabled{background:var(--borde-fuerte); color:var(--texto-tenue); box-shadow:none; cursor:not-allowed;}
.btn-suave{background:var(--superficie); color:var(--acento); border-color:var(--borde-control);}
.btn-suave:hover{border-color:var(--borde-hover); background:var(--superficie-2);}
.btn-peligro{background:var(--superficie); color:var(--alerta); border-color:var(--alerta-borde);}
.btn-peligro:hover{background:var(--alerta-tinte);}
.btn-chico,.btn-mini{padding:7px 13px; min-height:36px; font-size:var(--letra-1);}
.btn[data-aprobar-semana]{min-height:44px;}
:is(.btn,a,input,select,button,textarea,summary,details):focus-visible{outline:2px solid var(--foco); outline-offset:2px; border-radius:var(--radio-chico);}
.btn-fantasma{background:transparent; color:var(--enlace); border-color:transparent;}
.btn-fantasma:hover{background:var(--superficie-2); color:var(--enlace-hover);}
.btn-fantasma:disabled{color:var(--texto-tenue); cursor:not-allowed;}
.campo{margin-bottom:16px;}
.campo label{display:block; font-size:var(--letra-1); font-weight:600; color:var(--texto-2); margin-bottom:6px;}
input[type=text],input[type=email],input[type=password],input[type=tel],input[type=search],input[type=number],input[type=date],input[type=datetime-local],input[type=url],input[type=time],input[type=month],select,textarea{width:100%; font:inherit; font-size:var(--letra-2); padding:10px 13px; border:1px solid var(--borde-control); border-radius:var(--radio); background:var(--campo-fondo); color:var(--texto); min-height:44px; transition:border-color .12s ease, box-shadow .12s ease;}
:is(input, select, textarea):hover:not(:disabled):not(:focus){border-color:var(--borde-hover);}
input[type=date]{min-width:calc(10ch + 1.5em + 40px);}
input[type=checkbox],input[type=radio]{accent-color:var(--primario); width:18px; height:18px; flex:none;}
textarea{min-height:auto; line-height:1.55; resize:vertical;}
input:focus,select:focus,textarea:focus{outline:none; border-color:var(--foco); box-shadow:0 0 0 3px var(--anillo-foco);}
input:disabled,select:disabled,textarea:disabled{background:var(--superficie-2); color:var(--texto-3);}
table.datos{width:100%; border-collapse:collapse; font-size:var(--letra-1);}
table.datos th{text-align:left; font-size:var(--letra-1); font-weight:600; color:var(--texto-3); padding:0 12px 9px; white-space:nowrap; border-bottom:1px solid var(--borde);}
table.datos td{padding:12px; border-bottom:1px solid var(--borde); vertical-align:middle;}
table.datos tbody tr:last-child td{border-bottom:0;}
table.datos tbody tr:hover td{background:var(--superficie-2);}
.num{text-align:right; font-variant-numeric:tabular-nums;}
table.datos th.num{text-align:right;}
table.datos th.num{white-space:normal; min-width:4.5rem;}
.nowrap{white-space:nowrap;}
.partir{overflow-wrap:anywhere;}
.scroll-x{overflow-x:auto; margin:0 -26px; padding:0 26px; position:relative;}
.chip,.etq{display:inline-flex; align-items:center; gap:4px; vertical-align:middle; font-size:var(--letra-1); font-weight:600; line-height:1.35; padding:2px 9px; border-radius:var(--radio-pildora); white-space:nowrap; background:var(--superficie-2); color:var(--texto-2); border:1px solid color-mix(in srgb, currentColor 30%, transparent);}
.chip .ico{width:13px; height:13px;}
.chip-neutro,.etq-invitada{background:var(--superficie-2); color:var(--texto-3);}
.chip-info,.etq-en_progreso{background:var(--info-tinte); color:var(--info);}
.chip-calido{background:var(--calido-tinte); color:var(--calido);}
.chip-ok,.etq-completada{background:var(--ok-tinte); color:var(--ok);}
.chip-aviso{background:var(--aviso-tinte); color:var(--aviso);}
.chip-alerta,.etq-expirada{background:var(--alerta-tinte); color:var(--alerta);}
.etq-cancelada{background:var(--superficie-2); color:var(--texto-tenue);}
.chip[aria-current="true"],.chip[aria-current="page"]{border:2px solid currentColor; padding:1px 8px; font-weight:700;}
.chip[aria-current="true"]::before,.chip[aria-current="page"]::before{content:"✓"; content:"✓" / ""; font-weight:800;}
.nota{position:relative; border-radius:var(--radio); padding:12px 16px 12px 44px; font-size:var(--letra-1); margin-bottom:18px; border:1px solid transparent; line-height:1.55;}
.nota::before{content:"i"; content:"i" / ""; position:absolute; left:14px; top:12px; width:20px; height:20px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:var(--letra-1); font-weight:800; line-height:1; background:var(--filo-info); color:var(--superficie);}
.nota p:last-child{margin-bottom:0;}
.nota-info{background:var(--info-tinte); border-color:var(--info-borde); color:var(--info);}
.nota-ok{background:var(--ok-tinte); border-color:var(--ok-tinte); color:var(--ok);}
.nota-ok::before{content:"✓"; content:"✓" / ""; background:var(--ok);}
.nota-aviso{background:var(--aviso-tinte); border-color:var(--aviso-borde); color:var(--aviso);}
.nota-aviso::before{content:"!"; content:"!" / ""; background:var(--aviso);}
.nota-alerta{background:var(--alerta-tinte); border-color:var(--alerta-borde); color:var(--alerta);}
.nota-alerta::before{content:"!"; content:"!" / ""; background:var(--alerta);}
.nota:has(+ .nota){margin-bottom:0; border-bottom-left-radius:0; border-bottom-right-radius:0;}
.nota + .nota{border-top-left-radius:0; border-top-right-radius:0; border-top-color:transparent;}
.texto-alerta{color:var(--alerta); font-weight:600;}
.vacio{display:flex; flex-direction:column; align-items:flex-start; gap:4px; padding:18px 20px; border:1px dashed var(--borde-fuerte); border-radius:var(--radio); background:var(--superficie-2);}
.vacio > .ico{width:22px; height:22px; color:var(--texto-3); margin-bottom:4px;}
.vacio-titulo{margin:0; font-weight:600; font-size:var(--letra-2); color:var(--texto);}
.vacio-texto{margin:0; max-width:480px; font-size:var(--letra-1); color:var(--texto-3);}
.vacio .btn{margin-top:10px;}
.tarjeta > .vacio{border:0; background:transparent; padding:2px 0;}
.nota-flash{position:relative; padding-right:52px;}
.nota-cerrar{position:absolute; top:50%; right:6px; transform:translateY(-50%); display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; padding:0; border:0; border-radius:var(--radio); cursor:pointer; background:transparent; color:inherit;}
.nota-cerrar:hover{background:color-mix(in srgb, currentColor 12%, transparent);}
@media (pointer:coarse){
.nota-cerrar{width:44px; height:44px; right:2px;}
}
.cifra{font-size:var(--letra-6); font-weight:700; letter-spacing:-.035em; line-height:1.1; color:var(--texto); margin:0 0 5px;}
.cifra .min{font-size:var(--letra-1); font-weight:500;}
.marca-logo{height:34px; width:auto; flex:none; background:var(--placa-logo); border-radius:var(--radio);}
.marca-logo-texto{display:inline-flex; align-items:center; min-height:34px; height:auto; max-width:100%; padding:4px 10px; font-weight:700; font-size:var(--letra-3); color:var(--texto); background:var(--superficie-2);}
.marca-iniciales{display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:var(--radio-chico); font-weight:700; font-size:var(--letra-1); background:var(--primario); color:var(--sobre-primario);}
:root[data-theme="dark"] .marca-logo{padding:4px 8px; box-sizing:content-box;}
@media screen and (prefers-color-scheme:dark){
:root:not([data-theme="light"]) .marca-logo{padding:4px 8px; box-sizing:content-box;}
}
.marca{display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-bottom:22px;}
.marca-texto{display:flex; align-items:baseline; gap:5px; font-weight:700; color:var(--acento); font-size:var(--letra-2); letter-spacing:-.01em;}
.marca-texto span{color:var(--texto-3); font-weight:500;}
.reglas{background:var(--superficie-2); border:1px solid var(--borde); border-radius:var(--radio); padding:16px 19px; margin-bottom:18px;}
.reglas ul{margin:0; padding-left:19px;}
.reglas li{margin-bottom:7px; font-size:var(--letra-1);}
.reglas li:last-child{margin-bottom:0;}
.barra{display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; flex-wrap:wrap;}
.progreso{font-size:var(--letra-1); color:var(--texto-3); font-weight:500;}
.reloj{font-weight:600; font-size:var(--letra-1); background:var(--superficie-2); color:var(--texto-2); border:1px solid var(--borde); padding:5px 13px; border-radius:var(--radio-pildora);}
.reloj.poco{background:var(--alerta-tinte); color:var(--alerta); border-color:var(--alerta-borde);}
.pregunta{font-size:var(--letra-3); font-weight:500; line-height:1.5; margin:0 0 20px;}
.opciones{display:flex; flex-direction:column; gap:9px; margin-bottom:24px;}
.conducta{border:0; padding:0; margin:0 0 24px;}
.conducta legend{font-size:var(--letra-3); font-weight:500; line-height:1.45; margin-bottom:11px; padding:0;}
.escala-360{display:flex; flex-wrap:wrap; gap:7px;}
.op-360{display:inline-flex; align-items:center; gap:7px; cursor:pointer; border:1.5px solid var(--borde-control); border-radius:var(--radio); padding:9px 13px; font-size:var(--letra-1); background:var(--superficie); color:var(--texto); min-height:42px; transition:border-color .12s ease, background .12s ease;}
.op-360:hover{border-color:var(--borde-hover);}
.op-360 input{width:16px; height:16px; accent-color:var(--primario);}
.op-360:has(input:checked){border-color:var(--primario); background:var(--seleccion);}
.op-nd{background:var(--superficie-2); color:var(--texto-3);}
.op-nd:has(input:checked){border-color:var(--texto-3); background:var(--borde);}
.pt{width:8px; height:8px; border-radius:50%; flex:none; display:inline-block;}
.escalera{display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin-bottom:6px;}
.flecha{color:var(--texto-tenue); font-weight:700;}
.plan{border-left:3px solid var(--realce); padding:2px 0 2px 15px; margin-bottom:18px;}
.plan:last-of-type{margin-bottom:0;}
.m-0{margin:0;}
.mt-10{margin:10px 0 0;}
.mt-14{margin-top:14px;}
.mt-16{margin:16px 0 0;}
.mt-18{margin-top:18px;}
.mt-22{margin-top:22px;}
.mb-12{margin-bottom:12px;}
.mb-14{margin-bottom:14px;}
.mb-18{margin-bottom:18px;}
.ancho-total{width:100%;}
.en-linea{display:inline;}
@media (prefers-reduced-motion: reduce){
*{animation:none !important; transition:none !important;}
}
@media (max-width:860px){
.cuerpo-panel{margin-left:0; padding:20px 16px 96px;}
.scroll-x{margin:0 -18px; padding:0 18px;}
.tarjeta{padding:18px;}
h1{font-size:var(--letra-5);}
.escala-360{flex-direction:column;}
.op-360{width:100%;}
}
.a0{width:0%}
.a1{width:1%}
.x85{left:85%}
.lectura{display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.migaja{margin:0 0 6px; font-size:var(--letra-1); color:var(--texto-3);}
.migaja a{color:var(--texto-3);}
:where(a:not([class])),.migaja a,.btn-enlace{padding-block:4px;}
.barra > a{min-height:24px; display:inline-flex; align-items:center;}
a.chip{min-height:24px;}
td > a:not([class]){display:inline-block; min-width:24px; padding-block:4px; margin-block:-4px;}
.titulo-cuenta{margin-left:4px; font-size:var(--letra-2); font-weight:600; color:var(--texto-3); vertical-align:middle;}
.como-funciona{position:relative; display:inline-block; margin-top:8px; font-size:var(--letra-1); color:var(--texto-2);}
.como-funciona > summary{list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:6px; padding:4px 10px 4px 6px; border-radius:var(--radio-pildora); font-size:var(--letra-1); font-weight:600; color:var(--texto-2); background:var(--superficie-2); border:1px solid var(--borde);}
.como-funciona > summary::-webkit-details-marker{display:none;}
.como-funciona > summary::before{content:"?"; content:"?" / ""; width:18px; height:18px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-size:var(--letra-1); font-weight:800; background:var(--marca-tinte); color:var(--acento);}
.como-funciona > summary:hover,.como-funciona[open] > summary{color:var(--acento); border-color:var(--borde-hover);}
.como-funciona[open]{z-index:45;}
.como-funciona-panel{position:absolute; left:0; top:calc(100% + 8px); z-index:45; width:min(620px, 86vw); max-height:min(60vh, 520px); overflow-y:auto; padding:16px 18px; border:1px solid var(--borde-fuerte); border-radius:var(--radio-grande); background:var(--superficie); box-shadow:var(--sombra-flotante); line-height:1.55;}
.como-funciona-panel > :first-child{margin-top:0;}
.como-funciona-panel p{margin:0 0 10px;}
.como-funciona-ayuda{display:flex; align-items:center; gap:6px; margin-top:12px; padding-top:10px; border-top:1px solid var(--borde); font-weight:600;}
@media (pointer:coarse){
.como-funciona > summary{min-height:40px; padding:6px 12px 6px 8px;}
.como-funciona-ayuda{min-height:44px;}
}
.ubicacion-en-claro{font-size:var(--letra-1); color:var(--texto-2);}
.ubicacion-en-claro > summary{cursor:pointer; width:max-content; max-width:100%; font-weight:600; color:var(--enlace);}
.ubicacion-en-claro > summary:hover{color:var(--enlace-hover);}
.ubicacion-en-claro p{margin:8px 0 0;}
@media (pointer:coarse){
.ubicacion-en-claro > summary{padding:10px 0;}
}
.plegable > summary{cursor:pointer; width:max-content; font-weight:600; color:var(--enlace);}
.plegable > summary:hover{color:var(--enlace-hover);}
@media (pointer:coarse){
.plegable > summary{padding:10px 0;}
}
.cifras{display:grid; grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)); background:var(--superficie); border:1px solid var(--borde); border-radius:var(--radio-grande); overflow:hidden;}
.indicador{display:grid; gap:4px 20px; padding:16px 0; grid-template-columns:minmax(200px, 1.4fr) minmax(240px, 1.6fr) minmax(150px, .9fr); border-top:1px solid var(--borde);}
.indicador:first-child{border-top:0; padding-top:4px;}
.indicador h3{margin:0 0 2px; font-size:var(--letra-2);}
.formulario-kr{display:grid; gap:16px 16px; align-items:start; margin:12px 0; grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));}
.formulario-kr .ancho-total{grid-column:1 / -1;}
.bloque{display:block;}
.interruptor{display:flex; align-items:center; gap:6px;}
.formulario-kr .doble{grid-column:span 2;}
@media (max-width:760px){
.indicador{grid-template-columns:1fr;}
.formulario-kr .doble{grid-column:span 1;}
}
@media (max-width:760px){
.tarjeta{overflow-x:auto;}
.tarjeta > table{min-width:100%;}
}
.tarjeta[tabindex]:focus-visible{outline:2px solid var(--foco); outline-offset:2px;}
.avance{display:flex; align-items:center; gap:9px; min-width:120px;}
.escalera-niveles{display:flex; flex-direction:column; gap:5px; margin:10px 0 4px; max-width:430px;}
.nivel-fila{display:grid; grid-template-columns:104px 1fr 42px 16px; align-items:center; gap:9px;}
.nivel-et{font-size:var(--letra-1); font-weight:600; color:var(--texto-2);}
.nivel-pista{position:relative; height:8px; border-radius:var(--radio-chico); background:var(--borde); overflow:hidden;}
.nivel-valor{position:absolute; inset:0 auto 0 0; border-radius:var(--radio-chico); background:var(--texto-tenue);}
.nivel-corte{position:absolute; top:-2px; bottom:-2px; width:2px; background:var(--texto);}
.nivel-fila.supera .nivel-valor{background:var(--ok);}
.nivel-fila.salto  .nivel-valor{background:var(--aviso);}
.nivel-cifra{font-size:var(--letra-1); color:var(--texto-3); text-align:right;}
.nivel-marca{font-size:var(--letra-1); color:var(--texto-tenue); text-align:center;}
.nivel-fila.supera .nivel-marca{color:var(--ok); font-weight:700;}
.nivel-fila.salto  .nivel-marca{color:var(--aviso); font-weight:700;}
.filtros{display:flex; gap:10px; align-items:flex-end; flex-wrap:wrap; margin:6px 0 16px; padding-bottom:14px; border-bottom:1px solid var(--borde);}
.filtros .crece{flex:1 1 220px;}
.filtros input,.filtros select{margin:0;}
.paginacion{display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:14px; padding-top:12px; border-top:1px solid var(--borde);}
.paginacion span.min{margin-right:auto;}
.paginacion a,.paginacion .pagina-actual{min-width:32px; padding:5px 9px; text-align:center; border-radius:var(--radio-chico); border:1px solid var(--borde); text-decoration:none; font-size:var(--letra-1);}
.paginacion a:hover{border-color:var(--borde-hover);}
.paginacion .pagina-actual{background:var(--primario); color:var(--sobre-primario); border-color:var(--primario); font-weight:600;}
.campo-ancho{grid-column:1 / -1;}
.casillas{display:flex; flex-wrap:wrap; gap:8px 18px; margin:4px 0 8px;}
.casilla{display:flex; align-items:center; gap:6px; font-size:var(--letra-1); font-weight:500; cursor:pointer;}
.casilla input{width:17px; height:17px; accent-color:var(--primario);}
.respeta-saltos{white-space:pre-wrap;}
.propuesta{border-top:1px solid var(--borde); padding:16px 0;}
.propuesta:first-of-type{border-top:0;}
.crece{flex:1 1 auto;}
.org{list-style:none; display:flex; justify-content:center; width:max-content; margin:0 auto; padding:0 12px;}
.org ul{list-style:none; margin:0; display:flex; justify-content:center; padding:22px 0 0; position:relative;}
.org ul::before{content:""; position:absolute; top:0; left:50%; height:22px; border-left:2px solid var(--borde-fuerte);}
.org li{position:relative; display:flex; flex-direction:column; align-items:center; padding:22px 8px 0;}
.org > li{padding-top:0;}
.org ul > li::before{content:""; position:absolute; top:0; width:50%; height:22px; border-top:2px solid var(--borde-fuerte); right:50%;}
.org ul > li::after{content:""; position:absolute; top:0; width:50%; height:22px; border-top:2px solid var(--borde-fuerte); left:50%; border-left:2px solid var(--borde-fuerte);}
.org ul > li:only-child::before,.org ul > li:only-child::after{display:none;}
.org ul > li:only-child{padding-top:0;}
.org ul > li:first-child::before,.org ul > li:last-child::after{border:0;}
.org ul > li:last-child::before{border-right:2px solid var(--borde-fuerte); border-radius:0 var(--radio) 0 0;}
.org ul > li:first-child::after{border-radius:var(--radio) 0 0 0;}
.conmutador{display:inline-flex; border:1px solid var(--borde); border-radius:var(--radio-pildora); overflow:hidden;}
.conmutador a{padding:5px 14px; font-size:var(--letra-1); font-weight:600; text-decoration:none; color:var(--texto-2);}
.conmutador a:hover{background:var(--superficie-2);}
.conmutador a.activo{background:var(--primario); color:var(--sobre-primario);}
.caja-accion{display:flex; flex-wrap:wrap; align-items:flex-end; gap:10px; margin-top:8px; padding:12px; border-radius:var(--radio); background:var(--superficie); border:1px solid var(--borde);}
.caja-accion > p{flex:1 1 100%;}
.caja-accion label.doble{flex:1 1 240px;}
.desplegable-accion{display:inline-block; vertical-align:top;}
.desplegable-accion > summary{list-style:none; cursor:pointer; display:inline-block;}
.desplegable-accion > summary::-webkit-details-marker{display:none;}
.desplegable-accion[open] > .caja-accion{min-width:260px;}
.btn-enlace{background:none; border:0; padding:0; font:inherit; color:var(--enlace); text-decoration:underline; cursor:pointer;}
.yo-barra{display:flex; align-items:center; gap:18px; flex-wrap:wrap; background:var(--lateral-fondo); color:var(--lateral-texto-fuerte); padding:10px 24px; border-bottom:1px solid var(--lateral-borde);}
.yo-marca{display:flex; align-items:center; gap:9px; color:var(--lateral-texto-fuerte); text-decoration:none;}
.yo-marca b{display:block; font-size:var(--letra-2); font-weight:700;}
.yo-marca span span{display:block; font-size:var(--letra-1); color:var(--lateral-acento);}
.yo-nav{display:flex; gap:2px; flex:1; align-items:center; min-width:0;}
.yo-nav a,.yo-mas > summary{display:inline-flex; align-items:center; gap:7px; padding:8px 12px; border-radius:var(--radio); color:var(--lateral-texto); text-decoration:none; font-size:var(--letra-1); font-weight:500; white-space:nowrap;}
.yo-nav .ico{width:17px; height:17px;}
@media (min-width:901px){
.yo-nav{min-width:max-content;}
}
.yo-nav a:hover,.yo-mas > summary:hover{background:var(--lateral-hover); color:var(--lateral-texto-fuerte);}
.yo-nav a.activo,.yo-mas > summary.activo{background:var(--lateral-activo-fondo); color:var(--lateral-activo-texto); font-weight:600;}
.yo-mas{position:relative;}
.yo-mas > summary{list-style:none; cursor:pointer;}
.yo-mas > summary::-webkit-details-marker{display:none;}
.yo-mas-hoja{position:absolute; top:calc(100% + 8px); left:0; z-index:30; min-width:250px; display:flex; flex-direction:column; gap:1px; padding:6px; background:var(--superficie); border:1px solid var(--borde-fuerte); border-radius:var(--radio); box-shadow:var(--sombra-flotante);}
.yo-nav .yo-mas-hoja a{color:var(--texto);}
.yo-nav .yo-mas-hoja a .ico{color:var(--texto-3);}
.yo-nav .yo-mas-hoja a:hover{background:var(--superficie-2); color:var(--texto);}
.yo-nav .yo-mas-hoja a.activo{background:var(--seleccion); color:var(--texto); box-shadow:inset 2px 0 0 var(--primario);}
.yo-cuerpo{max-width:980px; margin:0 auto; padding:28px 24px 40px;}
.yo-pie{max-width:980px; margin:0 auto; padding:0 24px 40px;}
.yo-pie a{overflow-wrap:anywhere;}
.yo-rejilla{display:grid; gap:18px; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); align-items:start;}
.yo-dos{display:grid; gap:0 14px; grid-template-columns:1fr 1fr;}
.yo-cifra{margin:0 0 6px; font-size:var(--letra-3); color:var(--texto-2);}
.yo-cifra b{font-size:var(--letra-6); font-weight:700; color:var(--acento); letter-spacing:-.02em; margin-right:4px;}
.yo-lista{list-style:none; margin:0 0 14px; padding:0;}
.yo-lista > li{display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 0; border-top:1px solid var(--borde);}
.yo-lista > li:first-child{border-top:0;}
.yo-lista > li > div{display:flex; flex-direction:column; gap:2px; min-width:0; overflow-wrap:anywhere;}
.yo-lista-compacta > li{padding:8px 0; font-size:var(--letra-1);}
.yo-doc{display:flex; flex-wrap:wrap; gap:4px 10px; align-items:baseline;}
.yo-ficha{display:grid; grid-template-columns:minmax(120px,auto) 1fr; gap:8px 16px; margin:0;}
.yo-ficha dt{color:var(--texto-3); font-size:var(--letra-1);}
.yo-ficha dd{margin:0; font-weight:500; overflow-wrap:anywhere;}
.yo-lista > li{flex-wrap:wrap;}
.yo-lista > li > div:first-child{flex:1 1 12em;}
.yo-lista > li > .yo-acciones{flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:10px; flex:0 1 auto; max-width:100%; min-width:0;}
.yo-lista > li > .yo-acciones > .desplegable-accion[open]{flex-basis:100%;}
.d-block{display:block;}
.marcaje-form{margin:14px 0 6px;}
.marcaje-botones{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:8px;}
.marcaje-boton{min-height:56px; min-width:180px; font-size:var(--letra-3); font-weight:700; justify-content:center;}
@media (max-width:640px){
.marcaje-botones{flex-direction:column;}
.marcaje-boton{width:100%;}
}
.marcaje-confirmar{border:2px solid var(--aviso-borde); background:var(--aviso-tinte);}
.marcaje-confirmar .acciones-fila > form{flex:1 1 220px; margin:0;}
.marcaje-confirmar .marcaje-boton{width:100%;}
@media (max-width:640px){
.yo-barra{padding:10px 16px; gap:10px;}
.yo-marca span{display:none;}
.yo-salir{margin-left:auto;}
.yo-cuerpo{padding:20px 16px 32px;}
.yo-pie{padding:0 16px 32px;}
.yo-dos{grid-template-columns:1fr;}
.yo-lista > li{flex-direction:column; align-items:flex-start;}
.yo-lista > li > div:first-child{flex:none;}
.yo-ficha{grid-template-columns:1fr; gap:2px;}
.yo-ficha dd{margin-bottom:8px;}
}
.lista-simple{list-style:none; margin:0; padding:0; display:grid; gap:6px;}
.lista-simple li{display:flex; flex-wrap:wrap; gap:4px 10px; align-items:baseline;}
.acciones-fila{display:flex; flex-wrap:wrap; gap:10px; align-items:flex-start;}
.tarea{display:flex; justify-content:space-between; align-items:flex-start; gap:16px; padding:14px 0; border-top:1px solid var(--borde);}
.tarea:first-child{border-top:0;}
.norma{font-style:italic;}
@media (max-width:640px){
.tarea{flex-direction:column;}
}
body.dc3{background:var(--superficie);}
.dc3-hoja{max-width:760px; margin:0 auto; padding:28px 20px;}
.dc3-hoja h1{font-size:var(--letra-4);}
.dc3-hoja h2{font-size:var(--letra-2); margin-top:18px; background:var(--primario); color:var(--sobre-primario); padding:5px 8px;}
@media print{
.no-imprimir{display:none !important;}
.dc3-hoja{padding:0;}
}
@media print{
body.yo:has(:is([data-recibo-resumen], [data-recibo-ve])) :is(.yo-barra, .yo-nav, .yo-pie, .nota[data-aviso="entrada-codigo-rh"]){display:none !important;}
body.yo:has(:is([data-recibo-resumen], [data-recibo-ve])){padding-bottom:0; background:#fff;}
body.yo:has(:is([data-recibo-resumen], [data-recibo-ve])) .tarjeta{box-shadow:none; break-inside:avoid;}
body.yo:has(:is([data-recibo-resumen], [data-recibo-ve])) .scroll-x{overflow:visible;}
}
.oculto{display:none;}
.texto-largo{line-height:1.6;}
.texto-largo h2{margin-top:18px;}
.texto-largo h2:first-child{margin-top:0;}
.constancia-fecha{text-align:right;}
.constancia-firma{margin-top:48px;}
@media (pointer:coarse){
.btn,.btn-chico,.btn-mini{min-height:44px; min-width:44px;}
input[type=text],input[type=email],input[type=password],input[type=tel],input[type=search],input[type=number],input[type=date],input[type=datetime-local],input[type=time],input[type=month],input[type=url],select{min-height:44px;}
.casilla input,.op-360 input{width:22px; height:22px;}
.casilla,.interruptor{min-height:44px;}
label:has(input[type=checkbox]),label:has(input[type=radio]){min-height:44px; align-content:center;}
input[type=file]{min-height:44px;}
label.en-linea:has(input){display:inline-flex; align-items:center; gap:6px; min-height:44px;}
.lateral nav a,.yo-nav a,.lateral .tema-conmutador > summary{min-height:44px; display:flex; align-items:center;}
.yo-marca{min-height:44px; min-width:44px;}
.paginacion a,.paginacion .pagina-actual,.conmutador a{min-height:44px; min-width:44px; display:inline-flex; align-items:center; justify-content:center;}
.barra > a{min-height:44px; display:inline-flex; align-items:center;}
details > summary:not(.btn){padding-block:11px;}
.tema-conmutador > summary{min-height:44px;}
:where(a:not([class])),.migaja a,.btn-enlace{padding-block:12px;}
td > a:not([class]){display:inline-block; min-width:44px; padding-block:12px; margin-block:-12px;}
}
@media (pointer:coarse), (max-width:640px){
input,select,textarea{font-size:max(16px, var(--letra-3));}
}
.dialogo{width:min(460px, calc(100vw - 32px)); max-width:none; padding:22px 22px 18px; border:1px solid var(--borde-fuerte); border-radius:var(--radio-grande); background:var(--superficie); color:var(--texto); box-shadow:var(--sombra-flotante);}
.dialogo::backdrop{background:var(--capa, rgba(7,35,60,.48));}
.dialogo h2{font-size:var(--letra-3); margin:0 0 8px;}
.dialogo p{margin:0 0 20px; color:var(--texto-2); font-size:var(--letra-2);}
.dialogo-acciones{display:flex; gap:8px; justify-content:flex-end; flex-wrap:wrap;}
@media (max-width:480px){
.dialogo-acciones .btn{flex:1 1 100%;}
.dialogo-acciones{flex-direction:column-reverse;}
}
.form{display:grid; gap:16px 16px; align-items:start; margin:12px 0; grid-template-columns:repeat(12, minmax(0, 1fr));}
.form > *{grid-column:1 / -1;}
@media (max-width:760px){
.form > [class*="c-"]{grid-column:1 / -1;}
}
.campo > label,:is(.form, .formulario-kr, .caja-accion, .bloque-validacion, .filtros, .seccion-dpt) label{font-size:var(--letra-1); font-weight:600; color:var(--texto-2); line-height:1.4;}
:is(.form, .formulario-kr, .caja-accion, .bloque-validacion, .filtros) label{display:flex; flex-direction:column; gap:6px;}
.campo-ayuda{margin:4px 0 0; font-size:var(--letra-1); font-weight:400; color:var(--texto-3);}
:is(.form, .formulario-kr, .caja-accion, .bloque-validacion, .seccion-dpt) label > .min,:is(.form, .formulario-kr, .caja-accion, .bloque-validacion, .seccion-dpt) label > .campo-ayuda{font-size:var(--letra-1); font-weight:400; line-height:1.45; color:var(--texto-tenue);}
:is(.form, .formulario-kr) > :is(div, p):last-child:has(> .btn-primario){grid-column:1 / -1; display:flex; align-items:center; gap:10px 14px; flex-wrap:wrap; margin-top:4px; padding-top:16px; border-top:1px solid var(--borde);}
:is(.form, .formulario-kr) > :is(div, p):last-child:has(> .btn-primario) > .min{flex:1 1 260px; color:var(--texto-tenue);}
.campo-error{margin:4px 0 0; font-size:var(--letra-1); font-weight:600; color:var(--alerta);}
:is(input, select, textarea)[aria-invalid="true"]{border-color:var(--alerta);}
.form-acciones{grid-column:1 / -1; display:flex; gap:8px; align-items:center; flex-wrap:wrap;}
:is(.form, .formulario-kr, .caja-accion, .bloque-validacion, .filtros) label.casilla,:is(.form, .formulario-kr, .caja-accion, .bloque-validacion, .filtros) label:has(> input[type=checkbox], > input[type=radio]){flex-direction:row; align-items:center; gap:7px; font-size:var(--letra-1); font-weight:500; color:inherit;}
.campo label.casilla{font-size:var(--letra-1); font-weight:500; color:inherit;}
form[aria-busy="true"]{cursor:progress;}
.plegado-accion:not([open]){display:none;}
.plegado-accion > summary{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; cursor:pointer; list-style:none;}
.plegado-accion > summary::-webkit-details-marker{display:none;}
.plegado-accion > summary h2{margin:0;}
.plegado-accion > summary:focus-visible{outline:2px solid var(--foco); outline-offset:4px; border-radius:var(--radio-chico);}
.plegado-cerrar{font-size:var(--letra-1); font-weight:600; color:var(--enlace);}
.plegado-accion > summary:hover .plegado-cerrar{color:var(--enlace-hover);}
@media (max-width:900px){
.lateral .tema-opciones{position:static; margin:6px 0 0; box-shadow:none;}
html{scroll-padding-top:68px;}
html:has(body.yo){scroll-padding-bottom:calc(var(--yo-nav-alto, 62px) + 34px + env(safe-area-inset-bottom, 0px));}
body .lote-fijo{top:56px;}
.lateral{position:sticky; inset:0 auto auto 0; width:auto; height:56px; z-index:30; display:flex; align-items:center; gap:4px; padding:0 10px 0 6px; border-right:0; border-bottom:1px solid var(--lateral-borde);}
.cuerpo-panel{margin-left:0;}
}
@media (max-width:900px){
body.yo{--yo-nav-alto:calc(38px + 1.5rem); padding-bottom:calc(var(--yo-nav-alto) + 2px + env(safe-area-inset-bottom, 0px));}
body.yo :is(a, button, input, select, textarea, summary, [tabindex]){scroll-margin-bottom:calc(var(--yo-nav-alto) + 34px + env(safe-area-inset-bottom, 0px));}
.yo-barra .tema-conmutador{margin-left:auto;}
.yo-barra .yo-salir{margin-left:0;}
.yo-nav{position:fixed; left:0; right:0; bottom:0; z-index:40; display:grid; grid-template-columns:repeat(5, minmax(0, auto)); gap:2px; padding:4px 4px calc(4px + env(safe-area-inset-bottom, 0px)); background:var(--lateral-fondo); border-top:1px solid var(--lateral-borde);}
.yo-nav > a,.yo-mas > summary{flex-direction:column; justify-content:center; gap:3px; min-height:54px; min-width:0; padding:6px 2px; font-size:var(--letra-1); line-height:1.15; text-align:center; white-space:normal;}
.yo-nav > a > span,.yo-mas > summary > span{max-width:100%; overflow-wrap:anywhere; hyphens:auto;}
.yo-nav > a,.yo-mas > summary{padding-left:0; padding-right:0;}
.yo-nav .yo-mas-hoja a{min-width:0;}
.yo-nav .yo-mas-hoja a > span{min-width:0; overflow-wrap:anywhere; hyphens:auto;}
.yo-nav > a .ico,.yo-mas > summary .ico{width:22px; height:22px;}
.yo-mas{position:static; display:flex;}
.yo-mas > summary{width:100%;}
.yo-mas[open] > summary::before{content:""; position:fixed; left:0; right:0; top:0; bottom:calc(var(--yo-nav-alto, 62px) + env(safe-area-inset-bottom, 0px)); background:var(--capa);}
.yo-mas-hoja{position:fixed; left:0; right:0; top:auto; bottom:calc(var(--yo-nav-alto, 62px) + env(safe-area-inset-bottom, 0px)); min-width:0; max-height:72vh; overflow-y:auto; z-index:1; display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:12px 10px 14px; border-radius:var(--radio-grande) var(--radio-grande) 0 0; border-width:1px 0 0;}
.yo-nav .yo-mas-hoja a{min-height:48px; padding:10px 12px; font-size:var(--letra-1); white-space:normal; line-height:1.25;}
}
.pestanas{display:flex; gap:2px; margin:-8px 0 6px; padding:0; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:none; box-shadow:inset 0 -1px 0 var(--borde); background: linear-gradient(to right, var(--fondo) 40%, transparent) left center / 36px 100% no-repeat local, linear-gradient(to left, var(--fondo) 40%, transparent) right center / 36px 100% no-repeat local, linear-gradient(to right, var(--borde-fuerte), transparent) left center / 18px 100% no-repeat scroll, linear-gradient(to left, var(--borde-fuerte), transparent) right center / 18px 100% no-repeat scroll;}
.pestanas::-webkit-scrollbar{display:none;}
.pestanas a{flex:0 0 auto; display:inline-flex; align-items:center; min-height:42px; padding:8px 14px; font-size:var(--letra-1); font-weight:600; line-height:1.2; white-space:nowrap; text-decoration:none; color:var(--texto-2); border-bottom:2px solid transparent; border-radius:var(--radio) var(--radio) 0 0;}
.pestanas a:hover{color:var(--texto); background:var(--superficie-2);}
.pestanas a:focus-visible{outline:2px solid var(--foco); outline-offset:-2px;}
.pestanas a[aria-current="page"]{color:var(--acento); border-bottom-color:var(--primario);}
.pestanas a[aria-current="page"]:hover{background:transparent;}
@media (pointer:coarse){
.pestanas a{min-height:44px;}
}
.pestanas{flex-wrap:wrap; overflow-x:visible;}
.pestanas{background:none;}
@media (pointer:coarse) and (max-width:640px){
.pestanas{flex-wrap:nowrap; overflow-x:auto;}
.pestanas{background: linear-gradient(to right, var(--fondo) 40%, transparent) left center / 36px 100% no-repeat local, linear-gradient(to left, var(--fondo) 40%, transparent) right center / 36px 100% no-repeat local, linear-gradient(to right, var(--borde-fuerte), transparent) left center / 18px 100% no-repeat scroll, linear-gradient(to left, var(--borde-fuerte), transparent) right center / 18px 100% no-repeat scroll;}
}
.kpi{display:grid; grid-template-columns:auto 1fr; grid-template-areas:"ico et" "n n" "pie pie" "graf graf"; align-items:center; gap:4px 10px; padding:16px 18px; background:var(--superficie); border:1px solid var(--borde); border-radius:var(--radio-grande); color:var(--texto); text-decoration:none; transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;}
.kpi:hover{border-color:var(--borde-hover); box-shadow:var(--sombra-accion);}
@media (prefers-reduced-motion:no-preference){
.kpi:hover{transform:translateY(-1px);}
}
.acceso{display:flex; align-items:center; gap:12px; padding:12px 14px; min-height:56px; background:var(--superficie); border:1px dashed var(--borde-fuerte); border-radius:var(--radio-grande); color:var(--texto); text-decoration:none; font-weight:600; font-size:var(--letra-1); transition:border-color .15s ease, background-color .15s ease;}
.acceso:hover{border-style:solid; border-color:var(--borde-hover); background:var(--superficie-2);}
.tablero{display:grid; gap:0 18px; grid-template-columns:minmax(0, 1.6fr) minmax(280px, 1fr); align-items:start;}
@media (max-width:1100px){
.tablero{grid-template-columns:minmax(0,1fr);}
}
.avatar{width:34px; height:34px; flex:none; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-size:var(--letra-1); font-weight:700; letter-spacing:.02em; white-space:nowrap; overflow-wrap:normal;}
.avatar.av-1{background:var(--marca-tinte); color:var(--acento);}
.avatar.av-2{background:var(--calido-tinte); color:var(--calido);}
.avatar.av-3{background:var(--ok-tinte); color:var(--ok);}
.avatar.av-4{background:var(--info-tinte); color:var(--info);}
.avatar.av-5{background:var(--aviso-tinte); color:var(--aviso);}
.avatar.av-6{background:var(--superficie-2); color:var(--texto-2);}
.avatar-chico{width:30px; height:30px; letter-spacing:0; font-size:var(--letra-1); border:2px solid var(--superficie);}
.avatares{display:inline-flex;}
.avatares .avatar + .avatar{margin-left:-8px;}
.avatar-ico{background:var(--superficie-2); color:var(--texto-2);}
.avatar-ico .ico{width:17px; height:17px;}
.tabla-compacta td{padding:10px var(--esp-2);}
.tabla-compacta .btn-mini{padding-inline:var(--esp-2);}
.tabla-compacta{position:relative;}
@media (max-width:640px){
.tabla-compacta td{padding:10px 8px;}
.tabla-compacta td.nowrap{white-space:normal;}
}
.campo-codigo{max-width:12rem;}
@media print{
body:has(.finiquito) .lateral{display:none !important;}
body:has(.finiquito){background:var(--superficie);}
body:has(.finiquito) .cuerpo-panel{margin:0; padding:0;}
.finiquito .tarjeta,.finiquito .nota{box-shadow:none; break-inside:avoid;}
.finiquito .scroll-x{overflow:visible;}
}
fieldset.ancho-total{border:0; padding:0; margin:0; min-width:0;}
fieldset.ancho-total > legend{font-weight:600; font-size:var(--letra-1); padding:0; margin-bottom:6px;}
.firma-cargando{padding:22px; text-align:center; color:var(--texto-3);}
.firma-visor{display:block; max-height:70vh; overflow:auto; padding:4px; border:1px solid var(--borde); border-radius:var(--radio); background:var(--superficie-2);}
.firma-pad{display:grid; gap:10px;}
.firma-pad .modos{display:flex; gap:6px; flex-wrap:wrap;}
.firma-pad .modos button[aria-pressed="true"]{background:var(--primario); color:var(--sobre-primario); border-color:var(--primario);}
.firma-lienzo{width:100%; max-width:560px; aspect-ratio:3 / 1; border:2px dashed var(--borde-fuerte); border-radius:var(--radio); background:var(--campo-fondo); color:var(--texto); touch-action:none; display:block;}
.firma-verificacion{display:grid; gap:10px; max-width:420px;}
.firma-verificacion input[inputmode="numeric"]{font-size:var(--letra-5); letter-spacing:.4em; max-width:12rem;}
.firma-huella{font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:var(--letra-1); word-break:break-all;}
.cita-cv{font-style:italic; overflow-wrap:anywhere;}
.qr-2fa{width:min(220px, 100%); aspect-ratio:1; margin:12px 0; padding:0; background:var(--papel); border-radius:var(--radio); display:flex; align-items:center; justify-content:center;}
.qr-2fa svg{width:100%; height:auto; display:block; border-radius:var(--radio);}
.clave-2fa{display:inline-block; margin-top:4px; font-size:var(--letra-2); letter-spacing:.06em; overflow-wrap:anywhere;}
.codigo-grande{margin:6px 0; font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:var(--letra-6); font-weight:700; letter-spacing:.14em;}
.codigo-2fa{font-variant-numeric:tabular-nums; letter-spacing:.2em; font-size:var(--letra-3);}
.pasos-2fa{padding-left:1.2rem;}
.pasos-2fa li + li{margin-top:10px;}
.codigos-respaldo{list-style:none; padding:0; margin:12px 0; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:6px 16px;}
.codigos-respaldo code{font-size:var(--letra-3); letter-spacing:.04em;}
@media print{
body:has(.diagnostico) .lateral{display:none !important;}
body:has(.diagnostico){background:var(--superficie);}
body:has(.diagnostico) .cuerpo-panel{margin:0; padding:0;}
.diagnostico .tarjeta,.diagnostico .nota{box-shadow:none; break-inside:avoid;}
.diagnostico .scroll-x{overflow:visible;}
}
.pu-marca{width:24px; height:24px; border-radius:50%; border:2px solid var(--borde-fuerte); display:inline-flex; align-items:center; justify-content:center;}
.pu-marca .ico{width:14px; height:14px;}
.documento-vista{max-width:780px; font-size:var(--letra-2); line-height:1.6;}
.documento-vista h1{font-size:var(--letra-4);}
.documento-vista h2{font-size:var(--letra-3); margin-top:1.2em;}
.documento-vista table{width:100%; margin-top:40px; border-collapse:collapse;}
.documento-vista td{vertical-align:top; padding:40px 12px 0; border-top:1px solid var(--borde-fuerte); width:50%;}
.pulso-escala{border:0; padding:0; margin:0 0 16px;}
.pulso-escala legend{font-weight:600; margin-bottom:8px;}
.pulso-opciones{display:flex; flex-wrap:wrap; gap:6px; margin-bottom:4px;}
.pulso-opciones label{position:relative;}
.pulso-opciones input{position:absolute; opacity:0; inset:0;}
.pulso-opciones span{display:inline-flex; align-items:center; justify-content:center; min-width:40px; min-height:40px; border:1px solid var(--borde-fuerte); border-radius:var(--radio); cursor:pointer; font-weight:600;}
.pulso-opciones input:checked + span{background:var(--primario); color:var(--sobre-primario); border-color:var(--primario);}
.pulso-opciones input:focus-visible + span{outline:2px solid var(--realce); outline-offset:2px;}
.hero-inicio{position:relative; display:grid; grid-template-columns:minmax(0, 1.5fr) minmax(0, 1fr); gap:20px 28px; align-items:end; padding:26px 28px; margin-bottom:18px; border-radius:var(--radio-grande); color:var(--hero-texto); background: radial-gradient(circle at 92% 12%, rgba(255,255,255,.16) 0 70px, transparent 71px), radial-gradient(circle at 78% 120%, rgba(255,255,255,.10) 0 120px, transparent 121px), linear-gradient(135deg, var(--hero-desde), var(--hero-hasta));}
.hero-inicio h1{color:var(--hero-texto); font-size:var(--letra-6); font-weight:800; letter-spacing:-.025em; margin:0 0 6px;}
.hero-fecha{margin:0 0 4px; font-size:var(--letra-1); font-weight:600; opacity:.85;}
.hero-resumen{margin:0 0 var(--esp-3); font-size:var(--letra-3); max-width:60ch; opacity:.95;}
.hero-acciones{display:flex; flex-wrap:wrap; gap:8px;}
.hero-accion{display:inline-flex; align-items:center; gap:7px; padding:8px 13px; min-height:44px; border-radius:var(--radio); background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.22); color:var(--hero-texto); text-decoration:none; font-size:var(--letra-1); font-weight:600; transition:background-color .15s ease;}
.hero-accion:hover{background:rgba(255,255,255,.24); color:var(--hero-texto);}
.hero-accion .ico{width:16px; height:16px;}
.hero-datos{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px;}
.hero-datos:has(> :nth-child(3):last-child){grid-template-columns:repeat(3, minmax(0,1fr));}
.hero-dato{display:flex; flex-direction:column; gap:2px; padding:12px 14px; border-radius:var(--radio); min-width:0; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); color:var(--hero-texto); text-decoration:none; font-size:var(--letra-1);}
.hero-dato:hover{background:rgba(255,255,255,.2); color:var(--hero-texto);}
.hero-n{font-size:var(--letra-5); font-weight:800; letter-spacing:-.02em; line-height:1.1;}
.hero-dato .avatares{margin-top:4px;}
.hero-dato .min{color:var(--hero-texto); font-size:var(--letra-1); font-weight:700; opacity:1;}
.hero-inicio :is(.min, .mut){color:var(--hero-texto);}
.hero-accion:has(> .min){flex-wrap:wrap;}
.hero-accion .min{flex-basis:100%; font-weight:500;}
.hero-dato .avatar-chico{border-color:var(--hero-desde);}
:is(.hero-accion, .hero-dato):focus-visible{outline-color:var(--hero-texto);}
.hero-inicio a:not(.hero-accion):not(.hero-dato):not(.btn):not(.hero-nuevo-menu a):not(.hero-paises a){color:var(--hero-texto); text-decoration:underline; text-underline-offset:2px; font-weight:600;}
.hero-inicio a:not(.hero-accion):not(.hero-dato):not(.btn):not(.hero-nuevo-menu a):not(.hero-paises a):hover{color:var(--hero-texto); text-decoration-thickness:2px;}
.hero-inicio a:not(.hero-accion):not(.hero-dato):not(.hero-nuevo-menu a):not(.hero-paises a):focus-visible{outline:2px solid var(--hero-texto); outline-offset:2px;}
@media (max-width:900px){
.hero-inicio{grid-template-columns:minmax(0,1fr); padding:20px 18px;}
.hero-inicio h1{font-size:var(--letra-5);}
}
@media (max-width:600px){
.hero-inicio{padding:16px; gap:12px; border-radius:var(--radio-grande); margin-bottom:14px;}
.hero-inicio h1{font-size:var(--letra-4); margin-bottom:2px;}
.hero-resumen{font-size:var(--letra-2); margin-bottom:10px;}
.hero-datos,.hero-datos:has(> :nth-child(3):last-child){display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px;}
.hero-dato{min-width:0; padding:8px 12px; overflow-wrap:anywhere;}
.hero-n{font-size:var(--letra-4);}
}
.hoy-toca{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px;}
.persona-celda{display:flex; align-items:center; gap:12px; min-width:0;}
.persona-celda > div{min-width:0;}
.persona-nombre{font-weight:700; color:var(--texto); text-decoration:none;}
.persona-nombre:hover{color:var(--enlace); text-decoration:underline;}
.tp-avance{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; font-size:var(--letra-1); font-weight:600; color:var(--texto-2);}
.tp-avance progress{-webkit-appearance:none; appearance:none; width:100%; height:10px; border:0; border-radius:var(--radio-pildora); background:var(--superficie-2); overflow:hidden;}
.tp-avance progress::-webkit-progress-bar{background:var(--superficie-2); border-radius:var(--radio-pildora);}
.tp-avance progress::-webkit-progress-value{background:var(--primario); border-radius:var(--radio-pildora);}
.tp-avance progress::-moz-progress-bar{background:var(--primario); border-radius:var(--radio-pildora);}
.periodos{display:flex; flex-wrap:wrap; gap:4px;}
.periodos a{display:inline-flex; align-items:center; min-height:30px; padding:2px 10px; border:1px solid var(--borde); border-radius:var(--radio-pildora); font-size:var(--letra-1); font-weight:600; color:var(--texto-2); text-decoration:none;}
.periodos a:hover{border-color:var(--borde-hover); color:var(--texto);}
.periodos a[aria-current="page"]{background:var(--marca-tinte); border-color:var(--primario); color:var(--acento);}
@media (pointer:coarse){
.periodos a{min-height:44px; padding:2px 14px;}
}
.recortada > .fila-recortada,table.recortada tr.fila-recortada{display:none;}
.ver-restantes{margin-top:10px;}
@media print{
table.recortada tr.fila-recortada{display:table-row;}
.recortada > li.fila-recortada{display:list-item;}
.ver-restantes{display:none;}
}
.cuentas{list-style:none; margin:0; padding:0;}
.cuenta{border-top:1px solid var(--borde); padding:12px 0;}
.cuenta:first-child{border-top:0; padding-top:4px;}
.yo-hero{margin-bottom:18px;}
.yo-hero .hero-datos{grid-template-columns:repeat(2, minmax(0,1fr));}
.yo-filas{list-style:none; margin:0; padding:0;}
.yo-filas > li + li{border-top:1px solid var(--borde);}
.yo-fila{display:flex; align-items:center; gap:12px; padding:12px 0; min-width:0; color:var(--texto); text-decoration:none;}
.yo-fila-que{flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; overflow-wrap:anywhere;}
.yo-fila-que .chip{align-self:flex-start; margin-top:3px;}
.yo-fila-flecha{width:18px; height:18px; flex:none; color:var(--texto-tenue);}
.yo-fila-enlace{margin:0 -10px; padding-left:10px; padding-right:10px; border-radius:var(--radio); transition:background-color .15s ease;}
.yo-fila-enlace:hover{background:var(--superficie-2); color:var(--texto);}
.yo-fila-enlace:hover .yo-fila-flecha{color:var(--acento);}
.yo-fila-enlace:focus-visible{outline:2px solid var(--foco); outline-offset:-2px;}
@media (max-width:640px){
.yo-marca > span{display:block; min-width:0;}
.yo-marca > span b{font-size:var(--letra-1);}
.yo-marca > span span{max-width:9.5rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.yo-barra .tema-etiqueta{display:none;}
.yo-barra .tema-conmutador > summary{min-width:44px; min-height:44px; justify-content:center;}
}
.yo-titulo{display:flex; justify-content:space-between; align-items:flex-start; gap:12px 16px; flex-wrap:wrap; margin-bottom:14px;}
.yo-titulo h1{margin-bottom:4px;}
@media (max-width:640px){
.yo-dos.yo-dos-siempre{grid-template-columns:1fr 1fr;}
}
.yo-cuerpo h1{overflow-wrap:anywhere; hyphens:auto;}
@media (max-width:640px){
html[data-letra] .yo-dos,html[data-letra] .yo-dos.yo-dos-siempre{grid-template-columns:1fr;}
}
.yo-plegable > summary{display:flex; align-items:center; gap:12px; cursor:pointer; list-style:none;}
.yo-plegable > summary::-webkit-details-marker{display:none;}
.yo-plegable > summary::after{content:""; margin-left:auto; width:9px; height:9px; flex:none; border-right:2px solid var(--texto-tenue); border-bottom:2px solid var(--texto-tenue); transform:rotate(45deg); transition:transform .15s ease;}
.yo-plegable[open] > summary::after{transform:rotate(-135deg);}
.yo-plegable > summary:focus-visible{outline:2px solid var(--foco); outline-offset:4px; border-radius:var(--radio);}
.yo-quien{display:flex; align-items:center; gap:8px;}
.yo-periodos{list-style:none; margin:0 0 6px; padding:0; display:flex; flex-direction:column; gap:12px;}
.yo-periodos li{display:flex; flex-direction:column; gap:6px; padding:12px 14px; border:1px solid var(--borde); border-radius:var(--radio);}
.yo-periodos .chip{align-self:flex-start;}
.yo-periodo-cabeza{display:flex; justify-content:space-between; align-items:baseline; gap:8px; flex-wrap:wrap;}
.ico-en-linea{width:14px; height:14px; vertical-align:-2px; margin-right:2px; color:var(--calido);}
input[type="file"]{font:inherit; font-size:var(--letra-1); color:var(--texto-2); max-width:100%;}
input[type="file"]::file-selector-button{font:inherit; font-weight:600; margin-right:10px; padding:8px 14px; min-height:38px; border:1px solid var(--borde-fuerte); border-radius:var(--radio); background:var(--superficie); color:var(--texto); cursor:pointer; transition:border-color .15s ease, background-color .15s ease;}
input[type="file"]::file-selector-button:hover{border-color:var(--borde-hover); background:var(--superficie-2);}
@media (pointer:coarse){
input[type="file"]::file-selector-button{min-height:44px;}
}
.sinred-pendientes{display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin-top:12px; padding:10px 12px; border:1px dashed var(--borde); border-radius:var(--radio); background:var(--superficie-2);}
.sinred-pendientes p{flex:1 1 220px;}
.h-nota{font-size:var(--letra-3); margin:0 0 6px;}
.sin-conexion{background:var(--fondo); color:var(--texto);}
.sin-conexion-cuerpo{max-width:560px; margin:0 auto; padding:24px 16px;}
input.campo-monto,.campo-monto{width:calc(var(--cifras, 12) * 1.05ch + 32px); max-width:none; min-width:calc(var(--cifras, 12) * 1.05ch + 32px); text-align:right; font-variant-numeric:tabular-nums;}
.negrita{font-weight:700;}
.ve-plazo{border:1px solid var(--borde); border-radius:var(--radio); padding:10px 12px; margin:8px 0;}
.ve-plazo.alerta{border-color:var(--alerta);}
.ve-personas-barra{display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; margin:0 0 10px;}
.ve-personas-barra label{display:flex; align-items:center; gap:8px; flex:1 1 16rem; min-width:0; margin:0;}
.ve-personas-barra select{flex:1 1 auto; min-width:0; max-width:24rem;}
.ve-personas{border-top:1px solid var(--borde);}
.ve-persona{border-bottom:1px solid var(--borde);}
.ve-persona > summary{display:grid; grid-template-columns:auto minmax(0, 1fr) auto; align-items:baseline; gap:0 8px; padding:8px 4px; min-height:44px; cursor:pointer; list-style:none; line-height:1.3;}
.ve-persona > summary::-webkit-details-marker{display:none;}
.ve-persona > summary::before{content:"▸"; content:"▸" / ""; color:var(--texto-2); flex:0 0 auto;}
.ve-persona[open] > summary::before{content:"▾"; content:"▾" / "";}
.ve-persona > summary:hover{background:var(--superficie-2);}
.ve-persona-nombre{font-weight:600; min-width:0; overflow-wrap:anywhere;}
.ve-persona-total{font-weight:700; text-align:right; font-variant-numeric:tabular-nums;}
.ve-persona-det{grid-column:2 / -1;}
.ve-persona-det:not(:has(.texto-alerta)){display:none;}
@media (min-width:700px){
.ve-persona-det:not(:has(.texto-alerta)){display:block;}
}
@media (max-width:699px){
.ve-persona-lineas{display:none;}
.ve-personas-ayuda{display:none;}
.ve-persona-total .ve-cifra{display:block; white-space:nowrap;}
.ve-persona-total .ve-cifra-sep{display:none;}
}
.ve-persona[open] > summary{background:var(--superficie-2);}
.ve-persona > .scroll-x{margin:0 0 12px;}
.formulario-kr.ve-una-fila{grid-template-columns:minmax(0, 1fr) auto; align-items:end; gap:10px 12px;}
@media (max-width:640px){
.ve-persona table.datos,.ve-persona table.datos tbody,.ve-persona table.datos tfoot{display:block; width:100%;}
.ve-persona table.datos thead{display:none;}
.ve-persona table.datos tr{display:grid; grid-template-columns:minmax(0, 1fr) auto; align-items:center; gap:4px 10px; padding:8px 0; border-bottom:1px solid var(--borde);}
.ve-persona table.datos td{display:block; padding:0; border:0;}
.ve-persona table.datos td:first-child{grid-column:1 / -1;}
.ve-persona table.datos td:empty{display:none;}
.ve-persona > .scroll-x{overflow:visible;}
}
.ve-total-mes{margin:12px 0 0; text-align:right;}
.tarjeta.ve-borrador{overflow:visible;}
.ve-acciones-cierre{position:sticky; bottom:0; z-index:5; background:var(--superficie); padding:10px 0; border-top:1px solid var(--borde);}
.lista-sesiones{list-style:none; margin:0 0 14px; padding:0;}
.lista-sesiones > li{padding:10px 0; border-bottom:1px solid var(--borde); display:flex; flex-wrap:wrap; gap:6px 10px; align-items:center;}
.lista-sesiones > li > .min{flex-basis:100%;}
div.kpi:hover{border-color:var(--borde); box-shadow:none; transform:none;}
.lote-barra{display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; margin:0 0 10px; padding:10px 12px; border:1px solid var(--borde); border-radius:var(--radio); background:var(--superficie-2);}
.lote-barra .btn{margin-left:auto;}
.lote-barra details .btn{margin-left:0;}
.lote-barra details[open]{flex-basis:100%;}
.yo-quien input[type="checkbox"]{width:18px; height:18px; margin:0 8px 0 0; flex:none;}
.equipo-persona{align-items:flex-start;}
.equipo-eval{display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; margin-top:6px;}
.equipo-eval .chip,.equipo-360 .chip{margin-top:0;}
.equipo-acuerdos{margin-top:2px;}
.equipo-360{margin-top:6px;}
.equipo-360 summary{cursor:pointer; display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px;}
.equipo-360-tabla{width:100%; margin:8px 0; border-collapse:collapse; font-size:var(--letra-1);}
.equipo-360-tabla th,.equipo-360-tabla td{padding:6px 8px; text-align:left; border-top:1px solid var(--borde); font-weight:400;}
.equipo-360-tabla thead th{border-top:0; color:var(--texto-3); font-size:var(--letra-1); font-weight:600;}
.equipo-360-tabla td{font-variant-numeric:tabular-nums; white-space:nowrap;}
@media (max-width:640px){
.lote-barra .btn{margin-left:0; width:100%; justify-content:center;}
}
.campo-lista{display:flex; flex-direction:column; gap:10px; min-width:0;}
.campo-lista > .campo-error{margin:0;}
.chip-auto{margin-left:6px; font-weight:600; vertical-align:middle;}
.yo-objetivo{border:1px solid var(--borde, #ddd); border-radius:var(--radio); padding:10px 14px 4px; margin:0 0 12px;}
.yo-objetivo legend{font-weight:600; padding:0 4px;}
.codigo-entrada{font-size:var(--letra-5); letter-spacing:.35em; text-align:center; font-variant-numeric:tabular-nums;}
.marcaje-inicio .marcaje-botones{margin-top:12px;}
.lote-fijo{position:sticky; top:0; z-index:6; display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; margin:0 0 10px; padding:8px 10px; border-radius:var(--radio); background:var(--superficie); border:1px solid var(--borde-fuerte); box-shadow:var(--sombra-accion, 0 2px 8px rgba(0,0,0,.08));}
.lote-fijo > form{display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
.lote-fijo > form input[type=text]{min-width:0; flex:1 1 12rem;}
.lote-fijo > details[open]{flex-basis:100%;}
@media (max-width:600px){
.lote-fijo{flex-wrap:nowrap;}
.lote-fijo:has(details[open]),.lote-fijo:has(input[type=text]){flex-wrap:wrap;}
.lote-fijo > form{flex:1 1 auto; flex-wrap:nowrap;}
.lote-fijo .btn{font-size:var(--letra-1); padding:4px 8px; white-space:normal; line-height:1.2; text-align:center;}
.lote-fijo{top:56px; padding:6px 8px;}
.lote-fijo .btn{min-height:44px;}
}
.codigo-comparar{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:nowrap;overflow-x:auto; padding:6px 10px;border-radius:var(--radio-chico);background:var(--superficie-2);letter-spacing:.04em}
.firma-texto > summary{cursor:pointer;font-weight:600;min-height:24px}
.firma-texto-pagina{max-width:72ch;line-height:1.6;overflow-wrap:anywhere}
.cc-punto{display:inline-block; flex:none; width:12px; height:12px; border-radius:50%; background:var(--cc, var(--primario)); box-shadow:0 0 0 2px var(--superficie);}
.cc-lista{list-style:none; margin:0 0 10px; padding:0; display:flex; flex-direction:column; gap:8px;}
.cc-cuenta{display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; padding:12px 14px; border:1px solid var(--borde); border-radius:var(--radio);}
.cc-cuenta .cc-nombre{flex:1 1 200px; min-width:0;}
.cc-cuenta .cc-nombre .min{display:block;}
.cc-form{max-width:420px;}
.cc-pasos{margin:0 0 14px; padding-left:20px;}
.cc-rastro{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; font-size:var(--letra-1);}
.cc-rastro .min{display:inline-block; min-width:92px; color:var(--texto-tenue);}
.aviso-mas{margin-top:6px;}
.aviso-mas > summary{display:inline-flex; align-items:center; min-height:32px; cursor:pointer; font-weight:600; text-decoration:underline; text-underline-offset:3px;}
.aviso-mas > p{margin:4px 0 0;}
.yo-dias > li{display:block; padding:0;}
.yo-dia > summary{display:flex; flex-wrap:wrap; align-items:center; gap:2px 8px; min-height:44px; padding:8px 0; cursor:pointer; list-style:none;}
.yo-dia > summary::-webkit-details-marker{display:none;}
.yo-dia > summary:hover .yo-dia-horas{color:var(--texto);}
.yo-dia[open] > summary{font-weight:600;}
.yo-dia-horas{flex:1 1 auto; color:var(--texto-2); font-size:var(--letra-2); font-variant-numeric:tabular-nums; white-space:nowrap;}
.yo-dia-marca{flex:none; font-size:var(--letra-1); padding:1px 7px;}
@media (max-width:600px){
.tarjeta:has(> .yo-dias){padding-left:14px; padding-right:14px;}
}
@media (max-width:400px){
.yo-dia-horas{font-size:var(--letra-1);}
.yo-dia > summary{gap:2px 6px;}
.yo-dia-marca{padding:1px 5px;}
}
.yo-dia > div{display:flex; flex-direction:column; gap:2px; padding:0 0 12px; overflow-wrap:anywhere;}
[data-saldo-linea]{margin-bottom:10px;}
[data-nota-plegada] > summary{cursor:pointer; text-decoration:underline; text-underline-offset:3px; min-height:32px; display:inline-flex; align-items:center;}