/* Estilos exclusivos de las páginas de juzgado (juzgados/*.html) -- 315
   despachos del Eje Cafetero (Caldas, Risaralda, Quindío). Son las más
   delgadas del sitio en cuanto a datos propios (un solo despacho), así
   que la maquetación no intenta imitar una tabla de fichas: es una
   tarjeta de datos, una frase de estado, y dos apartados de contexto
   sobre la especialidad.

   Cabecera: quinta pasada, y la última sobre este punto. Las cuatro
   anteriores tocaron algún valor propio para juzgado (font-size,
   relleno, márgenes, una clase .hero-juz aparte) tratando de igualar
   "a ojo" el tamaño con el de ciudad/departamento -- pedido explícito
   ahora: en vez de ajustar valores, la cabecera de juzgado ES,
   literalmente, la misma marcación que la de cobertura-caldas.html
   (mismo id de sección, #cob-hero; mismas dos clases en el contenedor,
   hero-cob hero-dep, sin una tercera clase propia; ver generate.js).
   Por eso este archivo ya NO lleva ninguna regla para la cabecera --
   toda su apariencia (tamaño de letra, relleno vertical, el hueco
   comprimido hacia la sección siguiente vía #cob-hero+section en
   styles.css) sale entera de cobertura.css y departamento.css, las
   mismas hojas que ya usan ciudad y departamento, sin excepción alguna
   para juzgado. Lo único que cambia entre los tres tipos de página es
   el contenido de la etiqueta, el título y el resumen -- nunca la
   marcación ni el CSS que los viste. */

.juz-card{max-width:640px;margin:0 auto 14px;border:1px solid var(--card-line);
  border-radius:var(--card-radius);background:var(--charcoal);box-shadow:var(--card-shadow);
  padding:2px 20px}
.juz-row{display:flex;align-items:baseline;gap:14px;padding:9px 0;
  border-bottom:1px solid var(--line-soft)}
.juz-row:last-child{border-bottom:none}
.juz-row-label{flex:none;width:130px;font-size:12px;color:var(--faint)}
.juz-row-value{font-size:13.5px;color:var(--ink);font-weight:500;min-width:0;overflow-wrap:break-word}
.juz-row-value a{color:var(--indigo-bright);text-decoration:none}
.juz-row-value a:hover{text-decoration:underline}

.juz-estado-frase{max-width:640px;margin:0 auto 10px;font-size:14.5px;color:var(--ink-2);line-height:1.6}

/* Botón a Publicaciones Procesales: acción secundaria (es un enlace a
   otro sitio, no el CTA de la página), pero usa btn-primary como
   cualquier otro botón principal del sitio -- ya no existe una clase
   btn-flat-indigo aparte para esto. Este mismo botón fue, de hecho, la
   referencia que se tomó para unificar btn-primary en todo el sitio
   (septiembre 2026, ver la nota junto a .btn en assets/styles.css): antes
   era al revés (una clase propia aquí, .btn-flat-indigo, plana, distinta
   del degradado que llevaba btn-primary en el resto del sitio) -- ahora
   btn-primary ES ese acabado plano en todas partes, así que esta página
   ya no necesita nada especial, ni siquiera el font-size que llevaba
   .juz-cta .btn (13.5px): es el valor base de .btn en todo el sitio
   ahora. Solo se imprime en las páginas de despacho que sí publican
   (con/sin identificador); ver generate.js.

   Segunda pasada (septiembre 2026): el CTA de registro ya no vive en una
   tarjeta aparte arriba -- eso le quitaba protagonismo a "Ver estados
   electrónicos", que es lo que la gente viene a buscar. Ahora los dos
   botones van uno junto al otro, en el mismo lugar de siempre: ambos en
   btn-primary (índigo sólido), distinguibles por su ícono y su texto, no
   por un color secundario -- "Ver estados electrónicos" con la flecha de
   enlace externo (se va a otro sitio), "Empezar gratis" con la flecha
   simple que ya usan otros CTA primarios del sitio (una acción interna).
   La frase de persuasión es una sola línea junto a los botones, no una
   tarjeta que ocupe espacio. */
.juz-cta{max-width:640px;margin:0 auto 20px}
.juz-cta-acts{display:flex;flex-wrap:wrap;gap:12px}
.juz-cta-note{margin-top:10px;font-size:12px;color:var(--faint);line-height:1.6}
.juz-cta-persuasion{margin-top:12px;font-size:13.5px;color:var(--ink-2);line-height:1.6}

.juz-info{max-width:640px;margin:0 auto 28px}
.juz-info h2{font-size:16px;font-weight:600;color:var(--ink);letter-spacing:-.01em;margin:20px 0 8px}
.juz-info h2:first-child{margin-top:0}
.juz-info p{font-size:14px;color:var(--muted);line-height:1.7}

.juz-back{max-width:640px;margin:0 auto;padding-top:12px;border-top:1px solid var(--line-soft)}
.juz-back a{font-size:13.5px;color:var(--indigo-bright);text-decoration:none}
.juz-back a:hover{text-decoration:underline}

/* Versión compacta del CTA de registro, al final de la página (sin
   cambios en esta pasada): mismo fondo índigo tenue que ya usa .cob-note
   en cobertura.css (rgba(79,70,229,.045) sobre borde rgba(79,70,229,.18))
   -- el mismo lenguaje que otros bloques destacados del sitio. La
   tarjeta grande que iba arriba, entre los datos del despacho y "Ver
   estados electrónicos", se quitó: le restaba protagonismo al botón que
   la gente viene a buscar (ver la nota junto a .juz-cta-acts). */
.juz-signup{max-width:640px;margin:0 auto 20px;background:rgba(79,70,229,.045);
  border:1px solid rgba(79,70,229,.18);border-radius:12px;padding:24px;text-align:center}
.juz-signup p{font-size:14px;color:var(--ink-2);line-height:1.6;margin-top:8px;max-width:440px;margin-left:auto;margin-right:auto}

.juz-signup--sm{display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:16px 20px;text-align:left;margin-top:28px}
.juz-signup--sm p{margin:0;font-size:13.5px;color:var(--ink-2);max-width:none}
.juz-signup--sm p b{color:var(--ink);font-weight:600}
.juz-signup--sm .btn{margin-top:0;flex:none}

@media (max-width:640px){
  .juz-row{flex-direction:column;gap:2px}
  .juz-row-label{width:auto}
  .juz-cta-acts{flex-direction:column}
  .juz-cta-acts .btn{width:100%;justify-content:center}
  .juz-signup--sm .btn{width:100%;justify-content:center}
  .juz-signup--sm{flex-direction:column;align-items:stretch;text-align:center;gap:12px}
}