/* Componentes acotados; conserva las hojas y la identidad del tema. */
body.deunatesis-campaign-active { --banner-h: 100px; --header-offset: calc(var(--navbar-h) + var(--banner-gap) + var(--banner-h)); }
body.deunatesis-campaign-inactive, body.deunatesis-campaign-pending { --banner-h: 0px; --banner-gap: 0px; --header-offset: var(--navbar-h); }
[data-deunatesis-campaign][hidden] { display: none !important; }
#header-banner[data-deunatesis-campaign] .header-banner__inner { min-height: 0; padding: 12px 16px; }
#header-banner[data-deunatesis-campaign] .header-banner__title { font-size: 14px; line-height: 1.4; }
#header-banner[data-deunatesis-campaign] .header-banner__subtitle { font-size: 13px; line-height: 1.4; }
.header-banner__condition { font-size: 12px; line-height: 1.4; color: #503555; }
[data-deunatesis-campaign] .header-banner__cta,
[data-deunatesis-campaign] .header-banner__cta:visited { min-height: 44px; background: #176ca2; border-color: #176ca2; color: #fff; letter-spacing: 0; font-size: 13px; line-height: 1.35; }
[data-deunatesis-campaign] .header-banner__cta:hover { background: #125680; border-color: #125680; }
[data-deunatesis-campaign] .header-banner__cta:focus-visible { outline: 3px solid #176ca2; outline-offset: 3px; }
.blog .main-post .contenedor-post .info .texto .deunatesis-context-cta a,
.blog .main-post .contenedor-post .info .texto .deunatesis-context-cta a:visited { color: #fff; background-color: #176ca2; border-color: #176ca2; }
.blog .main-post .contenedor-post .info .texto .deunatesis-context-cta a:hover { background-color: #125680; border-color: #125680; }
#header-banner[data-deunatesis-campaign].is-hidden { visibility: hidden; }
#header-banner[data-deunatesis-campaign]:focus-within { visibility: visible; opacity: 1; transform: translateY(0); }
.deunatesis-context-cta { margin: 28px 0; padding: 22px; border: 1px solid #dfc6e3; border-radius: 16px; background: #f3e8f4; color: #2f1833; }
.deunatesis-context-cta p { margin: 0 0 14px; }
.deunatesis-context-cta__title { font-size: 19px; line-height: 1.4; }
.deunatesis-context-cta .deunatesis-context-cta__note { margin-top: 14px; margin-bottom: 0; font-size: 13px; }
html.dark .header-banner__condition { color: #e0cce5; }
html.dark .deunatesis-context-cta { background: #1f1a24; border-color: #795083; color: #fff; }
html.dark [data-deunatesis-campaign] .header-banner__cta:focus-visible { outline-color: #87d2ff; }
@media (max-width: 600px) {
  body.deunatesis-campaign-active { --banner-h: 180px; }
  #header-banner[data-deunatesis-campaign] .header-banner__inner { width: calc(100% - 24px); align-items: stretch; flex-direction: column; gap: 10px; }
  #header-banner[data-deunatesis-campaign] .header-banner__cta { align-self: flex-start; white-space: normal; }
  .deunatesis-context-cta { padding: 18px; }
}
