/* KAIA · registro de concesionarias y talleres (etapa 3). Va sobre activar.css, sin scripts en línea. */
main{align-items:start}
main.una-columna{grid-template-columns:minmax(0,640px);justify-content:center}
.aviso-pista{margin-top:8px}
.presentacion .honesto{margin:0 0 14px;padding:12px 14px;border-left:3px solid var(--verde);background:#fff;border-radius:0 9px 9px 0;font-size:14px;line-height:1.6;color:#33444f}
.presentacion .nota-pres{font-size:13px;color:#566773}
.grupo{border:0;margin:0 0 6px;padding:0;min-width:0}
.grupo legend{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--verde);padding:0;margin:24px 0 2px;border-top:1px solid var(--borde);padding-top:18px;width:100%}
.grupo:first-of-type legend{border-top:0;padding-top:0;margin-top:14px}
.etiqueta-campo{font-size:13px;font-weight:700;margin:12px 0 4px}
.tipos{display:flex;gap:12px;flex-wrap:wrap}
.tipos .opcion{flex:1 1 150px;border:1px solid #bcc9d3;border-radius:9px;padding:12px 14px;margin:0;font-weight:600;align-items:center;cursor:pointer;background:#fff}
.tipos .opcion:focus-within{outline:3px solid #79a4c4;outline-offset:2px}
.check input[type=radio],.check input[type=checkbox]{display:inline-block;width:18px;min-height:0;height:18px;padding:0;margin:2px 0;flex:none}
.aviso-ambar{font-size:13px;background:#fff7e0;color:#6b4a00;border:1px solid #f0d58a;border-radius:9px;padding:12px 14px;margin:0 0 10px}
.aviso-ambar .texto{display:inline;padding:0 0 0 6px;font-weight:700}
.ya-envie{font-size:14px;margin:0 0 16px;padding:10px 14px;border:1px solid var(--borde);border-radius:9px;background:#fafaf8;color:#33444f}
.ya-envie .texto{display:inline;width:auto;min-height:0;padding:0 0 0 6px;font-weight:700;color:var(--verde);background:none;border:0;text-decoration:underline;cursor:pointer;font:inherit}
.trampa{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
details.aviso{border:1px solid var(--borde);border-radius:10px;padding:12px 14px;margin:18px 0 6px;background:#fafaf8}
details.aviso summary{margin-bottom:6px}
.aviso-texto{max-height:260px;overflow:auto;font-size:12.5px;line-height:1.6}
.aviso-texto p{margin:0 0 10px}
.aviso-texto:focus-visible{outline:3px solid #79a4c4;outline-offset:2px}
.codigo-caja{margin:16px 0 8px;padding:16px;border:2px dashed var(--verde);border-radius:12px;text-align:center;background:#f4f8fb}
.codigo-caja .etiqueta{display:block;margin-bottom:8px}
.codigo{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(26px,7vw,34px);letter-spacing:.14em;color:var(--tinta);overflow-wrap:anywhere}
.acciones{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:22px}
.acciones .primario,.acciones .secundario{flex:1 1 180px;margin-top:0;width:auto}
.secundario{display:block;text-align:center;border:1px solid var(--verde);background:#fff;color:var(--verde);text-decoration:none;border-radius:9px;min-height:48px;padding:13px 16px;font-weight:700;font:inherit;cursor:pointer}
.bloque-codigo{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--borde)}
.bloque-codigo .secundario{width:100%;margin-top:10px}
#error-codigo{font-size:13px;background:#fff0ed;color:#9d2f1d;padding:12px;border-radius:8px}
#cargando{min-height:120px}
.tarjeta a:not(.primario):not(.secundario){color:var(--verde)}
@media(max-width:820px){.aviso-texto{max-height:none;overflow:visible}.aviso-pista{display:none}main.una-columna{grid-template-columns:none}main{padding:10px 20px}.tarjeta{padding:22px 18px}.tipos .opcion{flex-basis:100%}.acciones .primario,.acciones .secundario{flex-basis:100%}}
@media(prefers-reduced-motion:no-preference){.secundario{transition:background .15s}.secundario:hover{background:#eef3f7}}
