#footer-menus.container-link *{
    font-style: normal;
    font-variant: normal;
}

#footer-menus.container-link {
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
    max-width: 1366px;
}

#footer-menus.container-link  .editor-footer{
    max-width: 844px;
    
}

#footer-menus.container-link .editor-footer *{
    font-size: 14px;
    line-height: 20px;
    /*font-family: "Alright Sans";*/
}

#footer-menus.container-link .editor-footer h1{
    font-size: 18px;
    line-height: 24px;
    /*font-family: "Alright Sans Black";*/
}

.backup{
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    font-family: "Alright Sans";
}

footer #footer-menus .social-media{
    width:272px;
}

footer .footer-bottom{
    bottom: 13px;
}

@media screen and (max-width: 1023px){
    #footer-menus.container-link  .editor-footer{
        width: 50%;   
    }
}

@media screen and (max-width: 768px){
    #footer-menus.container-link {
        flex-direction: column;
        justify-content: center;
        margin-bottom: 30px;
    }
    #footer-menus.container-link  .editor-footer{
        width: 80%;
        min-width: 280px !important;
        padding-left: 0px !important;
    }
    #footer-menus .container-social{
        width: 272px !important;
        height: 152px !important;
    }
    footer #footer-menus .button-container {
        margin-left: auto;
    }
    #footer-menus.container-link{
        width: 100vw;
        margin-left: 0;
    }

    #footer-menus.container-link,
    footer #footer-menus > *:nth-child(n+3),
    footer #footer-menus > * + *{
        margin-top: 0px !important;
    }
    #footer-menus.container-link .editor-footer h1{
        margin-top: 30px;
    }
    /*footer #footer-menus > *{
        margin:auto;
    }*/

    div#menu-position-middle {
        width: 100%;
        margin-right: 0px !important;
    }
    .footer-menus-1{
        padding: 0px 40px !important;
    }
    footer #footer-menus{
        display: flex;
        flex-direction: column !important;
        align-items: center !important;
        margin: 64px 0px;
    }
    footer #footer-menus > *{
        margin-right: 0px !important;
    }
    footer #footer-menus {
    display: flex;
    flex-direction: column; /* Asegura que estén en columna */
    }

    footer #footer-menus div:nth-child(1) {
        order: 2;
    }

    footer #footer-menus div:nth-child(2) {
        order: 1; 
    }
    footer #footer-menus div:nth-child(3) {
        order: 3; 
    }
    footer #footer-menus div:nth-child(4) {
        order: 4; 
    }
    footer #footer-menus div:nth-child(5) {
        order: 5; 
    }
    footer #footer-menus div:nth-child(6) {
        order: 6; 
    }
    footer #footer-menus .button-container{
        width: 272px !important;
        height: 152px !important;
        margin: 0px 0px !important;
    }
    footer #footer-menus .button-container a{
        border-radius: 21px !important;
        width: 153px;
        height: 42px;
        padding: 10px 10px !important;
        font-size: 12px !important;
    }
    footer #footer-menus .button-container a .flecha{
        margin-left: 12px !important;
        position:  relative !important;
    }
    footer .footer-top .social-media-desktop{
        display: none !important;
    }
    footer #footer-menus .social-media-mobile{
        display: flex !important;
        padding-top: 0px !important;
        margin-top: 41px !important;
    }
    footer #footer-menus .social-media-mobile ul li a{
        width: 40px;
        height: 40px;
    }
    footer #footer-menus .social-media-mobile ul li{
        margin-right: 16px !important;
        margin-left: 0px !important;
    }
    footer #footer-menus .social-media ul{
        width: fit-content;
    }
    #footer-menus .social-media ul li:first-child a{
        border-bottom: none;
    }
    #footer-menus .mobile-line{
       width: 100%;
       height: auto;
    }
    #footer-menus .mobile-line hr{
        width: 100%;
        height: 2px;
        /* min-width: 328px; */
        background: #fff;
        display: block !important;
        position: static;
        margin: 0px 0px;
    }
    footer .footer-bottom img{
        max-width: 63px !important;
        max-height: auto !important;
        margin-bottom: 0px !important;
    }
    footer .footer-bottom .copyright p{
        margin-top: 0px !important;
        margin-left: 16px !important;
    }
    footer .footer-bottom{
        margin-top: 0px !important;
    }
    footer #footer-menus .styled-menu > li a{
        padding-bottom: 13px !important;
    }
    #footer-menus.container-link .editor-footer p{
        text-align: justify !important;
    }
}
/*  */
/*  */
@media (max-width: 768px){
    footer{
        margin-top: -50px !important;
    }
    footer .footer-top{
        margin-top: 50px !important;
    }

  /* Oculta todos los ítems excepto el primero */
  #footer-menus ul li:not(:first-child) {
    display: none;
  }

  /* Primer ítem visible siempre */
  #footer-menus ul li:first-child {
    display: block;
    cursor: pointer;
    position: relative;
  }

  #footer-menus ul li:first-child a{
    border-bottom: 1px solid #fff;
    margin-bottom: 15px !important;
  }

  /* Flecha */
  #footer-menus ul li:first-child::after {
    content: "\f078"; /* Font Awesome down arrow */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) scale(1.7, 1.3);
    /* transform: translateY(-50%); */
    transition: transform .25s;
  }

  /* Cuando el ul está abierto, muestra los li restantes */
  #footer-menus ul.open li:not(:first-child) {
    display: block;
  }

  #footer-menus ul.open li:first-child::after {
    transform: translateY(-50%) rotate(-180deg) scale(1.7, 1.3) !important;
  }
  
  footer #footer-menus .styled-menu{
    min-width: 280px !important;
    max-width: 400px !important;
  }
}
/*  */