/* === CAMBIAR COLOR DE BOTONES "LEER MÁS" A AZUL OSCURO === */
.vc_btn3-color-juicy-pink,
.vc_btn3-color-juicy-pink a {
    background-color: #1740a4 !important; /* Azul oscuro de tu branding */
    color: white !important;
    border-color: transparent !important;
    text-decoration: none !important;
}

/* Asegurar que el texto sea blanco incluso en hover */
.vc_btn3-color-juicy-pink:hover,
.vc_btn3-color-juicy-pink a:hover {
    background-color: #0b3d9e !important; /* Azul más oscuro al pasar el mouse */
    color: white !important;
    border-color: transparent !important;
}


/* === CAMBIAR COLOR DEL MENÚ AMARILLO A AZUL OSCURO === */
#primary-menu {
    background-color: #1a2d4c !important; /* Azul oscuro del header */
    color: white !important;
}

#primary-menu li a {
    color: white !important;
    text-decoration: none !important;
    padding: 15px 30px;
    display: block;
    transition: all 0.3s;
}

#primary-menu li a:hover {
    color: #0b3d9e !important; /* Azul más claro al pasar el mouse */
    background-color: transparent !important;
}


/* === CAMBIAR COLOR DE LAS VIÑETAS A AZUL === */
body.home_11 ul li:before,
.wpb_text_column ul li:before {
    color: #1740a4 !important; /* Azul profundo */
    font-weight: bold;
}

/* Si hay más estilos, aseguramos que funcione */
body.home_11 ul li {
    list-style: none;
}

/* === CAMBIAR COLOR DEL FOOTER A AZUL MÁS OSCURO === */
.scheme .copyright,
.footer-bottom,
.copyright {
    background-color: #142a48 !important; /* Azul más oscuro que el header */
    color: white !important;
    padding: 25px 0 !important;
    text-align: center !important;
    font-size: 14px !important;
}

/* Asegurar que los enlaces sean blancos */
.scheme .copyright a,
.footer-bottom a {
    color: white !important;
    text-decoration: none !important;
}/* Añade aquí tu código CSS.

Por ejemplo:
.ejemplo {
    color: red;
}

Para mejorar tu conocimiento sobre CSS, echa un vistazo a https://www.w3schools.com/css/css_syntax.asp

Fin del comentario */