/* Tecnoklip Slider 3D Pro — tres propuestas */
.tk3d-pro{--blue:#0756b8;--blue2:#0b74e5;--orange:#ff7600;--text:#12345a;--muted:#718096;position:relative;width:100%;box-sizing:border-box;border-radius:22px;overflow:hidden;padding:28px 24px 22px;font-family:inherit}
.tk3d-inner{max-width:1320px;margin:auto}.tk3d-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.tk3d-head h2{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.05;font-weight:850;letter-spacing:-.03em}.tk3d-head p{margin:6px 0 0;font-size:14px}.tk3d-nav{display:flex;gap:8px}.tk3d-prev,.tk3d-next{width:42px;height:42px;border:0;border-radius:50%;font-size:30px;line-height:1;display:grid;place-items:center;cursor:pointer}.tk3d-viewport{overflow:hidden;padding:40px 0 45px;perspective:1600px}.tk3d-track{display:flex;gap:20px;transition:transform .55s cubic-bezier(.2,.75,.2,1);will-change:transform;transform-style:preserve-3d}.tk3d-card{position:relative;flex:0 0 calc((100% - (var(--pv, 3) - 1)*20px)/var(--pv, 3));overflow:hidden;border-radius:18px;box-sizing:border-box;transition:transform .45s cubic-bezier(.2,.75,.2,1),box-shadow .45s,opacity .45s;transform-style:preserve-3d;backface-visibility:hidden}.tk3d-float{animation:tk3dFloat 3.4s ease-in-out infinite;will-change:transform}@keyframes tk3dFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.tk3d-img{display:block;height:225px;padding:18px;box-sizing:border-box;text-align:center}.tk3d-img img{width:100%;height:100%;object-fit:contain;transition:transform .35s}.tk3d-card:hover .tk3d-img img{transform:scale(1.06)}.tk3d-badges{position:absolute;top:12px;left:12px;z-index:2;display:flex;gap:6px}.tk3d-badge{padding:6px 9px;border-radius:999px;color:#fff;font-size:10px;font-weight:850;text-transform:uppercase}.tk3d-sale{background:#ff6500}.tk3d-new{background:#096bd4}.tk3d-top{background:#159447}.tk3d-body{padding:0 18px 17px}.tk3d-cat{display:block;color:var(--blue2);font-weight:800;text-transform:uppercase;font-size:10px}.tk3d-body h3{margin:5px 0 7px;font-size:16px;line-height:1.3;min-height:41px}.tk3d-body h3 a{text-decoration:none}.tk3d-rating{display:flex;gap:6px;align-items:center;font-size:13px}.tk3d-rating span{color:#ff9900;letter-spacing:1px}.tk3d-rating small{color:#8493a4}.tk3d-price{font-size:23px;font-weight:900;margin:8px 0 3px}.tk3d-price del{font-size:12px;color:#9aa7b6;font-weight:500}.tk3d-price ins{text-decoration:none}.tk3d-stock{font-size:11px;display:flex;align-items:center;gap:5px;margin:5px 0 11px}.tk3d-stock i{width:7px;height:7px;border-radius:50%;background:#20aa61}.tk3d-stock.out i{background:#df4c4c}.tk3d-btn{display:flex;justify-content:center;align-items:center;gap:8px;border-radius:999px;padding:11px 14px;text-decoration:none!important;font-size:13px;font-weight:850}.tk3d-btn b{font-size:17px}.tk3d-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;max-width:100%}.tk3d-dot{width:8px;height:8px;border:0;border-radius:50%;padding:0;cursor:pointer}.tk3d-dot.active{width:24px;border-radius:9px;background:var(--orange)!important}

/* Propuesta 1 — flotante clara */
.tk3d-pro.design1{background:radial-gradient(circle at 72% 0,#e5f2ff 0,#f6f9fd 46%,#edf4fb 100%);color:var(--text)}
.design1 .tk3d-card{background:rgba(255,255,255,.95);border:1px solid #dce7f2;box-shadow:0 18px 42px #113f6b20}.design1 .tk3d-img{background:linear-gradient(180deg,#fff,#eff6fc)}.design1 .tk3d-prev,.design1 .tk3d-next{background:#fff;color:var(--blue);box-shadow:0 8px 25px #113f6b20}.design1 .tk3d-btn{background:var(--orange);color:#fff!important}.design1 .tk3d-dot{background:#c7d5e5}

/* Propuesta 2 — dark tecnológica */
.tk3d-pro.design2{background:radial-gradient(circle at 50% 28%,#104985,#04152d 70%);color:#fff}.design2 .tk3d-head h2{color:#fff}.design2 .tk3d-head p{color:#b6c8dc}.design2 .tk3d-card{background:rgba(4,25,51,.92);border:1px solid #2775bd80;box-shadow:0 24px 50px #0008}.design2 .tk3d-img{background:linear-gradient(180deg,#12335a,#061a35)}.design2 .tk3d-body h3 a,.design2 .tk3d-price{color:#fff}.design2 .tk3d-cat,.design2 .tk3d-stock{color:#a9c0d9}.design2 .tk3d-prev,.design2 .tk3d-next{background:#092d58;color:#fff;border:1px solid #2775bd}.design2 .tk3d-btn{background:linear-gradient(90deg,#ff7600,#ff9a00);color:#fff!important}.design2 .tk3d-dot{background:#4d6c8d}

/* Propuesta 3 — minimalista */
.tk3d-pro.design3{background:#f5f8fc;color:var(--text);border:1px solid #e0e8f1}.design3 .tk3d-card{background:#fff;border:1px solid #dfe7ef;box-shadow:0 10px 28px #193f5d12}.design3 .tk3d-img{background:#f8fbfe}.design3 .tk3d-prev,.design3 .tk3d-next{background:#fff;color:var(--blue);border:1px solid #dce5ee}.design3 .tk3d-btn{background:#fff;color:var(--blue)!important;border:1.5px solid #27a45d}.design3 .tk3d-dot{background:#b9cee4}

/* efecto 3D real: rotación/profundidad por tarjeta, calculado en JS según su posición respecto al centro visible (ver tk3d-3d-N en slider.js) */
.tk3d-card.tk3d-3d-0{z-index:5}
.tk3d-pro.design2 .tk3d-card.tk3d-3d-0{border-color:#ff7600;box-shadow:0 0 0 1px #ff7600,0 30px 70px #000a}
@media(max-width:900px){.tk3d-card{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:620px){.tk3d-pro{padding:20px 12px 17px;border-radius:16px}.tk3d-head h2{font-size:23px}.tk3d-head p{font-size:12px}.tk3d-prev,.tk3d-next{width:36px;height:36px;font-size:25px}.tk3d-card{flex-basis:82%}.tk3d-track{gap:12px}.tk3d-img{height:240px}}