/**
 * Estilos personalizados tipo Tailwind para la sección #feature
 */

/* Grid */
.grid { display: grid; }
.max-w-screen-lg { margin-left: auto; margin-right: auto; }
.gap-8 { gap: 2rem; }
.lg\:grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
@media (min-width: 1024px) { .lg\:grid-cols-2 { grid-template-columns: repeat(2, 1fr); } }
.sm\:mx-auto { margin-left: auto; margin-right: auto; }
@media (max-width: 1023px) { .grid.max-w-screen-lg { grid-template-columns: 1fr; } }

/* Flex */
.flex { display: flex; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.justify-center { justify-content: center; }
.justify-center-flex { justify-content: center; }
.align-items-center { align-items: center; }
.items-center { align-items: center; }

/* Spacing */
.mr-4 { margin-right: 1rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-2 { margin-bottom: 0.5rem; }
.my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.gap-4 { gap: 1rem; }
.gap-5 { gap: 1.25rem; }
.m-0 { margin: 0; }

/* Width/Height */
.w-10 { width: 2.5rem; }
.h-10 { height: 2.5rem; }
.w-8 { width: 2rem; }
.h-8 { height: 2rem; }
.w-full { width: 100%; }
.h-56 { height: 14rem; }
.h-48 { height: 12rem; }

/* Border Radius */
.rounded-full { border-radius: 9999px; }
.rounded { border-radius: 0.5rem; }

/* Background */
.bg-indigo-50 { background-color: #eef2ff; }

/* Colors */
.text-deep-purple-accent-400 { color: #6366f1; }
.text-gray-900 { color: #585978; }

/* Border */
.border-gray-300 { border-color: #d1d5db; border-top: 1px solid; }

/* Typography */
.font-semibold { font-weight: 600; }
.leading-5 { line-height: 1.25rem; }
.text-sm { font-size: 16px; }

/* Grid columns */
.grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.col-span-2 { grid-column: span 2 / span 2; }

/* Object fit */
.object-cover { object-fit: cover; }

/* Shadow */
.shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }