:root {
  --oga-background: hsl(220 30% 98%);
  --oga-foreground: hsl(220 25% 12%);
  --oga-card: hsl(220 25% 96%);
  --oga-muted: hsl(220 20% 94%);
  --oga-muted-foreground: hsl(220 12% 50%);
  --oga-border: hsl(220 20% 90%);
  --oga-primary: hsl(220 45% 18%);
  --oga-accent: #B28434;
  --oga-footer-text: hsl(220 30% 98%);
  --oga-radius: 4px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--oga-background);
  color: var(--oga-foreground);
  font-family: "Inter", system-ui, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.oga-react-page {
  overflow-x: hidden;
}

img,
svg {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

.oga-container {
  width: min(calc(100% - 4rem), 1400px);
  margin-inline: auto;
}

.oga-container--article {
  width: min(calc(100% - 4rem), 1140px);
}

.oga-section {
  padding: 4rem 0 6rem;
}

.oga-site-main {
  padding-top: 80px;
  min-height: 60vh;
}

.oga-react-shell {
  min-height: 100vh;
}

.oga-react-noscript {
  padding: 8rem 0;
  color: var(--oga-muted-foreground);
}

.oga-skip-link,
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.oga-skip-link:focus {
  z-index: 100000;
  top: 0.75rem;
  left: 0.75rem;
  width: auto;
  height: auto;
  padding: 0.75rem 1rem;
  clip: auto;
  background: var(--oga-primary);
  color: white;
  border-radius: var(--oga-radius);
}

.oga-site-header {
  position: fixed;
  z-index: 80;
  top: 0;
  left: 0;
  right: 0;
  background: color-mix(in srgb, var(--oga-primary) 14%, transparent);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  backdrop-filter: blur(6px);
  transition: background 220ms ease, border-color 220ms ease, backdrop-filter 220ms ease;
}

.oga-site-header.is-scrolled {
  background: color-mix(in srgb, var(--oga-primary) 82%, transparent);
  border-bottom-color: rgba(255,255,255,0.1);
  backdrop-filter: blur(14px);
}

.admin-bar .oga-site-header {
  top: 32px;
}

.oga-header-inner {
  width: min(calc(100% - 4rem), 1400px);
  min-height: 96px;
  margin-inline: auto;
  display: flex !important;
  align-items: center !important;
  gap: 2rem;
}

.oga-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  align-self: center !important;
  flex: 1 1 0 !important;
}

.oga-logo__image,
.oga-logo img {
  width: auto;
  height: 48px;
  border-radius: var(--oga-radius);
}

.oga-site-nav {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  flex: 0 0 auto !important;
  margin-top: -10px !important;
}

.oga-header-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  align-self: center !important;
  gap: 1.25rem;
  flex: 1 1 0 !important;
}

.oga-menu {
  display: flex !important;
  align-items: center !important;
  gap: clamp(2.25rem, 3vw, 2.75rem);
  padding: 0 !important;
  margin: 0 !important;
  list-style: none;
}

.oga-menu a {
  position: relative;
  display: inline-flex;
  padding: 0.35rem 0;
  color: #fff !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  transition: color 180ms ease;
}

.oga-menu a::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  content: "";
  background: var(--oga-accent);
  transition: width 180ms ease;
}

.oga-menu a:hover,
.oga-menu .current-menu-item > a {
  color: var(--oga-accent) !important;
}

.oga-menu a:hover::after,
.oga-menu .current-menu-item > a::after {
  width: 100%;
}

.oga-menu li,
.oga-menu-item-has-children {
  position: relative;
  list-style: none;
}

.oga-sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: var(--oga-background);
  border: 1px solid color-mix(in srgb, var(--oga-border) 70%, transparent);
  border-radius: var(--oga-radius);
  box-shadow: 0 8px 24px -18px hsl(220 25% 12% / 0.35);
  z-index: 10;
  list-style: none;
  margin-left: 0;
}

@media (min-width: 761px) {
  .oga-menu-item-has-children:hover .oga-sub-menu,
  .oga-menu-item-has-children:focus-within .oga-sub-menu {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }
}

