/* Click Experience v3.4.0 — Premium sticky header + live search */
:root{
  --cxs-header-topbar:30px;
  --cxs-header-nav:78px;
  --cxs-header-glass:rgba(0,21,92,.30);
  --cxs-header-border:rgba(135,200,255,.14);
  --cxs-header-blur:18px;
}
html{scroll-padding-top:122px}
.cxs-header{
  position:sticky!important;
  top:0!important;
  z-index:500!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  isolation:isolate;
  overflow:visible;
}
.cxs-header::before{
  content:"";
  position:absolute;
  inset:var(--cxs-header-topbar) 0 0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,21,92,.38),rgba(0,21,92,.26));
  border-bottom:1px solid var(--cxs-header-border);
  -webkit-backdrop-filter:blur(var(--cxs-header-blur)) saturate(135%);
  backdrop-filter:blur(var(--cxs-header-blur)) saturate(135%);
  transition:background .3s ease,box-shadow .3s ease,backdrop-filter .3s ease;
}
.cxs-site.cxs-has-scrolled .cxs-header::before{
  background:linear-gradient(180deg,rgba(0,21,92,.36),rgba(0,21,92,.30));
  box-shadow:0 14px 42px rgba(0,10,50,.15);
}
.cxs-scroll-progress{bottom:-1px!important}

