/* BEAT34 FLOAT EXPERIENCE · vitrine de categorias isolada do lookbook anterior */
#categorias.styleEditorial{position:relative;padding:clamp(55px,7vw,94px) 0 clamp(66px,7vw,100px);overflow:visible}
#categorias .styleEditorialHeading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin:0 0 27px}
#categorias .styleEditorialHeadingIntro{min-width:0}
#categorias .styleEditorialOverline{font:800 10px/1.4 var(--mono,"Space Grotesk",sans-serif);letter-spacing:1.7px;color:#ae303d;display:flex;align-items:center;gap:9px}
#categorias .styleEditorialOverline>span{color:#e32229;font-size:21px;line-height:1}
#categorias .styleEditorialHeading h2{font-family:var(--display,"Archivo Black",sans-serif);font-size:clamp(42px,5.6vw,79px);line-height:1.04;letter-spacing:-2px;color:#19191b;margin:14px 0 0}
#categorias .styleEditorialHeading h2 em{font-style:normal;color:#e32229}
#categorias .styleEditorialHeadingAside{max-width:300px;margin-bottom:4px}
#categorias .styleEditorialHeadingAside p{color:#796967;line-height:1.6;font-size:15px;margin:0 0 10px}
#categorias .styleEditorialEdition{font:800 10px/1.4 var(--mono,"Space Grotesk",sans-serif);letter-spacing:2px;color:#b35e60}
#categorias .styleEditorialRail{display:flex!important;gap:18px!important;grid-template-columns:none!important;grid-template-rows:none!important;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:0 2px 4px!important;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
#categorias .styleEditorialRail::-webkit-scrollbar{display:none}
#categorias .floatSlide{position:relative;flex:0 0 calc(100% - 4px);width:calc(100% - 4px);min-width:0;min-height:clamp(455px,43vw,595px);height:clamp(455px,43vw,595px);border:0!important;border-radius:52px 52px 115px 52px!important;overflow:hidden;isolation:isolate;text-decoration:none;color:#1f1a1b;box-shadow:none!important;scroll-snap-align:start;scroll-snap-stop:always;background:radial-gradient(ellipse 65% 60% at 77% 40%,#f9d9d1 0%,transparent 90%),linear-gradient(112deg,#f8f2ed 14%,#f6e5e2 72%,#f6ddd6 100%);-webkit-tap-highlight-color:transparent}
#categorias .floatSlide:nth-child(2){background:radial-gradient(ellipse at 71% 42%,#f3d6d0aa,transparent 65%),linear-gradient(125deg,#f6f3ef,#eae4e0 85%)}
#categorias .floatSlide:nth-child(3){background:radial-gradient(ellipse at 76% 36%,#edcac8a9,transparent 66%),linear-gradient(120deg,#faf5f0,#f4e9e6)}
#categorias .floatSlide:nth-child(4){background:radial-gradient(ellipse at 72% 44%,#e2dad7 5%,transparent 69%),linear-gradient(120deg,#faf5f0,#eee4e0)}
#categorias .floatSlide:nth-child(5){background:radial-gradient(ellipse at 75% 39%,#f0d1cbcc,transparent 73%),linear-gradient(120deg,#f7f0ec,#ede4df)}
#categorias .floatCopy{position:absolute;z-index:6;left:5.2%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:36%;pointer-events:none}
#categorias .floatEyebrow{font:800 clamp(10px,.88vw,13px)/1.4 var(--mono,"Space Grotesk",sans-serif);color:#a23943;letter-spacing:1.5px}
#categorias .floatEyebrow b{font:14px sans-serif;padding:0 5px;color:#e32229}
#categorias .floatTitle{font-family:var(--display,"Archivo Black",sans-serif);font-size:clamp(44px,5.1vw,80px);line-height:1.04;letter-spacing:-2.6px;color:#211a1d;word-break:normal;overflow-wrap:normal;max-width:100%}
#categorias .floatSubtitle{font:500 clamp(13px,1.15vw,17px)/1.6 var(--body,"DM Sans",sans-serif);color:#6d5c59;max-width:310px}
#categorias .floatExplore{display:inline-flex;gap:16px;align-items:center;justify-content:space-between;border-radius:999px;background:#e32229;color:#fff;padding:9px 9px 9px 22px;margin-top:13px;min-height:53px;font:800 11px/1.3 var(--mono,"Space Grotesk",sans-serif);letter-spacing:.9px;white-space:nowrap;box-shadow:0 9px 19px #dc303028}
#categorias .floatExplore span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#e32229;font:500 22px var(--body,sans-serif)}
#categorias .floatObject{position:absolute;z-index:2;inset:0 1% 0 36%;pointer-events:none;isolation:isolate}
#categorias .floatHalo{position:absolute;z-index:-1;inset:4% 4% 8% 2%;border-radius:50%;background:radial-gradient(ellipse at center,#ffffff8c 0%,#fff2eb1c 46%,transparent 70%);transform:rotate(-12deg)}
#categorias .floatProduct{position:absolute;z-index:3;left:50%;top:48%;width:min(100%,920px);transform:translate(-50%,-50%);transition:transform .38s cubic-bezier(.15,.7,.16,1);will-change:transform}
#categorias .floatProduct img{display:block;width:100%;height:auto;min-height:0!important;max-height:none!important;object-fit:contain;object-position:center;mix-blend-mode:multiply;filter:drop-shadow(0 9px 10px #44302a22);-webkit-user-drag:none;user-select:none}
#categorias .floatFloorShadow{position:absolute;z-index:1;left:18%;right:15%;height:11%;bottom:23%;border-radius:50%;background:radial-gradient(ellipse at center,#503d3d4a 0%,#503d3d20 41%,transparent 72%);filter:blur(14px);transition:transform .38s,opacity .38s;transform:scaleX(.9)}
#categorias .floatWatermark{position:absolute;right:0;bottom:-9%;color:#e322290c;font:900 clamp(165px,24vw,365px)/1 var(--display,"Archivo Black",sans-serif);letter-spacing:-22px;pointer-events:none;z-index:0}
#categorias .floatCounter{position:absolute;right:4.4%;top:8%;font:800 17px/1.2 var(--mono,"Space Grotesk",sans-serif);letter-spacing:1px;color:#a23943;z-index:4}
#categorias .floatCounter span{font-size:11px;opacity:.55}
#categorias .floatSlide:hover .floatProduct,#categorias .floatSlide:focus-visible .floatProduct{transform:translate(-50%,calc(-50% - 19px)) rotate(-1.5deg) scale(1.035)}
#categorias .floatSlide:hover .floatFloorShadow,#categorias .floatSlide:focus-visible .floatFloorShadow{opacity:.65;transform:scaleX(.76)}
#categorias .floatSlide.is-launching .floatProduct{transform:translate(-50%,calc(-50% - 38px)) rotate(-3deg) scale(1.075)}
#categorias .floatSlide.is-launching .floatFloorShadow{opacity:.4;transform:scaleX(.67)}
#categorias .floatSlide:focus-visible{outline:3px solid #d52235;outline-offset:-8px}
#categorias .styleEditorialControls{display:flex!important;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding:0 3px}
#categorias .styleEditorialTrack,#categorias .styleEditorialButtons{display:flex;align-items:center;gap:14px}
#categorias .styleEditorialProgress{font:800 11px/1.3 var(--mono,"Space Grotesk",sans-serif);letter-spacing:1.2px;color:#afa19c}
#categorias .styleEditorialProgress strong{color:#e32229;font-size:20px}
#categorias .styleEditorialDots{display:flex;gap:6px;align-items:center}
#categorias .styleEditorialDots span{height:6px;width:6px;border-radius:50%;background:#d7cac5;transition:width .25s,background .25s}
#categorias .styleEditorialDots span.isActive{width:32px;border-radius:8px;background:#e32229}
#categorias .styleEditorialSwipe{font:800 9px/1.2 var(--mono,"Space Grotesk",sans-serif);letter-spacing:1.2px;color:#8b7773}
#categorias .styleEditorialButtons button{display:grid;place-items:center;border:1px solid #dcd1cc;border-radius:50%;width:44px;height:44px;background:#fff;color:#221b1c;font-size:22px;cursor:pointer}
#categorias .styleEditorialButtons button:last-child:not(:disabled){background:#1f1b1d;color:white;border-color:#1f1b1d}
#categorias .styleEditorialButtons button:disabled{opacity:.26;cursor:default}
#categorias .styleEditorialButtons button:focus-visible{outline:3px solid #e32229;outline-offset:2px}
@media(max-width:1100px) and (min-width:751px){
 #categorias .floatCopy{width:40%;left:4.5%}
 #categorias .floatTitle{font-size:clamp(39px,5.1vw,62px)}
 #categorias .floatObject{left:37%;right:0}
 #categorias .floatSlide{height:490px;min-height:490px}
}
@media(max-width:750px){
 #categorias.styleEditorial{padding-top:52px;padding-bottom:63px}
 #categorias .styleEditorialHeading{display:block;margin-bottom:22px}
 #categorias .styleEditorialHeading h2{font-size:clamp(38px,8.3vw,61px);letter-spacing:-1.5px;line-height:1.04}
 #categorias .styleEditorialHeadingAside p{margin:12px 0 3px;font-size:13px}
 #categorias .styleEditorialEdition{display:none}
 #categorias .styleEditorialRail{gap:11px!important;padding-right:12%!important;overflow-x:auto;scroll-padding-inline:2px}
 #categorias .floatSlide{flex:0 0 min(88vw,480px);width:min(88vw,480px);height:clamp(410px,122vw,492px);min-height:0;border-radius:29px 29px 78px 29px!important}
 #categorias .floatCopy{width:88%;left:7%;top:auto;bottom:9%;transform:none;gap:8px}
 #categorias .floatEyebrow{font-size:9px;letter-spacing:1.2px}
 #categorias .floatTitle{font-size:clamp(30px,8.3vw,43px);letter-spacing:-1.3px;line-height:1.07}
 #categorias .floatSubtitle{font-size:12px;max-width:none}
 #categorias .floatExplore{min-height:40px;font-size:9px;padding:5px 5px 5px 15px;gap:15px;margin-top:8px}
 #categorias .floatExplore span{width:31px;height:31px;font-size:19px}
 #categorias .floatObject{inset:3% -1% 25% -1%;width:auto}
 #categorias .floatHalo{inset:6% 3% 12%}
 #categorias .floatProduct{width:100%;top:48%}
 #categorias .floatFloorShadow{bottom:8%;left:14%;right:14%;height:14%;filter:blur(11px)}
 #categorias .floatCounter{top:6%;right:7%;font-size:13px}
 #categorias .floatWatermark{bottom:21%;font-size:160px}
 #categorias .styleEditorialControls{margin-top:17px}
 #categorias .styleEditorialSwipe{display:none}
}
@media(max-width:390px){
 #categorias .styleEditorialHeading h2{font-size:36px}
 #categorias .floatSlide{height:420px}
 #categorias .floatObject{bottom:26%}
 #categorias .floatCopy{bottom:8%}
 #categorias .floatTitle{font-size:30px}
}
@media(max-width:345px){
 #categorias .floatSlide{height:398px}
 #categorias .floatTitle{font-size:28px}
 #categorias .floatEyebrow{font-size:8px}
 #categorias .styleEditorialButtons button{width:40px;height:40px}
 #categorias .styleEditorialHeading h2{font-size:32px}
}
@media(prefers-reduced-motion:reduce){
 #categorias .styleEditorialRail{scroll-behavior:auto!important}
 #categorias .floatProduct,#categorias .floatFloorShadow,#categorias .styleEditorialDots span{transition:none!important}
 #categorias .floatSlide:hover .floatProduct,#categorias .floatSlide:focus-visible .floatProduct,#categorias .floatSlide.is-launching .floatProduct{transform:translate(-50%,-50%)!important}
}