@import url("../semantic-aliases-productos.css");
html{background:#1a1a1a}
body{margin:0;background:#fff;color:#101010;font-family:"Rubik",sans-serif;padding-top:6.4vw;overflow-x:hidden}
body.modal-open{overflow:hidden}
a{text-decoration:none;color:inherit}

.Footer{margin:0;padding:1.2vw 9.5vw;display:flex;position:fixed;top:0;left:0;right:0;z-index:1200;background:#fff;transition:padding .28s ease,box-shadow .28s ease,background-color .28s ease}
.Footer.is-scrolled{padding:.72vw 9.5vw;box-shadow:0 .45vw 1.1vw rgba(0,0,0,.14)}
.LogoNa img{height:3.55vw;display:block;transition:height .28s ease}
.Footer.is-scrolled .LogoNa img{height:2.85vw}
.infooter{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:1.2vw}
.FooterTN{font-family:"TASA Orbiter",sans-serif;color:#000;font-weight:800;font-size:.98vw}
.FooterTN:hover,.FooterTN--active{color:#ff0000}
.HeaderSocial{display:inline-flex;align-items:center;gap:.9vw}
.HeaderSocialLink{width:1.72vw;height:1.72vw;color:#000;display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease,transform .2s ease}
.HeaderSocialLink svg{width:100%;height:100%;fill:currentColor}
.HeaderSocialLink:hover{color:#ff0000;transform:translateY(-.08vw)}
.FooterCTA{padding:.46vw .95vw;color:#fff;background:#ff0000;border:.08vw solid #ff0000;border-radius:999px;font-weight:700;font-size:.92em;cursor:pointer}
.FooterCTA:hover{background:#ff0000;border-color:#ff0000}

.ThemeToggle{width:clamp(30px,2.55vw,42px);height:clamp(30px,2.55vw,42px);padding:0;border:.08vw solid #1f1f1f;border-radius:50%;background:#fff;color:#111;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.ThemeIcon{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;font-size:clamp(14px,1.15vw,18px);transition:opacity .2s ease,transform .2s ease}
.ThemeIconSun{opacity:1;transform:scale(1)}
.ThemeIconMoon{opacity:0;transform:scale(.78)}
.ThemeToggle.is-dark .ThemeIconSun{opacity:0;transform:scale(.78)}
.ThemeToggle.is-dark .ThemeIconMoon{opacity:1;transform:scale(1)}

body::before{
  content:"";
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.34);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease,visibility .22s ease;
  z-index:1190;
}
body.mega-menu-open::before{opacity:1;visibility:visible}

#botmen1{display:inline-flex;align-items:center;gap:.35vw}
#botmen1::after{
  content:"";
  width:0;
  height:0;
  border-left:.28vw solid transparent;
  border-right:.28vw solid transparent;
  border-top:.34vw solid currentColor;
  transition:transform .2s ease;
}
#botmen1:hover,#botmen1.active{color:#ff0000}
#botmen1.active::after{transform:rotate(180deg)}

.footmen1{
  display:none;
  background:#fff;
  width:max-content;
  max-width:calc(100vw - 24px);
  position:fixed;
  padding:.8vw 1vw;
  z-index:1201;
  font-size:.85vw;
  color:#000;
  font-weight:700;
  box-sizing:border-box;
  gap:.1vw;
  opacity:0;
  transition:opacity .3s ease;
}
.footmen1.active{display:flex;opacity:1}
.menele a{text-decoration:none;display:block;padding:.65vw .7vw;cursor:pointer;color:#000;white-space:nowrap}
.menele + .menele{border-left:.06vw solid rgba(0,0,0,.22);margin-left:.25vw;padding-left:.25vw}
.menele a:hover,.menele a.hover{color:#ff0000}

.Volme,.Platme,.LowBme,.CamasBme,.Dollysme,.Tanquesme,.Tolvasme{
  display:none;
  position:fixed;
  z-index:1201;
  background:#fff;
}
.Volme.active,.Platme.active,.LowBme.active,.CamasBme.active,.Dollysme.active,.Tanquesme.active,.Tolvasme.active{display:flex}
.civ{width:7.2vw;height:5.5vw}
.VolmeE img,.PlatmeE img,.LowBmeE img,.CamasBmeE img,.DollysmeE img,.TanquesmeE img,.TolvasmeE img{width:100%;height:auto}
.gray-margin{margin-top:1vw;height:7vw;width:.1vw;background:rgba(0,0,0,.2)}
.VolmeE,.PlatmeE,.LowBmeE,.CamasBmeE,.DollysmeE,.TanquesmeE,.TolvasmeE{
  display:inline;
  text-align:left;
  padding:1vw 2vw 2vw;
  line-height:.1vw;
  font-size:.69vw;
  min-width:11.6vw;
  box-sizing:border-box;
}
.Volme a,.Platme a,.LowBme a,.CamasBme a,.Dollysme a,.Tanquesme a,.Tolvasme a{
  text-decoration:none;
  color:#000;
  font-family:"TASA Orbiter",sans-serif;
}
.Volme .mentext,.Platme .mentext,.LowBme .mentext,.CamasBme .mentext,.Dollysme .mentext,.Tanquesme .mentext,.Tolvasme .mentext{
  font-family:"Rubik",sans-serif;
  font-weight:500;
  letter-spacing:.01vw;
  color:#44517d;
}
.Volme a:hover,.Platme a:hover,.LowBme a:hover,.CamasBme a:hover,.Dollysme a:hover,.Tanquesme a:hover,.Tolvasme a:hover{color:#ff0000}
.Volme a:hover .mentext,.Platme a:hover .mentext,.LowBme a:hover .mentext,.CamasBme a:hover .mentext,.Dollysme a:hover .mentext,.Tanquesme a:hover .mentext,.Tolvasme a:hover .mentext{color:#ff0000}

.CamionesHero{padding:5.2vw 9.5vw 2.8vw;background:linear-gradient(135deg,#121212 0%,#2b0d12 58%,#150406 100%);color:#fff}
.CamionesHeroInner{max-width:58vw}
.HeroKicker{font-size:.8vw;color:#ff0000;text-transform:uppercase;letter-spacing:.16vw;font-weight:700;margin:0 0 .8vw}
.CamionesHero h1{font-family:"TASA Orbiter",sans-serif;font-size:3.1vw;margin:0 0 .9vw;letter-spacing:.08vw}
.HeroLead{font-size:1.02vw;line-height:1.5;margin:0;max-width:45vw}

.CamionesCatalogo{padding:3vw 9.5vw 4.2vw;background:#f6f7f9}
.CatalogoHead{max-width:56vw}
.CatalogoHead h2{font-family:"TASA Orbiter",sans-serif;font-size:2.18vw;line-height:1.1;letter-spacing:-.015vw;margin:0;color:#0e1118}
.CatalogoHead p{font-size:.98vw;line-height:1.45;margin:.55vw 0 1.45vw;color:#3f4758}

.FiltrosWrap{
  display:flex;
  flex-wrap:wrap;
  gap:.45vw;
  margin-bottom:1.5vw;
  padding:.45vw;
  background:linear-gradient(180deg,#ffffff,#f4f7fb);
  border:.07vw solid #dde3ee;
  border-radius:999px;
  box-shadow:0 .25vw .7vw rgba(20,34,58,.08);
  width:fit-content;
  max-width:100%;
}
.FiltroBtn{
  border:.07vw solid transparent;
  background:transparent;
  color:#3a4357;
  font-size:.79vw;
  font-weight:800;
  letter-spacing:.01vw;
  padding:.5vw .95vw;
  border-radius:999px;
  cursor:pointer;
  transition:all .22s ease;
}
.FiltroBtn:hover{
  color:#101827;
  background:#ffffff;
  border-color:#e6ebf4;
  box-shadow:0 .26vw .9vw rgba(255,0,0,.24),inset 0 0 0 .04vw rgba(255,0,0,.08);
}
.FiltroBtn.is-active{
  border-color:#ff0000;
  background:linear-gradient(180deg,#ff2a2a,#d80000);
  color:#ff0000;
  color:#ffffff;
  box-shadow:0 .28vw .85vw rgba(255,0,0,.34),inset 0 0 0 .04vw rgba(255,255,255,.22);
}

.CamionesGrid{display:grid;grid-template-columns:1fr;gap:1vw}
.CamionCard{
  border:0;
  border-bottom:.08vw solid #d7dce6;
  background:transparent;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,1.18fr);
  grid-template-areas:'media body';
  align-items:stretch;
  transition:transform .24s ease;
  overflow:visible;
  padding:1vw 0 1.25vw;
}
.CamionCard:hover{transform:translateY(-.08vw)}

@media (min-width:701px){
  .CamionCard.is-reversed{
    grid-template-columns:minmax(0,1.18fr) minmax(0,1.02fr);
    grid-template-areas:'body media';
  }
  .CamionCard.is-reversed .CamionMedia::before{transform:skewX(12deg)}
  .CamionCard.is-reversed:hover .CamionMedia::before{transform:skewX(12deg) translateY(-.14vw)}
}
.CamionMedia{
  grid-area:media;
  min-height:18.6vw;
  position:relative;
  isolation:isolate;
  overflow:visible;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1.2vw 1vw 1.35vw;
}
.CamionMedia::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:6% 7% 8%;
  border-radius:1vw;
  transform:skewX(-12deg);
  background:
    linear-gradient(180deg,rgba(255,255,255,.12),rgba(0,0,0,.16)),
    linear-gradient(160deg,rgba(255,213,74,.22),rgba(255,0,0,.08)),
    url('https://img.freepik.com/fotos-premium/estacionamiento-subterraneo-vacio-filas-plazas-estacionamiento-iluminación-tenue-imagen-muestra-pisos-hormigon-lisos-limpios-senales-direccionales-claras-paredes_1077320-11371.jpg?semt=ais_hybrid&w=740&q=80');
  background-size:cover;
  background-position:center;
  border:.06vw solid #e6e6e6;
  box-shadow:0 .62vw 1.3vw rgba(255,213,74,.18);
  transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease,filter .3s ease;
}
.CamionMedia img{
  position:relative;
  z-index:2;
  max-width:98%;
  max-height:114%;
  object-fit:contain;
  filter:drop-shadow(0 .4vw .75vw rgba(0,0,0,.26));
  transform-origin:50% 100%;
  transition:transform .56s cubic-bezier(.2,.75,.2,1),filter .42s ease;
}
.CamionCard:hover .CamionMedia::before{
  border-color:#ff0000;
  box-shadow:0 .9vw 1.7vw rgba(255,0,0,.3),0 0 0 .09vw rgba(255,0,0,.2);
  transform:skewX(-12deg) translateY(-.14vw);
  filter:saturate(1.05);
}
.CamionCard:hover .CamionMedia img{
  transform:translateY(-.42vw) scale(1.035) rotate(-.2deg);
  filter:drop-shadow(0 .75vw 1.08vw rgba(0,0,0,.42));
}
.CamionBody{
  grid-area:body;
  padding:1vw 1.2vw 1.05vw;
  display:flex;
  flex-direction:column;
  gap:.74vw;
}
.CamionTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.8vw;
  padding-bottom:.58vw;
  border-bottom:.07vw solid #e9edf4;
}
.CamionTop h3{
  margin:0;
  font-family:"TASA Orbiter",sans-serif;
  font-size:1.2vw;
  letter-spacing:.005vw;
  color:#0f1218;
  transition:color .22s ease,text-shadow .22s ease;
}
.CamionTop h3:hover{color:#ff0000;text-shadow:0 0 .48vw rgba(255,0,0,.34)}
.CamionCard:hover .CamionTop h3{color:#ff0000}
.StockTag{
  font-size:.6vw;
  font-weight:800;
  letter-spacing:.03vw;
  padding:.22vw .56vw;
  border-radius:999px;
  background:#d70404;
  color:#fff;
  white-space:nowrap;
}
.StockTag--off{background:#5f6778}
.CamionBody ul{margin:0;padding-left:1.1vw;display:flex;flex-direction:column;gap:.34vw}
.CamionBody li{font-size:.79vw;color:#30384a;line-height:1.38}
.CardActions{
  margin-top:auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.5vw;
}
.FichaBtn,.CotizarBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-weight:800;
  font-size:.75vw;
  padding:.58vw .72vw;
  border:.08vw solid transparent;
  letter-spacing:.01vw;
  cursor:pointer;
  transition:all .2s ease;
}
.FichaBtn{background:#fff;color:#b70000;border-color:#d81414}
.FichaBtn:hover{background:#fff3f3;border-color:#ff0000;color:#ff0000}
.CotizarBtn{background:#ff0000;color:#fff}
.CotizarBtn:hover{background:#ff0000}

.QuoteModal{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:2vw}
.QuoteModal[hidden]{display:none}
.QuoteModalBackdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.QuotePanel{position:relative;z-index:1;width:min(94vw,64vw);max-height:min(90vh,58vw);overflow:auto;background:#fff;border:.09vw solid #e4e4e4;display:grid;grid-template-columns:minmax(15vw,21vw) minmax(0,1fr)}
.QuoteClose{position:absolute;top:.7vw;right:.7vw;border:0;background:transparent;color:#000;font-size:1.7vw;line-height:1;cursor:pointer}
.QuoteSide{padding:2vw 1.5vw;background:linear-gradient(150deg,#111111,#2a0c10 58%,#140406);color:#fff}
.QuoteTag{display:inline-block;padding:.2vw .5vw;border:.07vw solid rgba(255,255,255,.35);font-size:.63vw;letter-spacing:.07vw;margin-bottom:.8vw}
.QuoteSide h2{font-family:"TASA Orbiter",sans-serif;font-size:1.58vw;line-height:1.2;margin:0 0 .7vw}
.QuoteSide p{font-size:.86vw;line-height:1.45;margin:0;color:#dde6ff}
.QuoteFormWrap{padding:1.35vw 1.5vw}
.ContactForm{display:grid;grid-template-columns:1fr 1fr;gap:.7vw .8vw}
.FormField{display:flex;flex-direction:column;gap:.26vw}
.FormField:last-of-type{grid-column:1/-1}
.FormLabel{font-size:.63vw;font-weight:700;text-transform:uppercase;letter-spacing:.045vw;color:#2a2a2a}
.pfo{width:100%;box-sizing:border-box;background:#f5f7fb;border:.07vw solid #d4dae6;padding:.62vw .7vw;font-size:.8vw;font-family:"Rubik",sans-serif;color:#121212}
.CMSG{min-height:5.4vw;resize:vertical}
.pfo:focus{outline:none;border-color:#ff0000;background:#fff}
.FormActions{grid-column:1/-1;display:flex;align-items:center;gap:.8vw}
.BotonHV2{border:0;background:#ff0000;color:#fff;font-weight:700;font-size:.75vw;padding:.58vw 1vw;cursor:pointer}
.BotonHV2:hover{background:#ff0000}
.BotonHV2:disabled{opacity:.65;cursor:default}
.FormStatus{margin:0;font-size:.72vw}
.FormStatus.is-error{color:#cf1212}
.FormStatus.is-success{color:#0f8b3a}

.EndFooter{padding:1.2vw 9.5vw;background:#1e1e1e}
.FooterLegalRow{display:flex;justify-content:center;gap:1.2vw;color:#d2d2d2;font-size:.82vw;white-space:nowrap}
.OwenLink{color:#fff;font-weight:500}
.OwenLink:hover{color:#8d6bff}

.nocom,.telmen{display:none}
.btelmen{display:none}
.MobileFloatingSocial{display:none}

@media only screen and (max-width:700px){
  body{padding-top:18vw}
  .notel{display:none!important}
  .nocom{display:block}
  .footmen1,.Volme,.Platme,.LowBme,.CamasBme,.Dollysme,.Tanquesme,.Tolvasme{display:none!important}
  .Footer{padding:2.9vw 4vw}
  .Footer.is-scrolled{padding:1.95vw 4vw}
  .LogoNa img{height:11.6vw}
  .Footer.is-scrolled .LogoNa img{height:9.1vw}

  .btelmen{display:block}
  .menu-toggle{top:6vw;right:6vw;position:fixed;width:7vw;height:7vw;z-index:1307;border:0;background:#fff;padding:.6vw .5vw;display:flex;flex-direction:column;justify-content:center;gap:1.35vw;cursor:pointer;transition:top .28s ease,right .28s ease,width .28s ease,height .28s ease,gap .28s ease}
  .menu-toggle span{width:100%;height:.65vw;background:#000;display:block;transform-origin:center;transition:background-color .2s ease,transform .28s ease,opacity .2s ease,height .28s ease}
  .menu-toggle.is-open{background:transparent}
  .menu-toggle.is-open span:nth-child(1){transform:translateY(2vw) rotate(45deg)}
  .menu-toggle.is-open span:nth-child(2){opacity:0}
  .menu-toggle.is-open span:nth-child(3){transform:translateY(-2vw) rotate(-45deg)}
  .menu-toggle.is-scrolled{top:4.6vw;right:4.8vw;width:5.9vw;height:5.9vw;gap:1vw}
  .menu-toggle.is-scrolled span{height:.55vw}
  .menu-toggle:hover span{background:#ff0000}
  .menu-toggle.is-open.is-scrolled span:nth-child(1){transform:translateY(1.48vw) rotate(45deg)}
  .menu-toggle.is-open.is-scrolled span:nth-child(3){transform:translateY(-1.48vw) rotate(-45deg)}
  body.mobile-products-open .menu-toggle{top:2.8vw;right:6vw;width:6.2vw;height:6.2vw;padding:0;gap:.9vw}
  body.mobile-products-open .menu-toggle.is-scrolled{top:2.8vw;right:6vw;width:6.2vw;height:6.2vw;padding:0;gap:.9vw}
  body.mobile-products-open .menu-toggle.is-open span:nth-child(1),
  body.mobile-products-open .menu-toggle.is-open.is-scrolled span:nth-child(1){transform:translateY(1.58vw) rotate(45deg)}
  body.mobile-products-open .menu-toggle.is-open span:nth-child(3),
  body.mobile-products-open .menu-toggle.is-open.is-scrolled span:nth-child(3){transform:translateY(-1.58vw) rotate(-45deg)}

  .telmen{z-index:1305;display:none;position:fixed;left:0;top:0;width:100%;height:100vh;background:#fff;overflow-y:auto}
  .telmen.is-open{display:block}
  .botmentel{min-height:100vh;padding:18vw 8vw 8vw;display:flex;flex-direction:column;align-items:center;justify-content:center}
  .MobileMainNav{width:100%;max-width:92vw;text-align:center}
  .MobileMainNav ul{list-style:none;padding:0;margin:0 0 5vw}
  .MobileMainNav a,.MobileLinkBtn{font-size:6vw;font-weight:500;border:0;background:transparent;color:#000;cursor:pointer}
  .MobileMainNav a:hover,.MobileLinkBtn:hover,.MobileMainNav a.is-active,.MobileLinkBtn.is-active,.MobileLinkBtn[aria-expanded="true"]{color:#ff0000}
  .MobileCTA{display:inline-block;margin-top:1.8vw;padding:1.9vw 5.1vw!important;border-radius:999px;background:#ff0000!important;color:#fff!important;font-weight:800!important;border:0}
  .ThemeToggle--mobile{width:10.2vw;height:10.2vw;margin:1vw auto 0;border-width:.25vw}
  .ThemeToggle--mobile .ThemeIcon{font-size:4.8vw}

  .MobileSocial{width:100%;margin-top:5.2vw;padding-top:4.5vw;display:flex;justify-content:center;align-items:center;gap:6vw}
  .MobileSocialLink{width:8vw;height:8vw;color:#000;display:inline-flex}
  .MobileSocialLink svg{width:100%;height:100%;fill:currentColor}

  .telmen2{display:none;position:fixed;left:0;top:0;width:100%;height:100vh;background:#fff;z-index:1306;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .telmen2.is-open{display:block}
  .volver{position:sticky;top:0;z-index:12;display:flex;align-items:center;min-height:14vw;padding:2.8vw 6vw;background:#fff;border-bottom:.25vw solid rgba(0,0,0,.1)}
  .MobileBackBtn{border:0;background:transparent;color:#000;font-size:6vw}
  .telmen.is-products-open .MobileBackBtn{width:6.7vw;height:6.7vw;min-height:6.7vw;padding:0;display:flex;align-items:center;justify-content:center}
  .MobileProductsHeaderTitle{position:absolute;left:50%;transform:translateX(-50%);font-family:"TASA Orbiter",sans-serif;font-size:4.6vw;font-weight:800}
  .bjms{width:100%;max-width:92vw;margin:0 auto;padding-top:2.8vw;padding-bottom:16vw}
  .ppdmt{padding-left:0;width:100%;max-width:92vw;margin:0 auto;border-bottom:.3vw solid rgba(0,0,0,.12)}
.mobile-products-group-header{
    border-radius:1.2vw;
    transition:background-color var(--menu-motion-duration) var(--menu-motion-ease),box-shadow var(--menu-motion-duration) var(--menu-motion-ease);
}

.mobile-products-group-header:hover,
.mobile-products-group-header:focus-within,
.mobile-products-group-header:active{
    background:rgba(255,0,0,.06);
    box-shadow:inset 0 0 0 .18vw rgba(255,0,0,.14);
}

.mobile-products-group-header:hover .MobileProductToggle,
.mobile-products-group-header:focus-within .MobileProductToggle,
.mobile-products-group-header:active .MobileProductToggle{
    color:#ff0000;
}

body.dark-mode .mobile-products-group-header:hover,
body.dark-mode .mobile-products-group-header:focus-within,
body.dark-mode .mobile-products-group-header:active{
    background:rgba(255,255,255,.06);
    box-shadow:inset 0 0 0 .18vw rgba(255,255,255,.12);
}
  .ultit{font-family:"TASA Orbiter",sans-serif;font-size:4.8vw;margin-left:0}
  .corch{color:currentColor;font-weight:700;font-size:6vw;line-height:1}
  .MobileProductToggle{width:100%;border:0;background:transparent;padding:2.8vw 0;min-height:8.8vw;display:flex;align-items:center;justify-content:center;position:relative;font-family:"TASA Orbiter",sans-serif;font-size:4.8vw;font-weight:700;color:#000;text-align:center;cursor:pointer;transition:color .28s ease}
  .MobileProductToggle:hover,.MobileProductToggle:focus-visible,.MobileProductToggle:active,.MobileProductToggle[aria-expanded="true"]{color:#ff0000}
  .MobileProductToggle::after{content:"";position:absolute;right:0;top:50%;width:0;height:0;border-left:1vw solid transparent;border-right:1vw solid transparent;border-top:1.2vw solid currentColor;transform:translateY(-50%);transition:transform .28s ease}
  .ppdmt.is-open .MobileProductToggle{color:#ff0000}
  .ppdmt.is-open .MobileProductToggle::after{transform:translateY(-50%) rotate(180deg)}
  .ptes{font-weight:600;font-size:4vw;line-height:8vw;padding:0 0 2vw;text-align:center;max-height:0;opacity:0;overflow:hidden;transition:max-height .28s ease,opacity .28s ease}
  .ppdmt.is-open .ptes{max-height:300vw;opacity:1}
  .ptes ul{margin:0;padding-left:6vw;list-style:disc;list-style-position:outside;text-align:left}
  .ptes li{margin-bottom:.8vw;display:list-item}
  .ptes li a{display:inline-block;min-height:0;width:100%;padding:.9vw 0}
  .ptes li a:hover,.ptes li a:focus-visible{color:#ff0000}
  .MobileBackBtn:hover,.MobileBackBtn:focus-visible{color:#ff0000}

  .MobileFloatingSocial{
    position:fixed;
    right:3.2vw;
    bottom:max(3.4vw,calc(env(safe-area-inset-bottom) + 1.8vw));
    z-index:1198;
    display:block;
  }
  .MobileFloatingSocialToggle{
    width:9vw;
    height:9vw;
    border:0;
    border-radius:999px;
    background-color:#ff0000;
    color:#ffffff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 .7vw 1.8vw rgba(0,0,0,.28);
    transition:background-color .2s ease,transform .2s ease;
    position:relative;
    overflow:hidden;
  }
  .MobileFloatingSocialIcon{
    position:absolute;
    inset:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:opacity .2s ease,transform .2s ease;
  }
  .MobileFloatingSocialIcon--open{opacity:1;transform:scale(1)}
  .MobileFloatingSocialIcon--close{
    opacity:0;
    transform:scale(.78);
    font-size:7.2vw;
    font-weight:700;
    line-height:1;
  }
  .MobileFloatingSocialToggle svg{
    width:58%;
    height:58%;
    fill:currentColor;
    display:block;
  }
  .MobileFloatingSocial.is-open .MobileFloatingSocialIcon--open{opacity:0;transform:scale(.78)}
  .MobileFloatingSocial.is-open .MobileFloatingSocialIcon--close{opacity:1;transform:scale(1)}
  .MobileFloatingSocialList{
    position:absolute;
    right:0;
    bottom:calc(100% + 1.8vw);
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:1.8vw;
    opacity:0;
    transform:translateY(.8vw);
    pointer-events:none;
    transition:opacity .2s ease,transform .2s ease;
  }
  .MobileFloatingSocial.is-open .MobileFloatingSocialList{opacity:1;transform:translateY(0);pointer-events:auto}
  .MobileFloatingSocialLink{
    width:8.8vw;
    height:8.8vw;
    border-radius:999px;
    background-color:#1f1f1f;
    color:#ffffff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 .7vw 1.8vw rgba(0,0,0,.28);
    transition:background-color .2s ease,transform .2s ease;
  }
  .MobileFloatingSocialLink svg{
    width:62%;
    height:62%;
    fill:currentColor;
    display:block;
  }
  .MobileFloatingSocialLink:hover,
  .MobileFloatingSocialLink:focus-visible,
  .MobileFloatingSocialToggle:hover,
  .MobileFloatingSocialToggle:focus-visible{
    background-color:#ff0000;
    color:#ffffff;
    transform:translateY(-.35vw);
  }

  .CamionesHero{padding:23vw 8.5vw 7vw}
  .CamionesHeroInner{max-width:none}
  .HeroKicker{font-size:2.5vw;letter-spacing:.22vw;margin-bottom:2vw}
  .CamionesHero h1{font-size:8.2vw;margin-bottom:2.6vw}
  .HeroLead{font-size:3.2vw;line-height:1.45;max-width:none}
  .CamionesCatalogo{padding:8vw 8.5vw 10vw}
  .CatalogoHead h2{font-size:6vw}
  .CatalogoHead p{font-size:2.8vw;margin:.8vw 0 3.8vw}
  .FiltrosWrap{
    gap:1.15vw;
    margin-bottom:4.1vw;
    padding:1.45vw;
    border-radius:4.2vw;
    width:100%;
    box-shadow:0 1.1vw 2.4vw rgba(18,28,45,.1);
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .FiltrosWrap::-webkit-scrollbar{display:none}
  .FiltrosWrap::after{
    content:"";
    flex:0 0 .6vw;
  }
  .FiltroBtn{
    font-size:2.55vw;
    padding:1.45vw 2.4vw;
    border-width:.24vw;
    flex:0 0 auto;
    white-space:nowrap;
    scroll-snap-align:start;
  }
  .CamionesGrid{grid-template-columns:1fr;gap:3.2vw}
  .CamionCard{grid-template-columns:1fr}
  .CamionMedia{
  grid-area:media;padding:3.1vw;min-height:auto}
  .CamionMedia::before{
    inset:6% 6% 8%;
    border-radius:2.8vw;
    border-width:.2vw;
    box-shadow:0 1.6vw 3.4vw rgba(255,0,0,.22);
  }
  .CamionMedia img{
    max-width:96%;
    max-height:110%;
    filter:drop-shadow(0 1.3vw 2.6vw rgba(0,0,0,.3));
  }
  .CamionCard:hover .CamionMedia img{
    transform:translateY(-1.25vw) scale(1.03);
  }
  .CamionBody{
  grid-area:body;
    padding:3.2vw;
    gap:2vw;
    display:flex;
    flex-direction:column;
  }
  .CamionTop h3{font-size:4.1vw}
  .StockTag{font-size:2.3vw;padding:.56vw 1.35vw}
  .CamionBody ul{padding-left:4.3vw;gap:1.2vw}
  .CamionBody li{font-size:2.8vw}
  .CardActions{display:grid;grid-template-columns:1fr 1fr;gap:1.7vw;margin-top:1vw}
  .FichaBtn,.CotizarBtn{font-size:2.65vw;padding:2vw 1vw;border-width:.2vw}

  .QuoteModal{padding:4vw}
  .QuotePanel{width:100%;max-height:92vh;grid-template-columns:1fr}
  .QuoteClose{top:2.4vw;right:2.4vw;font-size:8vw}
  .QuoteSide{padding:8vw 6vw 5vw}
  .QuoteTag{font-size:2.35vw;padding:.9vw 2vw;margin-bottom:2.3vw;border-width:.2vw}
  .QuoteSide h2{font-size:7vw;margin-bottom:2vw}
  .QuoteSide p{font-size:3.2vw}
  .QuoteFormWrap{padding:4.7vw 5.5vw 6vw}
  .ContactForm{grid-template-columns:1fr;gap:2.1vw}
  .FormLabel{font-size:2.4vw;letter-spacing:.18vw}
  .pfo{font-size:3.3vw;padding:2.55vw 2.7vw;border-width:.2vw}
  .CMSG{min-height:23vw}
  .FormActions{display:block}
  .BotonHV2{width:100%;font-size:3vw;padding:2.35vw 3vw}
  .FormStatus{font-size:2.6vw;margin-top:1.5vw}

  .EndFooter{padding:4.5vw 6.5vw}
  .FooterLegalRow{display:block;text-align:center;white-space:normal;font-size:2.8vw;line-height:1.45}
}

body.mobile-menu-open .MobileFloatingSocial,
body.modal-open .MobileFloatingSocial{
  opacity:0;
  pointer-events:none;
}

body.dark-mode{background:#0f1218;color:#f2f4f8}
body.dark-mode .Footer{background:#11161f}
body.dark-mode .FooterTN{color:#f5f7fb}
body.dark-mode .HeaderSocialLink{color:#fff}
body.dark-mode .footmen1,
body.dark-mode .Volme,
body.dark-mode .Platme,
body.dark-mode .LowBme,
body.dark-mode .CamasBme,
body.dark-mode .Dollysme,
body.dark-mode .Tanquesme,
body.dark-mode .Tolvasme{background:#161d28;color:#ffffff}
body.dark-mode .menele a{color:#ffffff}
body.dark-mode .menele + .menele{border-left-color:rgba(255,255,255,.24)}
body.dark-mode .mentext{color:#ffffff}
body.dark-mode .ThemeToggle{background:#181f2a;color:#ffffff;border-color:#ffffff}
body.dark-mode .ThemeToggle:hover{background:#fff;color:#11161f}
body.dark-mode .CamionesHero{background:linear-gradient(135deg,#0a0a0a,#21090d 58%,#120305)}
body.dark-mode .CamionesCatalogo{background:#0f1420}
body.dark-mode .CatalogoHead h2{color:#fff}
body.dark-mode .CatalogoHead p{color:#ced7ee}
body.dark-mode .FiltrosWrap{
  background:linear-gradient(180deg,#141e2f,#0f1827);
  border-color:#2a3850;
  box-shadow:0 .25vw .8vw rgba(0,0,0,.35);
}
body.dark-mode .FiltroBtn{background:transparent;color:#b8c4de;border-color:transparent}
body.dark-mode .FiltroBtn:hover{
  color:#ffffff;
  background:#172235;
  border-color:#2d3e5e;
  box-shadow:0 .34vw 1.05vw rgba(255,0,0,.34),inset 0 0 0 .04vw rgba(255,90,90,.18);
}
body.dark-mode .FiltroBtn.is-active{
  border-color:#ff0000;
  background:linear-gradient(180deg,#ff3333,#c90000);
  color:#fff;
  box-shadow:0 .35vw 1vw rgba(255,0,0,.35),inset 0 0 0 .04vw rgba(255,255,255,.22);
}
body.dark-mode .CamionCard{background:transparent;border-bottom-color:#2a3550}
body.dark-mode .CamionMedia::before{
  background:
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(0,0,0,.44)),
    linear-gradient(160deg,rgba(255,213,74,.16),rgba(255,0,0,.08)),
    url('https://img.freepik.com/fotos-premium/estacionamiento-subterraneo-vacio-filas-plazas-estacionamiento-iluminación-tenue-imagen-muestra-pisos-hormigon-lisos-limpios-senales-direccionales-claras-paredes_1077320-11371.jpg?semt=ais_hybrid&w=740&q=80');
  background-size:cover;
  background-position:center;
  border-color:#2f3a4f;
  box-shadow:0 .62vw 1.25vw rgba(0,0,0,.35);
}
body.dark-mode .CamionTop{border-bottom-color:#273754}
body.dark-mode .CamionTop h3{color:#fff}
body.dark-mode .CamionTop h3:hover{color:#ff0000;text-shadow:0 0 .58vw rgba(255,0,0,.5)}
body.dark-mode .CamionBody li{color:#ffffff}
body.dark-mode .FichaBtn{background:transparent;color:#ff0000;border-color:#ff0000}
body.dark-mode .FichaBtn:hover{background:#341a1a}
body.dark-mode .QuotePanel{background:#111927;border-color:#2a3550}
body.dark-mode .QuoteClose{color:#fff}
body.dark-mode .QuoteSide{background:linear-gradient(150deg,#0a0a0a,#22090d 58%,#120305)}
body.dark-mode .FormLabel{color:#eef4ff}
body.dark-mode .pfo{background:#1e1e1e;border-color:rgba(255,255,255,.12);color:#ffffff}
body.dark-mode .pfo:focus{background:#232323;border-color:#ff0000}
body.dark-mode .menu-toggle{background:#11161f}
body.dark-mode .menu-toggle span{background:#fff}
body.dark-mode .menu-toggle:hover span{background:#ff0000}

/* Mobile products accordion parity override */
@media (max-width:700px){
  .mobile-products-group-header,
  .mobile-products-group-header:hover,
  .mobile-products-group-header:focus-within,
  .mobile-products-group-header:active{
    text-shadow:none !important;
    filter:none !important;
  }

  .mobile-products-group-header:hover,
  .mobile-products-group-header:focus-within,
  .mobile-products-group-header:active{
    background:transparent !important;
    box-shadow:none !important;
  }

  body.dark-mode .mobile-products-group-header:hover,
  body.dark-mode .mobile-products-group-header:focus-within,
  body.dark-mode .mobile-products-group-header:active{
    background:transparent !important;
    box-shadow:none !important;
  }

  .MobileProductToggle,
  .MobileProductToggle:hover,
  .MobileProductToggle:focus-visible,
  .MobileProductToggle:active,
  .MobileProductToggle[aria-expanded="true"],
  .ppdmt.is-open .MobileProductToggle,
  body.dark-mode .MobileProductToggle,
  body.dark-mode .MobileProductToggle:hover,
  body.dark-mode .MobileProductToggle:focus-visible,
  body.dark-mode .MobileProductToggle:active,
  body.dark-mode .MobileProductToggle[aria-expanded="true"],
  body.dark-mode .ppdmt.is-open .MobileProductToggle,
  body.dark-mode .mobile-products-group-header:hover .MobileProductToggle,
  body.dark-mode .mobile-products-group-header:focus-within .MobileProductToggle,
  body.dark-mode .mobile-products-group-header:active .MobileProductToggle{
    text-shadow:none !important;
    filter:none !important;
    box-shadow:none !important;
    -webkit-text-stroke:0 !important;
  }
}
body.dark-mode .telmen,body.dark-mode .telmen2{background:#121a24}
body.dark-mode .MobileMainNav a,body.dark-mode .MobileLinkBtn,body.dark-mode .MobileProductToggle,body.dark-mode .telmen a,body.dark-mode .telmen2 a{color:#ffffff}
body.dark-mode .MobileSocialLink{color:#fff}
body.dark-mode .volver{background:#121a24;border-bottom-color:rgba(255,255,255,.16)}
body.dark-mode .MobileProductsHeaderTitle,body.dark-mode .MobileBackBtn{color:#fff}
body.dark-mode .MobileFloatingSocialLink{background:#2a2f39}
body.dark-mode .MobileFloatingSocialToggle{background-color:#ff0000;color:#ffffff}
body.dark-mode .MobileMainNav a:hover,body.dark-mode .MobileMainNav a:focus-visible,body.dark-mode .MobileMainNav a.is-active,body.dark-mode .MobileLinkBtn:hover,body.dark-mode .MobileLinkBtn:focus-visible,body.dark-mode .MobileLinkBtn.is-active,body.dark-mode .MobileLinkBtn[aria-expanded="true"],body.dark-mode .MobileProductToggle:hover,body.dark-mode .MobileProductToggle:focus-visible,body.dark-mode .ppdmt.is-open .MobileProductToggle,body.dark-mode .MobileBackBtn:hover,body.dark-mode .MobileBackBtn:focus-visible,body.dark-mode .telmen a:hover,body.dark-mode .telmen2 a:hover{color:#ff0000}
body.dark-mode .MobileSocialLink:hover,body.dark-mode .MobileSocialLink:focus-visible{color:#ff0000}
body.dark-mode .ppdmt{border-bottom-color:rgba(255,255,255,.2)}
.mobile-products-group-header{
    border-radius:1.2vw;
    transition:background-color var(--menu-motion-duration) var(--menu-motion-ease),box-shadow var(--menu-motion-duration) var(--menu-motion-ease);
}

.mobile-products-group-header:hover,
.mobile-products-group-header:focus-within,
.mobile-products-group-header:active{
    background:rgba(255,0,0,.06);
    box-shadow:inset 0 0 0 .18vw rgba(255,0,0,.14);
}

.mobile-products-group-header:hover .MobileProductToggle,
.mobile-products-group-header:focus-within .MobileProductToggle,
.mobile-products-group-header:active .MobileProductToggle{
    color:#ff0000;
}

body.dark-mode .mobile-products-group-header:hover,
body.dark-mode .mobile-products-group-header:focus-within,
body.dark-mode .mobile-products-group-header:active{
    background:rgba(255,255,255,.06);
    box-shadow:inset 0 0 0 .18vw rgba(255,255,255,.12);
}

.EmptyState{margin-top:1.1vw;border:.07vw dashed #c8cedc;background:#f7f9fc;padding:1.15vw 1.2vw}
.EmptyState h3{margin:0 0 .35vw;font-family:"TASA Orbiter",sans-serif;font-size:1.05vw;color:#172036}
.EmptyState p{margin:0;font-size:.82vw;color:#4a556d}

@media only screen and (max-width:700px){
  .EmptyState{margin-top:3.4vw;padding:3.6vw}
  .EmptyState h3{font-size:4.35vw;margin-bottom:1.2vw}
  .EmptyState p{font-size:2.95vw;line-height:1.4}
}

body.dark-mode .EmptyState{background:#111a2a;border-color:#30405f}
body.dark-mode .EmptyState h3{color:#f2f6ff}
body.dark-mode .EmptyState p{color:#c8d3ea}

/* Paridad completa con menu movil de la pagina principal */
:root{
  --menu-motion-duration:.28s;
  --menu-motion-ease:ease;
}

@media only screen and (max-width:700px){
  .telmen{
    z-index:1305;
    display:none;
    position:fixed;
    left:0;
    width:100%;
    height:100vh;
    top:0;
    box-sizing:content-box;
    background-color:#ffffff;
    font-family:"Rubik",sans-serif;
    font-weight:700;
    overflow-y:auto;
  }

  .telmen.is-open{
    display:block;
  }

  .telmen a{
    text-decoration:none;
    color:#000000;
    transition:color var(--menu-motion-duration) var(--menu-motion-ease);
  }

  .telmen a:hover,
  .telmen a:focus-visible,
  .telmen2 a:hover,
  .telmen2 a:focus-visible{
    color:#ff0000;
  }

  .telmen ul{
    list-style:none;
    margin:0;
    padding:0 0 2vw;
  }

  .MobileMainNav{
    width:100%;
    max-width:92vw;
    padding-top:2vw;
    text-align:center;
  }

  .MobileMainNav li{
    display:block;
  }

  .MobileMainNav ul{
    padding:0;
    margin:0 0 5vw;
  }

  .MobileMainNav a,
  .MobileLinkBtn{
    font-family:"Rubik",sans-serif;
    font-size:6vw;
    font-weight:500;
    color:#000000;
    text-decoration:none;
    background:transparent;
    border:0;
    padding:1.1vw 0;
    min-height:8.5vw;
    line-height:1.2;
    cursor:pointer;
    transition:color var(--menu-motion-duration) var(--menu-motion-ease);
  }

  .MobileMainNav a:hover,
  .MobileMainNav a:focus-visible,
  .MobileLinkBtn:hover,
  .MobileLinkBtn:focus-visible,
  .MobileMainNav a.is-active,
  .MobileLinkBtn.is-active,
  .MobileLinkBtn[aria-expanded="true"]{
    color:#ff0000;
  }

  .MobileMainNav a:focus-visible,
  .MobileLinkBtn:focus-visible,
  .MobileProductToggle:focus-visible,
  .MobileBackBtn:focus-visible,
  .MobileSocialLink:focus-visible{
    outline:.45vw solid rgba(255,0,0,.45);
    outline-offset:.35vw;
    border-radius:.6vw;
  }

  .MobileCTA{
    display:inline-block;
    margin-top:1.8vw;
    padding:1.9vw 5.1vw !important;
    min-height:8.8vw;
    border-radius:999px;
    background-color:#ff0000 !important;
    color:#ffffff !important;
    font-weight:800 !important;
  }

  .MobileCTA:hover,
  .MobileCTA:focus-visible,
  .MobileCTA.is-active{
    background-color:#ff0000 !important;
    color:#ffffff !important;
  }

  .telmen.is-products-open .MobileCTA{
    background-color:#2a2a2a !important;
    color:#e8e8e8 !important;
    opacity:.75;
    transform:none;
    box-shadow:none;
  }

  .botmentel{
    margin:0;
    min-height:100vh;
    padding:18vw 8vw 8vw;
    font-size:6vw;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    opacity:0;
    transform:translateY(1.2vw);
    transition:opacity var(--menu-motion-duration) var(--menu-motion-ease),transform var(--menu-motion-duration) var(--menu-motion-ease);
  }

  .telmen.is-open .botmentel{
    opacity:1;
    transform:translateY(0);
  }

  .menu-toggle{
    top:6vw;
    right:6vw;
    position:fixed;
    width:7vw;
    height:7vw;
    z-index:1307;
    border:0;
    background:#ffffff;
    padding:.6vw .5vw;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:1.35vw;
    cursor:pointer;
    transition:top .28s ease,right .28s ease,width .28s ease,height .28s ease,gap .28s ease;
  }

  .menu-toggle.is-scrolled{
    top:4.6vw;
    right:4.8vw;
    width:5.9vw;
    height:5.9vw;
    gap:1vw;
  }

  body.mobile-products-open .menu-toggle{
    top:4vw;
    right:6vw;
    width:6.2vw;
    height:6.2vw;
    padding:0;
    gap:.9vw;
  }

  body.mobile-products-open .menu-toggle.is-scrolled{
    top:4vw;
    right:6vw;
    width:6.2vw;
    height:6.2vw;
    padding:0;
    gap:.9vw;
  }

  .menu-toggle span{
    width:100%;
    height:.65vw;
    background-color:#000000;
    display:block;
    transform-origin:center;
    transition:background-color .2s ease,transform .28s ease,opacity .2s ease,height .28s ease;
  }

  .menu-toggle.is-scrolled span{
    height:.55vw;
  }

  .menu-toggle:hover span{
    background-color:#ff0000;
  }

  .menu-toggle.is-open{
    background:transparent;
  }

  .menu-toggle.is-open span:nth-child(1){
    transform:translateY(2vw) rotate(45deg);
  }

  .menu-toggle.is-open span:nth-child(2){
    opacity:0;
  }

  .menu-toggle.is-open span:nth-child(3){
    transform:translateY(-2vw) rotate(-45deg);
  }

  .menu-toggle.is-open.is-scrolled span:nth-child(1){
    transform:translateY(1.48vw) rotate(45deg);
  }

  .menu-toggle.is-open.is-scrolled span:nth-child(3){
    transform:translateY(-1.48vw) rotate(-45deg);
  }

  body.mobile-products-open .menu-toggle.is-open span:nth-child(1),
  body.mobile-products-open .menu-toggle.is-open.is-scrolled span:nth-child(1){
    transform:translateY(1.58vw) rotate(45deg);
  }

  body.mobile-products-open .menu-toggle.is-open span:nth-child(3),
  body.mobile-products-open .menu-toggle.is-open.is-scrolled span:nth-child(3){
    transform:translateY(-1.58vw) rotate(-45deg);
  }

  .MobileSocial{
    width:100%;
    margin-top:5.2vw;
    padding-top:4.5vw;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:6vw;
    position:relative;
  }

  .MobileSocial::before{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:82%;
    height:.28vw;
    background:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.18) 20%,rgba(0,0,0,.18) 80%,rgba(0,0,0,0) 100%);
  }

  .MobileSocialLink{
    width:8vw;
    height:8vw;
    color:#000000;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:color var(--menu-motion-duration) var(--menu-motion-ease),transform var(--menu-motion-duration) var(--menu-motion-ease);
  }

  .MobileSocialLink svg{
    width:100%;
    height:100%;
    fill:currentColor;
  }

  .MobileSocialLink:hover,
  .MobileSocialLink:focus-visible{
    color:#ff0000;
    transform:translateY(-.2vw);
  }

  .telmen2{
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100vh;
    background-color:#ffffff;
    z-index:1306;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }

  .telmen2.is-open{
    display:block;
  }

  .volver{
    position:sticky;
    top:0;
    z-index:12;
    display:flex;
    align-items:center;
    min-height:11.8vw;
    padding:1.8vw 6vw;
    background:#fff;
    border-bottom:.25vw solid rgba(0,0,0,.1);
  }

  .MobileBackBtn{
    border:0;
    background:transparent;
    color:#000000;
    width:5.9vw;
    height:5.9vw;
    min-height:5.9vw;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
  }

  .telmen.is-products-open .MobileBackBtn{
    width:5.9vw;
    height:5.9vw;
    min-height:5.9vw;
    padding:0;
    justify-content:center;
  }

  .MobileBackBtn:hover,
  .MobileBackBtn:focus-visible{
    color:#ff0000;
  }

  .corch{
    color:currentColor;
    font-weight:700;
    font-size:5.2vw;
    line-height:1;
  }

  .MobileProductsHeaderTitle{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    font-family:"TASA Orbiter",sans-serif;
    font-size:4.1vw;
    font-weight:800;
    letter-spacing:.02em;
    color:#000000;
    text-align:center;
  }

  .ppdmt{
    padding-left:0;
    width:100%;
    max-width:92vw;
    margin:0 auto;
    border-bottom:.3vw solid rgba(0,0,0,.12);
  }
.mobile-products-group-header{
    border-radius:1.2vw;
    transition:background-color var(--menu-motion-duration) var(--menu-motion-ease),box-shadow var(--menu-motion-duration) var(--menu-motion-ease);
}

.mobile-products-group-header:hover,
.mobile-products-group-header:focus-within,
.mobile-products-group-header:active{
    background:rgba(255,0,0,.06);
    box-shadow:inset 0 0 0 .18vw rgba(255,0,0,.14);
}

.mobile-products-group-header:hover .MobileProductToggle,
.mobile-products-group-header:focus-within .MobileProductToggle,
.mobile-products-group-header:active .MobileProductToggle{
    color:#ff0000;
}

body.dark-mode .mobile-products-group-header:hover,
body.dark-mode .mobile-products-group-header:focus-within,
body.dark-mode .mobile-products-group-header:active{
    background:rgba(255,255,255,.06);
    box-shadow:inset 0 0 0 .18vw rgba(255,255,255,.12);
}

  .ultit{
    font-family:"TASA Orbiter",sans-serif;
    font-size:4.8vw;
    margin-left:0;
  }  .MobileProductToggle{
    width:100%;
    border:0;
    background:transparent;
    padding:2.8vw 0;
    min-height:8.8vw;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    font-family:"TASA Orbiter",sans-serif;
    font-size:4.8vw;
    font-weight:700;
    color:#000000;
    text-align:center;
    cursor:pointer;
    transition:color var(--menu-motion-duration) var(--menu-motion-ease);
  }

  .MobileProductToggle:hover,
  .MobileProductToggle:focus-visible,
  .MobileProductToggle:active,
  .MobileProductToggle[aria-expanded="true"]{
    color:#ff0000;
  }

  .MobileProductToggle::after{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    width:0;
    height:0;
    border-left:1vw solid transparent;
    border-right:1vw solid transparent;
    border-top:1.2vw solid currentColor;
    transform:translateY(-50%);
    transition:transform var(--menu-motion-duration) var(--menu-motion-ease);
  }

  .ppdmt.is-open .MobileProductToggle{
    color:#ff0000;
  }

  .ppdmt.is-open .MobileProductToggle::after{
    transform:translateY(-50%) rotate(180deg);
  }

  .ptes{
    font-weight:600;
    font-size:4vw;
    line-height:8vw;
    padding:0 0 2vw;
    text-align:center;
    max-height:0;
    opacity:0;
    overflow:hidden;
    transition:max-height var(--menu-motion-duration) var(--menu-motion-ease),opacity var(--menu-motion-duration) var(--menu-motion-ease);
  }

  .ppdmt.is-open .ptes{
    max-height:300vw;
    opacity:1;
  }

  .ptes ul{
    margin:0;
    padding-left:6vw;
    list-style:disc;
    list-style-position:outside;
    text-align:left;
  }

  .ptes li{
    margin-bottom:.8vw;
    min-height:0;
    display:list-item;
  }

  .ptes li a{
    display:inline-block;
    min-height:0;
    width:100%;
    padding:.9vw 0;
  }

  .ptes li a:hover,
  .ptes li a:focus-visible{
    color:#ff0000;
  }

  .bjms{
    width:100%;
    max-width:92vw;
    margin:0 auto;
    padding-top:2.8vw;
    padding-bottom:16vw;
  }
}

@media (hover:none){
  .MobileMainNav a:hover,
  .MobileLinkBtn:hover,
  .ptes li a:hover{
    color:inherit !important;
    transform:none !important;
  }

  .MobileProductToggle:active,
  .MobileProductToggle[aria-expanded="true"]{
    color:#ff0000 !important;
  }
}

body.dark-mode .menu-toggle{
  background:#11161f;
}

body.dark-mode .menu-toggle span{
  background:#ffffff;
}

body.dark-mode .menu-toggle:hover span{
  background:#ff0000;
}

body.dark-mode .telmen,
body.dark-mode .telmen2{
  background-color:#121a24;
}

body.dark-mode .volver{
  background-color:#121a24;
  border-bottom-color:rgba(255,255,255,.16);
}

body.dark-mode .MobileMainNav a,
body.dark-mode .MobileLinkBtn,
body.dark-mode .MobileProductToggle,
body.dark-mode .telmen a,
body.dark-mode .telmen2 a{
  color:#ffffff;
}

body.dark-mode .MobileBackBtn{
  color:#ffffff;
}

body.dark-mode .MobileMainNav a:hover,
body.dark-mode .MobileMainNav a:focus-visible,
body.dark-mode .MobileMainNav a.is-active,
body.dark-mode .MobileLinkBtn:hover,
body.dark-mode .MobileLinkBtn:focus-visible,
body.dark-mode .MobileLinkBtn.is-active,
body.dark-mode .MobileLinkBtn[aria-expanded="true"],
body.dark-mode .MobileProductToggle:hover,
body.dark-mode .MobileProductToggle:focus-visible,
body.dark-mode .ppdmt.is-open .MobileProductToggle,
body.dark-mode .MobileBackBtn:hover,
body.dark-mode .MobileBackBtn:focus-visible,
body.dark-mode .telmen a:hover,
body.dark-mode .telmen2 a:hover{
  color:#ff0000;
}

body.dark-mode .MobileSocialLink{
  color:#ffffff;
}

body.dark-mode .MobileSocialLink:hover,
body.dark-mode .MobileSocialLink:focus-visible{
  color:#ff0000;
}

body.dark-mode .ppdmt{
  border-bottom-color:rgba(255,255,255,.2);
}
.mobile-products-group-header{
    border-radius:1.2vw;
    transition:background-color var(--menu-motion-duration) var(--menu-motion-ease),box-shadow var(--menu-motion-duration) var(--menu-motion-ease);
}

.mobile-products-group-header:hover,
.mobile-products-group-header:focus-within,
.mobile-products-group-header:active{
    background:rgba(255,0,0,.06);
    box-shadow:inset 0 0 0 .18vw rgba(255,0,0,.14);
}

.mobile-products-group-header:hover .MobileProductToggle,
.mobile-products-group-header:focus-within .MobileProductToggle,
.mobile-products-group-header:active .MobileProductToggle{
    color:#ff0000;
}

body.dark-mode .mobile-products-group-header:hover,
body.dark-mode .mobile-products-group-header:focus-within,
body.dark-mode .mobile-products-group-header:active{
    background:rgba(255,255,255,.06);
    box-shadow:inset 0 0 0 .18vw rgba(255,255,255,.12);
}

body.dark-mode .MobileProductsHeaderTitle{
  color:#ffffff;
}

/* Desktop mega menu hover consistency (dark mode) */
body.dark-mode .FooterTN:hover,
body.dark-mode .FooterTN:focus-visible,
body.dark-mode .FooterTN--active,
body.dark-mode #botmen1:hover,
body.dark-mode #botmen1:focus-visible,
body.dark-mode #botmen1.active {
  color: #ff0000;
  text-shadow: 0 0 .45vw rgba(255, 0, 0, .28);
}

body.dark-mode .menele a:hover,
body.dark-mode .menele a:focus-visible,
body.dark-mode .menele a.hover {
  color: #ff0000;
}

body.dark-mode .Volme a:hover,
body.dark-mode .Volme a:focus-visible,
body.dark-mode .Platme a:hover,
body.dark-mode .Platme a:focus-visible,
body.dark-mode .LowBme a:hover,
body.dark-mode .LowBme a:focus-visible,
body.dark-mode .CamasBme a:hover,
body.dark-mode .CamasBme a:focus-visible,
body.dark-mode .Dollysme a:hover,
body.dark-mode .Dollysme a:focus-visible,
body.dark-mode .Tanquesme a:hover,
body.dark-mode .Tanquesme a:focus-visible,
body.dark-mode .Tolvasme a:hover,
body.dark-mode .Tolvasme a:focus-visible {
  color: #ff0000;
}

body.dark-mode .Volme a:hover .mentext,
body.dark-mode .Volme a:focus-visible .mentext,
body.dark-mode .Platme a:hover .mentext,
body.dark-mode .Platme a:focus-visible .mentext,
body.dark-mode .LowBme a:hover .mentext,
body.dark-mode .LowBme a:focus-visible .mentext,
body.dark-mode .CamasBme a:hover .mentext,
body.dark-mode .CamasBme a:focus-visible .mentext,
body.dark-mode .Dollysme a:hover .mentext,
body.dark-mode .Dollysme a:focus-visible .mentext,
body.dark-mode .Tanquesme a:hover .mentext,
body.dark-mode .Tanquesme a:focus-visible .mentext,
body.dark-mode .Tolvasme a:hover .mentext,
body.dark-mode .Tolvasme a:focus-visible .mentext {
  color: #ff0000;
}





/* Active page/subcategory signals + hero active filter */
.HeroFilterCurrent{
  margin:.55vw 0 0;
  font-size:.78vw;
  font-weight:700;
  letter-spacing:.08vw;
  text-transform:uppercase;
  color:#ffb0b0;
}

#botmen1.is-current,
.menele a.is-current-section,
.ptes a.is-current-subcategory{
  color:#ff0000;
}

.ptes a.is-current-subcategory{
  font-weight:400;
}

.Volme a.is-current-subcategory .mentext,
.Platme a.is-current-subcategory .mentext,
.LowBme a.is-current-subcategory .mentext,
.CamasBme a.is-current-subcategory .mentext,
.Dollysme a.is-current-subcategory .mentext,
.Tanquesme a.is-current-subcategory .mentext,
.Tolvasme a.is-current-subcategory .mentext{
  color:#ff0000 !important;
  font-weight:700 !important;
}

body.dark-mode .HeroFilterCurrent{
  color:#ff0000;
}

@media (max-width:700px){
  .HeroFilterCurrent{
    margin:1.2vw 0 0;
    font-size:2.35vw;
    letter-spacing:.24vw;
  }
}

/* Mobile safety: always image top, specs bottom */
@media (max-width:700px){
  .CamionCard,
  .CamionCard.is-reversed{
    grid-template-columns:1fr !important;
    grid-template-areas:'media' 'body' !important;
  }
}

/* Mega menu active-hover consistency (all product subpages) */
#botmen1.is-current,
#botmen1.is-current:hover,
#botmen1.is-current:focus-visible,
#botmen1.is-current.active {
  color: #ff0000;
}

.menele a.is-current-section,
.menele a.is-current-section:hover,
.menele a.is-current-section:focus-visible {
  color: #ff0000;
}

.Volme a.is-current-subcategory,
.Volme a.is-current-subcategory:hover,
.Volme a.is-current-subcategory:focus-visible,
.Platme a.is-current-subcategory,
.Platme a.is-current-subcategory:hover,
.Platme a.is-current-subcategory:focus-visible,
.LowBme a.is-current-subcategory,
.LowBme a.is-current-subcategory:hover,
.LowBme a.is-current-subcategory:focus-visible,
.CamasBme a.is-current-subcategory,
.CamasBme a.is-current-subcategory:hover,
.CamasBme a.is-current-subcategory:focus-visible,
.Dollysme a.is-current-subcategory,
.Dollysme a.is-current-subcategory:hover,
.Dollysme a.is-current-subcategory:focus-visible,
.Tanquesme a.is-current-subcategory,
.Tanquesme a.is-current-subcategory:hover,
.Tanquesme a.is-current-subcategory:focus-visible,
.Tolvasme a.is-current-subcategory,
.Tolvasme a.is-current-subcategory:hover,
.Tolvasme a.is-current-subcategory:focus-visible {
  color: #ff0000 !important;
}

.Volme a.is-current-subcategory .mentext,
.Volme a.is-current-subcategory:hover .mentext,
.Platme a.is-current-subcategory .mentext,
.Platme a.is-current-subcategory:hover .mentext,
.LowBme a.is-current-subcategory .mentext,
.LowBme a.is-current-subcategory:hover .mentext,
.CamasBme a.is-current-subcategory .mentext,
.CamasBme a.is-current-subcategory:hover .mentext,
.Dollysme a.is-current-subcategory .mentext,
.Dollysme a.is-current-subcategory:hover .mentext,
.Tanquesme a.is-current-subcategory .mentext,
.Tanquesme a.is-current-subcategory:hover .mentext,
.Tolvasme a.is-current-subcategory .mentext,
.Tolvasme a.is-current-subcategory:hover .mentext {
  color: #ff0000 !important;
}

/* Dense filters (desktop): keep one row when categories are many */
@media (min-width:701px){
  .FiltrosWrap.is-dense{
    flex-wrap:nowrap;
    width:100%;
    max-width:100%;
    gap:.26vw;
    padding:.34vw;
    overflow:hidden;
  }

  .FiltrosWrap.is-dense .FiltroBtn{
    flex:1 1 auto;
    min-width:0;
    font-size:.67vw;
    letter-spacing:0;
    padding:.4vw .44vw;
    white-space:nowrap;
  }
}

/* Unified Red Button Hover (excluding header FooterCTA) */
.BotonHV,
.BotonHV2,
.BotonHV33,
.BotonHV33z,
.BotonHVF1,
.CotizarBtn,
.MobileCTA {
  position: relative;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.BotonHV::before,
.BotonHV2::before,
.BotonHV33::before,
.BotonHV33z::before,
.BotonHVF1::before,
.CotizarBtn::before,
.MobileCTA::before {
  content: "";
  position: absolute;
  top: -35%;
  left: -45%;
  width: 32%;
  height: 170%;
  background: linear-gradient(115deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.52) 48%, rgba(255,255,255,0) 100%);
  opacity: 0;
  transform: translateX(-240%) rotate(18deg);
  pointer-events: none;
}

.BotonHV:hover::before,
.BotonHV2:hover::before,
.BotonHV33:hover::before,
.BotonHV33z:hover::before,
.BotonHVF1:hover::before,
.CotizarBtn:hover::before,
.MobileCTA:hover::before,
.BotonHV:focus-visible::before,
.BotonHV2:focus-visible::before,
.BotonHV33:focus-visible::before,
.BotonHV33z:focus-visible::before,
.BotonHVF1:focus-visible::before,
.CotizarBtn:focus-visible::before,
.MobileCTA:focus-visible::before {
  animation: redBtnShine 0.56s cubic-bezier(0.22, 0.61, 0.36, 1) 1;
}

@keyframes redBtnShine {
  0% {
    opacity: 0;
    transform: translateX(-240%) rotate(18deg);
  }
  12% {
    opacity: 1;
  }
  74% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateX(430%) rotate(18deg);
  }
}

.BotonHV:hover,
.BotonHV2:hover,
.BotonHV33:hover,
.BotonHV33z:hover,
.BotonHVF1:hover,
.CotizarBtn:hover,
.MobileCTA:hover,
.BotonHV:focus-visible,
.BotonHV2:focus-visible,
.BotonHV33:focus-visible,
.BotonHV33z:focus-visible,
.BotonHVF1:focus-visible,
.CotizarBtn:focus-visible,
.MobileCTA:focus-visible {
  transform: translateY(-0.18vw);
  box-shadow: 0 0.7vw 1.5vw rgba(255, 0, 0, 0.45);
  filter: brightness(1.04);
}

.BotonHV2:disabled,
.BotonHV33:disabled,
.BotonHV33z:disabled,
.MobileCTA:disabled {
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* FooterCTA Hover Sync */
.FooterCTA {
  position: relative;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.FooterCTA::before {
  content: "";
  position: absolute;
  top: -35%;
  left: -45%;
  width: 32%;
  height: 170%;
  background: linear-gradient(115deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.52) 48%, rgba(255,255,255,0) 100%);
  opacity: 0;
  transform: translateX(-240%) rotate(18deg);
  pointer-events: none;
}

.FooterCTA:hover::before,
.FooterCTA:focus-visible::before {
  animation: redBtnShine 0.56s cubic-bezier(0.22, 0.61, 0.36, 1) 1;
}

.FooterCTA:hover,
.FooterCTA:focus-visible {
  transform: translateY(-0.18vw);
  box-shadow: 0 0.7vw 1.5vw rgba(255, 0, 0, 0.45);
  filter: brightness(1.04);
}

/* Unified White Button Hover */
.FichaBtn,
.BotonHVF1 {
  position: relative;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease, color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.FichaBtn::before,
.BotonHVF1::before {
  content: "";
  position: absolute;
  top: -35%;
  left: -45%;
  width: 32%;
  height: 170%;
  background: linear-gradient(115deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.72) 48%, rgba(255,255,255,0) 100%);
  opacity: 0;
  transform: translateX(-240%) rotate(18deg);
  pointer-events: none;
}

.FichaBtn:hover::before,
.FichaBtn:focus-visible::before,
.BotonHVF1:hover::before,
.BotonHVF1:focus-visible::before {
  animation: whiteBtnShine 0.56s cubic-bezier(0.22, 0.61, 0.36, 1) 1;
}

@keyframes whiteBtnShine {
  0% {
    opacity: 0;
    transform: translateX(-240%) rotate(18deg);
  }
  12% {
    opacity: 1;
  }
  74% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateX(430%) rotate(18deg);
  }
}

.FichaBtn:hover,
.FichaBtn:focus-visible,
.BotonHVF1:hover,
.BotonHVF1:focus-visible {
  transform: translateY(-0.16vw);
  box-shadow: 0 0.65vw 1.35vw rgba(68, 81, 125, 0.28), 0 0 0 0.08vw rgba(68, 81, 125, 0.28);
  filter: brightness(1.03);
  border-color: #44517d;
  color: #44517d;
}

body.dark-mode .FichaBtn:hover,
body.dark-mode .FichaBtn:focus-visible,
body.dark-mode .BotonHVF1:hover,
body.dark-mode .BotonHVF1:focus-visible {
  box-shadow: 0 0.7vw 1.45vw rgba(255, 0, 0, 0.25), 0 0 0 0.08vw rgba(255, 0, 0, 0.22);
  border-color: #ff0000;
  color: #ffffff;
}





/* Product Hover Sync: image + buttons */
.CamionCard:hover .CotizarBtn::before,
.CamionCard:focus-within .CotizarBtn::before,
.CamionCard:hover .BotonHV::before,
.CamionCard:focus-within .BotonHV::before,
.CamionCard:hover .BotonHV2::before,
.CamionCard:focus-within .BotonHV2::before,
.CamionCard:hover .BotonHV33::before,
.CamionCard:focus-within .BotonHV33::before,
.CamionCard:hover .BotonHV33z::before,
.CamionCard:focus-within .BotonHV33z::before,
.CamionCard:hover .MobileCTA::before,
.CamionCard:focus-within .MobileCTA::before,
.RelatedCard:hover .CotizarBtn::before,
.RelatedCard:focus-within .CotizarBtn::before {
  animation: redBtnShine 0.56s cubic-bezier(0.22, 0.61, 0.36, 1) 1;
}

.CamionCard:hover .CotizarBtn,
.CamionCard:focus-within .CotizarBtn,
.CamionCard:hover .BotonHV,
.CamionCard:focus-within .BotonHV,
.CamionCard:hover .BotonHV2,
.CamionCard:focus-within .BotonHV2,
.CamionCard:hover .BotonHV33,
.CamionCard:focus-within .BotonHV33,
.CamionCard:hover .BotonHV33z,
.CamionCard:focus-within .BotonHV33z,
.CamionCard:hover .MobileCTA,
.CamionCard:focus-within .MobileCTA,
.RelatedCard:hover .CotizarBtn,
.RelatedCard:focus-within .CotizarBtn {
  transform: translateY(-0.18vw);
  box-shadow: 0 0.7vw 1.5vw rgba(255, 0, 0, 0.45);
  filter: brightness(1.04);
}

.CamionCard:hover .FichaBtn::before,
.CamionCard:focus-within .FichaBtn::before,
.CamionCard:hover .BotonHVF1::before,
.CamionCard:focus-within .BotonHVF1::before,
.RelatedCard:hover .FichaBtn::before,
.RelatedCard:focus-within .FichaBtn::before {
  animation: whiteBtnShine 0.56s cubic-bezier(0.22, 0.61, 0.36, 1) 1;
}

.CamionCard:hover .FichaBtn,
.CamionCard:focus-within .FichaBtn,
.CamionCard:hover .BotonHVF1,
.CamionCard:focus-within .BotonHVF1,
.RelatedCard:hover .FichaBtn,
.RelatedCard:focus-within .FichaBtn {
  transform: translateY(-0.16vw);
  box-shadow: 0 0.65vw 1.35vw rgba(68, 81, 125, 0.28), 0 0 0 0.08vw rgba(68, 81, 125, 0.28);
  filter: brightness(1.03);
  border-color: #44517d;
  color: #44517d;
}

body.dark-mode .CamionCard:hover .FichaBtn,
body.dark-mode .CamionCard:focus-within .FichaBtn,
body.dark-mode .CamionCard:hover .BotonHVF1,
body.dark-mode .CamionCard:focus-within .BotonHVF1,
body.dark-mode .RelatedCard:hover .FichaBtn,
body.dark-mode .RelatedCard:focus-within .FichaBtn {
  box-shadow: 0 0.7vw 1.45vw rgba(255, 0, 0, 0.25), 0 0 0 0.08vw rgba(255, 0, 0, 0.22);
  border-color: #ff0000;
  color: #ffffff;
}

/* Hierarchy Red Cintillos - Category Pages */
.CamionesHeroInner h1,
.CatalogoHead h2,
.QuoteSide h2 {
  position: relative;
  padding-bottom: 10px;
}

.CamionesHeroInner h1::after,
.CatalogoHead h2::after,
.QuoteSide h2::after {
  content: "";
  display: block;
  width: 62px;
  max-width: 38%;
  height: 3px;
  border-radius: 99px;
  margin-top: 8px;
  background: #ff0000;
  box-shadow: 0 1px 10px rgba(255, 0, 0, 0.22);
}

@media (max-width: 700px) {
  .CamionesHeroInner h1,
  .CatalogoHead h2,
  .QuoteSide h2 {
    padding-bottom: 8px;
  }

  .CamionesHeroInner h1::after,
  .CatalogoHead h2::after,
  .QuoteSide h2::after {
    width: 52px;
    height: 2px;
    margin-top: 7px;
  }
}






/* === CORPORATE OVERRIDES (global) === */
:root{
  --corp-text:#15181c;
  --corp-muted:#4b5361;
  --corp-line:#e2e6ef;
  --corp-surface:#f5f6f8;
  --corp-radius:.6vw;
  --corp-shadow:0 .35vw .85vw rgba(0,0,0,.08);
  --corp-shadow-strong:0 .55vw 1.2vw rgba(0,0,0,.12);
}

body{color:var(--corp-text);line-height:1.6}

p,li{
  color:var(--corp-muted);
  font-size:clamp(14px,.95vw,16px);
  line-height:1.6;
}

h1,h2,h3{
  letter-spacing:.01em;
  line-height:1.2;
}

h1{font-size:clamp(28px,2.9vw,44px)}
h2{font-size:clamp(22px,2.05vw,34px)}
h3{font-size:clamp(18px,1.25vw,24px)}

/* Header más sobrio */
.Footer.is-scrolled{box-shadow:0 .25vw .7vw rgba(0,0,0,.12)}

/* Filtros más corporativos */
body:not(.dark-mode) .FiltrosWrap{box-shadow:0 .18vw .6vw rgba(15,22,32,.08)}
body:not(.dark-mode) .FiltroBtn:hover{
  box-shadow:0 .2vw .6vw rgba(0,0,0,.08);
  border-color:#e5e8ef;
  background:#fff;
  color:#111827;
}
body:not(.dark-mode) .FiltroBtn.is-active{
  background:#ff0000;
  border-color:#ff0000;
  color:#fff;
  box-shadow:0 .25vw .7vw rgba(0,0,0,.12);
}

/* Hero más sobrio */
.CamionesHero{
  background:linear-gradient(180deg,#15171c 0%, #0f1216 100%);
}
body.dark-mode .CamionesHero{
  background:
    radial-gradient(circle at top right, rgba(255,0,0,.12), transparent 34%),
    linear-gradient(180deg,#17191f 0%, #0f1014 100%);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 -18px 36px rgba(0,0,0,.18);
}

/* Separadores sobrios */
.CamionCard{border-bottom:.06vw solid var(--corp-line)}
body.dark-mode .CamionCard{border-bottom:.06vw solid #273142}

/* Ajustes en modo oscuro */
body.dark-mode{color:#ffffff}
body.dark-mode p,body.dark-mode li{color:#ffffff}

@media (max-width:700px){
  .mobile-products-group-header,
  .mobile-products-group-header:hover,
  .mobile-products-group-header:focus-within,
  .mobile-products-group-header:active{
    text-shadow:none !important;
    filter:none !important;
  }

  .mobile-products-group-header:hover,
  .mobile-products-group-header:focus-within,
  .mobile-products-group-header:active{
    background:rgba(255,0,0,.06) !important;
    box-shadow:inset 0 0 0 .18vw rgba(255,0,0,.14) !important;
  }

  body.dark-mode .mobile-products-group-header:hover,
  body.dark-mode .mobile-products-group-header:focus-within,
  body.dark-mode .mobile-products-group-header:active{
    background:rgba(255,0,0,.12) !important;
    box-shadow:inset 0 0 0 .18vw rgba(255,0,0,.18) !important;
  }

  .MobileProductToggle,
  .MobileProductToggle:hover,
  .MobileProductToggle:focus-visible,
  .MobileProductToggle:active,
  .MobileProductToggle[aria-expanded="true"],
  .ppdmt.is-open .MobileProductToggle,
  body.dark-mode .MobileProductToggle,
  body.dark-mode .MobileProductToggle:hover,
  body.dark-mode .MobileProductToggle:focus-visible,
  body.dark-mode .MobileProductToggle:active,
  body.dark-mode .MobileProductToggle[aria-expanded="true"],
  body.dark-mode .ppdmt.is-open .MobileProductToggle,
  body.dark-mode .mobile-products-group-header:hover .MobileProductToggle,
  body.dark-mode .mobile-products-group-header:focus-within .MobileProductToggle,
  body.dark-mode .mobile-products-group-header:active .MobileProductToggle{
    text-shadow:none !important;
    filter:none !important;
    box-shadow:none !important;
    -webkit-text-stroke:0 !important;
  }

  body.dark-mode .CamionesHero{
    background:
      radial-gradient(circle at top right, rgba(255,0,0,.12), transparent 34%),
      linear-gradient(180deg,#17191f 0%, #0f1014 100%) !important;
    border-bottom:1px solid rgba(255,255,255,.08);
    box-shadow:inset 0 -18px 36px rgba(0,0,0,.18);
  }

  body.dark-mode .CamionesCatalogo{
    background:#121212 !important;
  }
}