.custom-carousel .p-carousel-content {
    display: flex;
    flex-wrap: nowrap; /* Evita que las tarjetas se envuelvan cuando el espacio es insuficiente */
}

.custom-carousel .p-carousel-content .p-col {
    flex: 0 0 33%; /* Define el ancho de cada tarjeta como un tercio del contenedor */
}

.custom-card {
    background-color: #ffffff; /* Color de fondo de las tarjetas */
    border-radius: 10px; /* Borde redondeado de las tarjetas */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra de las tarjetas */
    margin: 10px; /* Margen entre las tarjetas */
}

.card-content {
    padding: 20px; /* Espaciado interno de las tarjetas */
}

.card-image {
    max-width: 100%; /* Ajustar el tamaño máximo de la imagen al ancho de la tarjeta */
}

.card-text {
    margin-top: 10px; /* Margen superior para el texto dentro de las tarjetas */
}

.card-action {
    text-align: center; /* Centrar los botones de acción */
}