/* Estilos adicionais */

/* Estilos para o scroll suave e navegação */
header nav a {
    transition: color 0.3s ease, border-color 0.3s ease;
    position: relative;
}

/* Estilo para links do menu desktop */
header .lg\:flex a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -4px;
    left: 0;
    background-color: hsl(0, 75%, 42%);
    transition: width 0.3s ease;
}

header .lg\:flex a.text-primary::after {
    width: 100%;
}

/* Estilos para o menu mobile */
#mobile-menu {
    transition: all 0.3s ease;
    overflow: hidden;
}

.mobile-menu-closed {
    max-height: 0 !important;
    opacity: 0;
    visibility: hidden;
    margin-top: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#mobile-menu:not(.mobile-menu-closed) {
    max-height: 300px;
    opacity: 1;
    visibility: visible;
    margin-top: 1rem;
    border-top: 1px solid rgba(229, 231, 235, 0.5);
}

/* Animações */
.hover-scale {
    transition: transform 0.3s ease;
}

.hover-scale:hover {
    transform: scale(1.05);
}

/* Ajustes para responsividade */
@media (max-width: 768px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}