/*=========================================================
FOOTER
=========================================================*/

.footer{

    width:100%;

    background:#1b1b1b;

    padding:70px 70px 50px;

}

.footer-container{

    max-width:1500px;

    margin:auto;

    display:flex;

    justify-content:space-between;

    gap:150px;

}

/*=========================================================
COLUMNA IZQUIERDA
=========================================================*/

.footer-left{

    flex:1;

    max-width:700px;

}

.footer-logo{

    width:125px;

    display:block;

    margin-bottom:55px;

}

/*=========================================================
HORARIOS
=========================================================*/

.footer-hours{

    margin-bottom:42px;

}

.footer-hours p{

    color:#f0f0f0;

    font-size:18px;

    line-height:1.8;

}

.footer-hours strong{

    font-weight:600;

}

/*=========================================================
BLOQUES
=========================================================*/

.footer-contact{

    margin-bottom:42px;

}

.footer-title{

    font-size:19px;

    font-weight:500;

    margin-bottom:18px;

    text-transform:uppercase;

    letter-spacing:.3px;

}

/*=========================================================
ITEM
=========================================================*/

.footer-item{

    display:flex;

    align-items:center;

    gap:15px;

    text-decoration:none;

    color:#d9d9d9;

    margin-bottom:14px;

    font-size:17px;

    transition:.25s;

}

.footer-item:hover{

    color:#ffffff;

}

.footer-item img{

    width:20px;

    height:20px;

    object-fit:contain;

    flex-shrink:0;

}

/*=========================================================
GRID
=========================================================*/

.footer-grid{

    display:grid;

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

    gap:45px;

}

/*=========================================================
DESARROLLADO
=========================================================*/

.footer-developed{

    margin-top:20px;

}

.footer-developed p{

    font-size:17px;

    margin-bottom:18px;

}

.footer-developed-logo{

    width:85px;

    display:block;

}

/*=========================================================
COLUMNA DERECHA
=========================================================*/

.footer-right{

    width:520px;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

}

.footer-newsletter{

    margin-top:140px;

}

.footer-heading{

    color:#1944938;

    font-weight:400;

    font-size:25px;

    line-height:1.45;

    margin-bottom:55px;

}

/*=========================================================
FORMULARIO
=========================================================*/

.footer-form{

    width:100%;

}

.footer-fields{

    display:flex;

    gap:25px;

    margin-bottom:55px;

}

.footer-field{

    flex:1;

}

.footer-field input{

    width:100%;

    background:transparent;

    border:none;

    border-bottom:2px solid rgba(255,255,255,.65);

    color:#fff;

    font-size:18px;

    padding:12px 0;

    outline:none;

}

.footer-field input::placeholder{

    color:#9d9d9d;

    opacity:1;

}

/*=========================================================
BOTON
=========================================================*/

.footer-button-wrapper{

    display:flex;

    justify-content:flex-end;

}

.footer-button{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:16px;

    background:#194493;

    color:#fff;

    border:none;

    cursor:pointer;

    width:210px;

    height:56px;

    border-radius:0 18px 0 18px;

    letter-spacing:5px;

    font-size:18px;

    transition:.25s;

}

.footer-button:hover{

    background:#1944AA;

}

.footer-button img{

    width:18px;

    height:18px;

    object-fit:contain;

}

/*=========================================================
COPYRIGHT
=========================================================*/

.footer-copy{

    margin-top:170px;

    color:#d6d6d6;

    text-align:right;

    font-size:17px;

}

/*=========================================================
RESPONSIVE
=========================================================*/

@media(max-width:1200px){

    .footer{

        padding:60px 35px;

    }

    .footer-container{

        gap:70px;

    }

    .footer-right{

        width:420px;

    }

}

@media(max-width:992px){

    .footer-container{

        flex-direction:column;

        gap:70px;

    }

    .footer-left{

        max-width:100%;

    }

    .footer-right{

        width:100%;

    }

    .footer-newsletter{

        margin-top:0;

    }

    .footer-copy{

        margin-top:80px;

        text-align:left;

    }

}

@media(max-width:768px){

    .footer{

        padding:50px 25px;

    }

    .footer-grid{

        grid-template-columns:1fr;

        gap:20px;

    }

    .footer-fields{

        flex-direction:column;

        gap:25px;

    }

    .footer-button-wrapper{

        justify-content:flex-start;

    }

    .footer-heading{

        font-size:28px;

    }

}

@media(max-width:480px){

    .footer-logo{

        width:110px;

    }

    .footer-hours p{

        font-size:16px;

    }

    .footer-title{

        font-size:17px;

    }

    .footer-item{

        font-size:16px;

    }

    .footer-button{

        width:100%;

    }

    .footer-copy{

        font-size:15px;

    }

}