/* Otimizações de SEO */
/* Meta tags já definidas no HTML */

/* Estrutura de headings otimizada */
h1 {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
    color: var(--secondary-color);
}

h2 {
    font-size: 2rem;
    margin-bottom: 1.2rem;
    color: var(--secondary-color);
}

h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: var(--secondary-color);
}

/* Melhorias de acessibilidade */
.btn {
    font-weight: 600;
}

a:focus, button:focus {
    outline: 3px solid rgba(11, 164, 174, 0.5);
    outline-offset: 2px;
}

/* Melhorias de desempenho */
img {
    max-width: 100%;
    height: auto;
}

/* Otimizações para motores de busca */
.section-header h2 {
    max-width: 100%;
    overflow-wrap: break-word;
}

/* Melhorias de contraste */
.footer-column a {
    color: #cccccc;
}

/* Otimizações para rich snippets */
.course-option-card {
    position: relative;
}

/* Otimizações para velocidade de carregamento */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* Melhorias para SEO local */
.footer-content {
    position: relative;
}

/* Otimizações para dispositivos móveis */
@media (max-width: 576px) {
    h1 {
        font-size: 1.8rem;
    }
    
    h2 {
        font-size: 1.5rem;
    }
    
    h3 {
        font-size: 1.2rem;
    }
}

/* Melhorias para tempo de carregamento */
.hero-image img {
    content-visibility: auto;
}

/* Otimizações para SEO técnico */
.main-nav ul {
    display: flex;
    flex-wrap: wrap;
}

/* Melhorias para indexação */
main {
    display: block;
}

/* Otimizações para crawlers */
.footer-bottom {
    clear: both;
}

/* Melhorias para estrutura semântica */
.section-header {
    margin-bottom: 2.5rem;
}