:root{--naranja:#ff5a00;--naranja-hover:#e85100;--naranja-suave:#fff0e8;--negro:#111;--fondo:#f5f4f0;--blanco:#fff;--texto:#111;--texto-suave:#6b6b6b;--borde:#e4e2dc;--error:#d92d20;--error-suave:#fef3f2;--exito:#16a34a;--radio:8px;--radio-tarjeta:14px;color:var(--texto);background:var(--fondo);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}body{background:var(--fondo);min-height:100vh;margin:0}button,input,textarea,select{font:inherit;color:inherit}.etiqueta-seccion{letter-spacing:.04em;text-transform:uppercase;color:var(--naranja);margin:0 0 6px;font-size:12px;font-weight:700}.boton-primario{border-radius:var(--radio);background:var(--naranja);width:100%;height:48px;color:var(--blanco);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:700;transition:background .15s;display:inline-flex}.boton-primario:hover:not(:disabled){background:var(--naranja-hover)}.boton-primario:disabled{opacity:.55;cursor:not-allowed}.boton-primario:focus-visible,.enlace:focus-visible{outline:3px solid color-mix(in srgb, var(--naranja) 35%, transparent);outline-offset:2px}.enlace{color:var(--naranja);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:none}.mensaje-error{border-radius:var(--radio);background:var(--error-suave);color:var(--error);margin:0;padding:10px 12px;font-size:14px}.visualmente-oculto{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.boton-primario--auto{width:auto;height:42px;padding:0 20px;font-size:15px}.boton-secundario{border-radius:var(--radio);height:42px;color:var(--texto);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0 18px;font-size:15px;font-weight:500;display:inline-flex}.boton-secundario:hover{background:var(--fondo)}.boton-secundario:focus-visible{outline:3px solid color-mix(in srgb, var(--naranja) 35%, transparent);outline-offset:2px}.form-etiqueta{margin:0 0 8px;font-size:14px;font-weight:500}.form-opcional{color:var(--texto-suave);font-weight:400}.form-campo{border:1px solid var(--borde);border-radius:var(--radio);background:var(--blanco);outline:0;width:100%;margin-bottom:18px;padding:12px 16px;font-size:15px;transition:border-color .15s,box-shadow .15s}.form-campo::placeholder{color:#8a8a8a}.form-campo:focus{border-color:var(--naranja);box-shadow:0 0 0 3px var(--naranja-suave)}textarea.form-campo{resize:vertical;min-height:96px}.form-campo--error,.form-campo--error:focus{border-color:var(--error);box-shadow:0 0 0 3px var(--error-suave);margin-bottom:6px}.form-error{color:var(--error);margin:0 0 16px;font-size:13px}.form-ayuda{color:var(--texto-suave);margin:-10px 0 18px;font-size:13px}.aviso-exito{border-radius:var(--radio);color:#15803d;background:#e7f6ec;margin:-12px 0 20px;padding:10px 14px;font-size:14px;font-weight:500}.herramientas{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.tabla-contenedor{border:1px solid var(--borde);border-radius:var(--radio-tarjeta);background:var(--blanco);overflow:hidden}.tabla-desplazable{overflow-x:auto}.tabla{border-collapse:collapse;width:100%;font-size:14px;transition:opacity .15s}.tabla--cargando{opacity:.55}.tabla th{border-bottom:1px solid var(--borde);color:var(--texto-suave);text-align:left;white-space:nowrap;background:#fafaf8;padding:14px 20px;font-size:13px;font-weight:500}.tabla td{color:#333;white-space:nowrap;border-bottom:1px solid #efede8;padding:16px 20px}.tabla tbody tr:last-child td{border-bottom:0}.tabla tbody tr:hover td{background:#fcfbf9}.tabla .celda-principal{color:var(--texto);font-weight:700}.tabla .celda-secundaria{color:var(--texto-suave)}.tabla .celda-vacia{color:#9a9a9a;font-style:italic}.tabla-mensaje{color:var(--texto-suave);text-align:center;margin:0;padding:48px 24px;font-size:14px}.boton-tabla{border:1px solid var(--borde);border-radius:var(--radio);background:var(--blanco);height:32px;color:var(--texto);cursor:pointer;padding:0 12px;font-size:13px;font-weight:500}.boton-tabla:hover{background:var(--fondo);border-color:#cfccc4}.boton-tabla:focus-visible{outline:2px solid var(--naranja);outline-offset:2px}@media (width<=768px){.tabla th,.tabla td{padding-inline:16px}}
