@media screen and (min-width: 320px) {


    .hero {
        width: 100%;
        z-index: 10;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-image: url("../img/hero_mobile_fixo.webp");
        background-size: cover;
        background-position: top 0;
        background-repeat: no-repeat;
        padding: 250px 0 10px 0;
    }
    
    
    
    .hero-background-over { position absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); z-index: 0; position: absolute; }
    

    .hero-slide, .hero-slide-complete-mobile {
        width: 320px;
        overflow: hidden;
        margin: auto;
        height: 420px;
        overflow: hidden;
        display: block;
        position: relative;
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    }

    .hero-slide {
        z-index: 1;
        background-image: url(../img/brilho.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .hero_logo_esq, .hero_logo_dir { position: absolute; left:0; bottom:0; width: 320px; aspect-ratio: 480/590; background-position: bottom center; background-repeat: no-repeat; background-size: contain; }
    .hero_logo_esq { background-image: url(../img/hero_logo_esq.webp); z-index: 0 }
    .hero_logo_dir { background-image: url(../img/hero_logo_dir.webp); z-index: 2 }


    .hero-slide-desktop { display: none; }

    .hero-slide img {
        position: absolute;
        bottom: 0; left: 50%; transform: translateX(-50%);
        width: 75%;
        object-fit: contain;
        opacity: 0;
        animation: fade 16s infinite;
    }

    .hero-busca { width: 90%; display: block; margin: auto; padding: 0 0 10px 0; z-index: 1; }
    .hero-titulo { font-size: 54px; letter-spacing:-1px; color: white; font-family: sans-serif; line-height: .85; width: 100%; position:relative; text-align: center; margin: 10px 0; font-weight: 400; }
    /* .hero-titulo span { font-size: 40px; letter-spacing: -1px; display: block; } */
    .hero-titulo span { display: block; } 
    .hero-subtitulo { font-size: 20px; color: #D8B3D4; text-align: center; }
    .hero-form { position: relative; width: 80%; height: 50px; border: 2px solid white; border-radius: 25px; display: flex; align-items: center; padding: 0 50px 0 25px; background-image:url(../img/busca.svg); background-position: calc(100% - 25px) center; background-size: 20px; background-repeat:no-repeat; }
    .hero-form input { background: transparent; font-family: sans-serif; color:white; font-size: 16px; border: none; width: 100% }
    .hero-alerta { position: absolute; color: white; font-size: 14px; margin-bottom: 10px; display: none; background: #5c007a; padding: 10px 20px; border-radius: 25px; left: 0; top: -50px; }

    .hero-brand { position: absolute; top: 5%; left: 15%; opacity: .1; z-index: 0; height: 40vh; width: auto; display:none; } 
    .hero-obs { color: white; font-size: 12px; width: 100%; padding-top: 10px; text-align: center; }

}


@media screen and (min-width: 620px) {




}


@media screen and (min-width: 1000px) {


    .hero {
        width: 100%;
        position: relative;
        overflow-x: clip;
        overflow-y: visible;
        z-index: 10;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 600px;
        padding: 240px 0 0 0;
        background-position: center 90px;
        background-size: 130%;
        background-image: url("../img/hero_fixo.webp");
    }

    .hero-slide {
        width: 480px;
        height: 100%;
        overflow: hidden;
        display: block;
        position: relative;
        z-index: 3;
        background-image: url(../img/brilho.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        border-bottom: none;
    }
    .hero-background-over { background-color: rgba(0, 0, 0, .2); }

    .hero-slide-mobile, .hero-slide-complete-mobile { display: none; }
    .hero-slide-desktop { display: initial; position: relative; }

    .hero-slide-desktop::before, .hero-slide-desktop::after { content: '';position: absolute; left:0; bottom:20px; width: 480px; aspect-ratio: 480/590; background-position: bottom center; background-repeat: no-repeat; background-size: contain; }
    .hero-slide-desktop::before { background-image: url(../img/hero_logo_esq.webp); z-index: 0 }
    .hero-slide-desktop::after { background-image: url(../img/hero_logo_dir.webp); z-index: 2 }


    .hero-slide img {
        position: absolute;
        bottom: 0; left: 50%; transform: translate(-50%);
        width: auto;
        height: 550px;
        object-fit: cover;
        opacity: 0;
        animation: fade 16s infinite;
    }

    .hero-busca { width: 550px; display: block; margin: auto 20% auto auto; }
    .hero-titulo { font-size: 96px; letter-spacing:0px; color: white; width: 600px; position:relative; text-align: left; margin: 0; padding: 0; }
    /*.hero-titulo span { font-size: 72px; letter-spacing: -1px; display: block; }*/
    /* .hero-titulo::before { content:""; width: 120px; height: 30px; top:-40px; right: -50px; position: absolute; background-image: url(../img/setas.webp); background-position: top left; background-size: contain; background-repeat: no-repeat; }*/
    .hero-subtitulo { font-size: 32px; width:600px; text-align: left; margin: 15px 0; padding: 0; }
    .hero-form { position: relative; width: 80%; height: 50px; border: 2px solid white; border-radius: 25px; display: flex; align-items: center; padding: 0 50px 0 25px; background-image:url(../img/busca.svg); background-position: calc(100% - 25px) center; background-size: 20px; background-repeat:no-repeat; }
    .hero-form input { background: transparent; font-family: sans-serif; color:white; font-size: 18px; border: none; width: 100% }
    .hero-alerta { position: absolute; color: white; font-size: 14px; margin-bottom: 10px; display: none; background: #5c007a; padding: 10px 20px; border-radius: 25px; left: 0; top: -50px; }

    .hero-obs { color: white; font-size: 12px; }
    .hero-brand { position: absolute; top: 5%; left: 5%; opacity: .1; z-index: 0; height: 80%; width: auto; }


}


@media screen and (min-width: 1320px) {

    .hero-form input { font-size: 22px; }
    .hero-slide { transform: translateX(100px); }
    .hero-slide, .hero-slide-desktop::before, .hero-slide-desktop::after { width: 520px; }
    .hero-slide-desktop::before, .hero-slide-desktop::after { bottom:50px; }
    
    .hero {
        height: 600px;
        padding: 220px 0 0 0;
        background-position: right 90px;
        background-size: 105%;
    }

}


@media screen and (min-width: 1580px) {

    .hero-slide { transform: translateX(150px); }

}


@media screen and (min-width: 1880px) {

    .hero-slide { transform: translateX(200px); }

}















.hero-slide img:nth-child(1) { animation-delay: 0s; }
.hero-slide img:nth-child(2) { animation-delay: 4s; }
.hero-slide img:nth-child(3) { animation-delay: 8s; }
.hero-slide img:nth-child(4) { animation-delay: 12s; }

@keyframes fade {
    0%   { opacity: 0; }
    5%   { opacity: 1; }
    25%  { opacity: 1; }
    30%  { opacity: 0; }
    100% { opacity: 0; }
}


input[type="text"]:focus {
  border: none;
  outline: none;
  box-shadow: none;
}

    input[type="text"]::placeholder {
      color: white;
      opacity: 1;
      transition: opacity 0.3s;
    }