/*
 * 34-geo-box.css — caixa 'copiar prompt' no fim do post (rotina_render_copy_to_prompt)
 * INF-005 F5 lote 4: migrado de <style> inline (inc/geo-reverse-citation.php) em 25/09/2026.
 * SEM @layer de proposito: o inline era unlayered; aqui continua vencendo o legado
 * (f1-* em @layer features) sem guerra de especificidade. Ver CONTRATOS §5b.
 * Carrega com single.php, antes do 31-footer (o <style> saia logo depois do the_content) (carregar_scripts_rotina, functions.php).
 */
.geo-prompt-wrapper { margin: 40px 0; font-family: 'Poppins', sans-serif; }
.geo-prompt-box { 
    background: #fdfdfd; border: 1px solid #e0e0e0; border-radius: 12px; 
    padding: 25px; box-shadow: 0 5px 20px rgba(0,0,0,0.03); text-align: center;
}
.geo-header { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 10px; }
.geo-header i { font-size: 1.5rem; color: var(--azul-principal, #0441f5); }
/* FIX: o HTML usa <h3>, o seletor antigo (h4) nunca aplicava */
.geo-header h3 { margin: 0; font-size: 1.2rem; color: #333; font-weight: 700; }
.geo-desc { color: #666; font-size: 0.95rem; margin-bottom: 20px; line-height: 1.5; }

.geo-buttons-grid { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }

.btn-geo {
    flex: 1; min-width: 160px; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    padding: 12px 20px; border-radius: 8px; font-weight: 600; font-size: 0.9rem;
    text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; border: none; line-height: 1.2;
}
.btn-geo:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); color: white; }

.btn-geo-copy { background: #f0f0f0; color: #333; border: 1px solid #ddd; }
.btn-geo-copy:hover { background: #333; color: white; border-color: #333; }

.btn-geo-gpt { background: #10a37f; color: white; }
.btn-geo-gpt:hover { background: #0e8c6d; box-shadow: 0 5px 15px rgba(16, 163, 127, 0.3); }

.btn-geo-gemini { background: linear-gradient(90deg, #4285F4, #9B72CB, #D96570); color: white; }
.btn-geo-gemini:hover { box-shadow: 0 5px 15px rgba(66, 133, 244, 0.3); opacity: 0.95; }

.geo-feedback-area {
    min-height: 24px; margin-top: 12px; font-size: 0.85rem; font-weight: 600; 
    color: #10a37f; opacity: 0; transition: opacity 0.3s;
}

/* Dark Mode */
html.dark-mode .geo-prompt-box { background: #1a1b26; border-color: #333; }
html.dark-mode .geo-header h3 { color: white; }
html.dark-mode .geo-desc { color: #aaa; }
html.dark-mode .btn-geo-copy { background: #2c2e3e; color: white; border-color: #444; }

@media (max-width: 600px) {
    .geo-buttons-grid { flex-direction: column; }
    .btn-geo { width: 100%; }
}

/* r58.27: card "Ficou com dúvida? Pergunte à IA" na área fixa da coluna da direita (rotina_render_ai_card_coluna). */
.ai-card-coluna{margin:0 0 22px;padding:18px 18px 16px;border-radius:16px;background:radial-gradient(ellipse 90% 70% at 50% 0%,rgba(16,163,127,.28),transparent 70%),linear-gradient(160deg,#121826,#0b0e14);border:1px solid rgba(16,163,127,.45);box-shadow:0 10px 26px rgba(0,0,0,.18);color:#e8edf5}
.ai-card-kicker{margin:0 0 6px;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#4fd1a5}
.ai-card-titulo{margin:0 0 6px;font-size:1.15rem;line-height:1.3;color:#fff}
.ai-card-texto{margin:0 0 14px;font-size:.9rem;line-height:1.5;color:#c6cfdc}
.ai-card-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin:0 0 8px;padding:10px 14px;border-radius:10px;font-weight:700;font-size:.9rem;text-decoration:none;cursor:pointer;border:0;transition:transform .12s ease,filter .12s ease}
.ai-card-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
.ai-card-gpt{background:#10a37f;color:#fff!important}
.ai-card-mais{margin-bottom:0;background:transparent;color:#e8edf5;border:1.5px solid rgba(255,255,255,.28)}