/* ============================================================
   ICDS · Modelo de Negócio, estilos da página
   Depende de styles.css + pages.css. Linkar DEPOIS de pages.css.
   Contém .stat-strip (portado da home) + diagrama do ecossistema
   + blocos de frente de valor.
   ============================================================ */

/* ---- Diagrama do ecossistema (ICDS ao centro, ACO e CCAM nas laterais) ---- */
.eco{position:relative;display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:26px;max-width:1000px;margin:0 auto;align-items:center}
.eco::before{content:'';position:absolute;top:50%;left:14%;right:14%;height:2px;background:linear-gradient(90deg,var(--ic-primary-light),var(--ic-primary),var(--ic-primary-light));z-index:0;transform:translateY(-50%)}
.eco-card{position:relative;z-index:1;background:#fff;border:1px solid var(--ic-gray-200);border-radius:var(--ic-radius-card);padding:30px 26px;text-align:center;box-shadow:var(--ic-shadow-card)}
.eco-card .tag{display:block;font-family:var(--ic-font-display);font-weight:800;font-size:1.5rem;color:var(--ic-navy-900);line-height:1;margin-bottom:10px}
.eco-card p{font-size:var(--ic-fs-small);color:var(--ic-gray-500);margin:0}
.eco-card.center{background:var(--ic-navy-900);color:#fff;padding:40px 30px;overflow:hidden;box-shadow:var(--ic-shadow-hover)}
.eco-card.center::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 2px,transparent 2px);background-size:20px 20px;pointer-events:none}
.eco-card.center .tag{color:#fff;font-size:2rem}
.eco-card.center p{color:var(--ic-gray-400);position:relative}
.eco-card .kicker{display:inline-block;font-family:var(--ic-font-display);font-weight:700;font-size:.72rem;letter-spacing:1px;text-transform:uppercase;color:var(--ic-primary);margin-bottom:8px}
.eco-card.center .kicker{color:var(--ic-primary-light);position:relative}
@media(max-width:760px){
  .eco{grid-template-columns:1fr;gap:16px;max-width:420px}
  .eco::before{top:14%;bottom:14%;left:50%;right:auto;width:2px;height:auto;background:linear-gradient(180deg,var(--ic-primary-light),var(--ic-primary),var(--ic-primary-light));transform:translateX(-50%)}
}

/* ---- Blocos de frente de valor (cabeçalho com acento azul) ---- */
.frente-head{background:#fff;border:1px solid var(--ic-gray-200);border-left:5px solid var(--ic-primary);border-radius:var(--ic-radius-card);padding:34px 36px;margin-bottom:30px;box-shadow:var(--ic-shadow-card);max-width:860px}
.frente-head h2{font-size:var(--ic-fs-h2);margin:14px 0 12px}
.frente-head p{margin:0;max-width:720px}
.frente-head.alt{border-left-color:var(--ic-primary-light);border-color:transparent;background:var(--ic-primary-soft)}

/* ---- Faixa de estatísticas (portada de home-2.css) ---- */
.stat-strip{position:relative;overflow:hidden;border-radius:var(--ic-radius-card);background:var(--ic-navy-900);color:#fff;box-shadow:var(--ic-shadow-card)}
.stat-strip::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 2px,transparent 2px);background-size:22px 22px;pointer-events:none}
.stat-strip.accent{background:var(--ic-primary-hover)}
.stat-strip .row{position:relative;display:grid}
.stat-strip.cols-3 .row{grid-template-columns:repeat(3,1fr)}
.stat-strip.cols-4 .row{grid-template-columns:repeat(4,1fr)}
.stat-strip .item{padding:44px 26px;text-align:center;border-left:1px solid rgba(255,255,255,.14)}
.stat-strip .item:first-child{border-left:none}
.stat-strip .num{font-family:var(--ic-font-display);font-weight:800;font-size:clamp(2rem,3.4vw,2.8rem);line-height:1;color:#fff}
.stat-strip .lbl{font-size:.85rem;line-height:1.4;color:rgba(255,255,255,.72);margin-top:12px}
@media(max-width:760px){
  .stat-strip .row{grid-template-columns:1fr!important}
  .stat-strip .item{border-left:none;border-top:1px solid rgba(255,255,255,.14)}
  .stat-strip .item:first-child{border-top:none}
}