:root{
    --cor1: #4CAF50; /* verde principal (confiança e natureza)*/
    --cor2: rgb(0, 255, 255); /* azul para confiança*/
    --cor3: #FFC107; /* amarelo para botões e destaques*/
    --cor4: #FF9800; /* laranja para chamadas à ação*/
    --cor5: #F5F5DC; /* bege de fundo, limpo e natural*/
}


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

html,
body {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

body{
    display: flex;
    flex-direction: column;
}

main{
    flex: 1;
    background-image: url(../imagem/poster_2023-11-30-071146.png);
    background-color: black;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrooling: touch
}

main::-webkit-scrollbar{
    width: 3px;
}
main::-webkit-scrollbar-track{
    background: aqua;
}
main::-webkit-scrollbar-thumb{
    background-color: white;
    border-radius: 8px;
}

main::-webkit-scrollbar-thumb:hover{
    background-color: aquamarine;
}


.section {
  height: 100vh; /* altura da tela */
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3rem;
  color: white;
  scroll-snap-align: start; /* opcional: ajuda no snap automático */
}

.alert {
  position: relative; /* permite mover com right/left */
  animation: moveIn 0.8s ease-out; /* nome, duração e suavização */
}

@keyframes moveIn {
  from {
    transform: translateX(100%); /* começa fora da tela à direita */
    opacity: 0; /* opcional: começa invisível */
  }
  to {
    transform: translateX(0); /* volta pra posição original */
    opacity: 1; /* aparece */
  }
}


.navbar-toggler-icon {
    filter: invert(30%) sepia(100%) saturate(500%) hue-rotate(200deg);
}


.com-img-a::after{
    content: ""; /* obrigatório para exibir */
    display: inline-block;
    width: 60px;  /* largura da imagem */
    height: 60px; /* altura da imagem */
    background-image: url('../imagem/dog1_mini.png'); /* caminho da imagem */
    background-size: contain; /* ajusta à largura/altura */
    background-repeat: no-repeat;
    vertical-align: middle; /* alinha verticalmente com o texto */
    
}
.com-img-b::before{
    content: ""; /* obrigatório para exibir */
    display: inline-block;
    width: 60px;  /* largura da imagem */
    height: 60px; /* altura da imagem */
    background-image: url('../imagem/favicon-mini.png'); /* caminho da imagem */
    background-size: contain; /* ajusta à largura/altura */
    background-repeat: no-repeat;
    vertical-align: middle; /* alinha verticalmente com o texto */
}

.txt_alert{
    font-size: 12px;
    color: red;
}



.hover-simulado,
.glass:hover{
    border: 1px solid rgba(0, 255, 255, 0.7);
    box-shadow: 0 0 25px rgba(0, 255, 255, 0.3),
                0 0 50px rgba(0, 255, 255, 0.3),
                0 0 75px rgba(0, 255, 255, 0.3),
                0 0 100px rgba(0, 255, 255, 0.3);
    cursor: pointer;
}

.glass {
    overflow: hidden;
    background: rgba(0, 0, 0, 0.2); /* branco transparente */
    border-radius: 10px;
    padding: 30px;
    width: 300px;
    backdrop-filter: blur(2px); /* efeito blur */
    -webkit-backdrop-filter: blur(2px); /* suporte Safari */
    box-shadow:  0 4px 30px rgba(0, 255, 255, 0.6);
    color: var(--cor2);
}

label{
    font-size: 12px;
}
/*********************************************************************/

/*CELULARES*/
@media (max-width: 767px) {
    .navbar-toggler-icon {
        filter: invert(53%) sepia(68%) saturate(5791%) hue-rotate(167deg) brightness(95%) contrast(92%);
    }
}

/*DESKTOP*/
@media (min-width: 768px) {}