/* ============================================================
   GLOBAL CLICK · TIENDA — la fachada de la web nueva sobre WooCommerce + Astra.
   Colores, letras y botones copiados de la hoja de la web (styles.css del sitio).
   ============================================================ */
:root{
  --gct-base:#f6f4f1; --gct-paper:#eceae6; --gct-line:#dcd8d2; --gct-line-fuerte:#cdc7bf;
  --gct-carbon:#151618; --gct-head:#1b1c1f; --gct-text:#474a50; --gct-muted:#5d6168;
  --gct-naranja:#e8681c; --gct-naranja-2:#f59a4a; --gct-naranja-texto:#ab4b0d;
  --gct-ok:#356b22;
  --gct-sombra:0 1px 0 var(--gct-line),0 18px 40px -30px rgba(21,22,24,.35);
  --gct-ease:cubic-bezier(.22,.61,.36,1);
  --gct-sg:'Space Grotesk','IBM Plex Sans',sans-serif;
  --gct-maxw:1280px;
  /* Los colores globales de Astra pasan a ser los de la web. */
  --ast-global-color-0:#e8681c; --ast-global-color-1:#ab4b0d; --ast-global-color-2:#1b1c1f;
  --ast-global-color-3:#474a50; --ast-global-color-4:#f6f4f1; --ast-global-color-5:#ffffff;
}

/* Lo que se sale por el costado se recorta, como en la web: la franja de carga de los filtros mide el
   100 % de la ventana con la barra de desplazamiento incluida y dejaba una barra horizontal. */
