/* contacto.css */
/*
=========================================
CONTACTO
=========================================
*/

.contact-hero{

    position:relative;

    min-height:100vh;

    overflow:hidden;

    background:#030303;

}


.contact-hero-bg{

    position:absolute;

    inset:0;

    background-size:cover;

    background-position:center;

    transform:scale(1.08);

    filter:grayscale(1) brightness(.65);

}


.contact-overlay{

    position:absolute;

    inset:0;

    background:

    linear-gradient(
            to bottom,
            rgba(0,0,0,.15),
            rgba(0,0,0,.88)
    );

}


.contact-hero-title{

    position:absolute;

    left:7vw;

    bottom:10vh;

    z-index:2;

}


.contact-hero-title span{

    display:block;

    margin-bottom:20px;

    color:rgba(240,230,210,.55);

    font-size:11px;

    letter-spacing:.16em;

    text-transform:uppercase;

}


.contact-hero-title h1{

    font-family:'Bebas Neue';

    line-height:.85;

    font-size:clamp(90px,11vw,180px);

    color:var(--bone);

}


.contact-copy-section{

    background:#030303;

    padding:180px 0;

}


.contact-copy{

    max-width:900px;

    margin:auto;

}


.contact-copy span{

    color:rgba(240,230,210,.55);

    letter-spacing:.16em;

    text-transform:uppercase;

    font-size:11px;

}


.contact-copy h2{

    margin-top:20px;

    margin-bottom:60px;

    font-family:'Bebas Neue';

    font-size:clamp(60px,7vw,120px);

    line-height:.85;

}


.contact-copy p{

    font-size:16px;

    line-height:1.9;

    color:rgba(240,230,210,.78);

}


.contact-links{

    background:#030303;

    padding-bottom:180px;

    max-width:900px;

    margin:auto;

}


.contact-links a{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:40px 0;

    border-bottom:1px solid rgba(240,230,210,.12);

    color:var(--bone);

    letter-spacing:.16em;

    text-transform:uppercase;

    transition:.35s;

}


.contact-links a:hover{

    padding-left:24px;

}
/* usa el CSS entregado anteriormente */