﻿ï»¿.promotion-carousel{margin-bottom:18px}
.promotion-carousel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.promotion-carousel-heading h2{margin:0}
.promotion-carousel-controls{display:flex;gap:8px;flex:none}
.promotion-carousel-controls[hidden]{display:none}
.promotion-carousel-controls button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);font:inherit;font-size:19px;cursor:pointer}
.promotion-carousel-controls button:hover:not(:disabled){background:var(--paper);border-color:var(--blue)}
.promotion-carousel-controls button:disabled{opacity:.35;cursor:default}
.promotion-carousel-controls button:focus-visible,.promotion-carousel-track:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.promotion-carousel .promotion-carousel-track{display:flex;gap:12px;align-items:stretch;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0;padding:2px 1px 6px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c2d1d8 transparent}
.promotion-carousel .active-promotion{flex:0 0 calc((100% - 48px)/5);min-width:0;padding:0;overflow:hidden;scroll-snap-align:start;background:#fff;border-radius:8px}
.promotion-carousel-image{aspect-ratio:3/2;flex:none;display:grid;place-items:center;background:#f2f6f7;border-bottom:1px solid var(--line)}
.promotion-carousel-image img{display:block;width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain}
.promotion-carousel-copy{flex:1;padding:11px 12px}
.promotion-carousel .promotion-benefit{font-size:18px;line-height:1.2}
.promotion-carousel .active-promotion h3{font-size:13px;line-height:1.35;margin:5px 0}
.promotion-carousel .active-promotion p{font-size:11px;line-height:1.4;margin-top:4px}
.promotion-carousel .promotion-note{font-size:11px;line-height:1.4;margin-top:6px}
.promotion-carousel-status{margin:2px 0;color:var(--muted);font-size:11px}
.promotion-carousel-status:empty{display:none}
@media(max-width:1400px){.promotion-carousel .active-promotion{flex-basis:calc((100% - 36px)/4)}}
@media(max-width:1000px){.promotion-carousel .active-promotion{flex-basis:calc((100% - 24px)/3)}}
@media(max-width:700px){.promotion-carousel .active-promotion{flex-basis:calc((100% - 12px)/2)}.promotion-carousel-copy{padding:10px}}
@media(max-width:420px){.promotion-carousel .active-promotion{flex-basis:85%}}
.catalog-intro{padding:10px 0 12px}
#catalogo.block{padding-top:14px}
.promotion-results-heading h2{font-size:clamp(21px,2vw,28px)}
.promotion-results-note{flex-basis:100%;order:3;margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.promotion-carousel-link{position:relative;display:flex;flex-direction:column;height:100%;border-radius:inherit;color:inherit;text-decoration:none}a.promotion-carousel-link:hover{color:inherit;background:#f6f9fa}.promotion-carousel-link[aria-current]{background:#eaf3f5}.promotion-carousel-link[aria-current]::after{content:"";position:absolute;inset:0;border:2px solid var(--blue);border-radius:inherit;pointer-events:none}.promotion-carousel-link[aria-current] .promotion-carousel-copy{background:#eaf3f5}.promotion-carousel-link:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}.promotion-results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px;scroll-margin-top:180px}.promotion-results-heading h2{margin:0}.promotion-results-heading .text-link{font-size:13px;white-space:nowrap}@media(max-width:800px){.promotion-results-heading{scroll-margin-top:110px}}

.promotion-carousel-image{overflow:hidden}
.promotion-carousel-placeholder img{width:90px;height:70px;max-width:45%}
.promotion-carousel .promotion-cart-notice{font-size:12px;font-weight:600;color:var(--blue);padding-top:6px;margin-top:8px;border-top:1px solid var(--line)}
