Tarea

Utilizando las utilidades de Tailwind CSS para colores, bordes y sombras, crear un componente de tarjeta estilizada con las siguientes especificaciones:

1. El contenedor exterior debe tener:
   • Un color de fondo blanco;
   • Una sombra de tamaño medio.
2. La tarjeta debe contener:
   • Un encabezado (h2) con tamaño de texto 2xl y color de texto gray-900;
   • Un párrafo (p) con color de texto gray-700.
3. Dentro de la tarjeta, crear una caja con borde que tenga:
   • Un color de fondo azul claro (por ejemplo, blue-50);
   • Color de borde azul;
   • Esquinas medianamente redondeadas;
   • Color de texto blue-700.
4. Agregar otra caja con:
   • Un color de fondo verde claro (por ejemplo, green-100);
   • Color de borde verde;
   • Esquinas redondeadas;
   • Sombra pequeña;
   • Color de texto green-700.

1. Colores de fondo: Utilizar bg-white, bg-blue-50, bg-green-100 para los colores de fondo;
2. Colores de texto: Utilizar text-gray-900, text-gray-700, text-blue-700, text-green-700 para los colores de texto;
3. Colores de borde: Utilizar border-blue-500, border-green-500 para los colores de borde;
4. Radio de borde: Utilizar rounded-md, rounded para esquinas redondeadas;
5. Sombras: Utilizar shadow-md, shadow-sm para las sombras;
6. Tamaño de texto: Utilizar text-2xl para el tamaño del encabezado.