/*
Theme Name: GPT PRO Landing
Theme URI: https://chatgptprofissional.com.br/
Author: GPT PRO
Author URI: https://chatgptprofissional.com.br/
Description: Landing page de alta conversão para o produto GPT PRO — 150 prompts profissionais. Tema de página única, escuro, com verde-menta. Ative o tema e a página inicial já exibe a landing completa.
Version: 1.0
Requires at least: 5.0
Tested up to: 6.5
Requires PHP: 7.0
License: GNU General Public License v2 or later
Text Domain: gpt-pro
*/

/* Toda a estilização visual da landing é inline no index.php para fidelidade total.
   Ajustes globais e responsividade ficam aqui. */

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { background: #0a0f0d; }

@keyframes floaty { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes pulseGlow { 0%,100% { box-shadow: 0 0 0 0 rgba(31,209,138,0.45); } 50% { box-shadow: 0 0 0 14px rgba(31,209,138,0); } }
@keyframes slideUp { from { transform: translateY(120%); } to { transform: translateY(0); } }

.gpt-anim-floaty { animation: floaty 6s ease-in-out infinite; }
.gpt-anim-glow { animation: pulseGlow 2.6s infinite; }

a { color: #1fd18a; text-decoration: none; }
a:hover { color: #57e6ad; }

/* Botão flutuante mobile */
.gpt-floating-cta {
  position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 50;
  display: none; align-items: center; justify-content: center; gap: 8px;
  font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 16px;
  padding: 16px; border-radius: 14px;
  background: linear-gradient(135deg, #1fd18a, #12a06b); color: #06120c;
  box-shadow: 0 12px 30px -8px rgba(0,0,0,0.6);
}
.gpt-floating-cta.is-visible { animation: slideUp 0.35s ease; }

/* Responsivo */
@media (max-width: 900px) {
  .gpt-grid-2, .gpt-grid-split { grid-template-columns: 1fr !important; }
  .gpt-cats, .gpt-steps, .gpt-deps { grid-template-columns: 1fr !important; }
  .gpt-bonus, .gpt-whofor { grid-template-columns: 1fr !important; }
  .gpt-h1 { font-size: 38px !important; }
  .gpt-h2 { font-size: 30px !important; }
}
@media (max-width: 760px) {
  .gpt-floating-cta { display: flex; }
  .gpt-nav-cta { display: none !important; }
}