@media (min-width: 1200px) {
    .footer-wrapper {
        gap: 60px;
        background-color: rgb(235, 235, 235) !important;
    }

    .footer-row-fixed-1, 
    .footer-row-fixed-2, 
    .footer-row-fixed-3 {
        width: 1200px;
        margin: 0 auto;
        background-color: rgb(235, 235, 235) !important;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .footer-row-fixed-1 {
        margin-top: 50px;
    }

    .footer-row-fixed-2 {
        margin-top: 35px;
    }

    .footer-row-fixed-3 {
        margin-top: 100px;
        padding-bottom: 50px;
    }

    .col-200 { 
        width: 200px; 
        flex-shrink: 0; 
    }

    .col-400 { 
        width: 400px; 
        flex-shrink: 0; 
    }
    .col-800 { 
        width: 800px; 
        flex-shrink: 0;
    }

    .footer-column-content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .texto-footer, .legal-footer {
        font-family: 'Open Sans', sans-serif !important;
        text-decoration: none !important;
        transition: all 0.3s ease;
    }

    .texto-footer {
        font-size: 12px !important;
        line-height: 25px !important;
        color: rgb(50, 50, 50) !important;
        text-decoration: none !important;
    }

    .legal-footer {
        font-size: 10px !important;
        line-height: 25px !important;
        color: rgb(50, 50, 50) !important;
        margin-top: 0;
    }

    .ai-brand {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .ai-company-name {
        font-family: 'euclid_circular_asemibold';
        font-size: 20px;
        color: rgb(50, 50, 50);
    }

    .ai-logo-container img {
        width: 32px;
        height: 32px;
        display: block;
    }

    .ai-20-container img {
        width: 102px;
        height: auto;
        display: block;
        padding-top: 5px;
    }

    .texto-footer:visited, .footer-rrss:visited, .footer-text:visited {
        color: rgb(50, 50, 50) !important;
    }

    .hide-mobile {
        display: block !important;
    }

    .hide-desktop {
        display: none !important;
    }
}










@media (max-width: 1200px) {
    .footer-wrapper {
        background-color: #fff;
    }

    .hide-mobile {
        display: none !important;
    }

    .hide-desktop {
        display: block !important;
    }

    .ai-menu-wrapper {
        width: 100%;
        box-sizing: border-box;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .row1 {
        display: flex;
        width: 100%;
        margin-bottom: 15px;
    }

    .row2 {
        display: flex;
        width: 100%;
        margin-bottom: 30px;
    }

    .row3 {
        display: flex;
        width: 100%;
        margin-bottom: 60px;
    }

    .row4 {
        display: flex;
        width: 100%;
        margin-bottom: 10px;
    }

    .row5 {
        display: flex;
        width: 100%;
    }

    .col-full { 
        width: 100%; 
    }

    .col-50:first-child {
        flex: 0 0 210px;
    }

    .col-50:last-child {
        flex: 1; 
        width: auto;
    }

    .ml-20 {
        margin-left: 20px;
    }

    .mr-20 { 
        margin-right: 20px;
    }

    .sumbre { 
        text-align: right;
        margin-right: 20px;
    }

    .footer-rrss {
        font-family: 'Open Sans', sans-serif;
        font-size: 15px;
        line-height: 18px;
        color: rgba(50, 50, 50, 1);
        text-decoration: none;
        display: block;
        margin-bottom: 10px;
        -webkit-font-smoothing: antialiased;
        pointer-events: auto !important; /* Asegura que responda al click */
        position: relative;
        z-index: 10;
        cursor: pointer;
    }

    .footer-text {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        line-height: 16px;
        color: rgba(50, 50, 50, 1);
        text-decoration: none;
        display: block;
        margin-bottom: 10px;
        -webkit-font-smoothing: antialiased;
        text-decoration: none !important;
    }

    .footer-text-legal {
        font-family: 'Open Sans', sans-serif;
        font-size: 10px;
        line-height: 20px;
        color: rgba(50, 50, 50, 1);
        text-decoration: none;
        display: block;
        margin-bottom: 10px;
        -webkit-font-smoothing: antialiased;
        text-decoration: none !important;
    }

    .footer-group {
        display: flex;
        flex-direction: column;
    }

    .ai-logo-container {
        width: 32px !important;
        height: 32px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
    }

    .ai-logo-container img {
        width: 100% !important;
        height: 100% !important;
        display: block;
    }

    .footer-main-img {
        width: 102px;
        height: auto;
        display: block;
    }
}