body {
            font-family: 'Arial', sans-serif;
            background-color: #f4f6f9;
        }



        .carousel-item {
            height: 50vh; /* Tamaño reducido */
            min-height: 250px;
            background-size: cover;
            background-position: center;
        }



        footer {
            background-color: #003366; /* Azul oscuro */
            color: #ffffff;
            padding: 20px 0;
        }
        .card {
            border: none;
            transition: transform 0.3s;
        }
        .card:hover {
            transform: translateY(-10px); /* Efecto dinámico al pasar el mouse */
        }
        /* Para las imágenes de las tarjetas */
        .card-img-top {
            width: 100%;
            height: 200px; /* Altura fija para todas las imágenes */
            object-fit: cover; /* Ajusta la imagen sin deformarla */
        }