/* GANK · Equipos por uso · front v1.4.1 (encabezado B) — fichas con imagen arriba y banda abajo; flechas sobre el carril, asomo garantizado, puntos en móvil */
.gu{--gu-yellow:#fbcf43;--gu-ink:#171719;--gu-line:#dedee1;--gu-band-bg:#2b2b30;--gu-band-text:#fff;--gu-band-muted:#d4d4d8;--gu-band-link:#fbcf43;--gu-shadow:0 1px 2px rgba(20,20,22,.06),0 6px 14px -6px rgba(20,20,22,.22);width:calc(100% - 48px);max-width:1600px;margin:34px auto 55px;padding:0;color:#171719;font-family:inherit;box-sizing:border-box}
.gu *{box-sizing:border-box}.gu [hidden]{display:none!important}
/* Encabezado como el resto del inicio: etiqueta en mayúsculas + título 36 px a la izquierda; usos a la derecha en la misma línea */
.gu-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 40px;margin-bottom:22px;text-align:left}
.gu-heading-text{min-width:0}
.gu .gu-eyebrow{margin:0 0 6px;font-size:12px;line-height:1.4;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#595959}.gu #gu-heading{margin:0;font-size:36px;line-height:1.12;font-weight:800;letter-spacing:-.03em;color:#141414;text-transform:none}
.gu-nav{position:relative;display:flex;justify-content:flex-end;gap:22px;flex-wrap:nowrap;margin:0;padding-bottom:4px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none}.gu-nav::-webkit-scrollbar{display:none}
.gu .gu-nav button{flex:0 0 auto;border:0;border-bottom:3px solid transparent;border-radius:0;padding:6px 0 7px;background:none;color:#595959;font:inherit;font-size:14px;line-height:1.2;font-weight:500;white-space:nowrap;cursor:pointer;transition:color .15s,border-color .15s}.gu .gu-nav button:hover{color:#141414;border-bottom-color:#d6d6da;background:none}.gu .gu-nav button.is-active{color:#141414;font-weight:700;border-bottom-color:var(--gu-yellow);background:none}
/* Si título y usos no caben en una línea, los usos bajan y se deslizan de lado sobre una línea fina */
@media(max-width:1279px){.gu-heading{flex-direction:column;align-items:stretch}.gu-nav{justify-content:flex-start;border-bottom:1px solid #d6d6da;padding-bottom:0}.gu .gu-nav button{margin-bottom:-1px}}
.gu .gu-nav button:focus-visible,.gu a:focus-visible,.gu .gu-arrow:focus-visible,.gu-track:focus-visible{outline:3px solid #b48600;outline-offset:3px}

/* Carril */
.gu-rail{position:relative}
.gu-track{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;margin:0 -10px;padding:6px 10px 18px;scroll-padding-inline:10px;scroll-snap-type:x mandatory;scrollbar-width:none}.gu-track::-webkit-scrollbar{display:none}

/* Ficha: imagen arriba + banda abajo */
.gu .gu-card{position:relative;display:flex;flex-direction:column;flex:0 0 min(370px,calc((100% - 150px)/4));min-height:410px;min-width:0;overflow:hidden;border-radius:19px;scroll-snap-align:start;background:#fff;border:0;box-shadow:var(--gu-shadow)}
.gu .gu-media{position:relative;display:block;flex:1 1 auto;min-height:0;overflow:hidden;background:#f7f7f8;color:inherit;text-decoration:none}
.gu .gu-media>img{display:block;width:100%;height:100%;transition:transform .45s ease}
.gu .gu-band{display:flex;flex-direction:column;gap:9px;flex:0 0 auto;padding:14px 20px 16px}
.gu .gu-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.gu .gu-price{font-size:20px;line-height:1.1;font-weight:800;letter-spacing:-.03em;white-space:nowrap}
.gu .gu-link{color:var(--gu-yellow);font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap}.gu .gu-link:hover{text-decoration:underline}
.gu .gu-btn{display:inline-block;padding:9px 13px;border-radius:8px;background:var(--gu-yellow);color:var(--gu-ink);font-size:13px;line-height:1.1;font-weight:800;text-decoration:none;white-space:nowrap;transition:background-color .16s ease}.gu .gu-btn:hover{background:#f2c22c;text-decoration:none;color:var(--gu-ink)}

/* Equipo: imagen completa sobre fondo neutro, banda clara */
.gu .gu-product .gu-media{flex:0 0 auto;aspect-ratio:1/1;padding:0;background:#fff}.gu .gu-product .gu-media>img{object-fit:contain}
.gu .gu-product-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;font-size:15px!important;line-height:1.25;font-weight:600;letter-spacing:-.01em;color:#171719;overflow-wrap:anywhere;text-transform:none;min-height:2.5em}
.gu-no-image{position:absolute;inset:40% 15% auto;text-align:center;color:#8a8a90;font-size:13px}

/* Categoría: foto con título encima, banda oscura */
.gu .gu-category{background:var(--gu-band-bg);color:var(--gu-band-text)}
.gu .gu-category .gu-price{color:var(--gu-band-text)}.gu .gu-category .gu-link,.gu .gu-banner .gu-link{color:var(--gu-band-link)}
.gu .gu-category .gu-media{background:#2a2a2e;padding:22px}.gu .gu-category .gu-media>img{position:absolute;inset:0;object-fit:cover}
.gu .gu-category-title{position:relative;z-index:1;margin:0;font-size:clamp(28px,2.4vw,32px);line-height:1.05;font-weight:800;letter-spacing:-.04em;color:#fff;text-shadow:0 2px 10px #0009;overflow-wrap:anywhere;text-transform:none}
.gu .gu-category .gu-band{padding:16px 22px 18px}
.gu .gu-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0;font-size:13px;line-height:1.4;font-weight:500;color:var(--gu-band-muted)}
.gu-category{order:0}.gu-product{order:1}
.gu-status{font-size:14px;margin-top:8px}
/* Puntos de posición (solo móvil) */
.gu .gu-dots{display:none}

/* Tarjeta compacta de categoría (solo móvil) */
.gu .gu-banner{display:none}
.gu .gu-banner-steps{display:none}

/* Zoom suave con ratón */
@media(hover:hover) and (pointer:fine){.gu .gu-card:hover .gu-media>img{transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){.gu .gu-media>img{transition:none}.gu .gu-card:hover .gu-media>img{transform:none}}

/* Flechas sobre el carril (escritorio): a media altura de la imagen, pegadas a los bordes; la que no aplica se oculta */
.gu-controls{position:absolute;inset:0;pointer-events:none}
.gu .gu-arrow{position:absolute;top:150px;display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #d3d3d6;border-radius:50%;background:#fff;color:#242426;cursor:pointer;box-shadow:0 4px 14px #0003;pointer-events:auto;transition:background-color .16s ease,transform .16s ease}
.gu .gu-arrow-previous{left:-23px}.gu .gu-arrow-next{right:-23px}
.gu .gu-arrow:hover:not(:disabled){background:var(--gu-yellow);border-color:var(--gu-yellow);transform:scale(1.06)}
.gu .gu-arrow:disabled{visibility:hidden}
.gu-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gu-arrow-previous svg{transform:rotate(180deg)}

@media(max-width:1099px){.gu .gu-card{flex-basis:min(370px,calc((100% - 110px)/3))}.gu .gu-arrow{top:130px;width:40px;height:40px}.gu .gu-arrow-previous{left:-14px}.gu .gu-arrow-next{right:-14px}.gu .gu-band{padding:12px 16px 14px}.gu .gu-price{font-size:18px}.gu .gu-btn{font-size:12px;padding:8px 11px}}

/* Móvil */
@media(max-width:767px){
.gu{width:auto;max-width:none;padding:0 14px;margin-top:27px}
.gu #gu-heading{font-size:28px}.gu-heading{margin-bottom:16px;gap:14px}.gu-nav{margin:0 -14px;padding:0 14px}.gu .gu-nav button{font-size:14px}
/* Móvil (opción B): la categoría es la misma ficha de escritorio a lo ancho, encima del carrusel: foto con título, banda gris abajo */
.gu .gu-banner{position:relative;display:flex;flex-direction:column;margin:0 0 12px;border-radius:16px;overflow:hidden;background:var(--gu-band-bg);color:var(--gu-band-text);text-decoration:none;box-shadow:var(--gu-shadow)}
.gu .gu-banner>img{display:block;width:100%;height:150px;object-fit:cover;background:#2a2a2e}
.gu .gu-banner-body{display:flex;flex-direction:column;gap:6px;min-width:0;padding:10px 16px 12px}
.gu .gu-banner-title{position:absolute;top:14px;left:16px;right:16px;color:#fff;font-size:26px;line-height:1.05;font-weight:800;letter-spacing:-.03em;text-shadow:0 2px 10px #0009;overflow-wrap:anywhere}
.gu .gu-banner-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;line-height:1.4;font-weight:500;color:var(--gu-band-muted)}
.gu .gu-banner{touch-action:pan-y}
.gu .gu-banner-steps{position:absolute;top:120px;left:16px;display:flex;gap:5px}.gu .gu-banner-steps i{width:6px;height:6px;border-radius:99px;background:#ffffffa6;box-shadow:0 0 3px #0006;transition:width .2s}.gu .gu-banner-steps i.is-on{width:18px;background:#fff}
.gu .gu-from-next{animation:gu-in-next .28s ease-out}.gu .gu-from-prev{animation:gu-in-prev .28s ease-out}
@keyframes gu-in-next{from{opacity:.4;transform:translateX(28px)}to{opacity:1;transform:none}}@keyframes gu-in-prev{from{opacity:.4;transform:translateX(-28px)}to{opacity:1;transform:none}}
.gu .gu-banner .gu-row{flex-wrap:nowrap}.gu .gu-banner .gu-price{font-size:17px;color:var(--gu-band-text)}.gu .gu-banner .gu-link{font-size:13px}
.gu-track{gap:16px;margin:0 -14px;padding:6px 14px 18px;scroll-padding-inline:14px}
.gu .gu-card{flex-basis:250px;min-height:0;border-radius:16px}
.gu .gu-track .gu-category{display:none}
.gu .gu-controls{display:none}
.gu .gu-dots{display:flex;justify-content:center;gap:2px;margin:2px 0 0;padding:0}.gu .gu-dots[hidden]{display:none}
.gu .gu-dot{width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}.gu .gu-dot::before{content:'';width:8px;height:8px;border-radius:99px;background:#cfcfd4;transition:width .2s ease,background-color .2s ease}.gu .gu-dot.is-active::before{width:22px;background:var(--gu-ink)}
.gu .gu-band{padding:10px 14px 12px;gap:8px}.gu .gu-product-title{font-size:14px!important}.gu .gu-price{font-size:17px}.gu .gu-btn{font-size:12px;padding:8px 10px}
}