@import "/ContenedorComun/temas/web_2019/bootstrap4.min.css";
@import "/vendor/fontawesome-free/css/all.min.css";
@import url('https://fonts.googleapis.com/css?family=Cairo');
@import "/ContenedorComun/temas/web_2019/comunes.css";
@import "/ContenedorComun/temas/web_2019/header-escritorio.css";
@import "/ContenedorComun/temas/web_2019/header-movil.css";
@import "/ContenedorComun/temas/web_2019/jquery.smartmenus.bootstrap-4.css";

/* BLOQUE DE COLORES */
:root {
  --primario: #1794D9;
  --primario-texto: #033454;
  --primario-over: #1794D960;
  --primario-texto-over: #485155;
  --primario-oscuro: #033454;
  --primario-oscuro-texto: #ffffff;
  --primario-oscuro-over: #03345460;
  --primario-oscuro-texto-over: #ffffff;
  --secundario: #08D99E;
  --secundario-texto: #485155;
  --secundario-over: #08D99E60;
  --secundario-texto-over: #033454;
  --secundario-oscuro: #485155;
  --secundario-oscuro90: #48515590;
  --secundario-oscuro-texto: #ffffff;
  --secundario-oscuro-over: #48515560;
  --secundario-oscuro-texto-over: #ffffff;
  --terciario: #F0549B;
  --terciario-texto: #ffffff;
  --terciario-over: #F0549B60;
  --terciario-texto-over: #ffffff;
}

/* PRIMARIO */
.bloque-enlace.fondo-primario {
    background-color: var(--primario);
    color: var(--primario-texto);
    transition: background-color 0.5s;
}

@media ( min-width: 768px) and (max-width: 992px) {
    .bloque-enlace.fondo-primario span.pequeno {
        font-size: 1.1rem !important;
    }
}

@media screen and (max-width: 568px) {
    .bloque-enlace.fondo-primario span.grande {
        font-size: 1.3rem !important;
    }
    .bloque-enlace.fondo-primario span.pequeno {
        font-size: 1.1rem !important;
    }
}

.bloque-enlace.fondo-primario:hover {
    background-color: var(--primario-over);
    color: var(--primario-texto-over);
}

/* PRIMARIO OSCURO */
.bloque-enlace.fondo-primario-oscuro {
    background-color: var(--primario-oscuro);
    color: var(--primario-oscuro-texto);
    transition: background-color 0.5s;
}

@media ( min-width: 768px) and (max-width: 992px) {
    .bloque-enlace.fondo-primario-oscuro span.pequeno {
        font-size: 1.1rem !important;
    }
}

@media screen and (max-width: 568px) {
    .bloque-enlace.fondo-primario-oscuro span.grande {
        font-size: 1.3rem !important;
    }
    .bloque-enlace.fondo-primario-oscuro span.pequeno {
        font-size: 1.1rem !important;
    }
}

.bloque-enlace.fondo-primario-oscuro:hover {
    background-color: var(--primario-oscuro-over);
    color: var(--primario-oscuro-texto-over);
}

/* SECUNDARIO */
.bloque-enlace.fondo-secundario {
    background-color: var(--secundario);
    color: var(--secundario-texto);
    transition: background-color 0.5s;
}

@media ( min-width: 768px) and (max-width: 992px) {
    .bloque-enlace.fondo-secundario span.pequeno {
        font-size: 1.1rem !important;
    }
}

@media screen and (max-width: 568px) {
    .bloque-enlace.fondo-secundario span.grande {
        font-size: 1.3rem !important;
    }
    .bloque-enlace.fondo-secundario span.pequeno {
        font-size: 1.1rem !important;
    }
}

.bloque-enlace.fondo-secundario:hover {
    background-color: var(--secundario-over);
    color: var(--secundario-texto-over);
}

/* SECUNDARIO OSCURO */
.bloque-enlace.fondo-secundario-oscuro {
    background-color: var(--secundario-oscuro90);
    color: var(--secundario-oscuro-texto);
    transition: background-color 0.5s;
}

@media ( min-width: 768px) and (max-width: 992px) {
    .bloque-enlace.fondo-secundario-oscuro span.pequeno {
        font-size: 1.1rem !important;
    }
}

@media screen and (max-width: 568px) {
    .bloque-enlace.fondo-secundario-oscuro span.grande {
        font-size: 1.3rem !important;
    }
    .bloque-enlace.fondo-secundario-oscuro span.pequeno {
        font-size: 1.1rem !important;
    }
}

.bloque-enlace.fondo-secundario-oscuro:hover {
    background-color: var(--secundario-oscuro-over);
    color: var(--secundario-oscuro-texto-over);
}

/* DEGRADADO */
.degradado {
    background: var(--primario);
    background-color: var(--primario-oscuro);
    background-image: linear-gradient(270deg, var(--primario-oscuro) 0%, var(--primario) 100%) !important;
}

/* MENU */
#header .mega-dropdown-menu .dropdown-header {
    color: var(--primario);
    font-size: 20.4px;
    margin-left: 0;
}

#header-m .mega-dropdown-menu .dropdown-header {
    color: var(--primario);
    font-size: 20.4px;
    margin-left: 0;
}

#header .mega-dropdown-menu ul>li a {
    color: var(--secundario-oscuro) !important;
}

#header .mega-dropdown-menu ul li a {
    color: var(--secundario-oscuro) !important;
}

#header ul.menu-corto>li a {
    color: var(--secundario-oscuro) !important;
}

@media ( max-width: 992px) {
    #header ul.menu-corto>li a {
        color: var(--secundario-oscuro) !important;
    }
}

#header-m .mega-dropdown-menu ul>li a {
    color: var(--secundario-oscuro) !important;
}

/* AZUL */
.fondo-azul {
    background-color: var(--primario);
}

.color-azul {
    color: var(--primario);
}

.borde-azul {
	border: 2px solid var(--primario);
}

.fondo-azul-oscuro {
    background-color: var(--primario);
}

.color-azul-oscuro {
    color: var(--primario-oscuro);
}

.borde-azul-oscuro {
	border: 2px solid var(--primario-oscuro);
}

.sombreado {
	opacity: 0.2;
}

.test-satisfaccion{
	display: block;
}