/****************************************
 HERO EMAUS
****************************************/

.hero{
    height:90vh;
    margin-top:6px;
    position:relative;
    overflow:hidden;
}

.hero img{
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    transition:opacity 2s ease-in-out;
}

.hero img.active{
    opacity:1;
}

.hero-text{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);

    background:rgba(0,0,0,0.65);

    color:white;

    padding:45px 50px;

    border-radius:14px;

    text-align:center;

    max-width:750px;
    width:90%;
}

.hero-text h1{
    font-size:36px;
    color:white;
    margin-bottom:10px;
}

.hero-text h2{
    color:#ffd700;
    margin-bottom:15px;
}

.hero-text p{
    font-size:20px;
    line-height:1.6;
}

.hero-subtexto{
    font-size:14px;
    line-height:1.4;
    margin-top:2px;
    opacity:0.9;
}
@media (max-width:768px){

    .hero{
        height:55vh;
        min-height:350px;
    }

    .hero-text{
        width:90%;
        padding:20px;
    }

    .hero-text h1{
        font-size:28px;
    }

    .hero-text h2{
        font-size:20px;
    }

    .hero-text p{
        font-size:16px;
        line-height:1.5;
    }

}