/* KRON | Revisão do cliente de 14/09/2026.
   Camada intencionalmente separada: é carregada após styles.css, permitindo
   conservar todo o CMS, os estilos da homepage, os efeitos e o blog existentes. */

/* Navegação — assinatura ao lado do símbolo da marca, sem redesenhar o logo. */
.topbar__inner { width: min(1480px, calc(100% - 56px)) !important; gap: 22px; }
.brand-lockup { display: inline-flex; align-items: center; gap: 9px; flex: 0 0 auto; }
.brand-lockup .brand-button { flex: 0 0 auto; }
.brand-lockup__by { color: #fff; font-family: "Poppins", Arial, sans-serif; font-size: 10px; line-height: 1.2; letter-spacing: .12em; font-weight: 600; white-space: nowrap; }
.desktop-nav { gap: clamp(8px, .9vw, 14px) !important; }
.desktop-nav button, .desktop-nav .nav-link { font-size: clamp(10px, .76vw, 12px) !important; }

/* Hero: novo texto/disposição, mas mantém as camadas e fade de transição. */
.hero .hero__content { position: relative; z-index: 6; align-items: center !important; padding: 125px 0 125px !important; }
.hero .hero-copy { width: min(790px, 64vw) !important; max-width: 100% !important; position: relative; z-index: 6; }
.hero .hero-copy h1 { max-width: 790px !important; font-size: clamp(34px, 3.9vw, 60px) !important; line-height: 1.16 !important; font-weight: 600 !important; overflow-wrap: normal; text-wrap: balance; }
.hero-title__primary, .hero-title__secondary { display: block; max-width: 100%; white-space: normal; }
.hero-title__primary { color: #fff; }
.hero-title__secondary { margin-top: 12px; color: #22d7f2; }
.hero .hero-support { max-width: 670px !important; width: 100% !important; margin-top: 28px; margin-bottom: 28px !important; font-size: clamp(16px, 1.33vw, 18px) !important; line-height: 1.65 !important; text-wrap: pretty; }
.hero .hero-actions { isolation: isolate; z-index: 8 !important; position: relative !important; }
.hero .hero-actions a, .hero .hero-actions button { position: relative !important; z-index: 9 !important; pointer-events: auto !important; }
.hero__video, .hero__scrim, .hero__particles, .hero__bottom-fade { pointer-events: none !important; }

/* Contexto: proteger a legibilidade dos três dados e o texto em telas menores. */
.context__head h2 { max-width: 1010px !important; text-wrap: balance; line-height: 1.17 !important; }
.context__head p { max-width: 950px !important; text-wrap: pretty; }
.context__sources { text-wrap: pretty; }

/* Por que a Kron: texto nunca extrapola a largura da coluna, inclusive com
   fonte de títulos larga. Removidas as três linhas fixas do HTML. */
.differences.differences--story > .differences__grid { grid-template-columns: minmax(0, 40%) minmax(0, 60%) !important; }
.differences--story .differences__copy { min-width: 0 !important; max-width: 100% !important; width: 100% !important; overflow: visible !important; }
.differences--story .differences__copy h2.differences-title-balanced {
  display: block !important; width: 100% !important; max-width: 100% !important;
  min-width: 0 !important; font-size: clamp(26px, 2.06vw, 38px) !important;
  line-height: 1.19 !important; letter-spacing: -.025em !important;
  white-space: normal !important; overflow-wrap: normal; word-break: normal;
  text-wrap: balance; margin: 0 0 20px !important;
}
.differences--story .difference-turn { margin-bottom: 16px !important; }
.differences--story .difference-list { gap: 8px !important; }
.differences--story .difference-pill { min-height: 43px !important; height: auto !important; padding: 11px 16px !important; }
.differences--story .difference-pill span { overflow-wrap: break-word; white-space: normal !important; text-wrap: pretty; }

/* Seção NOVA. Quatro etapas, fechamento e CTA para a seção de soluções. */
.how-it-works { position: relative; padding: clamp(68px, 7vw, 108px) 0; overflow: hidden; background: radial-gradient(ellipse at 92% 5%,rgba(93,44,230,.19),transparent 46%), linear-gradient(155deg, #08101a, #101026 60%,#07151d); border-block: 1px solid rgba(34,215,242,.11); }
.how-it-works::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .23; background-image: radial-gradient(#27aadf .6px,transparent 1px); background-size: 30px 30px; mask-image: linear-gradient(115deg,transparent,#000 70%,transparent); }
.how-it-works__inner { position: relative; z-index: 1; }
.how-it-works__head { max-width: 990px; margin-bottom: 38px; }
.how-it-works__eyebrow { display: inline-block; margin-bottom: 16px; color: #1ff0c0; letter-spacing: .16em; text-transform: uppercase; font-size: 12px; font-weight: 700; }
.how-it-works h2 { margin: 0 0 21px; font-family: "Poppins", Arial, sans-serif; font-size: clamp(29px,3.1vw,44px); line-height: 1.21; font-weight: 400; letter-spacing: -.022em; text-wrap: balance; }
.how-it-works__head p { max-width: 940px; margin: 0; font-size: clamp(16px,1.3vw,18px); line-height: 1.72; color: #d7dce9; text-wrap: pretty; }
.how-it-works__steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; align-items: stretch; }
.how-step { min-width: 0; display: flex; flex-direction: column; min-height: 290px; padding: 25px 23px 28px; border: 1px solid rgba(104,216,241,.20); border-radius: 22px; background: linear-gradient(155deg,rgba(15,26,43,.91),rgba(10,16,29,.87)); box-shadow: 0 18px 45px rgba(0,0,0,.12); }
.how-step__number { display: block; color: #1ff0c0; font-family: "Poppins", Arial, sans-serif; font-size: 24px; line-height: 1; margin-bottom: 28px; }
.how-step h3 { font-size: 18px; line-height: 1.3; font-weight: 700; color: #fff; margin: 0 0 13px; text-wrap: balance; }
.how-step p { font-size: 15px; line-height: 1.7; color: #c7d2e1; margin: 0; text-wrap: pretty; }
.how-it-works__closing { margin-top: 30px; padding: 33px clamp(22px,4vw,42px); border-radius: 22px; border: 1px solid rgba(31,240,192,.30); background: linear-gradient(110deg,rgba(20,50,64,.65),rgba(20,16,46,.55)); display: grid; grid-template-columns: 1.05fr 1fr auto; align-items: center; gap: 26px; }
.how-it-works__closing h3 { margin: 0; color: #fff; font-size: clamp(21px,2vw,27px); font-weight: 600; line-height: 1.4; text-wrap: balance; }
.how-it-works__closing p { margin: 0; font-size: 14px; line-height: 1.65; color: #cfdeeb; }
.how-it-works__closing .gradient-button { align-self: center; min-width: 170px; min-height: 48px; white-space: nowrap; }

/* Cards das soluções: foto 100% desobstruída na metade superior; informação
   em painel sólido separado. O CSS original usa position:absolute e height fixo. */
.solutions-grid--detailed { align-items: stretch !important; }
.solutions-grid--detailed > .reveal { display: flex; min-width: 0; }
.solutions-grid--detailed .solution-card {
  width: 100%; height: auto !important; min-height: 0 !important;
  display: flex !important; flex-direction: column !important; overflow: hidden;
  border: 1px solid rgba(255,255,255,.15); border-radius: 22px;
  background: #0b1422 !important; transform: none !important; filter: none !important;
  will-change: auto !important; perspective: none !important;
}
.solutions-grid--detailed .solution-card::before, .solutions-grid--detailed .solution-card__glow { display: none !important; }
.solutions-grid--detailed .solution-card:hover { transform: translateY(-3px) !important; box-shadow: 0 23px 46px rgba(0,0,0,.28); }
.solutions-grid--detailed .solution-card__visual { flex: 0 0 auto; width: 100%; min-height: 0; aspect-ratio: 16 / 9; background-size: cover; background-position: center 30%; background-repeat: no-repeat; background-color: #0d1020; border-bottom: 1px solid rgba(255,255,255,.12); }
.solutions-grid--detailed .solution-card__content {
  position: relative !important; inset: auto !important; transform: none !important;
  display: flex !important; align-items: stretch !important; justify-content: flex-start !important;
  flex: 1 1 auto; z-index: 2; width: 100% !important; box-sizing: border-box;
  padding: 27px clamp(19px,2.5vw,35px) 30px !important;
  background: linear-gradient(170deg,#112435,#0a1421 75%,#0b1021);
  text-align: left !important;
}
.solutions-grid--detailed .solution-logo { align-self: flex-start; max-width: 175px !important; max-height: 52px !important; margin: 0 0 15px !important; }
.solutions-grid--detailed .solution-card__content h3 { min-height: 0 !important; font-size: clamp(19px,1.5vw,24px) !important; line-height: 1.27 !important; margin: 0 0 14px !important; text-wrap: balance; }
.solutions-grid--detailed .solution-card__content > p { max-width: none !important; min-height: 0 !important; font-size: 16px !important; line-height: 1.6 !important; margin: 0 0 20px !important; text-wrap: pretty; }
.solutions-grid--detailed .solution-specs { margin: 0 0 24px !important; flex: 1 0 auto; background: rgba(0,0,0,.25) !important; }
.solutions-grid--detailed .solution-card .gradient-button { align-self: stretch !important; margin-top: auto; min-height: 48px; white-space: normal; }

/* Origem: headline confinada ao próprio grid; NPS já atualizado no HTML. */
.origin-final__intro { align-items: center; }
.origin-final__copy { min-width: 0; }
.origin-final__copy h2.origin-final__title {
  width: 100% !important; max-width: 100% !important; min-width: 0 !important;
  margin: 0 0 26px !important; font-size: clamp(26px,2.28vw,36px) !important;
  line-height: 1.22 !important; font-weight: 600 !important;
  overflow-wrap: normal !important; text-wrap: balance !important;
}
.origin-final__title .origin-title-line { display: block !important; white-space: normal !important; width: 100%; max-width: 100% !important; }
.origin-final__title .origin-title-line + .origin-title-line { margin-top: 8px; }
.origin-final__title .origin-title-line + .origin-title-line::before { content: none !important; }
.origin-final__copy > p { max-width: 100% !important; text-wrap: pretty; }
.origin-final__intro .origin-network { min-width: 0 !important; }
.origin-stats--orbit .origin-stat strong { font-weight: 400 !important; font-size: clamp(25px,2vw,31px) !important; }
.origin-stats--orbit .origin-stat--four strong { white-space: nowrap; }

/* Ecossistema: todos os CTAs passam a ter a mesma hierarquia de botão. */
.ecosystem-grid--three-final .ecosystem-card__content { display:flex !important; flex-direction:column; align-items:flex-start; }
.ecosystem-grid--three-final .ecosystem-card__content p { flex: 1 1 auto; }
.ecosystem-grid--three-final .ecosystem-card__content .ecosystem-cta {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  min-height: 46px !important; width: 100%; margin-top: auto !important;
  padding: 10px 18px !important; border: 1px solid rgba(31,240,192,.48) !important;
  border-radius: 999px !important; background: linear-gradient(105deg,#1cecb9,#22d7f2) !important;
  color: #07151a !important; font-size: 13px !important; line-height: 1.35 !important;
  font-weight: 700 !important; text-align: center !important;
  box-shadow: 0 10px 24px rgba(31,240,192,.12);
  cursor: pointer; transition: transform .2s ease, box-shadow .2s ease;
}
.ecosystem-grid--three-final .ecosystem-card__content .ecosystem-cta:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(31,240,192,.20); }

/* Rodapé: dois links novos, clicáveis e legíveis em desktop e mobile. */
.footer__contact { display: flex; align-items: center; flex-wrap: wrap; gap: 11px 22px; margin: 19px 0 10px; }
.footer__contact a { color: #d5f5fa; font-family: "Poppins", Arial, sans-serif; font-size: 14px; overflow-wrap: anywhere; }
.footer__contact a:hover { color:#1ff0c0; text-decoration: underline; }
.footer__privacy-note { color:rgba(255,255,255,.55); font-size:13px; }

@media (min-width: 981px) and (max-width: 1399px) {
  .hero .hero-copy { width: min(720px,64vw) !important; }
  .differences--story .differences__copy h2.differences-title-balanced { font-size: clamp(27px,2.2vw,31px) !important; }
  .origin-final__intro { grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr) !important; gap: 20px !important; }
}
@media (max-width: 1279px) {
  .desktop-nav { display: none !important; }
  .menu-toggle { display: grid !important; width:44px; height:44px; place-content:center; gap:7px; border:0; border-radius:50%; background:rgba(6,14,24,.45); cursor:pointer; }
  .menu-toggle span { width:21px; height:1px; background:white; transition:transform .26s ease; }
  .menu-toggle.is-open span:first-child { transform:translateY(4px) rotate(45deg); }
  .menu-toggle.is-open span:last-child { transform:translateY(-4px) rotate(-45deg); }
  .mobile-menu { display:grid !important; position:fixed; top:76px; left:20px; right:20px; padding:12px; max-height:calc(100vh - 90px); overflow-y:auto; border:1px solid rgba(51,214,238,.18); border-radius:20px; background:rgba(4,8,15,.97); backdrop-filter:blur(20px); opacity:0; transform:translateY(-12px); pointer-events:none; transition:opacity .22s,transform .22s; }
  .mobile-menu.is-open { opacity:1; transform:translateY(0); pointer-events:auto; }
  .mobile-menu button { padding: 11px 12px; text-align:left; border:0; border-bottom:1px solid rgba(255,255,255,.06); background:transparent; font-size:14px; }
  .mobile-menu-link { padding:11px 12px; min-height:0; font-size:14px; }
}
@media (max-width: 980px) {
  .topbar__inner { width:calc(100% - 36px) !important; }
  .brand-lockup__by { font-size:9px; }
  .hero .hero__content { padding: 118px 0 105px !important; align-items: center !important; }
  .hero .hero-copy { width: 100% !important; max-width: 750px !important; }
  .hero .hero-copy h1 { font-size: clamp(30px,6vw,50px) !important; }
  .hero .hero-support { font-size: clamp(15px,2.7vw,17px) !important; }
  .differences.differences--story > .differences__grid { grid-template-columns:1fr !important; }
  .differences--story .differences__copy h2.differences-title-balanced { font-size: clamp(25px,5vw,37px) !important; line-height:1.2 !important; }
  .how-it-works__steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .how-it-works__closing { grid-template-columns:1fr; gap:18px; }
  .how-it-works__closing .gradient-button { justify-self:start; }
  .origin-final__intro { grid-template-columns:1fr !important; gap:36px !important; }
  .origin-final__copy h2.origin-final__title { font-size: clamp(27px,5vw,37px) !important; }
}
@media (max-width: 650px) {
  .topbar__inner { width:calc(100% - 28px) !important; }
  .brand-lockup .brand-button { width:85px !important; }
  .brand-lockup__by { font-size:8px; letter-spacing:.08em; }
  .hero .hero__content { padding-top:105px !important; padding-bottom:90px !important; }
  .hero .hero-copy h1 { font-size:clamp(29px,8vw,38px) !important; line-height:1.22 !important; }
  .hero-title__secondary { margin-top:14px; }
  .hero .hero-support { font-size:15px !important; line-height:1.63 !important; }
  .hero .hero-actions a, .hero .hero-actions button { width:100% !important; }
  .context__head h2 { font-size:clamp(25px,7vw,33px) !important; }
  .differences--story .differences__copy h2.differences-title-balanced { font-size:clamp(25px,6.8vw,33px) !important; }
  .how-it-works { padding:62px 0 65px; }
  .how-it-works h2 { font-size:clamp(27px,7.3vw,35px); }
  .how-it-works__steps { grid-template-columns:1fr; }
  .how-step { min-height:0; padding:22px; }
  .how-step__number { margin-bottom:14px; }
  .how-it-works__closing { padding:24px; }
  .how-it-works__closing h3 { font-size:20px; }
  .how-it-works__closing .gradient-button { width:100%; }
  .solutions-grid--detailed .solution-card__visual { aspect-ratio:16/10; }
  .solutions-grid--detailed .solution-card__content { padding:23px 19px 26px !important; }
  .solutions-grid--detailed .solution-card__content h3 { font-size:20px !important; }
  .solutions-grid--detailed .solution-card__content > p { font-size:15px !important; }
  .origin-final__copy h2.origin-final__title { font-size:clamp(26px,7vw,33px) !important; }
  .footer__contact { flex-direction:column; align-items:flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  .how-step, .solutions-grid--detailed .solution-card, .ecosystem-cta { transition: none !important; }
}


/* KRON — uniformização tipográfica 17/09/2026
   Uma única família em toda a experiência, pesos Poppins 400–700.
   Evita modificações de layout, paleta, navegação e comportamento. */
:root {
  --body-font: "Poppins", Arial, sans-serif;
  --display-font: "Poppins", Arial, sans-serif;
}
html, body, button, input, textarea, select,
body h1, body h2, body h3, body h4, body h5, body h6,
body p, body a, body label, body span, body strong,
body li, body blockquote, body cite, body small,
body .section-title, body .how-step__number {
  font-family: "Poppins", Arial, sans-serif !important;
}
/* Títulos: contraste de peso sem bold excessivo; métricas mais evidentes. */
body h1, body h2, body .section-title,
body .hero h1, body .hero-copy h1,
body .context__head h2,
body .differences-title-balanced,
body .how-it-works h2,
body .origin-final__title,
body .makers__heading h2,
body .blog--story h2,
body .contact__copy h2 {
  font-weight: 600 !important;
  letter-spacing: -0.028em;
}
body h3, body h4,
body .solution-card__content h3,
body .how-step h3,
body .blog-card h4,
body .team-card__body h3,
body .profile-modal h2 {
  font-weight: 600 !important;
  letter-spacing: -0.018em;
}
body p, body li, body blockquote, body cite,
body .hero-support, body .section-lead {
  font-weight: 400;
}
body button, body .gradient-button,
body .secondary-button, body .ecosystem-cta,
body .team-profile-link, body .brand-lockup__by {
  font-weight: 600;
}
body .context-stat strong, body .origin-stat strong,
body .numbers-grid strong, body .how-step__number {
  font-weight: 600 !important;
}
/* Novo desenho tipográfico mantém as headlines dentro de suas colunas. */
body .hero-copy, body .context__head, body .differences__copy,
body .origin-final__copy, body .how-it-works__head {
  min-width: 0;
}
body .hero h1, body .differences-title-balanced,
body .origin-final__title, body .how-it-works h2 {
  max-width: 100%;
  white-space: normal !important;
  overflow-wrap: break-word;
  text-wrap: balance;
}


/* ======================================================================= */
/* KRON — ajustes cliente 24/09/2026                                      */
/* ======================================================================= */

/* Hero */
.hero .hero-copy h1 {
  line-height: 1.04 !important;
  text-wrap: initial !important;
}
.hero-title__primary,
.hero-title__secondary {
  line-height: 1.04 !important;
}
.hero-title__secondary {
  margin-top: 10px !important;
}

/* Abertura das soluções sem box e sem CTA redundante */
.how-it-works__closing.how-it-works__closing--plain {
  width: 100%;
  max-width: 1080px;
  margin: 0 0 42px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: block !important;
}
.how-it-works__closing--plain h3 {
  max-width: 900px;
  margin: 0 0 18px !important;
  color: #fff;
  font-size: clamp(27px, 2.35vw, 36px) !important;
  line-height: 1.22 !important;
  font-weight: 600 !important;
  text-wrap: balance;
}
.how-it-works__closing--plain p {
  max-width: 890px;
  margin: 0 !important;
  color: #cfdeeb;
  font-size: clamp(15px, 1.2vw, 17px) !important;
  line-height: 1.72 !important;
  text-wrap: pretty;
}

/* Origem */
.origin-final__title .origin-title-break {
  display: inline-block;
}

/* Sócios */
.makers__heading h2 {
  max-width: 900px !important;
  font-size: clamp(30px, 2.65vw, 42px) !important;
  line-height: 1.14 !important;
}

/* Depoimentos */
.testimonial-youtube-card__media {
  border-bottom: 0 !important;
}
.testimonial-youtube-card__media > img {
  transform: none !important;
  filter: none !important;
  object-fit: cover !important;
}
.testimonial-youtube-card__overlay {
  display: none !important;
}
.testimonial-youtube-card__action {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 14px;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: rgba(5,10,18,.96);
}
.testimonial-youtube-card__action .testimonial-youtube-card__play {
  position: static !important;
  width: 34px !important;
  height: 34px !important;
  transform: none !important;
  filter: none !important;
  flex: 0 0 34px;
}
.testimonial-youtube-card__action .testimonial-youtube-card__watch {
  position: static !important;
  width: auto !important;
  transform: none !important;
  color: #fff;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 600;
  opacity: 1;
  text-align: left;
}
.testimonial-youtube-card:hover .testimonial-youtube-card__media > img,
.testimonial-youtube-card:focus-visible .testimonial-youtube-card__media > img {
  transform: none !important;
  filter: none !important;
}
.testimonial-youtube-card:hover .testimonial-youtube-card__action .testimonial-youtube-card__play,
.testimonial-youtube-card:focus-visible .testimonial-youtube-card__action .testimonial-youtube-card__play {
  transform: scale(1.06) !important;
}
.testimonial-youtube-card[data-youtube-key="erika"] .testimonial-youtube-card__media > img {
  transform: scale(1.10) !important;
  object-position: center 48% !important;
}
.testimonial-youtube-card[data-youtube-key="erika"]:hover .testimonial-youtube-card__media > img,
.testimonial-youtube-card[data-youtube-key="erika"]:focus-visible .testimonial-youtube-card__media > img {
  transform: scale(1.10) !important;
}

/* Rodapé */
.footer-social-block .footer__contact--under-socials {
  margin: 18px 0 0 !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}
.footer-social-block .footer__contact--under-socials a {
  font-size: 13px;
  line-height: 1.5;
}


@media (max-width: 720px) {
  .hero .hero-copy h1 {
    line-height: 1.06 !important;
  }
  .hero-title__secondary {
    margin-top: 8px !important;
  }
  .how-it-works__closing.how-it-works__closing--plain {
    margin-top: 42px !important;
  }
  .makers__heading h2 {
    font-size: clamp(27px, 8vw, 36px) !important;
  }
}


/* Ajuste fino de respiro da abertura da seção Soluções */
.solutions.solutions--story {
  padding-top: 76px !important;
}

@media (max-width: 1024px) {
  .solutions.solutions--story {
    padding-top: 70px !important;
  }
}

@media (max-width: 767px) {
  .solutions.solutions--story {
    padding-top: 58px !important;
  }
}


/* ======================================================================= */
/* KRON — correção definitiva do alinhamento da abertura de Soluções       */
/* 25/09/2026                                                              */
/* ======================================================================= */

/*
 * A introdução de Soluções não reutiliza mais .how-it-works__closing.
 * Isso evita herdar max-width, margens e regras responsivas da seção anterior.
 */
.solutions.solutions--story {
  padding-top: 42px !important;
}

.solutions--story .solutions__content {
  position: relative !important;
  z-index: 2 !important;
}

.solutions-section-intro {
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 44px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.solutions-section-intro h3 {
  width: 100% !important;
  max-width: 940px !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  color: #fff;
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: clamp(30px, 2.55vw, 40px) !important;
  font-weight: 600 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.025em !important;
  text-align: left !important;
  text-wrap: balance;
}

.solutions-section-intro p {
  width: 100% !important;
  max-width: 1000px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #cfdeeb;
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: clamp(15px, 1.15vw, 17px) !important;
  font-weight: 400 !important;
  line-height: 1.72 !important;
  text-align: left !important;
  text-wrap: pretty;
}

/* Os cards começam somente depois do respiro da introdução. */
.solutions--story .solutions-grid--detailed {
  width: 100% !important;
  margin-top: 0 !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .solutions.solutions--story {
    padding-top: 38px !important;
  }

  .solutions-section-intro {
    margin-bottom: 36px !important;
  }

  .solutions-section-intro h3 {
    max-width: 820px !important;
    font-size: clamp(28px, 4vw, 36px) !important;
  }
}

/* Mobile */
@media (max-width: 720px) {
  .solutions.solutions--story {
    padding-top: 32px !important;
  }

  .solutions-section-intro {
    margin-bottom: 28px !important;
  }

  .solutions-section-intro h3 {
    max-width: none !important;
    margin-bottom: 14px !important;
    font-size: clamp(25px, 7.2vw, 32px) !important;
    line-height: 1.18 !important;
  }

  .solutions-section-intro p {
    max-width: none !important;
    font-size: 15px !important;
    line-height: 1.62 !important;
  }
}