/* Tempraneros promotional rail — compact, swipeable and conversion-focused */
.promoRail{position:relative;margin:4px 0 22px;border:1px solid #dedbd3;border-radius:22px;background:#111;color:#fff;overflow:hidden;box-shadow:0 12px 34px rgba(24,24,22,.08)}
.promoViewport{overflow:hidden;touch-action:pan-y}
.promoTrack{display:flex;will-change:transform;transition:transform .48s cubic-bezier(.22,.61,.36,1)}
.promoSlide{min-width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;padding:22px 74px 22px 24px;min-height:154px}
.promoCopy{max-width:780px}.promoKicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:7px;color:#f5b400;font-size:.66rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.promoKicker::before{content:'';width:7px;height:7px;border-radius:50%;background:#f5b400}
.promoSlide h3{margin:0;font-size:clamp(1.28rem,2.25vw,1.95rem);line-height:1.04;letter-spacing:-.035em;color:#fff}.promoSlide p{margin:8px 0 0;max-width:680px;color:#bbb8b2;font-size:.82rem;line-height:1.45}
.promoCta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 17px;border:1px solid #f5b400;border-radius:999px;background:#f5b400;color:#15130d;font:inherit;font-size:.76rem;font-weight:900;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform .16s ease,filter .16s ease}.promoCta:hover{filter:brightness(1.04);transform:translateY(-1px)}.promoCta:focus-visible,.promoArrow:focus-visible,.promoDot:focus-visible{outline:3px solid rgba(245,180,0,.38);outline-offset:3px}
.promoControls{position:absolute;right:14px;top:50%;display:flex;flex-direction:column;gap:7px;transform:translateY(-50%);z-index:3}.promoArrow{width:38px;height:38px;display:grid;place-items:center;border:1px solid #353535;border-radius:50%;background:#1b1b1b;color:#fff;font:inherit;font-size:1rem;cursor:pointer}.promoArrow:hover{border-color:#5b5b5b;background:#232323}
.promoDots{position:absolute;left:24px;bottom:14px;display:flex;align-items:center;gap:7px;z-index:3}.promoDot{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#5b5b5b;cursor:pointer;transition:width .2s ease,background .2s ease}.promoDot.active{width:22px;background:#f5b400}
.promoProgress{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.08);overflow:hidden}.promoProgress span{display:block;width:100%;height:100%;background:#f5b400;transform-origin:left center;animation:promoProgress 5s linear forwards}.promoRail.is-paused .promoProgress span{animation-play-state:paused}
@keyframes promoProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:760px){.promoRail{margin-top:2px;border-radius:18px}.promoSlide{grid-template-columns:1fr;gap:14px;align-items:start;padding:20px 18px 46px;min-height:190px}.promoSlide h3{font-size:1.42rem}.promoSlide p{font-size:.78rem}.promoCta{justify-self:start;min-height:42px;padding-inline:15px}.promoControls{display:none}.promoDots{left:18px;bottom:15px}}
@media(max-width:420px){.promoSlide{min-height:204px}.promoSlide h3{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){.promoTrack{transition:none}.promoProgress{display:none}.promoCta{transition:none}}
