/*==================================================
                HEADER SPEN
==================================================*/


.header{

    position:sticky;
    top:0;
    left:0;

    width:100%;

    background:#fff;

    box-shadow:0 2px 18px rgba(0,0,0,.08);

    z-index:9999;

}

.header .contenedor{

    display:flex;

    align-items:center;

    justify-content:space-between;

    min-height:110px;

}

/*==================================================
                    LOGO
==================================================*/

.logo-area{

    display:flex;

    align-items:center;

    flex:0 0 275px;

}

.logo img{

    width:92px;

    height:92px;

    object-fit:contain;

}

.marca{

    margin-left:18px;

    line-height:1;

}

.marca h2{

    margin:0;

    font-family:'Bodoni Moda', serif;

    line-height:.90;

}
.spen{

    display:block;

    font-size:35px;

    font-weight:900;

    color:#7f1010;

    letter-spacing:-0.5px;

}
.propiedades{

    display:block;

    font-size:24px;

    font-weight:600;

    color:#d6a320;

    letter-spacing:1px;

}

.marca > span{

    display:block;

    margin-top:6px;

    font-size:11px;

    font-weight:700;

    letter-spacing:2px;

    color:#555;

    text-transform:uppercase;

}


/*==================================================
                    MENU
==================================================*/

.header nav{

    flex:1;

    display:flex;

    justify-content:center;

    margin:0 20px;
}
.header nav ul{

    display:flex;

    flex-direction:row;

    align-items:center;

    justify-content:center;

    gap:26px;

    list-style:none;

    margin:0;

    padding:0;

}

.header nav li{

    margin:0;

    padding:0;

}

.header nav a{

    position:relative;

    display:flex;

    align-items:center;

    height:72px;

    text-decoration:none;

    color:#202020;

    font-size:12px;

    font-weight:600;

    text-transform:uppercase;

    transition:.25s;

}

.header nav a:hover{

    color:#8b1010;

}

.header nav a.activo{

    color:#8b1010;

}

.header nav a.activo::after{

    content:"";

    position:absolute;

    bottom:10px;

    left:0;

    width:100%;

    height:3px;

    border-radius:20px;

    background:#8b1010;

}
/*==================================================
                    BOTÓN
==================================================*/

.btn-header{

    flex-shrink:0;

    width:200px;

    height:35px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    background:#be1111;

    color:#ffffff;

    border-radius:10px;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    transition:.25s;

}

.btn-header:hover{

    background:#be8b11;

    transform:translateY(-2px);

}

.btn-header i{

    font-size:18px;

}