flex flex-col sm:flex-row gap-8 p-6 flex-1 text-xl font-medium mb-3 text-base leading-relaxed mb-4 text-sm text-gray-500 mb-2 space-y-2 list-none pl-0 items-start gap-2 mt-1 w-4 h-4 flex-shrink-0 w-full rounded-xl overflow-hidden border border-gray-100 bg-gray-50 block
¡Texto XL!
redondeado-completo fondo-azul-100 texto-azul-700 elementos-centro justificar-centro texto-xs elementos-inicio justificar-centro
ancho-5 alto-5 texto-amarillo-500
w-full md:w-1/2 aspecto-[1/2] bg-gray-50 redondeado-xl desbordamiento-oculto sombra-sm p-4
md:flex-row-reverse
flex flex-col md:flex-row gap-10 items-center
mt-1 bg-amarillo-400 p-1 redondeado-completo
py-12 px-4 gap-3
cuadrícula cuadrícula-cols-1 md:grid-cols-2 espacio-5
borde redondeado-xl bg-gris-50 borde-gris-200 p-5
px-5 py-4 texto-gris-600 espacio-10 elementos-centro mb-12
cuadrícula sm:grid-cols-2 lg:grid-cols-3 gap-4