.cxs-topbar{
  min-height:var(--cxs-header-topbar);
  background:linear-gradient(90deg,#1689ff 0%,#117ce9 44%,#1689ff 100%);
  color:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.12) inset;
  transition:min-height .28s ease;
}
.cxs-topbar__inner{
  min-height:var(--cxs-header-topbar);
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto auto;
  align-items:center;
  gap:18px;
}
.cxs-topbar__message{
  min-width:0;
  margin:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:10px;
  line-height:1.2;
  font-weight:500;
  letter-spacing:-.01em;
}
.cxs-topbar__message strong{font-weight:800}
.cxs-topbar__chips{display:flex;align-items:center;gap:8px;min-width:0}
.cxs-topbar__chips a{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:3px 8px;
  border-radius:3px;
  background:#ff3131;
  color:#fff;
  box-shadow:0 4px 10px rgba(162,12,20,.14);
  font-size:8px;
  line-height:1.1;
  font-weight:700;
  white-space:nowrap;
  transition:transform .2s ease,background .2s ease;
}
.cxs-topbar__chips a:hover{transform:translateY(-1px);background:#e92828}
.cxs-topbar__email{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  color:#fff;
  font-size:9px;
  line-height:1;
  font-weight:700;
  white-space:nowrap;
}
.cxs-topbar__email:hover{text-decoration:underline;text-underline-offset:3px}

.cxs-header__nav-shell{position:relative;z-index:3}
.cxs-header-inner{
  min-height:var(--cxs-header-nav)!important;
  gap:24px!important;
  transition:min-height .28s ease,padding .28s ease;
}
.cxs-site.cxs-has-scrolled .cxs-header-inner{min-height:64px!important}
.cxs-site.cxs-has-scrolled .cxs-logo{width:108px}
.cxs-brand{position:relative;z-index:2}
.cxs-logo{width:124px;transition:width .28s ease,opacity .2s ease}
.cxs-desktop-nav{gap:clamp(14px,1.35vw,23px)!important;margin-left:auto}
.cxs-desktop-nav>a,.cxs-desktop-nav>button{font-size:10px!important;color:rgba(255,255,255,.82)!important;text-shadow:0 1px 10px rgba(0,10,50,.18)}
.cxs-desktop-nav>a.is-current,.cxs-desktop-nav>button.is-current{color:#fff!important}
.cxs-desktop-nav>a::after,.cxs-desktop-nav>button::after{background:#ffbd59!important}

.cxs-header-tools{display:flex;align-items:center;gap:9px;flex:none;position:relative;z-index:4}
.cxs-header-social{display:flex;align-items:center;gap:6px}
.cxs-header-social a{
  width:25px;height:25px;border-radius:50%;display:grid;place-items:center;
  color:#fff;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);
  box-shadow:0 5px 14px rgba(0,10,50,.12);transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.cxs-header-social a svg{width:13px;height:13px;fill:currentColor}
.cxs-header-social a:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.15)}
.cxs-header-social a[data-network="facebook"]{background:#1877f2;border-color:#1877f2}
.cxs-header-social a[data-network="instagram"]{background:linear-gradient(135deg,#feda75,#d62976 50%,#4f5bd5);border-color:transparent}
.cxs-header-social a[data-network="tiktok"]{background:#101218;border-color:#2c303a}
.cxs-header-social a[data-network="whatsapp"]{background:#25d366;border-color:#25d366}

.cxs-header-search{position:relative;width:152px;transition:width .28s cubic-bezier(.16,1,.3,1)}
.cxs-header-search:focus-within,.cxs-header-search.is-open{width:252px}
.cxs-header-search__form{position:relative;display:block}
.cxs-header-search__icon{
  position:absolute;z-index:2;left:10px;top:50%;width:15px;height:15px;transform:translateY(-50%);color:#1593ef;pointer-events:none
}
.cxs-header-search__icon svg{display:block;width:100%;height:100%;fill:currentColor}
.cxs-header-search input[type="search"]{
  appearance:none;width:100%;height:30px;border:1px solid rgba(255,255,255,.30);border-radius:999px;
  padding:5px 31px 5px 31px;background:rgba(255,255,255,.96);color:#00155c;
  box-shadow:0 7px 20px rgba(0,10,50,.10);font-size:9px;line-height:1;outline:0;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.cxs-header-search input[type="search"]::placeholder{color:#7286a5}
.cxs-header-search input[type="search"]:focus{border-color:#27adff;box-shadow:0 0 0 3px rgba(39,173,255,.18),0 12px 26px rgba(0,10,50,.14);background:#fff}
.cxs-header-search input[type="search"]::-webkit-search-cancel-button{display:none}
.cxs-header-search__clear{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:22px;height:22px;border:0;border-radius:50%;background:transparent;color:#6880a2;display:none;place-items:center;font-size:15px;line-height:1}
.cxs-header-search.has-value .cxs-header-search__clear{display:grid}
.cxs-header-search__results{
  position:absolute;top:calc(100% + 12px);right:0;width:min(390px,calc(100vw - 28px));max-height:min(520px,70vh);overflow:auto;
  padding:8px;border:1px solid rgba(39,173,255,.18);border-radius:18px;background:rgba(249,252,255,.985);color:#00155c;
  box-shadow:0 28px 75px rgba(0,13,61,.26);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
}
.cxs-header-search__results[hidden]{display:none!important}
.cxs-header-search__status{padding:14px 14px 10px;color:#6f819c;font-size:10px;line-height:1.5}
.cxs-header-search__list{display:grid;gap:4px}
.cxs-header-search__item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px;border-radius:13px;transition:background .18s ease,transform .18s ease}
.cxs-header-search__item:hover,.cxs-header-search__item:focus-visible{background:#edf7ff;transform:translateX(2px);outline:0}
.cxs-header-search__item-type{min-width:58px;color:#1688db;font-size:7px;font-weight:800;letter-spacing:.10em;text-transform:uppercase}
.cxs-header-search__item-copy{min-width:0;display:grid;gap:3px}
.cxs-header-search__item-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.25;color:#00155c}
.cxs-header-search__item-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;line-height:1.4;color:#72849c}
.cxs-header-search__item-arrow{color:#1593ef;font-size:14px}
.cxs-header-search__all{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding:11px 12px;border-top:1px solid #e3edf8;color:#174d8f;font-size:9px;font-weight:700}

.cxs-header-search-toggle{display:none;width:40px;height:40px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.08);color:#fff;place-items:center}
.cxs-header-search-toggle svg{width:18px;height:18px;fill:currentColor}
.cxs-header-mobile-search{display:none}

/* Full search results if the visitor presses Enter. */
.cxs-search-page{min-height:70vh;padding:clamp(60px,8vw,110px) 0 110px;background:#f7fbff;color:#00155c}
.cxs-search-page__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;margin-bottom:38px}
.cxs-search-page__head p{margin:0 0 10px;color:#1785d3;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.cxs-search-page__head h1{margin:0;max-width:16ch;font-size:clamp(42px,5.5vw,76px);line-height:.96;letter-spacing:-.055em}
.cxs-search-page__head h1 strong{color:#27adff;font-weight:400}
.cxs-search-page__form{width:min(420px,100%);position:relative}
.cxs-search-page__form input{width:100%;min-height:52px;border:1px solid #d5e4f3;border-radius:999px;padding:11px 52px 11px 18px;background:#fff;color:#00155c;font-size:14px;box-shadow:0 14px 34px rgba(0,21,92,.07)}
.cxs-search-page__form button{position:absolute;right:6px;top:6px;width:40px;height:40px;border:0;border-radius:50%;background:#ff3131;color:#fff;display:grid;place-items:center}
.cxs-search-page__form svg{width:17px;height:17px;fill:currentColor}
.cxs-search-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cxs-search-card{min-height:220px;padding:24px;border:1px solid #dce9f6;border-radius:24px;background:#fff;display:flex;flex-direction:column;box-shadow:0 15px 40px rgba(0,21,92,.045);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.cxs-search-card:hover{transform:translateY(-4px);border-color:#add8f8;box-shadow:0 22px 50px rgba(0,21,92,.09)}
.cxs-search-card>span{color:#1785d3;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.cxs-search-card h2{margin:36px 0 10px;font-size:22px;line-height:1.1;letter-spacing:-.035em}
.cxs-search-card p{margin:0;color:#667c98;font-size:12px;line-height:1.75}
.cxs-search-card b{margin-top:auto;padding-top:22px;color:#ff3131;font-size:10px}
.cxs-search-empty{padding:48px;border:1px solid #dce9f6;border-radius:28px;background:#fff}.cxs-search-empty h2{margin:0 0 10px;font-size:30px}.cxs-search-empty p{margin:0;color:#657d99}
.cxs-search-pagination{margin-top:32px}.cxs-search-pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}.cxs-search-pagination .page-numbers{min-width:40px;height:40px;padding:0 12px;border:1px solid #d7e7f6;border-radius:999px;background:#fff;color:#31577f;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.cxs-search-pagination .page-numbers.current{background:#00155c;border-color:#00155c;color:#fff}

@media(max-width:1320px){
 .cxs-topbar__message{display:none}
 .cxs-topbar__inner{grid-template-columns:1fr auto}
 .cxs-desktop-nav{gap:13px!important}
 .cxs-desktop-nav>a,.cxs-desktop-nav>button{font-size:9px!important}
 .cxs-header-search{width:128px}.cxs-header-search:focus-within,.cxs-header-search.is-open{width:210px}
}
@media(max-width:1120px){
 :root{--cxs-header-nav:70px}
 html{scroll-padding-top:106px}
 .cxs-topbar__chips{overflow:hidden;mask-image:linear-gradient(90deg,#000 88%,transparent)}
 .cxs-topbar__chips a:nth-child(4){display:none}
 .cxs-header-social{display:none}
 .cxs-header-search{width:112px}.cxs-header-search:focus-within,.cxs-header-search.is-open{width:190px}
}
@media(max-width:960px){
 :root{--cxs-header-topbar:27px;--cxs-header-nav:67px}
 html{scroll-padding-top:104px}
 .cxs-header::before{inset:var(--cxs-header-topbar) 0 0}
 .cxs-topbar__inner{display:flex;width:100%;max-width:none;padding-inline:18px;overflow:hidden;gap:12px}
 .cxs-topbar__chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 86%,transparent)}
 .cxs-topbar__chips::-webkit-scrollbar{display:none}
 .cxs-topbar__chips a{flex:0 0 auto;font-size:7px;padding-inline:7px}
 .cxs-topbar__chips a:nth-child(4){display:inline-flex}
 .cxs-topbar__email{display:none}
 .cxs-header-inner{min-height:var(--cxs-header-nav)!important}
 .cxs-site.cxs-has-scrolled .cxs-header-inner{min-height:60px!important}
 .cxs-header-tools{margin-left:auto}
 .cxs-header-search{display:none}
 .cxs-header-search-toggle{display:grid}
 .cxs-mobile-nav{gap:12px!important}
 .cxs-header-mobile-search{position:absolute;left:0;right:0;top:100%;z-index:8;padding:10px 18px 14px;background:rgba(0,21,92,.94);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,10,50,.18);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
 .cxs-header-mobile-search.is-open{display:block}
 .cxs-header-mobile-search .cxs-header-search{display:block;width:100%;max-width:680px;margin:auto}
 .cxs-header-mobile-search .cxs-header-search:focus-within,.cxs-header-mobile-search .cxs-header-search.is-open{width:100%}
 .cxs-header-mobile-search .cxs-header-search input[type="search"]{height:46px;font-size:13px;padding-left:40px}
 .cxs-header-mobile-search .cxs-header-search__icon{left:14px;width:17px;height:17px}
 .cxs-header-mobile-search .cxs-header-search__results{left:0;right:0;width:100%;top:calc(100% + 8px)}
 .cxs-search-page__head{grid-template-columns:1fr;align-items:start}.cxs-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 :root{--cxs-header-topbar:25px;--cxs-header-nav:62px}
 html{scroll-padding-top:96px}
 .cxs-topbar__inner{padding-inline:12px}
 .cxs-topbar__chips a{font-size:6.5px;min-height:18px}
 .cxs-topbar__chips a:nth-child(n+3){display:none}
 .cxs-logo{width:98px!important}
 .cxs-site.cxs-has-scrolled .cxs-logo{width:90px!important}
 .cxs-header-inner{width:calc(100% - 24px)!important;gap:10px!important}
 .cxs-mobile-nav button:first-child{display:none}
 .cxs-mobile-nav button{font-size:10px!important;min-height:40px!important}
 .cxs-header-search-toggle{width:38px;height:38px}
 .cxs-search-grid{grid-template-columns:1fr}
 .cxs-search-page{padding-top:48px}.cxs-search-page__head h1{font-size:44px}.cxs-search-page__form input{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
 .cxs-topbar__chips a,.cxs-header-social a,.cxs-header-search,.cxs-header-search__item,.cxs-logo,.cxs-header-inner{transition:none!important}
}
