/* SAMBO / NEW DROP — módulo aislado; la portada editorial anterior permanece intacta. */
body.sambo-drop-hero-active .sambo-root .sambo-drop-hero,
body.sambo-drop-hero-active .sambo-drop-hero {
    --dh-red:#e1062c;--dh-ink:#070709;--dh-white:#fff9f2;
    position:relative;isolation:isolate;display:block;box-sizing:border-box;overflow:hidden;
    width:100%;max-width:none;min-height:700px;margin:0!important;padding:clamp(90px,8vw,120px) clamp(22px,5.5vw,112px) 30px;
    background:#070709;color:var(--dh-white);font-family:'DM Sans',Arial,sans-serif;
    border:0;transform:translateZ(0);
}
.sambo-drop-hero *{box-sizing:border-box}
.sambo-drop-hero::before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 62% 39%,#3b0717 0%,#110b0f 36%,#060608 72%),repeating-linear-gradient(102deg,transparent 0 23px,rgba(255,255,255,.018) 24px,transparent 25px 42px)}
.sambo-drop-hero__noise{position:absolute;z-index:1;inset:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E");mix-blend-mode:screen}
.sambo-drop-hero__backdrop{position:absolute;z-index:-1;inset:-4%;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.28)),url('../images/drop-hero/cartagena-streetwear.webp') center 56%/cover;opacity:.2;filter:grayscale(1) contrast(1.24);will-change:transform;transition:transform .42s cubic-bezier(.22,.61,.36,1)}
.sambo-drop-hero__slash{position:absolute;pointer-events:none;z-index:0;background:var(--dh-red);filter:drop-shadow(10px 9px 0 rgba(0,0,0,.7));clip-path:polygon(0 45%,100% 0,95% 28%,0 100%)}
.sambo-drop-hero__slash--one{width:49vw;height:170px;right:-12%;top:12%;transform:rotate(-9deg)}
.sambo-drop-hero__slash--two{width:46vw;height:105px;left:-18%;bottom:5%;transform:rotate(-12deg)}
.sambo-drop-hero__content{width:min(100%,1520px);position:relative;z-index:2;margin:auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;min-height:490px;gap:clamp(10px,3vw,58px)}
.sambo-drop-hero__copy{position:relative;z-index:4;min-width:0;padding:18px 0}
.sambo-drop-hero__eyebrow{display:flex;align-items:center;gap:10px;font-family:Impact,'Barlow Condensed',sans-serif;letter-spacing:.13em;color:#fff;font-size:clamp(12px,1vw,15px);text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.55)}
.sambo-drop-hero__eyebrow>span:last-child{color:var(--dh-red);margin-left:12px;font-size:23px}
.sambo-drop-hero__live-dot{width:10px;height:10px;flex:0 0 10px;border-radius:100%;background:var(--dh-red);box-shadow:0 0 0 5px rgba(240,6,53,.12)}
.sambo-drop-hero__mini{margin:30px 0 3px!important;color:#e7e1e4!important;font-family:Impact,'Barlow Condensed',sans-serif;font-size:12px!important;letter-spacing:.17em;text-shadow:0 1px 0 rgba(0,0,0,.55)}
body.sambo-drop-hero-active .sambo-drop-hero__title{display:inline-block;position:relative;margin:0 0 -3px!important;padding:0!important;color:#fffdf8!important;max-width:100%;font-family:Impact,'Anton','Barlow Condensed',sans-serif!important;font-style:italic;letter-spacing:-.045em;line-height:.96!important;font-size:clamp(84px,12vw,210px)!important;font-weight:900!important;text-transform:uppercase;transform:rotate(-3deg) skewX(-4deg);text-shadow:4px 4px 0 #090607,9px 10px 0 rgba(225,0,43,.9),12px 14px 0 #000}
.sambo-drop-hero__crown{position:absolute;right:-.26em;top:-.28em;color:var(--dh-red);font-size:.28em;text-shadow:none;transform:rotate(15deg)}
.sambo-drop-hero__slogan{display:block;width:max-content;max-width:100%;margin:11px 0 21px!important;color:var(--dh-red)!important;font-family:Impact,'Anton','Barlow Condensed',sans-serif;font-style:italic;font-size:clamp(29px,4vw,67px)!important;line-height:1.06!important;letter-spacing:-.025em;text-transform:uppercase;transform:rotate(-3deg);text-shadow:2px 2px 0 #000}
.sambo-drop-hero__slogan::after{content:'';display:block;height:5px;width:90%;margin:4px 0 0 10%;background:var(--dh-red);transform:skewX(-28deg) rotate(-1.5deg)}
.sambo-drop-hero__description{max-width:385px;margin:25px 0!important;font-size:clamp(14px,1.25vw,18px)!important;line-height:1.55!important;color:#f3eff0!important;font-weight:550}
.sambo-drop-hero__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:26px}
body.sambo-drop-hero-active .sambo-drop-hero__button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;min-width:160px;gap:22px;padding:14px 24px!important;text-decoration:none!important;text-align:center;font:800 14px/1.15 'Barlow Condensed',Impact,sans-serif!important;letter-spacing:.075em;border-radius:2px!important;white-space:nowrap;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
body.sambo-drop-hero-active .sambo-drop-hero__button:hover{transform:translateY(-4px)}
.sambo-drop-hero__button--primary{color:white!important;background:var(--dh-red)!important;box-shadow:5px 6px 0 #710017}
.sambo-drop-hero__button--ghost{color:white!important;background:rgba(0,0,0,.4)!important;border:1px solid rgba(255,255,255,.68)!important}
.sambo-drop-hero__button span{font-size:19px}
.sambo-drop-hero__showcase{position:relative;z-index:2;min-width:0;height:520px;align-self:stretch;display:flex;justify-content:center;align-items:center}
.sambo-drop-hero__splash{position:absolute;z-index:0;top:8%;right:-10%;font:900 clamp(110px,13vw,235px)/1 Impact,'Anton',sans-serif;transform:rotate(90deg);color:rgba(225,6,44,.55);opacity:.38;white-space:nowrap;pointer-events:none;will-change:transform;transition:transform .42s cubic-bezier(.22,.61,.36,1)}
.sambo-drop-hero__photo-frame{position:relative;z-index:1;width:min(100%,610px);height:100%;max-height:570px;overflow:visible;display:flex;align-items:center;justify-content:center}
.sambo-drop-hero__photo-frame::before{content:'';position:absolute;inset:13% 4% 6%;transform:rotate(-6deg);z-index:-1;background:linear-gradient(125deg,transparent 10%,rgba(235,0,40,.35) 40%,rgba(255,255,255,.12) 50%,transparent 90%);border:1px solid rgba(255,255,255,.09)}
.sambo-drop-hero__main-photo{position:relative;display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center 45%;filter:drop-shadow(0 28px 40px rgba(0,0,0,.7));transition:opacity .35s ease, transform .85s cubic-bezier(.19,1,.22,1);opacity:1;transform:translate3d(0,0,0) rotate(-2deg) scale(1)}
.sambo-drop-hero__main-photo.is-campaign{object-fit:cover;clip-path:polygon(6% 4%,100% 0,96% 98%,0% 94%);max-height:490px;box-shadow:0 25px 30px rgba(0,0,0,.5)}
.sambo-drop-hero__main-photo.is-product{object-fit:contain;max-height:510px}
.sambo-drop-hero__main-photo.is-changing{opacity:.17;transform:translate3d(30px,10px,0) rotate(4deg) scale(.96)}
.sambo-drop-hero__frame-stamp{position:absolute;z-index:2;left:-2%;bottom:10%;color:white;background:var(--dh-red);padding:9px 13px;font:800 12px/1 Impact,sans-serif;letter-spacing:.14em;transform:rotate(-6deg);pointer-events:none}
.sambo-drop-hero__side-stamp{position:absolute;top:11%;right:-5%;z-index:3;text-align:center;color:#fff;font:italic 800 clamp(17px,2vw,32px)/1.1 Impact,'Barlow Condensed',sans-serif;transform:rotate(9deg);text-shadow:3px 4px 0 #a40026,5px 5px 0 black;pointer-events:none}
.sambo-drop-hero__product-meta{position:absolute;z-index:3;bottom:2%;left:10%;max-width:80%;display:flex;flex-direction:column;gap:5px;padding:12px 14px;background:rgba(5,5,7,.92);border-left:3px solid var(--dh-red);transform:rotate(-1.8deg)}
.sambo-drop-hero__product-meta span{font-size:10px;letter-spacing:.12em;color:#d6d1d3}
.sambo-drop-hero__product-meta strong{font:800 clamp(15px,1.5vw,22px)/1.2 'Barlow Condensed',Impact,sans-serif;letter-spacing:.07em;color:#fff}
.sambo-drop-hero__product-meta a{font-size:11px!important;font-weight:800;color:var(--dh-red)!important;text-decoration:none}
.sambo-drop-hero__product-meta a[hidden]{display:none!important}
.sambo-drop-hero__bottom{position:relative;z-index:5;margin:20px auto 0;width:min(100%,1520px);padding:19px 0 2px;border-top:1px solid rgba(255,255,255,.18);display:flex;align-items:center;gap:26px}
.sambo-drop-hero__drop-label{display:flex;flex-direction:column;gap:5px;flex:1 1 240px;min-width:0}
.sambo-drop-hero__drop-label strong{font:800 15px/1.2 'Barlow Condensed',Impact,sans-serif;letter-spacing:.07em}
.sambo-drop-hero__drop-label span{font-size:11px;color:#aba6aa}
.sambo-drop-hero__thumbs{display:flex;gap:10px;flex:0 1 auto;align-items:center}
.sambo-drop-hero__thumb{appearance:none;position:relative;display:block;width:90px;height:82px;padding:0;overflow:hidden;background:#1a181a;cursor:pointer;border:2px solid rgba(255,255,255,.38)!important;border-radius:1px;transform:skewX(-3deg);transition:transform .2s,border-color .2s,opacity .2s;opacity:.65}
.sambo-drop-hero__thumb img{display:block;width:100%;height:100%;object-fit:cover;transform:skewX(3deg) scale(1.1)}
.sambo-drop-hero__thumb.is-active,.sambo-drop-hero__thumb:hover{opacity:1;border-color:var(--dh-red)!important;transform:skewX(-3deg) translateY(-4px)}
.sambo-drop-hero__arrows{display:flex;gap:8px}
.sambo-drop-hero__arrows button{appearance:none;display:grid;place-items:center;cursor:pointer;width:45px;height:45px;background:#111!important;color:#fff!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:50%;font:24px/1 Arial,sans-serif;transition:background .2s,transform .2s}
.sambo-drop-hero__arrows button:hover{background:var(--dh-red)!important;transform:scale(1.08)}
.sambo-drop-hero__counter{font:800 14px/1 'Barlow Condensed',Impact,sans-serif;white-space:nowrap;letter-spacing:.07em}
.sambo-drop-hero a:focus-visible,.sambo-drop-hero button:focus-visible{outline:3px solid #fff!important;outline-offset:4px}
.sambo-drop-hero[data-motion='1'] .sambo-drop-hero__title{animation:dh-arrive .85s .08s both}
.sambo-drop-hero[data-motion='1'] .sambo-drop-hero__slogan{animation:dh-ink .85s .22s both}
.sambo-drop-hero[data-motion='1'] .sambo-drop-hero__eyebrow,.sambo-drop-hero[data-motion='1'] .sambo-drop-hero__actions{animation:dh-fade .85s .42s both}
.sambo-drop-hero[data-motion='1'] .sambo-drop-hero__main-photo:not(.is-changing){animation:dh-floating 7s ease-in-out infinite alternate}
.sambo-drop-hero[data-motion='1'] .sambo-drop-hero__slash--one{animation:dh-stripe 8s ease-in-out infinite alternate}
.sambo-drop-hero[data-motion='1'] .sambo-drop-hero__side-stamp{animation:dh-stamp 5s ease-in-out infinite alternate}
@keyframes dh-arrive{0%{opacity:0;transform:translateX(-80px) rotate(-10deg) skewX(-4deg)}100%{opacity:1;transform:rotate(-3deg) skewX(-4deg)}}
@keyframes dh-ink{from{opacity:0;transform:translateY(25px) rotate(2deg)}to{opacity:1;transform:rotate(-3deg)}}
@keyframes dh-fade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes dh-floating{from{transform:translate3d(0,9px,0) rotate(-2deg) scale(.987)}to{transform:translate3d(0,-9px,0) rotate(.5deg) scale(1.012)}}
@keyframes dh-stripe{from{transform:translate(-18px,8px) rotate(-9deg)}to{transform:translate(30px,-13px) rotate(-7deg)}}
@keyframes dh-stamp{from{transform:rotate(8deg) translateY(0)}to{transform:rotate(11deg) translateY(-10px)}}
@media(max-width:1180px){
 body.sambo-drop-hero-active .sambo-drop-hero{padding:96px 32px 28px;min-height:0}
 .sambo-drop-hero__content{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);min-height:450px}
 body.sambo-drop-hero-active .sambo-drop-hero__title{font-size:clamp(68px,10.5vw,130px)!important}
 .sambo-drop-hero__showcase{height:430px}
 .sambo-drop-hero__main-photo.is-campaign{max-height:405px}
 .sambo-drop-hero__side-stamp{right:1%}
 .sambo-drop-hero__bottom{gap:15px}
 .sambo-drop-hero__thumb{width:75px;height:68px}
}
@media(max-width:760px){
 body.sambo-drop-hero-active .sambo-root .sambo-drop-hero,body.sambo-drop-hero-active .sambo-drop-hero{padding:66px 18px 20px!important;min-height:0}
 .sambo-drop-hero__content{display:flex;flex-direction:column;gap:0;min-height:0;align-items:stretch}
 .sambo-drop-hero__copy{text-align:left;padding:12px 0 0}
 .sambo-drop-hero__mini{margin-top:18px!important}
 body.sambo-drop-hero-active .sambo-drop-hero__title{font-size:clamp(68px,21vw,125px)!important;line-height:1.04!important;max-width:95%;text-shadow:3px 4px 0 #090607,6px 7px 0 rgba(225,0,43,.9)}
 .sambo-drop-hero__crown{right:-.08em;top:-.21em}
 .sambo-drop-hero__slogan{font-size:clamp(26px,8.3vw,52px)!important;margin:6px 0 12px!important}
 .sambo-drop-hero__description{max-width:95%;margin:14px 0!important;font-size:14px!important}
 .sambo-drop-hero__actions{margin-top:18px;gap:10px;display:grid;grid-template-columns:1fr 1fr}
 body.sambo-drop-hero-active .sambo-drop-hero__button{min-width:0;min-height:47px;padding:11px 8px!important;font-size:12px!important;gap:6px;white-space:normal}
 .sambo-drop-hero__showcase{height:clamp(330px,95vw,485px);margin:8px 0 0;align-self:stretch;min-height:0}
 .sambo-drop-hero__photo-frame{height:100%;width:min(93%,520px)}
 .sambo-drop-hero__main-photo.is-campaign{max-height:92%}
 .sambo-drop-hero__main-photo.is-product{max-height:96%}
 .sambo-drop-hero__side-stamp{font-size:18px;right:1%;top:6%}
 .sambo-drop-hero__frame-stamp{font-size:10px;left:0;bottom:8%}
 .sambo-drop-hero__product-meta{bottom:0;left:4%;max-width:92%}
 .sambo-drop-hero__bottom{flex-wrap:wrap;gap:12px 10px;margin-top:12px}
 .sambo-drop-hero__drop-label{flex-basis:100%}
 .sambo-drop-hero__thumbs{flex:1 1 auto;gap:7px;min-width:0}
 .sambo-drop-hero__thumb{width:clamp(55px,19vw,86px);height:65px}
 .sambo-drop-hero__arrows{gap:5px}
 .sambo-drop-hero__arrows button{width:36px;height:36px;font-size:18px}
 .sambo-drop-hero__counter{display:none}
 .sambo-drop-hero__slash--one{top:23%;width:75vw;right:-30%;height:85px}
 .sambo-drop-hero__slash--two{width:90vw;height:78px;bottom:4%;left:-34%}
}
@media(prefers-reduced-motion:reduce){
 .sambo-drop-hero *, .sambo-drop-hero *::before,.sambo-drop-hero *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Firma SAMBO obtenida del logotipo oficial aportado; nunca se redibuja. */
.sambo-drop-hero__official-logo{display:block;width:clamp(295px,37vw,630px);max-width:100%;height:auto;filter:drop-shadow(5px 7px 0 #7a001b) drop-shadow(3px 4px 0 #090607)}
@media(max-width:1180px){.sambo-drop-hero__official-logo{width:clamp(260px,38vw,490px)}}
@media(max-width:760px){.sambo-drop-hero__official-logo{width:clamp(255px,79vw,515px)}}


/* Ajustes de legibilidad y movimiento refinado */
.sambo-drop-hero__copy{filter:drop-shadow(0 1px 0 rgba(0,0,0,.28))}
.sambo-drop-hero__drop-label span{color:#d5d0d3}
.sambo-drop-hero__product-meta{backdrop-filter:blur(4px)}
.sambo-drop-hero__official-logo{transform-origin:left center}
.sambo-drop-hero[data-motion='1'] .sambo-drop-hero__official-logo{animation:dh-logo-entry .9s .02s both,dh-logo-breathe 4.4s 1.1s ease-in-out infinite}
.sambo-drop-hero[data-motion='1'] .sambo-drop-hero__slogan{animation:dh-arrive .95s .16s both}
@keyframes dh-logo-entry{0%{opacity:0;transform:translate3d(-28px,8px,0) rotate(-7deg) scale(.92)}100%{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}}
@keyframes dh-logo-breathe{0%,100%{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(-3px) rotate(-.3deg) scale(1.015)}}
