.footer_1 {

    background:                             var( --color_texto );
    color:                                  var( --color_blanco );
    font-family:                            var( --fuente_secundaria );
    width:                                  100%;

}
.footer_1 * {

    box-sizing:                             border-box;

}
.footer_1 a {

    color:                                  inherit;
    text-decoration:                        none;

}
.footer_1 button {

    font-family:                            inherit;

}
.footer_1_contenedor {

    margin:                                 auto;
    max-width:                              1440px;
    width:                                  94%;

}

/* =========================================================
   CONTENIDO PRINCIPAL
========================================================= */
.footer_1_principal {

    padding:                                42px 0 24px;

}
.footer_1_presentacion {

    margin-bottom:                          28px;

}
.footer_1_marca {

    display:                                inline-block;
    font-family:                            var( --fuente_principal );
    font-size:                              22px;
    font-weight:                            var( --peso_negrita );
    line-height:                            1.2;
    margin-bottom:                          10px;

}
.footer_1_descripcion {

    color:                                  rgba( 255 , 255 , 255 , .76 );
    font-size:                              13px;
    line-height:                            1.7;
    margin:                                 0;
    max-width:                              390px;

}

/* =========================================================
   CONTACTO
========================================================= */
.footer_1_contacto {

    display:                                grid;
    gap:                                    10px;
    margin-top:                             24px;

}
.footer_1_contacto > a {

    align-items:                            center;
    border:                                 1px solid rgba( 255 , 255 , 255 , .16 );
    border-radius:                          10px;
    display:                                flex;
    gap:                                    11px;
    min-width:                              0;
    padding:                                11px 12px;
    transition:                             background-color .2s ease,
                                                border-color .2s ease;

}
.footer_1_contacto > a:hover {

    background:                             rgba( 255 , 255 , 255 , .08 );
    border-color:                           rgba( 255 , 255 , 255 , .28 );

}
.footer_1_contacto_icono {

    align-items:                            center;
    color:                                  var( --color_principal );
    display:                                flex;
    flex:                                   0 0 28px;
    font-size:                              18px;
    justify-content:                        center;
    width:                                  28px;

}
.footer_1_contacto > a > span:last-child {

    display:                                flex;
    flex-direction:                         column;
    min-width:                              0;

}
.footer_1_contacto small {

    color:                                  rgba( 255 , 255 , 255 , .62 );
    font-size:                              10px;
    line-height:                            1.3;

}
.footer_1_contacto strong {

    font-family:                            var( --fuente_principal );
    font-size:                              12px;
    font-weight:                            var( --peso_seminegrita );
    line-height:                            1.45;
    overflow-wrap:                          anywhere;

}

/* =========================================================
   NAVEGACIÓN
========================================================= */
.footer_1_navegacion {

    border-top:                             1px solid rgba( 255 , 255 , 255 , .14 );

}
.footer_1_grupo {

    border-bottom:                          1px solid rgba( 255 , 255 , 255 , .14 );

}
.footer_1_grupo_boton {

    align-items:                            center;
    background:                             transparent;
    border:                                 0;
    color:                                  var( --color_blanco );
    cursor:                                 pointer;
    display:                                flex;
    font-family:                            var( --fuente_principal );
    font-size:                              14px;
    font-weight:                            var( --peso_seminegrita );
    justify-content:                        space-between;
    min-height:                             58px;
    padding:                                0;
    text-align:                             left;
    width:                                  100%;

}
.footer_1_grupo_boton i {

    font-size:                              15px;
    transition:                             transform .2s ease;

}
.footer_1_grupo.abierto .footer_1_grupo_boton i {

    transform:                              rotate( 180deg );

}
.footer_1_grupo_enlaces {

    display:                                none;
    padding:                                0 0 18px;

}
.footer_1_grupo_enlaces a {

    color:                                  rgba( 255 , 255 , 255 , .74 );
    display:                                block;
    font-size:                              13px;
    line-height:                            1.45;
    padding:                                8px 0;
    transition:                             color .2s ease,
                                            padding-left .2s ease;

}
.footer_1_grupo_enlaces a:hover {

    color:                                  var( --color_blanco );
    padding-left:                           4px;

}

/* =========================================================
   FRANJA INFERIOR
========================================================= */
.footer_1_inferior {

    background:                             rgba( 0 , 0 , 0 , .18 );
    border-top:                             1px solid rgba( 255 , 255 , 255 , .08 );

}
.footer_1_inferior_contenido {

    align-items:                            center;
    display:                                flex;
    flex-direction:                         column;
    gap:                                    8px;
    justify-content:                        center;
    min-height:                             70px;
    padding:                                14px 0;
    text-align:                             center;

}
.footer_1_inferior p {

    color:                                  rgba( 255 , 255 , 255 , .66 );
    font-size:                              10px;
    line-height:                            1.6;
    margin:                                 0;

}
.footer_1_inferior a {

    color:                                  var( --color_principal );
    font-family:                            var( --fuente_principal );
    font-size:                              11px;
    font-weight:                            var( --peso_seminegrita );
    transition:                             opacity .2s ease;

}
.footer_1_inferior a:hover {

    opacity:                                .78;

}
.footer_1_inferior_enlaces {

    align-items:                            center;
    display:                                flex;
    flex-wrap:                              wrap;
    gap:                                    14px;
    justify-content:                        center;

}
.footer_1_inferior_enlaces a {

    position:                               relative;

}
.footer_1_inferior_enlaces a + a::before {

    color:                                  rgba( 255 , 255 , 255 , .28 );
    content:                                "|";
    left:                                   -8px;
    position:                               absolute;

}

/* =========================================================
   ESCRITORIO
========================================================= */
@media ( min-width: 768px ){

    .footer_1_contacto {

        grid-template-columns:              repeat( 2 , minmax( 0 , 1fr ) );

    }

}
@media ( min-width: 992px ){

    .footer_1_principal {

        padding:                            54px 0 38px;

    }
    .footer_1_principal .footer_1_contenedor {

        align-items:                        flex-start;
        display:                            grid;
        gap:                                68px;
        grid-template-columns:              minmax( 280px , .9fr ) minmax( 520px , 1.6fr );

    }
    .footer_1_presentacion {

        margin-bottom:                      0;

    }
    .footer_1_marca {

        font-size:                          25px;

    }
    .footer_1_contacto {

        grid-template-columns:              1fr;
        max-width:                          390px;

    }
    .footer_1_navegacion {

        border-top:                         0;
        display:                            grid;
        gap:                                32px;
        grid-template-columns:              repeat( 4 , minmax( 0 , 1fr ) );

    }
    .footer_1_grupo {

        border-bottom:                      0;

    }
    .footer_1_grupo_boton {

        cursor:                             default;
        min-height:                         0;
        pointer-events:                     none;

    }
    .footer_1_grupo_boton i {

        display:                            none;

    }
    .footer_1_grupo_enlaces {

        display:                            block !important;
        padding:                            16px 0 0;

    }
    .footer_1_grupo_enlaces a {

        padding:                            6px 0;

    }
    .footer_1_inferior_contenido {

        flex-direction:                     row;
        justify-content:                    space-between;
        min-height:                         58px;
        text-align:                         left;

    }

}
@media ( min-width: 1200px ){

    .footer_1_principal .footer_1_contenedor {

        gap:                                90px;
        grid-template-columns:              minmax( 320px , .85fr ) minmax( 650px , 1.65fr );

    }

}