/* Cabecera contenida en el mismo ancho que el catálogo. Sin animación. */
body.mlh3d-placas-banner .mlh3d-category-hero--compact {
  width:100%;max-width:100%;box-sizing:border-box;margin:0!important;
  background-color:#07182d;
  background-image:linear-gradient(90deg,#07182d 0%,rgba(7,24,45,.97) 23%,rgba(7,24,45,.15) 54%,transparent 70%),url('../images/categories/placas-banner.webp');
  background-size:100% 100%,auto 100%;background-position:center,right center;background-repeat:no-repeat;
}
body.mlh3d-placas-banner .mlh3d-category-hero--compact:after {display:none;}
body.mlh3d-placas-banner .mlh3d-category-hero__inner--compact {
  width:100%;max-width:100%;box-sizing:border-box;margin:0;
  min-height:175px!important;padding:20px 24px!important;
}
body.mlh3d-placas-banner .mlh3d-category-compact-title-row {
  width:48%;flex-direction:row;align-items:center;gap:12px;
}
body.mlh3d-placas-banner .mlh3d-category-breadcrumbs {max-width:48%;}
body.mlh3d-placas-banner .mlh3d-category-compact-intro {max-width:46%;color:#e1eaf5;}
body.mlh3d-placas-banner .mlh3d-category-hero--compact .mlh3d-shop-eyebrow {margin-bottom:8px!important;}
body.mlh3d-placas-banner .mlh3d-category-hero--compact h1 {font-size:30px!important;}
body.mlh3d-placas-banner .mlh3d-category-compact-intro {
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
  margin-top:10px!important;font-size:12px;line-height:1.45;
}
@media(max-width:767px) {
  body.mlh3d-placas-banner .mlh3d-category-hero--compact {
    background-image:linear-gradient(90deg,#07182d 0%,rgba(7,24,45,.95) 33%,rgba(7,24,45,.45) 51%,transparent 72%),url('../images/categories/placas-banner-mobile.webp');
    background-size:100% 100%,auto 170px;background-position:center,right center;
  }
  body.mlh3d-placas-banner .mlh3d-category-hero__inner--compact {min-height:190px!important;padding:16px!important;}
  body.mlh3d-placas-banner .mlh3d-category-compact-title-row {width:53%;flex-direction:column;align-items:flex-start;gap:8px;}
  body.mlh3d-placas-banner .mlh3d-category-breadcrumbs,
  body.mlh3d-placas-banner .mlh3d-category-compact-intro {max-width:53%;}
  body.mlh3d-placas-banner .mlh3d-category-hero--compact h1 {font-size:25px!important;}
  body.mlh3d-placas-banner .mlh3d-category-hero--compact .mlh3d-shop-eyebrow {margin-bottom:5px!important;}
}
@media(max-width:360px) {
  body.mlh3d-placas-banner .mlh3d-category-hero--compact {background-size:100% 100%,auto 150px;}
}