@import url('general.css');
/* FOOTER */
.container_footer{
    padding: 20px 30px;
    width: 100%; 
    /* height: 200px; */
    background: var(--color-background-footer);
    border-bottom: 1px solid var(--color-secundario-footer);
    border-top: 1px solid var(--color-secundario-footer);
    color: #F4F4F4;
}
.fcontainer_footer{
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 30px;
    padding: 0 20px;
}
.scontainer_footer{
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 20px;
}

.footer_logo{
    width: 100px;
    cursor: pointer;
}

.ffooter_section{
    align-items: center;
    gap: 20px;
}

.ffooter_section_two{
    display: flex;
    align-items: center;
    gap: 20px;
    padding-bottom: 20px;
}

.ffooter_section h1{
    font-size: 20px;
    color: #F4F4F4;
    font-weight: 600;    
    text-align: center;
}

.sfooter_section{
    width: 30%;
}

.sfooter_section h4{
    font-size: 17px;
    width: 30%;
    font-weight: 700;
    padding-bottom: 20px;
    width: 100%;
}

.tfooter_section h4{
    font-size: 17px;
    width: 30%;
    font-weight: 700;
    padding-bottom: 20px;
    text-align: center;
}

.tfooter_section ul,
.tfooter_section a {
    list-style: none;
    color: #F4F4F4;
    font-weight: 600;
}
.tfooter_section li{
    padding-bottom: 5px
}

.tfooter_section a {
    text-decoration: none; 
}

.tfooter_section a:hover {
    text-decoration: underline;
}
.terjetas_two{
    display: none;
}
.svg_two{
    display: none;
}

@media screen and (max-width: 825px){

    .fcontainer_footer{
        flex-direction: column;
    }
    .ffooter_section_two{
        padding-bottom: 0 ;
    }
    .sfooter_section{
        width: 90%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .sfooter_section h4{
        text-align: center;
    }
    .tfooter_section h4{
        font-size: 17px;
        width: 90%;
        font-weight: 700;
        padding-bottom: 20px;
        text-align: center;
    }
    .tfooter_section {
        padding-bottom: 20px;
    }

    .sfooter_section{
        font-size: 10px;
        display: flex;
        width: 90%;
        text-align: center;
    }

    .tfooter_section ul,
    .tfooter_section h4{
        text-align: center;
        width: 100%;
    }
    .tfooter_section li{
        padding-bottom: 10px
    }
    .terjetas_one{
        display: none;
    }
    .terjetas_two{
        display: block;
    }
    .svg_two{
        display: block;
    }
}