/* CMSSV 6.5.8.6 — PITRIO Editorial Stream */
.content-carousel,
.content-carousel *{box-sizing:border-box}
.content-carousel{
  --cc-navy:#0d2142;
  --cc-blue:#1d5da8;
  --cc-teal:#0b806f;
  --cc-ink:#1e344d;
  --cc-muted:#6d7d8f;
  --cc-line:#dde6ef;
  --cc-soft:#f5f8fb;
  --carousel-gap:18px;
  position:relative;
  isolation:isolate;
  width:min(1320px,calc(100% - 32px));
  margin:clamp(42px,7vw,78px) auto;
  padding:clamp(28px,4vw,48px);
  overflow:hidden;
  border:1px solid rgba(202,216,230,.9);
  border-radius:32px;
  background:#fbfdff;
  box-shadow:0 24px 70px rgba(25,53,82,.10);
  color:var(--cc-ink);
  font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.content-carousel:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:380px;
  height:380px;
  right:-190px;
  top:-220px;
  border:70px solid rgba(29,93,168,.035);
  border-radius:50%;
  pointer-events:none;
}
.content-carousel:after{
  content:"";
  position:absolute;
  z-index:-1;
  left:0;
  right:0;
  top:0;
  height:4px;
  background:linear-gradient(90deg,var(--cc-blue),#2390bc 54%,var(--cc-teal));
}
.content-carousel__head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:30px;
  align-items:end;
  margin-bottom:30px;
  padding-bottom:26px;
  border-bottom:1px solid var(--cc-line);
}
.content-carousel__heading{max-width:820px}
.content-carousel__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 11px;
  border:1px solid #d9e6f4;
  border-radius:999px;
  background:#f2f7fc;
  color:var(--cc-blue);
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.08em;
  line-height:1;
  text-transform:uppercase;
}
.content-carousel__eyebrow i{font-size:.72rem}
.content-carousel__heading h2{
  max-width:760px;
  margin:14px 0 9px;
  color:var(--cc-navy);
  font-size:clamp(1.75rem,3.4vw,2.65rem);
  line-height:1.08;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.content-carousel__heading p{max-width:720px;margin:0;color:var(--cc-muted);font-size:.84rem;line-height:1.72}
.content-carousel__all{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:44px;
  padding:10px 15px;
  border:1px solid #d4e0ec;
  border-radius:12px;
  background:#fff;
  color:var(--cc-navy);
  box-shadow:0 7px 18px rgba(25,53,82,.05);
  font-size:.7rem;
  font-weight:850;
  text-decoration:none;
  white-space:nowrap;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;
}
.content-carousel__all:hover{transform:translateY(-2px);border-color:#b9cee3;box-shadow:0 12px 24px rgba(25,53,82,.09);color:var(--cc-blue)}
.content-carousel__stage{position:relative;padding-top:28px}
.content-carousel__counter{
  position:absolute;
  top:-10px;
  right:0;
  display:flex;
  align-items:baseline;
  gap:7px;
  color:#8b98a7;
  font-size:.58rem;
  font-weight:700;
}
.content-carousel__counter strong{color:var(--cc-navy);font-size:.86rem}
.content-carousel__viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory;padding:5px 1px 10px;outline:none}
.content-carousel__viewport::-webkit-scrollbar{display:none}
.content-carousel__viewport:focus-visible{border-radius:16px;box-shadow:0 0 0 3px rgba(29,93,168,.13)}
.content-carousel__track{display:flex;align-items:stretch;gap:var(--carousel-gap);min-width:max-content}
.content-card{
  flex:0 0 clamp(268px,25vw,318px);
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #dfe7ef;
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 26px rgba(29,53,79,.06);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.content-card:hover{transform:translateY(-5px);border-color:#c8d8e8;box-shadow:0 20px 40px rgba(29,53,79,.11)}
.content-card__media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#eaf0f6;text-decoration:none}
.content-card__media:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(180deg,transparent,rgba(8,29,50,.34));pointer-events:none}
.content-card__media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .42s cubic-bezier(.2,.7,.2,1)}
.content-card:hover .content-card__media img{transform:scale(1.045)}
.content-card__placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#edf4fa,#d9e6f1);color:#507da9;font-size:2.3rem}
.content-card__category{
  position:absolute;
  z-index:2;
  left:13px;
  bottom:12px;
  max-width:calc(100% - 26px);
  overflow:hidden;
  text-overflow:ellipsis;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.65);
  border-radius:999px;
  background:rgba(255,255,255,.93);
  color:#274867;
  box-shadow:0 6px 15px rgba(8,29,50,.12);
  font-size:.55rem;
  font-weight:900;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.06em;
  white-space:nowrap;
}
.content-card__body{display:flex;flex:1;flex-direction:column;padding:18px 18px 17px}
.content-card__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8491a0;font-size:.6rem;font-weight:650;line-height:1.3}
.content-card__meta span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.content-card__meta i{color:#69819a;font-size:.65rem}
.content-card__source{color:#5b7086!important;font-weight:850!important;letter-spacing:.04em}
.content-card h3{margin:13px 0 9px;color:#19334d;font-size:1rem;line-height:1.34;font-weight:850;letter-spacing:-.025em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.68em}
.content-card h3 a{color:inherit;text-decoration:none}
.content-card p{margin:0;color:#708091;font-size:.72rem;line-height:1.62;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.content-card__read{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:auto;padding-top:16px;color:var(--cc-blue);font-size:.65rem;font-weight:900;text-decoration:none}
.content-card__read i{transition:transform .2s ease}
.content-card__read:hover i{transform:translateX(3px)}
.content-carousel__arrow{
  position:absolute;
  top:50%;
  z-index:5;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  transform:translateY(-28%);
  border:1px solid #d8e3ed;
  border-radius:13px;
  background:#fff;
  color:#244866;
  box-shadow:0 11px 25px rgba(26,53,80,.12);
  cursor:pointer;
  transition:opacity .2s ease,transform .2s ease,border-color .2s ease,color .2s ease;
}
.content-carousel__arrow:hover:not(:disabled){transform:translateY(-28%) scale(1.05);border-color:#bcd2e5;color:var(--cc-blue)}
.content-carousel__arrow:disabled{opacity:.26;cursor:default;box-shadow:none}
.content-carousel__arrow--prev{left:-18px}
.content-carousel__arrow--next{right:-18px}
@media(max-width:900px){
  .content-carousel__head{grid-template-columns:1fr;gap:18px;align-items:start}.content-carousel__all{justify-self:start}.content-carousel__counter{display:none}
}
@media(max-width:760px){
  .content-carousel{width:min(100% - 18px,1320px);margin:32px auto;padding:25px 15px;border-radius:24px}
  .content-carousel__head{margin-bottom:18px;padding-bottom:20px}.content-carousel__heading h2{font-size:1.75rem}.content-carousel__heading p{font-size:.76rem}
  .content-carousel__stage{padding-top:3px}.content-card{flex-basis:min(82vw,300px)}
  .content-carousel__arrow{width:38px;height:38px;border-radius:12px}.content-carousel__arrow--prev{left:-7px}.content-carousel__arrow--next{right:-7px}
}
@media(max-width:480px){
  .content-carousel__all{width:100%}.content-card{flex-basis:min(84vw,288px)}.content-card__body{padding:16px}.content-carousel__arrow{display:none}
}
@media(prefers-reduced-motion:reduce){.content-carousel *{scroll-behavior:auto!important;transition:none!important}}