/* Tailwind CSS Base */
*, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; }
html { line-height: 1.5; -webkit-text-size-adjust: 100%; font-family: ui-sans-serif, system-ui, sans-serif; }
body { margin: 0; line-height: inherit; }

/* Clases de Utilidad Comunes */
.bg-blue-500 { background-color: #3b82f6; }
.bg-blue-600 { background-color: #2563eb; }
.bg-gray-100 { background-color: #f3f4f6; }
.text-white { color: #fff; }
.text-gray-900 { color: #111827; }
.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.font-bold { font-weight: 700; }
.p-4 { padding: 1rem; }
.p-8 { padding: 2rem; }
.mt-4 { margin-top: 1rem; }
.rounded-lg { border-radius: 0.5rem; }
.shadow { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); }
.flex { display: flex; }
.justify-center { justify-content: center; }
.items-center { align-items: center; }
.container { width: 100%; margin-right: auto; margin-left: auto; max-width: 1280px; }