/**
 * CSS Customizado para Banners - Carregado Externamente
 * 
 * Use este arquivo se as tags <style> não funcionarem em produção
 * 
 * INSTRUÇÕES:
 * 1. Copie seu CSS das tags <style> do banner
 * 2. Cole aqui
 * 3. Remova as tags <style> do HTML do banner
 * 4. Este CSS será carregado automaticamente!
 */

/* EXEMPLO: CSS do Banner Bebelume */

.bebelume-newsletter {
    background: linear-gradient(135deg, #FE0061 0%, #FE0061 100%);
    padding: 50px 40px;
    border: 5px solid #FCD302;
    border-radius: 20px;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

.bebelume-header h1 {
    font-family: 'Bragley', sans-serif;
    font-size: 48px;
    color: #03D1F0;
    margin: 0 0 15px 0;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.bebelume-header h2 {
    font-family: 'Bragley', sans-serif;
    font-size: 32px;
    color: #FCD302;
    margin: 0 0 10px 0;
    font-weight: bold;
}

.bebelume-header p {
    font-size: 18px;
    color: white;
    margin: 0 0 30px 0;
}

/* Adicione seus próprios estilos aqui */