/*
 * Series de maquinas (2026-10-08). Todo va bajo .gs-* para no chocar con Divi.
 * Diseno: industrial sobrio (HOMAG/SCM). Poppins, navy #2b327f/#1d2160, rojo #ea0303 solo en
 * CTA y sobretitulos, grises con contraste AA, radios 2-3px, sin sombras en tarjetas.
 */
/* La Poppins del sitio: Divi la carga como "Poppins Regular" y "Poppins Bold" (dos familias),
   no como "Poppins" -- pedir "Poppins" caia en la fuente del sistema. Mismos archivos, con pesos. */
@font-face { font-family: 'GS Poppins'; font-weight: 400 500; font-display: swap; src: url('/uploads/et-fonts/Poppins-Regular.ttf') format('truetype'); }
@font-face { font-family: 'GS Poppins'; font-weight: 600 800; font-display: swap; src: url('/uploads/et-fonts/Poppins-Bold.ttf') format('truetype'); }

.gs-serie, .gs-series-home, .gs-hermanas, .gs-bloque-serie, .gs-mega-series {
  --gs-navy: #2b327f; --gs-tinta: #1d2160; --gs-texto: #4a4f6a; --gs-gris: #646a85;
  --gs-pend: #6f748d; --gs-linea: #e3e5ec; --gs-fondo: #f4f5f7; --gs-rojo: #ea0303;
  font-family: 'GS Poppins', 'Poppins Regular', system-ui, sans-serif; color: var(--gs-tinta); -webkit-font-smoothing: antialiased;
}
.gs-serie *, .gs-series-home *, .gs-hermanas *, .gs-bloque-serie * { box-sizing: border-box; }
.gs-wrap { max-width: 1280px; margin: 0 auto; padding: 0 32px; }
.gs-oculto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.gs-sobre { font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--gs-rojo); }
.gs-etiqueta { font-size: 12px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--gs-gris); }
.gs-serie h1, .gs-serie h2, .gs-serie h3, .gs-series-home h2, .gs-series-home h3, .gs-bloque-serie h2 {
  font-family: 'GS Poppins', 'Poppins Bold', sans-serif; color: var(--gs-tinta); letter-spacing: -0.01em; padding: 0; line-height: 1.15;
}
.gs-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 28px; border-radius: 3px;
  font-weight: 600; font-size: 15px; text-decoration: none !important; transition: background .2s, color .2s; font-family: inherit; cursor: pointer; }
