/* consulta.css — «Consulta proceso SECOP». Todo cuelga de #ej-consulta-secop: no pisa el tema.
   Dialecto (diseno/GUSTO_DE_HECTOR.md): papel, tinta, un solo acento cobre; filetes de 1 px; rótulos en
   versalitas espaciadas; formas del oficio (un formulario que se llena a mano, anotaciones de un índice).
   Movimiento (emil-design-eng): solo transform, opacity, clip-path y filter; curvas propias; nada al
   buscar con Enter; todo con respeto a prefers-reduced-motion. */

#ej-consulta-secop{
  --cs-tinta:var(--p-tinta,#14171C);--cs-gris:var(--gris,#5A616B);--cs-tenue:var(--p-tenue,#8B9097);
  --cs-filete:var(--p-filete,#DCDED8);--cs-papel:var(--papel,#F3F4F1);--cs-marino:var(--marino,#141C2C);
  --cs-cobre:var(--cobre-osc,#8A6A34);--cs-out:cubic-bezier(.23,1,.32,1);--cs-io:cubic-bezier(.77,0,.175,1);
  --cs-sans:'Public Sans',system-ui,-apple-system,sans-serif;--cs-serif:'Aleo',Georgia,serif;
  color:var(--cs-tinta);font-family:var(--cs-serif);
}
#ej-consulta-secop *{box-sizing:border-box}
#ej-consulta-secop .oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- el formulario: una hoja que se llena a mano ---------- */
#ej-consulta-secop .cs-form{background:#fff;padding:clamp(22px,4vw,40px) clamp(20px,4vw,44px) clamp(18px,3vw,28px);
  box-shadow:0 1px 0 rgba(20,28,44,.06),0 24px 48px -32px rgba(20,28,44,.28)}
#ej-consulta-secop .cs-fila{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,3vw,40px)}
#ej-consulta-secop .cs-fila-2{grid-template-columns:minmax(0,2fr) minmax(0,.8fr) auto;margin-top:clamp(18px,2.4vw,28px);align-items:end}
#ej-consulta-secop .cs-campo{position:relative;min-width:0}
#ej-consulta-secop .cs-campo label,#ej-consulta-secop .cs-campo legend,#ej-consulta-secop .cs-etq{display:block;font:600 11px/1 var(--cs-sans);letter-spacing:.2em;
  text-transform:uppercase;color:var(--cs-gris);margin-bottom:10px;padding:0}
#ej-consulta-secop .cs-campo input[type=text],#ej-consulta-secop .cs-campo select{width:100%;border:0;border-radius:0;background:transparent;
  padding:6px 0 10px;font:400 20px/1.3 var(--cs-serif);color:var(--cs-tinta);
  box-shadow:inset 0 -1px 0 rgba(20,23,28,.35);transition:box-shadow 160ms ease;outline:0;appearance:none}
#ej-consulta-secop .cs-campo select{font-size:17px;padding-right:22px;cursor:pointer;
  background:linear-gradient(45deg,transparent 50%,var(--cs-gris) 50%) calc(100% - 9px) 55%/5px 5px no-repeat,
             linear-gradient(-45deg,transparent 50%,var(--cs-gris) 50%) calc(100% - 4px) 55%/5px 5px no-repeat}
#ej-consulta-secop .cs-campo input::placeholder{color:#A9ADB2;font-style:italic;font-weight:300}
#ej-consulta-secop .cs-campo input:focus,#ej-consulta-secop .cs-campo select:focus{box-shadow:inset 0 -2px 0 var(--cs-cobre)}
#ej-consulta-secop .cs-campo select:disabled{opacity:.45;cursor:not-allowed}
#ej-consulta-secop .cs-ayuda{margin:8px 0 0;font:400 13px/1.45 var(--cs-sans);color:var(--cs-tenue)}

#ej-consulta-secop .cs-buscar{font:600 15px/1 var(--cs-sans);color:#fff;background:var(--cs-marino);border:0;border-radius:0;
  padding:16px 30px;cursor:pointer;box-shadow:0 3px 0 0 var(--cs-cobre);transition:transform 140ms var(--cs-out),box-shadow 140ms var(--cs-out)}
