.tths-slider{display:block;width:100%;max-width:none;min-width:0;position:relative;overflow:hidden;background:#f3f7fb;isolation:isolate;--tths-blue:#0875e1;--tths-arrow-size:48px}
.tths-slider,.tths-slider *{box-sizing:border-box}
.tths-slider .swiper-wrapper{align-items:stretch}
.tths-slider .tths-slide{height:auto;overflow:hidden}
.tths-artwork{position:relative;display:block;width:100%;max-width:none;overflow:hidden;line-height:0}
.tths-picture{display:block;width:100%;max-width:none;line-height:0}
.tths-banner-image{display:block!important;width:100%!important;max-width:none!important;height:auto!important;max-height:var(--tths-max-height,590px);object-fit:contain;object-position:center center;margin:0}
.tths-ratio-wide .tths-artwork{aspect-ratio:auto;height:auto;max-height:none}
.tths-ratio-standard .tths-artwork{aspect-ratio:16/7;max-height:var(--tths-max-height,590px)}
.tths-ratio-wide .tths-banner-image{width:100%!important;height:auto!important;max-height:none;object-fit:contain}.tths-ratio-standard .tths-banner-image{width:100%!important;height:100%!important;max-height:none;object-fit:cover}
.tths-ratio-natural .tths-artwork{height:auto}
.tths-banner-link{display:none;position:absolute;inset:0;z-index:1;cursor:pointer}
.tths-hotspot{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);z-index:3;display:flex;align-items:center;justify-content:center;text-decoration:none!important;outline:none;cursor:pointer;border:0!important;background:transparent!important;box-shadow:none!important;line-height:normal;touch-action:manipulation}
.tths-hotspot::before{content:"";position:absolute;inset:0;border-radius:4px;background:rgba(0,0,0,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);opacity:0;transition:opacity .24s ease;pointer-events:none;z-index:0}.tths-general-hotspot::before{display:none!important}
.tths-hotspot-button{position:absolute;z-index:1;left:50%;top:50%;display:inline-flex;align-items:center;gap:10px;padding:8px 9px 8px 16px;background:rgba(255,255,255,.98);color:#075bb7;border-radius:999px;font-size:14px;font-weight:700;line-height:1.15;white-space:nowrap;box-shadow:0 3px 12px rgba(0,29,74,.12);opacity:0;transform:translate(-50%,calc(-50% + 6px)) scale(.98);transition:opacity .22s ease,transform .22s ease,background .2s ease,color .2s ease;pointer-events:none}
.tths-arrow-icon{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:#0875e1;color:#fff;font-size:25px;font-weight:400;line-height:20px;transition:transform .2s ease}
@media(hover:hover) and (pointer:fine){.tths-hotspot:hover .tths-hotspot-button,.tths-hotspot:focus-visible .tths-hotspot-button{opacity:1;transform:translate(-50%,-50%) scale(1)}.tths-hotspot:hover .tths-arrow-icon{transform:translateX(2px)}.tths-hotspot:hover::before,.tths-hotspot:focus-visible::before{opacity:1}.tths-hotspot:hover{z-index:5}}
.tths-hotspot:focus-visible .tths-hotspot-button{opacity:1;transform:translate(-50%,-50%) scale(1);outline:2px solid #0875e1;outline-offset:3px}.tths-hotspot:focus-visible::before{opacity:1}
.tths-arrow{position:absolute;z-index:8;top:50%;transform:translateY(-50%);width:var(--tths-arrow-size);height:var(--tths-arrow-size);display:flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(255,255,255,.45)!important;border-radius:50%!important;background:rgba(18,31,48,.42)!important;color:#fff!important;box-shadow:0 5px 20px rgba(0,0,0,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;line-height:1}
.tths-arrow span{font-family:Arial,sans-serif;font-size:37px;font-weight:300;line-height:30px;margin-top:-4px}
.tths-prev{left:18px}.tths-next{right:18px}
.tths-arrow:hover{background:#0875e1!important;box-shadow:0 7px 24px rgba(0,104,254,.35);transform:translateY(-50%) scale(1.06)}
.tths-arrow:focus-visible{outline:3px solid #fff;outline-offset:3px}
.tths-pagination{position:absolute;z-index:8;left:50%!important;bottom:15px!important;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:6px;width:max-content;max-width:calc(100% - 40px);padding:7px 11px;border-radius:999px;background:rgba(10,22,38,.26);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);line-height:0}
.tths-pagination .swiper-pagination-bullet{display:block;width:6px;height:6px;margin:0!important;border-radius:99px;background:#fff;opacity:.7;transition:width .25s ease,opacity .25s ease,background .25s ease}
.tths-pagination .swiper-pagination-bullet-active{width:21px;opacity:1;background:#fff}
@media(max-width:1024px){.tths-slider{--tths-arrow-size:42px}.tths-prev{left:12px}.tths-next{right:12px}.tths-ratio-wide .tths-artwork{aspect-ratio:16/6}.tths-ratio-standard .tths-artwork{aspect-ratio:16/8}}
@media(max-width:767px){.tths-banner-link{display:block}.tths-slider{--tths-arrow-size:34px}.tths-ratio-wide .tths-artwork,.tths-ratio-standard .tths-artwork{aspect-ratio:auto;height:auto;max-height:none}.tths-banner-image{height:auto;max-height:none;object-fit:contain}.tths-ratio-wide .tths-banner-image,.tths-ratio-standard .tths-banner-image{height:auto;max-height:none;object-fit:contain}.tths-hotspot{display:none}.tths-arrow span{font-size:29px}.tths-prev{left:8px}.tths-next{right:8px}.tths-pagination{bottom:8px!important;gap:5px;padding:6px 9px}.tths-pagination .swiper-pagination-bullet{width:5px;height:5px}.tths-pagination .swiper-pagination-bullet-active{width:16px}.tths-hotspot-button{display:none}}
@media(prefers-reduced-motion:reduce){.tths-slider *{transition:none!important;scroll-behavior:auto!important}}

/* Evita que estilos del tema/Elementor conviertan el banner en una miniatura cuadrada. */
.tths-slider .swiper-wrapper,.tths-slider .swiper-slide{width:100%;max-width:none}
.tths-slider .swiper-slide{flex-shrink:0}
.tths-slider .tths-artwork picture,.tths-slider .tths-artwork img{max-width:none}
.tths-general-hotspot{background:transparent!important;box-shadow:none!important}

/* El efecto de hover cubre toda la zona del producto; el CTA queda centrado en esa zona. */
.tths-slider .tths-hotspot:not(.tths-general-hotspot)::before{inset:0;border-radius:2px}
.tths-slider .tths-hotspot:not(.tths-general-hotspot) .tths-hotspot-button{left:50%;top:50%}
.tths-slider .tths-general-hotspot::before{content:none!important;display:none!important;box-shadow:none!important}