/* ===== Custom Header Plugin ===== */
.chp-header {
  color: #fff;
  background-color: #1e1b3a; /* fallback */
  background-size: cover;
  background-position: center;
}

.chp-topbar {
  display:flex; justify-content:space-between; align-items:center;
  gap:12px; padding:10px 16px;
}
.chp-topbar a { color:#fff; opacity:.9; text-decoration:none; margin-inline-start:12px; }
.chp-topbar a:hover { opacity:1; }
.chp-wpml img { max-height:28px; }

.chp-social { list-style:none; display:flex; gap:10px; margin:0; padding:0; }
.chp-social li a { display:block; width:36px; height:36px; border-radius:8px; background:rgba(255,255,255,.12); }
.chp-social li.chp-facebook a { background:#1877F2; }
.chp-social li.chp-twitter a  { background:#1DA1F2; }
.chp-social li.chp-instagram a{ background:#E1306C; }
.chp-social li.chp-linkedin a { background:#0A66C2; }
.chp-social li.chp-telegram a { background:#2AABEE; }
.chp-social li.chp-whatsapp a { background:#25D366; }
.chp-social li.chp-youtube a  { background:#FF0000; }

.chp-masthead { display:grid; gap:16px; padding:32px 16px 10px; text-align:center; }
.chp-site-title { font-size:28px; color:#fff; text-decoration:none; }

.chp-title { font-size:34px; margin:6px 0; font-weight:800; }
.chp-sub   { opacity:.92; margin:0 0 14px; }

.chp-ctas { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }
.chp-btn { display:inline-block; padding:10px 16px; border-radius:10px; text-decoration:none; font-weight:600; }
.chp-btn--primary { background:#f7c300; color:#000; }
.chp-btn--secondary { background:#2f6fff; color:#fff; }

.chp-main-nav { padding: 10px 16px 16px; }
.chp-menu { list-style:none; display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin:0; padding:0; }
.chp-menu > li > a { color:#fff; text-decoration:none; padding:8px 12px; border-radius:8px; background:rgba(255,255,255,.08); display:block; }
.chp-menu > li > a:hover { background:rgba(255,255,255,.18); }

.chp-partners { padding: 12px 16px 18px; display:flex; flex-wrap:wrap; gap:12px; }
.chp-header-logo-item { background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); padding:8px; border-radius:8px; }

/* Responsive */
@media (max-width: 768px) {
  .chp-title { font-size: 26px; }
  .chp-social li a { width:32px; height:32px; }
}