@charset "UTF-8";footer{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
width: 100%;
height: auto;
margin: 70px 0px 30px 0px;
}
footer > div{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
max-width: 700px;
border-top: 1px solid var(--am-100);
padding-top: 50px;
}
footer > div ul{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
list-style-type: none;
}
footer > div ul li{
margin: 10px 10px 10px 10px;
}footer > div ul li h3{
font-family: var(--fuente-principal);
font-size: var(--font-size-sm) !important;
line-height: var(--line-height-sm) !important;
font-weight: 400 !important;
font-variation-settings: "wght" 600 !important;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--am-100);
}
footer > div ul li p{
font-family: var(--fuente-secundaria);
font-size: var(--font-size-sm) !important;
line-height: var(--line-height-sm) !important;
font-weight: 500 !important;
font-variation-settings: "wght" 700 !important;
text-align: center;
color: var(--bn-100);
}
footer .txt{
margin: 50px 50px 30px 50px;
}
footer .txt p{
font-family: var(--fuente-secundaria);
font-size: var(--font-size-sm) !important;
line-height: var(--line-height-sm) !important;
font-weight: 500 !important;
font-variation-settings: "wght" 700 !important;
text-align: center;
color: var(--bn-100);
}footer .cj-logo-voragine{
position: relative;
width: 100%;
max-width: 300px;
height: auto;
opacity: 0.8;
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.46,-0.21, 0.26, 1);
transition-delay: 0.0s;
margin: 40px 0px 0px 0px;
}
footer .cj-logo-voragine:hover{
opacity: 1;
}
footer .cj-logo-voragine a{
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
}
footer .cj-logo-voragine img{
object-fit: contain;
}.rrss-voragine{
margin: 10px 0px 20px 0px;
}
.rrss-voragine ul{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
}
.rrss-voragine ul li{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
position: relative;
flex: 0 0 40px;
width: 40px;
height: 40px;
opacity: 0.4;
border-radius: 10px;
overflow: hidden;
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.46,-0.21, 0.26, 1);
transition-delay: 0.0s;
margin: 2.5px;
}
.rrss-voragine ul li:hover{
opacity: 1;
background-color: var(--ng-100);
}
.rrss-voragine ul li a{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 2;
}@media screen and (max-width:851px){
footer > div {
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
max-width: none;
padding-right: 150px;
}
footer > div ul {
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
padding-left: 40px;
}
footer > div ul li{
margin: 10px 0px 10px 0px;
}
footer > div ul li h3,
footer > div ul li p{
text-align: left;
}
footer .txt{
margin: 50px 0px 30px 40px;
}
footer .txt p{
text-align: left;
}
footer .grp-logos-rrss {
margin-left: 24px;
}
footer .grp-logos-rrss .rrss-voragine ul{
padding-left: 0px;
}
}@media screen and (max-width:677px){
footer > div {
padding-right: 100px;
}
}