/* Ruta ZBE: estilo del comprobador. Solo usa las variables comunes. */
.comp{max-width:620px}
.comp .campo{display:flex;flex-direction:column;gap:6px;margin:0 0 16px}
.comp label{font:500 11px/1.4 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--meta)}
.comp select{padding:14px 16px;border:1px solid var(--campo);border-radius:var(--radio);background:var(--fondo);color:var(--tinta);font:400 15px Sora,system-ui,sans-serif;width:100%;box-sizing:border-box;min-width:0}
.comp .par{display:grid;gap:0 16px}
@media(min-width:620px){.comp .par{grid-template-columns:1fr 1fr}}
.comp-res{margin:24px 0 0;padding:20px 22px;border-left:4px solid var(--marca);background:var(--panel)}
.comp-res[data-estado="no"]{border-left-color:var(--error)}
.comp-res[data-estado="condicionado"],.comp-res[data-estado="sin-dato"]{border-left-color:var(--acento)}
.comp-res p{margin:0 0 10px}
.comp-estado{font:500 11px/1.4 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--meta)}
.comp-titulo{font-size:20px;font-weight:600;color:var(--tinta);letter-spacing:-.02em}
.comp-peq{font-size:13.5px;color:var(--suave)}
.comp-error{color:var(--error);font-weight:600}
.tabla-zonas{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0 0}
.tabla-zonas th{text-align:left;font:500 11px/1.4 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--meta);padding:8px 10px;border-bottom:1px solid var(--campo)}
.tabla-zonas td{padding:10px;border-bottom:1px solid var(--linea);color:var(--tinta);vertical-align:top}
@media(max-width:560px){.tabla-zonas .oculta{display:none}}