.oga-sub-menu a {
  display: block;
  padding: 0.5rem 0.75rem;
  border-radius: var(--oga-radius);
  text-transform: none;
  letter-spacing: normal;
  white-space: nowrap;
}

.oga-sub-menu a:hover {
  background: color-mix(in srgb, var(--oga-accent) 10%, transparent);
}

.oga-header-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 2rem;
  background: var(--oga-accent);
  border: 1px solid var(--oga-primary);
  border-radius: var(--oga-radius);
  color: #fff !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: background 180ms ease, border-color 180ms ease;
}

.oga-header-cta:hover {
  background: color-mix(in srgb, var(--oga-accent) 85%, black);
  border-color: var(--oga-primary);
  color: #fff !important;
}

.oga-menu-toggle {
  display: none !important;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  background: transparent !important;
  color: #fff !important;
  box-shadow: none !important;
  appearance: none;
}

.oga-menu-toggle > span:not(.screen-reader-text) {
  display: block;
  width: 22px;
  height: 1.5px;
  margin: 5px auto;
  background: currentColor;
}

.oga-blog-header {
  padding: 3rem 0 4rem;
  background: color-mix(in srgb, var(--oga-primary) 5%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--oga-border) 70%, transparent);
}

.oga-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem;
  margin-bottom: 1.5rem;
  color: var(--oga-muted-foreground);
  font-size: 0.875rem !important;
}

.oga-breadcrumb a {
  transition: color 180ms ease;
}

.oga-breadcrumb a:hover {
  color: var(--oga-foreground);
}

.oga-blog-header h1 {
  max-width: 980px;
  margin: 0;
  color: var(--oga-foreground);
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(2.25rem, 5vw, 4rem) !important;
  font-weight: 500 !important;
  line-height: 1.05;
  letter-spacing: -0.02em;
}

.oga-blog-header p {
  max-width: 760px;
  margin: 1rem 0 0;
  color: var(--oga-muted-foreground);
  font-size: 1.125rem !important;
  line-height: 1.7;
}

.oga-section-heading {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}

.oga-section-heading--spaced {
  margin-top: 4.5rem;
}

.oga-section-heading span {
  width: 48px;
  height: 1px;
  background: var(--oga-accent);
}

.oga-section-heading h2 {
  margin: 0;
  color: var(--oga-muted-foreground);
  font-family: "Inter", system-ui, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.oga-category-grid,
.oga-post-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}

.oga-category-card,
.oga-post-card__link {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  padding: 1.5rem;
  border: 1px solid color-mix(in srgb, var(--oga-border) 70%, transparent);
  border-radius: var(--oga-radius);
  background: color-mix(in srgb, var(--oga-card) 72%, white);
  transition: border-color 180ms ease, box-shadow 180ms ease;
}

.oga-post-card__thumb {
  aspect-ratio: 16/10;
  margin: -1.5rem -1.5rem 1rem;
  border-radius: var(--oga-radius) var(--oga-radius) 0 0;
  overflow: hidden;
}

.oga-post-card__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.oga-category-card:hover,
.oga-post-card__link:hover {
  border-color: color-mix(in srgb, var(--oga-accent) 34%, transparent);
  box-shadow: 0 8px 24px -18px hsl(220 25% 12% / 0.25);
}

.oga-category-card__icon {
  display: inline-flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  border-radius: var(--oga-radius);
  background: color-mix(in srgb, var(--oga-accent) 10%, transparent);
  color: var(--oga-accent);
}

.oga-category-card__icon svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.oga-category-card h3,
.oga-post-card h3 {
  margin: 0 0 0.85rem;
  color: var(--oga-foreground);
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 1.45rem !important;
  font-weight: 500 !important;
  line-height: 1.15;
  transition: color 180ms ease;
}

.oga-category-card:hover h3,
.oga-post-card__link:hover h3 {
  color: var(--oga-accent);
}

