/* =========================================
   CONTACTO MAPA PREMIUM
========================================= */
.contacto-mapa{
    position:relative;
    width:100%;
    height:650px;
    margin-top:150px;
    overflow:hidden;
}

/* MAPA */
.mapa-bg{
    position:absolute;
    inset:0;
    z-index:1;
}

.mapa-bg iframe{
    width:100%;
    height:100%;
    border:0;
    filter:grayscale(15%) brightness(88%);
}

/* capa suave encima */
.contacto-mapa::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(20,20,20,0.18);
}

/* TARJETA */
.contacto-box{
    position:absolute;
    top:50%;
    left:8%;
    transform:translateY(-50%);
    z-index:3;

    width:430px;
    background:rgba(255,255,255,0.94);
    backdrop-filter:blur(10px);

    border-radius:28px;
    padding:40px 35px;

    box-shadow:0 20px 45px rgba(0,0,0,0.18);
    border:1px solid rgba(255,255,255,0.5);
}

/* TITULOS */
.contacto-box h2{
    font-size:42px;
    margin-bottom:8px;
    color:#222;
    font-family:'Times New Roman', serif;
}

.contacto-box .subtitle{
    color:#7a8d52;
    font-size:15px;
    font-weight:600;
    margin-bottom:30px;
    letter-spacing:1px;
}

/* INFO */
.contacto-info{
    display:flex;
    flex-direction:column;
    gap:18px;
    margin-bottom:30px;
}

.info-item{
    display:flex;
    gap:14px;
    align-items:flex-start;
}

.info-item span{
    font-size:22px;
    margin-top:2px;
}

.info-item p{
    margin:0;
    color:#555;
    line-height:1.7;
    font-size:14px;
}

.info-item strong{
    color:#222;
}

/* BOTON */
.contacto-box .btn{
    display:inline-block;
    background:#6f7f46;
    color:#fff;
    padding:14px 28px;
    border-radius:30px;
    text-decoration:none;
    font-weight:600;
    box-shadow:0 10px 25px rgba(111,127,70,0.2);
    transition:.3s;
}

.contacto-box .btn:hover{
    background:#5b6b38;
    transform:translateY(-3px);
}