/* CCM Tienda Sections — Showroom (slider de fotos). Encapsulado bajo .ccmts-showroom. */
.ccmts-showroom{
  --bg:#08080A; --line:rgba(255,255,255,.09); --line-strong:rgba(255,255,255,.16);
  --fg-2:#B5B5BD; --red:#E60000; --r-lg:22px; --r-pill:100px;
  --font:"founder grotesk CCM","Founders Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
  display:block; font-family:var(--font); color:#fff; background:var(--bg);
  padding:clamp(40px,5vw,72px) 16px;
}
/* Banda negra a todo el ancho del contenedor; el contenido se centra a 1180. */
.ccmts-showroom .ccmts-sr__head,
.ccmts-showroom .ccmts-sr__frame,
.ccmts-showroom .ccmts-sr__thumbs{max-width:1180px; margin-inline:auto}
.ccmts-showroom *{box-sizing:border-box; margin:0; padding:0}
.ccmts-showroom img{display:block; max-width:100%}

/* Tamaños/colores equivalentes a los títulos de sección de la home (sobre fondo blanco). */
.ccmts-showroom .ccmts-sr__head{margin-bottom:clamp(18px,2.5vw,28px)}
.ccmts-showroom .ccmts-sr__eyebrow{display:inline-flex; align-items:center; gap:9px; font-size:12px;
  font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:#ff5a5a}
.ccmts-showroom .ccmts-sr__eyebrow::before{content:""; width:26px; height:1px; background:var(--red); opacity:.7}
.ccmts-showroom .ccmts-sr__title{font-weight:500; line-height:1.2; letter-spacing:normal;
  font-size:clamp(20px,1.45vw,24px); margin-top:10px; color:#fff}
.ccmts-showroom .ccmts-sr__desc{color:rgba(255,255,255,.55); font-size:15px; font-weight:400;
  max-width:560px; margin-top:8px; line-height:1.55}

.ccmts-showroom .ccmts-sr__frame{position:relative; border-radius:var(--r-lg); overflow:hidden;
  border:1px solid var(--line-strong); background:#000; box-shadow:0 40px 90px -40px rgba(0,0,0,.9)}
.ccmts-showroom .ccmts-sr__vp{position:relative; overflow:hidden; outline:none}
.ccmts-showroom .ccmts-sr__track{display:flex; transition:transform .6s var(--ease)}
.ccmts-showroom .ccmts-sr__slide{min-width:100%; aspect-ratio:16/9; position:relative}
.ccmts-showroom .ccmts-sr__img{width:100%; height:100%; object-fit:cover}
.ccmts-showroom .ccmts-sr__cap{position:absolute; left:0; right:0; bottom:0; padding:60px 24px 18px;
  background:linear-gradient(transparent,rgba(0,0,0,.8)); font-size:14px; color:var(--fg-2); font-weight:500}

.ccmts-showroom .ccmts-sr__nav{position:absolute; top:50%; transform:translateY(-50%); z-index:3;
  width:48px; height:48px; border-radius:50%; background:#fff; border:1px solid rgba(0,0,0,.08);
  color:#111 !important; font-size:22px; line-height:1; display:grid; place-items:center; cursor:pointer;
  box-shadow:0 2px 12px rgba(0,0,0,.3); transition:.25s}
.ccmts-showroom .ccmts-sr__nav:hover{background:#fff; color:var(--red) !important; transform:translateY(-50%) scale(1.06)}
.ccmts-showroom .ccmts-sr__prev{left:16px}
.ccmts-showroom .ccmts-sr__next{right:16px}
.ccmts-showroom .ccmts-sr__count{position:absolute; top:16px; right:16px; z-index:3; padding:6px 13px;
  border-radius:var(--r-pill); background:rgba(8,8,10,.6); border:1px solid var(--line); font-size:12.5px;
  font-weight:500; letter-spacing:.04em; backdrop-filter:blur(8px)}

.ccmts-showroom .ccmts-sr__thumbs{display:flex; gap:10px; margin-top:14px; overflow-x:auto;
  padding-bottom:6px; scrollbar-width:thin}
.ccmts-showroom .ccmts-sr__thumbs::-webkit-scrollbar{height:6px}
.ccmts-showroom .ccmts-sr__thumbs::-webkit-scrollbar-thumb{background:var(--line-strong); border-radius:10px}
.ccmts-showroom .ccmts-sr__thumb{flex:0 0 auto; width:96px; height:64px; border-radius:11px; overflow:hidden;
  border:2px solid transparent; opacity:.5; cursor:pointer; transition:.25s; background:#000; padding:0}
.ccmts-showroom .ccmts-sr__thumbimg{width:100%; height:100%; object-fit:cover}
.ccmts-showroom .ccmts-sr__thumb:hover{opacity:.85}
.ccmts-showroom .ccmts-sr__thumb.active{opacity:1; border-color:var(--red)}

@media(max-width:560px){
  .ccmts-showroom .ccmts-sr__thumb{width:72px; height:48px}
  .ccmts-showroom .ccmts-sr__nav{width:42px; height:42px; font-size:19px}
}
@media(prefers-reduced-motion:reduce){
  .ccmts-showroom .ccmts-sr__track{transition:none}
}