/* UNICI Solutions — Representações v1.0.1 · 2026/10/30
   Design flat do site: caixas direitas, sem cantos redondos, sombras nem gradientes.
   Usa as variáveis --c-* definidas em main.css e no painel. */

.rep-lead{color:var(--c-muted);max-width:720px;line-height:1.75;margin:0 0 2.5rem}
.rep-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px}
.rep-grid>.rep-card{outline:1px solid var(--c-border)}
.rep-card{background:var(--c-white,#fff);padding:2rem;display:flex;flex-direction:column;gap:1rem}
.rep-card-top{display:flex;justify-content:space-between;align-items:baseline;border-bottom:4px solid var(--c-accent);padding-bottom:.75rem}
.rep-cat{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted)}
.rep-brand{font-weight:700;font-size:1.35rem;color:var(--c-navy)}
.rep-card h3{font-size:1.1rem;line-height:1.35;color:var(--c-navy);margin:0}
.rep-card p{color:var(--c-muted);line-height:1.7;margin:0}
.rep-points{list-style:none;margin:0;padding:0}
.rep-points li{padding:.5rem 0 .5rem 1.1rem;border-bottom:1px solid var(--c-border);position:relative;font-size:.88rem;color:var(--c-navy-soft)}
.rep-points li::before{content:"";position:absolute;left:0;top:1rem;width:8px;height:8px;background:var(--c-accent)}
.rep-card .btn{align-self:flex-start;margin-top:auto}

/* Página da representação */
.rep-legal{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:2.5rem;align-items:start;border:1px solid var(--c-navy);border-left:8px solid var(--c-accent);padding:2.5rem;background:var(--c-white,#fff)}
.rep-legal-num{font-size:2.4rem;font-weight:700;color:var(--c-navy);line-height:1}
.rep-legal p{color:var(--c-muted);line-height:1.75;margin:0}
.rep-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--c-border);border:1px solid var(--c-border)}
.rep-modules>div{padding:1.5rem;background:var(--c-white,#fff)}
.rep-modules h4,.rep-steps h4,.rep-note h4{margin:0 0 .5rem;color:var(--c-navy);font-size:1rem}
.rep-modules p,.rep-steps p,.rep-note p{margin:0;color:var(--c-muted);line-height:1.65;font-size:.92rem}
.rep-feature{background:var(--c-navy);color:#fff;padding:3rem;border-top:6px solid var(--c-accent)}
.rep-feature p{color:rgba(255,255,255,.85);line-height:1.75;max-width:760px;margin:0}
.rep-feature .section-title span{color:var(--c-accent)}
.rep-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--c-navy)}
.rep-steps>div{padding:1.8rem 1.8rem 1.8rem 0;border-right:1px solid var(--c-border)}
.rep-steps>div+div{padding-left:1.5rem}
.rep-steps>div:last-child{border-right:0}
.rep-steps span{display:block;font-size:2.6rem;font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--c-accent);margin-bottom:1.2rem}
.rep-note{border:1px solid var(--c-border);border-left:6px solid var(--c-navy);padding:2rem;background:var(--c-surface)}

/* Menu com mais um item: aperta o espaçamento antes de passar ao menu móvel */
@media (max-width:1200px) and (min-width:769px){.main-nav ul{gap:1.1rem}.main-nav a{font-size:.85rem}}
@media (max-width:900px){
  .rep-modules{grid-template-columns:repeat(2,1fr)}
  .rep-steps{grid-template-columns:repeat(2,1fr)}
  .rep-steps>div{padding:1.5rem!important;border-bottom:1px solid var(--c-border)}
  .rep-legal{grid-template-columns:1fr;gap:1rem}
}
@media (max-width:600px){
  .rep-modules,.rep-steps{grid-template-columns:1fr}
  .rep-card,.rep-legal,.rep-feature{padding:1.5rem}
  .rep-page .hero-grid{grid-template-columns:1fr!important}
}