.oga-category-card p,
.oga-post-card p {
  margin: 0 0 1.25rem;
  color: var(--oga-muted-foreground);
  font-size: 0.925rem !important;
  line-height: 1.65;
}

.oga-card-meta,
.oga-post-card__meta {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  margin-top: auto;
  color: var(--oga-muted-foreground);
  font-size: 0.75rem !important;
}

.oga-post-card__read-more {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  margin-top: 0.75rem;
  color: var(--oga-accent);
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
}

.oga-post-card--dark .oga-post-card__link {
  padding: 24px;
  background: transparent;
  border-color: color-mix(in srgb, var(--oga-primary) 12%, transparent);
}

.oga-post-card--dark .oga-post-card__link:hover {
  border-color: color-mix(in srgb, var(--oga-accent) 45%, transparent);
  box-shadow: none;
}

.oga-post-card--dark .oga-post-card__thumb {
  aspect-ratio: 16/10;
  margin: -24px -24px 12px;
}

.oga-post-card--dark .oga-post-card__eyebrow {
  display: block;
  margin-bottom: 8px;
  color: var(--oga-muted-foreground);
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.oga-post-card--dark h3 {
  margin-bottom: 12px;
  color: var(--oga-primary);
  font-family: "Inter", system-ui, sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}

.oga-post-card--dark .oga-post-card__link:hover h3 {
  color: var(--oga-accent);
}

.oga-post-card--dark p {
  margin-bottom: 12px;
  color: var(--oga-muted-foreground);
  font-size: 14px !important;
}

.oga-post-card--dark .oga-post-card__read-more {
  font-size: 14px !important;
}

.oga-badge {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 1rem;
  padding: 0.3rem 0.55rem;
  border: 1px solid color-mix(in srgb, var(--oga-accent) 30%, transparent);
  border-radius: var(--oga-radius);
  color: var(--oga-accent);
  font-size: 0.75rem !important;
  line-height: 1;
}

.oga-article {
  padding: 4rem 0 0;
}


.oga-header-inner,
.oga-site-footer .oga-container {
  width: min(calc(100% - 4rem), 1140px);
}

body.single-post {
  background: var(--oga-primary);
}

body.single-post .oga-site-main {
  padding-top: 0;
}

body.single-post .oga-container--article {
  padding: 3rem 3rem 3.5rem;
  margin-top: 3rem;
  margin-bottom: 4.5rem;
  border-radius: var(--oga-radius);
  background: var(--oga-background);
}

.oga-article-meta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding-bottom: 2rem;
  margin-bottom: 2.5rem;
  border-bottom: 1px solid color-mix(in srgb, var(--oga-primary) 25%, transparent);
  text-align: center;
}

.oga-article-divider {
  height: 1px;
  margin: 0 0 2.5rem;
  border: 0;
  background: color-mix(in srgb, var(--oga-primary) 25%, transparent);
}

.oga-article-meta__title {
  margin: 0;
  color: var(--oga-foreground);
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(1.75rem, 4vw, 2.5rem) !important;
  font-weight: 700 !important;
  line-height: 1.15;
}

.oga-article-meta__info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  color: var(--oga-muted-foreground);
  font-size: 0.875rem !important;
}

.oga-article-meta__item {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.oga-article-meta__item svg {
  flex: 0 0 auto;
  color: var(--oga-accent);
}

.oga-article-thumb {
  margin-bottom: 2.5rem;
  border-radius: var(--oga-radius);
  overflow: hidden;
  height: 420px;
}

.oga-article-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.oga-article-meta .oga-badge {
  margin-bottom: 0;
}

.oga-article-outline {
  margin-bottom: 2rem;
  border: 1px solid color-mix(in srgb, var(--oga-border) 70%, transparent);
  border-radius: var(--oga-radius);
  background: color-mix(in srgb, var(--oga-muted) 50%, transparent);
  overflow: hidden;
}

.oga-article-outline__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 1.75rem;
  cursor: pointer;
  color: #fff;
  background: var(--oga-primary);
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  list-style: none;
}