#ej-consulta-secop .cs-buscar:active{transform:translateY(2px);box-shadow:0 1px 0 0 var(--cs-cobre)}
#ej-consulta-secop .cs-buscar:disabled{cursor:progress;opacity:.8}
#ej-consulta-secop .cs-buscar:focus-visible,#ej-consulta-secop .cs-link:focus-visible,#ej-consulta-secop .cs-copiar:focus-visible,#ej-consulta-secop .cs-abrir:focus-visible,#ej-consulta-secop .cs-afinar-btn:focus-visible,#ej-consulta-secop .cs-chip:focus-visible,#ej-consulta-secop .cs-mas:focus-visible,#ej-consulta-secop .cs-wa a:focus-visible{outline:2px solid var(--cs-cobre);outline-offset:3px}

/* ¿No encuentra su proceso? Afinemos la búsqueda */
#ej-consulta-secop .cs-afinar-btn{margin-top:22px;background:none;border:0;padding:4px 0;cursor:pointer;
  font:500 14px/1.4 var(--cs-sans);color:var(--cs-cobre);text-decoration:underline;text-underline-offset:4px;
  text-decoration-thickness:1px;text-decoration-color:rgba(138,106,52,.45)}
@media (hover:hover) and (pointer:fine){#ej-consulta-secop .cs-afinar-btn:hover{text-decoration-color:var(--cs-cobre)}}
#ej-consulta-secop .cs-afinar{margin-top:18px;padding-top:22px;border-top:1px solid var(--cs-filete)}
#ej-consulta-secop .cs-afinar:not([hidden]){animation:cs-abre 220ms var(--cs-out)}
#ej-consulta-secop .cs-afinar-rejilla{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 28px;align-items:end}
#ej-consulta-secop .cs-rango>div{display:flex;align-items:center;gap:10px;font:400 14px var(--cs-sans);color:var(--cs-gris)}
#ej-consulta-secop .cs-en{border:0;margin:0;padding:0}
/* El cerco a la vista (29-sep): departamento → ciudad → entidad en una fila; años, «buscar en» y el botón en la otra.
   Sin «Afinemos la búsqueda»: todos los campos se ven desde el principio. */
#ej-consulta-secop .cs-fila-lugar{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(18px,2.4vw,28px);align-items:start}
#ej-consulta-secop .cs-fila-2{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) auto;align-items:start}
#ej-consulta-secop .cs-fila-2 .cs-campo-btn{align-self:end}
#ej-consulta-secop .cs-rango>div select{flex:1;min-width:0}
#ej-consulta-secop .cs-en{display:flex;flex-wrap:wrap;gap:8px 18px}
#ej-consulta-secop .cs-en legend{flex-basis:100%;width:100%}
/* las opciones son <label>: sin esto heredan las mayúsculas espaciadas de las etiquetas de los campos */
#ej-consulta-secop .cs-en .cs-radio{margin:6px 0 0;font:400 14.5px/1.3 var(--cs-sans);letter-spacing:0;text-transform:none;color:var(--cs-tinta)}
#ej-consulta-secop .cs-radio{display:flex;align-items:center;gap:8px;margin:0 0 6px;font:400 14px/1.3 var(--cs-sans);cursor:pointer}
#ej-consulta-secop .cs-radio input{accent-color:var(--cs-marino);margin:0}

/* sugerencias de entidad */
#ej-consulta-secop .cs-sugerencias{position:absolute;z-index:5;left:0;right:0;top:100%;margin:6px 0 0;padding:6px 0;list-style:none;
  background:#fff;box-shadow:0 1px 0 rgba(20,28,44,.08),0 18px 40px -18px rgba(20,28,44,.35);
  transform-origin:top center;animation:cs-sug 150ms var(--cs-out)}
#ej-consulta-secop .cs-sugerencias li{padding:9px 14px;cursor:pointer;font:400 14px/1.35 var(--cs-sans)}
#ej-consulta-secop .cs-sugerencias li small{display:block;font-size:12px;color:var(--cs-tenue)}
#ej-consulta-secop .cs-sugerencias li[aria-selected=true]{background:var(--cs-papel)}
@media (hover:hover) and (pointer:fine){#ej-consulta-secop .cs-sugerencias li:hover{background:var(--cs-papel)}}

/* recientes */
#ej-consulta-secop .cs-recientes{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px}
#ej-consulta-secop .cs-recientes .cs-etq{margin:0 6px 0 0}
#ej-consulta-secop .cs-chip{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 13px/1 var(--cs-sans);color:var(--cs-gris);background:transparent;border:1px solid var(--cs-filete);
  padding:8px 12px;cursor:pointer;transition:transform 140ms var(--cs-out),border-color 140ms ease}
