/* Ventana «Promo del mes» — Del Averno Custom Clothing.
   Tipografías reales: Bebas Neue / Barlow; con alternativas locales si no hay Internet. */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&family=Bebas+Neue&display=swap');
:root{--av-promo-fire:#ff6b19;--av-promo-gold:#ffbb47;--av-promo-paper:#fff7e9}
.av-promo-dialog{position:fixed;inset:0;margin:auto;padding:0;border:1px solid rgba(255,158,41,.63);border-radius:24px;width:min(1030px,calc(100vw - 32px));max-width:1030px;max-height:calc(100dvh - 28px);overflow-y:auto;overscroll-behavior:contain;color:var(--av-promo-paper);background:#110905;box-shadow:0 30px 110px rgba(0,0,0,.84),0 0 65px rgba(235,74,8,.14);font-family:'Barlow','Lato','Segoe UI',Arial,sans-serif;isolation:isolate;z-index:10000}
.av-promo-dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(7px)}
.av-promo-dialog[open]{animation:avPromoEnter .32s cubic-bezier(.2,.8,.2,1) both}
.av-promo-dialog *{box-sizing:border-box}
.av-promo-dialog button,.av-promo-dialog a{font-family:inherit}
.av-promo-layout{display:grid;grid-template-columns:minmax(290px,.91fr) minmax(340px,1.09fr);min-height:520px;position:relative;isolation:isolate}
.av-promo-close{position:absolute;right:16px;top:16px;z-index:6;width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(255,194,101,.35);border-radius:50%;color:white;background:rgba(10,6,4,.78);backdrop-filter:blur(8px);font-size:26px;line-height:1;cursor:pointer;transition:.18s ease}
.av-promo-close:hover,.av-promo-close:focus-visible{background:#682308;border-color:var(--av-promo-gold);transform:rotate(10deg)}
.av-promo-media-pane{min-width:0;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 48% 90%,rgba(253,82,11,.35),transparent 52%),linear-gradient(155deg,#060505 6%,#291006 62%,#0c0705);border-right:1px solid rgba(255,140,40,.22);padding:26px}
.av-promo-media-pane::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 5px,rgba(255,215,170,.025) 6px);z-index:3}
.av-promo-video-wrap{width:min(100%,325px);aspect-ratio:9/15.4;max-height:463px;border:1px solid rgba(255,160,63,.36);border-radius:15px;position:relative;overflow:hidden;background:#090706;box-shadow:0 15px 55px rgba(0,0,0,.65),0 0 30px rgba(255,99,23,.12)}
.av-promo-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#050404;z-index:2}
.av-promo-video[hidden]{display:none!important}
.av-promo-video-fallback[hidden]{display:none!important}
.av-promo-video-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;padding:24px;text-align:center;background:radial-gradient(ellipse at 50% 99%,rgba(248,70,15,.33),transparent 65%),linear-gradient(165deg,#160b08,#080605 58%,#220a04);z-index:1}
.av-promo-fallback-art{display:grid;place-items:center;width:80px;height:80px;border:2px solid rgba(255,183,77,.52);border-radius:50%;background:rgba(255,125,37,.09);box-shadow:0 0 32px rgba(255,106,0,.19);color:var(--av-promo-gold);font:40px 'Bebas Neue',Impact,sans-serif}
.av-promo-video-fallback strong{font:700 clamp(2rem,3vw,3.4rem)/.91 'Bebas Neue','Roboto Condensed','Arial Narrow',Impact,sans-serif;letter-spacing:1px;text-shadow:0 3px 10px #000}
.av-promo-video-fallback span{color:#e4c2a4;font-size:13px;line-height:1.4;max-width:205px}
.av-promo-media-caption{position:absolute;z-index:4;left:40px;top:16px;font-size:11px;letter-spacing:.18em;font-weight:800;color:#ffbc70}
.av-promo-spark{position:absolute;z-index:0;width:5px;height:5px;background:#ffba64;border-radius:50%;box-shadow:0 0 9px #ff710d;animation:avPromoSpark 5s ease-in infinite;pointer-events:none}
.av-promo-spark:nth-of-type(1){left:10%;bottom:9%;animation-delay:0s}.av-promo-spark:nth-of-type(2){left:77%;bottom:17%;animation-delay:1.4s}.av-promo-spark:nth-of-type(3){left:57%;bottom:6%;animation-delay:3.2s}
.av-promo-content{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding:clamp(29px,5vw,64px) clamp(24px,4.1vw,54px);overflow:hidden;background:radial-gradient(ellipse at 100% 97%,rgba(169,41,2,.16),transparent 62%),linear-gradient(145deg,#1b0c07,#0e0806 70%)}
.av-promo-content::before{content:'';position:absolute;right:-84px;bottom:-95px;width:285px;height:285px;border-radius:50%;border:1px solid rgba(255,137,39,.14);box-shadow:0 0 0 30px rgba(255,137,39,.025),0 0 0 70px rgba(255,137,39,.016);pointer-events:none}
.av-promo-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px;position:relative;z-index:1}
.av-promo-brand img{width:54px;height:54px;object-fit:contain;border-radius:9px;filter:drop-shadow(0 2px 5px #000)}
.av-promo-brand span{display:flex;flex-direction:column;gap:1px;font:800 13px/1.15 'Barlow',sans-serif;letter-spacing:.16em;color:#ffe9c9}.av-promo-brand small{font-size:9px;font-weight:600;letter-spacing:.3em;color:#ffad4d}
.av-promo-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;margin:0 0 15px;border:1px solid rgba(255,180,73,.36);background:rgba(255,130,20,.1);border-radius:4px;color:var(--av-promo-gold);font-size:11px;line-height:1.1;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.av-promo-kicker::before{content:'';width:7px;height:7px;background:var(--av-promo-gold);border-radius:50%;box-shadow:0 0 13px var(--av-promo-fire)}
.av-promo-title{margin:0;color:#fff8ed;font:700 clamp(54px,4.85vw,76px)/.95 'Bebas Neue','Roboto Condensed','Liberation Sans Narrow','Arial Narrow',Impact,sans-serif!important;letter-spacing:.018em;text-transform:uppercase;text-wrap:balance}
.av-promo-title em{display:block;font-style:normal;color:#ff7925;text-shadow:0 2px 18px rgba(230,62,0,.28)}
.av-promo-lead{max-width:435px;margin:21px 0 23px;color:#e6cbbb;font:500 clamp(15px,1.42vw,18px)/1.55 'Barlow',Arial,sans-serif}
.av-promo-cta{display:inline-flex;gap:12px;align-items:center;justify-content:center;min-height:58px;padding:13px 24px;border-radius:9px;background:linear-gradient(110deg,#ffbb47 0%,#ff881d 60%,#f44a16 100%);color:#190802;text-decoration:none;text-transform:uppercase;font:800 16px/1.1 'Barlow',Arial,sans-serif;letter-spacing:.055em;box-shadow:0 12px 34px rgba(220,75,8,.2);transition:transform .2s,filter .2s;z-index:1}
.av-promo-cta:hover,.av-promo-cta:focus-visible{color:#190802;transform:translateY(-2px);filter:brightness(1.09)}
.av-promo-cta-arrow{font-size:22px;line-height:1}
.av-promo-note{font-size:12px;line-height:1.4;color:#bc9d86;margin:15px 0 0}
.av-promo-reopen{position:fixed;left:14px;bottom:16px;z-index:90;min-height:42px;padding:9px 15px;border-radius:12px;border:1px solid rgba(255,168,71,.55);color:#fff2dc;background:linear-gradient(120deg,#321208,#140a08);box-shadow:0 10px 26px rgba(0,0,0,.33);font:800 11px/1 'Barlow',Arial,sans-serif;letter-spacing:.12em;cursor:pointer}
.av-promo-reopen:hover{border-color:#ffae3c;background:#4d1c0c}
.av-promo-reopen[hidden]{display:none!important}
@keyframes avPromoEnter{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes avPromoSpark{0%{opacity:0;transform:translate(0,0) scale(.5)}25%{opacity:1}100%{opacity:0;transform:translate(12px,-210px) scale(0)}}
@media(max-width:700px){.av-promo-dialog{width:min(450px,calc(100vw - 18px));max-height:calc(100dvh - 14px);border-radius:17px}.av-promo-layout{grid-template-columns:1fr}.av-promo-media-pane{padding:16px;min-height:245px;border-right:0;border-bottom:1px solid rgba(255,140,40,.2)}.av-promo-video-wrap{aspect-ratio:16/9;width:min(100%,415px);max-height:275px;min-height:210px}.av-promo-content{padding:25px 21px 27px}.av-promo-title{font-size:clamp(48px,11vw,63px)!important}.av-promo-brand{margin-bottom:10px}.av-promo-brand img{width:43px;height:43px}.av-promo-kicker{margin-bottom:11px}.av-promo-lead{font-size:15px;margin:14px 0 17px}.av-promo-cta{width:100%;min-height:52px}.av-promo-close{width:38px;height:38px;right:11px;top:10px}.av-promo-media-caption{top:9px;left:18px;font-size:10px}.av-promo-video-fallback strong{font-size:36px}.av-promo-fallback-art{width:54px;height:54px;font-size:27px}.av-promo-video-fallback{gap:8px}}
@media(max-width:700px) and (max-height:690px){.av-promo-media-pane{min-height:170px;padding:9px}.av-promo-video-wrap{min-height:155px;height:180px}.av-promo-content{padding:15px 19px 20px}.av-promo-title{font-size:44px!important}.av-promo-brand{display:none}.av-promo-lead{margin:9px 0 13px}.av-promo-note{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.av-promo-dialog[open],.av-promo-spark{animation:none!important}.av-promo-cta,.av-promo-close{transition:none!important}}