.automatic-button {
  display: inline-flex;
  min-height: 3.25rem;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.65rem;
  border: 1px solid transparent;
  border-radius: var(--automatic-radius-pill);
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.01em;
  text-decoration: none;
  transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease;
}
.automatic-button:hover { transform: translateY(-2px); }
.automatic-button:focus-visible {
  outline: 3px solid var(--automatic-color-turquoise);
  outline-offset: 4px;
}
.automatic-site-header .automatic-button.automatic-button--primary,
.automatic-hero .automatic-button.automatic-button--primary {
  color: var(--automatic-color-button-ink);
  background: var(--automatic-color-orange);
}
.automatic-site-header .automatic-button.automatic-button--primary:hover,
.automatic-hero .automatic-button.automatic-button--primary:hover {
  color: var(--automatic-color-button-ink);
  background: var(--automatic-color-orange-dark);
}
.automatic-button--secondary {
  color: var(--automatic-color-white);
  border-color: rgba(255,255,255,0.42);
  background: rgba(52,60,67,0.34);
  backdrop-filter: blur(8px);
}
.automatic-button--secondary:hover { border-color: var(--automatic-color-turquoise); }

/* Problem archive category navigation: explicit light-theme contrast */
html[data-automatic-effective="light"] body.post-type-archive-at_problema .automatic-problems-anchor-nav__button {
  color: #20303d !important;
  background: #ffffff !important;
  border-color: #cbd5dc !important;
}
html[data-automatic-effective="light"] body.post-type-archive-at_problema .automatic-problems-anchor-nav__button:hover,
html[data-automatic-effective="light"] body.post-type-archive-at_problema .automatic-problems-anchor-nav__button:focus-visible {
  color: #111820 !important;
  background: #eef3f6 !important;
  border-color: #ff6b2c !important;
}

/* Recursos: encabezados de la guía */
body.single-at_recurso .brxe-post-content h2 { font-size: 30px; line-height: 1.2; }
body.single-at_recurso .brxe-post-content h3 { font-size: 25px; line-height: 1.25; }