/*=================================================
CONTACTO
==================================================*/

.contacto{

    padding:100px 0;

    background:#111;

    color:#fff;

}

.contact-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:60px;

    margin-top:60px;

}

.contact-info{

    display:flex;

    flex-direction:column;

    gap:25px;

}

.contact-item{

    display:flex;

    align-items:flex-start;

    gap:18px;

}

.contact-item i{

    width:55px;

    height:55px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#d71920;

    font-size:22px;

}

.contact-item h3{

    margin-bottom:5px;

    font-size:18px;

}

.contact-item p{

    color:#cccccc;

}

.contact-card{

    background:#1c1c1c;

    padding:45px;

    border-radius:18px;

    border:1px solid rgba(255,255,255,.08);

}

.contact-card h3{

    font-size:32px;

    margin-bottom:20px;

}

.contact-card p{

    line-height:1.8;

    color:#d6d6d6;

    margin-bottom:35px;

}

.contact-card .btn{

    width:100%;

    justify-content:center;

}

@media(max-width:900px){

.contact-grid{

grid-template-columns:1fr;

}

.contact-card{

padding:35px 25px;

}

.contact-card h3{

font-size:26px;

}

}