.oga-article-outline__toggle::-webkit-details-marker {
  display: none;
}

.oga-article-outline__toggle svg {
  flex: 0 0 auto;
  color: #fff;
  transition: transform 0.2s ease;
}

.oga-article-outline[open] .oga-article-outline__toggle svg {
  transform: rotate(180deg);
}

.oga-article-outline__list {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  padding: 0 1.75rem 1.5rem;
  margin: 1.1rem 0 0;
  list-style: none;
}

.oga-article-outline__item a {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: var(--oga-muted-foreground);
  font-size: 0.9375rem !important;
  text-decoration: none;
}

.oga-article-outline__item a:hover {
  color: var(--oga-accent);
}

.oga-article-outline__item a svg {
  flex: 0 0 auto;
  color: var(--oga-accent);
}

.oga-article-outline__item--h2 a {
  padding-left: 1.3rem;
}

.oga-article-summary {
  padding: 1.5rem 1.75rem;
  margin-bottom: 2.5rem;
  border-left: 3px solid var(--oga-accent);
  border-radius: var(--oga-radius);
  background: color-mix(in srgb, var(--oga-muted) 50%, transparent);
}

.oga-article-summary__title {
  margin: 0 0 0.5rem;
  color: var(--oga-foreground);
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
}

.oga-article-summary p {
  margin: 0;
  color: var(--oga-muted-foreground);
  font-size: 0.9375rem !important;
  line-height: 1.6;
}

.oga-prose .oga-cta-juridico {
  padding: 2rem;
  margin: 2.5rem 0;
  border-left: 5px solid var(--oga-accent);
  border-radius: 0 var(--oga-radius) var(--oga-radius) 0;
  background: color-mix(in srgb, var(--oga-muted) 50%, transparent);
  text-align: center;
}

.oga-prose .oga-cta-juridico p {
  margin: 0 0 1.25rem;
  color: var(--oga-foreground);
  font-size: 1.125rem !important;
  line-height: 1.6;
}

.oga-prose .oga-cta-juridico__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 12px 30px;
  border-radius: 999px;
  background: #1a7a41;
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 0.9375rem !important;
  text-decoration: none;
  transition: background 180ms ease;
}

.oga-prose .oga-cta-juridico__button:hover {
  background: #14612f;
  color: #fff !important;
}

.oga-prose .oga-cta-juridico__button::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.oga-prose {
  color: var(--oga-foreground);
  font-size: 16px !important;
  line-height: 1.85;
}

.oga-prose > *:first-child {
  margin-top: 0;
}

.oga-prose p,
.oga-prose ul,
.oga-prose ol,
.oga-prose blockquote,
.oga-prose figure {
  margin: 1.25rem 0;
}

.oga-prose h1,
.oga-prose h2,
.oga-prose h3,
.oga-prose h4,
.oga-prose h5,
.oga-prose h6 {
  color: var(--oga-foreground);
  font-family: "Cormorant Garamond", Georgia, serif !important;
  line-height: 1.6;
}

.oga-prose h1 {
  margin: 2.6rem 0 1rem;
  font-size: 30px !important;
  font-weight: 700 !important;
}

.oga-prose h2 {
  padding: 0.85rem 1.1rem;
  margin: 2.6rem 0 1rem;
  border-left: 4px solid var(--oga-accent);
  border-radius: var(--oga-radius);
  background: linear-gradient(90deg, color-mix(in srgb, var(--oga-accent) 14%, transparent) 0%, transparent 100%);
  font-size: 26px !important;
  font-weight: 700 !important;
}

.oga-prose h3 {
  margin: 2.2rem 0 0.85rem;
  font-size: 22px !important;
  font-weight: 700 !important;
}

.oga-prose h4,
.oga-prose h5,
.oga-prose h6 {
  margin: 1.8rem 0 0.75rem;
  font-size: 20px !important;
  font-weight: 400 !important;
}

