/* ==================================================
   ESTILOS GLOBALES: Footer About
   ================================================== */

div.footer__separator div.elementor-divider {
    justify-content: center;
}

div.footer__separator span.elementor-divider-separator {
    background: #FFF;
}

div.footer-about__icon-social-media { 
    text-align: center;
}

div.footer-about__icon-social-media > div {
    display: flex !important; 
}    

div.footer-about__text {
    width: 100%; 
}

div.footer-about__text > p {
    text-align: center;
    color: #A5A4A8 !important;
    font-weight: 300; 
    margin: 0 auto !important;     
}

    /* ======= ORDER ELEMENTS ======= */

div.footer-about__logo {
    order: 1;    
}

div.footer__separator-1 {
    order: 2;    
}

div.footer-about__icon-social-media {
    order: 3;   
}

div.footer__separator-2 {
    order: 4;    
}

div.footer-about__text {
    order: 5;    
}



/* ==================================================
   ESTILOS DESKTOP: Footer About
   ================================================== */

@media screen and (min-width: 1025px) {
    
    div.footer-about__logo a {
        margin-left: -8px;
    }
    
    div.footer-about__logo img {
        width: 48% !important;
    }
    
    div.footer__separator span.elementor-divider-separator {
        width: 68%;
        max-width: 12rem;
        height: 2.5px;
        margin: 1rem 0;
    }
    
    div.footer-about__icon-social-media > div {
        gap: 1rem !important;
    }    
    
    div.footer-about__icon-social-media a.elementor-social-icon,
    div.footer-about__icon-social-media svg {
        width: 1.8rem;
        height: 1.8rem;
    }        
    
    div.footer-about__text > p {
        font-size: 1rem;
        width: 90%;
        max-width: 17rem;
        padding-bottom: .8rem;
    }
    
    div.footer__separator--methods-payment {
        display: none;
    }
}



/* ==================================================
   ESTILOS MOBILE: Footer About
   ================================================== */
   
@media screen and (max-width: 767px) {
    
    div.footer-about__logo img {
        width: 10.5rem !important;
        padding: 1rem 0 2rem 0;
    }      
    
        /* ======= ORDER ELEMENTS ======= */    
    
    div.footer-about__text {
        order: 2;    
    }      
    
    div.footer__separator-1 {
        order: 3;    
    }
    
    div.footer-about__icon-social-media {
        order: 4;   
    }
    
    div.footer__separator-2 {
        order: 5;    
    }
    
        /* ======= TEXT & SOCIAL MEDIA ICONS ======= */
    
    div.footer-about__text > p {
        font-size: 1.05rem;
        width: 90%;
        max-width: 20rem;
        padding-bottom: .8rem;
    }
    
    div.footer__separator span.elementor-divider-separator {
        width: 70%;
        height: 2.5px;
        margin: 1rem 0;
    }
    
    div.footer-about__icon-social-media > div {
        gap: 1rem !important;
    }    
    
    div.footer-about__icon-social-media a.elementor-social-icon,
    div.footer-about__icon-social-media svg {
        width: 2rem;
        height: 2rem;
    }
}
   
   
   
/* ==================================================
   ESTILOS TABLET: Footer About
   ================================================== */

@media screen and (min-width: 768px) and (max-width: 1024px) {
    div.footer-about__logo img {
        width: 10.5rem !important;
    }
    
    
    
    
    
    
    div.footer-about__logo a {
        margin-left: -8px;
    }
    
    div.footer-about__logo img {
        width: 48% !important;
    }
    
    div.footer__separator span.elementor-divider-separator {
        width: 68%;
        max-width: 12rem;
        height: 2.5px;
        margin: 1rem 0;
    }
    
    div.footer-about__icon-social-media > div {
        gap: 1rem !important;
    }    
    
    div.footer-about__icon-social-media a.elementor-social-icon,
    div.footer-about__icon-social-media svg {
        width: 1.8rem;
        height: 1.8rem;
    }        
    
    div.footer-about__text > p {
        font-size: 1rem;
        width: 90%;
        max-width: 17rem;
        padding-bottom: .8rem;
    }
    
    div.footer__separator--methods-payment {
        display: none;
    }
}