/* iPhoneXtreme editorial SEO layer v5.67.0 */
body.blog,
body.single-post,
body.category {
  background: #f5f2eb !important;
  color: #101214 !important;
}

body.blog main,
body.single-post main,
body.category main {
  width: min(1180px, calc(100% - 32px)) !important;
  margin: 0 auto !important;
  padding: clamp(34px, 5vw, 72px) 0 clamp(70px, 8vw, 118px) !important;
  font-family: var(--ixt-font, Inter, system-ui, sans-serif) !important;
}

body.blog h1,
body.category h1,
body.single-post h1 {
  max-width: 880px !important;
  margin: 0 0 18px !important;
  color: #101214 !important;
  font-size: clamp(38px, 5vw, 72px) !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
  font-weight: 920 !important;
  font-family: var(--ixt-font, Inter, system-ui, sans-serif) !important;
}

body.blog main::before,
body.category main::before {
  content: "Guias iPhoneXtreme";
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  margin-bottom: 16px;
  padding: 0 13px;
  border: 1px solid rgba(0, 143, 104, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.66);
  color: #007a5a;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.blog .wp-block-query {
  width: min(100%, 1020px) !important;
  max-width: 1180px !important;
  margin: clamp(24px, 4vw, 54px) auto 0 !important;
}

body.blog .wp-block-post-template,
body.category .wp-block-post-template {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.blog .wp-block-post,
body.category .wp-block-post,
body.single-post article,
body.single-post .wp-block-post-content {
  border: 1px solid rgba(17, 19, 21, 0.08) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(0, 143, 104, 0.08), transparent 24%),
    rgba(255, 255, 252, 0.88) !important;
  box-shadow: 0 24px 70px rgba(31, 35, 33, 0.08) !important;
}

body.blog .wp-block-post,
body.category .wp-block-post {
  margin: 0 0 18px !important;
  padding: clamp(22px, 3vw, 36px) !important;
}

