/*
Theme Name: Quaresma de São Miguel
Theme URI: https://example.com/quaresma-tema
Author: Você
Author URI: https://example.com
Description: Tema leve e otimizado para SEO com foco em conversão e CTA uniforme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: quaresma
*/

/* Reset e base acessível */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji"; color: #111; background: #fff; line-height: 1.6; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }

/* Container */
.container { width: min(1100px, 92vw); margin-inline: auto; }

/* Paleta e tokens simples */
:root {
  --primary-h: 142; /* verde */
  --primary-s: 72%;
  --primary-l: 35%;
  --primary: hsl(var(--primary-h) var(--primary-s) var(--primary-l));
  --primary-foreground: #fff;
  --primary-glow: hsl(var(--primary-h) calc(var(--primary-s) - 10%) calc(var(--primary-l) + 10%));
  --muted: #6b7280;
  --bg-soft: #f8fafc;
  --shadow: 0 10px 30px -12px rgba(16, 185, 129, .35);
}

/* Botões (uniforme) */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; border: 0; border-radius: .75rem; cursor: pointer; font-weight: 700; line-height: 1.2; transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; text-align: center; }
.btn:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.btn-primary { color: var(--primary-foreground); background: linear-gradient(135deg, var(--primary) 0%, var(--primary-glow) 100%); box-shadow: var(--shadow); }
.btn-primary:hover { transform: translateY(-1px) scale(1.01); filter: brightness(1.02); }
.btn-lg { padding: 1rem 1.5rem; font-size: 1.125rem; }
.btn-xl { padding: 1.1rem 1.6rem; font-size: 1.25rem; }

/* Header e navegação */
.site-header { background: #fff; border-bottom: 1px solid #e5e7eb; position: sticky; top: 0; z-index: 50; }
.site-brand { font-weight: 900; font-size: 1.25rem; }
.nav { display: flex; gap: 1rem; }
.nav a { padding: .75rem; color: #111; }
.nav a[aria-current="page"] { color: var(--primary); font-weight: 700; }

/* Seções e tipografia */
.section { padding: 3rem 0; }
.section-muted { background: var(--bg-soft); }
.h1 { font-size: clamp(2rem, 3.5vw + 1rem, 3rem); line-height: 1.1; margin: 0 0 1rem; font-weight: 900; }
.h2 { font-size: clamp(1.5rem, 2.5vw + 1rem, 2rem); margin: 0 0 .75rem; font-weight: 800; }
.lead { font-size: 1.125rem; color: var(--muted); }

/* Cards e layout */
.grid { display: grid; gap: 1.25rem; }
.grid-3 { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.card { background: #fff; border: 1px solid #e5e7eb; border-radius: 1rem; padding: 1.25rem; }

/* Footer */
.site-footer { background: #0b0f0e; color: #e5e7eb; padding: 2rem 0; margin-top: 3rem; }
.site-footer a { color: #e5e7eb; text-decoration: underline; }