.btn-secundario {
    background-color: #0068AB;
    color: white;
}

.btn-secundario:hover {
    opacity: 0.8 !important;
    background-color: #0068AB !important;
    color: white !important;
}

footer {
    background-color: #0D324C;
    color: white;
    text-align: center;
    padding: 1rem;
}

.precio {
    font-size: 30px;
}

.contenedor-precio {
    font-weight: 600;
}

.banner {
    background-color: #F7BF0C;
    color: #0D324E;
    overflow: hidden;
    /* Oculta el texto fuera del área visible */
    white-space: nowrap;
}

.banner-text {
    display: inline-block;
    padding-left: 100%;
    /* Empieza fuera de la vista */
    animation: scroll-left 12s linear infinite;
    /* Velocidad y repetición */
}

@keyframes scroll-left {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.animacion:hover {
    transform: translateY(-5px);
}

.animacion {

    transition: transform 0.3s ease;
}


.whatsapp {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
}

.whatsapp img {
    width: 60px;
    height: 60px;
}