.imagen-contacto{

    height:450px;

    background:
    linear-gradient(rgba(0,0,0,.005),rgba(0,0,0,.00005)),
    url("../images/contacto-background.png");

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}

.cards-contacto{

    margin-top:-90px;

}

.card-contacto{

    border:none;

    border-radius:20px;

    transition:.35s;

}

.card-contacto:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 50px rgba(0,0,0,.15);

}

.card-contacto .card-body{

    padding:35px;

}

.icono-contacto{

    font-size:2.8rem;

    color:#8E1620;

    margin-bottom:20px;

}

.card-contacto h5{

    font-weight:700;

    margin-bottom:20px;

}

.card-contacto p{

    color:#666;

    line-height:1.8;

}

.texto-contacto{

    margin-top:70px;
    margin-bottom:80px;

}

.texto-contacto h2{

    font-size:2.3rem;
    font-weight:700;
    margin-bottom:20px;
    color:#1f1f1f;

}

.texto-contacto p{

    font-size:1.1rem;
    color:#666;
    line-height:1.8;
    margin-bottom:35px;

}

.boton-contacto{

    background:#8E1620;
    color:white;
    padding:14px 40px;
    border-radius:50px;
    font-weight:600;
    transition:.3s;

}

.boton-contacto:hover{

    background:#6f1119;
    color:white;
    transform:translateY(-3px);

}

.mapa-section{

    padding:90px 0;

    background:#f8f9fa;

}

.titulo-mapa{

    font-size:3rem;
    font-weight:700;

}

.subtitulo-mapa{

    max-width:700px;
    margin:auto;
    color:#666;
    font-size:1.1rem;

}

.mapa-container{

    overflow:hidden;
    border-radius:24px;

    box-shadow:0 15px 45px rgba(0,0,0,.12);

}

.mapa-container iframe{

    width:100%;
    height:500px;
    border:0;

}

.info-mapa{

    background:white;

    border-radius:24px;

    padding:45px;

    box-shadow:0 15px 45px rgba(0,0,0,.08);

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;

}

.info-mapa h3{

    font-weight:700;

    margin-bottom:30px;

}

.info-mapa p{

    font-size:1.05rem;

    margin-bottom:20px;

    color:#555;

}

.info-mapa i{

    color:#8E1620;

    margin-right:12px;

    font-size:1.2rem;
    

}

.btn-mapa{

    margin-top:20px;

    padding:14px 40px;

    border-radius:50px;

    background:#8E1620;

    color:white;

    font-weight:600;

}

.btn-mapa:hover{

    background:#6f1119;

    color:white;

}