.nav{
    width:100%;
    height:105px;

    background:white;

    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);

    display:flex;
    align-items:center;
    justify-content:center;

    gap:300px;

    padding:0 60px;

    position:fixed;
    top:0;
    left:0;

    z-index:9999;

    /* SOMBRA INTERIOR */
    box-shadow:
    inset 0 -1px 0 rgba(0,0,0,0.06),
    inset 0 12px 25px rgba(255,255,255,0.55),
    inset 0 -12px 25px rgba(0,0,0,0.03),
    0 10px 30px rgba(0,0,0,0.05);
}


.menu li a{
    text-decoration:none;

    color:#181818;

    font-size:13px;
    font-weight:100;

    letter-spacing:.8px;

    transition:.35s ease;

    position:relative;
}

/* LINEA */
.menu li a::after{

    content:'';

    position:absolute;

    left:0;
    bottom:-10px;

    width:0%;
    height:2px;

    background:#e10600;

    transition:.35s ease;
}











/* =========================================
CONTACTO + MAPA TODOIMPORTA
ULTRA PREMIUM
========================================= */

.contacto-mapa{
    position:relative;

    min-height:900px;

    display:flex;
    align-items:center;

    /* IZQUIERDA */
    justify-content:flex-start;

    overflow:hidden;

    padding:120px 80px;

    background:#111111;
}

/* =========================================
MAPA
========================================= */

.mapa-bg{
    position:absolute;

    inset:0;

    z-index:1;
}

/* IFRAME */
.mapa-bg iframe{
    width:100%;
    height:100%;

    border:none;

    filter:
    grayscale(100%)
    contrast(1.1)
    brightness(.45);
}

/* OVERLAY */
.mapa-bg::after{
    content:'';

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        135deg,
        rgba(0,0,0,0.78) 0%,
        rgba(0,0,0,0.55) 40%,
        rgba(225,6,0,0.20) 100%
    );
}

/* =========================================
BOX
========================================= */

.contacto-box{
    position:relative;

    z-index:5;

    width:100%;
    max-width:620px;

    padding:55px 50px;

    border-radius:38px;

    background:
    rgba(255,255,255,0.95);

    backdrop-filter:blur(14px);

    box-shadow:
    0 35px 90px rgba(0,0,0,0.28);

    border:
    1px solid rgba(255,255,255,0.45);
}

/* =========================================
TITULO
========================================= */

.contacto-box h2{
    font-size:58px;

    line-height:1;

    color:#111111;

    margin-bottom:16px;

    font-weight:800;

    letter-spacing:-2px;
}

/* SUB */
.subtitle{
    font-size:17px;

    line-height:1.9;

    color:#666666;

    margin-bottom:42px;
}

/* =========================================
INFO
========================================= */

.contacto-info{
    display:flex;

    flex-direction:column;

    gap:22px;

    margin-bottom:42px;
}

/* ITEM */
.info-item{
    display:flex;

    gap:18px;

    align-items:flex-start;

    padding:24px;

    border-radius:24px;

    background:#ffffff;

    border:
    1px solid rgba(0,0,0,0.05);

    box-shadow:
    0 15px 35px rgba(0,0,0,0.05);

    transition:.4s ease;
}

/* HOVER */
.info-item:hover{
    transform:
    translateY(-4px);

    box-shadow:
    0 25px 50px rgba(0,0,0,0.10);
}

/* ICON */
.info-item span{
    width:58px;
    height:58px;

    min-width:58px;

    border-radius:18px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
    linear-gradient(
        135deg,
        #e10600,
        #ff2d2d
    );

    color:#ffffff;

    font-size:24px;

    box-shadow:
    0 15px 30px rgba(225,6,0,.20);
}

/* TEXTOS */
.info-item p{
    font-size:15px;

    line-height:1.9;

    color:#555555;
}

/* STRONG */
.info-item strong{
    display:block;

    margin-bottom:6px;

    color:#111111;

    font-size:16px;
}

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

.btn.primary{
    width:100%;

    height:66px;

    border-radius:22px;

    display:flex;
    align-items:center;
    justify-content:center;

    text-decoration:none;

    background:
    linear-gradient(
        135deg,
        #111111,
        #1c1c1c
    );

    color:#ffffff;

    font-size:15px;
    font-weight:700;

    letter-spacing:.5px;

    transition:.4s ease;

    box-shadow:
    0 20px 40px rgba(0,0,0,0.14);
}

/* HOVER */
.btn.primary:hover{
    background:
    linear-gradient(
        135deg,
        #e10600,
        #ff2d2d
    );

    transform:
    translateY(-4px);

    box-shadow:
    0 25px 50px rgba(225,6,0,.25);
}

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

@media(max-width:768px){

    .contacto-mapa{
        padding:90px 20px;
    }

    .contacto-box{
        padding:38px 28px;
    }

    .contacto-box h2{
        font-size:40px;

        letter-spacing:-1px;
    }

    .subtitle{
        font-size:15px;
    }

    .info-item{
        padding:20px;
    }

}