/*
 * utilities.css
 * Sustituye al <script src="https://cdn.tailwindcss.com"> (JS de ~300 KB que bloqueaba el renderizado
 * y que Tailwind desaconseja en producción). Contiene EXACTAMENTE las utilidades que ese CDN generaba
 * para esta web (Tailwind 3.4, preflight desactivado), así el diseño se ve igual que antes.
 * Se carga DESPUÉS de Bootstrap y styles.css, igual que hacía el CDN.
 */
.container { width: 100%; }
@media (min-width: 640px)  { .container { max-width: 640px; } }
@media (min-width: 768px)  { .container { max-width: 768px; } }
@media (min-width: 1024px) { .container { max-width: 1024px; } }
@media (min-width: 1280px) { .container { max-width: 1280px; } }
@media (min-width: 1536px) { .container { max-width: 1536px; } }

.visible   { visibility: visible; }
.mb-4      { margin-bottom: 1rem; }
.me-1      { margin-inline-end: .25rem; }
.me-2      { margin-inline-end: .5rem; }
.ms-1      { margin-inline-start: .25rem; }
.mt-2      { margin-top: .5rem; }
.mt-3      { margin-top: .75rem; }
.mt-4      { margin-top: 1rem; }
.mt-5      { margin-top: 1.25rem; }
.flex-wrap { flex-wrap: wrap; }
.gap-3     { gap: .75rem; }
.bg-cream  { background-color: rgb(248 249 250); }
.text-center { text-align: center; }
.text-white  { color: rgb(255 255 255); }