.footer_contenedor
{
    min-height: calc(100vh - 300px);
}



.footer
{
    display: flex;
    position: relative;
    width: 100%;
    height: 300px;
    box-sizing: border-box;
    padding: 0 10%;
    background: rgb(39, 93, 75);
    color: #fff;
    justify-content: center;
}

.footer > div
{
    display: flex;
    height: 100%;
    color: rgb(240, 240, 240);
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
}

.footer > div > div
{
    display: flex;
    height: 228px;
    flex-direction: column;
    color: rgb(240, 240, 240);
    box-sizing: border-box;
}

/* Columna 1 del footer */

.footer_c1
{
    width: 28%;
    max-width: 500px;
}

.footer_c1 > div > img
{
    width:40%;
    min-width: 150px;
    max-width: 400px;
    margin-bottom: 40px;
}

.footer_c1 > div > div
{
    margin-left: 1px;
    margin-bottom: 8px;
}

/* Columna 2 del footer */

.footer_c2
{
    width: 100%;
    max-width: 500px;
    overflow: hidden;
    justify-content: end !important;
}

.footer_c2 > div
{
    border:1px solid rgb(240, 240, 240);
    width: 100%;
}

.footer_c2 > div > iframe
{
    width: 100%;
    height: 100%;
}


.footer_google_maps_carga
{
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    justify-content: center;

    animation: identifier 3s infinite;
    animation-direction: forward;
}


/*=========================================================================================*/
/*=========================================================================================*/
/*=========================================================================================*/
/* Arrancando con las correcciones para width menor a 900 */
@media (max-width: 900px)
{
    .footer_c1
    {
        width: 50%;
    }

    .footer_c2
    {
        width: 50%;
    }

    .footer_c2 > div
    {
        width: 100%;
    }
}


/*=========================================================================================*/
/*=========================================================================================*/
/*=========================================================================================*/
/* Arrancando con las correcciones para width menor a 900 */
@media (max-width: 250px)
{
    .footer_c2
    {
        display: none !important;
    }

    .footer_c1
    {
        width: 100% !important;
    }
    
    .footer > div > div
    {
        width: 200px;
    }

}