:root {

    --base:             #222222;
    --primeiro-plano:   #FFFFFF;
    --destaque:         #38C461;
    --variante:         #E9DF79;
    --sub-destaque:     #21793b;
}

.atkinson-hyperlegible-regular {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.atkinson-hyperlegible-bold {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.atkinson-hyperlegible-regular-italic {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.atkinson-hyperlegible-bold-italic {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-weight: 700;
  font-style: italic;
}
body {
    background-color: #222222;
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    text-rendering: optimizeLegibility;
    color: white;
}

.borda {
    border: 1px solid lightgreen;
}

.espacador {
    height: 70px;
}

.texto {
    color: var(--primeiro-plano);
}


.txt-oculto {
    display: none;
}

.txt-destaque {
    color:var(--destaque);
    font-weight: bold;
    text-shadow: 0px 0px 3px var(--destaque);
}

.logo-txt {
    display: inline-block;
    width: 130px;
    vertical-align: bottom;
}

.elemento-neutro {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #d3d3d3;
}

.elemento-neutro > p {
    color: #000;
    font-size: 18px;
}

.bt-primario {
    background-color: var(--sub-destaque);
}

.bt-primario:hover {
    background-color: var(--destaque);
    box-shadow: 0px 0px 10px var(--destaque);
}

.orbitron-fonte {
  font-family: "Orbitron", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.menu-contentor {
    position: fixed;
    width: 100%;
    background-color: #222;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    z-index: 10;
}

.menu-logo {
    float: left;
    margin: 14px 0px 14px 20px;
    color: black;
    text-decoration: none;
}

.menu-logo > img {
    height: 50px;
}

.menu-lista {
    padding: 14px 0px;
    list-style: none;
    overflow: hidden;
    clear: both;
    max-height: 0;
    transition: max-height 0.2s ease-out;
}

.menu-lista-item-link {
    display: block;
    padding: 20px;
    font-size:16px;
    color: var(--primeiro-plano);
    text-decoration: none;
}

.menu-lista-item-link:hover {
    text-shadow: 1px 1px 16px var(--primeiro-plano);
    transition: text-shadow 1s;
}

.menu-bt-abrir-check {
    display: none;
}

.menu-bt-abrir-icone-contentor {
    float: right;
    position: relative;
    padding: 28px 20px;
    cursor: pointer;
}


.menu-bt-abrir-icone {
    display: block;
    position: relative;
    height: 2px;
    width: 18px;
    background: #FFF;
    transition: background 0.2s ease-out;
}

.menu-bt-abrir-icone:before {
    display: block;
    position: absolute;
    top: 5px;
    content:"";
    height: 100%;
    width: 100%;
    background: #FFF;
    transition: all 0.2s ease-out;
}

.menu-bt-abrir-icone:after {
    display: block;
    position: absolute;
    top: -5px;
    content:"";
    height: 100%;
    width: 100%;
    background: #FFF;
    transition: all 0.2s ease-out;
}

.menu-bt-abrir-check:checked ~ .menu-lista {
    max-height: 1000px;
}


.menu-bt-abrir-check:checked ~ .menu-bt-abrir-icone-contentor .menu-bt-abrir-icone {
    background: transparent;
}


.menu-bt-abrir-check:checked ~ .menu-bt-abrir-icone-contentor .menu-bt-abrir-icone:before {
    transform: rotate(-45deg);
    top:0;
}

.menu-bt-abrir-check:checked ~ .menu-bt-abrir-icone-contentor .menu-bt-abrir-icone:after {
    transform: rotate(45deg);
    top:0;
}

.eco-capa-pre-titulo {
    text-shadow: 2px 2px 5px black;
}

.eco-capa-titulo {
    text-shadow: 2px 2px 5px black;
}

.eco-capa-carrossel {
    background-color: var(--base);
}

.eco-capa-txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.eco-capa-bt {
    padding:0;
    display: flex;
    align-self: center;
    justify-content: center;
    align-items: center;
}

.eco-capa-bt > a {
  padding: 18px 24px;
  color: white;
  text-decoration: none;
}

.eco-capa-reflexo {
    height: 16px;
    filter: blur(20px);
    background-image: url(../img_prod/pexels-bank-3846205.jpg);
    background-size: cover;
    background-position: bottom;
}

.bt-ato-icone {
    font-weight: bold !important;
    font-size: 20px;
}

.pre-titulo {
    padding: 4px;
    color: var(--primeiro-plano);
    font-weight: 900;

}

/* CARROSSEL */

        .carrossel {
            display: flex;
            justify-content: center;
            width: 100%;
            height: 100%;
            overflow: hidden;
            position: relative;
            background-color: black;
        }

        .carrossel > video {
            position:absolute;
        }

        .carrossel > div {
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0;
            background-size: cover;
            background-position: center;
            /* animation: carrossel 24s infinite; */

        }

        .carrossel > div:nth-child(2) {
            animation-delay: 6s;
        }

        .carrossel > div:nth-child(3) {
            animation-delay: 12s;
        }

        .carrossel > div:nth-child(4) {
            animation-delay: 18s;
        }

        @keyframes carrossel {

            5% {
                opacity: 1;
            }

            30% {
                opacity: 1;
            }

            35% {
                opacity: 0;
            }
        }


/* FIM DO CARROSSEL */

.aecocharge {
    background-image: url(img/circuito.webp);
}

.aeco-diferenciais-lista {
    margin-top: 50px;
    margin-bottom: 0px;
    gap: 20px;
}

.aeco-diferenciais-item {
    display: flex;
}

.aeco-diferenciais-item-img > i {
    color: var(--destaque);
    margin-bottom: 30px;
    font-size: 36px;
    text-shadow: 0px 0px 10px var(--destaque);

}

.aeco-diferenciais-item-txt {
    font-size: 20px;
    text-align: left;;

}

.diferenciais-titulo {
    margin: 50px 0px 50px 0px;
}

.servicos-colunas {
    padding: 0px 30px;
    margin: 0px 30px;
    gap: 50px;
}

.servico-coluna {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 2px;
    border: 6px solid black;
    /* border-image: url(img/servicos-fundo.png) 40 round; */
    border-radius: 20px;
    background-image: linear-gradient(45deg, black, #252525);

}

.servico-coluna:hover {
    transform: scale(1.06);
    transition: transform 0.5s ease;
}

.servico-coluna:not( :hover ){
    transform: scale(1);
    transition: transform 0.5s ease;
 }



.servicos-carta-pre-titulo {
    font-size: 46px;
}

.servicos-carta-titulo {

    display: flex;
    margin-bottom: 40px;
    flex-direction: column;
    align-items: center;

    width: 170px;
    min-width: 170px;
    height: 170px;
    min-height: 170px;
    /* font-size: 5px !important; */
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;

    justify-content: center;


    border: 5px solid #cfcfcf;
    border-radius: 50%;


}

.servicos-carta-titulo > p {
    font-size: 14px;
    padding-bottom: 18px;
}


.servicos-carta-texto {
    display: flex;
    justify-content: center;

}

.servicos-carta-texto > p {
    max-width: 70%;
    text-align: left;

}

.servicos-aurora-titulo {
    box-shadow: 0px 0px 30px lightblue inset;
    transition: box-shadow 1s ease-out;
}

.servicos-aurora {
    box-shadow: 0px 0px 12px lightgreen;
    transition: box-shadow 1s ease-out;
}

.consultoria {

    background-image: url(img/circuito.webp);
}



.consultoria-lista {
    margin-top: 40px;
}

.consultoria-lista-item {
    display: flex;
    margin-bottom: 30px;

}


.consultoria-lista-item-img {
   margin-right: 20px;

}

.consultoria-lista-item-img > img {
   width: 50px;

}

.consultoria-lista-item-txt {

}

.consultoria-img > img {
    width: 100%;
}

.orcamento {

    color: black;
    background-image: url(img/orcamento-fundo.webp);
    background-size: cover;
    background-position: center;
}

.orcamento-titulo {
    color: black;
}

.orcamento-form > label {
    line-height: 0;
    font-weight: 800;
}

.orcamento-form > input,
.orcamento-form > textarea {
    border: 2px solid black;
    outline: none;
}

.orcamento-form > select {
    border: 2px solid black;
}

.orcamento-bt {
    color: var(--primeiro-plano) !important;
    background-color: black !important;
}

.orcamento-bt:hover {
    background-color: rgb(78, 78, 78) !important;
    transition: background-color 0.2s ease-out;
}

.rodape {
    display: flex;
    flex-direction: column;
    padding: 60px 60px;

}

.rodape-marca {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 60px;
}



.rodape-colunas {
    width: 100%;

}

.rodape-menu-lista {
    display: flex;
    flex-direction: column;

}

.rodape-creditos {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.rodape-creditos-txt {
    font-size: 9px;
}

.rodape-creditos-img {
    width: 70px;
}

.rodape-menu-lista > li {
    /* align-items: flex-start; */
    list-style: none;
}

.rodape-menu-lista-item-link {
    color: var(--primeiro-plano);
    text-decoration: none;
    font-size: 13px;
    line-height: 2em;
}

.rodape-redes {
    margin: 40px 0px 20px 0px !important;
}

.rodape-redes > a {
    color: var(--primeiro-plano);
    font-size: 30px;

}

.rodape-redes-titulo {

    font-size: 12px;
    font-weight: 700;

}

.rodape-marca-img {
    width: 250px;
    padding-bottom: 16px;

}

.rodape-marca > p {
    font-size: 12px;
}

.rodape-direitos {
    font-size: 11px;
}

.whatsapp-bolha {
    position: fixed;
    width: 100px;
    bottom: 20px;
    right: 50px;
    animation: sobe-desce 4s 5s infinite ease-in-out;
}

@keyframes sobe-desce {
    50% {
        bottom: 60px;
    }

    100% {
        bottom: 20px;
    }
}

.whatsapp-bolha > a > svg {
    width: 100px;
}


#bolha-wa-fundo {
    fill: var(--sub-destaque);
    animation: bolha-piscante 10s infinite;
}

@keyframes bolha-piscante {

    0% {
        fill: var(--sub-destaque);
    }

    25% {
        fill: var(--destaque);
    }

    75% {
        fill: var(--destaque);
    }

    100% {
        fill: var(--sub-destaque);
    }

}


@media (min-width: 860px) {

    /* MENU PARA TELAS GRANDES */

    .menu-lista {
        clear: none;
        float: right;
        margin-right: 30px;
        max-height: none;
    }

    .menu-lista-item {
        float: left;
    }

    .menu-bt-abrir-icone-contentor {
        display: none;
    }

    // carrossel para telas pequenas



    .servicos-colunas {
       padding: 0px 2px;

    }

}

 @media (max-width: 860px) {

    .menu-logo {
        margin: 5px 0px 0px 20px;

    }

    .menu-lista {
        padding: 5px 0px 5px 0px;
    }

    .pre-titulo {
        font-size: 14px !important;
    }

    .servicos-colunas {
        margin: 0px 0px;
    }

    .eco-capa-titulo {
        font-size: 28px;
    }

    .eco-capa-txt {
        margin-top: 33px;
    }


}