<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.texto-baners {
    width: 80%;
    position: absolute;
    top: 12%;
    left: 7%;
    color: white;
}

.texto-baners p{
font-size: 22px;
}
.color-primario {
    
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-primario);
}

.btn-color-primario{
    color: var(--color-primario);
    border-color: var(--color-primario);
}
.btn-color-primario-fill{
    color: white;
    border-color: var(--color-primario);
    background-color: var(--color-primario);
}

.btn-color-primario:hover{
    background-color: var(--color-primario);
    color: white;
}
#boton_comenzar_rojo:hover{
    background-color: white;
    color:red;
}


#boton_comenzar_azul:hover{
    background-color: white;
    color:#391B68;
}
#boton_comenzar_azul{
    border-color: #391B68;
    background-color:#391B68;
    color:white;
}
.images-banners {
    width: 100%;
    max-width: 380px;
}

@media (max-width: 767px) {
    .texto-baners {
        width: 95%;
        top: 20px;
        left: 0;
    }
}

@media (max-width: 767px) {
    .banners {
        height: 550px;
    }

}
@media (max-width: 510px) {
    .banners {
        height: 750px;
    }

}

</pre></body></html>