/* Yalemo v2.3 — ajustes de accesibilidad para las páginas legales (privacidad.html, terminos.html).
   Va en una hoja aparte para no tocar el texto ni el estilo final que entregó el equipo. */
/* M5: el logo es un enlace: área táctil mínima de 44×44 */
.top__in .marca{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
/* v2.3.2 (QA menor): enlaces legales con área táctil de 44 px de alto */
a[href$="privacidad.html"],a[href$="terminos.html"]{display:inline-block;box-sizing:border-box;min-height:44px;padding-top:12px;padding-bottom:12px;margin-top:-12px;margin-bottom:-12px;line-height:20px}
/* v2.3.5 (QA prod m1/m2, Sr_Yalemo): todos los enlaces del índice y del pie con área táctil ≥44 px y sin encimarse.
   - Índice: cada enlace es un bloque de 44 px (12 + 20 + 12), sin márgenes negativos.
   - Pie: fila flexible que se envuelve; los enlaces miden 44 px y ya no usan margen negativo, así que al bajar de
     renglón no se enciman (antes, a ≤390 px, «Aviso de privacidad» y «Términos» se encimaban ~22 px en vertical). */
.indice li{break-inside:avoid}
.indice a{display:block;box-sizing:border-box;min-height:44px;padding:12px 0;line-height:20px;margin:0}
.pie .wrap{display:flex;flex-wrap:wrap;align-items:center;column-gap:.3em;row-gap:0}
.pie .wrap a{display:inline-flex;align-items:center;box-sizing:border-box;min-height:44px;padding:12px 0;margin:0;line-height:20px}
/* v2.3.6 (QA m4): a 320 px los «·» del pie quedaban colgando al final del renglón. Sin tocar el HTML del equipo:
   los nodos de texto del pie («Yalemo · », « · ») quedan a tamaño 0 (siguen en el árbol de accesibilidad: el lector de
   pantalla lee el texto original) y se pintan con CSS: «Yalemo» al inicio y un «·» pegado ANTES de cada enlace, así que
   al envolverse el separador abre el renglón siguiente junto a su enlace. Texto alternativo vacío ("") para no leerlos
   dos veces; la 1.ª declaración `content` es el respaldo de navegadores sin esa sintaxis. */
.pie .wrap{font-size:0;column-gap:0}
.pie .wrap::before{content:"Yalemo";content:"Yalemo"/"";display:inline-flex;align-items:center;min-height:44px;font-size:var(--y-t-small);line-height:20px}
/* El «·» va FUERA del enlace (en su margen izquierdo, posicionado: no hereda el subrayado ni amplía el área táctil). */
.pie .wrap a{font-size:var(--y-t-small);position:relative;margin-left:1.1em}
.pie .wrap a::before{content:"·";content:"·"/"";position:absolute;left:-.75em;top:50%;transform:translateY(-50%);line-height:20px;color:var(--y-tinta-2);pointer-events:none}
/* v2.3.8 (QA prod menor 3): enlaces dentro del texto legal (yalemo.com, hola@yalemo.com, DeepInfra, Hugging Face…) con área táctil ≥44 px
   SIN cambiar lo que se ve: en un elemento en línea el relleno vertical no mueve los renglones ni el texto (sólo agranda la caja
   que recibe el toque), y no hay fondo ni borde que lo delate. El índice, el pie y los enlaces a privacidad/términos ya miden 44. */
main a:not(.btn):not([href$="privacidad.html"]):not([href$="terminos.html"]):not(.indice a){padding-top:12px;padding-bottom:12px}
/* v2.3.12: 404.html (página propia, sin scripts). Los enlaces «A dónde ir» usan el bloque .indice (44 px por enlace), sin numerar y en una columna. */
.indice--ir ol{list-style:none;padding-left:0;columns:1}