/* ===== CIRP PAGE (padrão REPIS) ===== */

.cirp-hero {
  padding: 20px 0;
  background: linear-gradient(180deg, #f7fbfb 0%, #ffffff 70%);
}

/* Reaproveita as classes do REPIS (btn-primary, btn-outline, highlight-cards, etc.)
   Se elas estiverem APENAS em repis.css, copie o mesmo bloco para cá também.
   Se já existirem em sections.css/style.css, não precisa duplicar. */

/* Caso você precise duplicar (porque hoje estão no repis.css), cole também no cirp.css: */
.page-cta-row{
  display:flex;
  gap:12px;
  margin-top:28px;
  flex-wrap:wrap;
  justify-content:center;
}

.btn-primary{
  display:inline-block;
  padding:12px 16px;
  background-color:#00b3a4;
  color:#fff;
  text-decoration:none;
  border-radius:4px;
}

.btn-outline{
  display:inline-block;
  padding:12px 16px;
  background:transparent;
  color:#00b3a4;
  border:1px solid #00b3a4;
  text-decoration:none;
  border-radius:4px;
}

.highlight-cards{
  display:grid;
  grid-template-columns:repeat(3, minmax(220px, 1fr));
  gap:16px;
  margin-top:26px;
}

.highlight-card{
  background:#f7f7f7;
  border:1px solid #e9eeee;
  border-radius:6px;
  padding:14px;
}

.hc-title{ display:block; font-size:12px; color:#667; margin-bottom:6px; }
.hc-value{ display:block; font-size:18px; font-weight:700; color:#1f2a33; }
.hc-desc{ display:block; font-size:13px; color:#667; margin-top:4px; }

.info-callout{
  margin-top:18px;
  padding:14px 16px;
  background:#f1fbfa;
  border-left:4px solid #00b3a4;
}

.muted{ color:#667; font-size:13px; }

/* layout em duas colunas, igual REPIS */
.two-cols{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:16px;
}

.panel{
  background:#ffffff;
  border:1px solid #e9eeee;
  border-radius:6px;
  padding:16px;
}

.panel-info{
  border-color:#DEF;
  background:#F0F8FF;
}

.panel-warn{
  border-color:#ffe2d6;
  background:#fff8f5;
}

.panel h2{ margin-top:0; }

/* ===== CIRP CONTACT ===== */
.cirp-contact{
  display:grid;
  gap:12px;
  margin:16px 0 10px 0;
}

.cirp-contact__label{
  display:block;
  font-size:.85rem;
  color:#666;
  margin-bottom:3px;
}

.cirp-contact__value{
  font-weight:700;
  color:#0b3a6f;
  text-decoration:none;
  word-break:break-word;
}

.cirp-contact__value:hover{ text-decoration:underline; }

/* ===== CIRP USERS (logos) ===== */
.cirp-users-title{
  font-size:2rem;
  margin-bottom:8px;
  text-align:center;
}

.cirp-users-logos{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:24px;
  margin-top:24px;
}

.cirp-users-item{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ffffff;
  border:1px solid #eee;
  border-radius:8px;
  padding:20px;
  transition:transform .2s ease, box-shadow .2s ease;
}

.cirp-users-item img{
  max-width:100%;
  max-height:80px;
  object-fit:contain;
}

.cirp-users-item:hover{
  transform:translateY(-4px);
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

/* RESPONSIVO */
@media (max-width: 900px){
  .highlight-cards{ grid-template-columns:1fr; }
  .two-cols{ grid-template-columns:1fr; }
  .cirp-users-logos{ grid-template-columns:repeat(3, 1fr); }
}

@media (max-width: 520px){
  .cirp-users-logos{ grid-template-columns:repeat(2, 1fr); }
}