/* cp-hub-premium.css — Camada de experiência premium dos HUBs (Fase O.3.3).
 * Blocos visuais nativos (benefícios, situações, trust, CTAs, cluster) na
 * identidade do site (rosa + Nunito). Evolução, não redesign.
 */
.cp-prem{font-family:'Nunito',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:#3b3f44;}
.cp-section-title{text-align:center;font-size:24px;color:#2b2e33;font-weight:800;margin:0 0 6px;}
.cp-section-sub{text-align:center;font-size:15px;color:#6b7178;margin:0 auto 22px;max-width:620px;}

/* faixa full-width clara para separar blocos */
.cp-band{background:#fff6f9;border-top:1px solid #f4e2e9;border-bottom:1px solid #f4e2e9;padding:38px 20px;}
.cp-band.alt{background:#fff;}
.cp-band .cp-inner{max-width:980px;margin:0 auto;}

/* ---- grade de benefícios (cards) ---- */
.cp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.cp-card{background:#fff;border:1px solid #f0d7e0;border-radius:16px;padding:22px 20px;text-align:center;
  transition:box-shadow .2s,transform .2s;}
.cp-card:hover{box-shadow:0 10px 26px rgba(210,125,153,.12);transform:translateY(-2px);}
.cp-card .ico{width:60px;height:60px;border-radius:50%;background:#fce1ea;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;}
.cp-card .ico svg{width:30px;height:30px;}
.cp-card h4{font-size:16px;color:#2b2e33;margin:0 0 6px;font-weight:700;}
.cp-card p{font-size:14px;color:#6b7178;line-height:1.5;margin:0;}

/* ---- cards de situações (com link, ícone PNG do serviço) ---- */
.cp-sits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.cp-sit{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #f0d7e0;border-radius:14px;
  padding:14px 16px;text-decoration:none;color:#2c2c2c;transition:box-shadow .2s;}
.cp-sit:hover{box-shadow:0 8px 22px rgba(210,125,153,.12);color:#2c2c2c;}
.cp-sit img{width:50px;height:50px;flex:0 0 auto;}
.cp-sit .t{font-size:15px;font-weight:600;}
.cp-sit .arrow{margin-left:auto;color:#d27d99;font-weight:700;}

/* ---- bloco de confiança ---- */
.cp-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.cp-trust-it{text-align:center;background:#fff;border:1px solid #f0d7e0;border-radius:14px;padding:18px 14px;}
.cp-trust-it .big{font-size:20px;font-weight:800;color:#d27d99;}
.cp-trust-it .stars{color:#f5b301;font-size:16px;letter-spacing:1px;}
.cp-trust-it .lbl{font-size:13px;color:#6b7178;margin-top:4px;line-height:1.4;}
.cp-trust-it a{color:#d27d99;text-decoration:none;}

/* ---- CTA intermediário ---- */
.cp-cta-mid{background:#fdeef2;border:1px solid #e9a7bd;border-radius:16px;padding:22px 24px;text-align:center;margin:8px auto;max-width:780px;}
.cp-cta-mid p{font-size:17px;color:#3b3f44;margin:0 0 12px;}
.cp-btn{display:inline-block;background:#e9a7bd;color:#fff;font-weight:700;text-decoration:none;padding:12px 32px;border-radius:40px;transition:opacity .2s;}
.cp-btn:hover{opacity:.88;color:#fff;}
.cp-btn.wa::before{content:"";}

/* ---- CTA final institucional (faixa) ---- */
.cp-cta-final{background:linear-gradient(135deg,#f3b9cb 0%,#e9a7bd 100%);padding:40px 20px;text-align:center;}
.cp-cta-final h3{color:#fff;font-size:24px;margin:0 0 8px;font-weight:800;}
.cp-cta-final p{color:#fff;font-size:16px;margin:0 0 18px;opacity:.95;}
.cp-cta-final .cp-btn{background:#fff;color:#d27d99;}
.cp-cta-final .cp-btn:hover{color:#d27d99;}

/* ---- cluster navigation (áreas de atuação) ---- */
.cp-cluster{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.cp-cluster-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;
  background:#fff;border:1px solid #f0d7e0;border-radius:16px;padding:22px 14px;text-decoration:none;color:#2c2c2c;transition:box-shadow .2s,transform .2s;}
.cp-cluster-card:hover{box-shadow:0 10px 26px rgba(210,125,153,.12);transform:translateY(-2px);color:#2c2c2c;}
.cp-cluster-card img{width:66px;height:66px;}
.cp-cluster-card .t{font-size:15px;font-weight:600;line-height:1.3;}

/* ---- disclaimer final ---- */
.cp-disc-final{max-width:820px;margin:0 auto;padding:18px 20px 8px;font-size:12.5px;color:#8a8f96;font-style:italic;text-align:center;}

/* ---- responsivo ---- */
@media(max-width:880px){
  .cp-cards,.cp-sits,.cp-trust-grid,.cp-cluster{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:560px){
  .cp-cards,.cp-sits,.cp-cluster{grid-template-columns:1fr;}
  .cp-trust-grid{grid-template-columns:repeat(2,1fr);}
  .cp-section-title{font-size:21px;} .cp-band{padding:30px 16px;}
  .cp-cta-final h3{font-size:21px;}
}