* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body, html {
    min-height: 100dvh;
    overflow-x: hidden;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
}

#container {
    overflow-x: hidden;
    overflow-y: hidden;
}
/* ===== Scrollbar CSS ===== */
    /* Firefox */
    * {
    scrollbar-width: thin;
    scrollbar-color: #55a3f3 #0f172a;
}

    /* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 10px;
    background-color:#0f172a;
}


*::-webkit-scrollbar-thumb {
    background-color: #55a3f3;
    border-radius: 10px;
    border: 2px none #ffffff;
} 
.h-100 {
    height: 102dvh;
}
.img_teste {
    /* height: 100dvh; */
    width: auto;
    object-position: bottom left;
}
.relative {
    position: relative;
}
.overlay {
    left:0;
    top:0;
    position:absolute;
}
.testando {
    top:-200;
}
.nome_pais {
    opacity: 0;
}
.nome_mostra {
    /* transition: all 1s; */
    opacity:0;
}

.swipe-section {
    position: relative;
    height: auto;
    overflow: visible;
    margin: 0 auto;
}
@media (orientation: landscape) {
    .swipe-section {
        width: 85vw;
    }
}
@media (orientation: portrait) {
    .swipe-section {
        width: 95vw;
    }
}

#slide_1_subtitulo, #slide_1_titulo {
    top:50px;
    opacity: 0;
}


#slide_1_texto_1,
#slide_1_texto_2 {
    top:-50px;
    opacity: 0;
}

#slide_2_mundo,
#slide_2_nuvens,
#slide_2_setenta,
/* #slide_2_texto_setenta, */
#slide_2_sessenta,
/* #slide_2_texto_sessenta, */
#slide_2_cinquenta,
/* #slide_2_texto_cinquenta, */
#slide_2_clicks,
#slide_2_fonte {
    opacity: 0;
}

#slide_2_setenta,
#slide_2_sessenta {
    left:-50px;
}
#slide_2_sessenta {
    top:-10px;
}
#slide_2_cinquenta {
    right:-50px;
}

/* #slide_2_texto_setenta, */
/* #slide_2_texto_sessenta,
#slide_2_texto_cinquenta {
    top:-50px;
} */


#slide_3_titulo,
#slide_3_int_1,
#slide_3_int_2,
#slide_3_mulher,
#slide_3_homem,
#slide_3_quadro,
#slide_3_clicks,
#slide_3_texto_1,
#slide_3_texto_2,
#slide_3_texto_3,
#slide_3_texto_4 {
    opacity: 0;
}

#slide_3_mulher,
#slide_3_homem {
    left:-50px;
}

#slide_3_quadro {
    right: -50px;
}
#slide_3_texto_1,
#slide_3_texto_2,
#slide_3_texto_3,
#slide_3_texto_4 {
    top:-50px;
}

#slide_4_linhas,
#slide_4_mulher,
#slide_4_mesa,
#slide_4_teclado,
#slide_4_clicks,
#slide_4_tela,
#slide_4_logo {
    opacity: 0;
}

#slide_4_mulher {
    left:-50px;
}
#slide_4_mesa,
#slide_4_teclado,
#slide_4_tela {
    right: -50px;
}


#slide_5_box,
#slide_5_exclamacao,
#slide_5_mulher,
#slide_5_texto {
    top:0;
    left:0;
    right:0;
    opacity: 0;
}

#slide_6_titulo,
#slide_6_estante,
#slide_6_mulher,
#slide_6_computador,
#slide_6_clicks,
#slide_6_livro_1,
#slide_6_livro_2,
#slide_6_livro_3,
#slide_6_livro_4,
#slide_6_livro_5,
#slide_6_livro_6,
#slide_6_livro_7,
#slide_6_livro_8,
#slide_6_livro_9,
#slide_6_livro_10 {
    opacity: 0;
}

#slide_6_mulher {
    left:-50px;
}
#slide_6_titulo,
#slide_6_estante,
#slide_6_mulher,
#slide_6_computador {
    right:-50px;
}

#slide_6_livro_1,
#slide_6_livro_2,
#slide_6_livro_3,
#slide_6_livro_4,
#slide_6_livro_5,
#slide_6_livro_6,
#slide_6_livro_7,
#slide_6_livro_8,
#slide_6_livro_9,
#slide_6_livro_10 {
    top:-20px;
}

.cls-1 {
    fill: #281d57;
  }

.cls-3 {
    fill: none;
    /* stroke: #d3ebed; */
    stroke: #cccccc;
    stroke-miterlimit: 10;
    stroke-width: 3.3px;
}


.btn-more, .read-more, .btn-read-info, .mc-1-3, .btn-icons{
    cursor: pointer;
}

.pointer {
    cursor: pointer;
}

.slide_3_setas-1 {
    fill: #22054f;
  }

  .slide_3_setas-1, .slide_3_setas-2 {
    stroke-width: 0px;
  }

  .slide_3_setas-2 {
    fill: none;
}

.seta-1 {
    fill: none;
    stroke: #f8e;
    stroke-miterlimit: 10;
    stroke-width: 4px;
  }

  .seta-2 {
    fill: #22054f;
  }

  .seta-2, .seta-3 {
    stroke-width: 0px;
  }

  .seta-3 {
    fill: rgba(255,255,255,0.01);
    cursor:pointer;
  }

  .seta-alt-1 {
    fill: none;
    stroke: #f8e;
    stroke-miterlimit: 10;
    stroke-width: 4px;
  }

  .seta-alt-2 {
    fill: #ad85ff;
  }

  .seta-alt-2, .seta-alt-3 {
    stroke-width: 0px;
  }

  .seta-alt-3 {
    fill: rgba(255,255,255,0.01);
    cursor:pointer;
  }

  .link-alt-1 {
    fill: rgba(255,255,255,0.01);
    stroke-width: 0px;
  }

  .drone {
    z-index:900;
    position:absolute;
    top:0;
    left:0;
  }

  .index-1 { z-index:1; }
  .index-2 { z-index:2; }
  .index-3 { z-index:3; }
  .index-4 { z-index:4; }
  .index-5 { z-index:5; }
  .index-6 { z-index:6; }
  .index-7 { z-index:7; }
  .index-8 { z-index:8; }
  .index-9 { z-index:9; }
  .index-10 { z-index:10; }
  .index-11 { z-index:11; }

.modal_cultura {
    padding: 1vw;
    margin: auto;
    overflow-y: hidden;
    border: solid 2px #eeeeee;
}

#modal_ficar_olho,#modal_destacar {
    width: 40vw;
}
.modal_cultura {
    width: 60vw;
}
#compras_coletivas,#relacoes_trabalhistas {
    width: 70vw;
}
.modal-text {
    font-size: 1.5rem;
}
.p-5 {
    padding:2.5vw;
}
.close-button {
    left:67vw;
    z-index:999;
    cursor:pointer;
}
.close-button-small {
    left:37vw;
    cursor:pointer;
}
.close-button-alt {
    z-index:999;
    cursor:pointer;
    right:0;
    top:0;
    position:absolute;
    width:5%;
    padding: 10px;
}
@media (orientation: portrait) {
    .close-button-alt {
        width:20px;
        padding: 4px;
    }
    .p-5 {
        padding:2.5vh;
    }
}
dialog:not([open]) {
    display: none !important;
}

dialog::backdrop {
  background-color: rgba(255,255,255,0.1);  
  backdrop-filter: blur(7px);
  cursor: pointer;
}
.w-full {
    margin: auto;
    display: block;
    width:100%;
    height:auto;
}