* {
    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;
} 

.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:1;
}

.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_mapa, #slide_1_titulo {
    opacity: 0;
}

#slide_1_alemanha,
#slide_1_argentina,
#slide_1_brasil,
#slide_1_canada,
#slide_1_finlandia,
#slide_1_franca,
#slide_1_india,
#slide_1_inglaterra,
#slide_1_ira,
#slide_1_japao,
#slide_1_ruanda {
    top:50px;
    left:0;
    opacity: 0;
}


#slide_1_titulo {
    top:-50px;
    left:0;
}
#slide_2_pessoas,
#slide_2_texto_dir,
#slide_2_texto_esq {
    opacity: 0;
}
#slide_2_pessoas {
    top:100px;
}
#slide_2_texto_esq {
    left:-50px;
    width: 98%;
}
#slide_2_texto_dir {
    right:-50px;
}

#slide_3_mundo,
#slide_3_titulo,
#slide_3_um_bi,
#slide_3_dois_tri,
#slide_3_tres_mi,
#slide_3_vinte,
#slide_3_oitava,
#slide_3_fonte,
#slide_3_homem,
#slide_3_mulher {
    opacity: 0;
}

#slide_3_um_bi,
#slide_3_dois_tri {
    left:50px;
}
#slide_3_tres_mi,
#slide_3_vinte,
#slide_3_oitava {
    right:50px;
}



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

.cls-3 {
    fill: none;
    stroke: #d3ebed;
    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;
}