/* ===== Reset / Base Responsiva ===== */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { margin: 0; padding: 0; width: 100%; min-width: 320px; font-family: sans-serif; line-height: 1.5; } img, video { max-width: 100%; height: auto; } .container { width: 100% !important; max-width: 100% !important; padding: 0 15px !important; margin: 0 auto !important; } .widget { position: relative !important; left: auto !important; top: auto !important; transform: none !important; width: 100% !important; max-width: 100% !important; text-align: center !important; margin: 0 auto !important; } /* Seções específicas (se quiser restringir aos widgets principais) */ .widget-section { padding: 20px 0 !important; } /* Botões e links */ .widget-button { display: inline-block !important; width: auto !important; padding: 12px 20px !important; margin: 20px auto !important; font-size: 1.1rem !important; text-align: center !important; } /* Textos — ajustar tamanho legível em mobile */ .widget-text p { font-size: 1rem !important; line-height: 1.4 !important; } /* Imagens internas nos widgets */ .widget img { display: block !important; margin: 0 auto !important; max-width: 100% !important; height: auto !important; } /* Media query: se quiser um comportamento diferente em telas maiores */ @media (min-width: 768px) { .container { padding: 0 30px !important; } .widget-text p { font-size: 1.1rem !important; } .widget-button { font-size: 1.2rem !important; padding: 14px 28px !important; } }