* {
    line-height: 23px;
}

html,
body {
    text-align    : justify;
    height        : 100%;
    width         : 100%;
    font-family   : 'Poppins';
    display       : flex;
    flex-direction: column;
}

footer {
    margin-top: auto;
}

@media (min-width:1400px) {
    .max-container {
        width    : 100%;
        max-width: 1400px !important;
        margin   : 0 auto;
    }
}

.container-icon {
    width          : 4rem;
    height         : 4rem;
    border-radius  : 50%;
    align-items    : center;
    justify-content: center;
    display        : flex;
    font-size      : 2rem;
}

.foto-oficial {
    -webkit-box-shadow: -21px 0px 2px -5px rgba(254, 198, 3, 0.29);
    box-shadow        : -21px 0px 2px -5px rgba(254, 198, 3, 0.29);
}

.box-shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.active {
    color: var(--amarillo)
}

::-webkit-scrollbar {
    width           : 7px;
    background-color: #F5F5F5;
    display         : none;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    background-color  : #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #F90;
}

.imgHistoria {
    transition: 0.6s;
    filter    : brightness(100%);
}

.txtImagenHistoria {
    position  : absolute;
    margin-top: 2px;
}
* {
    line-height: 23px;
}

html,
body {
    text-align    : justify;
    height        : 100%;
    width         : 100%;
    font-family   : 'Poppins';
    display       : flex;
    flex-direction: column;
}

footer {
    margin-top: auto;
}

@media (min-width:1400px) {
    .max-container {
        width    : 100%;
        max-width: 1400px !important;
        margin   : 0 auto;
    }
}

.container-icon {
    width          : 4rem;
    height         : 4rem;
    border-radius  : 50%;
    align-items    : center;
    justify-content: center;
    display        : flex;
    font-size      : 2rem;
}

.foto-oficial {
    -webkit-box-shadow: -21px 0px 2px -5px rgba(254, 198, 3, 0.29);
    box-shadow        : -21px 0px 2px -5px rgba(254, 198, 3, 0.29);
}

.box-shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.nav-link::after {
    width     : 0;
    height    : 3px;
    bottom    : 10px;
    content   : '';
    display   : block;
    background: var(--amarillo);
    transition: width .3s;
}

.nav-link:not(.active):hover::after {
    width: 100%;
}

.active {
    border-bottom: 3px solid var(--amarillo);
}

::-webkit-scrollbar {
    width           : 7px;
    background-color: #F5F5F5;
    display         : none;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    background-color  : #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #F90;
}

.imgHistoria {
    transition: 0.6s;
    filter    : brightness(100%);
}

.txtImagenHistoria {
    position  : absolute;
    margin-top: 2px;
}

.imgHistoria:hover {
    transform: scale(1.4);
    filter   : brightness(95%);
}