/* /kit-digital/ (oct-2026): la página pública que Red.es pide al solicitante de la
   adhesión al Catálogo de Agentes Digitalizadores. Va encima de v4-legal.css (índice
   lateral, texto, ficha) y debajo de v4-web.css (la piel), así que aquí sólo lo propio:
   el sello del estado, las tarjetas de cada categoría y la tabla de segmentos. */

/* ── Hero ─────────────────────────────────────────── */
.kd-hero .lead{max-width:760px;margin-top:20px;font-size:18px;line-height:1.6;color:var(--tinta-2)}
.kd-estado{display:inline-flex;align-items:center;gap:10px;margin-top:26px;padding:10px 16px 10px 14px;border-radius:999px;font:500 14px/1.3 var(--disp);background:var(--ambar-f);color:var(--ambar-tx)}
.kd-estado::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 22%,transparent)}
.kd-estado.e-solicitada{background:var(--azul-f);color:var(--azul-tx)}
.kd-estado.e-adherido{background:var(--verde-f);color:var(--verde-tx)}

/* ── Bloques de texto ─────────────────────────────── */
.legal-texto .kd-aviso{margin:18px 0;padding:16px 18px;border-radius:var(--r-caja);background:var(--sup);border-left:3px solid var(--ambar);font-size:15.5px;line-height:1.65}
.legal-texto .kd-aviso.e-solicitada{border-left-color:var(--azul)}
.legal-texto .kd-aviso.e-adherido{border-left-color:var(--verde)}
.legal-texto .kd-nota{font-size:14px;line-height:1.6;color:var(--tinta-3);margin-top:12px}
.legal-texto .kd-pasos{counter-reset:p;list-style:none;padding-left:0}
.legal-texto .kd-pasos li{counter-increment:p;position:relative;padding-left:40px;margin:12px 0}
.legal-texto .kd-pasos li::before{content:counter(p);position:absolute;left:0;top:.1em;width:26px;height:26px;border-radius:50%;background:var(--sup-3);color:var(--tinta);font:600 13px/26px var(--disp);text-align:center}

/* Tablas: con scroll propio en móvil, nunca de la página entera. El min-width:0 de las
   columnas es lo que lo permite: sin él, el ancho mínimo de la tabla estira la rejilla. */
.legal>*{min-width:0}
.kd-tabla{overflow-x:auto;margin:20px 0;border-radius:var(--r-caja);border:1px solid var(--linea)}
.legal-texto .kd-tabla table{margin:0;border:0;min-width:460px}
.legal-texto .kd-tabla tr:last-child td{border-bottom:0}
.legal-texto .kd-tabla td b{white-space:nowrap}

/* ── Categorías ───────────────────────────────────── */
.kd-cat{margin:22px 0 28px;padding:clamp(20px,3vw,30px);border-radius:var(--r-gran);background:var(--sup)}
.kd-cat+.kd-cat{margin-top:16px}
.kd-cat-cab{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px 16px}
.legal-texto .kd-cat h3{margin:0;font:600 clamp(20px,2.2vw,24px)/1.2 var(--disp);letter-spacing:-.02em;scroll-margin-top:96px}
.kd-cat .kd-etq{font:500 12.5px/1 var(--disp);padding:7px 11px;border-radius:999px;background:var(--verde-f);color:var(--verde-tx);white-space:nowrap}
.kd-cat .kd-nombre{margin-top:6px;font-size:14.5px;color:var(--tinta-3)}
.kd-cat .kd-nombre b{color:var(--tinta-2);font-weight:500}
.legal-texto .kd-cat p.kd-desc{margin-top:14px}
.legal-texto .kd-cat h4{margin:22px 0 8px;font:600 13px/1.3 var(--disp);letter-spacing:.02em;color:var(--tinta)}
.legal-texto .kd-req{width:100%;border-collapse:collapse;font-size:14.5px;margin:0}
.kd-cat .kd-tabla{background:var(--fondo)}
.legal-texto .kd-req td:first-child{width:44%;color:var(--tinta)}
.kd-datos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px}
.kd-datos div{background:var(--fondo);border-radius:var(--r-campo);padding:12px 14px;font-size:14px;line-height:1.5}
.kd-datos span{display:block;font-size:12px;color:var(--tinta-3);margin-bottom:4px}
.kd-datos b{color:var(--tinta);font-weight:500}

/* Las que NO ofrecemos: más apagadas, en rejilla compacta. */
.kd-no{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0}
.kd-no div{background:var(--sup);border-radius:var(--r-caja);padding:14px 16px;font-size:14.5px;line-height:1.55}
.kd-no b{display:block;color:var(--tinta);font-weight:500;margin-bottom:4px}
.kd-no span{color:var(--tinta-3)}

/* ── Contacto ─────────────────────────────────────── */
.kd-contacto{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.legal-texto .kd-contacto a{text-decoration:none}

/* ── Tira de logos de los fondos (cabecera; obligatoria desde la solicitud) ──
   El PNG oficial es oscuro sobre transparente: necesita fondo blanco para leerse. */
.kd-logos{margin:0 0 clamp(28px,4vw,44px);padding:clamp(10px,1.6vw,18px) clamp(12px,2.4vw,28px);border-radius:var(--r-caja);background:#fff}
.kd-logos img{display:block;width:100%;max-width:1100px;height:auto;margin:0 auto}

@media (max-width:860px){
  .kd-datos{grid-template-columns:1fr}
  .kd-no{grid-template-columns:1fr}
  .legal-texto .kd-req td:first-child{width:auto}
}

/* Móvil: la tabla de requisitos se apila (requisito encima, cómo lo cumplimos debajo)
   en vez de obligar a desplazar de lado dos columnas de texto largo. */
@media (max-width:600px){
  .legal-texto .kd-tabla table.kd-req{min-width:0}
  .kd-req thead{display:none}
  .kd-req tr{display:block;padding:12px 14px;border-bottom:1px solid var(--linea)}
  .kd-req tr:last-child{border-bottom:0}
  .legal-texto .kd-req td{display:block;padding:0;border:0}
  .legal-texto .kd-req td+td{margin-top:6px;color:var(--tinta-3)}
}