/* ===== ESTILOS GLOBAIS ===== */
/* Define os estilos padrão para todo o site */
html {
    scroll-behavior: smooth;    /* Anima o scroll ao navegar por âncoras */
}

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

body{
    margin: 0;              /* Remove margem padrão */
    padding: 0;             /* Remove preenchimento padrão */
    font-family:'DM Sans', Helvetica, sans-serif;  /* Define a fonte Arial como padrão */
}

/* Define a cor padrão dos elementos <span> - verde escuro */
span {
    color: #006400; /* Verde escuro */
}

.hidden{
    opacity: 0;
    filter: blur(4px);
    transform: translateY(-50px);
}

.show{
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
    transition: all 1.3s;
}
/* ===== RESPONSIVIDADE PARA TABLETS E TELAS MAIORES ===== */
/* Ajustes de tamanho de fonte para tablets (até 1024px) */
@media (max-width: 1024px) {
    body {
        font-size: 16px;    /* Reduz o tamanho da fonte para tablets */
    }
}

/* ===== RESPONSIVIDADE PARA CELULARES MÉDIOS ===== */
/* Ajustes de tamanho de fonte para celulares (até 768px) */
@media (max-width: 768px) {
    body {
        font-size: 15px;    /* Reduz ainda mais o tamanho da fonte */
    }
}

/* ===== RESPONSIVIDADE PARA CELULARES PEQUENOS ===== */
/* Ajustes de tamanho de fonte para celulares pequenos (até 480px) */
@media (max-width: 480px) {
    body {
        font-size: 14px;    /* Tamanho de fonte menor para celulares pequenos */
    }
}