body.blog .wp-block-post:first-child,
body.category .wp-block-post:first-child {
  grid-column: 1 / -1 !important;
  min-height: 260px !important;
  display: grid !important;
  align-content: end !important;
  background:
    radial-gradient(circle at 86% 16%, rgba(0, 143, 104, 0.12), transparent 30%),
    linear-gradient(135deg, #fffdf7, #edf4ef) !important;
}

body.blog .wp-block-post-title,
body.category .wp-block-post-title {
  margin: 0 0 10px !important;
  font-size: clamp(22px, 2.1vw, 30px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  font-family: var(--ixt-font, Inter, system-ui, sans-serif) !important;
  font-weight: 900 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

body.blog .wp-block-post:first-child .wp-block-post-title,
body.category .wp-block-post:first-child .wp-block-post-title {
  max-width: 780px !important;
  font-size: clamp(28px, 3.1vw, 46px) !important;
}

body.blog .wp-block-post-title a,
body.category .wp-block-post-title a,
body.single-post .wp-block-post-content a {
  color: #101214 !important;
  text-decoration-color: rgba(0, 143, 104, 0.34) !important;
  text-underline-offset: 4px !important;
}

body.blog .wp-block-post-date,
body.category .wp-block-post-date {
  margin: 12px 0 18px !important;
  color: #007a5a !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

body.blog .wp-block-post-excerpt,
body.category .wp-block-post-excerpt,
body.blog .wp-block-post-excerpt__excerpt,
body.category .wp-block-post-excerpt__excerpt {
  max-width: 760px !important;
  color: #58615d !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

body.blog .wp-block-post-excerpt__more-link,
body.category .wp-block-post-excerpt__more-link {
  display: inline-flex !important;
  min-height: 38px !important;
  align-items: center !important;
  margin-top: 12px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(17, 19, 21, 0.12) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: #101214 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

body.single-post article {
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: clamp(26px, 5vw, 64px) !important;
}

body.single-post .entry-content,
body.single-post article .wp-block-post-content,
body.single-post .wp-block-post-content {
  max-width: 760px !important;
  margin: clamp(18px, 3vw, 38px) auto !important;
  padding: clamp(24px, 4vw, 54px) !important;
}

body.single-post .wp-block-post-content p,
body.single-post .wp-block-post-content li {
  color: #303735 !important;
  font-size: clamp(17px, 1.4vw, 19px) !important;
  line-height: 1.75 !important;
}

body.single-post .wp-block-post-content h2 {
  margin-top: 2.1em !important;
  margin-bottom: 0.55em !important;
  color: #101214 !important;
  font-size: clamp(28px, 3vw, 44px) !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
}

body.single-post .wp-block-post-content h3 {
  margin-top: 1.6em !important;
  color: #101214 !important;
  font-size: clamp(22px, 2vw, 28px) !important;
  line-height: 1.16 !important;
}

body.single-post .wp-block-post-content ul,
body.single-post .wp-block-post-content ol {
  padding-left: 1.25rem !important;
}

body.single-post .wp-block-post-content .wp-block-button__link,
body.single-post .wp-block-post-content a.wp-element-button {
  border-radius: 12px !important;
  background: #101214 !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

body.single-post .wp-block-post-content blockquote {
  margin: 28px 0 !important;
  padding: 20px 22px !important;
  border-left: 4px solid #008f68 !important;
  border-radius: 0 14px 14px 0 !important;
  background: rgba(0, 143, 104, 0.07) !important;
}

body.single-post .wp-block-post-content .wp-block-separator {
  border-color: rgba(17, 19, 21, 0.1) !important;
}

body.single-post .wp-block-post-content .ixt-post-related-guides {
  margin: clamp(28px, 4vw, 46px) 0 0 !important;
  padding: clamp(20px, 3vw, 28px) !important;
  border: 1px solid rgba(17, 19, 21, 0.08) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 92% 10%, rgba(0, 143, 104, 0.08), transparent 28%),
    rgba(255, 255, 255, 0.72) !important;
  box-shadow: 0 18px 46px rgba(31, 35, 33, 0.06) !important;
}

body.single-post .wp-block-post-content .ixt-post-related-guides > p {
  margin: 0 0 12px !important;
  color: #007a5a !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.single-post .wp-block-post-content .ixt-post-related-guides__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.single-post .wp-block-post-content .ixt-post-related-guides a {
  min-height: 96px !important;
  padding: 16px !important;
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
  border: 1px solid rgba(17, 19, 21, 0.09) !important;
  border-radius: 15px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  color: #101214 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(31, 35, 33, 0.04) !important;
}

body.single-post .wp-block-post-content .ixt-post-related-guides a:hover {
  border-color: rgba(0, 143, 104, 0.26) !important;
  background: #ffffff !important;
}

body.single-post .wp-block-post-content .ixt-post-related-guides strong {
  color: #101214 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
}

body.single-post .wp-block-post-content .ixt-post-related-guides span {
  color: #66706b !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}

body.single-post .wp-block-post-content .ixt-post-topic-hub {
  margin: 32px 0 18px !important;
  padding: 20px !important;
  display: grid !important;
  gap: 8px !important;
  border: 1px solid rgba(0, 153, 111, 0.18) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(0, 153, 111, 0.12), transparent 36%),
    #ffffff !important;
  box-shadow: 0 16px 36px rgba(31, 35, 33, 0.05) !important;
}

body.single-post .wp-block-post-content .ixt-post-topic-hub > span {
  color: #007a5a !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.single-post .wp-block-post-content .ixt-post-topic-hub a {
  color: #101214 !important;
  font-size: 20px !important;
  font-weight: 930 !important;
  line-height: 1.18 !important;
  text-decoration: none !important;
}

body.single-post .wp-block-post-content .ixt-post-topic-hub p {
  max-width: 720px !important;
  margin: 0 !important;
  color: #626c67 !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

body.page .wp-block-post-content .ixt-seo-guide-hero,
body.page .entry-content .ixt-seo-guide-hero {
  margin: 0 0 26px !important;
  padding: clamp(28px, 5vw, 58px) !important;
  border: 1px solid rgba(17, 19, 21, 0.09) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(0, 153, 111, 0.13), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f6f3ed 100%) !important;
  box-shadow: 0 20px 58px rgba(31, 35, 33, 0.07) !important;
}

body.page .wp-block-post-content .ixt-seo-guide-hero .ixt-kicker,
body.page .entry-content .ixt-seo-guide-hero .ixt-kicker {
  margin: 0 0 12px !important;
  color: #007a5a !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.page .wp-block-post-content .ixt-seo-guide-hero h1,
body.page .entry-content .ixt-seo-guide-hero h1 {
  max-width: 820px !important;
  margin: 0 0 14px !important;
  color: #101214 !important;
  font-size: clamp(38px, 6vw, 76px) !important;
  font-weight: 950 !important;
  line-height: 0.96 !important;
  letter-spacing: 0 !important;
}

body.page .wp-block-post-content .ixt-seo-guide-hero > p:not(.ixt-kicker),
body.page .entry-content .ixt-seo-guide-hero > p:not(.ixt-kicker) {
  max-width: 760px !important;
  margin: 0 !important;
  color: #4d5652 !important;
  font-size: 18px !important;
  font-weight: 650 !important;
  line-height: 1.55 !important;
}

body.page .wp-block-post-content .ixt-seo-guide-actions,
body.page .entry-content .ixt-seo-guide-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 24px !important;
}

body.page .wp-block-post-content .ixt-seo-guide-actions a,
body.page .entry-content .ixt-seo-guide-actions a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 46px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: #101214 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

body.page .wp-block-post-content .ixt-seo-guide-actions a + a,
body.page .entry-content .ixt-seo-guide-actions a + a {
  background: #00996f !important;
}

body.page .wp-block-post-content .ixt-seo-guide-grid,
body.page .entry-content .ixt-seo-guide-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 18px 0 30px !important;
}

body.page .wp-block-post-content .ixt-seo-guide-card,
body.page .entry-content .ixt-seo-guide-card {
  min-height: 134px !important;
  padding: 20px !important;
  border: 1px solid rgba(17, 19, 21, 0.09) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 14px 32px rgba(31, 35, 33, 0.05) !important;
}

body.page .wp-block-post-content .ixt-seo-guide-card h3,
body.page .entry-content .ixt-seo-guide-card h3 {
  margin: 0 0 8px !important;
  font-size: 19px !important;
  font-weight: 920 !important;
  line-height: 1.18 !important;
}

body.page .wp-block-post-content .ixt-seo-guide-card a,
body.page .entry-content .ixt-seo-guide-card a {
  color: #101214 !important;
  text-decoration: none !important;
}

body.page .wp-block-post-content .ixt-seo-guide-card p,
body.page .entry-content .ixt-seo-guide-card p {
  margin: 0 !important;
  color: #65706b !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

body.page .wp-block-post-content > section:not(.ixt-seo-guide-hero),
body.page .entry-content > section:not(.ixt-seo-guide-hero) {
  margin-bottom: 34px !important;
}

@media (max-width: 640px) {
  body.single-post .wp-block-post-content .ixt-post-related-guides__grid {
    grid-template-columns: 1fr !important;
  }

  body.single-post .wp-block-post-content .ixt-post-related-guides a {
    min-height: 0 !important;
  }
}

@media (max-width: 640px) {
  body.blog main,
  body.single-post main,
  body.category main {
    width: min(calc(100% - 24px), 100%) !important;
    padding-top: 24px !important;
  }

  body.single-post article,
  body.single-post .wp-block-post-content,
  body.blog .wp-block-post,
  body.category .wp-block-post {
    border-radius: 18px !important;
    padding: 22px !important;
  }

  body.blog .wp-block-post-template,
  body.category .wp-block-post-template {
    grid-template-columns: 1fr !important;
  }

  body.page .wp-block-post-content .ixt-seo-guide-hero,
  body.page .entry-content .ixt-seo-guide-hero {
    padding: 28px 22px !important;
    border-radius: 20px !important;
  }

  body.page .wp-block-post-content .ixt-seo-guide-grid,
  body.page .entry-content .ixt-seo-guide-grid {
    grid-template-columns: 1fr !important;
  }
}