/* Carrusel «Joyas de clientes» (widget de Elementor). Valores por defecto: identidad de Crea Tu Joya Online.
   Todo lo editable desde Elementor sobrescribe estas reglas con más especificidad ({{WRAPPER}}). */
.ctj-gal{--ink:#1F1F1F;--muted:#8F857B;--line:#E4DACD;--ctj-lb-bg:#F5F1EB;--ctj-lb-text:#1F1F1F;--ctj-lb-accent:#9E4624;
  font-family:"Work Sans",sans-serif;color:var(--ink);position:relative;overflow:hidden;padding:24px 0 32px}
.ctj-gal *{box-sizing:border-box}
/* El widget ocupa siempre todo el ancho disponible (su contenido va posicionado y no tiene ancho propio) */
.elementor-widget-ctj_galeria_joyas{width:100%;max-width:100%;flex:0 0 auto;align-self:stretch}
.ctj-gal{width:100%}
.ctj-gal__stage{width:100%}
.ctj-gal [hidden]{display:none !important}

.ctj-gal__tabs{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin:0 auto 8px;padding:0 24px}
.ctj-gal__tab{appearance:none;background:none;border:0;border-radius:0;box-shadow:none;padding:4px 0;margin:0;font:inherit;font-family:"Work Sans",sans-serif;font-size:13px;font-weight:500;letter-spacing:.3px;line-height:1.3;color:var(--muted);cursor:pointer;position:relative}
.ctj-gal__tab:hover,.ctj-gal__tab:focus{background:none;color:var(--ink)}
.ctj-gal__tab[aria-pressed="true"]{color:var(--ink)}
.ctj-gal__tab[aria-pressed="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor}

.ctj-gal__stage{--w:min(440px,74vw);position:relative;height:calc(var(--w) * 1.27 + 40px);margin:16px auto 0;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none}
.ctj-gal__frame{position:absolute;left:50%;top:20px;width:var(--w);height:calc(var(--w) * 1.27);transform:translateX(-50%);
  border:1px solid rgba(31,31,31,.38);border-radius:28px;pointer-events:none;z-index:3;transition:border-color .4s ease}
.ctj-gal__meta{position:absolute;left:22px;right:22px;top:18px;display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;line-height:1.3}
.ctj-gal__name{font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ctj-gal__cat{color:var(--muted);white-space:nowrap}
.ctj-gal__foot{position:absolute;left:22px;right:22px;bottom:20px}
.ctj-gal__bar{position:relative;height:1px;background:var(--line)}
.ctj-gal__bar span{position:absolute;top:50%;transform:translateY(-50%);height:2px;background:var(--ink);transition:left .5s cubic-bezier(.22,.61,.36,1),width .5s}
.ctj-gal__count{display:flex;justify-content:space-between;margin-top:12px;font-size:12px;line-height:1.3;color:var(--muted);letter-spacing:.4px}
.ctj-gal__count b{color:var(--ink);font-weight:600}

.ctj-gal__item{position:absolute;left:50%;top:calc(20px + var(--w) * .135);width:var(--w);height:var(--w);margin-left:calc(var(--w) / -2);
  transition:transform .7s cubic-bezier(.22,.61,.36,1),opacity .6s ease,filter .6s ease;will-change:transform;cursor:pointer;z-index:1;mix-blend-mode:multiply}
.ctj-gal__item.is-active{z-index:2;cursor:zoom-in}
.ctj-gal__item video{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;filter:brightness(1.02);-webkit-user-drag:none;transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.ctj-gal__item.is-active:hover video{transform:scale(1.035)}
.ctj-gal__item.is-off{opacity:0;pointer-events:none}

/* Flechas: botones redondos con el icono perfectamente centrado (se anulan los estilos de botón del tema) */
.ctj-gal .ctj-gal__nav{position:absolute;top:calc(20px + var(--w) * .635);transform:translateY(-50%);z-index:4;
  width:44px;height:44px;min-width:0;min-height:0;padding:0;margin:0;border-radius:50%;line-height:0;font-size:0;text-indent:0;box-shadow:none;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
  border:1px solid rgba(31,31,31,.35);background:rgba(250,246,241,.7);color:var(--ink);
  transition:border-color .3s,background-color .3s,color .3s}
.ctj-gal .ctj-gal__nav:hover,.ctj-gal .ctj-gal__nav:focus-visible{border-color:var(--ink);background:#fff;color:var(--ink)}
.ctj-gal .ctj-gal__nav svg{display:block;width:16px;height:16px;margin:0;flex:0 0 auto}
.ctj-gal__nav--prev{left:calc(50% - var(--w) / 2 - 32px - var(--ctj-nav, 44px))}
.ctj-gal__nav--next{left:calc(50% + var(--w) / 2 + 32px)}
.ctj-gal__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ctj-gal__empty{text-align:center;color:var(--muted);font-size:15px;padding:80px 24px;margin:0}

/* Lightbox (se mueve al <body>; hereda los colores del widget mediante variables) */
.ctj-lb{position:fixed;inset:0;z-index:99999;background:var(--ctj-lb-bg,#F5F1EB);display:flex;flex-direction:column;align-items:center;justify-content:center;
  opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s;font-family:var(--ctj-font,"Work Sans"),sans-serif;color:var(--ctj-lb-text,#1F1F1F);padding:64px 20px 32px}
.ctj-lb [hidden]{display:none !important}
.ctj-lb.is-open{opacity:1;visibility:visible;transition:opacity .35s ease}
.ctj-lb__media{width:min(76vh,92vw,880px);aspect-ratio:1/1;mix-blend-mode:multiply;transform:scale(.96);transition:transform .45s cubic-bezier(.22,.61,.36,1)}
.ctj-lb.is-open .ctj-lb__media{transform:scale(1)}
.ctj-lb__media video{width:100%;height:100%;object-fit:contain;pointer-events:none;display:block;filter:brightness(1.02)}
.ctj-lb__info{text-align:center;max-width:520px;margin-top:10px;min-height:56px}
.ctj-lb__cat{font-size:12px;font-weight:600;letter-spacing:1.6px;color:var(--ctj-lb-accent,#9E4624);text-transform:uppercase;margin:0 0 6px}
.ctj-lb__name{font-size:19px;font-weight:600;margin:0}
.ctj-lb .ctj-lb__btn{position:absolute;width:44px;height:44px;min-width:0;padding:0;margin:0;border-radius:50%;line-height:0;font-size:0;box-shadow:none;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
  border:1px solid currentColor;background:transparent;color:var(--ctj-lb-text,#1F1F1F);opacity:.8}
.ctj-lb .ctj-lb__btn:hover{opacity:1;background:rgba(255,255,255,.7);color:var(--ctj-lb-text,#1F1F1F)}
.ctj-lb .ctj-lb__btn svg{display:block;width:16px;height:16px;margin:0}
.ctj-lb__close{top:18px;right:18px}
.ctj-lb__prev{left:24px;top:50%;transform:translateY(-50%)}
.ctj-lb__next{right:24px;top:50%;transform:translateY(-50%)}

@media (max-width:767px){
  .ctj-gal__tabs{gap:14px;flex-wrap:nowrap;overflow-x:auto;justify-content:safe center;scrollbar-width:none}
  .ctj-gal__tabs::-webkit-scrollbar{display:none}
  .ctj-gal__tab{font-size:12.5px;white-space:nowrap;flex:0 0 auto}
  .ctj-gal__stage{--w:min(440px,78vw)}
  .ctj-gal .ctj-gal__nav{display:none}
  .ctj-gal__meta{left:16px;right:16px;top:14px;font-size:12px}
  .ctj-gal__foot{left:16px;right:16px;bottom:14px}
  .ctj-lb{padding:64px 12px 24px}
  .ctj-lb .ctj-lb__prev,.ctj-lb .ctj-lb__next{display:none}
}
@media (prefers-reduced-motion:reduce){.ctj-gal__item,.ctj-gal__bar span,.ctj-lb,.ctj-lb__media{transition:none}}