/* ============================================================
   styles/global.css — Mayúsculas globales del sistema
   Aplica text-transform: uppercase visualmente en toda la UI.
   Los inputs conservan spell-check porque el navegador trabaja
   con el valor VISUAL en mayúsculas pero el atributo del DOM
   sigue siendo el texto original hasta el submit.
   Al hacer submit los scripts JS convierten .toUpperCase() para
   garantizar que lo que se almacena en BD también sea mayúscula.
   ============================================================ */

/* ── Todo el cuerpo ── */
body,
h1, h2, h3, h4, h5, h6,
p, span, a, label, td, th,
div, li, button, .badge, .chip {
    text-transform: uppercase;
}

/* ── Inputs del formulario: visual uppercase, spell-check activo ── */
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="email"],
textarea,
select {
    text-transform: uppercase;
}

/* ── Excepción: contraseñas nunca en mayúsculas ── */
input[type="password"] {
    text-transform: none;
}

/* ── Placeholder también en mayúsculas ── */
input::placeholder,
textarea::placeholder {
    text-transform: uppercase;
}