/*
  Ajustes que NO dependen de recompilar Tailwind (28-sep-2026).
  El comando de recompilacion que documenta el CLAUDE.md usa tailwind.config.js y
  entrada.css, que no estan en el repo: cualquier clase nueva de Tailwind simplemente no
  existiria. Lo que haga falta y no este compilado va aqui.
*/

/* Menu del celular: media 36 px. Minimo tactil: 44 px. */
#mobile-menu-button { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }

/* Enlaces de "Contacto Rapido" del pie: median 24 px de alto. */
footer a[href^="tel:"], footer a[href*="wa.me"], footer a[href*="m.me"] { display: block; padding-top: 10px; padding-bottom: 10px; }

/* Insignia de resenas: 20 px de alto en las landings. */
a[href="#resenas-google"] { min-height: 44px; }

/* Un titulo con una palabra larga (PROGRAMACION) se salia de la pantalla a 320 px.
   NO se usa `hyphens: auto`: se probo y partia TODAS las palabras largas del titulo
   ("CON-TROLES", "POR-TON"). Se baja la letra solo donde no cabe. */
.titulo-largo { overflow-wrap: break-word; }
@media (max-width: 359px) { .titulo-largo { font-size: 1.5rem; line-height: 2rem; } }

/* El correo largo de contacto empujaba la pagina 3 px a 320 px. */
.correo { overflow-wrap: anywhere; }