/* Adaptador de clases existentes a T1. Procedencia en RECONCILIACION-COMPARTIDO-01.json. */
:root {
 --p-esp-1:var(--os-space-4);--p-esp-2:var(--os-space-8);--p-esp-3:var(--os-space-12);--p-esp-4:var(--os-space-16);--p-esp-5:var(--os-space-24);--p-esp-6:var(--os-space-32);--p-esp-7:var(--os-space-48);--p-esp-8:var(--os-space-64);
 --p-radio-sm:var(--os-radius-sm);--p-radio-md:var(--os-radius-md);--p-radio-pill:var(--os-radius-pill);
 --p-txt-xs:var(--os-size-label);--p-txt-sm:var(--os-size-label);--p-txt-md:var(--os-size-label);--p-txt-base:var(--os-size-body);--p-txt-campo:var(--os-size-body);--p-txt-lista:var(--os-size-body);--p-txt-h2:var(--os-size-h2);--p-txt-h1:var(--os-size-h1);
 --p-toque-min:var(--os-size-touch);--p-tile-min:112px;
 --papel:0 1px 0 var(--os-divider),0 12px 28px -22px color-mix(in srgb,var(--os-color-ink950) 72%,transparent);
 --verde-suave:var(--os-selected);--verde:var(--os-accent);--mono:var(--os-font-body);
 --curva-toque:var(--os-ease-out);--curva-mueve:var(--os-ease-move);--curva-hoja:var(--os-ease-sheet);
 --dur-toque:var(--os-duration-press);--dur-color:var(--os-duration-press);--dur-micro:var(--os-duration-press);--dur-panel:var(--os-duration-panel);--dur-hoja:var(--os-duration-sheet);--dur-salida:var(--os-duration-exit);--ease-out:var(--os-ease-out);--btn-press-escala:var(--os-pressScale);
}
:root{
  
  --btn-fondo:var(--teal);            --btn-texto:var(--fondo);
  --btn-borde:var(--teal);            --btn-radio:var(--radio);
  --btn-alto-min:var(--p-toque-min);  --btn-pad:var(--p-esp-4) var(--p-esp-5);
  --btn-escala-toque:0.97;
  --btn-fantasma-texto:var(--tinta);  --btn-fantasma-borde:var(--rail);

  
  --tarjeta-fondo:var(--superficie);  --tarjeta-borde:var(--linea);
  --tarjeta-filo:var(--teal);         --tarjeta-filo-grosor:3px;
  --tarjeta-pad:var(--p-esp-4);       --tarjeta-radio:var(--radio);
  --tarjeta-sombra:var(--papel);

  
  --tile-fondo:var(--superficie);     --tile-borde:var(--linea);
  --tile-borde-hover:var(--teal);     --tile-icono:var(--teal);
  --tile-ancho-min:150px;             --tile-alto-min:var(--p-tile-min);
  --tile-pad:var(--p-esp-4);          --tile-escala-toque:0.98;

  
  --campo-fondo:var(--superficie);    --campo-borde:var(--rail);
  --campo-borde-foco:var(--teal);     --campo-anillo:var(--teal-suave);
  --campo-texto:var(--tinta);         --campo-txt-min:var(--p-txt-campo);
  --campo-alto-min:var(--p-toque-min);

  
  --fila-fondo:var(--superficie);     --fila-hover:var(--teal-suave);
  --fila-linea:var(--linea);          --fila-alto-min:var(--p-toque-min);
  --fila-escala-toque:0.995;

  
  --chip-vivo-f:var(--teal-suave);    --chip-vivo-t:var(--teal);
  --chip-pend-f:var(--ambar-suave);   --chip-pend-t:var(--ambar);
  --chip-mal-f:var(--rojo-suave);     --chip-mal-t:var(--rojo);

  
  --tabla-cab-fondo:var(--alzada);    --tabla-cab-texto:var(--tenue);
  --tabla-linea:var(--linea);         --tabla-neg:var(--rojo);
  --tabla-falta:var(--ambar);         --tabla-num:var(--tinta);

  
  --vacio-texto:var(--tenue);
  --aviso-filo:var(--ambar);
  --alerta-filo:var(--rojo);          --alerta-fondo:var(--rojo-suave);
  --alerta-filo-grosor:4px;

  
  --foco-color:var(--teal); --foco-grosor:2px; --foco-sep:3px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--fondo); color:var(--tinta);
  font-family:var(--sans); font-size:16px; line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--teal);color:var(--fondo)}
