/* CAMIONITO video gallery v1.0.0. All selectors are scoped. No dependencies. */
.cvw{--cvw-purple:#532170;--cvw-ink:#291c35;--cvw-accent:#ff963f;--cvw-soft:#f5f0f8;--cvw-line:#e6ddec;--cvw-muted:#746a7a;color:var(--cvw-ink);font-family:inherit;isolation:isolate;width:100%;container-type:inline-size}
.cvw *,.cvw *::before,.cvw *::after{box-sizing:border-box}
.cvw [hidden]{display:none!important}
.cvw button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.cvw button:disabled{cursor:default}
.cvw button:focus-visible,.cvw a:focus-visible,.cvw video:focus-visible{outline:3px solid var(--cvw-accent);outline-offset:5px}
.cvw__inner{max-width:1216px;margin:0 auto;padding:64px 24px 48px}
.cvw__head{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:30px}
.cvw__eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.17em;color:var(--cvw-purple);margin:0 0 16px;text-transform:uppercase}
.cvw__eyebrow::before{content:'';width:24px;height:3px;background:var(--cvw-accent);border-radius:3px}
.cvw__title{margin:0;font-size:clamp(30px,4.6cqw,51px);font-weight:780;letter-spacing:-.048em;line-height:1.07;color:var(--cvw-ink)}
.cvw__title span{color:var(--cvw-purple)}
.cvw__intro{font-size:15px;line-height:1.6;margin:16px 0 0;color:var(--cvw-muted);max-width:520px}
.cvw__note{color:var(--cvw-muted);font-size:12px;line-height:1.6;text-align:right;flex-shrink:0;padding-bottom:3px}
.cvw__note strong{display:block;font-size:13px;color:var(--cvw-ink);font-weight:650}
.cvw__toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}
.cvw__filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:3px 3px 6px;max-width:100%}
.cvw__filters::-webkit-scrollbar{display:none}
.cvw__filter{border:1px solid var(--cvw-line);color:var(--cvw-muted);background:#fff;border-radius:999px;white-space:nowrap;padding:11px 16px;min-height:44px;font-size:12px!important;line-height:1;font-weight:650!important;display:inline-flex;align-items:center;gap:9px;transition:background .18s,color .18s,border .18s}
.cvw__filter[aria-pressed=true]{border-color:var(--cvw-purple);background:var(--cvw-purple);color:#fff}
.cvw__filter:hover:not([aria-pressed=true]){background:var(--cvw-soft);border-color:#bc9acc}
.cvw__filter-count{font-size:10px;min-width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#f0e9f4;color:var(--cvw-purple)}
.cvw__filter[aria-pressed=true] .cvw__filter-count{background:#ffffff24;color:white}
.cvw__arrows{display:flex;gap:8px;flex-shrink:0}
.cvw__arrow{width:44px;height:44px;border-radius:50%;border:1px solid var(--cvw-line);background:#fff;color:var(--cvw-purple);display:grid;place-items:center;transition:background .18s,opacity .18s}
.cvw__arrow:hover:not(:disabled){background:var(--cvw-soft)}
.cvw__arrow:disabled{opacity:.3}
.cvw svg{width:21px;height:21px;display:block;pointer-events:none}
.cvw__track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 3px 20px;margin:0 -3px;overscroll-behavior-x:contain;scroll-padding-inline:3px;touch-action:pan-x pan-y}
.cvw__track::-webkit-scrollbar{display:none}
.cvw__card{position:relative;flex:0 0 calc((100% - 40px)/3);min-width:0;scroll-snap-align:start;list-style:none}
.cvw__open{display:block;position:relative;width:100%;padding:0;border:0;background:#261b31;color:#fff;text-align:left;overflow:hidden;border-radius:20px;aspect-ratio:3/4;box-shadow:0 6px 20px #291c3510}
.cvw__poster{height:100%;width:100%;object-fit:cover;display:block;transition:transform .4s ease;filter:brightness(.97)}
.cvw__poster--contain{object-fit:contain;background:#251b31}
.cvw__open::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#130a2225 0%,transparent 35%,#130a2220 60%,#130a22b8 100%);pointer-events:none}
.cvw__open:hover .cvw__poster{transform:scale(1.025)}
.cvw__badge,.cvw__duration{position:absolute;top:16px;z-index:1;color:#fff;background:#1c122858;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #ffffff30;border-radius:7px;padding:6px 8px;font-size:10px;font-weight:650;line-height:1.1}
.cvw__badge{left:16px;letter-spacing:.055em}
.cvw__duration{right:16px;font-variant-numeric:tabular-nums}
.cvw__play{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);z-index:1;border:1px solid #ffffff95;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#ffffff20;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);box-shadow:0 6px 24px #0002;transition:background .18s,transform .18s}
.cvw__play svg{width:25px;height:25px;margin-left:3px;fill:#fff;stroke:none}
.cvw__open:hover .cvw__play{background:var(--cvw-purple);transform:translate(-50%,-50%) scale(1.06)}
.cvw__caption{position:absolute;bottom:20px;left:20px;right:18px;z-index:1}
.cvw__caption-title{display:block;font-size:22px;font-weight:720;letter-spacing:-.025em;line-height:1.14;max-width:245px;text-wrap:balance}
.cvw__caption-action{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:500;margin-top:11px;color:#ffffffdc}
.cvw__caption-action svg{width:14px;height:14px}
.cvw__under{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:54px;margin-top:1px}
.cvw__progress{display:flex;align-items:center;gap:14px;min-width:0;color:var(--cvw-muted);font-size:11px;white-space:nowrap}
.cvw__progress-line{width:115px;height:3px;border-radius:4px;background:var(--cvw-line);overflow:hidden}
.cvw__progress-fill{height:100%;background:var(--cvw-purple);width:0;transition:width .15s}
.cvw__all{border:0;background:transparent;color:var(--cvw-purple);display:inline-flex;align-items:center;gap:9px;font-weight:700!important;font-size:12px!important;min-height:44px;padding:8px 0}
.cvw__all svg{width:16px;height:16px}
.cvw__track--grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;scroll-snap-type:none;row-gap:22px}
.cvw__empty{margin:0;padding:36px;color:var(--cvw-muted);background:var(--cvw-soft);border-radius:14px}
.cvw__sr{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* A native dialog lives in the browser top layer, above the site's order form. */
.cvw__dialog{border:1px solid #ffffff20;padding:0;border-radius:20px;background:#17101f;color:#fff;width:min(1040px,calc(100vw - 40px));max-width:1040px;max-height:calc(100dvh - 32px);margin:auto;overflow:auto;box-shadow:0 30px 120px #0008}
.cvw__dialog::backdrop{background:#160e22db;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.cvw__dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 18px;border-bottom:1px solid #ffffff13}
.cvw__dialog-kicker{font-size:10px;font-weight:700;letter-spacing:.12em;color:#e8d0f4;margin:0}
.cvw__close{background:#ffffff12;border:1px solid #ffffff25;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;flex-shrink:0}
.cvw__close:hover{background:#ffffff26}
.cvw__stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:160px;background:#0c0810}
.cvw__video{display:block;width:100%;height:min(64dvh,580px);max-height:calc(100dvh - 245px);object-fit:contain;background:#0c0810}
.cvw__error{padding:24px;text-align:center;font-size:14px;line-height:1.6}
.cvw__error a{color:#ffc28f;text-decoration:underline}
.cvw__dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px}
.cvw__dialog-title{font-size:23px;font-weight:720;letter-spacing:-.035em;margin:0 0 7px;line-height:1.2}
.cvw__dialog-desc{font-size:12px;line-height:1.6;color:#c7bacd;margin:0;max-width:620px}
.cvw__dialog-nav{display:flex;gap:8px;flex-shrink:0}
.cvw__dialog-nav .cvw__arrow{color:#fff;background:#ffffff0c;border-color:#ffffff30}
.cvw__dialog-nav .cvw__arrow:hover:not(:disabled){background:#ffffff20}
.cvw__dialog-meta{font-size:10px;color:#b3a5bb;margin:8px 0 0}
@container (max-width:880px){.cvw__inner{padding:44px 22px 30px}.cvw__card{flex-basis:calc((100% - 20px)/2)}.cvw__track--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cvw__note{display:none}.cvw__title{font-size:39px}.cvw__caption-title{font-size:22px}}
@container (max-width:540px){.cvw__inner{padding:36px 18px 28px}.cvw__head{margin-bottom:24px}.cvw__title{font-size:35px}.cvw__intro{font-size:13px;line-height:1.6;margin-top:14px;max-width:300px}.cvw__eyebrow{font-size:10px;margin-bottom:14px}.cvw__toolbar{gap:0;margin-bottom:14px}.cvw__filters{gap:7px;margin-right:-18px;padding-right:18px}.cvw__filter{padding:10px 12px;font-size:11px!important;min-height:42px}.cvw__arrows{display:none}.cvw__track{gap:14px;margin-right:-18px;padding-right:18px}.cvw__card{flex-basis:85%}.cvw__open{border-radius:16px;aspect-ratio:3/4}.cvw__caption-title{font-size:23px}.cvw__track--grid{grid-template-columns:1fr;margin-right:0;padding-right:3px;gap:18px}.cvw__under{align-items:center;gap:14px}.cvw__progress-line{width:44px}.cvw__progress{gap:9px;font-size:10px}.cvw__all{font-size:11px!important}.cvw__play{width:60px;height:60px}}
@media(max-width:600px){.cvw__dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:15px}.cvw__dialog-top{padding:10px 14px}.cvw__dialog-bottom{padding:16px;gap:12px;align-items:flex-start}.cvw__dialog-title{font-size:20px}.cvw__dialog-desc{font-size:11px}.cvw__dialog-nav{flex-direction:column;gap:6px}.cvw__dialog-nav .cvw__arrow{width:38px;height:38px}.cvw__video{height:56dvh;max-height:calc(100dvh - 275px)}.cvw__dialog-meta{font-size:9px}}
@media(prefers-reduced-motion:reduce){.cvw *{scroll-behavior:auto!important;transition:none!important}}
/* Integration with the existing Camionito design. */
body .cvw{--cvw-purple:#2d1165;--cvw-ink:#2d1165;--cvw-accent:#ffff00;--cvw-soft:#f5f3fa;--cvw-muted:#655878;background:#fff}
body .cvw__inner{max-width:1392px;padding:56px 26px}
body .cvw__head{position:static;z-index:auto;background:transparent;border:0;box-shadow:none}
body .cvw__eyebrow{font-size:16px;letter-spacing:.08em}
body .cvw__intro{font-size:16px}
body .cvw__note,body .cvw__note strong{font-size:14px}
body .cvw__filter,body .cvw__all{font-size:14px!important}
body .cvw__filter-count{font-size:12px;min-width:22px;height:22px}
body .cvw__badge,body .cvw__duration,body .cvw__progress,body .cvw__dialog-meta{font-size:13px}
body .cvw__caption-action,body .cvw__dialog-desc{font-size:14px}
body .cvw__dialog-kicker{font-size:12px}
body .cvw__play{background:#ffff00;color:#2d1165;border-color:#ffff00}
body .cvw__play svg{fill:currentColor}
body .cvw__open:hover .cvw__play{color:white}
body .cvw__open{color:#fff}
body .cvw__dialog-title{color:#fff}
body .cvw__dialog-desc{color:#e2d8ef}
@media(max-width:600px){body .cvw__inner{padding:36px 20px}body .cvw__eyebrow{font-size:15px}body .cvw__title{font-size:34px}body .cvw__intro{max-width:none}body .cvw__dialog-desc{font-size:14px}body .cvw__dialog-meta{font-size:12px}}