/* ===== Variáveis padrão ===== */
.llc-wrap{
  --llc-accent:#d23b4a;
  --llc-gap:12px;
  --llc-mini:76px;
  --llc-item-w:340px;
  --llc-font:#111;
  --llc-btn-bg:#d23b4a;
  --llc-btn-color:#fff;
  --llc-radius:12px;
  --llc-card-bg:#fff;
  --llc-card-border:#ececec;
  --llc-card-shadow:0 1px 2px rgba(16,24,40,.06);
  --llc-card-shadow-hover:0 10px 24px rgba(16,24,40,.12);
}

/* ===== Cabeçalho ===== */
.llc-wrap{margin:20px 0;position:relative}
.llc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.llc-block-title{margin:0;font-size:1.2rem;font-weight:700}
.llc-cta{font-weight:700;text-decoration:none;color:var(--llc-accent)}
.llc-cta:hover{text-decoration:underline}

/* ===== Linha ===== */
.llc-strip[data-line="top"]{border-top:3px solid var(--llc-accent);padding-top:8px}
.llc-strip[data-line="bottom"]{border-bottom:3px solid var(--llc-accent);padding-bottom:8px}
.llc-strip[data-line="none"]{border:0}

/* ===== Scroller ===== */
.llc-scroll{
  display:flex;gap:var(--llc-gap);
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:smooth;
  scrollbar-width:thin;
  padding:2px 0;
  touch-action: pan-x;
  cursor: grab;
}
.llc-scroll.grabbed{ cursor: grabbing; }

.llc-scroll::-webkit-scrollbar{height:4px}
.llc-scroll::-webkit-scrollbar-thumb{background:#aaa;border-radius:2px}

/* ===== STRIP (linha compacta) ===== */
.llc-scroll.strip .llc-item,
.llc-scroll[data-layout="strip"] .llc-item{
  flex:0 0 var(--llc-item-w) !important;max-width:var(--llc-item-w) !important;min-width:260px !important;
  display:flex !important;align-items:center !important;gap:12px !important;
  background:var(--llc-card-bg);border:1px solid var(--llc-card-border);border-radius:var(--llc-radius);
  padding:10px 12px;box-shadow:var(--llc-card-shadow);transition:box-shadow .25s ease, transform .2s ease;
}
.llc-scroll.strip .llc-item:hover{box-shadow:var(--llc-card-shadow-hover);transform:translateY(-1px)}
@media (max-width:1200px){ .llc-scroll.strip .llc-item,.llc-scroll[data-layout="strip"] .llc-item{flex-basis:330px !important;max-width:330px !important}}
@media (max-width:1024px){ .llc-scroll.strip .llc-item,.llc-scroll[data-layout="strip"] .llc-item{flex-basis:310px !important;max-width:310px !important}}
@media (max-width:768px){  .llc-scroll.strip .llc-item,.llc-scroll[data-layout="strip"] .llc-item{flex-basis:290px !important;max-width:290px !important}}
@media (max-width:520px){  .llc-scroll.strip .llc-item,.llc-scroll[data-layout="strip"] .llc-item{flex-basis:260px !important;max-width:260px !important}}

.llc-scroll.strip .mini,
.llc-scroll[data-layout="strip"] .mini{
  width:var(--llc-mini) !important;height:var(--llc-mini) !important;flex:0 0 var(--llc-mini) !important;
  border-radius:10px !important;overflow:hidden !important;background:#f2f2f2 !important;display:block !important;
  box-shadow:0 1px 2px rgba(16,24,40,.08);
}
.llc-scroll.strip .mini img,
.llc-scroll[data-layout="strip"] .mini img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;transition:transform .25s ease}
.llc-scroll.strip .llc-item:hover .mini img{transform:scale(1.04)}
.llc-scroll.strip .txt,
.llc-scroll[data-layout="strip"] .txt{margin-top:0 !important;flex:1 1 auto !important}

/* ===== RAIL (cards) ===== */
.llc-scroll.rail .llc-item,.llc-scroll[data-layout="rail"] .llc-item{
  flex:0 0 auto;max-width:240px;background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:var(--llc-card-shadow)
}
.llc-scroll.rail .mini img,.llc-scroll[data-layout="rail"] .mini img{width:100%;height:auto;border-radius:12px 12px 0 0;display:block}
.llc-scroll.rail .txt,.llc-scroll[data-layout="rail"] .txt{margin:8px 10px 10px}

/* ===== Label ===== */
.llc-wrap .llc-item .lbl{
  display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.2px;
  color:#fff !important;background:var(--llc-accent) !important;padding:3px 7px;border-radius:999px;
  box-shadow:0 0 0 1px rgba(255,255,255,.6) inset, 0 1px 2px rgba(16,24,40,.08);margin-bottom:3px
}

/* ===== Título ===== */
.llc-wrap .llc-item .ttl{
  white-space:normal !important;overflow-wrap:anywhere;word-break:normal;
  font-family:var(--llc-font,inherit) !important;color:var(--llc-font) !important;
  font-size:.95rem !important;line-height:1.25 !important;font-weight:700 !important;text-decoration:none !important;
  display:-webkit-box !important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.25em * 3);
  transition:color .2s ease
}
.llc-wrap .llc-item .ttl:hover{color:var(--llc-accent) !important;text-decoration:none !important}

/* ===== Card-botão final ===== */
.llc-item.end-card{
  display:flex !important;align-items:center !important;justify-content:center !important;min-width:220px !important;
  background:var(--llc-card-bg);border:1px solid var(--llc-card-border);border-radius:var(--llc-radius);box-shadow:var(--llc-card-shadow)
}
.llc-item.end-card .end-pill{
  display:inline-block;background:var(--llc-btn-bg);color:var(--llc-btn-color);
  padding:10px 18px;border-radius:8px;font-weight:800;text-decoration:none;white-space:nowrap;box-shadow:0 1px 2px rgba(16,24,40,.08)
}
.llc-item.end-card .end-pill:hover{opacity:.92}

/* ===== Setas (indicador=arrows) ===== */
.llc-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:999px;background:#fff;border:1px solid #ddd;display:none;place-items:center;cursor:pointer;user-select:none;z-index:3;box-shadow:0 1px 2px rgba(16,24,40,.06)}
.llc-nav.prev{left:6px}
.llc-nav.next{right:6px}
.llc-wrap[data-scroll-indicator="arrows"] .llc-nav{display:grid}