/* Comprarteycafé Category Slider 1.1.0
   Hero de categorías a pantalla completa / full bleed.
   No modifica catálogo, productos ni la estructura del tema. */

/* FULL BLEED: rompe únicamente el límite del .ctc-shell que contiene el hero. */
body.tax-product_cat .ctc-category-hero--has-media{
  width:100vw!important;
  max-width:none!important;
  min-height:clamp(430px,33.333vw,620px);
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  margin-top:0!important;
  margin-bottom:52px!important;
  padding:clamp(54px,5.2vw,84px) 55vw clamp(54px,5.2vw,84px) max(48px,calc((100vw - 1380px)/2 + 56px))!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  background:rgba(255,255,255,.18)!important;
  box-shadow:0 30px 90px rgba(55,39,29,.13),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(255,255,255,.28)!important;
  isolation:isolate;
}

body.tax-product_cat .ctc-category-hero--has-media .ctc-category-hero__inner{
  max-width:560px!important;
  width:100%;
  margin:0!important;
  text-align:left!important;
  position:relative;
  z-index:5;
}
body.tax-product_cat .ctc-category-hero--has-media .ctc-category-hero__rule{margin-left:0!important;margin-right:auto!important}
body.tax-product_cat .ctc-category-hero--has-media .ctc-category-hero__copy,
body.tax-product_cat .ctc-category-hero--has-media .ctc-category-hero__copy p{max-width:530px!important;margin-left:0!important;margin-right:0!important}

.ctc-cat-slider{position:absolute;inset:0;z-index:0;border-radius:inherit;overflow:hidden;background:#eee8df}
.ctc-cat-slide{position:absolute;inset:0;background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:0;transform:scale(1.012);transition:opacity var(--ctc-cat-transition,900ms) ease,transform 6s ease;will-change:opacity,transform}
.ctc-cat-slide.is-active{opacity:1;transform:scale(1)}

/* Protege la lectura del texto a la izquierda sin ocultar la fotografía. */
.ctc-cat-slider__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,252,247,.97) 0%,rgba(255,252,247,.89) 24%,rgba(255,252,247,.60) 39%,rgba(255,252,247,.13) 53%,rgba(255,255,255,0) 69%);z-index:2}
.ctc-category-hero--media-tea .ctc-cat-slider__shade{background:linear-gradient(90deg,rgba(252,253,247,.97) 0%,rgba(252,253,247,.90) 24%,rgba(246,249,239,.61) 40%,rgba(255,255,255,.12) 54%,transparent 70%)}
.ctc-category-hero--media-infusion .ctc-cat-slider__shade{background:linear-gradient(90deg,rgba(255,252,245,.97) 0%,rgba(255,252,245,.90) 24%,rgba(250,245,233,.61) 40%,rgba(255,255,255,.12) 54%,transparent 70%)}

.ctc-category-hero--has-media::before{z-index:3!important}.ctc-category-hero--has-media::after{z-index:3!important}.ctc-category-hero--has-media .ctc-category-hero__shine{z-index:6!important}
.ctc-cat-slider__arrow{position:absolute;z-index:8;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid rgba(255,255,255,.88);border-radius:50%;background:rgba(255,255,255,.66);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#382a21;font-size:30px;line-height:35px;cursor:pointer;box-shadow:0 8px 26px rgba(43,33,27,.12);transition:.2s}.ctc-cat-slider__arrow:hover{background:rgba(255,255,255,.9);transform:translateY(-50%) scale(1.04)}
.ctc-cat-slider__arrow--prev{left:22px}.ctc-cat-slider__arrow--next{right:22px}
.ctc-cat-slider__dots{position:absolute;z-index:8;right:34px;bottom:24px;display:flex;gap:7px}.ctc-cat-slider__dot{width:8px;height:8px;padding:0;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(255,255,255,.42);box-shadow:0 2px 8px rgba(0,0,0,.12);cursor:pointer;transition:.2s}.ctc-cat-slider__dot.is-active{width:24px;border-radius:99px;background:#fff}

/* Fallback también a pantalla completa si el tema no crea el hero. */
body.tax-product_cat .ctc-category-hero--plugin-fallback{
  position:relative;overflow:hidden;width:100vw;max-width:none;
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-bottom:52px;
  border-radius:0;border-left:0;border-right:0;border-top:1px solid rgba(255,255,255,.86);border-bottom:1px solid rgba(255,255,255,.86);
  box-shadow:0 30px 90px rgba(55,39,29,.14);min-height:clamp(430px,33.333vw,620px)
}

/* Tablet: sigue siendo full width y conserva composición lateral mientras haya espacio. */
@media(max-width:1100px) and (min-width:901px){
  body.tax-product_cat .ctc-category-hero--has-media{
    padding-left:48px!important;
    padding-right:52vw!important;
  }
  body.tax-product_cat .ctc-category-hero--has-media .ctc-category-hero__inner{max-width:470px!important}
}

/* Móvil: ancho completo; imagen arriba, texto debajo, sin scroll horizontal. */
@media(max-width:900px){
  body.tax-product_cat .ctc-category-hero--has-media{
    width:100vw!important;max-width:none!important;
    margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
    padding:clamp(250px,70vw,390px) 24px 38px!important;
    min-height:0;border-radius:0!important;margin-bottom:34px!important;
  }
  .ctc-cat-slider{bottom:auto;height:clamp(230px,64vw,360px);border-radius:0}
  .ctc-cat-slide{background-position:center center}
  .ctc-cat-slider__shade{background:linear-gradient(180deg,transparent 42%,rgba(255,255,255,.82) 100%)!important}
  body.tax-product_cat .ctc-category-hero--has-media .ctc-category-hero__inner{max-width:none!important}
  .ctc-cat-slider__arrow{top:calc(clamp(230px,64vw,360px)/2)}
  .ctc-cat-slider__arrow--prev{left:12px}.ctc-cat-slider__arrow--next{right:12px}
  .ctc-cat-slider__dots{top:calc(clamp(230px,64vw,360px) - 28px);right:20px;bottom:auto}
  .ctc-category-hero--has-media::before,.ctc-category-hero--has-media::after{display:none}
}