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

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

#slide_1_clicks,#slide_2_clicks,#slide_3_clicks,#slide_1_fundo, #slide_1_relacoes_trabalhistas, #slide_1_relacoes_trabalhistas_saiba_mais, #slide_1_compras_coletivas, #slide_1_compras_coletivas_saiba_mais, #slide_1_texto, #slide_1_titulo, #slide_1_titulo_numero, #slide_1_lampada, #slide_1_homem_2, #slide_1_homem_1, #slide_1_mulher_topo, #slide_1_mulher_2, #slide_1_loja {
    opacity: 0;
}

#slide_1_titulo, #slide_1_titulo_numero {
    top:-50px;
    left:0;
}

#slide_1_homem_1, #slide_1_mulher_topo {
    left:-50px;
    top:-10px;
}

#slide_1_homem_2, #slide_1_texto {
    left:50px;
    top:15px;
}

#slide_2_fundo,#slide_2_energia_limpa,#slide_2_energia_limpa_saiba_mais,#slide_2_tecnologias_agro,#slide_2_tecnologias_agro_saiba_mais,#slide_2_teleconsulta,#slide_2_teleconsulta_saiba_mais,#slide_2_mulher_pc,#slide_2_drone,#slide_2_homem_lampada,#slide_2_homem_capacete,#slide_2_computador,#slide_2_lampada,#slide_2_mulher_tablet {
    opacity: 0;
}

#slide_2_drone,#slide_2_homem_lampada,#slide_2_homem_capacete {
    top:-50px;
    left:0;
}

#slide_2_mulher_tablet,#slide_2_computador {
    top:50px;
    left:0;
}

#slide_3_tela,#slide_3_titulo,#slide_3_texto,#slide_3_homem_1,#slide_3_mulher_1,#slide_3_mulher_2,#slide_3_setas {
    opacity: 0;
}

#slide_1_fundo,#slide_1_agricultora,#slide_1_dedo_engenheiro,#slide_1_dinheiro,#slide_1_enfermeira,#slide_1_engenheiro,#slide_1_logo,#slide_1_mao_enfermeira,#slide_1_motorista,#slide_1_mulher_compras,#slide_1_soldador {
    opacity: 0;
}

#slide_2_nuvens,#slide_2_titulo,#slide_2_interrogacao,#slide_2_texto {
    opacity: 0;
}

#slide_3_fundo,#slide_3_texto,#slide_3_titulo,#slide_3_homem_direita,#slide_3_homem_esquerda,#slide_3_mulher_direita,#slide_3_mesa {
    opacity: 0;
}

#slide_4_fundo,#slide_4_titulo,#slide_4_botao,#slide_4_homem_topo,#slide_4_mulher_dir,#slide_4_mulher_esq,#slide_4_click,#slide_5_click {
    opacity: 0;
}
#slide_5_texto_topo,#slide_5_titulo,#slide_5_texto_titulo,#slide_5_texto_horizontal,#slide_5_texto_vertical,#slide_5_homem,#slide_5_mulher,#slide_5_texto_rodape {
    opacity: 0;
}
#slide_6_fundo,#slide_6_ampliacao,#slide_6_casal_topo,#slide_6_escala,#slide_6_fortalecimento,#slide_6_inovacao,#slide_6_mulher,#slide_6_reducao,#slide_6_titulo {
    opacity: 0;
}
#slide_7_mapa,#slide_7_titulo,#slide_7_texto,#slide_7_homem,#slide_7_mulher,#slide_7_botao,#slide_7_click {
    opacity: 0;
}

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

#intercoop_exemplos, #caracteristicas_cooperacao, #intercoop_case_redecoop, #intercoop_case_unium, #modal_ficar_olho,#modal_destacar,#intercoop_case_coopafs,#intercoop_case_coopmetro {
    padding: 1vw;
    margin: auto;
    overflow-y: hidden;
    border: solid 2px #eeeeee;
}

#modal_ficar_olho,#modal_destacar {
    width: 40vw;
}
#intercoop_exemplos, #caracteristicas_cooperacao, #intercoop_case_redecoop, #intercoop_case_unium,#intercoop_case_coopafs,#intercoop_case_coopmetro {
    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;
}