/* LETRA EN MÓVIL COMO APPLE (11 oct 2026, Pablo: «mira los tamaños que utiliza Apple en móvil y pon
   lo mismo», «aplica la misma escala a todas las secciones»). Escala de apple.com por debajo de
   735 px: texto 17/1.47, titular de página 40, de sección 28, de tarjeta 21, botones y campos 17
   (además, a 16 o más el iPhone no hace zoom al escribir), notas 14, etiquetas 13.
   La home lleva su propio bloque, igual, al final de su <style>. Va con :root delante para ganar a
   las reglas de cada página sin !important. El pie (footer) se queda como está. */
/* TITULARES MÁS PEGADOS (11 oct 2026, Pablo: «todos los titulares con las letras más pegadas; si los hay
   ya a −4, pon todos así, y los que estén a −4 soportan más todavía»). Todos los titulares a −4 %; los
   grandes (h1 y el de la promo) a −5 %. No se tocan el texto corrido ni las etiquetas en mayúsculas
   (h2.sec, .card h2). Sirve en todos los tamaños de pantalla, por eso va fuera de la regla de móvil. */
:root:root :is(h1,h2,h3,h4):not(.sec):not(.card h2){letter-spacing:-0.04em}
:root:root :is(h1,.pm h3.name):not(.sec):not(.card h2){letter-spacing:-0.05em}
:root:root:root :is(.card h1,h1.cname,[id$="View"] h1):not(.sec):not(.card h2){letter-spacing:-0.04em}

@media (max-width:734px){
  :root body :is(p,li,dd,blockquote,label):not(footer *):not(#synz-nav *):not(#synz-menu *){font-size:17px;line-height:1.47;overflow-wrap:anywhere}
  :root body :is(td,th):not(footer *){font-size:15px;line-height:1.4;overflow-wrap:anywhere}
  :root body h1:not(#synz-nav *){font-size:40px;line-height:1.1;text-wrap:balance}
  :root body h2:not(#synz-nav *){font-size:28px;line-height:1.15;text-wrap:balance}
  :root body h3:not(#synz-nav *){font-size:21px;line-height:1.2}
  :root body summary{font-size:19px;line-height:1.3}
  :root body :is(input,select,textarea){font-size:17px}
  :root body :is(.btn,button.btn,a.btn){font-size:17px}
  :root body small:not(footer *){font-size:14px}

  /* Textos pequeños de cada página (medidos a 390 px): nada por debajo de 12, etiquetas a 13,
     pestañas e índices a 15. :root:root para ganar a las reglas con dos clases de cada página. */
  :root:root :is(.eyebrow,.sect,.flab,.skhead,.stamp,.divider,.pill,.it-n,.legal,.pz){font-size:13px}
  :root:root :is(.tag,dt,.dur,.num){font-size:12px}
  :root:root .stg .n{font-size:13px}
  :root:root :is(.tabs .tab,.vtabs .vtab,.fams .fam,.seg button,.jump a,.caps-t){font-size:15px}
  :root:root :is(.it-t,.win,.oauth button){font-size:16px}
  :root:root :is(.cmeta,.note,.after,.empty-msg,.card .foot,.foot:not(footer)){font-size:14px;line-height:1.43}
  :root:root .pm .count small{font-size:12px}
  :root:root .pm .btn-candy{font-size:17px}
  :root:root .pm .claim{font-size:19px;line-height:1.35}
  :root:root .pm h3.name{font-size:32px;line-height:1.1}
  :root:root .pm-gbadge{font-size:12px}
  :root:root :is(.meta span,.list-h span,.list-h a){font-size:14px}
  /* La tarjeta de la promo en /modulos: menos margen interior y la etiqueta puede partir línea. */
  :root:root #pmMount{padding:36px 22px}
  :root:root .pm .tag{white-space:normal;flex-wrap:wrap;line-height:1.35}
}