/* DIM Marcas — front */
.dim-marcas{--dmc:6;--dmct:4;--dmcm:3;--dmh:120px;--dmgap:20px;--dmbg:#fff;--dmaccent:#ff10f0;
  background:var(--dmbg);padding:60px 0 40px;margin-top:0;text-align:center;font-family:Montserrat,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.dim-marcas__head{margin:0 0 40px}
.dim-marcas__title{font-family:Montserrat,sans-serif;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:#999;margin:0;font-weight:600}
.dim-marcas__sub{margin:10px auto 0;max-width:560px;color:#666;font-size:14px}
.dim-marcas__viewport{position:relative}
.dim-marcas__grid{display:grid;grid-template-columns:repeat(var(--dmc),minmax(0,1fr));gap:calc(var(--dmgap) * 1.5) var(--dmgap);align-items:center;justify-items:center;max-width:100%}
.dim-marcas__item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:calc(var(--dmh) + 10px);padding:5px;text-decoration:none;color:#111;transition:.2s linear;border-radius:8px}
.dim-marcas__item[hidden]{display:none!important}
.dim-marcas__item:hover{transform:translateY(-3px);color:var(--dmaccent)}
.dim-marcas .dim-marcas__grid .dim-marcas__logo{display:block;width:auto;max-width:100%;height:var(--dmh)!important;max-height:var(--dmh);object-fit:contain;transition:opacity .3s,filter .3s}
.dim-marcas--gray .dim-marcas__logo{filter:grayscale(1);opacity:.75}
.dim-marcas--gray .dim-marcas__item:hover .dim-marcas__logo{filter:none;opacity:1}
.dim-marcas__text{display:flex;align-items:center;justify-content:center;height:var(--dmh);padding:0 8px;font-weight:800;font-size:clamp(14px,1.4vw,22px);letter-spacing:.04em;text-transform:uppercase;line-height:1.1;color:#111}
.dim-marcas__name{margin-top:8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#777}
.dim-marcas__item:hover .dim-marcas__name{color:var(--dmaccent)}

/* Paginación */
.dim-marcas__pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:32px 0 0}
.dim-marcas__pbtn{appearance:none;border:1.5px solid #e5e5e5;background:#fff;color:#111;min-width:38px;height:38px;padding:0 10px;border-radius:999px;font:600 13px/1 Montserrat,sans-serif;cursor:pointer;transition:.15s}
.dim-marcas__pbtn:hover:not(:disabled){border-color:#111}
.dim-marcas__pbtn.is-active{background:#111;border-color:#111;color:#fff}
.dim-marcas__pbtn:disabled{opacity:.35;cursor:default}
.dim-marcas__morewrap{margin-top:32px}
.dim-marcas__more{appearance:none;border:2px solid #111;background:#111;color:#fff;padding:12px 26px;border-radius:999px;font:700 13px/1 Montserrat,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.15s}
.dim-marcas__more:hover{background:var(--dmaccent);border-color:var(--dmaccent)}
.dim-marcas__more .dim-marcas__count{opacity:.7;font-weight:500}
.dim-marcas__all{margin:28px 0 0;font-size:13px}
.dim-marcas__all a{color:#111;text-decoration:none;border-bottom:1.5px solid var(--dmaccent);padding-bottom:2px;font-weight:600}
.dim-marcas__all a:hover{color:var(--dmaccent)}

/* Carrusel */
.dim-marcas--carousel .dim-marcas__grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--dmc) - 1) * var(--dmgap)) / var(--dmc));grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px;-webkit-overflow-scrolling:touch}
.dim-marcas--carousel .dim-marcas__grid::-webkit-scrollbar{display:none}
.dim-marcas--carousel .dim-marcas__item{scroll-snap-align:start}
.dim-marcas__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:38px;height:38px;border-radius:50%;border:1.5px solid #e5e5e5;background:#fff;color:#111;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:.15s}
.dim-marcas__nav:hover{border-color:#111}
.dim-marcas__nav--prev{left:-6px}.dim-marcas__nav--next{right:-6px}

@media (max-width:1024px){.dim-marcas__grid{grid-template-columns:repeat(var(--dmct),minmax(0,1fr))}
  .dim-marcas--carousel .dim-marcas__grid{grid-auto-columns:calc((100% - (var(--dmct) - 1) * var(--dmgap)) / var(--dmct))}}
@media (max-width:640px){.dim-marcas{padding:40px 0 30px}.dim-marcas__grid{grid-template-columns:repeat(var(--dmcm),minmax(0,1fr));gap:var(--dmgap) calc(var(--dmgap) * .75)}
  .dim-marcas .dim-marcas__grid .dim-marcas__logo,.dim-marcas__text{height:calc(var(--dmh) * .7)!important;max-height:calc(var(--dmh) * .7)}.dim-marcas__item{min-height:0}
  .dim-marcas--carousel .dim-marcas__grid{grid-auto-columns:calc((100% - (var(--dmcm) - 1) * var(--dmgap)) / var(--dmcm))}
  .dim-marcas__nav{display:none}}