/* ================= HERO / INÍCIO (renomeado) ================= */

.hero-gestao__content h1,
.hero-gestao__content p,
.hero-gestao__content .kicker { margin:0; }

.hero-gestao{
  position:relative;
  min-height:100svh;
  display:grid; align-items:center;
  background:url("Assets/Images/default/industry/compactadas/home_industry.jpg") center/cover no-repeat;
  color:#fff;
}
.hero-gestao::before{
  content:"";
  position:absolute; inset:0;
  background:rgba(0,0,0,.70);
  z-index:0;
}

.hero-gestao__grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:2rem; align-items:center;
  position:relative; z-index:1;
}

.hero-gestao__title{ font-size:var(--h1-size); }

.cta-row{ display:flex; gap:.8rem; flex-wrap:wrap; margin-top:1.5rem; }
.cta-row.center{ justify-content:center; }

.hero-gestao__media{ aspect-ratio:10/8; display:flex; align-items:center; justify-content:center; }
.hero-gestao__image{ width:100%; height:auto; }

.hero-gestao__content{
  gap:16px;
  display:flex; flex-direction:column; justify-content:center;
  margin-bottom:36px; position:relative; z-index:1;
}

@media (max-width:900px){
  .hero-gestao__grid{ grid-template-columns:1fr; text-align:center; justify-items:center; }
  .hero-gestao__content{ order:2; align-items:center; }
  .hero-gestao__media{ order:1; display:none; }
}
@media (max-width:900px){
  .hero-gestao{ min-height:auto; padding:2rem 0 2.5rem; }
  .hero-gestao__title{ margin:0 0 .75rem; }
  .hero-gestao__subtitle{ max-width:40ch; }
  .cta-row{ justify-content:center; }
}

/* ============== BENEFÍCIOS → ADVANTAGES (renomeado) ============== */
.section-advantages{ padding-top:2%; padding-bottom:3%; }
.advantages__title{ text-align:center; margin-top:0; padding-top:2%; font-size:var(--h2-size); }

/* grade principal */
.advantages__grid{
  display:grid; grid-template-columns:1fr 1fr;
  gap:3rem; align-items:center;
}
.advantages__list{ display:flex; flex-direction:column; gap:1.5rem; }

/* card */
.adv-card{
  background:var(--color-surface);
  border-radius:var(--radius);
  box-shadow:0 4px 15px rgba(0,0,0,.08);
  border:1px solid rgba(0,0,0,.12);
  display:grid; grid-template-columns:84px 1fr; gap:14px;
  padding:18px 18px 18px 12px; align-items:center;
}
.adv-card__num{
  display:grid; place-items:center;
  font-weight:600; line-height:1;
  font-size:clamp(2.5rem, 6.2vw, 3.75rem);
  color:rgba(10,25,41,.18); user-select:none;
}
.adv-card__title{ margin:0 0 .35rem; font-size:var(--h3-size); }
.adv-card__text{ margin:0; color:var(--color-muted); }

/* imagem direita */
.advantages__media{ display:flex; justify-self:center; }
.advantages__media img{ max-width:90%; margin-top:0; border-radius:16px; }

/* responsivo */
@media (max-width:900px){
  .advantages__grid{ grid-template-columns:1fr; text-align:center; justify-items:center; gap:1.25rem; }
  .advantages__media{ order:1; }
  .advantages__list{ order:2; }
  .advantages__media img{ max-width:100%; margin-top:16px; height:auto; }
  .adv-card{ grid-template-columns:70px 1fr; text-align:left; }
  .adv-card__text{ line-height:1.45; }
}

/* ================= WORKFLOW (renomeado) ================= */
.section-workflow{ background-color:var(--cor-azul-claro-background); padding:56px 0; }
.workflow__title{ position:relative; z-index:1; margin:0 0 22px; text-align:center; font-size:clamp(1.6rem, 2.5vw + 1rem, 2.2rem); }