:focus-visible{outline:var(--foco-grosor) solid var(--foco-color);outline-offset:var(--foco-sep);border-radius:var(--p-radio-sm)}


.os-wrap{max-width:720px;margin:0 auto;padding:24px 16px 40px}
@media(min-width:700px){ .os-wrap{padding:48px 24px 64px} }


html{-webkit-tap-highlight-color:transparent;overscroll-behavior:none}
button,a,[role="button"],.os-tile,.os-fila,.os-op,.os-chip,.os-link{
  touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;
}

.os-wrap{padding-bottom:calc(40px + env(safe-area-inset-bottom, 0px))}

.ca-scroll,.os-lista{overscroll-behavior-x:contain}
@media (pointer: coarse){
  input,select,textarea{font-size:var(--p-txt-campo)}
}


.os-eyebrow{
  font-family:var(--mono); font-size:var(--os-size-label); letter-spacing:.14em;
  text-transform:uppercase; color:var(--teal); font-weight:600; margin:0 0 8px;
}
.os-h1{
  font-family:var(--serif); font-weight:700; letter-spacing:-.02em;
  font-size:clamp(26px,6vw,38px); line-height:1.1; margin:0 0 12px; text-wrap:balance;
}
.os-h2{
  font-family:var(--serif); font-weight:700; letter-spacing:-.01em;
  font-size:clamp(20px,4.6vw,26px); line-height:1.2; margin:0 0 8px; text-wrap:balance;
}
.os-sub{color:var(--gris);margin:0 0 24px;max-width:60ch}
.os-mono{
  font-family:var(--mono);font-size:var(--os-size-label);color:var(--tenue);
  letter-spacing:.04em;font-variant-numeric:tabular-nums;
}


.os-papel{
  background:var(--tarjeta-fondo); border:1px solid var(--tarjeta-borde);
  border-left:var(--tarjeta-filo-grosor) solid var(--tarjeta-filo); border-radius:var(--tarjeta-radio);
  padding:var(--tarjeta-pad); box-shadow:var(--tarjeta-sombra); margin:0 0 16px;
}
.os-papel.ambar{border-left-color:var(--aviso-filo)}

.os-papel.rojo{
  background:var(--alerta-fondo); border-color:var(--alerta-filo);
  border-left:var(--alerta-filo-grosor) solid var(--alerta-filo);
  padding:16px 24px;
}
.os-papel.rojo p{color:var(--tinta)}

.os-papel.plana{border-left:1px solid var(--tarjeta-borde)}
.os-papel p{margin:0 0 12px;color:var(--gris)}
.os-papel p:last-child{margin-bottom:0}
.os-papel b{color:var(--tinta)}


.os-chip{
  display:inline-block; font-family:var(--mono); font-size:var(--os-size-label); font-weight:600;
  letter-spacing:.09em; text-transform:uppercase; padding:4px 8px; border-radius:999px;
}
.os-chip.vivo{background:var(--chip-vivo-f);color:var(--chip-vivo-t)}
.os-chip.pendiente{background:var(--chip-pend-f);color:var(--chip-pend-t)}

.os-chip.decision,.os-chip.mal{background:var(--chip-mal-f);color:var(--chip-mal-t)}