html{overflow-x:clip}
body,button,input,select,textarea{font-family:'IBM Plex Sans',system-ui,'Segoe UI',sans-serif}
body{background:var(--gct-base);color:var(--gct-text);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.entry-title,.product_title{font-family:var(--gct-sg);color:var(--gct-head);letter-spacing:-.01em}
a{color:var(--gct-naranja-texto)}
a:hover,a:focus{color:var(--gct-naranja)}
.site-content{background:var(--gct-base)}
#ast-scroll-top{display:none!important}

.gct-envoltura,.woocommerce .site-content>.ast-container,.woocommerce-page .site-content>.ast-container{max-width:var(--gct-maxw);margin-inline:auto;padding-inline:40px;box-sizing:border-box}
.gct-ico{width:20px;height:20px;flex:none}

/* ===== Botones (los de la web) ===== */
.gct-btn,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce-page a.button,.woocommerce-page button.button{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--gct-sg);font-weight:600;font-size:15px;line-height:1.2;text-transform:none!important;letter-spacing:0!important;
  padding:12px 22px;border-radius:10px;border:1.5px solid transparent;white-space:nowrap;cursor:pointer;text-decoration:none;
  background:var(--gct-carbon);color:#fff;transition:transform .25s var(--gct-ease),background .25s,color .2s,border-color .2s,box-shadow .25s}
.gct-btn:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--gct-naranja);color:#fff;transform:translateY(-2px)}
.gct-btn--carbon{background:var(--gct-carbon);color:#fff}
.gct-btn--contorno{background:transparent;border-color:var(--gct-carbon);color:var(--gct-carbon)}
.gct-btn--contorno:hover{background:var(--gct-carbon);color:#fff}
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce .single_add_to_cart_button,.woocommerce #place_order,
.woocommerce .wc-proceed-to-checkout a.checkout-button{
  background:var(--gct-naranja);color:#fff;border-color:var(--gct-naranja);box-shadow:0 4px 12px -6px rgba(21,22,24,.35)}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce .single_add_to_cart_button:hover,.woocommerce #place_order:hover,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover{background:#d95d14;border-color:#d95d14;color:#fff;box-shadow:0 14px 30px -12px rgba(232,104,28,.6)}

/* ===== Regla única: todo lo que sea botón, en TODA la tienda, con la letra de la web =====
   Plugins y bloques traen su propia letra, mayúsculas y subrayado; acá se igualan. Los colores
   van por función: relleno naranja (acción), carbón (secundaria) o texto naranja (enlace). */
.wp-element-button,.wp-block-button__link,.button,button,input[type=submit],input[type=button],.ast-button,
.woocommerce a.added_to_cart,.wc-block-components-button,.wc-block-product-filter-checkbox-list__show-more-button,
.dgwt-wcas-suggestion-more,.dgwt-wcas-st-more,.woocommerce-button,.woocommerce-Button{
  font-family:var(--gct-sg)!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;text-decoration:none!important}
/* Las puntas de todos los botones, 10 px como en la web (Astra ponía 30 px en los de los avisos). */
.button,.wp-element-button,.wp-block-button__link,.wc-block-components-button,.woocommerce-message .button,.woocommerce-info .button,.woocommerce-error .button{border-radius:10px!important}
.wp-element-button,.wp-block-button__link,.wc-block-components-button:not(.is-link){
  background:var(--gct-naranja)!important;color:#fff!important;border:0!important;border-radius:10px!important;min-height:44px}
.wp-element-button:hover,.wp-block-button__link:hover,.wc-block-components-button:not(.is-link):hover{background:#d95d14!important;color:#fff!important}
.woocommerce a.added_to_cart,.dgwt-wcas-suggestion-more,.dgwt-wcas-st-more{color:var(--gct-naranja-texto)!important}

/* Sin el guion de adelante, igual que en la web (Diego, 04/10: "estos guiones no me gustan"). */
.gct-eyebrow{display:inline-block;font-family:var(--gct-sg);font-weight:600;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gct-naranja-texto)}

/* ===== ENCABEZADO de la tienda ===== */
.gct-cab{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:60;background:var(--gct-base);box-shadow:inset 0 -1px 0 var(--gct-line-fuerte);transition:box-shadow .3s var(--gct-ease)}
.gct-cab.is-bajo{box-shadow:inset 0 -1px 0 var(--gct-line-fuerte),0 10px 30px -18px rgba(21,22,24,.5)}
/* El logo va en el MISMO lugar y del mismo tamaño que en la web, a cualquier ancho (Diego, 06/10: "cuando
   cambiás a la tienda, el logo se mueve de lugar"). Estas son las medidas del encabezado de la web
   (styles.css), y si allá cambian, cambian acá: barra de borde a borde, 28 px al costado y logo de 58;
   18 px al costado entre 1241 y 1400; y de 1240 para abajo, barra de 76, 14 px al costado y logo de 52.
   Antes la fila iba centrada con un tope de 1600 px y 40 px al costado: medido en una pantalla de 1920,
   el logo quedaba 164 px más a la derecha que en la web. */
.gct-cab__fila{display:flex;align-items:center;gap:22px;height:90px;padding:0 28px;box-sizing:border-box}
.gct-cab__logo{display:flex;flex:none}
.gct-cab__logo img{height:58px;width:auto;display:block}
/* El buscador no crece sin fin en las pantallas grandes: queda centrado en el hueco, como el menú de la web. */
.gct-cab__buscar{flex:1 1 auto;min-width:0;max-width:920px;margin-inline:auto}
@media (min-width:1241px) and (max-width:1400px){
  .gct-cab__fila{padding:0 18px}
}
@media (max-width:1240px){
  .gct-cab__fila{height:76px;padding:0 14px;gap:14px}
  .gct-cab__logo img{height:52px}
}
.gct-cab__link{display:flex;align-items:center;gap:8px;flex:none;height:44px;color:var(--gct-head);font-family:var(--gct-sg);font-weight:500;font-size:15px;text-decoration:none}
.gct-cab__link .gct-ico{color:var(--gct-muted)}
.gct-cab__link:hover,.gct-cab__link:hover .gct-ico{color:var(--gct-naranja-texto)}
.woocommerce-account .gct-cab__cuenta,.woocommerce-cart .gct-carrito{color:var(--gct-naranja-texto);font-weight:600}
.woocommerce-account .gct-cab__cuenta .gct-ico,.woocommerce-cart .gct-carrito .gct-ico{color:var(--gct-naranja)}
.gct-carrito__ico{position:relative;display:flex}
.gct-carrito__ico .gct-ico{width:22px;height:22px}
.gct-carrito__n{position:absolute;top:-7px;right:-9px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:var(--gct-naranja);color:#fff;font:700 11px/18px 'IBM Plex Sans',sans-serif;text-align:center}
.gct-carrito__n[hidden]{display:none}
.gct-cab__contacto{flex:none}
.gct-cab__contacto .gct-ico{display:none}

/* Sin menú de productos en el encabezado (Diego, 30/09): desde la web, "Tienda" lleva a la página con
   todos los productos y ahí se filtra. Para volver al catálogo desde una ficha o el carrito está la
   miga de pan ("Inicio · Tienda · …"). El megamenú de la tienda queda guardado, sin mostrarse. */

/* Buscador (FiboSearch, el que ya tiene la tienda) */
/* min-width:0 — el plugin le pone 230 px mínimos y en el celular se salía por la derecha. */
.gct-cab .dgwt-wcas-search-wrapp{max-width:none!important;min-width:0!important;width:100%;margin:0!important}
.gct-cab .dgwt-wcas-sf-wrapp{background:transparent!important;padding:0!important}
.gct-cab input.dgwt-wcas-search-input{height:46px!important;border:1.5px solid var(--gct-line-fuerte)!important;border-radius:10px!important;background:#fff!important;
  font:15px 'IBM Plex Sans',sans-serif!important;color:var(--gct-head)!important;padding-left:44px!important;box-shadow:none!important}
.gct-cab input.dgwt-wcas-search-input:focus{border-color:var(--gct-naranja)!important;outline:0}
.gct-cab .dgwt-wcas-ico-magnifier{left:15px!important;right:auto!important;max-width:18px;fill:var(--gct-muted)!important}
.gct-cab .dgwt-wcas-search-submit{background:transparent!important;border:0!important;left:0!important;right:auto!important;width:46px!important;min-width:0!important;height:46px!important;top:0!important;padding:0!important;box-shadow:none!important}
.gct-cab .dgwt-wcas-search-submit::before{display:none!important}
.gct-cab .dgwt-wcas-search-submit .dgwt-wcas-ico-magnifier{fill:var(--gct-muted)!important;position:static}
/* Sugerencias del buscador: la palabra encontrada en el naranja de texto de la web (venía en rojo). */
.dgwt-wcas-suggestions-wrapp{border:1px solid var(--gct-line)!important;border-radius:0 0 12px 12px!important;box-shadow:0 30px 60px -30px rgba(21,22,24,.45)!important}
.dgwt-wcas-suggestion strong,.dgwt-wcas-st strong,.dgwt-wcas-suggestions-wrapp strong{color:var(--gct-naranja-texto)!important}
.dgwt-wcas-suggestion.dgwt-wcas-suggestion-selected{background:var(--gct-paper)!important}
.dgwt-wcas-suggestion-more .dgwt-wcas-st-more{font-family:var(--gct-sg)!important;font-weight:600!important;color:var(--gct-naranja-texto)!important}

/* ===== Miga de pan y títulos ===== */
.ast-breadcrumbs-wrapper,.woocommerce-breadcrumb,.ast-breadcrumbs{font-size:13px!important;color:var(--gct-muted)!important}
.ast-breadcrumbs-wrapper a,.woocommerce-breadcrumb a{color:var(--gct-muted)!important;text-decoration:none}
.ast-breadcrumbs-wrapper a:hover,.woocommerce-breadcrumb a:hover{color:var(--gct-naranja-texto)!important}
/* Astra escribe su separador ("»") como contenido CSS, no en el HTML: el mismo "·" que las demás migas. */
.trail-items li::after{content:"\00b7"!important}
.ast-archive-description{background:transparent!important;padding:24px 0 8px!important;margin:0!important;border:0!important}
.ast-archive-description .ast-archive-title,.woocommerce-products-header__title{font-size:30px;font-weight:600}
/* La marca elegida, con su cruz para quitarla (se llega tocando un logo de la tira). */
.gct-elegida{display:flex;align-items:center;gap:10px;margin:0 0 14px!important;font-size:14px;color:var(--gct-muted)}
.gct-elegida a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px 0 16px;border:1.5px solid var(--gct-line-fuerte);border-radius:10px;background:#fff;
  font-family:var(--gct-sg);font-weight:600;font-size:15px;color:var(--gct-head);text-decoration:none;transition:border-color .2s,color .2s}
.gct-elegida .gct-ico{width:16px;height:16px;color:var(--gct-muted);transition:color .2s}
.gct-elegida a:hover,.gct-elegida a:focus-visible{border-color:var(--gct-naranja);color:var(--gct-naranja-texto)}
.gct-elegida a:hover .gct-ico,.gct-elegida a:focus-visible .gct-ico{color:var(--gct-naranja)}
/* Aviso arriba de la tienda cuando se llegó desde una marca sin productos a la venta: la misma tarjeta
   blanca de los avisos de WooCommerce, con el texto a un lado y la consulta al otro. */
.gct-aviso{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;margin:0 0 18px;padding:18px 22px;border-radius:12px;background:#fff;box-shadow:var(--gct-sombra)}
.gct-aviso__titulo{margin:0 0 4px!important;font:600 18px/1.3 var(--gct-sg);color:var(--gct-head)}
.gct-aviso p{margin:0;font-size:15px;line-height:1.5;color:var(--gct-text)}
.gct-aviso .gct-btn{flex:none}
/* Títulos en carbón: Astra los pintaba en naranja claro como texto (3,3:1 sobre el fondo, se leía mal). */
.page-title,.ast-archive-title,.woocommerce-products-header__title,.error404 .page-title{color:var(--gct-head)!important}
/* Página que no existe: el fondo de la web (Astra ponía una banda gris) y el buscador de productos. */
.error404 .site-content,.error404 #primary,.error404 .ast-separate-container{background:var(--gct-base)!important}
.error404 .ast-404-layout-1,.error404 .error-404{background:#fff;border:1px solid var(--gct-line-fuerte);border-radius:16px;box-shadow:0 2px 6px -2px rgba(21,22,24,.08)}
.error404 .page-sub-title{font:600 20px var(--gct-sg);color:var(--gct-head)}
.error404 .ast-404-search{max-width:520px;margin-inline:auto}
.error404 .ast-404-search .dgwt-wcas-search-wrapp{max-width:none!important;min-width:0!important}
.error404 .ast-404-search input.dgwt-wcas-search-input{height:46px!important;border:1.5px solid var(--gct-line-fuerte)!important;border-radius:10px!important;background:#fff!important}
.woocommerce-cart .entry-title,.woocommerce-checkout .entry-title,.woocommerce-account .entry-title{font-size:36px;font-weight:600}

/* Astra deja 60 px arriba del contenido y una línea entre filtros y productos: la maqueta no. */
.woocommerce #primary,.woocommerce #secondary,.woocommerce-page #primary,.woocommerce-page #secondary{margin-top:28px!important;margin-bottom:0!important}
.woocommerce #secondary,.woocommerce-page #secondary{border:0!important}
body.ast-left-sidebar #primary{border-left:0!important;padding-left:40px!important}
body.ast-right-sidebar #primary{border-right:0!important;padding-right:40px!important}

/* ===== Columna de filtros ===== */
#secondary .widget{margin-bottom:28px}
#secondary .widget-title,#secondary .wc-block-product-filters h2,#secondary .wp-block-heading{
  font-family:var(--gct-sg);font-weight:600;font-size:16px;color:var(--gct-head);padding-bottom:8px;border-bottom:1px solid var(--gct-line);margin:0 0 10px}
#secondary select{width:100%;min-height:44px;font:500 14px 'IBM Plex Sans',sans-serif;color:var(--gct-head);padding:10px 12px;border:1.5px solid var(--gct-line-fuerte);border-radius:10px;background-color:#fff}
/* Marca y Categoría sin título arriba (Diego, 30/09: marcas y categorías se repetían y la columna
   pesaba): el desplegable ya dice qué es. El título queda para el lector de pantalla. */
#secondary .widget_brand_nav>.widget-title,#secondary .wp-block-categories__label{
  position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;margin:0!important;padding:0!important;border:0!important}
#secondary .ast-filter-wrap>.widget_brand_nav{margin-bottom:10px}
/* Botones del bloque de filtros de WooCommerce */
#secondary .wc-block-product-filter-checkbox-list__show-more-button{
  min-height:44px;padding:0!important;background:transparent!important;border:0!important;text-transform:none!important;letter-spacing:0!important;
  font:600 15px var(--gct-sg)!important;color:var(--gct-naranja-texto)!important;text-decoration:none!important;cursor:pointer}
#secondary .wc-block-product-filter-checkbox-list__show-more-button:hover{color:var(--gct-naranja)!important}
.wc-block-product-filters__apply,.wc-block-product-filters__open-overlay{
  min-height:44px;padding:12px 22px!important;border-radius:10px!important;font:600 15px var(--gct-sg)!important;text-transform:none!important;letter-spacing:0!important}
.wc-block-product-filters__apply{background:var(--gct-naranja)!important;color:#fff!important;border:0!important}
.wc-block-product-filters__open-overlay{background:transparent!important;color:var(--gct-carbon)!important;border:1.5px solid var(--gct-carbon)!important}
/* "Cerrar" del panel de filtros en el celular: venía en píldora y con el naranja del tema viejo (#ee7b21). */
.wc-block-product-filters__close-overlay{min-height:44px;padding:0 16px!important;border-radius:10px!important;background:#fff!important;color:var(--gct-head)!important;
  border:1.5px solid var(--gct-line-fuerte)!important;font:600 15px var(--gct-sg)!important;text-transform:none!important;letter-spacing:0!important}
#secondary input[type=checkbox]{accent-color:var(--gct-naranja)}
#secondary label,#secondary li{font-size:14px;color:var(--gct-head)}
#secondary .wc-block-product-filter-price-slider input[type=range]{accent-color:var(--gct-naranja)}
/* Casillas de los filtros. WooCommerce achica la letra al 87,5 % (quedaba en 12 px) y la casilla era un
   cuadrado gris al 10 % que casi no se ve. Letra de 15 px, casilla de 20 px con borde, y se toca la fila
   entera, no solo la palabra. */
#secondary .wc-block-product-filter-checkbox-list__item{line-height:normal}
#secondary .wc-block-product-filter-checkbox-list__label{display:flex;width:100%;min-height:34px;gap:12px;cursor:pointer}
#secondary .wc-block-product-filter-checkbox-list__input-wrapper{flex:none;font-size:20px}
#secondary .wc-block-product-filter-checkbox-list__input-wrapper::before{display:none}
#secondary input.wc-block-product-filter-checkbox-list__input{width:20px;height:20px;font-size:20px;background:#fff;border:1.5px solid var(--gct-muted);border-radius:5px}
#secondary input.wc-block-product-filter-checkbox-list__input:checked{background:var(--gct-naranja);border-color:var(--gct-naranja)}
#secondary input.wc-block-product-filter-checkbox-list__input:focus-visible{outline:2px solid var(--gct-naranja);outline-offset:2px}
#secondary .wc-block-product-filter-checkbox-list__mark{color:#fff}
#secondary .wc-block-product-filter-checkbox-list__text-wrapper{font:400 15px/1.35 'IBM Plex Sans',sans-serif;color:var(--gct-head)}

/* ===== Barra de resultados y orden ===== */
.woocommerce-result-count{font-size:14px;color:var(--gct-text)}
.woocommerce-ordering select{min-height:44px;font:500 14px 'IBM Plex Sans',sans-serif;color:var(--gct-head);padding:9px 12px;border-radius:10px;border:1.5px solid var(--gct-line-fuerte);background-color:#fff}

/* ===== Tarjeta de producto ===== */
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{
  background:#fff;border-radius:14px;box-shadow:var(--gct-sombra);padding:0 0 18px!important;display:flex;flex-direction:column;text-align:left!important;overflow:hidden}
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap img{aspect-ratio:1/1;object-fit:contain;padding:18px;box-sizing:border-box;background:#fff;margin:0!important}
.woocommerce ul.products li.product .ast-on-card-button,.woocommerce ul.products li.product .ast-woo-product-category{display:none!important}
.woocommerce ul.products li.product .astra-shop-summary-wrap{display:flex;flex-direction:column;gap:8px;padding:0 18px!important;flex-grow:1}
.gct-marca{font-family:var(--gct-sg);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gct-naranja-texto)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--gct-sg)!important;font-weight:600!important;font-size:14px!important;line-height:1.4!important;color:var(--gct-head)!important;
  min-height:59px;margin:0!important;padding:0!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.woocommerce ul.products li.product .ast-loop-product__link:hover .woocommerce-loop-product__title{color:var(--gct-naranja-texto)!important}
.gct-stock{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gct-muted)}
.gct-stock::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gct-ok)}
.woocommerce ul.products li.product .price{font-size:21px!important;font-weight:700;color:var(--gct-carbon)!important;margin:auto 0 0!important;padding-top:6px}
.woocommerce ul.products li.product .button{width:100%;min-height:44px;margin-top:8px!important;background:transparent;border-color:var(--gct-carbon);color:var(--gct-carbon);padding:10px 12px;font-size:14px}
.woocommerce ul.products li.product .button:hover{background:var(--gct-carbon);color:#fff}
.woocommerce ul.products li.product .added_to_cart{font-size:13px;font-weight:600;padding-top:8px;color:var(--gct-naranja-texto)}

/* Paginación */
.woocommerce nav.woocommerce-pagination ul{border:0}
.woocommerce nav.woocommerce-pagination ul li{border:0;margin:0 4px}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{
  min-width:44px;height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;
  background:var(--gct-paper);color:var(--gct-head);font:600 15px var(--gct-sg)}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--gct-carbon);color:#fff}
.woocommerce nav.woocommerce-pagination ul li a:hover{background:var(--gct-line);color:var(--gct-head)}

/* ===== Ficha de producto ===== */
.single-product .woocommerce-product-gallery{background:#fff;border-radius:18px;box-shadow:0 1px 0 var(--gct-line),0 22px 55px -34px rgba(21,22,24,.4);padding:32px;box-sizing:border-box}
.single-product .woocommerce-product-gallery .flex-control-thumbs li img{border-radius:10px;border:1px solid var(--gct-line);background:#fff;padding:6px;box-sizing:border-box;opacity:1}
.single-product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active{border:2px solid var(--gct-naranja)}
.single-product .summary{display:flex;flex-direction:column;gap:14px}
.single-product .summary .woocommerce-breadcrumb{order:-2;margin:0}
.gct-ficha__marca{order:-1}
.single-product .product_title{font-size:34px;line-height:1.18;font-weight:600;margin:0}
.single-product .summary .price{font-size:40px!important;font-weight:700;color:var(--gct-carbon)!important;margin:0;padding-top:14px;border-top:1px solid var(--gct-line)}
.single-product .ast-stock-detail{margin:0;font-size:15px;color:var(--gct-head)}
.single-product .ast-stock-detail .ast-stock-avail{display:none}
.single-product .stock.in-stock{color:var(--gct-head)!important;display:inline-flex;align-items:center;gap:8px}
.single-product .stock.in-stock::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--gct-ok)}
.single-product .stock.out-of-stock{color:var(--gct-naranja-texto)!important;font-weight:600}
.single-product form.cart{display:flex;gap:12px;align-items:stretch;margin:6px 0 0!important}
.single-product form.cart .single_add_to_cart_button{flex-grow:1;font-size:16px!important;padding:14px 22px!important}
/* Cantidad: una sola caja con − y + como botones parejos (Astra les pone recuadros propios). */
.woocommerce .quantity{display:inline-flex!important;align-items:stretch;width:auto!important;height:48px;margin:0!important;
  border:1.5px solid var(--gct-line-fuerte);border-radius:10px;background:#fff;overflow:hidden;box-sizing:border-box}
.woocommerce .quantity .qty,.woocommerce-page .quantity .qty{
  width:44px!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;text-align:center;font:600 16px 'IBM Plex Sans',sans-serif!important;color:var(--gct-head)!important;
  -moz-appearance:textfield}
.woocommerce .quantity .qty::-webkit-outer-spin-button,.woocommerce .quantity .qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
/* En la ficha Astra usa .ast-qty-placeholder y en el carrito a.minus / a.plus: van las dos.
   Nada se achica ni se superpone (en el carrito el número tapaba el −). */
.woocommerce .quantity>*{flex:0 0 auto!important;margin:0!important}
.woocommerce .quantity .ast-qty-placeholder,.woocommerce .quantity a.minus,.woocommerce .quantity a.plus{
  display:flex!important;align-items:center;justify-content:center;width:42px!important;height:100%!important;margin:0!important;padding:0!important;
  position:static!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  color:var(--gct-head)!important;font:600 20px/1 var(--gct-sg)!important;text-decoration:none!important;transition:background .2s,color .2s}
.woocommerce .quantity .ast-qty-placeholder:hover,.woocommerce .quantity a.minus:hover,.woocommerce .quantity a.plus:hover{background:var(--gct-paper)!important;color:var(--gct-naranja-texto)!important}
.woocommerce table.cart td.product-quantity{min-width:150px}
.woocommerce table.cart td.product-quantity .quantity{height:44px}
.gct-ficha__consulta{width:100%;font-size:16px}
.gct-ficha__datos{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:15px;color:var(--gct-head)}
.gct-ficha__datos li{display:flex;gap:12px;align-items:center}
.gct-ficha__datos .gct-ico{width:22px;height:22px;color:var(--gct-naranja)}
.gct-ficha__datos a{font-weight:600}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 8px;border:0}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{border:0!important;background:transparent!important;padding:0!important;margin:0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font:600 26px var(--gct-sg)!important;color:var(--gct-head)!important;padding:0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs .panel{max-width:760px;font-size:15px;color:var(--gct-head)}
.woocommerce div.product .woocommerce-tabs .panel ul{list-style:none;margin:0;padding:0}
.woocommerce div.product .woocommerce-tabs .panel li{padding:12px 0;border-bottom:1px solid var(--gct-line)}
.related.products>h2,.upsells.products>h2,.woocommerce-cart .wp-block-heading{font-size:26px;font-weight:600;margin-bottom:20px}

/* Título de carrito, pedido y Mi cuenta */
.gct-paginatit{padding:4px 0 24px}
.gct-paginatit h1{font-size:36px;font-weight:600;margin:14px 0 0}
.gct-paginatit b{color:var(--gct-head);font-weight:600}
.woocommerce-cart .entry-header,.woocommerce-checkout .entry-header,.woocommerce-account .entry-header{display:none}

/* ===== Carrito ===== */
/* La lista a la izquierda y el resumen al costado, como en la maqueta. */
.woocommerce-cart .entry-content>.woocommerce{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:0 48px;align-items:start}
.woocommerce-cart .entry-content>.woocommerce>*{grid-column:1/-1}
.woocommerce-cart .entry-content>.woocommerce>.woocommerce-cart-form{grid-column:1}
.woocommerce-cart .entry-content>.woocommerce>.cart-collaterals{grid-column:2;grid-row:2}
.woocommerce-cart .cart-collaterals .cart_totals{width:100%!important;float:none!important}
.woocommerce table.shop_table{border:0;border-radius:0;border-collapse:collapse}
.woocommerce table.shop_table th{font:600 13px var(--gct-sg);letter-spacing:.08em;text-transform:uppercase;color:var(--gct-muted);border:0;border-bottom:1px solid var(--gct-line);padding:0 12px 12px}
.woocommerce table.shop_table td{border:0;border-bottom:1px solid var(--gct-line);padding:20px 12px;color:var(--gct-head);background:transparent}
.woocommerce table.cart td.product-thumbnail img{width:96px;height:96px;object-fit:contain;background:#fff;border-radius:12px;padding:8px;box-sizing:border-box}
.woocommerce table.cart td.product-name a{font:600 15px/1.4 var(--gct-sg);color:var(--gct-head)}
.woocommerce table.cart td.product-subtotal{font-weight:700;color:var(--gct-carbon)}
.woocommerce table.cart a.remove{color:var(--gct-muted)!important;font-size:22px;border-radius:8px}
.woocommerce table.cart a.remove:hover{background:var(--gct-paper)!important;color:var(--gct-naranja-texto)!important}
/* Las tarjetas de resumen: borde parejo en los cuatro lados (Diego 30/09: sin borde "parece que flota
   en el aire") y una sombra apenas insinuada. Astra le ponía a "Tu pedido" 2 px grises a los costados
   y abajo, pensados para cerrar arriba con el título: quedaba abierta arriba. */
.woocommerce .cart-collaterals .cart_totals,.woocommerce-checkout #order_review,.woocommerce-account #customer_login>div{
  background:#fff;border:1px solid var(--gct-line-fuerte)!important;border-radius:16px;padding:28px;box-sizing:border-box;
  box-shadow:0 2px 6px -2px rgba(21,22,24,.08)}
.woocommerce .cart-collaterals .cart_totals h2,#order_review_heading{font-size:21px;font-weight:600}
.woocommerce .cart-collaterals .cart_totals table td,.woocommerce .cart-collaterals .cart_totals table th{padding:12px 0;text-transform:none;letter-spacing:0;font:15px 'IBM Plex Sans',sans-serif;color:var(--gct-head)}
.woocommerce .cart-collaterals .cart_totals .order-total td,.woocommerce .cart-collaterals .cart_totals .order-total th{font-size:20px;font-weight:700}
.woocommerce .wc-proceed-to-checkout a.checkout-button{width:100%;font-size:16px}
/* El resumen, en filas flexibles y no en tabla: en dos columnas de tabla el renglón de Envío quedaba
   preso en ~95 px y "Región / Provincia / Departamento" se partía en tres renglones. */
.woocommerce .cart_totals table.shop_table,.woocommerce .cart_totals table.shop_table tbody{display:block;width:100%}
.woocommerce .cart_totals table.shop_table tr{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:1px solid var(--gct-line)}
.woocommerce .cart_totals table.shop_table tr:last-child{border-bottom:0}
.woocommerce .cart_totals table.shop_table tr>th,.woocommerce .cart_totals table.shop_table tr>td{display:block;border:0!important;padding:12px 0!important;width:auto!important;background:transparent!important}
.woocommerce .cart_totals table.shop_table tr>td{text-align:right}
.woocommerce .cart_totals tr.woocommerce-shipping-totals{flex-direction:column;align-items:stretch;gap:0}
.woocommerce .cart_totals tr.woocommerce-shipping-totals>th{padding-bottom:4px!important}
.woocommerce .cart_totals tr.woocommerce-shipping-totals>td{text-align:left!important;padding-top:0!important}
.woocommerce .cart_totals ul#shipping_method{margin:0;padding:0;list-style:none}
.woocommerce .cart_totals .woocommerce-shipping-destination{margin:6px 0 0;font-size:14px}
.woocommerce .shipping-calculator-form{margin-top:10px}
.woocommerce .shipping-calculator-form .form-row{width:100%!important;float:none!important;margin:0 0 10px!important;padding:0!important}
.woocommerce .shipping-calculator-form button{width:100%}
.woocommerce .cart .coupon .input-text{border:1.5px solid var(--gct-line-fuerte);border-radius:10px;padding:10px 12px}
.woocommerce table.cart button[name=update_cart]{min-height:44px}
.woocommerce table.cart button[name=update_cart]:disabled{background:var(--gct-paper)!important;color:var(--gct-muted)!important;opacity:1!important;cursor:default;transform:none}

/* ===== Finalizar compra y formularios ===== */
.woocommerce form .form-row label{font-size:14px;font-weight:500;color:var(--gct-head)}
.woocommerce form .form-row .input-text,.woocommerce form .form-row select,.woocommerce form .form-row textarea,
.woocommerce-page form .form-row .input-text,.select2-container--default .select2-selection--single{
  font:15px 'IBM Plex Sans',sans-serif;color:var(--gct-head);padding:12px 14px;border:1.5px solid var(--gct-line-fuerte);border-radius:10px;background:#fff;box-shadow:none;min-height:48px;box-sizing:border-box}
/* El plugin de desplegables (select2) trae su propio borde gris #bcbcbc: se iguala a los demás campos. */
.select2-container--default .select2-selection--single{border:1.5px solid var(--gct-line-fuerte)!important;border-radius:10px!important;height:48px!important;display:flex;align-items:center}
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single{border-color:var(--gct-naranja)!important}
.select2-dropdown{border:1.5px solid var(--gct-line-fuerte)!important;border-radius:10px!important;overflow:hidden}
.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option--highlighted[data-selected]{background:var(--gct-naranja)!important;color:#fff!important}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:22px;padding:0}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:46px}
.woocommerce form .form-row .input-text:focus,.woocommerce form .form-row select:focus{border-color:var(--gct-naranja);outline:0}
.woocommerce-checkout h3,.woocommerce-billing-fields h3{font-size:22px;font-weight:600}
/* Validación como en el formulario de la web: sin verde en los campos correctos (eran once bordes
   verdes en una pantalla) y el error con el rojo anaranjado #e5623f y un fondo apenas tintado. */
.woocommerce form .form-row.woocommerce-validated .input-text,.woocommerce form .form-row.woocommerce-validated select,
.woocommerce form .form-row.woocommerce-validated .select2-selection{border-color:var(--gct-line-fuerte)!important}
.woocommerce form .form-row.woocommerce-invalid .input-text,.woocommerce form .form-row.woocommerce-invalid select,
.woocommerce form .form-row.woocommerce-invalid .select2-selection{border-color:#e5623f!important;background-color:rgba(229,98,63,.06)!important}
.woocommerce form .form-row.woocommerce-invalid label{color:var(--gct-head)!important}
.woocommerce form .form-row .checkout-inline-error-message{color:#b3401f;font-size:13px;margin:6px 0 0}
.woocommerce-checkout #payment{background:transparent;border-radius:0}
.woocommerce-checkout #payment ul.payment_methods{border:0;padding:0}
.woocommerce-checkout #payment ul.payment_methods li{border:1.5px solid var(--gct-naranja);border-radius:12px;padding:16px;background:#fdf6f0;list-style:none}
.woocommerce-checkout #payment ul.payment_methods li label{font:600 16px var(--gct-sg);color:var(--gct-head)}
.woocommerce-checkout #payment div.payment_box{background:transparent!important;padding:10px 0 0;margin:0;font-size:14px;line-height:1.55;color:var(--gct-text)}
/* Astra le pone un marco al título "Tu pedido" encima del recuadro: quedaba doble. */
.woocommerce-checkout form #order_review_heading{border:0!important;padding:0 0 12px!important;background:transparent!important}
.woocommerce-checkout #payment div.payment_box::before{display:none}
.woocommerce-checkout #payment div.form-row{padding:12px 0 0}
.woocommerce-checkout #place_order{width:100%;font-size:16px;padding:14px 22px}
.woocommerce-privacy-policy-text{font-size:13px;color:var(--gct-muted)}

/* ===== Pedido recibido: las mismas tarjetas blancas del carrito y del pedido ===== */
.woocommerce-order .woocommerce-thankyou-order-received{font:600 20px var(--gct-sg);color:var(--gct-head);margin:0 0 18px}
.woocommerce-order ul.order_details{display:flex;flex-wrap:wrap;gap:0;margin:0 0 28px!important;padding:18px 0!important;border-top:1px solid var(--gct-line);border-bottom:1px solid var(--gct-line)}
.woocommerce-order ul.order_details li{border-right-color:var(--gct-line)!important;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--gct-muted)}
.woocommerce-order ul.order_details li strong{font:600 16px var(--gct-sg);letter-spacing:0;text-transform:none;color:var(--gct-head);margin-top:4px}
.woocommerce-order .woocommerce-bacs-bank-details{margin-top:28px}
/* Astra pone estos títulos en recuadros grises con borde: acá van sueltos, como en la web. */
.woocommerce-order .wc-bacs-bank-details-heading,.woocommerce-order .woocommerce-order-details__title,.woocommerce-order .woocommerce-column__title{
  font-size:22px!important;font-weight:600;border:0!important;background:transparent!important;padding:0 0 12px!important;margin:0!important}
.woocommerce-order .woocommerce-order-details,.woocommerce-order .woocommerce-customer-details{
  background:#fff;border:1px solid var(--gct-line-fuerte)!important;border-radius:16px;padding:28px!important;margin-top:28px;box-sizing:border-box;
  box-shadow:0 2px 6px -2px rgba(21,22,24,.08)}
.woocommerce-order .woocommerce-order-details table.shop_table,.woocommerce-order .woocommerce-customer-details address{border:0!important;border-radius:0!important;padding:0!important}
.woocommerce-order .woocommerce-order-details table.shop_table td,.woocommerce-order .woocommerce-order-details table.shop_table th{border-color:var(--gct-line)!important}
/* La tabla del pedido y la de CUIT / Condición fiscal (la agrega el editor de campos) repartían
   las columnas cada una a su manera y no quedaban alineadas: las dos mitad y mitad. */
.woocommerce-order .woocommerce-order-details table.shop_table{table-layout:fixed;width:100%}
.woocommerce-order .woocommerce-order-details table.shop_table tr>*:first-child{width:50%}
.woocommerce-order .woocommerce-order-details table.custom-fields{margin-top:0!important}

/* ===== Mi cuenta ===== */
.woocommerce-account #customer_login{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:980px;margin:0 auto}
.woocommerce-account #customer_login::before,.woocommerce-account #customer_login::after{display:none}
.woocommerce-account #customer_login>div{width:auto!important;float:none!important;margin:0!important}
.woocommerce-account #customer_login h2{font-size:28px;font-weight:600}
.woocommerce-account form.login,.woocommerce-account form.register{border:0!important;padding:0!important;margin:0!important}
.woocommerce-account form .button{width:100%;background:var(--gct-naranja);border-color:var(--gct-naranja);color:#fff}
/* Recuperar / cambiar la contraseña: la misma tarjeta de "Iniciar sesión", con el campo y el botón del
   mismo ancho (el campo medía la mitad y el botón el ancho entero). */
.woocommerce-account form.lost_reset_password{max-width:460px;margin:0 auto!important;background:#fff;border:1px solid var(--gct-line-fuerte)!important;
  border-radius:16px;padding:28px!important;box-sizing:border-box;box-shadow:0 2px 6px -2px rgba(21,22,24,.08)}
.woocommerce-account form.lost_reset_password>p:first-child{margin:0 0 16px;font-size:15px;line-height:1.6}
.woocommerce-account form.lost_reset_password .form-row{width:100%!important;float:none!important;margin:0 0 14px!important;padding:0!important}
.woocommerce-account form.lost_reset_password .button{width:100%}
.woocommerce-account form.lost_reset_password .clear{display:none}

/* El ojito de "Mostrar contraseña": el dibujo queda igual, el área de toque pasa a 44 px.
   ⚠️ Astra lo centra con top:50% + translate:0 -50% (la propiedad suelta, no transform). Cambiarle
   solo el top lo dejaba medio campo más arriba, cortado contra el borde (Diego, 06/10): acá se anulan
   los dos desplazamientos. */
.woocommerce form .password-input{position:relative;display:flex}
.woocommerce form .password-input .input-text{padding-right:48px}
.woocommerce form .password-input .show-password-input{position:absolute!important;top:0!important;right:0!important;width:44px!important;height:100%!important;
  translate:none!important;transform:none!important;
  display:flex!important;align-items:center;justify-content:center;background:transparent!important;border:0!important;padding:0!important;color:var(--gct-muted)!important;cursor:pointer}
.woocommerce form .password-input .show-password-input:hover{color:var(--gct-naranja-texto)!important}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}
.woocommerce-account .woocommerce-MyAccount-navigation a{display:block;padding:10px 14px;border-radius:10px;color:var(--gct-head);font-family:var(--gct-sg);font-weight:500}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{background:var(--gct-carbon);color:#fff}

/* Avisos */
.woocommerce-message,.woocommerce-info,.woocommerce-error{border:0!important;border-radius:12px;background:#fff!important;box-shadow:var(--gct-sombra);color:var(--gct-head)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--gct-naranja)!important}

/* ===== Además de equipamiento ===== */
.gct-ademas{margin-top:64px;padding:48px 0 52px;border-top:1px solid var(--gct-line);background:var(--gct-base)}
.gct-ademas__grilla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:26px}
.gct-ademas__item{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--gct-text)}
/* El ícono va con el primer renglón: en una tablet "Financiamiento/Leasing" ocupa dos (el corte
   después de la barra lo permite un espacio de ancho cero, ver inc/plantillas.php). */
.gct-ademas__titulo{display:flex;align-items:flex-start;gap:10px;font:600 21px var(--gct-sg);color:var(--gct-head)}
.gct-ademas__titulo .gct-ico{flex:none;width:24px;height:24px;margin-top:1px;color:var(--gct-naranja)}
.gct-ademas__texto{font-size:15px;line-height:1.6}
.gct-ademas__mas{font:600 15px var(--gct-sg);color:var(--gct-naranja-texto)}
.gct-ademas__item:hover .gct-ademas__titulo{color:var(--gct-naranja-texto)}

/* ===== Pie: una COPIA del pie de la web (styles.css, ".footer"), número por número =====
   Diego, 06/10: que al pasar de la web a la tienda el pie no cambie. Por eso lleva el ancho de la
   web (1180 con 24 de margen) y no el de la tienda, su mismo corte (860) y sus mismos colores. Los
   tamaños van en px porque acá el tamaño de base lo pone Astra. Lo que cambie en el pie de la web
   se cambia acá. */
.gct-pie{background:var(--gct-paper);color:var(--gct-text);border-top:3px solid var(--gct-naranja);font:400 16px/1.7 'IBM Plex Sans',system-ui,'Segoe UI',sans-serif}
.gct-pie__ancho{max-width:1180px;margin-inline:auto;padding-inline:24px;box-sizing:border-box}
.gct-pie__arriba{display:grid;grid-template-columns:1fr auto;gap:26px 40px;align-items:center;padding-top:30px;padding-bottom:22px}
.gct-pie__marca{display:flex;align-items:center;gap:22px}
/* El enlace del logo no se encoge: sin eso, en una tablet la fila le sacaba ancho y lo deformaba. */
.gct-pie__logo{display:flex;align-items:center;flex:none}
.gct-pie__logo img{display:block;flex:none;height:52px;width:auto;object-fit:contain;object-position:left center}
.gct-pie__marca p{margin:4px 0 0;font-size:14.08px;line-height:1.7;max-width:52ch;text-wrap:pretty}
.gct-pie__marca .gct-pie__lema{margin:0!important;font:700 19.2px/1.25 var(--gct-sg)!important;letter-spacing:-.01em;color:var(--gct-head);max-width:22ch;text-wrap:balance}
.gct-pie__contacto{text-align:right}
.gct-pie__contacto small{display:block;margin-bottom:6px;font-size:10.88px;line-height:1.7;letter-spacing:.14em;text-transform:uppercase;color:var(--gct-muted)}
.gct-pie__contacto>a,.gct-pie__contacto>p{display:block;margin:0 0 4px;font-size:14.4px;line-height:1.7;color:var(--gct-head);text-decoration:none;transition:color .2s;-webkit-user-select:text;user-select:text}
.gct-pie__contacto>a:hover{color:var(--gct-naranja-texto)}
.gct-pie__redes{display:flex;justify-content:flex-end;gap:12px;margin:10px 0 0}
.gct-pie__redes a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(21,22,24,.3);color:var(--gct-head);transition:background .2s,border-color .2s,color .2s}
.gct-pie__redes a:hover{background:var(--gct-naranja);border-color:var(--gct-naranja);color:#fff}
.gct-pie__redes svg{width:22px;height:22px}
.gct-pie__barra{background:#0e0f10}
.gct-pie__barra .gct-pie__ancho{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 22px;padding-top:12px;padding-bottom:14px;font-size:12.8px;line-height:1.7;color:#7d8391}
.gct-pie__barra nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.gct-pie__barra a{color:#b9bcc2;text-decoration:none;transition:color .2s}
.gct-pie__barra a:hover{color:var(--gct-naranja-2)}
@media (max-width:860px){
  .gct-pie__arriba{grid-template-columns:1fr;gap:22px;padding-top:36px;padding-bottom:26px}
  .gct-pie__marca{display:block}
  .gct-pie__logo img{height:46px}
  .gct-pie__marca .gct-pie__lema{margin-top:12px!important}
  .gct-pie__contacto{text-align:left;border-top:1px solid var(--gct-line);padding-top:22px}
  .gct-pie__redes{justify-content:flex-start;margin-top:14px}
  .gct-pie__barra .gct-pie__ancho{flex-direction:column;align-items:flex-start;gap:16px;padding-top:18px;padding-bottom:22px}
  .gct-pie__barra nav{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;width:100%;order:-1}
}

/* ===== WhatsApp flotante (el de la web) ===== */
.gct-wa{position:fixed;right:22px;bottom:22px;z-index:80;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;
  box-shadow:0 14px 30px -12px rgba(0,0,0,.5);transition:transform .25s var(--gct-ease)}
.gct-wa:hover{transform:translateY(-3px);color:#fff}
.gct-wa svg{width:30px;height:30px}
.gct-wa::before{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(37,211,102,.9);animation:gctWaPulso 2.4s var(--gct-ease) infinite}
@keyframes gctWaPulso{0%{transform:scale(.92);opacity:.9}70%,100%{transform:scale(1.35);opacity:0}}
@media (prefers-reduced-motion:reduce){.gct-wa::before{animation:none;opacity:0}}
/* Sin WhatsApp (GCT_WHATSAPP vacío) el mismo botón lleva al formulario de la web: va en el carbón de
   "Contacto" y con el sobre, para no parecer un chat que no existe. El pulso, en el naranja de la marca. */
.gct-wa--consulta{background:var(--gct-carbon)}
.gct-wa--consulta svg{width:26px;height:26px}
.gct-wa--consulta::before{border-color:rgba(232,104,28,.9)}

/* ===== Tira de marcas: la misma de la web (banda plata, logos a color, avanza sola) ===== */
.gct-marcas{background:var(--gct-paper);border-bottom:1px solid var(--gct-line)}
.gct-marcas__fila{display:flex;align-items:center}
.gct-tira{flex:1;min-width:0;overflow:hidden;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;
  -webkit-mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.gct-tira.is-drag{cursor:grabbing}
.gct-tira:focus-visible{outline:2px solid var(--gct-naranja);outline-offset:-2px}
.gct-tira__cinta{display:flex;align-items:center;gap:56px;width:max-content;padding:20px 24px;will-change:transform}
.gct-logo{flex:none;display:flex;align-items:center;justify-content:center;height:38px;text-decoration:none;transition:transform .3s var(--gct-ease)}
/* El alto va fijo: varios SVG traen viewBox sin ancho ni alto y con los dos automáticos salen en 0 × 0. */
.gct-logo img{display:block;height:30px;width:auto;max-width:132px;object-fit:contain;opacity:.88;transition:opacity .3s var(--gct-ease);-webkit-user-drag:none}
.gct-logo--alto img{height:44px;max-width:60px}
.gct-logo__texto{font:600 17px var(--gct-sg);color:var(--gct-head);white-space:nowrap}
.gct-logo:focus-visible{outline:2px solid var(--gct-naranja);outline-offset:4px;border-radius:6px}
@media (hover:hover){.gct-logo:hover{transform:scale(1.1)}.gct-logo:hover img{opacity:1}}
@media (hover:none){.gct-tira{-webkit-mask:none;mask:none;cursor:auto}}
/* La que va en la página de una marca sin stock, dentro de la columna de productos. */
.gct-marcas--suelta{margin-top:36px;border:1px solid var(--gct-line);border-radius:14px;overflow:hidden}
/* Una marca o categoría sin productos a la venta */
.gct-vacio{padding:6px 0 0}
.gct-vacio__titulo{margin:0 0 6px!important;font:600 22px/1.3 var(--gct-sg);color:var(--gct-head)}
.gct-vacio p{margin:0;font-size:16px;line-height:1.55;color:var(--gct-text)}
.gct-vacio .gct-btn{margin-top:20px}

/* ===== Tablet ===== */
@media (max-width:1100px){
  .gct-cab__link .gct-cab__txt{display:none}
  .gct-envoltura,.woocommerce .site-content>.ast-container,.woocommerce-page .site-content>.ast-container{padding-inline:24px}
}

/* ===== Tablet vertical y celular: Astra apila filtros y productos en una sola columna ===== */
@media (max-width:921px){
  body.ast-left-sidebar #primary,body.ast-right-sidebar #primary{padding-left:0!important;padding-right:0!important}
  .woocommerce-cart .entry-content>.woocommerce{display:block}
  .woocommerce-cart .cart-collaterals{margin-top:24px}
  /* Los filtros ARRIBA de los productos: Astra los apilaba al final, a 3.000 px del encabezado.
     Marca, Categoría y Filtrar en UNA fila (Diego, 30/09): los productos empiezan casi 100 px antes. */
  .woocommerce #content .ast-container,.woocommerce-page #content .ast-container{flex-direction:column}
  .woocommerce #secondary,.woocommerce-page #secondary{order:-1;width:100%!important;margin:16px 0 0!important}
  .woocommerce #primary,.woocommerce-page #primary{margin-top:16px!important}
  #secondary .ast-filter-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:0 8px;align-items:center}
  #secondary .ast-filter-wrap>.widget{margin-bottom:0}
  #secondary select{padding:0 8px}
  #secondary .wc-block-product-filters__open-overlay{width:auto;justify-content:center;padding:0 14px!important}
  #secondary .wc-block-product-filter-checkbox-list__label{min-height:40px}
  .ast-archive-description{padding-top:0!important}
}

/* ===== Celular ===== */
@media (max-width:768px){
  /* Encabezado en dos filas con UN solo criterio de botón (44 px, puntas de 10 px):
     arriba el logo con Mi cuenta y Carrito; abajo el buscador y Contacto.
     El logo, como en la web del celular: 52 px de alto, a 14 px del costado y a 12 de arriba (allá va
     centrado en una barra de 76). Desde que el nombre mide lo que el de Global Inti (06/10) el logo
     tiene 229 px de ancho y ya no entra al lado de TRES íconos: por eso Contacto bajó a la fila del
     buscador. Así entra entero desde 360 px; en un teléfono de 320 se achica sin deformarse, igual
     que la red de seguridad del logo de la web. */
  .gct-cab__fila{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;
    grid-template-areas:"logo cuenta carrito" "buscar buscar contacto";
    height:auto;gap:10px 6px;padding:12px 14px}
  .gct-cab__logo{grid-area:logo;justify-self:start;min-width:0;max-width:100%}
  .gct-cab__logo img{height:52px;max-width:100%;object-fit:contain;object-position:left center}
  .gct-cab__cuenta{grid-area:cuenta}
  .gct-carrito{grid-area:carrito}
  .gct-cab__contacto{grid-area:contacto}
  .gct-cab__buscar{grid-area:buscar;min-width:0;max-width:none;margin:0}
  .gct-cab__link,.gct-cab__contacto{width:44px;height:44px;padding:0!important;margin:0!important;justify-content:center;border-radius:10px!important;
    background:transparent!important;color:var(--gct-head)!important;box-shadow:none!important;transform:none!important}
  .gct-cab__link .gct-ico,.gct-cab__contacto .gct-ico{display:block;width:23px;height:23px;color:var(--gct-head)}
  .gct-cab__link:active,.gct-cab__contacto:active{background:var(--gct-paper)!important}
  .gct-cab__contacto .gct-cab__txt{display:none}
  .gct-cab input.dgwt-wcas-search-input{height:44px!important}
  /* La tira de marcas: los logos de borde a borde, sin el fundido (se corre con el dedo) */
  .gct-marcas:not(.gct-marcas--suelta) .gct-tira{margin-inline:-14px}
  .gct-tira__cinta{gap:36px;padding:14px 20px}
  .gct-logo{height:34px}
  .gct-logo img{height:26px;max-width:112px}
  .gct-logo--alto img{height:38px;max-width:52px}
  .gct-logo__texto{font-size:15px}
  .gct-envoltura,.woocommerce .site-content>.ast-container,.woocommerce-page .site-content>.ast-container{padding-inline:14px}
  .woocommerce ul.products li.product .astra-shop-summary-wrap{padding:0 12px!important;gap:6px}
  .woocommerce ul.products li.product .astra-shop-thumbnail-wrap img{padding:12px}
  .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13px!important;min-height:54px}
  .woocommerce ul.products li.product .price{font-size:17px!important}
  .woocommerce ul.products li.product .button{font-size:13px;padding:10px 8px;min-height:44px}
  .gct-stock{display:none}
  .single-product .product_title{font-size:26px}
  .single-product .summary .price{font-size:32px!important}
  .gct-ademas{margin-top:40px;padding:32px 0 30px}
  .gct-ademas__grilla{grid-template-columns:1fr;gap:0}
  .gct-ademas__item{padding:16px 0;border-bottom:1px solid var(--gct-line)}
  .gct-ademas__item:last-child{border-bottom:0}
  .gct-ademas__titulo{font-size:18px}
  .gct-ademas__mas{display:none}
  .woocommerce-account #customer_login{grid-template-columns:1fr}
  .gct-wa{right:16px;bottom:16px;width:56px;height:56px}
}