.oga-prose a,
.oga-inline-link {
  color: var(--oga-accent);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.oga-prose img {
  height: auto;
  border-radius: var(--oga-radius);
}

.oga-prose blockquote {
  padding-left: 1.25rem;
  border-left: 2px solid var(--oga-accent);
  color: var(--oga-muted-foreground);
}

.oga-author-box {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  padding: 1.5rem;
  margin-top: 3rem;
  border: 1px solid color-mix(in srgb, var(--oga-border) 70%, transparent);
  border-radius: var(--oga-radius);
  background: color-mix(in srgb, var(--oga-muted) 50%, transparent);
}

.oga-author-box__avatar {
  flex: 0 0 auto;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
}

.oga-author-box p {
  margin: 0 0 0.25rem;
  color: var(--oga-muted-foreground);
  font-size: 0.75rem !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.oga-author-box h2 {
  margin: 0 0 0.25rem;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
}

.oga-author-box span {
  display: inline;
  color: var(--oga-muted-foreground);
  font-size: 0.875rem !important;
  white-space: normal;
}

.oga-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 2rem;
}

.oga-tags a {
  display: inline-flex;
  padding: 0.35rem 0.65rem;
  border-radius: var(--oga-radius);
  background: var(--oga-muted);
  color: var(--oga-muted-foreground);
  font-size: 0.8rem !important;
}

.oga-blog-cta {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding: 1.5rem;
  margin-top: 3rem;
  border: 1px solid color-mix(in srgb, var(--oga-border) 70%, transparent);
  border-radius: var(--oga-radius);
  background: color-mix(in srgb, var(--oga-muted) 46%, transparent);
}

.oga-blog-cta__icon {
  display: inline-flex;
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #1a7a41;
  color: #fff;
}

.oga-blog-cta__text {
  flex: 1;
  min-width: 0;
}

.oga-blog-cta h2 {
  margin: 0;
  color: var(--oga-foreground);
  font-size: 1rem !important;
  font-weight: 600 !important;
}

.oga-blog-cta p {
  margin: 0.25rem 0 0;
  color: var(--oga-muted-foreground);
  font-size: 0.875rem !important;
  line-height: 1.5;
}

.oga-blog-cta__button {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  padding: 12px 28px;
  border-radius: 999px;
  background: var(--oga-accent);
  color: #fff !important;
  font-size: 0.925rem !important;
  font-weight: 600 !important;
  text-decoration: none;
  transition: background 180ms ease;
}

.oga-blog-cta__button:hover {
  background: color-mix(in srgb, var(--oga-accent) 85%, black);
  color: #fff !important;
}

@media (max-width: 640px) {
  .oga-blog-cta {
    flex-wrap: wrap;
  }

  .oga-blog-cta__button {
    width: 100%;
    justify-content: center;
  }
}

.navigation.pagination {
  margin-top: 3rem;
}

.nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.page-numbers {
  display: inline-flex;
  min-width: 2.25rem;
  height: 2.25rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--oga-border);
  border-radius: var(--oga-radius);
  color: var(--oga-muted-foreground);
  font-size: 0.875rem !important;
}

.page-numbers.current,
.page-numbers:hover {
  border-color: var(--oga-accent);
  color: var(--oga-accent);
}

.oga-muted {
  color: var(--oga-muted-foreground);
}

.oga-site-footer {
  padding: 3rem 0;
  background: var(--oga-foreground) !important;
  color: var(--oga-footer-text) !important;
}

.oga-footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 3rem;
  margin-bottom: 2.5rem;
}

.oga-footer-mark {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.25rem;
}

.oga-footer-mark span {
  color: var(--oga-footer-text) !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 2rem !important;
  font-weight: 600 !important;
  line-height: 1;
}

.oga-footer-mark small {
  color: color-mix(in srgb, var(--oga-footer-text) 60%, transparent) !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.3em;
  text-transform: uppercase;
}

.oga-footer-brand > p {
  max-width: 420px;
  margin: 0 0 1.25rem;
  color: color-mix(in srgb, var(--oga-footer-text) 62%, transparent) !important;
  font-size: 0.925rem !important;
  line-height: 1.7;
}

