/**
 * ATTAP — identidade visual (paleta do logótipo: verde, vermelho, amarelo, branco)
 */
:root {
  --attap-red: #c8102e;
  --attap-red-dark: #9e0c24;
  --attap-green: #006847;
  --attap-green-dark: #004530;
  --attap-green-soft: #e8f2ee;
  --attap-yellow: #ffc400;
  --attap-yellow-soft: #fff6d6;
  --attap-white: #ffffff;
  --attap-cream: #f7f5f0;
  --attap-text: #1c211f;
  --attap-text-muted: #5c6661;
  --attap-radius: 14px;
  --attap-radius-sm: 10px;
  --attap-shadow: 0 8px 32px rgba(0, 45, 32, 0.1);
  --attap-font-ui: "Plus Jakarta Sans", system-ui, sans-serif;
  --attap-font-heading: "Plus Jakarta Sans", system-ui, sans-serif;
}

body.attap-public {
  font-family: var(--attap-font-ui);
  color: var(--attap-text);
  font-size: 17px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  background: var(--attap-white);
}

.attap-public h1,
.attap-public h2,
.attap-public h3,
.attap-public h4,
.attap-public h5,
.attap-public h6,
.attap-public figure {
  font-family: var(--attap-font-heading);
  color: var(--attap-green-dark);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.attap-public a {
  color: var(--attap-green);
  transition: color 0.2s ease, opacity 0.2s ease;
}

.attap-public a:hover,
.attap-public a:focus {
  color: var(--attap-red);
}

.attap-public ::selection {
  color: var(--attap-white);
  background: var(--attap-green);
}

/* Botões */
.attap-public .btn-primary {
  background: var(--attap-green) !important;
  border-color: var(--attap-green) !important;
  color: var(--attap-white) !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em;
  padding: 0.65rem 1.35rem !important;
  transition: background 0.2s, border-color 0.2s, transform 0.15s !important;
}

.attap-public .btn-primary:hover,
.attap-public .btn-primary:focus {
  background: var(--attap-green-dark) !important;
  border-color: var(--attap-green-dark) !important;
  color: var(--attap-white) !important;
}

/* Hero CTA — amarelo do logótipo */
.attap-public #fh5co-hero .btn-primary,
.attap-public .attap-hero-panel .btn-primary {
  background: var(--attap-yellow) !important;
  border-color: var(--attap-yellow) !important;
  color: var(--attap-green-dark) !important;
}

.attap-public #fh5co-hero .btn-primary:hover,
.attap-public .attap-hero-panel .btn-primary:hover {
  background: #ffd54d !important;
  border-color: #ffd54d !important;
  color: var(--attap-green-dark) !important;
}

.attap-public .form-control:focus {
  border-color: var(--attap-green) !important;
  box-shadow: 0 0 0 3px rgba(0, 104, 71, 0.15) !important;
}