/* ============================================================
   ACEROS GMA · WOOCOMMERCE
   Catálogo tipo "a cotizar" (sin precios públicos ni carrito)
   ============================================================ */

.woocommerce .woocommerce-breadcrumb,
.woocommerce-products-header{display:none}

/* ══════════════════════════════════════════════════════════
   TARJETA DE PRODUCTO
   ══════════════════════════════════════════════════════════ */

ul.products{
  display:grid!important;grid-template-columns:repeat(3,1fr);gap:22px;list-style:none;margin:0;padding:0;
}
ul.products::before,ul.products::after{display:none!important}
ul.products li.product{
  width:auto!important;margin:0!important;float:none!important;
  background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;
  transition:.2s ease;position:relative;
}
ul.products li.product:hover{border-color:var(--steel);box-shadow:var(--shadow-sm);transform:translateY(-3px)}

/* Etiquetas superiores */
.gma-card__tags{
  position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;
  padding:12px;z-index:3;pointer-events:none;
}
.gma-card__cat{
  background:#fff;border:1px solid var(--line);font-family:'Montserrat';font-weight:700;
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);padding:5px 10px;
}
.gma-card__quote{
  background:#fff;border:1px solid var(--line);font-family:'Roboto Mono';
  font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--gris);padding:5px 10px;
}

/* Imagen */
ul.products li.product a.woocommerce-LoopProduct-link{display:block;color:inherit}
ul.products li.product img{
  width:100%;aspect-ratio:4/4;object-fit:contain;background:var(--bg-soft);
  padding:14px;margin:0!important;
}

/* Cuerpo */
.gma-card__body{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1;gap:12px}
ul.products li.product .woocommerce-loop-product__title{
  font-family:'Montserrat'!important;font-weight:700!important;font-size:16px!important;
  color:var(--navy);padding:0!important;margin:0!important;line-height:1.35;
}
.gma-card__specs{display:flex;flex-wrap:wrap;gap:7px}
.gma-spec{
  font-family:'Roboto Mono';font-size:11.5px;color:var(--ink-soft);
  background:var(--bg-soft);border:1px solid var(--line-2);padding:4px 9px;
}
.gma-card__brand{font-size:13.5px;color:var(--gris)}
.gma-card__brand b{color:var(--steel);font-weight:600}

/* Botón */
ul.products li.product .button,
.gma-card__btn{
  display:flex!important;align-items:center;justify-content:center;gap:10px;
  background:var(--navy)!important;color:#fff!important;border:0;border-radius:0!important;
  font-family:'Montserrat'!important;font-weight:700!important;font-size:13.5px!important;
  padding:14px 18px!important;margin:auto 0 0!important;transition:.18s;
}
ul.products li.product .button:hover,
.gma-card__btn:hover{background:var(--accent)!important}
.gma-card__btn svg{width:15px;height:15px}

/* Precio oculto en modo catálogo */
ul.products li.product .price{display:none}

/* ══════════════════════════════════════════════════════════
   FICHA DE PRODUCTO
   ══════════════════════════════════════════════════════════ */

.gma-product{padding:38px 0 60px}
.gma-product__top{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}

/* Galería */
.woocommerce div.product div.images{width:100%!important;float:none!important;margin:0!important}
.woocommerce div.product div.images img{
  background:var(--bg-soft);aspect-ratio:1/1;object-fit:contain;padding:0px;
}
.woocommerce div.product div.images .flex-control-thumbs{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0 0;
}
.woocommerce div.product div.images .flex-control-thumbs li{width:auto;margin:0;float:none}
.woocommerce div.product div.images .flex-control-thumbs img{
  border:1px solid var(--line);padding:18px;aspect-ratio:1/1;opacity:1;
}
.woocommerce div.product div.images .flex-control-thumbs img.flex-active{border-color:var(--accent);border-width:2px}

/* Resumen */
.woocommerce div.product div.summary{width:100%!important;float:none!important;margin:0!important}
.gma-product__eyebrow{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--gris);margin-bottom:14px;
}
.gma-product__eyebrow .cat{
  font-family:'Montserrat';font-weight:700;font-size:11.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--steel);
}
.gma-product__eyebrow .brand b{color:var(--navy)}

.woocommerce div.product .product_title{
  font-size:clamp(26px,3.2vw,36px)!important;font-weight:800;line-height:1.15;letter-spacing:-.015em;margin-bottom:16px!important;
}

.gma-product__meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:20px}
.gma-product__sku{
  font-family:'Roboto Mono';font-size:12.5px;color:var(--ink-soft);
  background:var(--bg-soft);border:1px solid var(--line-2);padding:6px 12px;
}
.gma-product__stock{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:#0f8a4d;font-weight:600}
.gma-product__stock::before{content:"";width:8px;height:8px;border-radius:50%;background:#12a35c}
.gma-product__stock.is-out{color:var(--gris)}
.gma-product__stock.is-out::before{background:var(--plata)}

.woocommerce div.product .woocommerce-product-details__short-description{
  color:var(--ink-soft);font-size:15.5px;line-height:1.7;margin-bottom:26px;
}

/* Especificaciones destacadas */
.gma-product__specs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:26px}
.gma-product__spec{
  display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:center;
  border:1px solid var(--line);padding:14px 16px;background:#fff;
}
.gma-product__spec .ic{
  width:40px;height:40px;background:var(--bg-soft);display:grid;place-items:center;color:var(--steel);
}
.gma-product__spec .ic svg{width:19px;height:19px}
.gma-product__spec .lbl{
  display:block;font-family:'Montserrat';font-weight:700;font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gris);margin-bottom:4px;
}
.gma-product__spec b{font-family:'Roboto Mono';font-size:14.5px;color:var(--navy);font-weight:500}