.oga-footer-legal p {
  margin: 0.2rem 0;
  color: color-mix(in srgb, var(--oga-footer-text) 42%, transparent) !important;
  font-size: 0.75rem !important;
}

.oga-site-footer h2 {
  margin: 0 0 1.5rem;
  color: var(--oga-footer-text) !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 1.375rem !important;
  font-weight: 500 !important;
}

.oga-site-footer ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.oga-site-footer li,
.oga-site-footer a {
  color: color-mix(in srgb, var(--oga-footer-text) 62%, transparent) !important;
  font-size: 0.95rem !important;
  line-height: 1.65;
  transition: color 180ms ease;
}

.oga-site-footer li {
  margin-bottom: 0.9rem;
}

.oga-site-footer li:last-child {
  margin-bottom: 0;
}

.oga-site-footer a:hover {
  color: var(--oga-footer-text) !important;
}

.oga-footer-bottom {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  padding-top: 1.5rem;
  border-top: 1px solid color-mix(in srgb, var(--oga-footer-text) 10%, transparent);
}

.oga-footer-bottom p,
.oga-footer-bottom a {
  margin: 0;
  color: color-mix(in srgb, var(--oga-footer-text) 42%, transparent) !important;
  font-size: 0.75rem !important;
}

.oga-footer-bottom div {
  display: flex;
  gap: 1.5rem;
}

@media (max-width: 760px) {
  .oga-header-cta,
  .oga-site-nav {
    display: none !important;
  }

  .oga-menu-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .oga-site-header.is-menu-open .oga-site-nav {
    position: absolute !important;
    top: 80px !important;
    bottom: auto !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    transform: none !important;
    display: block !important;
    padding: 1.25rem 1.5rem 1.5rem;
    border-top: 1px solid rgba(255,255,255,0.1);
    background: var(--oga-primary);
  }

  .oga-menu {
    align-items: stretch;
    flex-direction: column;
    gap: 0;
  }

  .oga-menu a {
    display: block;
    padding: 0.85rem 0;
  }

  .oga-sub-menu {
    display: block;
    position: static;
    margin-top: 0;
    padding: 0 0 0 1rem;
    border: none;
    box-shadow: none;
    background: transparent;
  }

  .oga-sub-menu a {
    padding: 0.65rem 0;
  }

  .oga-category-grid,
  .oga-post-grid,
  .oga-footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 782px) {
  .admin-bar .oga-site-header {
    top: 46px;
  }
}

@media (max-width: 680px) {
  .oga-container,
  .oga-container--article,
  .oga-header-inner {
    width: min(100% - 2rem, 1200px);
  }

  .oga-site-main {
    padding-top: 72px;
  }

  .oga-header-inner {
    min-height: 72px;
  }

  .oga-logo__image,
  .oga-logo img {
    height: 42px;
  }

  .oga-site-header.is-menu-open .oga-site-nav {
    top: 72px;
  }

  .oga-blog-header {
    padding: 2.25rem 0 3rem;
  }

  .oga-section {
    padding: 3rem 0 4rem;
  }

  .oga-category-grid,
  .oga-post-grid,
  .oga-footer-grid {
    grid-template-columns: 1fr;
  }

  .oga-footer-bottom {
    align-items: flex-start;
    flex-direction: column;
  }

  body.single-post .oga-container--article {
    padding: 1.75rem 1.25rem 2.25rem;
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
  }

  .oga-article-thumb {
    height: 220px;
    margin-bottom: 1.75rem;
  }

  .oga-article-meta {
    gap: 0.75rem;
    padding-bottom: 1.5rem;
    margin-bottom: 1.75rem;
  }

  .oga-article-outline__toggle {
    padding: 1.1rem 1.25rem;
    font-size: 1.05rem !important;
  }

  .oga-article-outline__list {
    padding: 0 1.25rem 1.25rem;
  }

  .oga-article-summary {
    padding: 1.1rem 1.25rem;
  }

  .oga-prose .oga-cta-juridico {
    padding: 1.25rem;
    margin: 1.75rem 0;
  }

  .oga-author-box {
    padding: 1.1rem;
    gap: 0.85rem;
  }

  .oga-related-section,
  .oga-related-section--alt {
    padding: 3.5rem 0;
  }

  .oga-related-head--left[style] {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 20px !important;
  }

  .oga-related-head--left[style] .oga-related-btn {
    width: 100%;
    justify-content: center;
  }

  .oga-article-card__body {
    padding: 18px;
  }
}

