/* BEAT34 — categorias compactas + descoberta do próximo card
   31/10/2026. Alteração exclusivamente visual e responsiva.
   Preserva os cinco links, filtros, fotos reais, curadoria e lógica existente. */
#categorias.styleEditorial{
  padding:36px 0 42px;
}
#categorias .styleEditorialHeading{
  align-items:end;
  gap:22px;
  margin-bottom:19px;
}
#categorias .styleEditorialOverline{
  font-size:9px;
  letter-spacing:1.2px;
  gap:7px;
}
#categorias .styleEditorialOverline>span{font-size:17px}
#categorias .styleEditorialHeading h2{
  font-family:'Oswald',sans-serif!important;
  font-size:clamp(36px,4.25vw,56px)!important;
  line-height:1.04;
  letter-spacing:-.02em;
  margin:9px 0 0;
}
#categorias .styleEditorialHeadingAside{max-width:265px}
#categorias .styleEditorialHeadingAside p{
  font-size:12px;line-height:1.5;margin:0 0 6px;
}
#categorias .styleEditorialRail{
  gap:14px!important;
  scroll-padding-left:2px;
  padding:0 3px 3px!important;
}
#categorias .floatSlide{
  flex:0 0 clamp(440px,43.5vw,590px);
  width:clamp(440px,43.5vw,590px);
  height:345px;
  min-height:345px;
  border-radius:29px 29px 68px 29px!important;
}
#categorias .floatCopy{
  width:49%;left:5%;top:51%;gap:8px;
}
#categorias .floatEyebrow{font-size:10px;letter-spacing:.7px}
#categorias .floatTitle{
  font-family:'Oswald',sans-serif!important;
  font-size:clamp(34px,3.25vw,46px);
  line-height:1.06;
  letter-spacing:-.02em;
}
#categorias .floatSubtitle{font-size:11px;line-height:1.4;max-width:230px}
#categorias .floatExplore{
  min-height:39px;margin-top:7px;padding:5px 5px 5px 13px;
  font-size:9px;letter-spacing:.35px;gap:9px;box-shadow:none;
}
#categorias .floatExplore span{width:29px;height:29px;font-size:17px}
#categorias .floatObject{inset:0 -2% 0 42%}
#categorias .floatHalo{inset:7% 2% 8%}
#categorias .floatProduct{top:49%;width:min(110%,420px)}
#categorias .floatFloorShadow{bottom:23%}
#categorias .floatCounter{top:6%;right:6%;font-size:13px}
#categorias .floatCounter span{font-size:10px}
#categorias .floatWatermark{font-size:175px;bottom:-6%}
#categorias .styleEditorialControls{margin-top:12px}
#categorias .styleEditorialButtons button{width:39px;height:39px;font-size:20px}
#categorias .styleEditorialSwipe{letter-spacing:.65px;font-size:10px}
/* Tablet: show 1 full card plus a generous, clearly visible next preview. */
@media(min-width:751px) and (max-width:1100px){
 #categorias.styleEditorial{padding:30px 0 36px}
 #categorias .styleEditorialHeading h2{font-size:clamp(35px,4.2vw,45px)!important}
 #categorias .floatSlide{flex-basis:clamp(390px,58vw,500px);width:clamp(390px,58vw,500px);height:315px;min-height:315px}
 #categorias .floatCopy{width:51%;left:5%;gap:7px}
 #categorias .floatTitle{font-size:clamp(34px,3.8vw,42px)}
 #categorias .floatObject{inset:0 -1% 0 43%}
 #categorias .floatProduct{width:108%}
}
/* Phone: card shorter than viewport; next category visible on the right. */
@media(max-width:750px){
 #categorias.styleEditorial{padding:27px 16px 29px!important}
 #categorias .styleEditorialHeading{display:block;margin:0 0 13px}
 #categorias .styleEditorialOverline{font-size:8px;letter-spacing:.7px}
 #categorias .styleEditorialOverline>span{font-size:15px}
 #categorias .styleEditorialHeading h2{
   font-size:clamp(28px,7.7vw,34px)!important;
   margin:6px 0 0;line-height:1.06;
   letter-spacing:-.02em;
 }
 #categorias .styleEditorialHeadingAside{max-width:none;margin:0}
 #categorias .styleEditorialHeadingAside p{
   margin:7px 0 0;font-size:11px;line-height:1.4;
 }
 #categorias .styleEditorialRail{
   gap:10px!important;
   width:100%;
   padding:0 0 3px!important;
   scroll-padding-left:0;
 }
 #categorias .floatSlide{
   flex:0 0 78%;
   width:78%;
   height:clamp(258px,76vw,296px);
   min-height:0;
   border-radius:21px 21px 42px 21px!important;
 }
 #categorias .floatCopy{
   left:7%;bottom:6%;top:auto;
   width:87%;transform:none;gap:5px;
 }
 #categorias .floatEyebrow{font-size:8px;letter-spacing:.4px}
 #categorias .floatTitle{font-size:clamp(27px,7.3vw,31px);line-height:1.05;letter-spacing:-.02em}
 #categorias .floatSubtitle{font-size:10px;line-height:1.35}
 #categorias .floatExplore{
   min-height:34px;padding:4px 4px 4px 11px;
   font-size:8px;letter-spacing:.2px;
   margin-top:4px;gap:8px;
 }
 #categorias .floatExplore span{width:26px;height:26px;font-size:16px}
 #categorias .floatObject{inset:0 -1% 39% -1%;width:auto}
 #categorias .floatHalo{inset:6% 2% 7%}
 #categorias .floatProduct{top:47%;width:100%}
 #categorias .floatFloorShadow{bottom:7%;left:16%;right:16%}
 #categorias .floatCounter{top:6%;right:7%;font-size:11px}
 #categorias .floatWatermark{bottom:13%;font-size:100px;letter-spacing:-9px}
 #categorias .styleEditorialControls{
   margin-top:11px;gap:9px;align-items:center;
 }
 #categorias .styleEditorialButtons{gap:8px}
 #categorias .styleEditorialButtons button{width:37px;height:37px;font-size:19px}
 #categorias .styleEditorialSwipe{
   display:inline-flex!important;font-size:9px;
   letter-spacing:.25px;color:#6b5a57;font-weight:800;
 }
 #categorias .styleEditorialTrack{gap:8px}
 #categorias .styleEditorialProgress strong{font-size:16px}
 #categorias .styleEditorialDots{gap:4px}
 #categorias .styleEditorialDots span{width:5px;height:5px}
 #categorias .styleEditorialDots span.isActive{width:17px}
}
@media(max-width:370px){
 #categorias.styleEditorial{padding-inline:13px!important}
 #categorias .floatTitle{font-size:27px}
 #categorias .floatSlide{height:clamp(248px,76vw,278px)}
 #categorias .styleEditorialHeading h2{font-size:28px!important}
 #categorias .styleEditorialSwipe{font-size:8px}
 #categorias .styleEditorialControls{gap:6px}
}
@media(prefers-reduced-motion:reduce){
 #categorias .styleEditorialRail{scroll-behavior:auto!important}
}