/* Ajustes, rediseñado (18/10/2026, solo en local). Ver ajustes-nuevo.js.
   Fondo neutro, tarjetas blancas con borde #E5E7EB, filas con el título a
   la izquierda y el control a la derecha. Esquinas rectas como el resto de
   la web, salvo los interruptores, que son píldoras por naturaleza. */
.ajx-activo {
  --ax-borde: #E5E7EB; --ax-linea: #F1F5F9; --ax-fondo: #F8FAFC; --ax-tinta: #0F172A; --ax-tinta-2: #475569; --ax-suave: #64748B; --ax-azul: #2563EB;
}
:root[data-tema="oscuro"] .ajx-activo { --ax-borde: var(--border); --ax-linea: rgba(255,255,255,.06); --ax-fondo: rgba(255,255,255,.03); --ax-tinta: #F4F5F7; --ax-tinta-2: #A7B0BE; --ax-suave: #8B93A1; --ax-azul: #60A5FA; }

/* La barra de guardar, arriba y discreta. */
.ajx-activo > .aj-barra { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-bottom: 18px; padding: 10px 14px; background: var(--surface); border: 1px solid var(--ax-borde); box-shadow: 0 1px 2px rgba(15,23,42,.04); }
.ajx-activo > .aj-barra .aj-barra-txt { margin-right: auto; font-size: 12.5px; color: var(--ax-tinta-2); }

/* Dos columnas, como los Ajustes del iPad: la lista y la página. */
.ajx { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 28px; align-items: start; }
.ajx-menu { position: sticky; top: 70px; display: flex; flex-direction: column; gap: 14px; max-height: calc(100vh - 90px); overflow-y: auto; padding-bottom: 12px; }
.ajx-busca { display: flex; align-items: center; gap: 8px; padding: 0 11px; height: 36px; color: var(--ax-suave); background: var(--surface); border: 1px solid var(--ax-borde); }
.ajx-busca:focus-within { border-color: var(--ax-suave); box-shadow: 0 0 0 3px rgba(15,23,42,.06); }
.ajx-busca input { flex: 1; min-width: 0; height: 100%; padding: 0; font: inherit; font-size: 13.5px; color: var(--ax-tinta); background: transparent; border: 0; outline: none; box-shadow: none; }
.ajx-lista { display: flex; flex-direction: column; gap: 14px; }
.ajx-nada { margin: 6px 4px; font-size: 13px; line-height: 1.5; color: var(--ax-suave); }

/* Tu tarjeta, arriba, como el Apple ID. */
.ajx-yo { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 14px; font: inherit; text-align: left; color: var(--ax-tinta); background: var(--surface); border: 1px solid var(--ax-borde); cursor: pointer; }
.ajx-yo-foto { width: 42px; height: 42px; flex: 0 0 auto; display: grid; place-items: center; overflow: hidden; font-size: 14px; font-weight: 650; color: #fff; background: #475569; border-radius: 999px !important; }
.ajx-yo-foto img { width: 100%; height: 100%; object-fit: cover; }
.ajx-yo-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.ajx-yo-txt b { font-size: 14.5px; font-weight: 650; }
.ajx-yo-txt small { font-size: 12px; color: var(--ax-suave); }

/* Cada grupo, un bloque blanco; cada página, una fila. */
.ajx-grupo { display: flex; flex-direction: column; background: var(--surface); border: 1px solid var(--ax-borde); }
.ajx-op { position: relative; display: flex; align-items: center; gap: 11px; width: 100%; min-height: 44px; padding: 7px 12px; font: inherit; text-align: left; color: var(--ax-tinta); background: transparent; border: 0; cursor: pointer; transition: background .12s; }
.ajx-op + .ajx-op::before { content: ""; position: absolute; top: 0; left: 50px; right: 0; height: 1px; background: var(--ax-linea); }
.ajx-op:hover, .ajx-yo:hover { background: var(--ax-fondo); }
.ajx-op.activa, .ajx-yo.activa { background: #EEF2F7; }
:root[data-tema="oscuro"] .ajx-op.activa, :root[data-tema="oscuro"] .ajx-yo.activa { background: rgba(255,255,255,.07); }
.ajx-op:focus-visible, .ajx-yo:focus-visible { outline: 2px solid var(--ax-tinta); outline-offset: -2px; }
.ajx-op-ico { width: 28px; height: 28px; flex: 0 0 auto; display: grid; place-items: center; color: #fff; background: #64748B; }
.ajx-op-ico.grande { width: 36px; height: 36px; }
.ajx-op-ico.grande svg { width: 19px; height: 19px; }
.c-pizarra { background: #64748B !important; } .c-azul { background: #2563EB !important; } .c-verde { background: #16A34A !important; }
.c-violeta { background: #7C3AED !important; } .c-naranja { background: #EA580C !important; } .c-ambar { background: #D97706 !important; }
.c-cian { background: #0891B2 !important; } .c-rojo { background: #DC2626 !important; }
.ajx-op-nom { flex: 1; min-width: 0; font-size: 13.5px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ajx-op-val { max-width: 45%; font-size: 12.5px; color: var(--ax-suave); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ajx-op-flecha { flex: 0 0 auto; font-size: 18px; line-height: 1; color: #94A3B8; }

.ajx-panel { min-width: 0; display: flex; flex-direction: column; gap: 18px; scroll-margin-top: 140px; }
.ajx-volver { display: none; align-self: flex-start; padding: 6px 0; font: inherit; font-size: 15px; font-weight: 500; color: var(--ax-azul); background: none; border: 0; cursor: pointer; }
.ajx-miga { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--ax-suave); }
.ajx-miga b { font-weight: 600; color: var(--ax-tinta); }
.ajx-cab-tit { display: flex; align-items: center; gap: 12px; margin-top: 12px; }
.ajx-cab h2 { margin: 0; font-size: 24px; font-weight: 650; letter-spacing: -0.02em; color: var(--ax-tinta); }

/* Número con su unidad: «45 días». */
.ajx-tarjeta .ajx-num { display: flex; align-items: center; gap: 8px; font-weight: 400; }
.ajx-tarjeta .ajx-num input { max-width: 110px; text-align: right; font-variant-numeric: tabular-nums; }
.ajx-tarjeta .ajx-num i { font-style: normal; font-size: 13px; color: var(--ax-suave); }
.ajx-tarjeta .ajx-acciones { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 22px; }
.ajx-grupo-tit { margin: 4px 4px -8px; font-size: 11.5px; font-weight: 500; letter-spacing: .02em; color: var(--ax-suave); }

/* «Más información»: lo largo, plegado. */
.ajx-mas { margin: 6px 22px 0; font-size: 13px; color: var(--ax-tinta-2); }
.ajx-mas > summary { display: inline-flex; align-items: center; gap: 4px; cursor: pointer; list-style: none; font-size: 12.5px; font-weight: 500; color: var(--ax-azul); }
.ajx-mas > summary::-webkit-details-marker { display: none; }
.ajx-mas > summary::after { content: "›"; transition: transform .15s; }
.ajx-mas[open] > summary::after { transform: rotate(90deg); }
.ajx-tarjeta .ajx-mas > .aj-nota { margin: 8px 0 0 !important; padding: 0 !important; font-size: 13px !important; line-height: 1.55; color: var(--ax-tinta-2) !important; max-width: 760px; }

/* Apariencia: tres miniaturas, como en el iPhone. */
.ajx-temas { display: flex; flex-wrap: wrap; gap: 18px; padding: 16px 22px 20px !important; margin: 0 !important; }
.ajx-tema { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 0; font: inherit; font-size: 13px; color: var(--ax-tinta); background: none; border: 0; cursor: pointer; }
.ajx-tema-vista { position: relative; display: block; width: 92px; height: 62px; border: 1px solid var(--ax-borde); outline: 2px solid transparent; outline-offset: 3px; }
.ajx-tema.activa .ajx-tema-vista { outline-color: var(--ax-azul); }
.ajx-tema.activa > span:last-child { font-weight: 600; }
.ajx-tema-vista i { position: absolute; left: 10px; height: 6px; }
.ajx-tema-vista i:nth-child(1) { top: 12px; width: 44px; } .ajx-tema-vista i:nth-child(2) { top: 26px; width: 66px; } .ajx-tema-vista i:nth-child(3) { top: 40px; width: 52px; }
.ajx-tema-claro { background: #F8FAFC; } .ajx-tema-claro i { background: #CBD5E1; }
.ajx-tema-oscuro { background: #16161C; } .ajx-tema-oscuro i { background: #3A3A46; }
.ajx-tema-sistema { background: linear-gradient(90deg, #F8FAFC 50%, #16161C 50%); } .ajx-tema-sistema i { background: #94A3B8; }

/* Una fila que lleva a otra pantalla. */
.ajx-fila-ir { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; padding: 13px 22px; font: inherit; font-size: 13.5px; text-align: left; color: var(--ax-tinta); background: none; border: 0; cursor: pointer; }
.ajx-fila-ir:hover { background: var(--ax-fondo); }
.ajx-fila-ir b { font-weight: 500; color: var(--ax-azul); }

.ajx-tarjetas { display: flex; flex-direction: column; gap: 18px; }

/* Una sección escondida lo está siempre, aunque su hoja le ponga display. */
.ajx-tarjeta[hidden] { display: none !important; }

/* Cada sección, una tarjeta: título y explicación arriba, filas debajo. */
.ajx-tarjeta.aj-seccion { margin: 0 !important; padding: 0 !important; background: var(--surface) !important; border: 1px solid var(--ax-borde) !important; box-shadow: 0 1px 2px rgba(15,23,42,.04) !important; overflow: visible; }
.ajx-tarjeta > .aj-tit { margin: 0 !important; padding: 18px 22px 4px !important; font-size: 15px !important; font-weight: 650 !important; letter-spacing: -0.01em; color: var(--ax-tinta) !important; border: 0 !important; background: none !important; }
.ajx-tarjeta > .aj-tit h2 { font-size: 15px !important; margin: 0 !important; }
.ajx-tarjeta > .aj-tit::before, .ajx-tarjeta > .aj-tit::after { display: none !important; }
.ajx-tarjeta > .aj-nota { margin: 0 !important; padding: 2px 22px 0 !important; max-width: 760px; font-size: 13px !important; line-height: 1.55; color: var(--ax-tinta-2) !important; }
.ajx-tarjeta > .aj-nota + :not(.aj-nota) { margin-top: 14px; }
.ajx-tarjeta > :last-child { margin-bottom: 0; }
.ajx-tarjeta > :not(.aj-tit):not(.aj-nota):not(.aj-rejilla):not(.pbx) { margin-left: 22px; margin-right: 22px; margin-bottom: 18px; }
.ajx-tarjeta > .aj-tit + :not(.aj-nota) { margin-top: 12px; }

/* Las filas: rejillas de campos pasan a una lista de filas. */
.ajx-tarjeta .aj-rejilla { display: flex !important; flex-direction: column; gap: 0 !important; margin: 12px 0 0 !important; border-top: 1px solid var(--ax-linea); }
.ajx-tarjeta .aj-campo, .ajx-tarjeta .frm-campo, .ajx-tarjeta .form-group {
  display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); align-items: center; gap: 16px;
  margin: 0 !important; padding: 13px 22px !important; border-bottom: 1px solid var(--ax-linea);
}
.ajx-tarjeta .aj-rejilla > :last-child, .ajx-tarjeta .aj-campo:last-child { border-bottom: 0; }
.ajx-tarjeta .aj-campo > span, .ajx-tarjeta .frm-campo > span, .ajx-tarjeta .form-group > label {
  font-size: 13.5px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--ax-tinta) !important; margin: 0 !important;
}
.ajx-tarjeta .aj-campo input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.ajx-tarjeta .aj-campo select, .ajx-tarjeta .aj-campo textarea,
.ajx-tarjeta .frm-campo input, .ajx-tarjeta .frm-campo textarea,
.ajx-tarjeta .form-group input, .ajx-tarjeta .form-group select, .ajx-tarjeta .form-group textarea {
  width: 100%; min-height: 36px; padding: 7px 11px; font: inherit; font-size: 13.5px; color: var(--ax-tinta); background: var(--surface); border: 1px solid var(--ax-borde); box-shadow: none; outline: none;
}
.ajx-tarjeta .aj-campo input:focus, .ajx-tarjeta .aj-campo textarea:focus, .ajx-tarjeta .frm-campo input:focus, .ajx-tarjeta .form-group input:focus, .ajx-tarjeta .form-group textarea:focus { border-color: var(--ax-suave); box-shadow: 0 0 0 3px rgba(15,23,42,.06); }
.ajx-tarjeta .aj-campo textarea, .ajx-tarjeta .form-group textarea { min-height: 76px; }
.ajx-tarjeta .aj-campo .cat-dd-wrap { width: 100%; }
/* Los campos de texto largo ocupan la fila entera. */
.ajx-tarjeta .form-group.full, .ajx-tarjeta .aj-campo:has(textarea) { grid-template-columns: 1fr; gap: 8px; }
/* La explicación de una opción va debajo de su título, a la izquierda; el
   control ocupa la derecha a la altura de los dos. */
.ajx-tarjeta .aj-campo:has(> em) { row-gap: 3px; }
.ajx-tarjeta .aj-campo > span { grid-column: 1; grid-row: 1; }
.ajx-tarjeta .aj-campo > em { grid-column: 1; grid-row: 2; font-style: normal; font-size: 12.5px; line-height: 1.45; color: var(--ax-suave); margin: 0 !important; }
.ajx-tarjeta .aj-campo > :not(span):not(em) { grid-column: 2; grid-row: 1; }
.ajx-tarjeta .aj-campo:has(> em) > :not(span):not(em) { grid-row: 1 / span 2; }
.ajx-tarjeta .aj-campo:has(textarea) > * { grid-column: 1; grid-row: auto; }
/* La firma va en dos columnas junto a su vista previa: ahí el título es
   corto y el campo se lleva el ancho. */
.ajx-tarjeta .frm-campos .frm-campo { grid-template-columns: 84px minmax(0, 1fr); gap: 12px; padding: 7px 0 !important; border-bottom: 0; }

/* Las casillas, interruptores: texto a la izquierda, el interruptor a la derecha. */
.ajx-tarjeta .aj-check { display: flex !important; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 16px; margin: 0 !important; padding: 13px 22px !important; font-size: 13.5px; color: var(--ax-tinta); border-bottom: 1px solid var(--ax-linea); cursor: pointer; }
.ajx-tarjeta .aj-check input[type="checkbox"], .ajx-interruptor {
  -webkit-appearance: none; appearance: none; position: relative; flex: 0 0 auto; width: 38px !important; height: 22px !important; min-width: 38px; margin: 0 !important; padding: 0 !important;
  background: #CBD5E1; border: 0; border-radius: 999px !important; cursor: pointer; transition: background .18s;
}
.ajx-tarjeta .aj-check input[type="checkbox"]::after, .ajx-interruptor::after {
  content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; background: #fff; border-radius: 999px !important; box-shadow: 0 1px 2px rgba(15,23,42,.25); transition: transform .18s;
}
.ajx-tarjeta .aj-check input[type="checkbox"]:checked, .ajx-interruptor:checked { background: #16A34A; }
.ajx-tarjeta .aj-check input[type="checkbox"]:checked::after, .ajx-interruptor:checked::after { transform: translateX(16px); }
.ajx-tarjeta .aj-check input[type="checkbox"]:focus-visible, .ajx-interruptor:focus-visible { outline: 2px solid var(--ax-tinta); outline-offset: 2px; }

/* Avisos: ámbar suave, no amarillo chillón. */
.ajx-activo .pd-cinta, .ajx-activo [class*="aviso"]:not(.aj-check):not(input):not(button) { border-radius: 0; }
.ajx-aviso { display: flex; gap: 10px; padding: 11px 14px; font-size: 12.5px; line-height: 1.5; color: #92400E; background: #FFFBEB; border: 1px solid #FDE68A; }
:root[data-tema="oscuro"] .ajx-aviso { color: #FCD34D; background: rgba(245,158,11,.08); border-color: rgba(245,158,11,.25); }

/* En el móvil, como el iPhone: la lista, y al tocar se entra a la página. */
@media (max-width: 980px) {
  .ajx { grid-template-columns: 1fr; }
  .ajx-menu { position: static; max-height: none; overflow: visible; }
  .ajx.dentro .ajx-menu, .ajx:not(.dentro) .ajx-panel { display: none; }
  .ajx-volver { display: inline-block; }
  .ajx-miga { display: none; }
  .ajx-op.activa, .ajx-yo.activa { background: transparent; }
  .ajx-tarjeta .aj-campo > *, .ajx-tarjeta .aj-campo:has(> em) > :not(span):not(em) { grid-column: 1; grid-row: auto; }
  .ajx-tarjeta .frm-rejilla { grid-template-columns: 1fr !important; }
  .ajx-tarjeta .aj-campo, .ajx-tarjeta .frm-campo, .ajx-tarjeta .form-group { grid-template-columns: 1fr; gap: 6px; }
}

/* ── Power BI y Excel, en filas ───────────────────────────────────────── */
.ajx-tarjeta > .pbx { margin: 0 !important; }
.pbx { display: flex; flex-direction: column; }
.pbx-cab { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 22px; border-top: 1px solid var(--ax-linea); border-bottom: 1px solid var(--ax-linea); background: var(--ax-fondo); }
.pbx-txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.pbx-txt b { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13.5px; font-weight: 600; color: var(--ax-tinta); }
.pbx-txt small { font-size: 12px; line-height: 1.45; color: var(--ax-suave); }
.pbx-insignia { padding: 1px 8px; font-size: 11px; font-weight: 650; color: var(--ax-tinta-2); background: var(--surface-2); border: 1px solid var(--ax-borde); }
.pbx-insignia.si { color: #15803D; background: #F0FDF4; border-color: #BBF7D0; }
:root[data-tema="oscuro"] .pbx-insignia.si { color: #86EFAC; background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.3); }
.pbx-fila { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); align-items: center; gap: 16px; padding: 13px 22px; border-bottom: 1px solid var(--ax-linea); }
.pbx-ctrl { display: flex; align-items: center; gap: 8px; min-width: 0; }
.pbx-ctrl input { flex: 1; min-width: 0; height: 34px; padding: 0 10px; font: 12.5px var(--font-mono, "IBM Plex Mono", monospace); color: var(--ax-tinta); background: var(--ax-fondo); border: 1px solid var(--ax-borde); outline: none; }
.pbx-ctrl input:disabled { color: var(--ax-suave); }
.pbx-enlaces { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; font-size: 12.5px; color: var(--ax-suave); }
.pbx-enlaces button { padding: 0; font: inherit; font-weight: 600; color: var(--ax-tinta-2); background: none; border: 0; cursor: pointer; text-decoration: underline; text-underline-offset: 2px; text-decoration-color: var(--ax-borde); }
.pbx-enlaces button:hover { color: var(--ax-tinta); text-decoration-color: currentColor; }
.pbx-enlaces button.peligro:hover { color: #B91C1C; }
.pbx-valor { font-size: 13px; color: var(--ax-tinta-2); }
.pbx-aviso { margin: 12px 22px 0; align-items: flex-start; }
.pbx-aviso svg { flex: 0 0 auto; margin-top: 2px; }
.pbx-acordeon { border-bottom: 1px solid var(--ax-linea); }
.pbx-acordeon:last-child { border-bottom: 0; }
.pbx-acordeon > summary { display: flex; align-items: center; gap: 8px; padding: 14px 22px; font-size: 13.5px; font-weight: 600; color: var(--ax-tinta); cursor: pointer; list-style: none; }
.pbx-acordeon > summary::-webkit-details-marker { display: none; }
.pbx-acordeon > summary::after { content: ""; margin-left: auto; width: 7px; height: 7px; border-right: 1.5px solid var(--ax-suave); border-bottom: 1.5px solid var(--ax-suave); transform: rotate(45deg); transition: transform .15s; }
.pbx-acordeon[open] > summary::after { transform: rotate(-135deg); }
.pbx-acordeon > summary small { font-weight: 500; color: var(--ax-suave); }
.pbx-acordeon > :not(summary) { margin: 0 22px 16px; }
.pbx-pestanas { display: inline-flex; gap: 2px; padding: 3px; background: var(--ax-fondo); border: 1px solid var(--ax-borde); }
.pbx-pestanas button { height: 30px; padding: 0 12px; font: inherit; font-size: 12.5px; font-weight: 600; color: var(--ax-tinta-2); background: transparent; border: 0; cursor: pointer; }
.pbx-pestanas button.activa { color: #fff; background: #0e0e10; }
:root[data-tema="oscuro"] .pbx-pestanas button.activa { color: #0e0e10; background: #F4F5F7; }
.pbx-pasos ol { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 7px; font-size: 13px; line-height: 1.55; color: var(--ax-tinta-2); }
.pbx-pasos b { color: var(--ax-tinta); }
.pbx-pasos code, .pbx .pbi-tablas code { padding: 1px 5px; font-size: 11.5px; color: var(--ax-tinta); background: var(--ax-fondo); border: 1px solid var(--ax-borde); }
.pbx .pbi-tablas { display: flex; flex-wrap: wrap; gap: 6px; }
.pbx-nota { font-size: 12px; line-height: 1.5; color: var(--ax-suave); }
@media (max-width: 980px) { .pbx-fila { grid-template-columns: 1fr; gap: 8px; } }

/* Enlaces del calendario: una fila más, sin la raya roja (el rojo queda para lo urgente). */
.ajx-activo .enl { border: 1px solid var(--ax-borde) !important; background: var(--ax-fondo) !important; }

/* Marca y aspecto: una vista previa de la cabecera de la barra y los colores
   como muestras, que se elige mirando y no leyendo. */
.ajx-marca-vista { display: flex; align-items: center; gap: 12px; margin: 14px 22px 4px !important; padding: 14px 16px; background: var(--ax-fondo); border: 1px solid var(--ax-borde); }
.ajx-marca-logo { width: 34px; height: 34px; display: grid; place-items: center; color: var(--ax-tinta); }
.ajx-marca-logo svg { width: 26px; height: 26px; fill: currentColor; }
.ajx-marca-logo img { width: 100%; height: 100%; object-fit: contain; }
:root[data-tema="oscuro"] .ajx-marca-logo img { filter: invert(1); }
.ajx-marca-txt { display: flex; flex-direction: column; line-height: 1.2; flex: 1; }
.ajx-marca-txt b { font-size: 14px; font-weight: 650; color: var(--ax-tinta); }
.ajx-marca-txt small { font-size: 12px; color: var(--ax-suave); }
.ajx-marca-boton { padding: 7px 14px; font-size: 12.5px; font-weight: 600; color: #fff; }
.ajx-tarjeta .ajx-acciones-fila { display: flex; flex-wrap: wrap; gap: 8px; font-weight: 400; }
.ajx-tarjeta .ajx-colores { display: flex; flex-wrap: wrap; gap: 6px; font-weight: 400; }
.ajx-color { display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px 6px 7px; font: inherit; font-size: 12.5px; color: var(--ax-tinta); background: var(--surface); border: 1px solid var(--ax-borde); cursor: pointer; }
.ajx-color:hover { border-color: var(--ax-suave); }
.ajx-color.activa { border-color: var(--ax-tinta); box-shadow: inset 0 0 0 1px var(--ax-tinta); font-weight: 600; }
.ajx-color-bola { width: 14px; height: 14px; background: var(--c); border-radius: 999px !important; }
.ajx-tarjeta .aj-check .ajx-sub { display: block; margin-top: 2px; font-size: 12.5px; color: var(--ax-suave); }
/* En móvil los campos llevan 42 px de alto mínimo (para el dedo); el interruptor no: se deformaba en óvalo. */
.ajx-tarjeta .aj-check input[type="checkbox"], .ajx-interruptor { min-height: 22px !important; max-height: 22px; min-width: 38px !important; }