.workflow__item{
  position:relative; z-index:1;
  display:flex; align-items:center; gap:24px;
  padding:18px 0; border-bottom:1px solid rgba(0, 0, 70, .5);
}
.workflow__item:last-child{ border-bottom:1px solid rgba(255,255,255,.08); }
.workflow__item.is-reverse{ flex-direction:row-reverse; }

.workflow__media{ flex:1 1 40%; min-width:0; }
.workflow__media img{
  width:100%; height:auto; display:block;
  border-radius:12px; border:1px solid rgba(255,255,255,.10);
  box-shadow:0 10px 30px rgba(0,0,0,.18);
  object-fit:cover; max-height:300px;
}
.workflow__content{ margin-bottom:64px; flex:1 1 52%; min-width:0; }
.workflow__subtitle{ margin:0 0 10px; font-weight:800; font-size:1.6rem; color:var(--cor-azul-escuro); }
.workflow__text{ margin:0 0 16px; color:var(--cor-azul-escuro); line-height:1.55; font-size:1.2rem; max-width:56ch; }

@media (max-width:960px){
  .workflow__item, .workflow__item.is-reverse{
    flex-direction:column; align-items:stretch; gap:14px;
  }
  .workflow__media img{ max-height:none; }
}

/* ================= FEATURES / RECURSOS (renomeado por bloco) ================= */
.section-features{ background:var(--cor-roxo-claro-background); padding-top:2%; }

/* grade base dos grupos */
.feature-kanban, .feature-techdocs, .feature-finance, .purchases__grid, .custom__grid{
  display:grid; grid-template-columns:1fr 1fr; align-items:center;
  max-width:var(--container-width, 1080px); margin:0 auto; justify-items:center;
}

/* textos/imagens */
.feature-kanban__content, .feature-techdocs__content, .feature-finance__content,
.purchases__content, .custom__content{ text-align:left; }

.feature-kanban__media, .feature-techdocs__media, .feature-finance__media,
.purchases__media, .custom__media{
  display:flex; justify-content:center; align-items:center; justify-self:center;
}

/* tamanhos específicos */
.feature-kanban__media img{ width:80%; max-width:100%; height:auto; }
.feature-techdocs__media img{ padding-bottom:2%; width:80%; max-width:100%; height:auto; }
.feature-finance__media img{ width:70%; max-width:100%; height:auto; }
.purchases__media img{ max-width:90%; height:auto; }
.custom__media img{ max-width:75%; height:auto; }

/* títulos e parágrafos */
.feature-kanban__content h3,
.feature-techdocs__content h3,
.feature-finance__content h3,
.purchases__content h3,
.custom__content h3{
  font-size:2rem; margin:0 0 1rem;
}
.feature-kanban__content p,
.feature-techdocs__content p,
.feature-finance__content p,
.purchases__content p,
.custom__content p{
  margin:0 0 1rem; color:var(--color-muted); line-height:1.5;
}

.section-custom{ padding-bottom:2%; }

/* responsivo para features */
@media (max-width:900px){
  .feature-kanban, .feature-techdocs, .feature-finance, .purchases__grid, .custom__grid{
    grid-template-columns:1fr; text-align:center;
  }
  .feature-kanban__content, .feature-techdocs__content, .feature-finance__content,
  .purchases__content, .custom__content{ display:contents; }

  .feature-kanban__content h3, .feature-techdocs__content h3,
  .feature-finance__content h3, .purchases__content h3, .custom__content h3{
    order:1; text-align:center; justify-self:center;
  }
  .feature-kanban__media, .feature-techdocs__media, .feature-finance__media,
  .purchases__media, .custom__media{ order:2; }
  .feature-kanban__content p, .feature-techdocs__content p, .feature-finance__content p,
  .purchases__content p, .custom__content p{ order:3; text-align:center; }

  .feature-kanban__media img, .feature-techdocs__media img, .feature-finance__media img,
  .purchases__media img, .custom__media img{ width:100%; max-width:250px; height:auto; }
}

@media (max-width:768px){
  .feature-kanban__content p, .feature-techdocs__content p, .feature-finance__content p,
  .purchases__content p, .custom__content p{ margin-bottom:10px; line-height:1.3; }
}