.os-btn{
  font-family:var(--sans); font-size:17px; font-weight:700;
  background:var(--btn-fondo); color:var(--btn-texto); border:1px solid var(--btn-borde);
  border-radius:var(--btn-radio); padding:var(--btn-pad); width:100%; min-height:var(--btn-alto-min);
  cursor:pointer; -webkit-appearance:none;
}
a.os-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-align:center}
.os-btn:disabled{opacity:.42;cursor:not-allowed;transform:none}
.os-btn.fantasma{background:transparent;color:var(--btn-fantasma-texto);border-color:var(--btn-fantasma-borde);font-weight:600}
.os-btn.auto{width:auto}
.os-link{
  background:none;border:none;padding:8px 2px;cursor:pointer;
  font-family:var(--mono);font-size:var(--os-size-label);color:var(--teal);
  text-decoration:underline;text-underline-offset:3px;
}


.os-campo{
  width:100%; min-height:var(--campo-alto-min);
  font-family:var(--sans); font-size:16.5px; line-height:1.55;
  color:var(--campo-texto); background:var(--campo-fondo);
  border:1px solid var(--campo-borde); border-radius:var(--radio);
  padding:12px 16px; -webkit-appearance:none;
}
textarea.os-campo{min-height:152px;resize:vertical}
.os-campo:focus{border-color:var(--campo-borde-foco);outline:none;box-shadow:0 0 0 3px var(--campo-anillo)}
.os-campo.mal{border-color:var(--rojo)}
.os-campo.mal:focus{box-shadow:0 0 0 3px var(--rojo-suave)}
.os-campo:disabled{background:var(--fondo);border-color:var(--linea);opacity:.6}
.os-campo::placeholder{color:var(--tenue)}

.os-campo-mal{display:block;margin:4px 0 0;font-family:var(--mono);font-size:var(--os-size-label);color:var(--rojo)}

