/* Copia de brand/brand-objetos.css sin comentarios, generada por scripts/sync-brand.sh: no editar acá. */
.cs-objeto { background: var(--cs-noche-2); border: 1px solid var(--cs-noche-linea); border-radius: var(--cs-r-tarjeta); padding: var(--cs-s-5); color: #fff; }
.cs-objeto > svg { display: block; width: 100%; height: auto; font-family: var(--cs-font); overflow: visible; }
.cs-objeto__cap { margin-top: var(--cs-s-4); padding-top: var(--cs-s-3); border-top: 1px solid var(--cs-noche-linea); font-size: var(--cs-t-sm); color: var(--cs-noche-texto); }
.o-line { fill: none; stroke: #2E4472; stroke-width: 2; }
.o-line--on { stroke: var(--cs-noche-link); }
.o-line--sello { stroke: var(--cs-sello); }
.o-node { fill: var(--cs-noche); stroke: #2E4472; stroke-width: 1.5; }
.o-node--on { stroke: var(--cs-noche-link); }
.o-node--sello { stroke: var(--cs-sello); stroke-width: 2; }
.o-fill-inst { fill: var(--cs-institucional); }
.o-fill-azul { fill: var(--cs-noche-link); }
.o-fill-sello { fill: var(--cs-sello); }
.o-t { fill: #fff; font-size: 13px; font-weight: 700; }
.o-t--lg { font-size: 30px; letter-spacing: -0.02em; }
.o-t--sm { fill: var(--cs-noche-texto); font-size: 11px; font-weight: 400; }
.o-t--noche { fill: var(--cs-noche); }
.o-check { fill: none; stroke: var(--cs-noche); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.cs-js .cs-objeto:not(.is-armado) .o-draw { stroke-dasharray: 1; stroke-dashoffset: 1; }
.cs-js .cs-objeto:not(.is-armado) .o-pop { opacity: 0; transform: scale(.6); }
.cs-js .cs-objeto:not(.is-armado) .o-fade { opacity: 0; }
.cs-objeto .o-draw { stroke-dasharray: 1; stroke-dashoffset: 0; transition: stroke-dashoffset .9s var(--cs-ease) var(--d, 0s); }
.cs-objeto .o-pop, .cs-objeto .o-fade { transform-box: fill-box; transform-origin: center; transition: opacity .35s var(--cs-ease) var(--d, 0s), transform .45s var(--cs-ease) var(--d, 0s); }
.cs-visor { background: var(--cs-superficie); color: var(--cs-tinta); border-radius: var(--cs-r-campo); overflow: hidden; }
.cs-visor__bar { display: flex; align-items: center; gap: var(--cs-s-2); padding: .55rem .8rem; background: #EEF2F8; border-bottom: 1px solid var(--cs-linea); font-size: var(--cs-t-xs); color: var(--cs-tinta-suave); }
.cs-visor__lock { width: 14px; height: 14px; color: var(--cs-ok); }
.cs-visor__url { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: var(--cs-superficie); border-radius: var(--cs-r-pill); padding: .25rem .7rem; color: var(--cs-tinta); }
.cs-visor__tabs { display: flex; gap: 2px; padding: var(--cs-s-3) var(--cs-s-4) 0; border-bottom: 1px solid var(--cs-linea); }
.cs-visor__tab { background: none; border: 0; border-bottom: 3px solid transparent; padding: .5rem .9rem; font: 700 var(--cs-t-sm)/1 var(--cs-font); color: var(--cs-tinta-suave); cursor: pointer; }
.cs-visor__tab[aria-selected="true"] { color: var(--cs-institucional); border-bottom-color: var(--cs-accion); }
.cs-visor__body { padding: var(--cs-s-4); }
.cs-visor dl { display: grid; grid-template-columns: 9.5rem 1fr; gap: .5rem var(--cs-s-3); margin: 0; font-size: var(--cs-t-sm); }
.cs-visor dt { color: var(--cs-tinta-suave); }
.cs-visor dd { margin: 0; font-weight: 700; color: var(--cs-institucional); }
.cs-visor dd.is-vacio { font-weight: 400; color: #9AA6B8; }
.cs-visor dd.is-nuevo { background: #FBF1DC; margin: -2px -6px; padding: 2px 6px; border-radius: 4px; }
.cs-visor__nota { margin-top: var(--cs-s-4); font-size: var(--cs-t-sm); color: var(--cs-tinta-suave); }
.cs-objetos { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--cs-s-5); }
.cs-objetos > figure { margin: 0; min-width: 0; }
.cs-objetos h3 { font-size: var(--cs-t-lg); margin-bottom: var(--cs-s-2); }
.cs-objetos .cs-small { margin-bottom: var(--cs-s-4); }
@media (max-width: 991px) { .cs-objetos { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 479px) { .cs-visor dl { grid-template-columns: 1fr; gap: 2px; } .cs-visor dd { margin-bottom: .4rem; } }
.cs-objeto .o-arc { stroke-dasharray: 1; stroke-dashoffset: calc(1 - var(--p)); transition: stroke-dashoffset 1.1s var(--cs-ease) .1s; }
.cs-js .cs-objeto:not(.is-armado) .o-arc { stroke-dashoffset: 1; }
.cs-objetos h3 .cs-small { display: block; margin: 2px 0 0; font-weight: 400; letter-spacing: 0; }
@media (max-width: 599px) {
  .cs-objeto { padding: var(--cs-s-4); }
  .o-t { font-size: 16px; }
  .o-t--sm { font-size: 14px; }
  .o-t--lg { font-size: 36px; }
}
