/**
 * SOS Pedagogico - Frontend Styles
 * @author SOS Pedagogico - https://sospedagogico.com
 * @version 2.0.0
 */

/* Estilos mínimos do frontend - a maioria é gerada dinamicamente pelo PHP */

.sos-bump-container,
.sos-download-section,
.sos-pix-checker {
    font-family: var(--e-global-typography-text-font-family), -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Animações globais */
@keyframes sosFadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes sosSlideIn {
    from { opacity: 0; transform: translateX(-20px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes sosSpin {
    to { transform: rotate(360deg); }
}

@keyframes sosPixSpin {
    to { transform: rotate(360deg); }
}

/* Responsivo */
@media (max-width: 768px) {
    .sos-bump .bump-item {
        flex-direction: column;
        text-align: center;
    }
    
    .sos-bump-modern .sos-product-content {
        flex-direction: column;
        align-items: center;
    }
    
    .sos-download-items {
        padding: 0 15px;
    }
}