#ej-consulta-secop .cs-chip:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){#ej-consulta-secop .cs-chip:hover{border-color:var(--cs-gris)}}

/* ---------- estado y avisos ---------- */
#ej-consulta-secop .cs-estado{position:relative;margin:30px 0 0;min-height:1.4em;font:500 14px/1.4 var(--cs-sans);color:var(--cs-gris);
  font-variant-numeric:tabular-nums}
#ej-consulta-secop .cs-buscando .cs-estado::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:1px;background:var(--cs-filete);
  background-image:linear-gradient(90deg,transparent,var(--cs-cobre),transparent);background-size:40% 100%;
  background-repeat:no-repeat;animation:cs-corre 1.1s linear infinite}
#ej-consulta-secop .cs-avisos{margin-top:14px}
#ej-consulta-secop .cs-aviso{margin:0 0 8px;padding-left:14px;border-left:2px solid var(--cs-cobre);font:400 15.5px/1.55 var(--cs-serif);
  color:var(--cs-tinta);text-align:justify;hyphens:auto;-webkit-hyphens:auto;text-wrap:pretty;overflow-wrap:anywhere}
#ej-consulta-secop .cs-aviso-vacio{border-left-color:var(--cs-marino)}

/* ---------- resultados: anotaciones de un índice ---------- */
#ej-consulta-secop .cs-resultados{list-style:none;margin:18px 0 0;padding:0}
#ej-consulta-secop .cs-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 32px;align-items:start;
  padding:24px 0 26px;border-top:1px solid var(--cs-filete);
  animation:cs-llega 180ms var(--cs-out) both;animation-delay:calc(var(--i,0) * 40ms)}
#ej-consulta-secop .cs-item.cs-quieto{animation:none}
#ej-consulta-secop .cs-resultados .cs-item:last-child{border-bottom:1px solid var(--cs-filete)}
#ej-consulta-secop .cs-rotulo{display:flex;gap:12px;margin:0 0 8px;font:600 11px/1 var(--cs-sans);letter-spacing:.2em;text-transform:uppercase}
#ej-consulta-secop .cs-rotulo span:first-child{color:var(--cs-cobre)}
#ej-consulta-secop .cs-rotulo span+span{color:var(--cs-tenue);font-variant-numeric:tabular-nums}
#ej-consulta-secop .cs-objeto{margin:0;font:400 19px/1.4 var(--cs-serif);letter-spacing:-.005em;color:var(--cs-tinta);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#ej-consulta-secop .cs-quien{margin:8px 0 0;font:500 14px/1.45 var(--cs-sans);color:var(--cs-tinta)}
#ej-consulta-secop .cs-quien span{font-weight:400;color:var(--cs-gris)}
#ej-consulta-secop .cs-ref{margin:6px 0 0;font:400 13.5px/1.4 var(--cs-sans);color:var(--cs-gris);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#ej-consulta-secop .cs-ref-etq{color:var(--cs-tenue)}
#ej-consulta-secop .cs-grado{display:inline-block;margin:10px 0 0;padding:5px 9px;font:500 12.5px/1.3 var(--cs-sans);
  color:var(--cs-cobre);background:rgba(180,120,64,.08);box-shadow:inset 0 0 0 1px rgba(138,106,52,.25)}

/* el botón que importa */
#ej-consulta-secop .cs-accion{padding-top:22px}
#ej-consulta-secop .cs-link{font:600 14px/1 var(--cs-sans);color:#fff;background:var(--cs-cobre);border:0;border-radius:0;white-space:nowrap;
  padding:14px 20px;cursor:pointer;box-shadow:0 3px 0 0 var(--cs-marino);
  transition:transform 140ms var(--cs-out),box-shadow 140ms var(--cs-out),background-color 160ms ease}
#ej-consulta-secop .cs-link:active{transform:translateY(2px);box-shadow:0 1px 0 0 var(--cs-marino)}
#ej-consulta-secop .cs-link[aria-expanded=true]{background:var(--cs-marino);box-shadow:0 3px 0 0 var(--cs-cobre)}
#ej-consulta-secop .cs-link span{display:inline-block}

