/* * Estilos Frontend para Pangoleads * * Version: 1.1.6 */ /* ======================================================= * ESTILOS DO MODAL * ======================================================= */ .pangoleads-modal { /* Fundo escuro (Overlay) */ display: none; /* Inicia escondido */ position: fixed; z-index: 99999; /* Z-Index alto para ficar acima de tudo */ left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.7); /* Fundo preto semi-transparente */ box-sizing: border-box; /* Configuração Flex para Centralização */ align-items: center; justify-content: center; } .pangoleads-modal-content { background-color: #fefefe; margin: 10% auto; padding: 30px; border: 1px solid #888; width: 95%; /* Responsividade básica */ max-width: 450px; /* Largura máxima */ border-radius: 8px; position: relative; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); animation-name: animatetop; animation-duration: 0.4s; /* Garante que o conteúdo não ultrapasse a altura da tela em dispositivos pequenos */ max-height: 90vh; overflow-y: auto; } /* Animação para o modal */ @keyframes animatetop { from {transform: translateY(-50px); opacity: 0} to {transform: translateY(0); opacity: 1} } .pangoleads-modal-content h2 { font-size: 1.5em; margin-top: 0; color: #333; } .pangoleads-close-btn { color: #aaa; float: right; font-size: 32px; font-weight: bold; cursor: pointer; line-height: 1; position: absolute; top: 10px; right: 15px; } .pangoleads-close-btn:hover, .pangoleads-close-btn:focus { color: #000; text-decoration: none; cursor: pointer; } /* ======================================================= * ESTILOS GERAIS DE FORMULÁRIO (Shortcode e Modal) * O CSS de cores (inputs/botão) é injetado no via PHP * ======================================================= */ .pangoleads-shortcode-form { padding: 15px; border: 1px solid #eee; border-radius: 6px; background-color: #f9f9f9; } .pangoleads-shortcode-form label { display: block; margin-bottom: 5px; font-weight: 600; font-size: 0.9em; } /* Estilo para SELECT */ .pangoleads-shortcode-form select, #pangoleads-leads-modal select { appearance: none; /* Remove seta padrão em alguns browsers */ background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: right 10px top 50%; background-size: 10px auto; }