/* --- sección/título --- */
.scrpc-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:12px}
.scrpc-section-head h3{margin:0;font-size:1.25rem;font-weight:700}
.scrpc-carousel-nav button{border:0;background:#f2f4f7;width:36px;height:36px;border-radius:10px;font-size:20px;line-height:36px;cursor:pointer}
.scrpc-carousel-nav button:hover{background:#e6e9ef}

/* --- carousel --- */
.scrpc-carousel-wrap{position:relative}
.scrpc-carousel{overflow:hidden}
.scrpc-c-track{display:flex;gap:14px;transition:transform .45s ease}
.scrpc-c-card{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;border:1px solid #edf0f4;border-radius:14px;padding:14px;min-width:160px;text-decoration:none;color:#111;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.scrpc-c-card:hover{box-shadow:0 8px 24px rgba(16,24,40,.08);transform:translateY(-1px)}
.scrpc-c-thumb{display:flex;align-items:center;justify-content:center;width:120px;height:70px}
.scrpc-c-thumb.is-pill{width:120px;height:42px;border-radius:9999px;background:#f7f7f9;padding:6px 10px}
.scrpc-c-thumb img{max-width:100%;max-height:100%;object-fit:contain}
.scrpc-c-title{font-size:.85rem;text-align:center;color:#3b3b3b;min-height:1.2em}

/* dots */
.scrpc-c-dots{display:flex;justify-content:center;gap:8px;margin-top:10px}
.scrpc-c-dots .dot{width:8px;height:8px;border-radius:9999px;background:#d0d5dd;border:0}
.scrpc-c-dots .dot.active{background:#111827}

/* --- marquee --- */
.scrpc-marquee{overflow:hidden}
.scrpc-m-track{display:flex;gap:var(--gap,40px);will-change:transform}
.scrpc-m-item{display:block}
.scrpc-m-thumb{width:120px;height:64px;border:1px solid #edf0f4;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:8px}
.scrpc-m-thumb img{max-width:100%;max-height:100%;object-fit:contain}
.scrpc-m-thumb.is-pill{height:42px;border-radius:9999px;background:#f7f7f9}

/* --- botón carrito en menú --- */
.menu-item-scrpc-quote > a.scrpc-menu-quote,
.scrpc-menu-quote{display:inline-flex;align-items:center;gap:8px;background:#fdf2f2;border:1px solid #fca5a5;color:#991b1b;padding:6px 10px;border-radius:9999px;text-decoration:none;font-weight:600}
.scrpc-menu-quote-total{font-weight:700}
.scrpc-menu-quote-badge{background:#ef4444;color:#fff;border-radius:9999px;padding:2px 6px;font-size:.75rem;margin-left:2px}

/* --- pequeños helpers --- */
.scrpc-center{display:flex;align-items:center;justify-content:center}
/* ===== Flechas superpuestas centradas ===== */
.scrpc-carousel-wrap{ --scrpc-arrow-size:44px; }
.scrpc-c-arrow{
  position:absolute; top:50%; transform:translateY(-50%);
  width:var(--scrpc-arrow-size); height:var(--scrpc-arrow-size);
  display:flex; align-items:center; justify-content:center;
  border:0; border-radius:10px; cursor:pointer; z-index:5;
  background:#ad0000; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.18);
}
.scrpc-c-arrow.left{  left:10px; }
.scrpc-c-arrow.right{ right:10px; }
.scrpc-c-arrow:focus{ outline:2px solid rgba(173,0,0,.4); outline-offset:2px; }

@media (hover:hover){
  .scrpc-c-arrow{ opacity:.9; transition:opacity .15s, transform .12s; }
  .scrpc-c-arrow:hover{ opacity:1; transform:translateY(-50%) scale(1.04); }
}

/* (Opcional) Oculta los botones del header para no duplicar controles */
.scrpc-section-head .scrpc-carousel-nav{ display:none; }