/* lo que se despliega: la tira con el enlace y la ficha */
#ej-consulta-secop .cs-panel{grid-column:1 / -1;margin-top:6px}
#ej-consulta-secop .cs-panel:not([hidden]){animation:cs-abre 240ms var(--cs-out)}
#ej-consulta-secop .cs-tira{background:var(--cs-papel);padding:18px 20px 16px;border-top:1px solid var(--cs-filete)}
#ej-consulta-secop .cs-tira-etq{margin:0 0 10px;font:600 11px/1 var(--cs-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--cs-gris)}
#ej-consulta-secop .cs-url{display:block;font:400 14px/1.5 ui-monospace,'SFMono-Regular',Consolas,monospace;color:var(--cs-marino);
  word-break:break-all;user-select:all}
#ej-consulta-secop .cs-zona-link:not([hidden]) .cs-url{animation:cs-tinta 420ms var(--cs-out) 80ms both}
#ej-consulta-secop .cs-tira-acciones{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:14px}
#ej-consulta-secop .cs-copiar{font:600 14px/1 var(--cs-sans);color:#fff;background:var(--cs-marino);border:0;border-radius:0;
  padding:12px 18px;cursor:pointer;min-width:9.5em;transition:transform 140ms var(--cs-out)}
#ej-consulta-secop .cs-copiar:active{transform:scale(.97)}
#ej-consulta-secop .cs-copiar span{display:inline-block;transition:filter 120ms ease,opacity 120ms ease}
#ej-consulta-secop .cs-copiar.cs-cambiando span{filter:blur(2px);opacity:0}
#ej-consulta-secop .cs-abrir{font:600 14px/1 var(--cs-sans);color:var(--cs-marino);text-decoration:underline;text-underline-offset:4px;
  text-decoration-thickness:1px}
#ej-consulta-secop .cs-nota{margin:12px 0 0;font:400 12.5px/1.45 var(--cs-sans);color:var(--cs-tenue)}
#ej-consulta-secop .cs-tira-sin p{margin:0;font:400 15px/1.5 var(--cs-serif)}

#ej-consulta-secop .cs-datos{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px 28px;margin:20px 0 0;padding:0}
#ej-consulta-secop .cs-dato dt{font:600 11px/1 var(--cs-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--cs-tenue);margin-bottom:6px}
#ej-consulta-secop .cs-dato dd{margin:0;font:400 15.5px/1.45 var(--cs-serif);overflow-wrap:anywhere}
#ej-consulta-secop .cs-wa{margin:18px 0 0}
#ej-consulta-secop .cs-wa a{font:500 14px/1.4 var(--cs-sans);color:var(--cs-cobre);text-decoration:none}
@media (hover:hover) and (pointer:fine){#ej-consulta-secop .cs-wa a:hover{text-decoration:underline;text-underline-offset:4px}}

#ej-consulta-secop .cs-mas{display:block;margin:26px auto 0;font:600 14px/1 var(--cs-sans);color:var(--cs-marino);background:transparent;
  border:1px solid var(--cs-marino);padding:14px 24px;cursor:pointer;transition:transform 140ms var(--cs-out)}
#ej-consulta-secop .cs-mas:active{transform:scale(.97)}

