.elementor-3092 .elementor-element.elementor-element-5b1405b{--display:flex;}.elementor-3092 .elementor-element.elementor-element-52c2bae{width:100%;max-width:100%;}/* Start custom CSS for html, class: .elementor-element-52c2bae */.fondoColorFooter{
     background: rgb(103,14,198);
     background: linear-gradient(0deg, rgba(103,14,198,1) 0%, var(--e-global-color-accent) 100%);
     margin: -10px;
    }
    
.barraSuperiorFooter{
     display: grid;
     height: 100px;
     place-items:  center;
    }
    
.logoBlack{
     filter: drop-shadow(0px 2px 2px grey);
     height: 60px;
     width: 60px;
    } 
    
.contenedorCajas{
     display: grid;
     gap: 100px;
     grid-template-columns: repeat(auto-fit, 250px);
     justify-content: center;
    }
    
.titulosFooter{
     border-radius: 25px;
     box-shadow: inset 0px 0px 10px white,
     inset 0px -10px 25px #9c00b5;
     color: white;
     font-size: 25px;
     font-weight: bold;
     height: 50px;
     line-height: 50px;
     position: relative;
     text-align: center;
     text-shadow: 0px 2px 8px #670ec6;
     vertical-align: middle;
     width: 250px;
    }
    
.footerListas{
     line-height: 1.3;
     margin-top: 10px;
     text-align: center;
    }
    
.cajaConLista{
     color: var(--e-global-color-dc98f43);
     font-size: 20px;
     font-weight: bold;
     list-style: none;
    }
    
.footerListas li a {
     color: var(--e-global-color-dc98f43);
    }
    
#more {
     display: none;
    }
    
#mybtn{
     background: rgb(103,14,198);
     background: linear-gradient(180deg, 
     rgba(103,14,198,1) 0%, 
     rgba(185,119,255,1) 100%);
     border-radius: 25px;
     box-shadow: inset 0px 0px 5px 5px #bc7dff,
     0px 2px 5px #670ec6;
     color: white;
     cursor: pointer;
     font-size: 40px; 
     font-weight: bold;
     height: 50px;
     line-height: 50px;
     margin: auto;
     position: relative;
     text-align: center;
     top: 10px;
     vertical-align: middle;
     width: 80px;
    }
    
.barraInferiorFooter{
     align-items: center;
     background: rgb(103,14,198);
     background: linear-gradient(180deg, rgba(103,14,198,1) 0%, rgba(185,119,255,1) 100%);
     border-radius: 42.5px; 
     box-shadow: inset 0px 0px 5px #bc7dff,
     0px 5px 20px #670ec6; 
     display: flex;
     height: 85px;
     justify-content: center;
     margin: auto;
     margin-bottom: 10px;
     margin-top: 10px;
     width: 180px;
    }
    
.barraConIcono{
     display: flex;
     height: 45px;
     justify-content: space-around;
     margin: auto;
     width: 180px;
    }
    
.iconoRedSocial{
     fill: white;
     filter: drop-shadow(0px 0px 5px #bc7dff);
     height: 45px;
     transition: 0.2s;
     width: 45px;
    }
    
.iconoRedSocial:hover{
     filter: drop-shadow(0px 0px 10px #670ec6);
     transform: scale(1.3);
    } 
    
.textoFooter{
     color: white;
     display: grid;
     filter: drop-shadow(0px 1px 3px #670ec6);
     font-size: 25px;
     font-weight: bold;
     margin: auto;
     margin-top: 10px;
     place-items: center;
     width: 250px;
    }
    
.textoFooter2{
     color: white;
     display: grid;
     font-size: 15px;
     font-weight: bold;
     place-items: center;
    } 
    
@media (max-width: 1600px) {
.contenedorCajas{
     display: grid;
     gap: 150px;
     grid-template-columns: repeat(2, 250px);
     justify-content: center;
    }
    }
    
@media (max-width: 800px) {
.contenedorCajas{
     display: grid;
     gap: 50px;
     grid-template-columns: repeat(1, 250px);
     justify-content: center;
    }
    
.cajaConLista{
     color: var(--e-global-color-dc98f43);
     font-size: 25px;
     font-weight: bold;
     list-style:none;
    }
    
.textoFooter2{
     color: white;
     display: grid;
     font-size: 12px;
     font-weight: bold;
     place-items: center;
    } 
    }/* End custom CSS */