/* Caja de cotización */
.gma-quotebox{background:var(--bg-soft);border:1px solid var(--line);padding:26px 26px 28px;margin-bottom:22px}
.gma-quotebox__head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:8px}
.gma-quotebox h3{font-size:21px;font-weight:800;margin:0}
.gma-quotebox__badge{
  font-family:'Roboto Mono';font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gris);border:1px solid var(--line);background:#fff;padding:5px 10px;
}
.gma-quotebox>p{color:var(--ink-soft);font-size:14px;margin-bottom:20px}
.gma-quotebox__row{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}

.gma-qty{display:flex;align-items:center;border:1px solid var(--line);background:#fff;flex:none}
.gma-qty button{
  width:42px;height:52px;background:none;border:0;color:var(--navy);display:grid;place-items:center;cursor:pointer;
}
.gma-qty button:hover{background:var(--bg-soft)}
.gma-qty button svg{width:15px;height:15px}
.gma-qty input{
  width:56px;height:52px;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);
  text-align:center;font-family:'Roboto Mono';font-size:15px;padding:0;
}
.gma-qty input::-webkit-outer-spin-button,
.gma-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

.gma-quotebox .btn-accent{flex:1;justify-content:center;min-height:52px}
.gma-quotebox__row--split{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gma-quotebox__row--split .btn{
  justify-content:center;background:#fff;border:1px solid var(--line);color:var(--navy);min-height:50px;
}
.gma-quotebox__row--split .btn:hover{border-color:var(--navy)}

/* Sellos de confianza */
.gma-trust{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.gma-trust span{
  display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);
  padding:10px 14px;font-size:13px;color:var(--ink-soft);
}
.gma-trust svg{width:16px;height:16px;color:var(--steel)}

/* Aviso de asesoría */
.gma-advice{
  display:grid;grid-template-columns:26px 1fr;gap:14px;align-items:start;
  background:var(--accent-050);border-left:3px solid var(--accent);padding:18px 20px;
}
.gma-advice svg{width:22px;height:22px;color:var(--steel)}
.gma-advice p{font-size:14px;color:var(--ink-soft);line-height:1.6;margin:0}
.gma-advice b{color:var(--navy)}

/* ── Pestañas ─────────────────────────────────────────────── */
.woocommerce div.product .woocommerce-tabs{background:var(--bg-soft);padding:52px 0;margin-top:44px}
.woocommerce div.product .woocommerce-tabs .wrap{max-width:var(--maxw);margin:0 auto;padding:0 26px}
.woocommerce div.product .woocommerce-tabs ul.tabs{
  display:flex;gap:6px;padding:0!important;margin:0 0 30px!important;
  border-bottom:1px solid var(--line);list-style:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background:none!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  display:block;padding:14px 22px!important;font-family:'Montserrat';font-weight:600;font-size:14.5px;
  color:var(--ink-soft)!important;border-bottom:2px solid transparent;margin-bottom:-1px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
  color:var(--navy)!important;border-bottom-color:var(--navy);font-weight:700;
}
.woocommerce div.product .woocommerce-tabs .panel{margin:0!important;padding:0!important}
.woocommerce div.product .woocommerce-tabs .panel h2{display:none}

/* Tabla de ficha técnica */
.gma-sheet{max-width:760px;width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line)}
.gma-sheet th,.gma-sheet td{border-bottom:1px solid var(--line);padding:14px 20px;text-align:left;vertical-align:top}
.gma-sheet tr:last-child th,.gma-sheet tr:last-child td{border-bottom:0}
.gma-sheet th{
  width:38%;font-family:'Montserrat';font-weight:600;font-size:14px;color:var(--navy);
  background:#fff;border-right:1px solid var(--line);
}
.gma-sheet td{font-family:'Roboto Mono';font-size:13.5px;color:var(--ink-soft)}

/* Relacionados */
.woocommerce div.product .related{padding:66px 0 20px}
.woocommerce div.product .related>h2{font-size:clamp(24px,2.8vw,30px);font-weight:800;margin-bottom:8px}
.gma-related__sub{color:var(--ink-soft);margin-bottom:32px}
.woocommerce div.product .related ul.products{grid-template-columns:repeat(4,1fr)}

/* Ocultar restos del carrito en modo catálogo */
.woocommerce div.product form.cart,
.woocommerce div.product p.price,
.woocommerce .product_meta,
.woocommerce-message,
.woocommerce-info{display:none}
body.gma-cart-enabled .woocommerce div.product form.cart,
body.gma-cart-enabled .woocommerce div.product p.price{display:block}

/* ══════════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════════ */

@media(max-width:1080px){
  ul.products{grid-template-columns:repeat(2,1fr)}
  .woocommerce div.product .related ul.products{grid-template-columns:repeat(2,1fr)}
  .gma-product__top{grid-template-columns:1fr;gap:34px}
}

@media(max-width:640px){
  ul.products,
  .woocommerce div.product .related ul.products{grid-template-columns:1fr}
  .gma-product__specs{grid-template-columns:1fr}
  .gma-quotebox__row--split{grid-template-columns:1fr}
  .gma-sheet th{width:44%;padding:12px 14px}
  .gma-sheet td{padding:12px 14px}
  .woocommerce div.product .woocommerce-tabs ul.tabs{overflow-x:auto;flex-wrap:nowrap}
}