.ziper-ui-enabled,
.ziper-ui-enabled button,
.ziper-ui-enabled input,
.ziper-ui-enabled select,
.ziper-ui-enabled textarea {
  font-family: var(--ziper-font);
}
.ziper-ui-enabled { color: var(--ziper-text); }
.ziper-ui-enabled .site-main,
.ziper-ui-enabled main { --ziper-content-width: var(--ziper-container); }
.ziper-container { width:min(calc(100% - 32px), var(--ziper-container)); margin-inline:auto; }
.ziper-ui-enabled h1,.ziper-ui-enabled h2,.ziper-ui-enabled h3,.ziper-ui-enabled h4 { color:var(--ziper-text); letter-spacing:-.02em; }
.ziper-ui-enabled a { text-underline-offset:2px; }
.ziper-ui-enabled :focus-visible { outline:3px solid color-mix(in srgb, var(--ziper-primary) 30%, transparent); outline-offset:2px; }
@media (max-width: 768px){.ziper-container{width:min(calc(100% - 24px), var(--ziper-container));}}

/* Zíper UI — títulos de página / hero do tema */
.ziper-ui-enabled .entry-hero,
.ziper-ui-enabled .entry-hero-container-inner,
.ziper-ui-enabled .page-header,
.ziper-ui-enabled .page-title-wrap,
.ziper-ui-enabled .page-title-section,
.ziper-ui-enabled .kadence-page-title,
.ziper-ui-enabled .kadence-page-title-wrap,
.ziper-ui-enabled .title-bar,
.ziper-ui-enabled .site-title-wrap {
  background: transparent !important;
  background-image: none !important;
  min-height: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Mantém o título, mas como informação discreta no topo à esquerda. */
.ziper-ui-enabled .entry-hero .entry-header,
.ziper-ui-enabled .entry-hero .entry-hero-container-inner,
.ziper-ui-enabled .page-header .page-header-inner,
.ziper-ui-enabled .page-title-wrap .page-title-inner,
.ziper-ui-enabled .kadence-page-title .entry-header,
.ziper-ui-enabled .kadence-page-title-wrap .entry-header {
  width: min(calc(100% - 32px), var(--ziper-container)) !important;
  max-width: var(--ziper-container) !important;
  margin-inline: auto !important;
  padding: 14px 0 8px !important;
  text-align: left !important;
}

.ziper-ui-enabled .entry-hero h1,
.ziper-ui-enabled .entry-hero .entry-title,
.ziper-ui-enabled .page-header h1,
.ziper-ui-enabled .page-header .page-title,
.ziper-ui-enabled .page-title-wrap h1,
.ziper-ui-enabled .page-title-section h1,
.ziper-ui-enabled .kadence-page-title h1,
.ziper-ui-enabled .kadence-page-title-wrap h1,
.ziper-ui-enabled .title-bar h1 {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: min(100%, 680px) !important;
  font-size: clamp(1.25rem, 2vw, 1.7rem) !important;
  line-height: 1.25 !important;
  font-weight: 750 !important;
  letter-spacing: -.02em !important;
  color: var(--ziper-text) !important;
  text-align: left !important;
  text-transform: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Remove barras/faixas decorativas que acompanham o título em vários temas. */
.ziper-ui-enabled .entry-hero::before,
.ziper-ui-enabled .entry-hero::after,
.ziper-ui-enabled .entry-hero .entry-title::before,
.ziper-ui-enabled .entry-hero .entry-title::after,
.ziper-ui-enabled .page-header::before,
.ziper-ui-enabled .page-header::after,
.ziper-ui-enabled .page-title-wrap::before,
.ziper-ui-enabled .page-title-wrap::after,
.ziper-ui-enabled .page-title-section::before,
.ziper-ui-enabled .page-title-section::after,
.ziper-ui-enabled .kadence-page-title::before,
.ziper-ui-enabled .kadence-page-title::after,
.ziper-ui-enabled .kadence-page-title-wrap::before,
.ziper-ui-enabled .kadence-page-title-wrap::after,
.ziper-ui-enabled .title-bar::before,
.ziper-ui-enabled .title-bar::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
}

/* Breadcrumbs, quando existirem, ficam leves e alinhados com o título. */
.ziper-ui-enabled .entry-hero .kadence-breadcrumbs,
.ziper-ui-enabled .entry-hero .breadcrumbs,
.ziper-ui-enabled .page-header .breadcrumbs,
.ziper-ui-enabled .page-title-wrap .breadcrumbs {
  margin: 4px 0 0 !important;
  font-size: .82rem !important;
  color: var(--ziper-muted) !important;
  text-align: left !important;
}

@media (max-width: 768px) {
  .ziper-ui-enabled .entry-hero .entry-header,
  .ziper-ui-enabled .entry-hero .entry-hero-container-inner,
  .ziper-ui-enabled .page-header .page-header-inner,
  .ziper-ui-enabled .page-title-wrap .page-title-inner,
  .ziper-ui-enabled .kadence-page-title .entry-header,
  .ziper-ui-enabled .kadence-page-title-wrap .entry-header {
    width: min(calc(100% - 24px), var(--ziper-container)) !important;
    padding: 10px 0 6px !important;
  }

  .ziper-ui-enabled .entry-hero h1,
  .ziper-ui-enabled .entry-hero .entry-title,
  .ziper-ui-enabled .page-header h1,
  .ziper-ui-enabled .page-header .page-title,
  .ziper-ui-enabled .page-title-wrap h1,
  .ziper-ui-enabled .page-title-section h1,
  .ziper-ui-enabled .kadence-page-title h1,
  .ziper-ui-enabled .kadence-page-title-wrap h1,
  .ziper-ui-enabled .title-bar h1 {
    font-size: 1.2rem !important;
  }
}
\n\n/* ==========================================================
   Zíper UI 1.0.2 — correção forte do título/hero do Kadence
   ========================================================== */

/* O fundo azul costuma vir do hero externo, do container interno ou de overlay/pseudo-elemento. */
.ziper-ui-enabled .entry-hero.page-hero-section,
.ziper-ui-enabled .page-hero-section,
.ziper-ui-enabled .entry-hero-container-inner,
.ziper-ui-enabled .entry-hero .hero-container,
.ziper-ui-enabled .entry-hero .site-container,
.ziper-ui-enabled .hero-section-overlay,
.ziper-ui-enabled .ziper-ui-page-title-shell,
.ziper-ui-enabled .ziper-ui-page-title-inner {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  min-height: 0 !important;
  height: auto !important;
  box-shadow: none !important;
  border: 0 !important;
}

.ziper-ui-enabled .entry-hero.page-hero-section::before,
.ziper-ui-enabled .entry-hero.page-hero-section::after,
.ziper-ui-enabled .entry-hero-container-inner::before,
.ziper-ui-enabled .entry-hero-container-inner::after,
.ziper-ui-enabled .hero-section-overlay::before,
.ziper-ui-enabled .hero-section-overlay::after,
.ziper-ui-enabled .ziper-ui-page-title-shell::before,
.ziper-ui-enabled .ziper-ui-page-title-shell::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* O container volta a ser apenas uma linha discreta entre o cabeçalho e o conteúdo. */
.ziper-ui-enabled .entry-hero .hero-container,
.ziper-ui-enabled .entry-hero .site-container,
.ziper-ui-enabled .entry-hero-container-inner > .hero-container,
.ziper-ui-enabled .ziper-ui-page-title-inner {
  width: min(calc(100% - 40px), var(--ziper-container)) !important;
  max-width: var(--ziper-container) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
}

.ziper-ui-enabled .entry-hero header.entry-header,
.ziper-ui-enabled .entry-hero .entry-header,
.ziper-ui-enabled .page-hero-section .entry-header,
.ziper-ui-enabled .ziper-ui-page-title-header {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 14px 0 10px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: left !important;
  background: transparent !important;
  border: 0 !important;
}

.ziper-ui-enabled .entry-hero h1.entry-title,
.ziper-ui-enabled .entry-hero h1,
.ziper-ui-enabled .page-hero-section h1,
.ziper-ui-enabled .ziper-ui-page-title-header h1,
.ziper-ui-enabled h1.page-title {
  width: auto !important;
  max-width: min(100%, 720px) !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: clamp(1.2rem, 1.7vw, 1.55rem) !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  letter-spacing: -.015em !important;
  text-align: left !important;
  color: var(--ziper-text) !important;
  background: transparent !important;
  border: 0 !important;
}

/* Kadence pode aplicar padding/altura via classes de alinhamento. */
.ziper-ui-enabled .entry-hero .title-align-center,
.ziper-ui-enabled .entry-hero .title-align-inherit,
.ziper-ui-enabled .entry-hero .title-tablet-align-inherit,
.ziper-ui-enabled .entry-hero .title-mobile-align-inherit {
  text-align: left !important;
  align-items: flex-start !important;
}

@media (max-width: 768px) {
  .ziper-ui-enabled .entry-hero .hero-container,
  .ziper-ui-enabled .entry-hero .site-container,
  .ziper-ui-enabled .entry-hero-container-inner > .hero-container,
  .ziper-ui-enabled .ziper-ui-page-title-inner {
    width: min(calc(100% - 24px), var(--ziper-container)) !important;
  }

  .ziper-ui-enabled .entry-hero header.entry-header,
  .ziper-ui-enabled .entry-hero .entry-header,
  .ziper-ui-enabled .page-hero-section .entry-header,
  .ziper-ui-enabled .ziper-ui-page-title-header {
    padding: 10px 0 8px !important;
  }

  .ziper-ui-enabled .entry-hero h1.entry-title,
  .ziper-ui-enabled .entry-hero h1,
  .ziper-ui-enabled .page-hero-section h1,
  .ziper-ui-enabled .ziper-ui-page-title-header h1,
  .ziper-ui-enabled h1.page-title {
    font-size: 1.2rem !important;
  }
}


/* ==========================================================
   Zíper UI 1.0.5 — rodapé minimalista estilo app
   ========================================================== */

/* Remove o rodapé institucional do tema (Kadence e equivalentes comuns). */
body.ziper-ui-enabled #colophon.site-footer,
body.ziper-ui-enabled footer#colophon,
body.ziper-ui-enabled .site-footer:not(.ziper-app-footer) {
  display: none !important;
}

/* Rodapé Zíper: leve, compacto e sem aparência de site institucional. */
body.ziper-ui-enabled .ziper-app-footer {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 26px 16px calc(26px + env(safe-area-inset-bottom, 0px));
  background: var(--ziper-surface);
  border-top: 1px solid var(--ziper-border);
  text-align: center;
}

body.ziper-ui-enabled .ziper-app-footer p {
  margin: 0;
  color: var(--ziper-muted);
  font-family: var(--ziper-font);
  font-size: .95rem;
  line-height: 1.45;
  font-weight: 600;
  letter-spacing: -.01em;
}

body.ziper-ui-enabled .ziper-app-footer strong {
  color: var(--ziper-primary);
  font-weight: 800;
}

@media (max-width: 768px) {
  body.ziper-ui-enabled .ziper-app-footer {
    padding: 22px 16px calc(22px + env(safe-area-inset-bottom, 0px));
  }

  body.ziper-ui-enabled .ziper-app-footer p {
    font-size: .9rem;
  }
}