/* CP Design Ideas RC2 · carrusel informativo, mobile first */
.cp-di{--cp-di-bg:#fff;background:var(--cp-di-bg);padding:clamp(40px,5.5vw,78px) 16px;color:inherit;box-sizing:border-box;position:relative}
.cp-di *{box-sizing:border-box}
.cp-di__inner{max-width:1320px;margin-inline:auto;min-width:0}
.cp-di__head{max-width:830px;margin:0 auto clamp(22px,3vw,34px);text-align:center}
.cp-di__head h2{font:inherit;font-family:inherit;font-weight:750;font-size:clamp(26px,3vw,39px);line-height:1.17;letter-spacing:-.025em;margin:0 0 12px;color:inherit}
.cp-di__head p{font:inherit;font-family:inherit;font-size:clamp(14px,1.35vw,17px);line-height:1.55;opacity:.72;margin:0;color:inherit}
.cp-di__slider-wrap{position:relative;min-width:0}
.cp-di__track{display:flex;gap:15px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;-ms-overflow-style:none;padding:2px 1px 6px;min-width:0;touch-action:pan-x pan-y}
.cp-di__track::-webkit-scrollbar{display:none}
.cp-di__item{flex:0 0 min(82%,350px);scroll-snap-align:start;min-width:0;background:#fff;color:#242424;border:1px solid rgba(30,30,30,.1);border-radius:13px;overflow:hidden;display:flex;flex-direction:column}
.cp-di__media{aspect-ratio:16/9;overflow:hidden;background:#ededed;position:relative;flex:none}
.cp-di__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease}
.cp-di__content{padding:18px 19px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;flex:1;min-height:160px}
.cp-di__tag{font:inherit;font-size:10px;font-weight:700;letter-spacing:.06em;opacity:.6;line-height:1.2}
.cp-di__content h3{font:inherit;font-size:clamp(19px,1.5vw,24px);font-weight:750;letter-spacing:-.02em;line-height:1.2;color:inherit;margin:0}
.cp-di__content p{font:inherit;font-size:14px;line-height:1.45;opacity:.72;margin:0 0 8px;color:inherit}
.cp-di__cta{font:inherit;font-size:13px;font-weight:700;text-decoration:underline!important;text-underline-offset:4px;color:inherit!important;margin-top:auto}
.cp-di__cta:hover{opacity:.72}
.cp-di__cta:focus-visible,.cp-di__nav:focus-visible,.cp-di__dot:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.cp-di__controls{display:flex;justify-content:space-between;align-items:center;min-height:48px;gap:12px;margin-top:15px}
.cp-di__dots{display:flex;gap:7px;align-items:center;justify-content:center;flex:1}
.cp-di__dot{appearance:none;width:7px;height:7px;flex:none;border:0;border-radius:50%;padding:0;background:currentColor;opacity:.22;cursor:pointer;transition:opacity .2s,width .2s,border-radius .2s}
.cp-di__dot[aria-current="true"]{width:18px;border-radius:7px;opacity:.85}
.cp-di__arrows{display:flex;gap:8px}
.cp-di__nav{appearance:none;border:1px solid rgba(20,20,20,.22);background:transparent;color:inherit;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font:inherit;font-size:25px;line-height:1;cursor:pointer;padding:0}
.cp-di__nav:disabled{opacity:.23;cursor:default}
@media(hover:hover) and (pointer:fine){.cp-di__item:hover .cp-di__img{transform:scale(1.035)}}
@media(min-width:681px){.cp-di__track{gap:18px}.cp-di__item{flex-basis:calc((100% - 36px)/2.45)}}
@media(min-width:1051px){.cp-di__track{gap:20px}.cp-di__item{flex-basis:calc((100% - 60px)/3.25)}}
@media(max-width:680px){.cp-di{padding:42px 12px}.cp-di__track{gap:12px}.cp-di__item{flex-basis:82%}.cp-di__content{padding:15px 15px 18px}.cp-di__arrows{display:none}.cp-di__controls{justify-content:center}}
@media(prefers-reduced-motion:reduce){.cp-di__img,.cp-di__dot{transition:none!important}.cp-di__track{scroll-behavior:auto!important}}