/* ---------- movimiento ---------- */
@keyframes cs-llega{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes cs-abre{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
@keyframes cs-tinta{from{opacity:0;filter:blur(3px);clip-path:inset(0 100% 0 0)}to{opacity:1;filter:blur(0);clip-path:inset(0 0 0 0)}}
@keyframes cs-sug{from{opacity:0;transform:scale(.98) translateY(-4px)}to{opacity:1;transform:none}}
@keyframes cs-corre{from{background-position:-40% 0}to{background-position:140% 0}}
@keyframes cs-funde{from{opacity:0}to{opacity:1}}

@media (prefers-reduced-motion:reduce){
  #ej-consulta-secop .cs-item,#ej-consulta-secop .cs-panel:not([hidden]),#ej-consulta-secop .cs-afinar:not([hidden]),#ej-consulta-secop .cs-sugerencias{animation:cs-funde 200ms ease both;animation-delay:0s}
  #ej-consulta-secop .cs-zona-link:not([hidden]) .cs-url{animation:none}
  #ej-consulta-secop .cs-zona-link:not([hidden]){animation:cs-funde 200ms ease both}
  #ej-consulta-secop .cs-ver i{transition:none}
  #ej-consulta-secop .cs-buscando .cs-estado::after{animation:none;background-image:none}
  #ej-consulta-secop .cs-link,#ej-consulta-secop .cs-buscar,#ej-consulta-secop .cs-copiar,#ej-consulta-secop .cs-chip,#ej-consulta-secop .cs-mas{transition:none}
  #ej-consulta-secop .cs-link:active,#ej-consulta-secop .cs-buscar:active,#ej-consulta-secop .cs-copiar:active,#ej-consulta-secop .cs-chip:active,#ej-consulta-secop .cs-mas:active{transform:none}
}

/* ---------- celular ---------- */
@media (max-width:760px){
  #ej-consulta-secop .cs-fila,#ej-consulta-secop .cs-fila-2,#ej-consulta-secop .cs-fila-lugar{grid-template-columns:minmax(0,1fr)}
  #ej-consulta-secop .cs-afinar-rejilla{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  #ej-consulta-secop .cs-buscar{width:100%}
  #ej-consulta-secop .cs-item{grid-template-columns:minmax(0,1fr)}
  #ej-consulta-secop .cs-accion{padding-top:4px}
  #ej-consulta-secop .cs-link{width:100%}
  #ej-consulta-secop .cs-campo input[type=text]{font-size:18px}
}
@media (max-width:420px){#ej-consulta-secop .cs-afinar-rejilla{grid-template-columns:minmax(0,1fr)}}


/* ---------- convivencia con la página (.articulo) ----------
   La herramienta se sale de la columna de texto (640 px) al ancho de la carátula: medido el 28-sep, en la
   columna la etiqueta del número se partía en dos líneas y el año salía cortado («Cualquier a»).
   Y las reglas del artículo (.articulo ol li numera con «01», .articulo a subraya) no entran aquí. */
.articulo #ej-consulta-secop{position:relative;left:50%;width:min(992px,calc(100vw - 2 * var(--g,20px)));
  margin:40px 0 0;margin-left:calc(min(992px,calc(100vw - 2 * var(--g,20px))) / -2)}
#ej-consulta-secop .cs-resultados>li{padding-left:0;margin-top:0;counter-increment:none;font-size:inherit;line-height:inherit}
#ej-consulta-secop .cs-resultados>li::before{content:none}
#ej-consulta-secop a{box-shadow:none}
#ej-consulta-secop .cs-sugerencias li{margin:0}
#ej-consulta-secop .cs-ayuda,#ej-consulta-secop .cs-nota{text-align:left;hyphens:manual;-webkit-hyphens:manual}

/* «hidden» siempre gana: .cs-recientes (flex) y .cs-mas (block) se veían aunque estuvieran ocultos (28-sep). */
#ej-consulta-secop [hidden]{display:none!important}

/* ---------- dos pasos (Héctor, 28-sep): primero la información, después el link ----------
   El proceso encontrado se toca para desplegarlo; dentro, el botón cobre «Consultar el link de SECOP». */
#ej-consulta-secop .cs-cabeza{cursor:pointer}
@media (hover:hover) and (pointer:fine){#ej-consulta-secop .cs-cabeza:hover .cs-objeto{color:var(--cs-marino);text-decoration:underline;
  text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:rgba(20,28,44,.3)}}
#ej-consulta-secop .cs-ver{display:inline-flex;align-items:center;gap:10px;font:600 14px/1 var(--cs-sans);color:var(--cs-marino);
  background:transparent;border:1px solid var(--cs-marino);border-radius:0;padding:13px 16px;cursor:pointer;white-space:nowrap;
  transition:transform 140ms var(--cs-out),background-color 160ms ease,color 160ms ease}