.os-ops{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.os-op{
  font-family:var(--sans); font-size:15px; cursor:pointer;
  background:var(--superficie); color:var(--tinta);
  border:1px solid var(--campo-borde); border-radius:999px; padding:8px 16px;
}
.os-op[aria-pressed="true"]{background:var(--tinta);border-color:var(--tinta);color:var(--fondo)}
.os-op.num{min-width:56px;text-align:center;font-family:var(--mono);font-size:16px;font-variant-numeric:tabular-nums}
.os-pies{display:flex;justify-content:space-between;gap:12px;font-size:var(--os-size-label);color:var(--tenue);margin:0 0 16px}


.os-lista{border:1px solid var(--fila-linea);border-radius:var(--radio);overflow:hidden;background:var(--fila-fondo);margin:0 0 16px}
.os-fila{
  display:flex;align-items:center;gap:12px;width:100%;text-align:left;min-height:var(--fila-alto-min);
  padding:16px 16px;background:none;border:none;border-bottom:1px solid var(--fila-linea);
  cursor:pointer;font-family:var(--sans);font-size:16.5px;font-weight:600;color:var(--tinta);
  text-decoration:none;
}
.os-fila:last-child{border-bottom:none}
.os-fila[aria-disabled="true"]{opacity:.45;pointer-events:none}
.os-fila .marca{margin-left:auto;font-family:var(--mono);font-size:var(--os-size-label);color:var(--tenue);font-weight:400}


.os-tile,.os-link{
  transition:transform var(--dur-toque) var(--curva-toque);
}
.os-btn{
  transition:opacity var(--dur-color) ease,
             transform var(--dur-toque) var(--curva-toque);
}
.os-op,.tr-tab{
  transition:background-color var(--dur-micro) ease,
             border-color var(--dur-micro) ease,
             color var(--dur-micro) ease,
             transform var(--dur-toque) var(--curva-toque);
}
.os-fila{
  transition:background-color var(--dur-color) ease,
             transform var(--dur-toque) var(--curva-toque);
}

@media (hover: hover) and (pointer: fine){
  .os-btn:hover{opacity:.87}
  .os-btn.fantasma:hover{border-color:var(--tinta);opacity:1}
  .os-link:hover{color:var(--tinta)}
  .os-op:hover{border-color:var(--teal)}
  .os-fila:hover{background:var(--fila-hover)}
  .os-tile:hover{border-color:var(--tile-borde-hover)}
}

.os-btn:active:not(:disabled),.os-op:active,.os-link:active{transform:scale(var(--btn-escala-toque))}
.os-tile:active{transform:scale(var(--tile-escala-toque))}
.os-fila:active{transform:scale(var(--fila-escala-toque))}


.os-barra{display:flex;gap:4px;margin:0 0 20px}
.os-barra i{flex:1;height:4px;border-radius:2px;background:var(--linea);display:block;transition:background-color 200ms ease}
.os-barra i.hecha{background:var(--teal)}
.os-barra i.aqui{background:var(--tinta)}
.os-cuenta{font-family:var(--mono);font-size:var(--os-size-label);color:var(--tenue);font-variant-numeric:tabular-nums;margin:0 0 8px;display:flex;justify-content:space-between}


.os-estado{font-family:var(--mono);font-size:var(--os-size-label);color:var(--tenue);min-height:20px;margin:8px 0 0;text-align:center}
.os-estado.ok{color:var(--teal)}
.os-estado.mal{color:var(--rojo)}


.os-vacio{text-align:center;padding:32px 16px}
.os-vacio .icono{
  display:block;width:24px;height:24px;margin:0 auto 12px;
  background:var(--vacio-texto);opacity:.6;
  -webkit-mask:var(--os-icono) center/contain no-repeat;
          mask:var(--os-icono) center/contain no-repeat;
}
.os-vacio .titulo{font-family:var(--sans);font-size:15px;font-weight:600;color:var(--tinta);margin:0 0 4px}
.os-vacio .porque{font-size:var(--os-size-label);color:var(--vacio-texto);max-width:46ch;margin:0 auto;line-height:1.6}


.ca-tabla th{background:var(--tabla-cab-fondo);color:var(--tabla-cab-texto)}
.ca-tabla td.falta{color:var(--tabla-falta)}
.ca-tabla td.neg{color:var(--tabla-neg)}
.os-mono,.os-cuenta,.mc-par .v,.mc-dia,.ca-tabla td,.ca-tabla th{font-variant-numeric:tabular-nums}


.os-pie{margin-top:32px;padding-top:16px;border-top:1px solid var(--linea);font-family:var(--mono);font-size:var(--os-size-label);color:var(--tenue);line-height:1.6}


.os-tile .titulo{font-weight:700;font-size:15px}
.os-tile .nota{font-family:var(--mono);font-size:var(--os-size-label);color:var(--tenue)}
.os-tile::before{
  content:""; width:24px; height:24px; flex:0 0 auto;
  background:var(--tile-icono);
  -webkit-mask:var(--os-icono) center/contain no-repeat;
          mask:var(--os-icono) center/contain no-repeat;
}
.os-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tile-ancho-min),1fr));gap:8px;margin:0 0 20px}
.os-tile{
  display:flex;flex-direction:column;gap:8px;text-align:left;min-height:var(--tile-alto-min);
  background:var(--tile-fondo);border:1px solid var(--tile-borde);border-radius:var(--radio);
  padding:var(--tile-pad);cursor:pointer;font-family:var(--sans);color:var(--tinta);text-decoration:none;
  
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E");
}
.os-tile[data-tile="perfil"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-3.9 3.6-6.5 8-6.5s8 2.6 8 6.5'/%3E%3C/svg%3E");
}
.os-tile[data-tile="avisos"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9a6 6 0 0 1 12 0c0 5 2 6.5 2 6.5H4S6 14 6 9'/%3E%3Cpath d='M10 19.5a2 2 0 0 0 4 0'/%3E%3C/svg%3E");
}
.os-tile[data-tile="tareas"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Cpolyline points='8 12.5 11 15.5 16 9'/%3E%3C/svg%3E");
}
.os-tile[data-tile="marcaciones"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpolyline points='12 7 12 12 15.5 13.5'/%3E%3C/svg%3E");
}
.os-tile[data-tile="cuestionario"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 4a3 3 0 0 1 6 0'/%3E%3Cline x1='9' y1='11' x2='15' y2='11'/%3E%3Cline x1='9' y1='15' x2='13' y2='15'/%3E%3C/svg%3E");
}
.os-tile[data-tile="mi-pagina"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3Cline x1='10' y1='10' x2='10' y2='20'/%3E%3C/svg%3E");
}
.os-tile[data-tile="sede"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-5.2 7-11a7 7 0 1 0-14 0c0 5.8 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
}
.os-tile[data-tile="equipo"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20c0-3.5 2.9-5.7 6.5-5.7s6.5 2.2 6.5 5.7'/%3E%3Cpath d='M16 4.8a3.5 3.5 0 0 1 0 6.4'/%3E%3Cpath d='M18.2 14.7c2 .8 3.3 2.5 3.3 5.3'/%3E%3C/svg%3E");
}
.os-tile[data-tile="dinero"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='6.5' width='19' height='11' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3Cline x1='6' y1='12' x2='6.01' y2='12'/%3E%3Cline x1='18' y1='12' x2='18.01' y2='12'/%3E%3C/svg%3E");
}