/* ---- Floating chat widget tied to the article title ---- */
.oga-chat-widget {
  position: fixed;
  right: 24px;
  bottom: 100px;
  width: 360px;
  max-width: calc(100vw - 32px);
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.45), 0 20px 48px -10px rgba(0,0,0,0.6);
  overflow: hidden;
  z-index: 999;
  opacity: 0;
  transform: translateY(16px);
  pointer-events: none;
  transition: opacity 220ms cubic-bezier(0.4, 0, 0.2, 1), transform 220ms cubic-bezier(0.4, 0, 0.2, 1);
}
.oga-chat-widget.is-visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.oga-chat-widget__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  background: #1E7A45;
  color: #fff;
  font-weight: 700 !important;
  font-size: 16px !important;
}
.oga-chat-widget__close {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: rgba(0,0,0,0.15) !important;
  color: #fff !important;
  cursor: pointer;
  flex-shrink: 0;
  box-sizing: border-box !important;
  line-height: 0 !important;
  -webkit-appearance: none;
  appearance: none;
}

.oga-chat-widget__close svg {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  color: #fff !important;
  stroke: #fff !important;
  fill: none !important;
}
.oga-chat-widget__body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: #F0F5F1;
}
.oga-chat-widget__bubble {
  background: #fff;
  border-radius: 10px;
  padding: 16px 20px;
  font-size: 14px !important;
  color: #333;
  line-height: 1.5;
  box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}
.oga-chat-widget__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
  padding: 14px 24px;
  background: #1E7A45;
  color: #fff !important;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700 !important;
  font-size: 14px !important;
  align-self: flex-end;
  transition: background 220ms cubic-bezier(0.4, 0, 0.2, 1), transform 220ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 220ms cubic-bezier(0.4, 0, 0.2, 1);
}
.oga-chat-widget__cta:hover {
  background: #185f37;
  color: #fff !important;
  transform: translateY(-3px);
  box-shadow: 0 0 0 1px rgba(46,158,99,0.4), 0 0 14px 2px rgba(46,158,99,0.3), 0 0 28px 4px rgba(46,158,99,0.16);
}
.oga-chat-widget__cta:active { transform: scale(0.97); }

@media (max-width: 480px) {
  .oga-chat-widget { right: 16px; bottom: 90px; }
}

.oga-chat-bubble {
  position: fixed !important;
  right: 24px !important;
  bottom: 24px !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  max-width: 56px !important;
  max-height: 56px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: #1E7A45 !important;
  border: none !important;
  outline: none !important;
  box-sizing: border-box !important;
  line-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.4), 0 12px 32px -8px rgba(0,0,0,0.55);
  cursor: pointer;
  z-index: 200;
  opacity: 0;
  transform: scale(0.8);
  pointer-events: none;
  transition: transform 220ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 220ms cubic-bezier(0.4, 0, 0.2, 1), opacity 220ms cubic-bezier(0.4, 0, 0.2, 1);
}

.oga-chat-bubble svg {
  display: block !important;
  width: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  color: #fff !important;
  fill: #fff !important;
}
.oga-chat-bubble.is-visible {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
}
.oga-chat-bubble:hover { transform: scale(1) translateY(-3px); box-shadow: 0 0 0 1px rgba(46,158,99,0.4), 0 0 14px 2px rgba(46,158,99,0.3), 0 0 28px 4px rgba(46,158,99,0.16); }

