
/* ================= HERO / INÍCIO  ================= */

.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  ============== */

.section-advantages{ padding-top:2%; padding-bottom:3%; }

.advantages__title{ 
	text-align:center; 
	margin-top:0; 
	padding-top:2%; 
	font-size:var(--h2-size); }

.advantages__grid{
  display:grid; grid-template-columns:1fr 1fr;
  gap:3rem; align-items:center;
}

.advantages__list{ 
	display:flex; 
	flex-direction:column; 
	gap:1.5rem; }

.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); }

.advantages__media{ 
	display:flex; 
	justify-self:center; }

.advantages__media img{ 
	max-width:90%; 
	margin-top:0; 
	border-radius:16px; }

@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  ================= */

.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  ================= */

.section-features{ 
	background:var(--cor-roxo-claro-background); 
	padding-top:2%; }

.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;
}

.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;
}

.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; }

.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%; 
}

@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; }
}