#ej-consulta-secop .cs-ver:active{transform:scale(.97)}
#ej-consulta-secop .cs-ver:focus-visible{outline:2px solid var(--cs-cobre);outline-offset:3px}
#ej-consulta-secop .cs-ver i{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:translateY(-2px) rotate(45deg);transition:transform 200ms var(--cs-out)}
#ej-consulta-secop .cs-ver[aria-expanded=true]{background:var(--cs-marino);color:#fff}
#ej-consulta-secop .cs-ver[aria-expanded=true] i{transform:translateY(2px) rotate(-135deg)}
@media (hover:hover) and (pointer:fine){#ej-consulta-secop .cs-ver:hover{background:var(--cs-papel)}
  #ej-consulta-secop .cs-ver[aria-expanded=true]:hover{background:var(--cs-marino)}}
#ej-consulta-secop .cs-panel .cs-datos{margin-top:4px;padding:20px 22px;background:var(--cs-papel)}
#ej-consulta-secop .cs-pedir-link{margin-top:22px}
#ej-consulta-secop .cs-zona-link{margin-top:14px}
#ej-consulta-secop .cs-zona-link:not([hidden]){animation:cs-abre 240ms var(--cs-out)}
@media (max-width:760px){#ej-consulta-secop .cs-ver{width:100%;justify-content:center}}
@media (prefers-reduced-motion:reduce){#ej-consulta-secop .cs-zona-link:not([hidden]){animation:cs-funde 200ms ease both}}

/* ==== GACETA (G2, aprobada 29-sep-2026) ==== */
/* Estilo «La gaceta» con tablero doble, elegido por Héctor tras ocho rondas («G2 se queda»). Generado desde
   diseno/prototipos/consulta-secop/armar_gaceta.py: si cambia, se regenera con herramientas de portado, no a mano.
   Sin 3D en el tablero: con perspectiva y rotateX, el Android de Héctor pintaba las celdas en blanco. */
#ej-consulta-secop ::selection{background:rgba(180,120,64,.24);color:inherit}
#ej-consulta-secop input{caret-color:var(--cs-cobre)}
#ej-consulta-secop :focus-visible{outline:2px solid var(--cs-cobre);outline-offset:3px}
#ej-consulta-secop .cs-ref,#ej-consulta-secop .cs-dato dd{font-variant-numeric:tabular-nums}

#ej-consulta-secop{--gaceta:#EFECE3;--tinta-g:#17181B;--ficha:#172036;--cs-tenue:#666C74}
#ej-consulta-secop .cs-form{position:relative;padding:0 clamp(22px,3.6vw,46px) clamp(24px,3vw,34px);border-radius:0;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='f'><feTurbulence type='fractalNoise' baseFrequency='0.012 0.35' numOctaves='2' seed='5'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23f)' opacity='0.05'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.055'/></svg>"),var(--gaceta);box-shadow:0 3px 6px -2px rgba(24,26,32,.10),0 22px 36px -24px rgba(24,26,32,.30)}
#ej-consulta-secop .cs-campo label,#ej-consulta-secop .cs-etq{color:var(--tinta-g)}
#ej-consulta-secop .cs-campo input[type=text],#ej-consulta-secop .cs-campo select{box-shadow:inset 0 -1px 0 rgba(23,24,27,.7)}
#ej-consulta-secop .cs-campo input[type=text]:focus,#ej-consulta-secop .cs-campo select:focus{box-shadow:inset 0 -2px 0 var(--cs-cobre)}
#ej-consulta-secop .cs-buscar{background:var(--tinta-g);box-shadow:0 3px 0 0 var(--cs-cobre);border-radius:0}
/* la cabecera de la edición: número, título y fecha; doble filete grueso-fino debajo */
#ej-consulta-secop .op-cabecera{display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;gap:12px;padding:18px 0 12px;
  border-bottom:3px solid var(--tinta-g);box-shadow:0 4px 0 -3px var(--gaceta),0 5px 0 -3px var(--tinta-g);margin-bottom:26px;
  font:500 12px/1.3 'Public Sans',sans-serif;color:var(--tinta-g);font-variant-numeric:tabular-nums}
#ej-consulta-secop .op-cabecera strong{font:400 clamp(20px,2.1vw,26px)/1 'Libre Caslon Display',Georgia,serif;letter-spacing:.01em;text-align:center}
#ej-consulta-secop .op-cabecera span:last-child{text-align:right}
#ej-consulta-secop .op-cabecera b{font-weight:700;color:var(--cs-cobre)}
/* el tablero de persianas: lo escrito cae letra por letra */
#ej-consulta-secop .op-tablero{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 20px;min-height:52px}
/* Sin 3D (29-sep): con perspectiva, rotateX y backface-visibility, el Android de Héctor pintaba las celdas como cajas blancas
   (capas que la tarjeta gráfica no compone, dentro del marco reducido). La caída es 2D: la letra se abre desde el pliegue. */
#ej-consulta-secop .op-celda{position:relative;width:34px;height:50px;border-radius:3px;
  background:linear-gradient(180deg,#23304D 0%,#1A2440 49.5%,#0F1628 50.5%,var(--ficha) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 2px 3px rgba(15,22,40,.35),0 1px 0 rgba(255,255,255,.4)}
#ej-consulta-secop .op-celda::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.55);box-shadow:0 1px 0 rgba(255,255,255,.06)}
#ej-consulta-secop .op-celda i{position:absolute;inset:0;display:grid;place-items:center;font:600 26px/1 'Public Sans',sans-serif;color:#F2EDE1;font-style:normal;
  transform-origin:50% 50%}
#ej-consulta-secop .op-celda.espacio{background:transparent;box-shadow:none;width:14px}
#ej-consulta-secop .op-celda.espacio::after{display:none}
#ej-consulta-secop .op-celda.vacia i{color:rgba(242,237,225,.12)}
#ej-consulta-secop .op-tablero.menor{min-height:38px;gap:3px}
#ej-consulta-secop .op-tablero.menor .op-celda{width:21px;height:32px;border-radius:2px}
#ej-consulta-secop .op-tablero.menor .op-celda i{font-size:16px}
#ej-consulta-secop .op-tablero.menor .op-celda.espacio{width:8px}
@media (prefers-reduced-motion:no-preference){#ej-consulta-secop .op-celda i.cae{animation:op-cae 260ms cubic-bezier(.3,.7,.2,1) both;animation-delay:calc(var(--k,0) * 28ms)}}
@keyframes op-cae{0%{transform:scaleY(0);opacity:.3}65%{transform:scaleY(1.08);opacity:1}100%{transform:scaleY(1)}}
/* la lectura: cómo se ayudan las dos pistas */
#ej-consulta-secop .op-lee{margin:18px 0 0;min-height:1.5em;font:italic 400 15.5px/1.5 'Aleo',Georgia,serif;color:var(--cs-gris)}
#ej-consulta-secop .op-lee b{font-style:normal;font-weight:600;color:var(--tinta-g)}
@media (prefers-reduced-motion:no-preference){#ej-consulta-secop .op-lee span.nueva{display:inline-block;animation:op-lee 260ms var(--cs-out) both}}
@keyframes op-lee{from{opacity:0;transform:translateY(4px);filter:blur(2px)}}
/* los resultados: asientos de la gaceta, con su número de orden */
#ej-consulta-secop .cs-resultados{counter-reset:asiento;margin-top:14px;padding:0 clamp(22px,3.6vw,46px);background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='f'><feTurbulence type='fractalNoise' baseFrequency='0.012 0.35' numOctaves='2' seed='5'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23f)' opacity='0.05'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.055'/></svg>"),var(--gaceta)}
#ej-consulta-secop .cs-resultados > li.cs-item{counter-increment:asiento;border:0;border-top:1px solid rgba(23,24,27,.35);padding:22px 0 22px 52px;position:relative}
#ej-consulta-secop .cs-resultados > li.cs-item:first-child{border-top:0}
#ej-consulta-secop .cs-resultados > li.cs-item::before{content:"N.º " counter(asiento);position:absolute;left:0;top:25px;font:700 11.5px/1 'Public Sans',sans-serif;
  color:var(--cs-cobre);font-variant-numeric:tabular-nums}
#ej-consulta-secop .cs-objeto{font-weight:500}
#ej-consulta-secop .cs-tira{background:rgba(255,255,255,.55);box-shadow:none;border-top:1px solid var(--tinta-g);padding:16px 18px}
#ej-consulta-secop .cs-link{box-shadow:0 3px 0 0 var(--tinta-g)}
@media (max-width:760px){
  /* en el celular la lectura en cursiva ya explica cada campo: la ayuda sobra; la cabecera, en dos líneas */
  #ej-consulta-secop .op-cabecera{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 10px;padding:14px 0 10px;margin-bottom:18px;font-size:11px}
  #ej-consulta-secop .op-cabecera strong{order:-1;flex-basis:100%;font-size:20px}
  #ej-consulta-secop .op-tablero{margin-bottom:14px}
  #ej-consulta-secop .cs-fila,#ej-consulta-secop .cs-fila-2{gap:18px}
  #ej-consulta-secop .op-lee{font-size:14.5px}
  #ej-consulta-secop .op-celda{width:24px;height:36px}
  #ej-consulta-secop .op-celda i{font-size:18px}
  #ej-consulta-secop .op-celda.espacio{width:8px}
  #ej-consulta-secop .op-tablero.menor .op-celda{width:17px;height:26px}
  #ej-consulta-secop .op-tablero.menor .op-celda i{font-size:13px}
  #ej-consulta-secop .cs-resultados > li.cs-item{padding-left:0;padding-top:40px}
  #ej-consulta-secop .cs-resultados > li.cs-item::before{top:20px}
}

/* solo la fila de los dos tableros se alinea por abajo; la del lugar (depto, ciudad, entidad) va por arriba */
#ej-consulta-secop .cs-fila:not(.cs-fila-2):not(.cs-fila-lugar){align-items:end}
#ej-consulta-secop .cs-fila:not(.cs-fila-2) .op-tablero{margin:0 0 14px}
/* ==== FIN GACETA ==== */

/* ==== PREGUNTAS FRECUENTES (H1, aprobada 29-sep-2026) ==== */
/* El texto bajo el cuadro, como preguntas desplegables en el lenguaje de la gaceta (Héctor: «H1 preguntas frecuentes»).
   Generado desde diseno/prototipos/consulta-secop/armar_texto.py. Este CSS solo carga en la página de la consulta,
   así que no toca las preguntas de Estudio de títulos. El texto sigue en el HTML: Google lo lee aunque esté cerrado. */
.articulo > h2#preguntas{position:relative;left:50%;width:min(992px,calc(100vw - 2 * var(--g,20px)));transform:translateX(-50%);max-width:none;
  margin:clamp(64px,8vw,96px) 0 0;padding:0 0 12px;border-bottom:3px solid #17181B;box-shadow:0 4px 0 -3px var(--papel),0 5px 0 -3px #17181B;
  font:400 clamp(26px,3vw,36px)/1.1 'Libre Caslon Display',Georgia,serif;letter-spacing:-.005em;color:#17181B;text-align:left}

.articulo{counter-reset:art}
.articulo > details.wp-block-details{counter-increment:art;position:relative;left:50%;width:min(992px,calc(100vw - 2 * var(--g,20px)));max-width:none;
  transform:translateX(-50%);border-bottom:1px solid rgba(23,24,27,.28)}
.articulo > details.wp-block-details summary{display:grid;grid-template-columns:64px minmax(0,1fr) 28px;align-items:baseline;gap:0 18px;
  padding:24px 0;cursor:pointer;list-style:none;font:400 clamp(19px,1.7vw,22px)/1.35 'Aleo',Georgia,serif;color:#17181B;text-align:left;
  transition:color 180ms ease}
.articulo > details.wp-block-details summary::-webkit-details-marker{display:none}
.articulo > details.wp-block-details summary::before{content:"Art. " counter(art);font:700 11.5px/1 'Public Sans',sans-serif;letter-spacing:.06em;
  color:#8A6A34;font-variant-numeric:tabular-nums;position:static;width:auto;height:auto;background:none;transform:none}
/* el «+» dibujado: dos trazos; al abrir, el vertical se acuesta y queda «−» */
.articulo > details.wp-block-details summary::after{content:"";justify-self:end;align-self:center;width:14px;height:14px;position:static;transform:none;
  background:linear-gradient(#8A6A34,#8A6A34) center/14px 1.5px no-repeat,linear-gradient(#8A6A34,#8A6A34) center/1.5px 14px no-repeat;
  transition:background-size 260ms cubic-bezier(.23,1,.32,1)}
.articulo > details.wp-block-details[open] summary::after{background-size:14px 1.5px,1.5px 0}
@media (hover:hover) and (pointer:fine){.articulo > details.wp-block-details summary:hover{color:#8A6A34}}
.articulo > details.wp-block-details summary:focus-visible{outline:2px solid #B47840;outline-offset:4px}
.articulo > details.wp-block-details > :not(summary){max-width:64ch;margin-left:82px}
.articulo > details.wp-block-details > p{margin:0 0 14px;font-size:17.5px;line-height:1.62;color:#2B2F35;text-align:justify;hyphens:auto}
.articulo > details.wp-block-details > ul{margin:0 0 14px;padding-left:1.1em}
.articulo > details.wp-block-details > ul li{margin:6px 0;font-size:17px;line-height:1.55;text-align:justify;hyphens:auto}
.articulo > details.wp-block-details[open]{padding-bottom:18px}
@media (prefers-reduced-motion:no-preference){.articulo > details.wp-block-details[open] > :not(summary){animation:op-abre 320ms cubic-bezier(.23,1,.32,1) both}}
@keyframes op-abre{from{opacity:0;transform:translateY(-6px)}}
@media (max-width:700px){
  .articulo > details.wp-block-details summary{grid-template-columns:minmax(0,1fr) 24px;gap:8px 12px;padding:20px 0}
  .articulo > details.wp-block-details summary::before{grid-column:1 / -1}
  .articulo > details.wp-block-details > :not(summary){margin-left:0}
}
/* ==== FIN PREGUNTAS ==== */