.tecnodest{--td-main:#0a8bd6;--td-arrow:#f7a8c0;--td-price:#e30613;--td-side:3%;--td-cols:5;--td-gap:16px;margin:28px 0;padding:0 var(--td-side);font-family:inherit;box-sizing:border-box}
.tecnodest .td-row + .td-row{margin-top:34px}
.tecnodest *{box-sizing:border-box}
.tecnodest .td-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.tecnodest .td-title{margin:0;padding:0;text-align:left;font-family:'Roboto Condensed','Arial Narrow',Roboto,Arial,sans-serif;font-size:28px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#3d3d3d;line-height:1.15;min-width:0}
.tecnodest .td-title span{display:inline-block;position:relative;padding-bottom:9px}
.tecnodest .td-title span:after{content:"";position:absolute;left:0;bottom:0;width:60%;height:4px;border-radius:4px;background:linear-gradient(90deg,#0b2a5b,#29b6f6)}
.tecnodest .td-arrows{flex:none;display:flex;border-radius:20px;overflow:hidden}
.tecnodest .td-arrows button{width:40px;height:36px;border:0;padding:0;background:var(--td-arrow);color:#fff;font-size:21px;line-height:1;cursor:pointer;transition:filter .2s}
.tecnodest .td-arrows button + button{border-left:2px solid rgba(255,255,255,.75)}
.tecnodest .td-arrows button:hover{filter:brightness(.92)}

.tecnodest .td-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--td-cols) - 1) * var(--td-gap)) / var(--td-cols));gap:var(--td-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 3px 16px}
.tecnodest .td-track::-webkit-scrollbar{display:none}

.tecnodest .td-card{scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;border-radius:3px;box-shadow:0 1px 6px rgba(0,0,0,.14);overflow:hidden;transition:transform .2s,box-shadow .2s}
.tecnodest .td-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.18)}
.tecnodest .td-img{display:block;aspect-ratio:1/1;background:#fff;padding:10px}
.tecnodest .td-img img{width:100%;height:100%;object-fit:contain;display:block}
.tecnodest .td-name{display:flex;align-items:center;justify-content:center;text-align:center;background:#f4f4f4;color:#333;font-size:14px;font-weight:600;line-height:1.4;text-transform:uppercase;min-height:4.2em;padding:8px 10px;text-decoration:none}
.tecnodest .td-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 14px 16px}
.tecnodest .td-price{color:var(--td-price);font-weight:700;font-size:20px;line-height:1.1}
.tecnodest .td-old{display:block;color:#999;font-size:13px;font-weight:400;text-decoration:line-through}
.tecnodest .td-btn{display:inline-block;background:var(--td-main);color:#fff;font-size:15px;font-weight:500;text-transform:uppercase;padding:10px 16px;border-radius:2px;text-decoration:none;white-space:nowrap;transition:filter .2s}
.tecnodest .td-btn:hover{filter:brightness(.9);color:#fff}
.tecnodest .td-btn.is-loading{opacity:.6;pointer-events:none}
.tecnodest .td-btn.is-done{background:#2e9e4f}

@media (max-width:1200px){.tecnodest{--td-cols:4}}
@media (max-width:992px){.tecnodest{--td-cols:3}}
@media (max-width:768px){
  .tecnodest{--td-cols:2;--td-gap:10px;padding:0 max(var(--td-side),10px)}
  .tecnodest .td-arrows button{width:32px;height:28px;font-size:17px}
  .tecnodest .td-name{font-size:12px}
  .tecnodest .td-foot{flex-direction:column;align-items:stretch;text-align:center}
  .tecnodest .td-price{font-size:17px}
  .tecnodest .td-btn{text-align:center;padding:9px 10px;font-size:13px}
}