/* ===============================
   Hero Section - Estilo Mobile
================================== */
@media (max-width: 576px) {
    .hero {
        min-height: 250px;
        padding: 10px 0;
    }

    .hero-content {
        padding: 0 10px;
    }

    .hero-logo {
    	max-height: 100px;
    	width: auto;
    	max-width: 100%;
    }


    .hero-title {
        font-size: 0.5rem; /* Novo: título menor */
    }

    .hero-subtitle {
        font-size: 0.5rem; /* Ajustado para menor ainda */
        letter-spacing: 1.2px;
        margin-bottom: 8px;
        font-weight: bold;
    }

    .hero-divider {
        width: 50px;
        height: 2px;
        margin: 8px 0;
    }

    .hero-cta-group {
    	display: flex;
   	flex-wrap: nowrap;
    	gap: 8px;
    	overflow-x: auto;
    	padding-bottom: 8px;
    	justify-content: flex-start;
}

     .hero-cta {
    	white-space: nowrap;
        flex-shrink: 0;
}


    .hero-description {
        font-size: 0.65rem; /* Novo: se existir texto descritivo */
    }
}