.gs-btn--p { background: var(--gs-rojo); color: #fff !important; border: 0; }
.gs-btn--p:hover { background: #c40000; }
.gs-btn--s { background: transparent; color: var(--gs-navy) !important; border: 1px solid var(--gs-navy); }
.gs-btn--s:hover { background: var(--gs-navy); color: #fff !important; }
.gs-btn--chico { min-height: 40px; padding: 0 20px; font-size: 14px; }
.gs-btn:focus-visible, .gs-mas:focus-visible, .gs-serie a:focus-visible, .gs-hermanas a:focus-visible { outline: 2px solid var(--gs-navy); outline-offset: 3px; }
.gs-botones { display: flex; gap: 12px; flex-wrap: wrap; }
.gs-mas { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: 15px; color: var(--gs-navy) !important; text-decoration: none !important;
  background-image: linear-gradient(var(--gs-navy), var(--gs-navy)); background-size: 0 1px; background-position: 0 100%; background-repeat: no-repeat; transition: background-size .25s ease; padding-bottom: 2px; }
.gs-mas:hover { background-size: 100% 1px; }
@keyframes gs-entra { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.gs-entra { animation: gs-entra .6s cubic-bezier(.2,.7,.2,1) both; }

/* Pagina de serie */
.gs-serie { background: #fff; }
.gs-migas { background: var(--gs-navy); color: #fff; font-size: 13px; font-weight: 500; }
.gs-migas .gs-wrap { display: flex; gap: 8px; align-items: center; min-height: 36px; flex-wrap: wrap; }
.gs-migas a { color: #c9cdf0; text-decoration: none; }
.gs-migas a:hover { color: #fff; }
.gs-migas span[aria-hidden] { color: #8e94c9; }
.gs-hero { display: grid; grid-template-columns: minmax(0,5fr) minmax(0,7fr); min-height: 460px; }
.gs-hero__texto { padding: 44px 56px 44px max(32px, calc((100vw - 1280px) / 2 + 32px)); display: flex; flex-direction: column; justify-content: center; gap: 18px; }
.gs-hero__texto h1 { font-size: 56px; font-weight: 600; color: var(--gs-navy); margin: 0; line-height: 1.05; }
.gs-hero__texto > p { font-size: 18px; line-height: 1.6; color: var(--gs-texto); max-width: 44ch; margin: 0; padding: 0; }
.gs-datos { display: flex; gap: 40px; flex-wrap: wrap; padding-top: 22px; border-top: 1px solid var(--gs-linea); margin: 0; }
.gs-datos dt { font-size: 12px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--gs-gris); }
.gs-datos dd { font-size: 20px; font-weight: 600; margin: 4px 0 0; font-variant-numeric: tabular-nums; }
.gs-hero__foto { background: var(--gs-fondo); display: flex; align-items: flex-end; justify-content: center; padding: 48px 40px 40px; position: relative; overflow: hidden; }
.gs-hero__foto::before { content: ''; position: absolute; left: 12%; right: 12%; bottom: 44px; height: 40px; background: radial-gradient(ellipse at center, rgba(29,33,96,.18), transparent 70%); }
.gs-hero__foto img { position: relative; width: 100%; max-width: 820px; height: auto; animation: gs-entra .9s .1s cubic-bezier(.2,.7,.2,1) both; }
.gs-subnav { position: sticky; top: var(--gs-cabecera, 0px); z-index: 50; background: #fff; border-bottom: 1px solid var(--gs-linea); }
.gs-subnav__fila { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.gs-subnav__enlaces { display: flex; align-items: center; gap: 28px; flex-wrap: wrap; }
.gs-subnav__enlaces strong { font-weight: 600; font-size: 15px; }
.gs-subnav__enlaces a { display: inline-flex; align-items: center; min-height: 56px; font-size: 14px; font-weight: 500; color: var(--gs-texto); text-decoration: none; box-shadow: inset 0 -2px 0 transparent; }
.gs-subnav__enlaces a:hover { color: var(--gs-tinta); box-shadow: inset 0 -2px 0 var(--gs-navy); }
.gs-seccion { padding-top: 88px; padding-bottom: 8px; scroll-margin-top: 120px; }
.gs-seccion h2 { font-size: 36px; font-weight: 600; margin: 8px 0 32px; }
.gs-nota { margin: -20px 0 28px; font-size: 15px; color: var(--gs-texto); }
.gs-modelos { display: grid; gap: 0; border-top: 1px solid var(--gs-linea); border-left: 1px solid var(--gs-linea); }
.gs-modelos--3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.gs-modelos--2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.gs-modelos--1 { grid-template-columns: minmax(0,1fr); }
.gs-modelo { border-right: 1px solid var(--gs-linea); border-bottom: 1px solid var(--gs-linea); display: flex; flex-direction: column; }
.gs-modelo__foto { display: block; overflow: hidden; border-bottom: 1px solid var(--gs-linea); background: #fff; }
.gs-modelo__foto img { display: block; width: 100%; height: auto; aspect-ratio: 16/10; object-fit: contain; transition: transform .4s cubic-bezier(.2,.7,.2,1); }
.gs-modelo:hover .gs-modelo__foto img { transform: scale(1.03); }
.gs-modelo__cuerpo { padding: 24px 28px 28px; display: flex; flex-direction: column; gap: 12px; flex: 1; }
.gs-modelo__cuerpo h3 { font-size: 26px; font-weight: 600; margin: 0; }
.gs-modelo__cuerpo h3 a { color: var(--gs-navy); text-decoration: none; }
.gs-modelo__cuerpo p { font-size: 15px; line-height: 1.65; color: var(--gs-texto); margin: 0; padding: 0; }
.gs-modelo__precio { font-size: 18px; font-weight: 600; font-variant-numeric: tabular-nums; margin-top: auto; padding-top: 8px; }
.gs-tabla-caja { overflow-x: auto; }
.gs-tabla { width: 100%; border-collapse: collapse; font-size: 15px; min-width: 760px; border: 0; margin: 0; }
.gs-tabla th, .gs-tabla td { padding: 0 16px; height: 48px; border: 0; border-bottom: 1px solid var(--gs-linea); text-align: left; vertical-align: middle; }
.gs-tabla thead th { height: 60px; border-bottom: 2px solid var(--gs-navy); font-size: 17px; font-weight: 600; text-align: center; }
.gs-tabla thead th a { color: var(--gs-tinta); text-decoration: none; }
.gs-tabla tbody th { font-weight: 500; color: var(--gs-tinta); width: 30%; }
.gs-tabla__unidad { color: var(--gs-gris); width: 80px; }
.gs-tabla__valor { text-align: center !important; font-variant-numeric: tabular-nums; border-left: 1px solid var(--gs-linea) !important; }
.gs-tabla__valor--pendiente { color: var(--gs-pend); font-style: italic; }
.gs-tabla__repite { display: none; }
.gs-tabla__u, .gs-desliza { display: none; }
.gs-tabla__grupo th { background: var(--gs-fondo); font-size: 12px !important; font-weight: 600 !important; letter-spacing: .06em; text-transform: uppercase; color: var(--gs-texto) !important; height: 40px !important; text-align: left !important; }
.gs-ayuda { background: var(--gs-fondo); margin-top: 88px; position: relative; }
.gs-ancla { position: absolute; top: -72px; left: 0; width: 1px; height: 1px; }
.gs-ayuda__fila { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 32px; align-items: center; padding-top: 64px; padding-bottom: 64px; }
.gs-ayuda h2 { font-size: 28px; font-weight: 600; margin: 0; }
.gs-ayuda p { margin: 8px 0 0; padding: 0; font-size: 16px; line-height: 1.6; color: var(--gs-texto); max-width: 60ch; }

/* Seccion de series en CNC Routers */
.gs-series-home { padding: 40px 0 64px; width: 80%; max-width: 1080px; margin: 0 auto; }
.gs-series-home__cabeza { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; margin-bottom: 28px; }
.gs-series-home__cabeza h2 { font-size: 36px; font-weight: 600; margin: 6px 0 0; }
.gs-series-home__cabeza p { margin: 0; padding: 0; font-size: 15px; line-height: 1.65; color: var(--gs-texto); max-width: 52ch; }
.gs-series-rejilla { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px; }
.gs-tserie { background: #fff; border: 1px solid var(--gs-linea); border-radius: 2px; display: flex; flex-direction: column; transition: border-color .25s; }
.gs-tserie:hover { border-color: var(--gs-navy); }
.gs-tserie__foto { display: block; overflow: hidden; border-bottom: 1px solid var(--gs-linea); }
.gs-tserie__foto img { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: contain; transition: transform .4s cubic-bezier(.2,.7,.2,1); }
.gs-tserie:hover .gs-tserie__foto img { transform: scale(1.03); }
.gs-tserie__cuerpo { padding: 22px 26px 26px; display: flex; flex-direction: column; gap: 14px; flex: 1; }
.gs-tserie__cuerpo h3 { font-size: 26px; font-weight: 600; margin: 4px 0 0; }
.gs-tserie__cuerpo h3 a { color: var(--gs-navy); text-decoration: none; }
.gs-tserie__cuerpo > p { margin: 0; padding: 0; font-size: 15px; line-height: 1.6; color: var(--gs-texto); }
.gs-variantes { display: flex; gap: 12px; }
.gs-variante { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; text-decoration: none !important; color: var(--gs-tinta) !important; }
.gs-variante img { width: 100%; height: auto; aspect-ratio: 16/10; object-fit: contain; border: 1px solid var(--gs-linea); border-radius: 2px; background: #fff; transition: border-color .2s; }
.gs-variante:hover img { border-color: var(--gs-navy); }
.gs-variante b { font-size: 14px; font-weight: 600; margin-top: 6px; }
.gs-variante small { font-size: 12px; color: var(--gs-gris); }
.gs-tserie__pie { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-top: auto; padding-top: 16px; border-top: 1px solid var(--gs-linea); flex-wrap: wrap; }
.gs-tserie__precio { font-size: 20px; font-weight: 600; font-variant-numeric: tabular-nums; margin-top: 2px; }
.gs-otros-titulo { width: 80%; max-width: 1080px; margin-left: auto !important; margin-right: auto !important; font-family: 'GS Poppins', 'Poppins Bold', sans-serif; font-size: 32px; font-weight: 600; color: #1d2160; letter-spacing: -0.01em; margin: 0 0 18px; padding: 0; }

/* Fichas: barra de hermanas y bloque de serie */
.gs-hermanas { background: #fff; border-bottom: 1px solid var(--gs-linea); }
.gs-hermanas__fila { display: flex; align-items: stretch; gap: 8px 28px; flex-wrap: wrap; padding-top: 6px; }
.gs-hermanas__titulo { align-self: center; font-size: 13px; font-weight: 600; color: var(--gs-texto); margin-right: 8px; }
.gs-hermana { display: flex; align-items: center; gap: 12px; min-height: 68px; padding-right: 8px; text-decoration: none !important; box-shadow: inset 0 -2px 0 transparent; }
.gs-hermana[aria-current="page"] { box-shadow: inset 0 -2px 0 var(--gs-navy); }
.gs-hermana img { width: 76px; height: 48px; object-fit: contain; }
.gs-hermana b { display: block; font-size: 15px; font-weight: 600; color: var(--gs-tinta); }
.gs-hermana small { display: block; font-size: 12px; color: var(--gs-gris); }
.gs-hermanas__comparar { align-self: center; margin-left: auto; font-size: 14px; font-weight: 600; color: var(--gs-navy) !important; text-decoration: none; }
/* Escritorio estrecho (981-1180): con 3 modelos y los nombres en espanol "Comparar" bajaba a otra linea (medido:
   hasta 1048 px). Huecos y miniaturas mas justos para que quepa en una fila. */
@media (min-width: 981px) and (max-width: 1180px) {
  .gs-hermanas__fila { column-gap: 14px; }
  .gs-hermanas__titulo { margin-right: 0; }
  .gs-hermana { gap: 8px; padding-right: 4px; }
  .gs-hermana img { width: 60px; height: 38px; }
}
.gs-bloque-serie { background: #fff; padding: 64px 0 72px; }
.gs-bloque-serie h2 { font-size: 30px; font-weight: 600; margin: 6px 0 20px; }
.gs-cambios { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); border-top: 1px solid var(--gs-linea); margin-bottom: 48px; }
.gs-cambios > div { padding: 18px 32px 18px 0; border-bottom: 1px solid var(--gs-linea); }
.gs-cambios b { display: block; font-size: 16px; font-weight: 600; }
.gs-cambios span { display: block; font-size: 15px; line-height: 1.6; color: var(--gs-texto); margin-top: 4px; }
.gs-ficha-simple { width: 100%; border-collapse: collapse; font-size: 15px; border: 0; margin: 0; }
.gs-ficha-simple th, .gs-ficha-simple td { padding: 0 14px; height: 46px; border: 0; border-bottom: 1px solid var(--gs-linea); text-align: left; }
.gs-ficha-simple tbody th { font-weight: 500; width: 42%; }
.gs-ficha-simple .gs-tabla__grupo th { background: var(--gs-fondo); font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--gs-texto); height: 38px; }
.gs-a-cotizar { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin: 10px 0 18px; }
.gs-a-cotizar .price { font-size: 24px !important; font-weight: 600; color: #1d2160 !important; margin: 0; }
/* El boton de Divi que se reutiliza viene pensado para fondo oscuro (blanco sobre blanco aqui) */
.gs-a-cotizar .et_pb_button { background: #1d2160 !important; color: #fff !important; border: 2px solid #1d2160 !important; border-radius: 30px; padding: 8px 28px !important; font-size: 16px !important; }
.gs-a-cotizar .et_pb_button:hover { background: #2b327f !important; border-color: #2b327f !important; padding: 8px 28px !important; }
.gs-a-cotizar .et_pb_button::after { display: none !important; }

/* Menu: columna de series dentro del submenu PRODUCTS (Divi) */
@media (min-width: 981px) {
  /* Centrado en la cabecera SIN transform: la animacion de despliegue de Divi anima transform (scaleY) y
     pisaba el translateX, de modo que el panel salia a la derecha y luego saltaba a la izquierda.
     El li pasa a static para que el panel se coloque respecto al contenedor de la cabecera (ancho completo). */
  #top-menu li.gs-mega { position: static !important; }
  #top-menu li.gs-mega > ul.sub-menu { width: min(1180px, 92vw); left: 50% !important; right: auto !important; top: 100% !important; margin-left: calc(min(1180px, 92vw) / -2) !important; transform-origin: top center; display: grid; grid-template-columns: minmax(0,1.5fr) repeat(3, minmax(0,1fr)); gap: 0 32px; padding: 28px 32px 32px !important; border-top: 2px solid #2b327f; box-shadow: 0 24px 40px -28px rgba(29,33,96,.45); }
  #top-menu li.gs-mega > ul.sub-menu > li { width: auto !important; padding: 0 !important; }
  #top-menu li.gs-mega > ul.sub-menu > li > a { width: auto !important; font-size: 12px !important; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #1d2160 !important; border-bottom: 1px solid #e3e5ec; padding: 0 0 10px !important; margin-bottom: 8px; }
  /* inherit, no visible: un hijo visible dentro de un padre oculto recibe el puntero aunque no se vea, y
     abria el menu al pasar por debajo de la cabecera sin haber llegado a PRODUCTS. */
  #top-menu li.gs-mega > ul.sub-menu > li > ul.sub-menu { position: static !important; visibility: inherit !important; opacity: 1 !important; display: block !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; width: auto !important; transform: none !important; background: transparent !important; }
  #top-menu li.gs-mega > ul.sub-menu > li > ul.sub-menu li { padding: 0 !important; width: auto !important; }
  #top-menu li.gs-mega > ul.sub-menu > li > ul.sub-menu a { width: auto !important; padding: 6px 0 !important; font-size: 14px !important; color: #1d2160 !important; }
  #top-menu li.gs-mega > ul.sub-menu > li > ul.sub-menu ul.sub-menu a { padding-left: 14px !important; color: #4a4f6a !important; }
  #top-menu li.gs-mega li.menu-item-has-children > a::after { display: none !important; }
  #top-menu li.gs-mega-series > a.gs-mega-titulo { color: #ea0303 !important; display: flex !important; justify-content: space-between; }
  .gs-mega-serie { display: flex !important; align-items: center; gap: 12px; padding: 7px 0 !important; }
  /* El sitio pinta de marino todo li con el puntero encima (#top-menu li:hover): en el menu grande
     cada columna es un li y se volvia ilegible. Aqui solo se marca el enlace, en claro. */
  #top-menu li.gs-mega > ul.sub-menu li:hover { background-color: transparent !important; }
  #top-menu li.gs-mega > ul.sub-menu a { transition: background-color .15s, color .15s; border-radius: 2px; }
  #top-menu li.gs-mega > ul.sub-menu > li > ul.sub-menu a:hover, #top-menu li.gs-mega > ul.sub-menu > li > ul.sub-menu a:focus-visible { background-color: #eef0f7 !important; color: #1d2160 !important; opacity: 1 !important; }
  #top-menu li.gs-mega > ul.sub-menu > li > a:hover { background-color: transparent !important; opacity: 1 !important; color: #ea0303 !important; }
  /* Relleno fijo (no solo al pasar el puntero) para que el texto no se mueva: el fondo claro sobresale 8px */
  #top-menu li.gs-mega > ul.sub-menu > li > ul.sub-menu a { padding-left: 8px !important; padding-right: 8px !important; margin-left: -8px; }
  #top-menu li.gs-mega > ul.sub-menu > li > ul.sub-menu ul.sub-menu a { padding-left: 22px !important; }
  .gs-mega-serie img { width: 80px; height: 50px; object-fit: contain; border: 1px solid #e3e5ec; border-radius: 2px; background: #fff; flex: none; }
}
.gs-mega-serie b { display: block; font-weight: 600; color: #1d2160; }
.gs-mega-serie small { display: block; font-size: 12px; color: #646a85; font-weight: 400; }
@media (max-width: 980px) {
  .gs-mega-serie img { display: none; }
  .gs-mega-serie small { display: none; }
}

@media (max-width: 980px) {
  .gs-wrap { padding: 0 16px; }
  .gs-hero { grid-template-columns: minmax(0,1fr); min-height: 0; }
  .gs-hero__texto { padding: 28px 16px 8px; }
  .gs-hero__texto h1 { font-size: 36px; }
  .gs-hero__texto > p { font-size: 16px; }
  .gs-hero__foto { padding: 20px 8px 8px; }
  .gs-subnav__enlaces strong, .gs-subnav .gs-btn { display: none; }
  .gs-subnav__enlaces { gap: 20px; }
  .gs-modelos--3, .gs-modelos--2, .gs-series-rejilla, .gs-cambios { grid-template-columns: minmax(0,1fr); }
  .gs-seccion { padding-top: 56px; }
  .gs-seccion h2, .gs-series-home__cabeza h2 { font-size: 26px; }
  .gs-ayuda__fila { grid-template-columns: minmax(0,1fr); padding-top: 40px; padding-bottom: 40px; } /* .gs-wrap (padding: 0 16px) le quitaba el aire de arriba y abajo */
  /* Movil: la columna de etiquetas queda fija y los modelos se deslizan debajo */
  /* table-layout fixed: WebKit no respeta el ancho de la columna fija con el reparto automatico */
  .gs-tabla { font-size: 13px; min-width: 0; width: calc(128px + var(--gs-n, 3) * 132px); table-layout: fixed; border-collapse: separate; border-spacing: 0; }
  .gs-tabla__unidad, .gs-tabla thead th:nth-child(2) { display: none; }
  .gs-tabla tbody th[scope="row"], .gs-tabla thead th:first-child { position: sticky; left: 0; z-index: 2; background: #fff !important; width: 128px; min-width: 128px; max-width: 128px; box-shadow: 1px 0 0 var(--gs-linea); padding: 6px 10px; height: auto; line-height: 1.35; }
  .gs-tabla__grupo th { position: static; padding: 0 !important; }
  .gs-tabla__g { position: sticky; left: 0; display: inline-block; padding: 0 10px; }
  .gs-tabla__repite { display: table-row; }
  .gs-tabla__repite th { position: sticky; left: 0; z-index: 2; background: #fff !important; box-shadow: 1px 0 0 var(--gs-linea); }
  .gs-tabla__repite td { padding: 8px 10px 4px !important; font-size: 12px; font-weight: 600; color: var(--gs-navy); text-align: center; border-left: 1px solid var(--gs-linea); }
  /* La parte que distingue al modelo en su linea: cortada por el borde, "STAR PRO AG-S" se leia "STAR PRO AG". */
  .gs-tabla__repite td { line-height: 1.3; }
  .gs-tabla__repite td span { display: block; white-space: nowrap; }
  .gs-tabla thead th { width: 132px; font-size: 14px; }
  .gs-tabla__valor { min-width: 132px; padding: 6px 10px !important; height: auto; line-height: 1.35; }
  /* Un valor comun a varios modelos ocupa varias columnas: centrado, su centro caia fuera de la pantalla y se leia
     "Multi-drill blc". Pegado a la etiqueta se lee sin deslizar. */
  .gs-tabla__valor[colspan] { text-align: left !important; }
  /* ...y si es largo ("19\" LCD, keyboard, mouse...") se parte en el ancho visible y sigue a la vista al deslizar. */
  .gs-tabla__texto { display: inline-block; max-width: calc(100vw - 184px); position: sticky; left: 138px; white-space: normal; }
  .gs-tabla__u { display: block; font-size: 11px; color: var(--gs-gris); font-weight: 400; }
  .gs-desliza { display: block; font-size: 13px; color: var(--gs-gris); margin: 0 0 8px; }
  /* Una sola fila que se desliza de lado, como las pestanas de modelos de los fabricantes */
  .gs-hermanas__fila { flex-wrap: nowrap; overflow-x: auto; gap: 20px; padding-right: 16px; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .gs-hermanas__fila::-webkit-scrollbar { display: none; }
  .gs-hermanas__titulo { display: none; }
  .gs-hermana { flex: 0 0 auto; min-height: 56px; scroll-snap-align: start; }
  .gs-hermana img { width: 56px; height: 36px; }
  .gs-hermana b { white-space: nowrap; }
  .gs-hermana small { white-space: nowrap; }
  .gs-hermanas__comparar { flex: 0 0 auto; margin-left: 0; white-space: nowrap; }
}
@media (prefers-reduced-motion: reduce) {
  .gs-serie *, .gs-series-home *, .gs-hermanas *, .gs-bloque-serie * { animation: none !important; transition: none !important; }
}

/* Menu: ajustes tras la revision en navegador (2026-10-08). Divi pone los <li> en linea, oculta el
   tercer nivel y pasa todo a mayusculas; dentro del panel, no. */
@media (min-width: 981px) {
  #top-menu li.gs-mega > ul.sub-menu li { display: block !important; }
  #top-menu li.gs-mega > ul.sub-menu ul.sub-menu { position: static !important; visibility: inherit !important; opacity: 1 !important; display: block !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; width: auto !important; transform: none !important; background: transparent !important; left: auto !important; top: auto !important; }
  #top-menu li.gs-mega > ul.sub-menu a { text-transform: none !important; letter-spacing: 0 !important; font-weight: 500; }
  #top-menu li.gs-mega > ul.sub-menu > li > a { text-transform: uppercase !important; letter-spacing: .08em !important; font-weight: 600 !important; }
  #top-menu li.gs-mega > ul.sub-menu > li.gs-mega-series > a.gs-mega-titulo { color: #ea0303 !important; }
  #top-menu li.gs-mega > ul.sub-menu ul.sub-menu ul.sub-menu a { padding-left: 22px !important; color: #4a4f6a !important; font-weight: 400 !important; }
  #top-menu li.gs-mega .gs-mega-serie b { font-weight: 600; font-size: 15px; }
  #top-menu li.gs-mega .gs-mega-serie small { text-transform: none; letter-spacing: 0; }
}
.gs-cambios b a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.gs-sin-corte { white-space: nowrap; }

/* Galeria de la ficha (FichaSerie::conGaleria, 2026-10-13): la de WooCommerce con el estilo que el sitio ya le da
   (miniaturas en carrusel con flechas, como en las Edgebanders). Solo se fija el 3:2 de las fotos para que no salte
   de alto; las principales cuadradas (estandar) se ven en su franja central, donde cabe la maquina entera. */
.gs-galeria .woocommerce-product-gallery__image img { width: 100%; height: auto !important; aspect-ratio: 3 / 2; object-fit: contain; }
.gs-galeria--recorte .woocommerce-product-gallery__image img { object-fit: cover; }
.gs-galeria .flex-control-thumbs img { object-fit: contain; }   /* la caja del sitio es 1,57:1; sin esto se estiraban */
.gs-galeria--recorte .flex-control-thumbs img { object-fit: cover; }
.gs-galeria .woocommerce-product-gallery__image { cursor: zoom-in; }
/* Pantalla completa de la galeria (PhotoSwipe) en blanco, como las fotos de ficha; la barra sin fondo oscuro y los
   iconos del skin (blancos) invertidos para que se vean. Solo en las fichas de las series (series.css). */
.pswp__bg { background: #fff !important; }
.pswp__top-bar, .pswp__caption, .pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color: transparent !important; }
.pswp__counter { color: #1d2160 !important; opacity: 1 !important; }
.pswp__button { filter: invert(1); }
.pswp { z-index: 2147483600 !important; }
.gs-galeria .thumb-carousel-wrapper.gs-sin-desborde .thumb-arrow { display: none !important; }