.oga-chat-bubble:focus,
.oga-chat-bubble:active,
.oga-chat-widget__close:focus,
.oga-chat-widget__close:active {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* ---- Cópia exata da seção "Artigos Relacionados" do modelo site-paulo ---- */
/* Classes com prefixo oga- para não colidir com CSS do tema/plugins do site (Elementor, hello-elementor, etc.) usando os mesmos nomes genéricos. */
.oga-related-section {
  padding: 96px 0;
  background: #060E1B !important;
  border-bottom: 1px solid #1B2A45;
}

.oga-related-section--alt {
  padding: 96px 0;
  background: #0C1830 !important;
  border-top: 1px solid rgba(255,255,255,0.12);
  border-bottom: 1px solid rgba(255,255,255,0.12);
}

.oga-related-btn {
  font-family: inherit !important;
  font-weight: 600 !important;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  line-height: 1;
  cursor: pointer;
  text-decoration: none;
  padding: 13px 26px;
  font-size: 16px !important;
  border: 1px solid transparent;
  transition: background 220ms cubic-bezier(0.4, 0, 0.2, 1),
    color 220ms cubic-bezier(0.4, 0, 0.2, 1),
    border-color 220ms cubic-bezier(0.4, 0, 0.2, 1),
    transform 220ms cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 220ms cubic-bezier(0.4, 0, 0.2, 1);
}

.oga-related-btn:hover { transform: translateY(-2px); }
.oga-related-btn:active { transform: scale(0.97); }

.oga-related-btn--secondary {
  background: transparent;
  color: #C9A227 !important;
  border-color: #2C3F60;
}

.oga-related-btn--secondary:hover {
  color: #DBBB52 !important;
  border-color: #DBBB52;
  background: rgba(201,162,39,0.1);
  box-shadow: 0 0 0 1px rgba(201,162,39,0.4), 0 0 14px 2px rgba(201,162,39,0.3), 0 0 28px 4px rgba(201,162,39,0.16);
}

.oga-related-container {
  width: min(calc(100% - 4rem), 1140px);
  margin-inline: auto;
}

.oga-related-head {
  text-align: center;
  margin-bottom: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.oga-related-head--left {
  text-align: left;
  align-items: flex-start;
}

.oga-related-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  align-self: flex-start !important;
  width: fit-content !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 6px 14px !important;
  border-radius: 999px !important;
}

.oga-related-eyebrow--neutral {
  background: var(--oga-primary) !important;
  color: #9AA6B8 !important;
  border: 1px solid #1B2A45 !important;
}

.oga-related-title {
  font-size: clamp(1.875rem, 3vw, 2.25rem) !important;
  font-weight: 700 !important;
  color: #fff !important;
}

.oga-related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.oga-article-card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  background: var(--oga-primary) !important;
  border: 1px solid rgba(178,132,52,0.35);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0,0,0,0.4), 0 12px 32px -8px rgba(0,0,0,0.55);
  transition: transform 220ms cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 220ms cubic-bezier(0.4, 0, 0.2, 1),
    border-color 220ms cubic-bezier(0.4, 0, 0.2, 1);
}

.oga-article-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 2px 4px rgba(0,0,0,0.45), 0 20px 48px -10px rgba(0,0,0,0.6);
  border-color: var(--oga-accent);
}

.oga-article-card__image {
  position: relative;
  aspect-ratio: 16/10;
  background: linear-gradient(160deg, #101D33, #060E1B);
  border-bottom: 1px solid rgba(178,132,52,0.35);
  overflow: hidden;
  transition: border-color 220ms cubic-bezier(0.4, 0, 0.2, 1);
}

.oga-article-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.oga-article-card:hover .oga-article-card__image {
  border-color: var(--oga-accent);
}

.oga-article-card__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px;
}

.oga-article-card__tag {
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #6B7788 !important;
}

.oga-article-card__title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #fff !important;
  line-height: 1.3;
}

.oga-article-card__desc {
  font-size: 14px !important;
  color: #fff !important;
  line-height: 1.6;
}

.oga-article-card__link {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #C9A227 !important;
}

@media (max-width: 960px) {
  .oga-related-grid { grid-template-columns: 1fr; }
}