@font-face {
    font-family: "TitilliumWeb-Black";
    src: url("../font/TitilliumWeb/TitilliumWeb-Black.ttf") format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-Bold";
    src: url("../font/TitilliumWeb/TitilliumWeb-Bold.ttf") format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-BoldItalic";
    src: url("../font/TitilliumWeb/TitilliumWeb-BoldItalic.ttf")
        format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-ExtraLight";
    src: url("../font/TitilliumWeb/TitilliumWeb-ExtraLight.ttf")
        format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-ExtraLightItalic";
    src: url("../font/TitilliumWeb/TitilliumWeb-ExtraLightItalic.ttf")
        format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-Italic";
    src: url("../font/TitilliumWeb/TitilliumWeb-Italic.ttf") format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-Light";
    src: url("../font/TitilliumWeb/TitilliumWeb-Light.ttf") format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-LightItalic";
    src: url("../font/TitilliumWeb/TitilliumWeb-LightItalic.ttf")
        format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-Regular";
    src: url("../font/TitilliumWeb/TitilliumWeb-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-SemiBold";
    src: url("../font/TitilliumWeb/TitilliumWeb-SemiBold.ttf")
        format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-SemiBoldItalic";
    src: url("../font/TitilliumWeb/TitilliumWeb-SemiBoldItalic.ttf")
        format("truetype");
}

body {
    font-family: "TitilliumWeb-Bold", sans-serif !important;
    overflow-x: hidden;
}
.fontTitilliumWebBold {
    font-family: "TitilliumWeb-Bold", sans-serif !important;
}
.colorBlanco {
    color: #fff !important;
}
.colorRojo{
    color:#f00
}
.colorAzul{
    color:#1B274A
}
.backgroundColorPantone47 {
    background-color: #c2b59b;
}
.backgroundColorrPantone75 {
    background-color: #f5f1e3;
}

.colorPrincipal {
    color: #002f87 !important;
}
.backgroundColorGris {
    background-color: #ededed;
}
.backgroundColorLila {
    background-color: #f8f9fd;
}
.collapseNavsuperior {
    background-color: transparent !important;
    border-bottom: 5px solid #f00;
    padding-bottom: 0 !important;
    margin-bottom: 1em;
}
.navSuperior {
    background-color: transparent !important;
}

.navSuperior .nav-item {
    margin-left: 0.5em;
    background-color: #1B274A;
    margin-bottom: 0 !important;
    padding: 0.5em;
    width: 11em;
    border-radius: 10px 10px 0 0;
    text-align: center;
    vertical-align: middle;
}

.navSuperior .nav-item a {
    font-family: "TitilliumWeb-Bold";
    color: #FFF !important;
    font-size: 18px !important;
    text-decoration: none;
}

.navSuperior .nav-item:hover {
    background-color: #f00;
}

.navSuperior .nav-item:hover a {
    color: #f5f1e3 !important;
}

/*LOGIN*/
.loginBackground {
    width: 100%;
}

.formLogin label {
    font-family: "TitilliumWeb-Bold";
    font-size: 15px;
    color: #1B274A;
    text-transform: uppercase;
    margin-top: 1em;
}

.formLogin input {
    font-family: "TitilliumWeb-Bold";
    height: 55px;
    font-size: 15px;
    color: #1a254b;
    background-color: #8a8a8a15;
    padding: 20px;
    border-radius: 10px;
}

.formLogin button {
    font-family: "TitilliumWeb-Bold";
    width: 100%;
    font-size: 15px;
    color: #fff;
    background-color: #1B274A;
    border: 1px solid #FFF;
    padding: 20px;
    border-radius: 10px;
    margin-top: 2em;
    text-transform: uppercase;
}

.buttonRecuperarContra {
    font-family: "TitilliumWeb-Bold";
    width: 100%;
    font-size: 15px;
    color: #fff;
    background-color: #1B274A;
    padding: 10px;
    border: 0;
    border-radius: 10px;
    text-transform: uppercase;
}

.ocultarResponsivo {
    display: none;
}

.imgIntranet {
    width: 100%;
    height: 55vh;
    object-fit: cover;
}

@media (min-width: 768px) {
    .ocultarResponsivo {
        display: block;
    }
}

/*paddingHeaderGeneral*/
.paddingHeaderGeneral {
    background: url("../images/headerGeneral.png") top center no-repeat;
    background-color: #cccccc; /* Used if the image is unavailable */
    padding-bottom: 20px;
    width: 100%;
    background-size: cover;
    align-items: center;
    align-self: center;
}
.h1TituloGeneral {
    font-family: "TitilliumWeb-Bold" !important;
    font-size: 72px;
    padding-top: 5px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .paddingHeaderGeneral {
        background-size: cover;
        background: url("../images/headerGeneral.png") top center no-repeat;
        align-items: center;
        padding-bottom: 50px;
        align-self: center;
    }
    .h1TituloGeneral {
        font-family: "TitilliumWeb-Bold";
        font-size: 40px;
        font-weight: 500;
    }
}
@media (max-width: 767px) {
    .paddingHeaderGeneral {
        background-size: cover;
        background: url("../images/headerGeneral.png") top center no-repeat;
        align-items: center;
        padding-bottom: 2%;
        align-self: center;
    }
    .h1TituloGeneral {
        font-family: "TitilliumWeb-Bold";
        font-size: 25px;
        font-weight: 200;
    }
}

/* Mobile ICON BACK */
.mobileIcon {
    position: static;
    z-index: 9998;
    border: 0;
    background: none;
    font-size: 30px;
    transition: all 0.4s;
    outline: none !important;
    line-height: 1;
    cursor: pointer;
    width: 100%;
}

.mobileIcon i {
    color: #fff;
}

.mobileIconMenu {
    font-size: 30px;
}

@media (min-width: 768px) {
    .mobileIcon {
        font-size: 55px;
    }
    .mobileIconMenu {
        font-size: 40px;
    }
}

.imgFooter {
    width: 80%;
    padding-top: 15px;
    padding-bottom: 15px;
}

@media (min-width: 768px) {
    .imgFooter {
        width: 75%;
    }
}

/*FOOTE 2021-2024*/
.mosaicosFooteImg {
    width: 100%;
    height: 300px;
    display: none;
}
@media (min-width: 768px) {
    .mosaicosFooteImg {
        width: 100%;
        height: 300px;
        display: block;
    }
}

.zoomSimple {
    transition: transform 0.3s; /* Animation */
}
.zoomSimple:hover {
    transform: scale(1.1);
}


.backgroundGeneral{
    background-size: cover;
    background: url("../img/shape-7.png") top center no-repeat;
    transform: rotate(360deg);
}

.backgroundOpcion{
    background-color: transparent;
    border: 2px solid #f00;
    
}

.profile-img-card {
    width: 96px;
    height: 96px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

/*
 * Form styles
 */
.profile-name-card {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 0;
    min-height: 1em;
}