/*==================================================
HERO
==================================================*/

.hero{

    position:relative;

    width:100%;

    min-height:100vh;

    overflow:hidden;

    background:#111;

}

/*==================================================
SLIDER
==================================================*/

.hero-slider{

    position:absolute;

    inset:0;

    z-index:1;

}

.hero-slide{

    position:absolute;

    inset:0;

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    opacity:0;

    transition:opacity 1.5s ease;

}

.hero-slide.active{

    opacity:1;

    animation:kenburns 18s linear infinite;

}

/*==================================================
IMÁGENES
==================================================*/

.hero-slide:nth-child(1){

    background-image:url("../images/hero-01.jpg");

}

.hero-slide:nth-child(2){

    background-image:url("../images/hero-02.jpg");

}

.hero-slide:nth-child(3){

    background-image:url("../images/hero-03.jpg");

}

.hero-slide:nth-child(4){

    background-image:url("../images/hero-04.jpg");

}

.hero-slide:nth-child(5){

    background-image:url("../images/hero-05.jpg");

}

/*==================================================
OVERLAY
==================================================*/

.hero-overlay{

    position:absolute;

    inset:0;

    z-index:2;

    background:

    linear-gradient(

        90deg,

        rgba(8,8,8,.82) 0%,

        rgba(8,8,8,.52) 45%,

        rgba(8,8,8,.18) 100%

    );

}

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

.hero-container{

    position:relative;

    z-index:5;

    min-height:100vh;

    width:min(1400px,92%);

    margin:auto;

    display:flex;

    align-items:center;

}
/*==================================================
CONTENIDO HERO
==================================================*/

.hero-content{

    max-width:760px;

    color:#fff;

    align-self:center;

    animation:fadeUp 1.2s ease;
    padding-top:60px;

}

/*==================================================
ETIQUETA SUPERIOR
==================================================*/

.hero-label{

    display:inline-flex;

    align-items:center;

    padding:14px 34px;

    margin-bottom:38px;

    border-radius:50px;

    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.15);

    backdrop-filter:blur(14px);

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

    color:#fff;

    font-size:.85rem;

    font-weight:500;

    letter-spacing:4px;

    text-transform:uppercase;

}

/*==================================================
TÍTULO
==================================================*/

.hero-title{

    font-family:"Playfair Display",serif;

    font-size:clamp(4rem,7vw,6.5rem);

    line-height:.92;

    font-weight:700;

    text-transform:uppercase;

    margin:0;

}

.hero-title span{

    display:block;

    color:#C9A45C;

}

/*==================================================
DESCRIPCIÓN
==================================================*/

.hero-description{

    margin-top:42px;

    max-width:580px;

    font-size:1.25rem;

    line-height:1.9;

    color:rgba(255,255,255,.92);

}

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

.hero-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    margin-top:50px;

}