.os-tile[data-tile="citas"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3Cline x1='8' y1='3' x2='8' y2='7'/%3E%3Cline x1='16' y1='3' x2='16' y2='7'/%3E%3C/svg%3E");
}
.os-tile[data-tile="perforaciones"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='7'/%3E%3Ccircle cx='12' cy='5.5' r='2'/%3E%3C/svg%3E");
}
.os-tile[data-tile="marcaciones-completas"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M3 20c0-3.3 2.7-5.5 6-5.5s6 2.2 6 5.5'/%3E%3Cpolyline points='15.5 8 17.5 10 21.5 6'/%3E%3C/svg%3E");
}
.os-tile[data-tile="cierre-caja"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='5' rx='1'/%3E%3Cpath d='M5 9v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V9'/%3E%3Cline x1='10' y1='13' x2='14' y2='13'/%3E%3C/svg%3E");
}
.os-tile[data-tile="gastos"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/%3E%3Cline x1='9' y1='8' x2='15' y2='8'/%3E%3Cline x1='9' y1='12' x2='15' y2='12'/%3E%3C/svg%3E");
}
.os-tile[data-tile="inventario"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 4.5v9L12 21l-9-4.5v-9z'/%3E%3Cpath d='M3 7.5l9 4.5 9-4.5'/%3E%3Cline x1='12' y1='12' x2='12' y2='21'/%3E%3C/svg%3E");
}
.os-tile[data-tile="meta-produccion"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3C/svg%3E");
}
.os-tile[data-tile="encuesta-sesion"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M9 3v2h6V3'/%3E%3Cpath d='M8.5 11l1.5 1.5 3-3'/%3E%3Cline x1='8.5' y1='16.5' x2='15.5' y2='16.5'/%3E%3C/svg%3E");
}
.os-tile[data-tile="contrato-artista"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7l5 5v13H7z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9.5 17c1.5-1.8 2.5 1.8 4 0s2-1.2 3 0'/%3E%3C/svg%3E");
}
.os-tile[data-tile="obras"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='9' cy='10' r='2'/%3E%3Cpath d='M21 16l-5-5-9 9'/%3E%3C/svg%3E");
}
.os-tile[data-tile="maestro-config"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='6' x2='20' y2='6'/%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3Cline x1='4' y1='18' x2='20' y2='18'/%3E%3Ccircle cx='8' cy='6' r='2'/%3E%3Ccircle cx='15' cy='12' r='2'/%3E%3Ccircle cx='10' cy='18' r='2'/%3E%3C/svg%3E");
}
.os-tile[data-tile="tablero-admin"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='20' x2='20' y2='20'/%3E%3Crect x='6' y='11' width='3' height='9'/%3E%3Crect x='11' y='6' width='3' height='14'/%3E%3Crect x='16' y='14' width='3' height='6'/%3E%3C/svg%3E");
}
.os-tile[data-tile="ficha-artista-admin"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='8.5' cy='11' r='2'/%3E%3Cpath d='M5.5 16c.5-1.5 1.6-2.3 3-2.3s2.5.8 3 2.3'/%3E%3Cline x1='14' y1='10' x2='18' y2='10'/%3E%3Cline x1='14' y1='14' x2='18' y2='14'/%3E%3C/svg%3E");
}
.os-tile[data-tile="adelantos-pagos-admin"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='13' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Ccircle cx='16.5' cy='14.5' r='1'/%3E%3C/svg%3E");
}
.os-tile[data-tile="tres-apps-por-rol"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 5-9 5-9-5z'/%3E%3Cpath d='M3 13l9 5 9-5'/%3E%3C/svg%3E");
}
.os-tile[data-tile="marcaciones-gps"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Cline x1='12' y1='2' x2='12' y2='5'/%3E%3Cline x1='12' y1='19' x2='12' y2='22'/%3E%3Cline x1='2' y1='12' x2='5' y2='12'/%3E%3Cline x1='19' y1='12' x2='22' y2='12'/%3E%3C/svg%3E");
}
.os-tile[data-tile="organigrama-admin"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='4' rx='1'/%3E%3Crect x='3' y='17' width='6' height='4' rx='1'/%3E%3Crect x='15' y='17' width='6' height='4' rx='1'/%3E%3Cpath d='M12 7v4'/%3E%3Cpath d='M6 17v-3h12v3'/%3E%3C/svg%3E");
}
.os-tile[data-tile="conciliaciones-admin"]{
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='3' x2='12' y2='21'/%3E%3Cline x1='6' y1='21' x2='18' y2='21'/%3E%3Cline x1='5' y1='7' x2='19' y2='7'/%3E%3Cpath d='M5 7l-3 7h6z'/%3E%3Cpath d='M19 7l-3 7h6z'/%3E%3C/svg%3E");
}
.os-tile.externo{
  
  --os-icono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6c-1.5-1.6-3.8-2.2-9-2v14c5.2-.2 7.5.4 9 2 1.5-1.6 3.8-2.2 9-2V4c-5.2-.2-7.5.4-9 2z'/%3E%3Cline x1='12' y1='6' x2='12' y2='20'/%3E%3C/svg%3E");
}




