/* Rede Seta App — visual layer for Newspaper */
:root {
  --rsa-blue: #0756d8;
  --rsa-ink: #10284d;
  --rsa-muted: #68809f;
  --rsa-line: #e5edf6;
  --rsa-shadow-gray: 0 7px 18px rgba(58, 62, 68, .25);
}

html { scroll-behavior: smooth; }
body.rede-seta-app {
  color: var(--rsa-ink);
  background: #fff;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.rede-seta-app :focus-visible { outline: 3px solid rgba(7,86,216,.38); outline-offset: 3px; }

/* Header colors only; Newspaper controls its own layout and menu behavior. */
.rede-seta-app .td-header-style-1 .td-header-sp-logo,
.rede-seta-app .td-header-menu-wrap-full,
.rede-seta-app .td-header-menu-wrap { background: #fff !important; }
.rede-seta-app .td-header-style-1 .td-header-sp-logo,
.rede-seta-app .td-header-menu-wrap-full { border-bottom: 1px solid var(--rsa-line); }
.rede-seta-app .sf-menu > li > a { color: var(--rsa-ink); font-weight: 650; border-radius: 9px; }
.rede-seta-app .sf-menu > li:hover > a,
.rede-seta-app .sf-menu > .current-menu-item > a,
.rede-seta-app .sf-menu > .current-menu-ancestor > a { color: #fff !important; background: var(--rsa-blue); }
.rede-seta-app .td-header-wrap .td-drop-down-search,
.rede-seta-app .td-header-wrap #td-header-search { border-radius: 999px; }
.rede-seta-app .td-header-wrap .td-search-btns-wrap a { color: var(--rsa-blue); }

/* Keep Newspaper's native image sizing and article layout. */
.rede-seta-app .td-main-content-wrap,
.rede-seta-app .td-category-header { background: transparent; }
.rede-seta-app .td-container { max-width: 1200px; }
.rede-seta-app .td_module_wrap {
  background: transparent;
  border: 0;
  box-shadow: none;
  transform: none;
  padding-bottom: 10px;
  margin-bottom: 8px;
  transition: none;
}
.rede-seta-app .td_module_wrap:hover,
.rede-seta-app .td_module_wrap:focus-within {
  background: transparent;
  border: 0;
  box-shadow: none;
  transform: none;
}
.rede-seta-app .td-module-title a { color: var(--rsa-ink); transition: color .2s ease; }
.rede-seta-app .td-module-meta-info,
.rede-seta-app .td-post-author-name,
.rede-seta-app .td-post-date { color: var(--rsa-muted); }

/* Rounded article thumbnails. Hover/touch anywhere in a story activates its image. */
.rede-seta-app .td-module-thumb img,
.rede-seta-app .td-post-featured-image img,
.rede-seta-app .td-post-content img,
.rede-seta-app .wp-block-image img,
.rede-seta-app .wp-caption img { border-radius: 13px; }
.rede-seta-app .td-module-thumb img {
  scale: 1;
  transition: scale .32s ease, filter .25s ease;
}
.rede-seta-app .td_module_wrap:hover .td-module-thumb,
.rede-seta-app .td_module_wrap:active .td-module-thumb,
.rede-seta-app .td_module_wrap:focus-within .td-module-thumb { box-shadow: var(--rsa-shadow-gray); }
.rede-seta-app .td_module_wrap:hover .td-module-thumb img,
.rede-seta-app .td_module_wrap:active .td-module-thumb img,
.rede-seta-app .td_module_wrap:focus-within .td-module-thumb img {
  scale: 1.035;
  filter: saturate(1.04);
}
.rede-seta-app .td-module-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: 13px;
  background: rgba(10, 86, 195, .22);
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
}
.rede-seta-app .td_module_wrap:hover .td-module-thumb::after,
.rede-seta-app .td_module_wrap:active .td-module-thumb::after,
.rede-seta-app .td_module_wrap:focus-within .td-module-thumb::after { opacity: 1; }
.rede-seta-app .td_module_wrap:hover,
.rede-seta-app .td_module_wrap:hover *,
.rede-seta-app .td_module_wrap:active,
.rede-seta-app .td_module_wrap:active *,
.rede-seta-app .td_module_wrap:focus-within,
.rede-seta-app .td_module_wrap:focus-within * { color: var(--rsa-blue) !important; }
.rede-seta-app .td-module-thumb .td-meta-align,
.rede-seta-app .td-module-thumb .td-module-title,
.rede-seta-app .td-module-thumb .entry-title,
.rede-seta-app .td-module-thumb .td-module-meta-info,
.rede-seta-app .td-module-thumb .td-post-category { z-index: 2; }

/* Category labels: upper corners only; labels remain white and consistent. */
.rede-seta-app .td-post-category,
.rede-seta-app .td-category a {
  display: inline-block !important;
  width: auto;
  padding: 4px 9px !important;
  border: 0;
  border-radius: 7px 7px 0 0 !important;
  background: var(--rsa-blue) !important;
  color: #fff !important;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.15;
  text-decoration: none;
  vertical-align: top;
}
.rede-seta-app .td_module_wrap:hover .td-post-category,
.rede-seta-app .td_module_wrap:active .td-post-category,
.rede-seta-app .td_module_wrap:focus-within .td-post-category,
.rede-seta-app .td-post-category:hover,
.rede-seta-app .td-category a:hover { color: #fff !important; }
/* Keep the original Newspaper colors of Editor Picks/Popular Posts section bars. */
.rede-seta-app .block-title > span,
.rede-seta-app .td-block-title > span { border-radius: 7px 7px 0 0; }

/* Open article lead photo: light blue overlay only, no zoom or image filter. */
.rede-seta-app .td-post-featured-image { position: relative; }
.rede-seta-app .td-post-featured-image::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: 13px;
  background: rgba(10, 86, 195, .15);
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
}
.rede-seta-app .td-post-featured-image:hover::after,
.rede-seta-app .td-post-featured-image:focus-within::after,
.rede-seta-app .td-post-featured-image:has(img:active)::after { opacity: 1; }
.rede-seta-app .td-post-featured-image figcaption { position: relative; z-index: 2; }

.rede-seta-app .td-post-content { color: #243b5c; line-height: 1.78; }
.rede-seta-app .td-post-content a { color: var(--rsa-blue); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.rede-seta-app .td-post-content h2,
.rede-seta-app .td-post-content h3 { color: var(--rsa-ink); letter-spacing: -.02em; }
.rede-seta-app .td-next-prev-wrap a,
.rede-seta-app .page-nav a,
.rede-seta-app .page-nav .current,
.rede-seta-app .td-load-more-wrap a,
.rede-seta-app .td-read-more a { border-radius: 999px; }
.rede-seta-app .td-footer-page { background: #f8fbff; }
.rede-seta-app .td-footer-container,
.rede-seta-app .td-sub-footer-container { border-color: var(--rsa-line); }

/* Mobile: show only the mobile navigation, hide desktop top bars and header ad. */
@media (max-width: 767px) {
  body.rede-seta-app { background: #fff; }
  #wpadminbar { display: none !important; }
  body.admin-bar { margin-top: 0 !important; }

  .rede-seta-app .td-header-top-menu-full,
  .rede-seta-app .td-header-top-menu,
  .rede-seta-app .td-header-top-menu-wrap,
  .rede-seta-app .td-top-bar,
  .rede-seta-app .td-top-bar-wrap,
  .rede-seta-app .td-header-top-bar,
  .rede-seta-app .td-header-sp-recs,
  .rede-seta-app .td-header-ad-wrap,
  .rede-seta-app .td-header-wrap .td-a-rec,
  .rede-seta-app .td-header-wrap .td_block_ad_box { display: none !important; }
  .rede-seta-app .td_block_ad_box_mob,
  .rede-seta-app .td-a-rec-id-header_mob { display: none !important; }

  /* The Composer mobile header has its own logo/menu; don't show the desktop pair too. */
  body:has(.td-main-menu-logo) .td-header-style-1 { display: none !important; }
  .rede-seta-app .td-header-menu-wrap [class*="logo"] { display: none !important; }
  .rede-seta-app .td-header-style-1 .td-header-sp-logo ~ .td-header-sp-logo { display: none !important; }

  /* On the responsive desktop header, keep the hamburger and suppress full menu lists. */
  .rede-seta-app #td-header-menu .sf-menu,
  .rede-seta-app .td-header-menu-wrap ul[class*="menu"] { display: none !important; }
  .rede-seta-app #td-top-mobile-toggle { display: inline-block !important; }
  .rede-seta-app #td-header-search-button { display: none !important; }
  .rede-seta-app #td-header-search-button-mob { display: inline-block !important; color: var(--rsa-blue) !important; }

  /* Keep the first lead thumbnails aligned with the remaining story widths. */
  .rede-seta-app .td_module_wrap { padding-bottom: 8px; margin-bottom: 6px; }
  .rede-seta-app .td_module_wrap[class*="td_module_mx"],
  .rede-seta-app .td_module_wrap[class*="td_module_mega"] { margin-bottom: 8px; }
  .rede-seta-app [class*="td_module_mx"] .td-module-thumb,
  .rede-seta-app [class*="td_module_mega"] .td-module-thumb,
  .rede-seta-app .td-big-grid .td-module-thumb { margin-left: 7px; margin-right: 7px; }
}
@media (prefers-reduced-motion: reduce) {
  .rede-seta-app *, .rede-seta-app *::before, .rede-seta-app *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}
/* Mobile preview: the Composer mobile header already has its own logo and hamburger.
   Hide the classic Newspaper header to prevent two headers, logos and menus. */
@media (max-width: 767px) {
  body.rede-seta-app .td-header-wrap.td-header-style-1 { display: none !important; }

  body.rede-seta-app .td-header-top-menu-full,
  body.rede-seta-app .td-header-top-menu,
  body.rede-seta-app .td-header-top-menu-wrap,
  body.rede-seta-app .td-top-bar,
  body.rede-seta-app .td-top-bar-wrap,
  body.rede-seta-app .td-header-top-bar,
  body.rede-seta-app .td-header-date,
  body.rede-seta-app .td-header-date-wrap,
  body.rede-seta-app .td-header-top-menu-socials,
  body.rede-seta-app .td-top-menu-socials,
  body.rede-seta-app #wpadminbar,
  body.rede-seta-app .td-menu-login-section,
  body.rede-seta-app .td-menu-username,
  body.rede-seta-app .td-menu-logout { display: none !important; }
  body.admin-bar { margin-top: 0 !important; }

  body.rede-seta-app .td-header-sp-recs,
  body.rede-seta-app .td-header-ad-wrap,
  body.rede-seta-app .td_block_ad_box_mob,
  body.rede-seta-app .td-a-rec-id-header_mob,
  body.rede-seta-app .td-header-wrap .td-a-rec,
  body.rede-seta-app .td-header-wrap .td_block_ad_box { display: none !important; }

  /* If both theme templates printed their off-canvas menu, keep one copy. */
  body.rede-seta-app #td-mobile-nav ~ #td-mobile-nav,
  body.rede-seta-app .td-menu-background ~ .td-menu-background { display: none !important; }
}