/* Theme Name: Astra Child Template: astra Version: 1.0.0 */ /* ===== Perfil Biológico — Fundo em degradé e tema escuro ===== */ /* 1) Aplica o degradé à página do Perfil Biológico (template) e ao resultado - Se o teu ficheiro de template se chama "perfil-biologico.php", o WP adiciona a classe `page-template-perfil-biologico-php` ao . - Se usares outro nome de ficheiro, ajusta a classe abaixo conforme necessário. - Alternativamente, usa .page-id-XXX (troca XXX pelo ID da página). */ body.page-template-perfil-biologico-php, body.page-id-1234 { /* <-- opcional: troca 1234 pelo ID real da página */ background: linear-gradient(to bottom, #0D161F 0%, #660018 60%, #ff1744 100%); min-height: 100vh; } /* 2) Cartão de resultado/caixa principal (usa a class no HTML:
… ) */ .jm-result-card{ background:#0D161F; color:#FFFFFF; padding:32px; border-radius:20px; max-width:900px; margin: 24px auto; box-shadow: 0 8px 28px rgba(0,0,0,.35); line-height:1.6; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; } .jm-result-card h2, .jm-result-card h3{ color:#fff; /* títulos a branco */ margin:0 0 14px 0; text-align:center; } .jm-result-card a{ color:#93c5fd; font-weight:600; text-decoration:underline; } .jm-result-card .jm-actions{ margin-top:20px; text-align:center; } /* 3) Formulário do Perfil (dá a class ao
: ) */ .jm-perfil label{ color:#fff !important; } /* Campos com texto branco, fundo escuro e borda branca */ .jm-perfil input[type="text"], .jm-perfil input[type="email"], .jm-perfil input[type="tel"], .jm-perfil input[type="date"], .jm-perfil select, .jm-perfil textarea{ width:100%; padding:10px; border-radius:6px; border:1px solid #fff; background:#0D161F; color:#fff; box-sizing:border-box; } /* Placeholder mais suave em fundos escuros */ .jm-perfil ::placeholder{ color:#cbd5e1; } /* Botão de submit */ .jm-perfil button[type="submit"], .jm-perfil input[type="submit"]{ background:#1E90FF; color:#fff; border:none; border-radius:10px; padding:14px 24px; font-weight:700; font-size:18px; width:100%; cursor:pointer; } .jm-perfil button[type="submit"]:hover, .jm-perfil input[type="submit"]:hover{ filter: brightness(1.05); } /* 4) Texto de instruções (se usado) */ .jm-instructions{ color:#fff; text-align:center; margin: 12px 0 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; } /* 5) Correção para headings/títulos que por defeito venham a preto */ .page-template-perfil-biologico-php h1, .page-template-perfil-biologico-php h2, .page-template-perfil-biologico-php h3, .page-template-perfil-biologico-php label{ color:#fff; } /* Tirar o fundo branco do Astra nesta página */ body.page-id-1514 .site, body.page-id-1514 .site-content, body.page-id-1514 .content-area, body.page-id-1514 .ast-container, body.page-id-1514 .entry-content, body.page-id-1514 .ast-article-single, body.page-id-1514 .ast-separate-container .ast-article-single, body.page-id-1514 .ast-separate-container #primary, body.page-id-1514 .hentry { background: transparent !important; box-shadow: none !important; } /* Gutenberg/Elementor “Group” com fundo aplicado */ body.page-id-1514 .wp-block-group.has-background, body.page-id-1514 .elementor-section, body.page-id-1514 [class*="elementor-container"] { background: transparent !important; box-shadow: none !important; } /* Garantir que o nosso degradé cobre a viewport toda */ body.page-id-1514 { background: linear-gradient(to bottom, #0D161F 0%, #660018 60%, #ff1744 100%) !important; min-height: 100vh; } /* Cartão de resultado (só para garantir) */ body.page-id-1514 .jm-result-card { background:#0D161F !important; color:#fff !important; }