.iv-caja{transition:transform var(--dur-hoja) var(--curva-hoja)}
@starting-style{ .iv-caja{transform:translateY(100%)} }


.os-papel.rojo,.os-papel.ambar{
  transition:opacity var(--dur-panel) var(--curva-toque),
             transform var(--dur-panel) var(--curva-toque);
}
@starting-style{ .os-papel.rojo,.os-papel.ambar{opacity:0;transform:translateY(6px)} }


@keyframes os-entra{ to{opacity:1;transform:translateY(0)} }
.os-tiles > .os-tile{
  opacity:0;transform:translateY(8px);
  animation:os-entra var(--dur-micro) var(--curva-toque) forwards;
}
.os-tiles > .os-tile:nth-child(2){animation-delay:40ms}
.os-tiles > .os-tile:nth-child(3){animation-delay:80ms}
.os-tiles > .os-tile:nth-child(4){animation-delay:120ms}
.os-tiles > .os-tile:nth-child(5){animation-delay:160ms}
.os-tiles > .os-tile:nth-child(6){animation-delay:200ms}
.os-tiles > .os-tile:nth-child(7){animation-delay:240ms}
.os-tiles > .os-tile:nth-child(n+8){animation-delay:280ms}


.og-arbol summary{list-style:none}
.og-arbol summary::-webkit-details-marker{display:none}
.og-arbol summary::before{
  content:"\25BE";display:inline-block;width:14px;color:var(--tenue);
  transform:rotate(-90deg);transition:transform 150ms var(--curva-toque);
}
.og-arbol details[open] > summary::before{transform:rotate(0deg)}


