/* Tecno Menú — by Tecnoambassador */
:root{--tm-primary:#0088d1;--tm-price:#ee0000;--tm-text:#333;--tm-line:#ddd;--tm-soft:#f7f7f7;--tm-muted:#555}
.tm-ic{width:22px;height:22px;fill:currentColor;flex:none;display:inline-block;vertical-align:middle}
.tm-ic--big{width:56px;height:56px;color:#bbb}
body.tm-lock{overflow:hidden}

/* ---------- Barra ---------- */
.tm-wrap{position:relative;width:100%;flex:1 1 100%;min-width:0}
.tm-bar{background:#fff;width:100%}
.tm-bar__inner{display:flex;align-items:center;gap:10px;padding:8px 0;min-width:0}
.tm-wrap.is-stuck .tm-bar{position:fixed;top:0;left:0;right:0;z-index:1030;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.tm-wrap.is-stuck .tm-bar__inner{max-width:1320px;margin:0 auto;padding:8px 15px}
.tm-burger{width:44px;height:44px;flex:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:#fff;color:var(--tm-primary);border-radius:6px;cursor:pointer;padding:0}
.tm-burger:hover,.tm-burger:focus-visible{background:var(--tm-soft)}
.tm-burger .tm-ic{width:26px;height:26px}
@media (min-width:992px){.tm-burger--mobile-only{display:none}}
.tm-bar__logo{display:none;flex:none}
.tm-bar__logo img{display:block;max-height:38px;width:auto}
@media (min-width:768px){.tm-wrap.is-stuck .tm-bar__logo{display:block}}

.tm-search{position:relative;flex:1 1 auto;display:flex;min-width:0}
.tm-search__input{width:100%;height:44px;border:1px solid #c9c9c9;border-right:0;border-radius:6px 0 0 6px;padding:0 14px;font:inherit;font-size:15px;color:var(--tm-text);background:#fff;box-shadow:none;-webkit-appearance:none;appearance:none;min-width:0}
.tm-search__input:focus{outline:none;border-color:var(--tm-primary)}
.tm-search__input::-webkit-search-cancel-button{-webkit-appearance:none}
.tm-search__btn{width:54px;height:44px;flex:none;border:1px solid var(--tm-primary);background:var(--tm-primary);color:#fff;border-radius:0 6px 6px 0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
.tm-search__btn:hover{filter:brightness(.92)}
.tm-suggest{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--tm-line);border-top:0;border-radius:0 0 6px 6px;box-shadow:0 10px 24px rgba(0,0,0,.14);z-index:1060;max-height:70vh;overflow:auto}
.tm-suggest[hidden]{display:none}
.tm-suggest__item{display:flex;align-items:center;gap:12px;padding:8px 12px;color:var(--tm-text);text-decoration:none;border-bottom:1px solid #eee}
.tm-suggest__item:hover,.tm-suggest__item.is-active{background:var(--tm-soft);color:var(--tm-text)}
.tm-suggest__img{width:48px;height:48px;flex:none;object-fit:contain;background:#fff}
.tm-suggest__name{display:block;font-size:14px;line-height:1.25;font-weight:500}
.tm-suggest__ref{display:block;font-size:12px;color:#888}
.tm-suggest__price{display:block;font-weight:700;color:var(--tm-price);font-size:14px}
.tm-suggest__none,.tm-suggest__all{display:block;padding:12px;text-align:center;font-size:14px;color:var(--tm-muted);text-decoration:none}
.tm-suggest__all{font-weight:700;color:var(--tm-primary)}

.tm-cartbtn{height:44px;flex:none;display:inline-flex;align-items:center;gap:10px;padding:0 14px;background:var(--tm-primary);color:#fff;border-radius:6px;text-decoration:none;font-weight:700}
.tm-cartbtn:hover,.tm-cartbtn:focus{color:#fff;filter:brightness(.92)}
.tm-cartbtn__icon{position:relative;display:inline-flex}
.tm-badge{position:absolute;top:-9px;right:-12px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#fff;color:var(--tm-primary);font-size:11px;line-height:18px;text-align:center;font-weight:700}
.tm-cartbtn__total{font-size:15px;white-space:nowrap}
@media (max-width:575px){.tm-cartbtn__total{display:none}.tm-cartbtn{padding:0 12px}}

/* ---------- Paneles laterales ---------- */
.tm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;z-index:1040}
.tm-overlay.is-open{opacity:1;visibility:visible;transition-delay:0s}
.tm-drawer{position:fixed;top:0;bottom:0;width:min(400px,92vw);max-width:100%;background:#fff;z-index:1050;display:flex;flex-direction:column;visibility:hidden;transition:transform .28s ease,visibility 0s linear .28s;box-shadow:0 0 24px rgba(0,0,0,.25);color:var(--tm-text);outline:none}
.tm-drawer--menu{left:0;transform:translateX(-100%)}
.tm-drawer--cart{right:0;transform:translateX(100%)}
.tm-drawer.is-open{transform:none;visibility:visible;transition-delay:0s}
.tm-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 8px 0 16px;height:56px;background:var(--tm-soft);border-bottom:1px solid var(--tm-line);flex:none}
.tm-drawer--cart .tm-drawer__head{padding:0 8px}
.tm-drawer__title{flex:1;text-align:center;font-weight:700;font-size:19px;text-transform:uppercase;letter-spacing:.03em}
.tm-drawer--menu .tm-drawer__title{text-transform:none;order:0}
.tm-drawer__title--brand{text-transform:uppercase!important;letter-spacing:.04em;color:var(--tm-primary)}
.tm-drawer--menu .tm-x{order:1}
.tm-x{width:40px;height:40px;flex:none;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#444;cursor:pointer;border-radius:50%;padding:0}
.tm-x:hover{background:rgba(0,0,0,.06)}
.tm-x--ghost{pointer-events:none}
.tm-drawer__body{flex:1;overflow-y:auto;background:var(--tm-soft);-webkit-overflow-scrolling:touch}
.tm-drawer__body--cart{background:#fff}

/* ---------- Listas de categorías (menú + árbol) ---------- */
.tm-nav,.tm-nav ul{list-style:none;margin:0;padding:0}
.tm-nav__row{display:flex;align-items:center}
.tm-nav__link{flex:1;display:flex;align-items:center;gap:9px;padding:9px 0;color:var(--tm-muted);text-transform:uppercase;font-size:14.5px;line-height:1.25;text-decoration:none}
.tm-nav__link::before{content:"";width:8px;height:8px;flex:none;border:1px solid #9a9a9a;border-radius:50%;box-sizing:border-box}
.tm-nav__link:hover{color:var(--tm-primary)}
.tm-nav__item.is-active>.tm-nav__row>.tm-nav__link{color:var(--tm-primary);font-weight:700}
.tm-nav__item.is-active>.tm-nav__row>.tm-nav__link::before{background:var(--tm-primary);border-color:var(--tm-primary)}
.tm-nav__tog{width:34px;height:34px;flex:none;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--tm-muted);cursor:pointer;padding:0}
.tm-nav__tog .tm-ic{width:18px;height:18px}
.tm-nav__tog .tm-ic--rem,.tm-nav__tog[aria-expanded="true"] .tm-ic--add{display:none}
.tm-nav__tog[aria-expanded="true"] .tm-ic--rem{display:inline-block}
.tm-nav__sub .tm-nav__link{font-size:13.5px;text-transform:none;padding:7px 0}

.tm-section{padding:12px 18px;border-bottom:1px solid var(--tm-line)}
.tm-section--cats{padding-top:14px;padding-bottom:16px}
.tm-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;padding:16px 12px}
.tm-links__item{display:inline-flex;align-items:center;gap:6px;color:var(--tm-muted);font-size:14.5px;text-decoration:none}
.tm-links__item .tm-ic{width:18px;height:18px}
.tm-links__item:hover{color:var(--tm-primary)}
.tm-account{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px}
.tm-account__hello{margin:0;font-weight:700}
.tm-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:2px solid #444;border-radius:5px;color:#333;background:transparent;text-decoration:none;font-size:15px;cursor:pointer}
.tm-btn-outline .tm-ic{width:18px;height:18px}
.tm-btn-outline:hover{background:#333;color:#fff}
.tm-btn-outline--soft{border-color:#aaa;color:var(--tm-muted)}

/* ---------- Árbol (columna) ---------- */
.tm-tree{border:1px solid var(--tm-line);border-radius:4px;background:#fff;margin-bottom:24px;overflow:hidden}
.tm-tree__title{margin:0;padding:14px 16px;border-bottom:1px solid var(--tm-line);font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.02em}
.tm-tree__title a{color:var(--tm-text);text-decoration:none}
.tm-tree>.tm-nav{padding:10px 16px 12px}

/* ---------- Carrito ---------- */
.tm-lines{list-style:none;margin:0;padding:0 16px}
.tm-line{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid #eee;transition:opacity .2s}
.tm-line.is-busy{opacity:.4;pointer-events:none}
.tm-line__img{width:76px;flex:none}
.tm-line__img img{display:block;width:100%;height:auto}
.tm-line__info{flex:1;min-width:0}
.tm-line__name{display:block;font-weight:700;text-transform:uppercase;font-size:14.5px;line-height:1.3;color:var(--tm-text);text-decoration:none}
.tm-line__attrs{font-size:12.5px;color:#777;margin-top:2px}
.tm-line__price{margin-top:6px;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px}
.tm-price{color:var(--tm-price);font-weight:700;font-size:18px}
.tm-price--old{color:#999;font-weight:400;font-size:13px;text-decoration:line-through}
.tm-qty{color:#666;font-size:15px}
.tm-line__rm{width:34px;height:34px;flex:none;border:0;background:transparent;color:#1d4e89;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:0}
.tm-line__rm:hover{background:rgba(0,0,0,.06);color:var(--tm-price)}
.tm-line__rm .tm-ic{width:19px;height:19px}
.tm-cart-foot{background:var(--tm-soft);border-top:1px solid var(--tm-line);padding:14px 16px 20px}
.tm-alert{margin:0 0 12px;padding:9px 12px;background:#d4f1f9;color:#0b6a85;text-align:center;font-size:14.5px;border-radius:2px}
.tm-alert--warn{background:#fff3cd;color:#7a5b00;margin-top:10px}
.tm-sums{padding:0 2px}
.tm-sum{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:15.5px;color:var(--tm-muted)}
.tm-sum--total{margin-top:6px;padding-top:12px;font-weight:700;color:var(--tm-text)}
.tm-sum--tax{justify-content:flex-end;font-size:13px;color:#666}
.tm-cart-action{text-align:center;margin-top:14px}
.tm-btn{display:inline-flex;align-items:center;gap:4px;padding:11px 22px;background:var(--tm-primary);color:#fff;border:0;border-radius:4px;font-weight:700;text-transform:uppercase;font-size:15px;text-decoration:none;cursor:pointer}
.tm-btn:hover,.tm-btn:focus{color:#fff;filter:brightness(.92)}
.tm-btn .tm-ic{width:18px;height:18px}
.tm-empty{text-align:center;padding:48px 24px;color:var(--tm-muted)}
.tm-empty p{margin:14px 0 20px;font-size:16px}

@media (prefers-reduced-motion:reduce){.tm-drawer,.tm-overlay{transition:none}}

/* ---------- Escritorio: barra de tamaño normal, a la izquierda junto al menú ---------- */
@media (min-width:992px){
  .tm-bar__inner{gap:8px;padding:6px 0;justify-content:flex-start}
  .tm-burger{width:40px;height:40px}
  .tm-burger .tm-ic{width:24px;height:24px}
  .tm-search{flex:0 1 480px;max-width:480px}
  .tm-search__input{height:38px;font-size:14px;padding:0 12px}
  .tm-search__btn{height:38px;width:46px}
  .tm-cartbtn{height:38px;margin-left:auto;padding:0 12px}
  .tm-cartbtn__total{font-size:14px}
  .tm-wrap.is-stuck .tm-bar__inner{padding:6px 15px}
}

/* ================= v1.3 · Menú moderno con movimiento fluido ================= */
.tm-nav__subwrap{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1),visibility 0s linear .4s}
.tm-nav__item.is-open>.tm-nav__subwrap{grid-template-rows:1fr;visibility:visible;transition-delay:0s}
.tm-nav__subwrap>.tm-nav__sub{min-height:0;overflow:hidden;margin:0 0 0 20px;padding:2px 0 6px 10px;border-left:2px solid rgba(0,136,209,.28);border-left-color:var(--tm-primary);border-left-color:color-mix(in srgb,var(--tm-primary) 35%,transparent)}
.tm-nav__link{position:relative;isolation:isolate;border-radius:8px;transition:color .2s,transform .25s cubic-bezier(.2,.8,.2,1)}
.tm-nav__link::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:8px;background:var(--tm-primary);opacity:0;transition:opacity .2s}
.tm-nav__link:hover::after,.tm-nav__link:focus-visible::after{opacity:.09}
.tm-nav__sub .tm-nav__link{padding:8px 10px;font-weight:500}
.tm-nav__sub .tm-nav__link::before{width:6px;height:6px;border:0;background:#c3ccd3;transition:background .2s,transform .25s}
.tm-nav__sub .tm-nav__link:hover{transform:translateX(4px)}
.tm-nav__sub .tm-nav__link:hover::before{background:var(--tm-primary);transform:scale(1.4)}
.tm-nav__tog{width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.05);color:var(--tm-primary);transition:background .25s,color .25s,transform .25s}
.tm-nav__tog:hover{background:rgba(0,0,0,.09)}
.tm-nav__tog .tm-ic--rem{display:none!important}
.tm-nav__tog .tm-ic--add,.tm-nav__tog[aria-expanded="true"] .tm-ic--add{display:inline-block!important;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.tm-nav__tog[aria-expanded="true"]{background:var(--tm-primary);color:#fff}
.tm-nav__tog[aria-expanded="true"] .tm-ic--add{transform:rotate(135deg)}

/* Panel: tarjetas */
.tm-drawer--menu .tm-section--cats{background:transparent;border-bottom:0;padding:14px 12px 8px}
.tm-drawer--menu .tm-section--cats>.tm-nav>.tm-nav__item{background:#fff;border-radius:14px;margin-bottom:9px;box-shadow:0 1px 3px rgba(0,0,0,.07);overflow:hidden;transition:box-shadow .3s}
.tm-drawer--menu .tm-section--cats>.tm-nav>.tm-nav__item.is-open{box-shadow:0 8px 22px rgba(0,136,209,.18)}
.tm-drawer--menu .tm-section--cats>.tm-nav>.tm-nav__item>.tm-nav__row{padding:2px 8px 2px 6px}
.tm-drawer--menu .tm-section--cats>.tm-nav>.tm-nav__item>.tm-nav__row>.tm-nav__link{padding:12px 10px;font-weight:700;font-size:15px;color:var(--tm-text);letter-spacing:.01em}
.tm-drawer--menu .tm-section--cats>.tm-nav>.tm-nav__item>.tm-nav__row>.tm-nav__link::before{width:4px;height:18px;border:0;border-radius:3px;background:#d3dbe1;transition:background .25s,height .3s}
.tm-drawer--menu .tm-section--cats>.tm-nav>.tm-nav__item.is-open>.tm-nav__row>.tm-nav__link::before,.tm-drawer--menu .tm-section--cats>.tm-nav>.tm-nav__item>.tm-nav__row>.tm-nav__link:hover::before{background:var(--tm-primary);height:26px}
.tm-drawer--menu .tm-section--cats>.tm-nav>.tm-nav__item.is-active{box-shadow:inset 3px 0 0 var(--tm-primary),0 1px 3px rgba(0,0,0,.07)}
.tm-drawer--menu .tm-nav__subwrap>.tm-nav__sub{margin:0 12px 10px 24px}
.tm-drawer--menu .tm-links{background:#fff;margin:4px 12px 0;border-radius:14px;border-bottom:0}
.tm-drawer--menu .tm-account{border-bottom:0}

@keyframes tmRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.tm-drawer--menu.is-open .tm-section--cats>.tm-nav>.tm-nav__item{animation:tmRise .5s cubic-bezier(.2,.8,.2,1) both}
.tm-nav__item.is-open>.tm-nav__subwrap>.tm-nav>.tm-nav__item{animation:tmRise .38s cubic-bezier(.2,.8,.2,1) both}
.tm-drawer--menu.is-open .tm-section--cats>.tm-nav>.tm-nav__item:nth-child(1){animation-delay:0.100s}
.tm-drawer--menu.is-open .tm-section--cats>.tm-nav>.tm-nav__item:nth-child(2){animation-delay:0.140s}
.tm-drawer--menu.is-open .tm-section--cats>.tm-nav>.tm-nav__item:nth-child(3){animation-delay:0.180s}
.tm-drawer--menu.is-open .tm-section--cats>.tm-nav>.tm-nav__item:nth-child(4){animation-delay:0.220s}
.tm-drawer--menu.is-open .tm-section--cats>.tm-nav>.tm-nav__item:nth-child(5){animation-delay:0.260s}
.tm-drawer--menu.is-open .tm-section--cats>.tm-nav>.tm-nav__item:nth-child(6){animation-delay:0.300s}
.tm-drawer--menu.is-open .tm-section--cats>.tm-nav>.tm-nav__item:nth-child(7){animation-delay:0.340s}
.tm-drawer--menu.is-open .tm-section--cats>.tm-nav>.tm-nav__item:nth-child(8){animation-delay:0.380s}
.tm-drawer--menu.is-open .tm-section--cats>.tm-nav>.tm-nav__item:nth-child(9){animation-delay:0.420s}
.tm-drawer--menu.is-open .tm-section--cats>.tm-nav>.tm-nav__item:nth-child(10){animation-delay:0.460s}
.tm-drawer--menu.is-open .tm-section--cats>.tm-nav>.tm-nav__item:nth-child(11){animation-delay:0.500s}
.tm-drawer--menu.is-open .tm-section--cats>.tm-nav>.tm-nav__item:nth-child(12){animation-delay:0.540s}
.tm-drawer--menu.is-open .tm-section--cats>.tm-nav>.tm-nav__item:nth-child(13){animation-delay:0.580s}
.tm-drawer--menu.is-open .tm-section--cats>.tm-nav>.tm-nav__item:nth-child(14){animation-delay:0.620s}
.tm-drawer--menu.is-open .tm-section--cats>.tm-nav>.tm-nav__item:nth-child(15){animation-delay:0.660s}
.tm-drawer--menu.is-open .tm-section--cats>.tm-nav>.tm-nav__item:nth-child(16){animation-delay:0.700s}
.tm-nav__item.is-open>.tm-nav__subwrap>.tm-nav>.tm-nav__item:nth-child(1){animation-delay:0.115s}
.tm-nav__item.is-open>.tm-nav__subwrap>.tm-nav>.tm-nav__item:nth-child(2){animation-delay:0.150s}
.tm-nav__item.is-open>.tm-nav__subwrap>.tm-nav>.tm-nav__item:nth-child(3){animation-delay:0.185s}
.tm-nav__item.is-open>.tm-nav__subwrap>.tm-nav>.tm-nav__item:nth-child(4){animation-delay:0.220s}
.tm-nav__item.is-open>.tm-nav__subwrap>.tm-nav>.tm-nav__item:nth-child(5){animation-delay:0.255s}
.tm-nav__item.is-open>.tm-nav__subwrap>.tm-nav>.tm-nav__item:nth-child(6){animation-delay:0.290s}
.tm-nav__item.is-open>.tm-nav__subwrap>.tm-nav>.tm-nav__item:nth-child(7){animation-delay:0.325s}
.tm-nav__item.is-open>.tm-nav__subwrap>.tm-nav>.tm-nav__item:nth-child(8){animation-delay:0.360s}
.tm-nav__item.is-open>.tm-nav__subwrap>.tm-nav>.tm-nav__item:nth-child(9){animation-delay:0.395s}
.tm-nav__item.is-open>.tm-nav__subwrap>.tm-nav>.tm-nav__item:nth-child(10){animation-delay:0.430s}

/* ================= Buscador: botón bloqueado si está vacío ================= */
.tm-search__btn{transition:filter .25s,opacity .25s,transform .15s}
.tm-search__btn:disabled,.tm-search__btn:disabled:hover{filter:grayscale(.55) brightness(1.18);opacity:.65;cursor:not-allowed}
.tm-search__btn:not(:disabled):active{transform:scale(.95)}

/* ================= Barra fija: entrada suave + franja que se esconde ================= */
@keyframes tmBarIn{from{transform:translateY(-100%)}to{transform:none}}
.tm-wrap.is-stuck .tm-bar{animation:tmBarIn .35s cubic-bezier(.2,.8,.2,1)}
.tm-strip{transition:max-height .45s cubic-bezier(.4,0,.2,1),opacity .3s,transform .45s cubic-bezier(.4,0,.2,1);overflow:hidden}
/* Solo se recorta en vertical: así un logo más ancho que su columna no se corta al volver arriba */
@supports (overflow:clip){.tm-strip{overflow:visible;overflow-y:clip}}
.tm-strip.tm-strip--hidden{max-height:0!important;opacity:0;transform:translateY(-30%);padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important;border-width:0!important}

/* ================= Móvil: íconos del tema arriba a la derecha ================= */
.tm-topicons:empty{display:none}
@media (max-width:991px){
  .tm-logorow{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:8px;width:100%}
  .tm-topicons{display:flex;align-items:center;gap:4px;margin-left:auto;flex:none}
  .tm-topicons>*{margin:0!important;position:static!important;width:auto!important}
}
@media (prefers-reduced-motion:reduce){.tm-nav__subwrap,.tm-strip,.tm-nav__tog,.tm-nav__link{transition:none}.tm-drawer--menu.is-open .tm-section--cats>.tm-nav>.tm-nav__item,.tm-nav__item.is-open>.tm-nav__subwrap>.tm-nav>.tm-nav__item,.tm-wrap.is-stuck .tm-bar{animation:none}}

/* ================= v1.4 · La web se corre con el panel, a la misma velocidad ================= */
.tm-push{transition:transform .28s ease}
body.tm-open--menu .tm-push{transform:translateX(min(56px,13vw))}
body.tm-open--cart .tm-push{transform:translateX(max(-56px,-13vw))}
body.tm-lock .tm-wrap.is-stuck .tm-bar{right:var(--tm-sbw,0)}
.tm-dup-hidden{display:none!important}
@media (prefers-reduced-motion:reduce){.tm-push{transition:none}}

/* ================= v1.6.1 · Tarjetas de categorías simétricas y compactas ================= */
.tm-nav__subwrap>.tm-nav__sub{margin:0;padding:0;border-left-width:0;transition:padding .4s cubic-bezier(.4,0,.2,1),margin .4s cubic-bezier(.4,0,.2,1)}
.tm-nav__item.is-open>.tm-nav__subwrap>.tm-nav__sub{margin:0 12px 10px 24px;padding:2px 0 6px 10px;border-left-width:2px}
.tm-drawer--menu .tm-nav__subwrap>.tm-nav__sub{margin:0}
.tm-drawer--menu .tm-nav__item.is-open>.tm-nav__subwrap>.tm-nav__sub{margin:0 12px 8px 24px}
.tm-drawer--menu .tm-section--cats>.tm-nav>.tm-nav__item{margin-bottom:7px}
.tm-drawer--menu .tm-section--cats>.tm-nav>.tm-nav__item>.tm-nav__row{display:flex;align-items:center;min-height:44px;padding:0 8px 0 6px;box-sizing:border-box}
.tm-drawer--menu .tm-section--cats>.tm-nav>.tm-nav__item>.tm-nav__row>.tm-nav__link{padding:0 10px;line-height:44px;flex:1 1 auto}
.tm-drawer--menu .tm-section--cats>.tm-nav>.tm-nav__item>.tm-nav__row>.tm-nav__tog{width:30px;height:30px;flex:none}

/* ================= v1.6.2 · Botones del panel con colores del tema ================= */
.tm-account{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}
.tm-account__hello{flex:0 0 100%;text-align:center}
.tm-account .tm-btn-outline{flex:1 1 140px;max-width:230px;justify-content:center;box-sizing:border-box;padding:10px 14px;font-weight:600;
  background:var(--tm-btn,var(--tm-primary));border:2px solid var(--tm-btn,var(--tm-primary));color:var(--tm-btn-text,#fff);border-radius:var(--tm-btn-radius,6px);transition:filter .2s,background .2s,color .2s}
.tm-account .tm-btn-outline:hover{background:var(--tm-btn,var(--tm-primary));color:var(--tm-btn-text,#fff);filter:brightness(.92)}
.tm-account .tm-btn-outline--soft{background:transparent;color:var(--tm-btn,var(--tm-primary))}
.tm-account .tm-btn-outline--soft:hover{background:var(--tm-btn,var(--tm-primary));color:var(--tm-btn-text,#fff);filter:none}
.tm-drawer .tm-btn{background:var(--tm-btn,var(--tm-primary));color:var(--tm-btn-text,#fff);border-radius:var(--tm-btn-radius,4px)}
.tm-drawer .tm-btn:hover,.tm-drawer .tm-btn:focus{color:var(--tm-btn-text,#fff)}

/* ================= v1.7 · Botón de login junto al carrito ================= */
.tm-userbtn{height:44px;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 14px;background:var(--tm-primary);color:#fff;border-radius:6px;text-decoration:none;font-weight:700;margin-left:auto;transition:filter .2s,transform .15s}
.tm-userbtn:hover,.tm-userbtn:focus{color:#fff;filter:brightness(.92)}
.tm-userbtn:active{transform:scale(.97)}
.tm-userbtn .tm-ic{width:24px;height:24px}
.tm-userbtn__text{display:flex;flex-direction:column;justify-content:center;line-height:1.1;text-align:left;white-space:nowrap}
.tm-userbtn__text small{font-size:11px;font-weight:500;opacity:.9;max-width:140px;overflow:hidden;text-overflow:ellipsis}
.tm-userbtn__text strong{font-size:14px;font-weight:700}
.tm-userbtn+.tm-cartbtn{margin-left:0}
@media (max-width:991px){
  .tm-userbtn{width:44px;padding:0}
  .tm-userbtn__text{display:none}
}
@media (min-width:992px){
  .tm-userbtn{height:38px;padding:0 14px}
  .tm-userbtn+.tm-cartbtn{margin-left:0}
}

/* ================= v1.8 · Botones de la barra en un mismo tono ================= */
:root{--tm-b:#0b5394;--tm-bh:#073763;--tm-c:#e30613;--tm-ch:#b3050f}

/* Hamburguesa, lupa y login: un solo tono, ícono blanco */
html .tm-burger,html .tm-search__btn,html .tm-userbtn{background:var(--tm-b);border:1px solid var(--tm-b);color:#fff;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .15s,filter .25s,opacity .25s}
html .tm-burger:hover,html .tm-burger:focus-visible,html .tm-userbtn:hover,html .tm-userbtn:focus-visible{background:var(--tm-bh);border-color:var(--tm-bh);color:#fff;filter:none;box-shadow:0 4px 12px rgba(0,0,0,.22);transform:translateY(-1px)}
html .tm-search__btn:not(:disabled):hover,html .tm-search__btn:not(:disabled):focus-visible{background:var(--tm-bh);border-color:var(--tm-bh);color:#fff;filter:none}
html .tm-burger:active,html .tm-userbtn:active{transform:scale(.96)}
html .tm-search__btn:disabled,html .tm-search__btn:disabled:hover{background:var(--tm-b);border-color:var(--tm-b)}
html .tm-burger:focus-visible,html .tm-search__btn:focus-visible,html .tm-userbtn:focus-visible,html .tm-cartbtn:focus-visible{outline:3px solid rgba(0,0,0,.25);outline-offset:2px}

/* El borde del buscador acompaña el tono de los botones */
html .tm-search__input{border-color:var(--tm-b)}
html .tm-search__input:focus{border-color:var(--tm-bh);box-shadow:0 0 0 3px rgba(0,0,0,.10)}

/* Carrito: más llamativo */
html .tm-cartbtn{background:var(--tm-c);border:1px solid var(--tm-c);color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.22);transition:background-color .2s,border-color .2s,box-shadow .2s,transform .15s}
html .tm-cartbtn:hover,html .tm-cartbtn:focus{background:var(--tm-ch);border-color:var(--tm-ch);color:#fff;filter:none;transform:translateY(-1px);box-shadow:0 7px 18px rgba(0,0,0,.30)}
html .tm-cartbtn:active{transform:scale(.97)}
html .tm-cartbtn__total{font-weight:800}
html .tm-badge{background:#fff;color:var(--tm-c);box-shadow:0 0 0 2px var(--tm-c)}
@keyframes tmPulse{0%{box-shadow:0 0 0 2px var(--tm-c),0 0 0 2px rgba(255,255,255,.75)}70%,100%{box-shadow:0 0 0 2px var(--tm-c),0 0 0 9px rgba(255,255,255,0)}}
html .tm-cartbtn.has-items .tm-badge{animation:tmPulse 2.6s ease-out infinite}
@media (prefers-reduced-motion:reduce){html .tm-cartbtn.has-items .tm-badge{animation:none}html .tm-burger,html .tm-userbtn,html .tm-cartbtn{transition:none}}

/* ================= v1.9 · Botones más claros + carrito estilo Amazon ================= */
:root{--tm-cc:#f08804}

/* Menú, lupa y login: tono claro, letras blancas y finas */
html .tm-burger,html .tm-search__btn,html .tm-userbtn{background:var(--tm-b);border-color:var(--tm-b);color:#fff}
html .tm-userbtn,html .tm-userbtn:hover,html .tm-userbtn:focus,html .tm-userbtn *{color:#fff!important}
html .tm-userbtn{font-weight:500;gap:8px;border-radius:6px;box-shadow:none}
html .tm-userbtn .tm-userbtn__text strong{font-size:14px;font-weight:500;letter-spacing:.01em}
html .tm-userbtn .tm-userbtn__text small{font-size:11px;font-weight:400;opacity:.92}
html .tm-userbtn .tm-ic{width:22px;height:22px}
html .tm-burger:hover,html .tm-burger:focus-visible,html .tm-userbtn:hover,html .tm-userbtn:focus-visible{box-shadow:0 3px 10px rgba(43,127,198,.28)}
html .tm-search__input{border-color:var(--tm-b)}
html .tm-search__input:focus{border-color:var(--tm-bh);box-shadow:0 0 0 3px rgba(43,127,198,.16)}

/* Carrito: fondo oscuro, contador naranja dentro del carrito y texto blanco en negrita */
html .tm-cartbtn{background:var(--tm-c);border:1px solid var(--tm-c);color:#fff;border-radius:6px;box-shadow:none;gap:6px;padding:0 14px 0 8px}
html .tm-cartbtn,html .tm-cartbtn:hover,html .tm-cartbtn:focus,html .tm-cartbtn *{color:#fff}
html .tm-cartbtn:hover,html .tm-cartbtn:focus-visible{background:var(--tm-ch);border-color:var(--tm-ch);box-shadow:0 4px 12px rgba(0,0,0,.25);transform:none}
html .tm-cartbtn__icon{position:relative;display:inline-block;width:40px;height:34px;flex:none}
html .tm-cartsvg{display:block;width:40px;height:34px;overflow:visible}
html .tm-cartbtn .tm-badge{position:absolute;top:46%;left:53%;right:auto;min-width:0;height:auto;padding:0;border-radius:0;background:transparent;box-shadow:none;transform:translate(-50%,-50%);color:var(--tm-cc)!important;font-size:15px;font-weight:800;line-height:1;letter-spacing:-.02em}
html .tm-cartbtn.has-items .tm-badge{animation:none}
html .tm-cartbtn__text{display:flex;flex-direction:column;justify-content:center;line-height:1.1;text-align:left;white-space:nowrap}
html .tm-cartbtn__total{display:block;font-size:11px;font-weight:400;opacity:.85}
html .tm-cartbtn__label{display:block;font-size:15px;font-weight:700;letter-spacing:.01em}
@media (max-width:575px){
  html .tm-cartbtn{padding:0 6px}
  html .tm-cartbtn__text{display:none}
}
@media (min-width:992px){
  html .tm-cartbtn{height:38px}
  html .tm-cartbtn__icon,html .tm-cartsvg{width:36px;height:31px}
}

/* ================= v1.9 · Footer ================= */
.tmf{--tmf-bg:#14263c;--tmf-bg2:#0e1b2c;--tmf-band:#1b3350;--tmf-text:#b9c6d6;--tmf-title:#fff;--tmf-accent:#4aa3e8;--tmf-ink:#fff;--tmf-bottom:#0a1420;position:relative;clear:both;width:100%;box-sizing:border-box;color:var(--tmf-text);background:linear-gradient(180deg,var(--tmf-bg),var(--tmf-bg2));font-size:14.5px;line-height:1.55}
.tmf *,.tmf *::before,.tmf *::after{box-sizing:border-box}
.tmf a{color:var(--tmf-text);text-decoration:none;transition:color .2s,transform .2s,background-color .2s}
.tmf a:hover,.tmf a:focus-visible{color:var(--tmf-title);text-decoration:none}
.tmf ul{list-style:none;margin:0;padding:0}
.tmf p{margin:0}
.tmf svg{display:block;fill:currentColor;flex:none}
.tmf__wrap{width:100%;max-width:1320px;margin:0 auto;padding:0 15px}
.tmf--full .tmf__wrap{max-width:none;padding:0 clamp(15px,3vw,48px)}

/* Barra de beneficios */
.tmf__band{background:var(--tmf-band);border-bottom:1px solid rgba(255,255,255,.07)}
.tmf__benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 24px;padding-top:20px;padding-bottom:20px}
.tmf__benefit{display:flex;align-items:center;gap:13px}
.tmf__bic{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex:none;border-radius:50%;background:var(--tmf-accent);color:var(--tmf-ink)}
.tmf__bic svg{width:24px;height:24px}
.tmf__btxt strong{display:block;color:var(--tmf-title);font-size:14.5px;font-weight:700;line-height:1.25}
.tmf__btxt small{display:block;margin-top:1px;font-size:12.5px;opacity:.85;line-height:1.3}

/* Columnas */
.tmf__main{padding:44px 0 30px}
.tmf__grid{display:flex;flex-wrap:wrap;gap:34px 40px}
.tmf__col{flex:1 1 170px;min-width:0}
.tmf__col--brand{flex:1.7 1 270px}
.tmf__col--contact{flex:1.4 1 230px}
.tmf__logo{display:inline-block;margin-bottom:14px}
.tmf__logo img{display:block;max-width:100%;height:auto}
.tmf__logo.has-plate{padding:10px 14px;background:#fff;border-radius:10px;box-shadow:0 3px 12px rgba(0,0,0,.18)}
.tmf__name{display:inline-block;margin-bottom:12px;color:var(--tmf-title)!important;font-size:22px;font-weight:800;letter-spacing:.02em}
.tmf__text{max-width:420px;margin-bottom:18px;opacity:.95}
.tmf__stitle{display:block;margin-bottom:10px;color:var(--tmf-title);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.tmf__icons{display:flex;flex-wrap:wrap;gap:10px}
.tmf__soc{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(127,127,127,.18);color:var(--tmf-title)!important}
.tmf__soc svg{width:20px;height:20px}
.tmf__soc:hover,.tmf__soc:focus-visible{background:var(--tmf-accent);color:var(--tmf-ink)!important;transform:translateY(-3px)}

.tmf__title{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 0 16px;padding:0 0 11px;border:0;background:transparent;color:var(--tmf-title);font:inherit;font-size:15px;font-weight:700;letter-spacing:.06em;text-align:left;text-transform:uppercase;cursor:default;pointer-events:none}
.tmf__title::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;border-radius:2px;background:var(--tmf-accent)}
.tmf__chev{display:none;width:22px;height:22px;transition:transform .3s}
.tmf__links li{margin:0 0 9px}
.tmf__links a{display:inline-block;position:relative}
.tmf__links a:hover,.tmf__links a:focus-visible{transform:translateX(4px);color:var(--tmf-title)}
.tmf__contact li{display:flex;align-items:flex-start;gap:11px;margin:0 0 12px}
.tmf__contact svg{width:19px;height:19px;margin-top:2px;color:var(--tmf-accent)}
.tmf__contact span,.tmf__contact a{min-width:0;overflow-wrap:anywhere}

/* Medios de pago */
.tmf__paywrap{padding:0 0 26px}
.tmf__pay{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding-top:22px;border-top:1px solid rgba(127,127,127,.25)}
.tmf__pay .tmf__stitle{margin:0}
.tmf__chips{display:flex;flex-wrap:wrap;gap:8px}
.tmf__chips li{padding:5px 13px;border-radius:999px;background:rgba(127,127,127,.16);border:1px solid rgba(127,127,127,.22);color:var(--tmf-title);font-size:12.5px;font-weight:600;line-height:1.3}

.tmf__news{padding:0 0 26px}

/* Barra inferior */
.tmf__bottom{background:var(--tmf-bottom)}
.tmf__bottomin{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;padding-top:16px;padding-bottom:16px;font-size:13px}
.tmf__copy{opacity:.9}
.tmf__legal{display:flex;flex-wrap:wrap;gap:6px 20px}

/* Volver arriba */
.tmf__top{position:fixed;right:18px;bottom:18px;z-index:1020;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:var(--tmf-accent);color:var(--tmf-ink);box-shadow:0 6px 18px rgba(0,0,0,.28);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s,transform .3s,visibility 0s linear .3s}
.tmf__top svg{width:26px;height:26px}
.tmf__top.is-shown{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.tmf__top:hover{filter:brightness(1.08);transform:translateY(-3px)}

/* Celular: columnas como acordeón */
@media (max-width:767.98px){
  .tmf__main{padding:30px 0 18px}
  .tmf__grid{gap:0}
  .tmf__col{flex:1 1 100%}
  .tmf__col--brand{padding-bottom:22px}
  .tmf--acc .tmf__col--links,.tmf--acc .tmf__col--contact{border-top:1px solid rgba(127,127,127,.25)}
  .tmf--acc .tmf__title{margin:0;padding:15px 0;cursor:pointer;pointer-events:auto}
  .tmf--acc .tmf__title::after{display:none}
  .tmf--acc .tmf__chev{display:block}
  .tmf--acc .tmf__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1)}
  .tmf--acc .tmf__panel>*{min-height:0;overflow:hidden}
  .tmf--acc .is-open>.tmf__panel{grid-template-rows:1fr}
  .tmf--acc .is-open>.tmf__title .tmf__chev{transform:rotate(180deg)}
  .tmf--acc .tmf__panel>ul{padding-bottom:0}
  .tmf--acc .is-open>.tmf__panel>ul{padding-bottom:12px}
  .tmf:not(.tmf--acc) .tmf__col{margin-bottom:22px}
  .tmf__bottomin{flex-direction:column;align-items:flex-start}
  .tmf__pay{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){.tmf *{transition:none!important}}


/* ===== Productos: mismo estilo que los módulos Tecno (listados, categorías, buscador, relacionados) ===== */
.product-miniature__inner{background:#fff;border:0;border-radius:3px;box-shadow:0 1px 6px rgba(0,0,0,.14);overflow:hidden;transition:transform .2s,box-shadow .2s}
.product-miniature__inner:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.18)}
.product-miniature__inner,.product-miniature__inner .card-body,.product-miniature__image-container,.product-miniature__infos,.product-miniature__thumb-link,.product-miniature__title,.product-miniature__pricing,.product-miniature__functional-buttons{background:#fff}
/* Sin zoom ni capas de color sobre la foto: solo se mueve el bloque entero */
.product-miniature__thumb,.product-miniature__thumb-link img,.product-miniature__image-container img{transform:none!important;transition:none!important;mix-blend-mode:normal}
.product-miniature__inner:hover img{transform:none!important}
.product-miniature__image-container::before,.product-miniature__image-container::after,.product-miniature__thumb-link::before,.product-miniature__thumb-link::after{background:transparent!important}
.product-miniature__title,.product-miniature__title a{color:#494949;font-size:12.7px;font-weight:700;letter-spacing:.45px;line-height:20px;text-transform:uppercase;text-decoration:none}
.product-miniature__price{color:#e30613;font-weight:700;font-size:16px}
.product-miniature__regular-price{color:#888;font-size:11px;font-weight:400}
/* Selector de cantidad (igual al de los módulos) */
.product-miniature .quantity-button,.product-miniature .bootstrap-touchspin{border:1px solid #d6d6d6;border-radius:4px;overflow:hidden;background:#fff}
.product-miniature .quantity-button input,.product-miniature .bootstrap-touchspin input{border:0;border-radius:0;background:#fff;color:#333;font-size:14px;font-weight:600;text-align:center;box-shadow:none;outline:0}
.product-miniature .quantity-button .btn,.product-miniature .bootstrap-touchspin .btn{border:0;border-radius:0;background:#fff;color:#444;box-shadow:none}
.product-miniature .quantity-button .btn:hover,.product-miniature .bootstrap-touchspin .btn:hover{background:#fff;color:#e30613}
@media (prefers-reduced-motion:reduce){.product-miniature__inner{transition:none}.product-miniature__inner:hover{transform:none}}

/* "Ver más detalles" centrado en las tarjetas nativas (como en la portada) */
.product-miniature .btn-outline-primary{display:block;width:fit-content;margin-left:auto;margin-right:auto}

/* Fila cantidad + botón en tarjetas nativas: ocupa todo el ancho de la tarjeta, simétrica a izquierda y derecha */
.product-miniature *:has(> .quantity-button),
.product-miniature *:has(> .bootstrap-touchspin),
.product-miniature form:has(.quantity-button),
.product-miniature form:has(.bootstrap-touchspin){display:flex;align-items:stretch;justify-content:center;gap:8px;width:100%;margin-left:0;margin-right:0}
.product-miniature form > :has(.quantity-button),
.product-miniature form > :has(.bootstrap-touchspin){flex:1 1 auto;min-width:0}
.product-miniature .quantity-button,.product-miniature .bootstrap-touchspin{flex:1 1 auto;width:auto;max-width:none;min-width:0}
.product-miniature .quantity-button input,.product-miniature .bootstrap-touchspin input{flex:1 1 auto;width:auto;min-width:0}
.product-miniature *:has(> .quantity-button) > .btn,.product-miniature form:has(.quantity-button) > .btn,.product-miniature form:has(.quantity-button) > button{flex:0 0 auto}

/* ================= v1.9.4 · Botones y carrito con el formato del footer (el resto de la barra queda igual) ================= */
:root{--tmh-bg:#232f3e;--tmh-bg2:#232f3e;--tmh-band:#37475a;--tmh-text:#dddddd;--tmh-title:#ffffff;--tmh-accent:#febd69;--tmh-ink:#111111}

/* Menú y lupa: color de acento con ícono oscuro (como los círculos de beneficios) */
html body .tm-burger{border:0;border-radius:50%;background:var(--tmh-accent);color:var(--tmh-ink);box-shadow:none}
html body .tm-search__btn{background:var(--tmh-accent);border-color:var(--tmh-accent);color:var(--tmh-ink)}
html body .tm-burger:hover,html body .tm-burger:focus-visible{background:var(--tmh-accent);color:var(--tmh-ink);filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.25)}
html body .tm-search__btn:not(:disabled):hover,html body .tm-search__btn:not(:disabled):focus-visible{background:var(--tmh-accent);border-color:var(--tmh-accent);color:var(--tmh-ink);filter:brightness(1.06)}
html body .tm-search__btn:disabled,html body .tm-search__btn:disabled:hover{background:var(--tmh-accent);border-color:var(--tmh-accent);color:var(--tmh-ink);filter:grayscale(.6) brightness(1.1);opacity:.55}
html body .tm-search__input{border-color:#c9c9c9}
html body .tm-search__input:focus{border-color:var(--tmh-bg);box-shadow:0 0 0 3px rgba(35,47,62,.12)}

/* Login y carrito: píldoras con el fondo del footer, íconos de acento y texto blanco */
html body .tm-userbtn,html body .tm-cartbtn{background:var(--tmh-bg);border:1px solid var(--tmh-band);border-radius:999px;box-shadow:none;color:var(--tmh-title)!important;transition:background-color .2s,border-color .2s,transform .2s,box-shadow .2s}
html body .tm-userbtn,html body .tm-userbtn:hover,html body .tm-userbtn:focus,html body .tm-userbtn *{color:var(--tmh-title)!important}
html body .tm-cartbtn,html body .tm-cartbtn:hover,html body .tm-cartbtn:focus,html body .tm-cartbtn *{color:var(--tmh-title)}
html body .tm-userbtn{padding:0 18px 0 12px}
html body .tm-userbtn .tm-ic{color:var(--tmh-accent)!important}
html body .tm-userbtn .tm-userbtn__text small{color:var(--tmh-text)!important}
html body .tm-cartbtn{padding:0 18px 0 12px}
html body .tm-cartbtn__total{color:var(--tmh-text)}
html body .tm-cartbtn .tm-cartsvg{color:var(--tmh-accent)}
html body .tm-cartbtn .tm-badge{color:var(--tmh-accent)!important}
html body .tm-userbtn:hover,html body .tm-userbtn:focus-visible,html body .tm-cartbtn:hover,html body .tm-cartbtn:focus-visible{background:var(--tmh-band);border-color:var(--tmh-accent);transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.25)}
html body .tm-userbtn:active,html body .tm-cartbtn:active,html body .tm-burger:active{transform:scale(.96)}
html body .tm-burger:focus-visible,html body .tm-search__btn:focus-visible,html body .tm-userbtn:focus-visible,html body .tm-cartbtn:focus-visible{outline:3px solid var(--tmh-accent);outline-offset:2px}

@media (max-width:991px){html body .tm-userbtn{width:44px;padding:0;border-radius:50%}}
@media (max-width:575px){html body .tm-cartbtn{padding:0 10px}}
@media (prefers-reduced-motion:reduce){html body .tm-userbtn,html body .tm-cartbtn,html body .tm-burger{transition:none}}