.tela{
    width: 100vw; height: 100dvh ;
}

body { background: #F0EDE6; display: flex; justify-content: center; font-family: Arial, Helvetica, sans-serif;
}

.video_container .foto-borda  {
    position: absolute;
    width: 120px;
    height: 120px;
    overflow: hidden;
    left: 50%;
    transform: translate(-50%, 30%);
    border-radius: 50%; 
    border: 2px solid #333;
}

#original .foto-borda { width: 30%; height: 30%; object-fit: cover;}

.video_container img { object-fit: contain; }
.foto-borda.gastronomia {  border-color: #FDB813; }
.foto-borda.esportes {  border-color: #D37D31; }
.foto-borda.viagens { border-color: #1E8897;}
.foto-borda.carros {  border-color: #866695; }

.foto-borda.consertos {  border-color: #FDB813; }
.foto-borda.churrasco {  border-color: #D37D31; }
.foto-borda.musica {  border-color: #1E8897; }
.foto-borda.filmes { border-color: #866695;}


/* .quadro-foto img.final  { border: 5px solid #333;}
.quadro-foto.cultura img.final {  border-color: #866695; }
.quadro-foto.esportes img.final {  border-color: #D37D31; }
.quadro-foto.gastronomia img.final {  border-color: #FDB813; }
.quadro-foto.viagens img.final { border-color: #1E8897;} */

.quadro-foto img.fundo-gerado  { border: 5px solid #333;}
.quadro-foto.cultura img.fundo-gerado {  border-color: #866695; }
.quadro-foto.esportes img.fundo-gerado {  border-color: #D37D31; }
.quadro-foto.gastronomia img.fundo-gerado {  border-color: #FDB813; }
.quadro-foto.viagens img.fundo-gerado { border-color: #1E8897;}

.tamanho_video_final { width: 240px ; height: 312px;}

.tela_1, .tela_2 { display: flex; flex-direction: column; justify-content: space-between;}
.mobile-container { width: 360px;  
  height: 100dvh;
  /* height: 94dvh; */
  overflow: hidden;
}

.mb-3 {
    margin-bottom: 1dvh !important;
}
 
#video {
    /* max-width: 70%; */
    width: auto;
    height: 43dvh;
    border: 3px solid #FDB813; border-radius: 4px;
}
.video_container { position:relative ;       margin: auto; }
.video_container.mutado::before{ 
  width:20px;
  height:20px;
  content:"";
  display:block;
  background-image:url(./img/mute.png);
  background-size:contain;
  background-repeat:no-repeat;
  position:absolute;
  top: 5px;
  right: 5px ;
  z-index:2;
   overflow:visible;
}

.video_container { height: 45dvh}
.video_container  img { height: inherit;}
@media(min-width: 260px) and (max-width: 390px)
{
  #video {
    /* max-width: 70%; */
      width: auto;
      height: 38dvh;
  }
}

 


.compartilhar_padding {
  padding: 4dvh;
  padding-top: 2dvh;
  padding-bottom: 1dvh;
  /* height: 20dvh; */ 
  bottom: 0;  
  max-width: 360px; margin:auto;
}

.compartilhar_padding .submit_btn_limpo{
  margin-top: 0px!important;
}


.mensagem_inspiradora {
  
    padding: 2dvh 0px;
}


.texto_baixo { padding: 0dvh 0px 2dvh 0px; font-weight: 500;  }


.mensagem_inspiradora, .texto_baixo {
    font-size: 2.2dvh; line-height: 2.4dvh; 
}

.titulo_ultima_pagina { 
  font-size: 2.7dvh ; padding-top: 10dvh; padding-bottom: 0dvh; margin-bottom: 0px!important;
}
 
.full_height .mobile-container ,
.samsung-browser .mobile-container {
   height: 100dvh;
   /* height: 100dvh; */
   min-height: 100dvh;
}
 
@media(min-width: 1000px){

 .mobile-container { 
  
    overflow: auto;  height: auto; min-height: 100%;
    height: 100dvh;
    width: auto;
    /* aspect-ratio: calc(9 / 16); */
    aspect-ratio: 1 / 2.166;;
}

}
.textarea, input{ background-color: #E3E0D9;     padding: 3.5dvh 2dvh; border-radius: 8px; width: 100%;
    border: 0px ; height: 50px; margin-bottom: 10px;     font-size: 2.0dvh; }

.submit_btn_limpo{
    cursor: pointer; background-color: transparent!important;
}
/* .compartilhar_padding .submit_btn_limpo img { width: 90%;} */

.margen_negativa { margin-top: -50px ;}

.voltar_btn { border: 3px solid var(---866695);
   background: #8666957a 0% 0% no-repeat padding-box; 
    border: 3px solid #866695; border-radius: 90px; opacity: 1; backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px); color: white; width: fit-content; padding: 3px 10px; font-weight: bold;
    left: 30px;     position: absolute;  top: 4dvh; letter-spacing: 0.5px; z-index: 2;

    font-size: 2dvh;
}
.voltar_btn:hover{ 
    color:white; 
}

@media( min-width: 1000px){
.voltar_btn{ left: 10px!important; }
}

.submit_btn_limpo { padding: 0px; border:none; }

.quiz-form {
    padding: 1dvh 0dvh;
}

.quiz-options {
  display: flex; flex-direction: row;   gap: 1.5dvh; flex-wrap: wrap;
}

.option { 
    display: flex;
    align-items: center;
    border-radius: 30px; 
    gap: 1.2dvh;
    cursor: pointer; 
    margin-bottom: -8px;
    margin-bottom: -6px;
 
    font-size: 2.1dvh;
    color: white;
    font-weight: bold;
}
.option svg { fill: #fff!important; }

.hide { display:none}

 


@media(max-width: 640px){
    .mobile-container {  width: 100%; }
}

/* Sessão 1 */
.section-hero {
    /* background: url("./img/bg-top.png") #F0EDE6;
    background-size: contain; background-repeat:  no-repeat;
    background-position-y: -120px; ;
    padding: 20px 20px 30px;
    text-align: center;
    flex-grow: 1; */
    /* background: url(./img/bg-top.png) #F0EDE6; */
    /* background-size: contain; */
    /* background-repeat: no-repeat; */
    /* background-position-y: -26dvh; */
    /* padding: 20px 20px 30px; */
    text-align: center;
    flex-grow: 1;
    position:relative; 
}
/* .section-hero::before {
  width: 100%; height: 47dvh;  background: url("./img/bg-top.png") #F0EDE6; content: " "; display:block; position:absolute;
  background-size: cover; background-repeat: no-repeat; z-index: 0; background-position-y: bottom; 
} */
.section-hero > * { 
  z-index: 1; position:relative;    ;
}
.logo {
    /* width: 60px; */
    width: auto;
    height: 10dvh;
    padding-top: 3dvh;
    margin: 0 auto 12px; display: block;
}

.flor-img {
    max-width: 100%;  margin: 10px auto;  display: block;
}

.title-main { 
    font-weight: 600; color: #333;
}

.rohr_elas_titulo { font-size: 14px!important; font-weight: 600!important; padding-top: 0.8dvh!important;}
.rohr_elas_flor .rohr_elas_titulo { display: none;}

/*  
@media( min-height: 600px) and (max-width: 640px){
  .titulo_ultima_pagina { margin-top: -40dvh}

}

@media( min-height: 700px) and (max-width: 640px){
  .titulo_ultima_pagina { margin-top: -40dvh}

}

@media( min-height: 700px) and (max-width: 849px){
  .titulo_ultima_pagina { margin-top: -30dvh}

}

@media( min-height: 850px) and (max-width: 640px){
  .titulo_ultima_pagina {
      margin-top: -31dvh;
  }

}

@media( min-height: 900px) and (max-height: 640px) {
  .titulo_ultima_pagina { margin-top: -30dvh}

}


@media(min-width: 500px){
  .titulo_ultima_pagina { margin-top: -33dvh; }
} */


 
/* .compartilhar_flor figure{ height: 15dvh;} */

/* Sessão 2 */
.section-cta {
    background: url("./img/bg-yellow.webp") center/cover no-repeat;  
    /* padding: 30px 20px 40px;  */
    padding: 5dvh 4dvh 3dvh;
    text-align: center;

    height: 34dvh;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.section-cta h3 {
    font-size: 18px;  font-weight: 500;   
}

.section-cta p {
    font-size: 14px;  margin-bottom: 18px;
}

.btn-img {
    max-width: 100%;  display: inline-block;    
}