#menu-institucional{background:#fff}#historia{background:#fff;padding-bottom:3rem}#historia .flex-grid{display:flex;flex-wrap:wrap}#historia .flex-grid .left{width:20%}#historia .flex-grid .left img{margin-bottom:1rem}#historia .flex-grid .right{width:76%}@media(max-width: 1000px){#historia .flex-grid .left{width:30%}#historia .flex-grid .right{width:66%}}@media(max-width: 700px){#historia .flex-grid .left,#historia .flex-grid .right{width:100%}#historia .flex-grid .left{margin-bottom:2rem}}#numeros{padding:3rem 0 4rem}#numeros .numeros{max-width:800px;margin:0 auto;margin-top:2rem;display:flex;flex-wrap:wrap;justify-content:space-between}#numeros .numeros .numero{width:33%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-direction:column}#numeros .numeros .numero .number{font-family:Aller;font-size:62px;font-weight:700;margin-bottom:1rem;color:var(--black)}#numeros .numeros .numero .description{font-family:Aller;font-size:18px;font-weight:700;color:var(--orange1)}@media(max-width: 800px){#numeros .numeros{justify-content:center}#numeros .numeros .numero{width:50%;margin-bottom:2rem}}@media(max-width: 600px){#numeros .numeros .numero{width:100%}}#banner {
background-color: var(--orange1);
}
#banner .overlay {
padding: 4.5rem 0 4.5rem;
background: #2e2e2e94;
}
#banner .b-container {
width: 100%;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
#banner .breadcrumb {
text-align: center;
margin-bottom: 1rem;
}
#banner .breadcrumb,
#banner .breadcrumb a {
color: #fff;
}
#banner .breadcrumb a:hover {
color: var(--yellow);
}
#menu-institucional {
padding: 3rem 0 3rem;
z-index: 1;
}
#menu-institucional .i-menu ul {
width: 100%;
display: flex;
justify-content: space-between;
}
#menu-institucional .i-menu ul li {
width: 15%;
}
#menu-institucional .i-menu ul li a {
cursor: pointer;
background: #e3e3e3;
border-radius: 255px;
font-family: Kanit;
font-weight: 400;
font-size: 14px;
color: var(--black);
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
height: 42px;
padding: 0 1.5rem;
white-space: nowrap;
transition: 0.3s;
}
#menu-institucional .i-menu ul li a:hover {
color: var(--orange1);
}
#menu-institucional .i-menu ul li.current_page_item a{
font-weight: 700;
color: var(--orange1);
background: #fff;
border-radius: 255px;
box-shadow: 0 0 25px 0 rgb(0 0 0 / 10%);
}
@media (max-width: 1000px) {
#menu-institucional .i-menu ul {
flex-wrap: wrap;
}
#menu-institucional .i-menu ul li {
width: 30%;
margin-bottom: 1rem;
}
}
@media (max-width: 640px) {
#menu-institucional .i-menu ul li {
width: 47%;
}
}
@media (max-width: 450px) {
#menu-institucional .i-menu ul li {
width: 49%;
}
}
@media (max-width: 375px) {
#menu-institucional .i-menu ul li {
width: 100%;
}
}