/*======================================================
                RESET
======================================================*/

*,
*::before,
*::after{

    margin:0;
    padding:0;
    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    background:var(--color-negro);

    color:var(--color-blanco);

    font-family:var(--fuente-texto);

    overflow-x:hidden;

    line-height:1.6;

}

img{

    display:block;

    max-width:100%;

    height:auto;

}

a{

    text-decoration:none;

    color:inherit;

}

ul{

    list-style:none;

}

button{

    border:none;

    cursor:pointer;

    background:none;

    font-family:inherit;

}

input,
textarea{

    font-family:inherit;

}

/*======================================================
                CONTENEDOR
======================================================*/

.container{

    width:min(92%,1500px);

    margin:auto;

}

/*======================================================
                TITULOS
======================================================*/

h1,
h2,
h3,
h4{

    font-family:var(--fuente-titulo);

    font-weight:600;

}

section{

    position:relative;

}

/*======================================================
                BOTONES
======================================================*/

.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 36px;

    min-width:220px;

    height:58px;

    transition:all .35s ease;

    text-transform:uppercase;

    letter-spacing:1px;

    font-size:.82rem;

    font-weight:600;

}

.btn-gold{

    background:var(--color-dorado);

    color:#111;

    box-shadow:0 12px 30px rgba(200,164,77,.18);

    position:relative;

    overflow:hidden;

}

.btn-gold:hover{

    transform:translateY(-4px);

    background:#D8B96A;

}

.btn-outline{

    border:1px solid rgba(200,164,77,.65);

    color:var(--color-dorado);

}

.btn-outline:hover{

    background:var(--color-dorado);

    color:#111;

}

.btn-gold::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:60%;

    height:100%;

    background:linear-gradient(

        120deg,

        transparent,

        rgba(255,255,255,.45),

        transparent

    );

    transition:.7s;

}

.btn-gold:hover::before{

    left:160%;

}

/*======================================================
                ESPACIADO
======================================================*/

main{

    margin-top:100px;

}
/*======================================================
                COMPONENTES GLOBALES
======================================================*/

/*----------- TÍTULOS DE SECCIÓN -----------*/

.section-header{

    text-align:center;

    margin-bottom:70px;

}

.section-header h2{

    font-family:var(--fuente-titulo);

    font-size:3.3rem;

    color:#222;

    font-weight:600;

    margin-bottom:18px;

}

/*----------- DIVISOR -----------*/

.section-divider{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:18px;

}

.section-divider::before,
.section-divider::after{

    content:"";

    width:90px;

    height:1px;

    background:var(--color-dorado);

}

.section-divider span{

    color:var(--color-dorado);

    font-size:18px;

}