/*BANNER SECTION*/
.banner-section{
    top: 0;
    margin-bottom: -450px;
}
.btn-call-to-action{
    color:#fff;
    background-color: #82008f;
}
.btn-call-to-action:hover{
    color:#FFCC2A;
}

/* Ajustes para dispositivos móviles */
@media (max-width: 768px) {
    .carousel-caption {
        position: absolute; /* Mantener el caption sobre el carrusel */
        top: 50%; /* Centrar verticalmente */
        left: 50%; /* Centrar horizontalmente */
        transform: translate(-50%, -50%); /* Ajustar al centro exacto */
        z-index: 10; /* Asegurar que esté por encima de la imagen */
        text-align: center;
        color: white; /* Asegurar contraste */
        background: rgba(0, 0, 0, 0.5); /* Fondo semitransparente */
        padding: 15px;
        border-radius: 10px; /* Opcional: bordes redondeados */
        width: 68%;
        height: 68%;
    }

    .carousel-caption h1 {
        font-size: 1.4rem; /* Texto más pequeño */
        line-height: 1.3;
    }

    .title-caption{
        margin-top: 50%;
        bottom: 50%;
    }

    .carousel-caption .btn {
        font-size: 1rem;
        padding: 8px 20px;
    }

    .arrows {
        display: none;
    }

    .carousel-item img {
        object-fit: cover; /* Recorta la imagen */
        height: 100vh; /* Usa la altura completa de la pantalla */
    }

    
}