/* Gerado por split de app/static/css/estilo_ph3a.css (fundação da reorganização de CSS, 03/08/2026). Ver app/utils/css_manifest.py pra ordem de carregamento. */

/* ============================================================
   BUTTONS
   ============================================================ */

.btn-ph3a {
  background: var(--ph3a-primary);
  color: white;
  border: none;
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.btn-ph3a:hover {
  background: var(--ph3a-primary-dark);
  color: white;
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(255,81,27,0.35);
}

.btn-accent {
  background: var(--ph3a-accent);
  color: white;
  border: none;
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.btn-accent:hover {
  background: var(--ph3a-accent-light);
  color: white;
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(5,31,78,0.35);
}

.btn-outline-ph3a {
  background: transparent;
  color: var(--ph3a-primary);
  border: 1.5px solid var(--ph3a-primary);
  border-radius: 10px;
  padding: 9px 18px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.btn-outline-ph3a:hover {
  background: var(--ph3a-primary);
  color: white;
}

.btn-link-ph3a {
  background: none;
  border: none;
  color: var(--ph3a-primary);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: opacity var(--transition);
}
.btn-link-ph3a:hover { opacity: 0.75; }