:root {
    --negro        : #000000;
    --blanco       : #ffffff;
    --gris         : #898989;
    --azul1        : #4CC0E0;
    --azul2        : #29A2D1;
    --verdeBrilloso: #ABCA27;
    --grisOscuro1  : #1b1b1b;
    --grisOscuro2  : #202020;
    --grisOscuro3  : #242424;
    --grisOscuro4  : #3d3d3d;
    --rojo         : #F99090;
}

#modo {
    width: 30px;
    font-size: 20px;
    cursor: pointer;
}

.dark {
    background-color: var(--grisOscuro1);
}

.dark header nav {
    background-color: var(--grisOscuro2);
}

.dark .contenedor-navbar .links-navbar ul {
    background-color: var(--grisOscuro2);
}

.dark header nav a {
    color: var(--blanco);
}

.dark .links-navbar a:hover {
    border-bottom: 3px solid var(--blanco);
}

.dark header nav .links-navbar .modo {
    color: var(--blanco);
}

.dark main {
    background-color: var(--grisOscuro1);
}

.dark .curva-inferior::before {
    background-color: var(--grisOscuro3);
}

.dark .curva-inferior::after {
    background-color: var(--grisOscuro1);
}

.dark .inferior-color::before {
    background-color: var(--grisOscuro3);
}

.dark .inferior-color::after {
    background-color: var(--grisOscuro1);
}

.dark .seccion-servicios {
    background-color: var(--grisOscuro3);
}

.dark .seccion-historias-exito {
    background-color: var(--grisOscuro3);
}

.dark main section .tarjeta {
    background-color: var(--grisOscuro4);
}

.dark .tarjetas .tarjeta p {
    color: var(--blanco);
}

.dark strong {
    color: var(--verdeBrilloso);
}

.dark .conjunto-multimedia .texto-persuasivo p {
    color: var(--blanco);
}

.dark main section .tarjeta h3 {
    color: var(--azul1);
}

.dark main section .tarjeta .parrafo-leyenda {
    color: var(--azul1);
}

.dark main section .tarjeta p {
    color: var(--blanco);
}

.dark .tarjeta-historia-exito {
    background-color: var(--grisOscuro4);
}

.dark .contenedor-img-historia-exito .img-historia-persona {
    background-color: var(--grisOscuro3);
    border: 5px solid var(--grisOscuro4);
}

.dark .tarjeta-historia-exito p {
    color: var(--blanco);
}

.dark .tarjeta-historia-exito .historia-servicio,
.dark .tarjeta-historia-exito .historia-nombre {
    color: var(--azul1);
}

.dark .articulo-tarjeta .tarjeta-info {
    background-color: var(--grisOscuro4);
}

.dark .articulo-tarjeta .tarjeta-info .tarjeta-titulo,
.dark .articulo-tarjeta .tarjeta-info span {
    color: var(--blanco);
}

.dark footer {
    background: var(--grisOscuro2);
}
.dark footer .waves {
    display: none;
}

.dark footer .derechos-reservados {
    background-color: var(--grisOscuro1);
}

.dark footer .segunda-columna-footer .links-footer li a:hover {
    color: var(--azul1);
}

.dark .redes-sociales-footer a {
    color: var(--grisOscuro1);
}

.dark .redes-sociales-footer a:hover {
    color: var(--azul2);
}

.dark .menu-btn i {
    color: var(--blanco);
}

.dark .links-navbar {
    background-color: var(--grisOscuro2);
}

.dark .btn-contacto {
    margin-left: 0;
}

/* Seccion de servicios */
.dark .contenedor-elementos-text .elemento-texto-2 {
    color: var(--blanco);
}

.dark .muestras-descripciones .muestra-des {
    color: var(--blanco);
}

.dark .contenedor-llamada-accion {
    background-color: var(--grisOscuro3);
}

.dark .seccion-historias-exito .llama-accion-position {
    bottom: -125px;
}

.dark .linea-tiempo-contenido {
    background-color: var(--grisOscuro4);
}

.dark .linea-tiempo-contenido p {
    color: var(--blanco);
}

.dark .accordion-item {
    background-color: var(--grisOscuro2);
    color: var(--blanco);
}

.dark .accordion-button {
    background-color: var(--grisOscuro3);
    color: var(--blanco);
}

/* Agenda pro */
.dark iframe {
    background-color: var(--blanco);
}

.dark .card-list .card-item {
    background: var(--grisOscuro3);
    border: none;
}

.dark .card-item .back {
    background: var(--grisOscuro4);
}

.dark .conenedor-elementos .contenido-blog {
    color: var(--blanco);
}

/* contacto */
.dark .contenedor-form {
    background-color: var(--grisOscuro3);
}

.dark .slider-nav a {
    background-color: var(--blanco);
}

.dark .slider-wrapper .swiper-pagination-bullet {
    background-color: var(--gris);
}

/* Blog */
.dark .red-blog a {
    color: var(--negro);
}

.dark .social-blog {
    background-color: var(--blanco);
}

/* Contacto */
.dark .change-color {
    background-color: var(--grisOscuro3);
}

.dark .formulario__input-error-activo {
    color: var(--rojo);
}