.ca-scroll{
  background-color:var(--superficie);
  background-image:
    linear-gradient(to right, var(--superficie) 60%, transparent),
    linear-gradient(to left,  var(--superficie) 60%, transparent),
    linear-gradient(to right, color-mix(in srgb,var(--os-color-ink950) 35%,transparent), transparent),
    linear-gradient(to left,  color-mix(in srgb,var(--os-color-ink950) 35%,transparent), transparent);
  background-position:left center, right center, left center, right center;
  background-repeat:no-repeat;
  background-size:32px 100%, 32px 100%, 14px 100%, 14px 100%;
  background-attachment:local, local, scroll, scroll;
}


html[data-tema-cambiando] body,
html[data-tema-cambiando] .os-papel,
html[data-tema-cambiando] .os-lista,
html[data-tema-cambiando] .os-tile,
html[data-tema-cambiando] .ca-tabla{
  transition:background-color var(--dur-micro) ease,
             color var(--dur-micro) ease,
             border-color var(--dur-micro) ease;
}


@media (prefers-reduced-motion: reduce){
  .os-btn,.os-op,.tr-tab,.os-link,.os-fila,.os-barra i,.os-chip,.os-tile,
  html[data-tema-cambiando] body,html[data-tema-cambiando] .os-papel,
  html[data-tema-cambiando] .os-lista,html[data-tema-cambiando] .ca-tabla{
    transition-property:background-color,border-color,color,opacity;
    transition-duration:120ms;
  }
  .os-btn:active:not(:disabled),.os-op:active,.os-link:active,.os-tile:active,.os-fila:active{transform:none}
  .os-tiles > .os-tile,
  .os-tiles > .os-tile:nth-child(2),.os-tiles > .os-tile:nth-child(3),
  .os-tiles > .os-tile:nth-child(4),.os-tiles > .os-tile:nth-child(5),
  .os-tiles > .os-tile:nth-child(6),.os-tiles > .os-tile:nth-child(7),
  .os-tiles > .os-tile:nth-child(n+8){opacity:1;transform:none;animation:none;animation-delay:0ms}
  .iv-caja{transform:none;transition:opacity var(--dur-salida) ease}
  .os-papel.rojo,.os-papel.ambar{transform:none;transition:opacity 120ms ease}
  .og-arbol summary::before,.og-arbol details[open] > summary::before{transition:none}
  html{scroll-behavior:auto}
}

/* Semántica de primer plano por tema y estados sin transparencia sobre texto. */
:root{--btn-texto:var(--os-on-accent);--foco-color:var(--os-focus);--campo-anillo:var(--os-focus);--tarjeta-filo-grosor:1px;--tarjeta-filo:var(--os-divider)}
.os-btn{font-size:var(--os-size-body)}
.os-btn:disabled,.os-campo:disabled,.os-fila[aria-disabled=true]{opacity:1;color:var(--os-secondary);background:var(--os-elevated)}
.os-btn:active:not(:disabled){transform:scale(var(--os-pressScale))}
.os-campo:focus-visible{outline:var(--os-size-focus) solid var(--os-focus);outline-offset:3px;box-shadow:none}
.os-papel{border:1px solid var(--os-divider);padding:var(--os-space-24);margin-bottom:var(--os-space-24)}
.os-papel.ambar{border-inline-start:3px solid var(--os-warning)}
.os-papel.rojo{border-inline-start:3px solid var(--os-error)}
.os-lista{border:1px solid var(--os-divider)}
.os-fila{background:var(--os-surface);color:var(--os-text);font-size:var(--os-size-body);width:100%;text-align:start}
.os-chip{border:1px solid currentColor;padding:4px 10px;font-size:var(--os-size-label)}
.os-chip:not(.vivo):not(.pendiente):not(.decision):not(.mal){border-color:var(--os-border)}
.os-tile{min-width:0;overflow-wrap:anywhere}
.os-tile,.os-papel,.os-fila{animation:none}
@media(max-width:640px){.os-papel{padding:var(--os-space-16)}}