/* ==========================================================
   NETSYSTEM SOLUTIONS — WOOCOMMERCE CSS OVERRIDES
   Incluye: Header custom, Navbar, Ficha de producto
   ========================================================== */

/* ── OCULTAR HEADER/NAV NATIVOS BLOCKSY (movido desde functions.php) ── */
#header,.ct-header,header#header,header.ct-header,#header-menu-1,nav.header-menu-1,nav#header-menu-1,.mobile-menu[data-id="mobile-menu"],nav.mobile-menu{display:none!important;height:0!important;overflow:hidden!important;visibility:hidden!important;pointer-events:none!important}
.ns-main-header{background:#0a1128;border-bottom:1px solid #1e293b;padding:12px 0;position:relative;z-index:190}
.ns-main-header .ns-container{display:flex;align-items:center;gap:24px}
.ns-logo-link{display:flex;align-items:center;flex-shrink:0;min-width:200px}
.ns-site-logo{height:68px!important;width:auto!important;max-width:240px!important;object-fit:contain!important;filter:drop-shadow(0 0 8px rgba(0,245,212,.15));display:block}
.ns-header-search{flex-grow:1;max-width:550px;position:relative}
.ns-header-search form{display:flex;align-items:center;position:relative}
.ns-header-search input[type="search"]{width:100%;padding:11px 48px 11px 20px;background:#101e42;border:1px solid #1e293b;border-radius:30px;color:#f8fafc;font-size:14px;outline:none;transition:border-color .28s;-webkit-appearance:none;appearance:none}
.ns-header-search input[type="search"]:focus{border-color:#0066ff;box-shadow:0 0 0 3px rgba(0,102,255,.15)}
.ns-header-search input[type="search"]::placeholder{color:#64748b}
.ns-header-search button[type="submit"]{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#00f5d4;font-size:18px;cursor:pointer;padding:0;line-height:1}
.ns-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}
.ns-action-btn{display:flex;align-items:center;gap:7px;color:#f8fafc!important;text-decoration:none;font-size:13px;font-weight:500;padding:8px 12px;border-radius:8px;background:none;border:none;cursor:pointer;position:relative;transition:background .25s,color .25s}
.ns-action-btn:hover{background:#101e42;color:#00f5d4!important}
.ns-action-btn i{font-size:20px}
.ns-cart-count{position:absolute;top:2px;right:4px;background:#ff6b35;color:#fff;font-size:10px;font-weight:700;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}
.ns-cart-count.ns-cart-empty{display:none}
.ns-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;flex-shrink:0}
.ns-hamburger span{display:block;width:24px;height:2px;background:#f8fafc;border-radius:2px;transition:transform .28s,opacity .28s}
.ns-hamburger.ns-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.ns-hamburger.ns-open span:nth-child(2){opacity:0}.ns-hamburger.ns-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.ns-navbar{background:#0a1128;border-bottom:1px solid #1e293b;position:sticky;top:0;z-index:200;box-shadow:0 2px 16px rgba(0,0,0,.25)}
body.admin-bar .ns-navbar{top:32px}
.ns-navbar .ns-container{padding:0 24px}
.ns-navbar-list{display:flex;align-items:stretch;list-style:none;margin:0;padding:0;justify-content:center}
.ns-nav-item{position:relative}
.ns-nav-link{display:block;padding:16px 18px;color:#f8fafc!important;text-decoration:none;font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.6px;border-bottom:2px solid transparent;transition:color .25s,border-color .25s;white-space:nowrap}
.ns-nav-link:hover,.ns-nav-item.ns-active .ns-nav-link{color:#00f5d4!important;border-bottom-color:#00f5d4}
.ns-nav-item.ns-firma .ns-nav-link{color:#00f5d4!important}
@media(max-width:1024px){.ns-hamburger{display:flex}.ns-topbar-horario{display:none}.ns-navbar-list{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#0a1128;border-top:1px solid #1e293b;z-index:999;padding:8px 0;box-shadow:0 8px 24px rgba(0,0,0,.3)}.ns-navbar-list.ns-open{display:flex}.ns-nav-link{padding:14px 24px;border-bottom:1px solid #1e293b!important}.ns-header-search{display:none}.ns-action-btn span{display:none}.ns-action-btn{padding:8px}}
@media(max-width:782px){body.admin-bar .ns-navbar{top:46px}.ns-site-logo{height:50px!important;max-width:180px!important}}

/* ── OCULTAR META NATIVO DE WOOCOMMERCE (.product_meta) ──────────────────
   remove_action en PHP es el método principal.
   Este CSS es respaldo para garantizar que no se muestre aunque el
   remove_action no se ejecute a tiempo.
   El bloque ns-product-meta (PHP custom) reemplaza completamente este bloque.
   ─────────────────────────────────────────────────────────────────────── */
.woocommerce div.product .product_meta { display: none !important; }

/* ── CSS DEL META PRODUCTO (ns-product-meta, trust block, disponibilidad) ── */
.ns-product-meta{margin:14px 0 18px;padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:8px}
.ns-pm-row{display:flex;align-items:center;gap:8px;font-size:13px}
.ns-pm-label{color:#64748b;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0;min-width:130px}
.ns-pm-val{color:#374151;font-size:13px}
.ns-sku-badge{font-family:'Inter',monospace;font-weight:700;color:#0a1128;background:#e8f0fe;padding:2px 8px;border-radius:4px;border:1px solid #c7d7f7;font-size:12px}
.ns-pm-avail{font-size:13px;display:flex;align-items:center;gap:7px;font-weight:600;margin-top:2px}
.ns-pm-avail i{font-size:14px}

/* ----------------------------------------------------------
   1. PRODUCTOS — CARDS (ARCHIVOS DE TIENDA)
   ---------------------------------------------------------- */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background: #ffffff !important;
  border: 1px solid var(--ns-border, #e2e8f0) !important;
  border-radius: var(--ns-radius-md, 16px) !important;
  box-shadow: var(--ns-shadow-sm, 0 2px 4px rgba(0,0,0,0.05)) !important;
  padding: 0 !important;
  overflow: hidden;
  transition: transform 0.28s ease, box-shadow 0.28s ease !important;
  display: flex !important;
  flex-direction: column;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
  transform: translateY(-5px) !important;
  box-shadow: var(--ns-shadow-lg, 0 20px 40px rgba(10,17,40,0.14)) !important;
  border-color: rgba(0,102,255,0.25) !important;
}

/* Imagen del producto */
.woocommerce ul.products li.product .woocommerce-loop-product__link img,
.woocommerce-page ul.products li.product img {
  border-radius: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  height: 200px !important;
  object-fit: contain !important;
  padding: 16px !important;
  background: #fff !important;
  border-bottom: 1px solid var(--ns-border, #e2e8f0);
  transition: transform 0.28s ease;
}

.woocommerce ul.products li.product:hover img {
  transform: scale(1.06) !important;
}

/* Nombre del producto */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Outfit', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  padding: 16px 16px 6px !important;
  margin: 0 !important;
  line-height: 1.35 !important;
}

/* Precio del producto */
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
  font-family: 'Outfit', sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: var(--ns-blue, #0066ff) !important;
  padding: 0 16px 14px !important;
  margin: 0 !important;
}

.woocommerce ul.products li.product .price del {
  font-size: 13px !important;
  color: var(--ns-muted, #64748b) !important;
  font-weight: 500 !important;
  margin-right: 4px;
}

.woocommerce ul.products li.product .price ins {
  text-decoration: none !important;
}

/* Botón "Agregar al carrito" */
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce ul.products li.product .button {
  display: block !important;
  width: calc(100% - 32px) !important;
  margin: 0 16px 16px !important;
  padding: 10px 16px !important;
  background: linear-gradient(135deg, #0066ff, #0052cc) !important;
  color: #ffffff !important;
  border-radius: 30px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  text-align: center !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0,102,255,0.3) !important;
  transition: transform 0.28s ease, box-shadow 0.28s ease !important;
  cursor: pointer;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .button.add_to_cart_button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0,102,255,0.4) !important;
  background: linear-gradient(135deg, #0052cc, #0040aa) !important;
  color: #fff !important;
}

/* Botón "Ver más" en productos variables */
.woocommerce ul.products li.product a.button.product_type_variable {
  background: linear-gradient(135deg, #101e42, #0a1128) !important;
}

/* Etiquetas sale / new */
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
  background: #ff6b35 !important;
  color: #fff !important;
  border-radius: 30px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  padding: 4px 12px !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  top: 12px !important;
  left: 12px !important;
}

/* ----------------------------------------------------------
   2. PÁGINA INDIVIDUAL DE PRODUCTO (SINGLE PRODUCT)
   ---------------------------------------------------------- */
.single-product .entry-title,
.woocommerce div.product .product_title {
  font-family: 'Outfit', sans-serif !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  color: #0a1128 !important;
  margin-bottom: 14px !important;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-family: 'Outfit', sans-serif !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  color: #0066ff !important;
}

.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
  font-size: 18px !important;
  color: #64748b !important;
}

/* Botón "Agregar al carrito" — producto individual */
.woocommerce div.product .single_add_to_cart_button,
.woocommerce #respond input#submit.button,
.woocommerce a.button,
.woocommerce button.button {
  background: linear-gradient(135deg, #0066ff, #0052cc) !important;
  color: #ffffff !important;
  border-radius: 30px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 13px 28px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0,102,255,0.3) !important;
  transition: all 0.28s ease !important;
}

.woocommerce div.product .single_add_to_cart_button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(0,102,255,0.4) !important;
  background: linear-gradient(135deg, #0052cc, #0040aa) !important;
}

/* Tabs del producto (Descripción, Reseñas, etc.) */
.woocommerce div.product .woocommerce-tabs ul.tabs {
  border-bottom: 2px solid #0066ff !important;
  margin-bottom: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: 1px solid #e2e8f0 !important;
  border-bottom: none !important;
  border-radius: 8px 8px 0 0 !important;
  background: #f8fafc !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: #ffffff !important;
  border-bottom: 2px solid #fff !important;
  margin-bottom: -2px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  color: #0a1128 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: #0066ff !important;
}

/* ----------------------------------------------------------
   3. CARRITO (CART)
   ---------------------------------------------------------- */
.woocommerce .cart-collaterals h2,
.woocommerce .cart_totals h2 {
  font-family: 'Outfit', sans-serif !important;
  font-size: 20px !important;
  color: #0a1128 !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  background: linear-gradient(135deg, #0066ff, #0052cc) !important;
  border-radius: 30px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 14px 32px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  box-shadow: 0 4px 14px rgba(0,102,255,0.3) !important;
  color: #fff !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(0,102,255,0.4) !important;
  background: linear-gradient(135deg, #0052cc, #0040aa) !important;
  color: #fff !important;
}

/* Tabla del carrito */
.woocommerce table.cart th {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: #64748b !important;
  border-bottom: 2px solid #e2e8f0 !important;
}

/* ----------------------------------------------------------
   4. CHECKOUT
   ---------------------------------------------------------- */
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout #order_review_heading {
  font-family: 'Outfit', sans-serif !important;
  font-size: 20px !important;
  color: #0a1128 !important;
  border-bottom: 2px solid #0066ff !important;
  padding-bottom: 10px !important;
  margin-bottom: 24px !important;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  border-radius: var(--ns-radius-sm, 8px) !important;
  border-color: #e2e8f0 !important;
  font-family: 'Inter', sans-serif !important;
  transition: border-color 0.28s ease, box-shadow 0.28s ease !important;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
  border-color: #0066ff !important;
  box-shadow: 0 0 0 3px rgba(0,102,255,0.1) !important;
  outline: none !important;
}

/* Botón de pago */
#place_order,
.woocommerce #payment #place_order {
  background: linear-gradient(135deg, #0066ff, #0052cc) !important;
  color: #fff !important;
  border-radius: 30px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  padding: 16px 36px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0,102,255,0.3) !important;
  width: 100% !important;
  transition: all 0.28s ease !important;
}

#place_order:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(0,102,255,0.4) !important;
}

/* ----------------------------------------------------------
   5. MI CUENTA (MY ACCOUNT)
   ---------------------------------------------------------- */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 11px 18px;
  border-radius: var(--ns-radius-sm, 8px);
  color: #0f172a;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.28s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  background: linear-gradient(135deg, #0066ff, #0052cc);
  color: #fff;
}

/* ----------------------------------------------------------
   6. MENSAJES DE WOOCOMMERCE (AVISOS, ÉXITO, ERROR)
   ---------------------------------------------------------- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: var(--ns-radius-sm, 8px) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
}

.woocommerce-message {
  border-top-color: #0066ff !important;
  background: rgba(0,102,255,0.05) !important;
}

.woocommerce-error {
  border-top-color: #ff6b35 !important;
  background: rgba(255,107,53,0.05) !important;
}

/* ----------------------------------------------------------
   7. PAGINACIÓN
   ---------------------------------------------------------- */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  border-color: #e2e8f0 !important;
  border-radius: 6px !important;
  font-family: 'Inter', sans-serif !important;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #0066ff !important;
  color: #fff !important;
  border-color: #0066ff !important;
}

/* ----------------------------------------------------------
   8. WIDGET DE CARRITO EN SIDEBAR / HEADER
   ---------------------------------------------------------- */
.widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  color: #0a1128 !important;
  border-top-color: #0066ff !important;
}

.widget_shopping_cart .buttons a.button,
.woocommerce.widget_shopping_cart .buttons a.button {
  border-radius: 30px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 10px 18px !important;
  text-transform: uppercase !important;
}

.widget_shopping_cart .buttons .checkout.wc-forward,
.woocommerce.widget_shopping_cart .buttons .checkout.wc-forward {
  background: linear-gradient(135deg, #0066ff, #0052cc) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(0,102,255,0.3) !important;
}

/* ================================================================
   NS PRODUCT PAGE — Ficha de producto Netsystem Solutions
   ================================================================ */

/* ── Tabla de especificaciones (ns-specs-table) — responsive ── */
table.ns-specs-table,
.woocommerce-product-attributes.ns-specs-table {
  width: 100% !important;
  max-width: 780px !important;
  border-collapse: collapse !important;
  margin: 20px auto 28px !important;
  font-size: 14px !important;
  border-radius: var(--ns-radius-sm, 8px) !important;
  overflow: hidden !important;
  box-shadow: 0 1px 6px rgba(0,0,0,0.06) !important;
  display: table !important;
}
table.ns-specs-table th,
.woocommerce-product-attributes.ns-specs-table th {
  background: #f8fafc !important;
  color: #0a1128 !important;
  font-weight: 700 !important;
  text-align: left !important;
  padding: 11px 16px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  border-right: 1px solid #e2e8f0 !important;
  width: 40% !important;
  vertical-align: top !important;
  white-space: nowrap !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
}
table.ns-specs-table td,
.woocommerce-product-attributes.ns-specs-table td {
  padding: 11px 16px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  color: #374151 !important;
  vertical-align: top !important;
  word-break: break-word !important;
  font-size: 13px !important;
}
table.ns-specs-table tr:last-child th,
table.ns-specs-table tr:last-child td { border-bottom: none !important; }
table.ns-specs-table tr:nth-child(even) td,
table.ns-specs-table tr:nth-child(even) th { background: #fafbff !important; }
table.ns-specs-table tr:hover td,
table.ns-specs-table tr:hover th { background: #eef2ff !important; transition: background .2s; }
/* Responsive móvil */
@media (max-width: 600px) {
  table.ns-specs-table,
  .woocommerce-product-attributes.ns-specs-table { display: block !important; }
  table.ns-specs-table tbody,
  table.ns-specs-table tr { display: block !important; }
  table.ns-specs-table th,
  table.ns-specs-table td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    border-right: none !important;
    white-space: normal !important;
  }
  table.ns-specs-table th {
    background: #eef2ff !important;
    border-bottom: none !important;
    padding-bottom: 4px !important;
  }
  table.ns-specs-table td { padding-top: 4px !important; }
}

/* ── SKU: Código Netsystem ── */
.woocommerce div.product .sku_wrapper {
  font-size: 12px !important;
  color: #64748b !important;
  letter-spacing: .3px !important;
  margin-bottom: 6px !important;
  display: block !important;
}
.woocommerce div.product .sku {
  font-weight: 700 !important;
  color: #0a1128 !important;
  font-size: 13px !important;
}

/* ── Título del producto ── */
.woocommerce div.product .product_title {
  font-family: 'Outfit', sans-serif !important;
  font-size: 24px !important;
  color: #0a1128 !important;
  margin-bottom: 8px !important;
  line-height: 1.3 !important;
}

/* ── Precio: mostrar CON IVA (WooCommerce lo calcula) ── */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-family: 'Outfit', sans-serif !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  color: #0066ff !important;
  margin-bottom: 8px !important;
}
/* Ocultar sufijos y etiquetas de impuesto que confunden al cliente */
.woocommerce div.product .price .woocommerce-price-suffix,
.woocommerce-price-suffix,
.tax_label,
.woocommerce-loop-product__link .price .woocommerce-price-suffix { display: none !important; }

/* ── Ocultar campos internos de precio en atributos del producto ── */
.woocommerce div.product table.woocommerce-product-attributes
  tr.woocommerce-product-attributes-item[class*="precio"],
.woocommerce div.product table.woocommerce-product-attributes
  tr.woocommerce-product-attributes-item[class*="margen"],
.woocommerce div.product table.woocommerce-product-attributes
  tr.woocommerce-product-attributes-item[class*="proveedor"] {
  display: none !important;
}

/* ── Botón WhatsApp en ficha de producto ── */
.ns-product-wa-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 13px 20px !important;
  background: #25d366 !important;
  color: #ffffff !important;
  border-radius: 30px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  text-decoration: none !important;
  margin-top: 12px !important;
  border: none !important;
  cursor: pointer !important;
  transition: background .25s ease !important;
  box-shadow: 0 4px 14px rgba(37,211,102,0.3) !important;
}
.ns-product-wa-btn:hover { background: #20ba59 !important; color: #fff !important; }
.ns-product-wa-btn i { font-size: 20px !important; }

/* ── Descripción corta en ficha ── */
.woocommerce-product-details__short-description {
  font-size: 14px !important;
  color: #374151 !important;
  line-height: 1.7 !important;
  margin-bottom: 16px !important;
}
.woocommerce-product-details__short-description p { margin-bottom: 8px !important; }

/* ── Pestañas del producto ── */
.woocommerce-tabs ul.tabs li a {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: .4px !important;
}
.woocommerce-tabs .wc-tab h2,
.woocommerce-tabs .wc-tab h3 {
  font-family: 'Outfit', sans-serif !important;
  font-size: 18px !important;
  color: #0a1128 !important;
  margin-bottom: 14px !important;
}

/* ── Disponibilidad ── */
.woocommerce div.product .stock.in-stock,
.woocommerce div.product .stock.ns-availability-ok {
  color: #16a34a !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 10px 0 !important;
}
.woocommerce div.product .stock.out-of-stock,
.woocommerce div.product .stock.ns-availability-consult {
  color: #d97706 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 10px 0 !important;
}

/* ── Wrapper de la tabla de specs ── */
.ns-specs-wrapper {
  overflow-x: auto !important;
  margin: 0 auto 24px !important;
  max-width: 780px !important;
  -webkit-overflow-scrolling: touch !important;
}

/* ── Bloque de confianza (trust block) ── */
.ns-trust-block {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 18px 0 !important;
  padding: 16px 18px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  font-size: 13px !important;
}
.ns-trust-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #374151 !important;
}
.ns-trust-item i {
  color: #0066ff !important;
  font-size: 15px !important;
  width: 18px !important;
  flex-shrink: 0 !important;
}
.ns-trust-item:nth-child(1) i { color: #16a34a !important; }
.ns-trust-item:nth-child(3) i { color: #0066ff !important; }

/* ── Reducir espaciado antes de las pestañas de descripción ── */
.woocommerce-tabs.wc-tabs-wrapper {
  margin-top: 20px !important;
  padding-top: 0 !important;
}
.woocommerce div.product .woocommerce-tabs {
  margin-top: 16px !important;
}
.woocommerce div.product div.summary {
  padding-bottom: 0 !important;
}

/* ── Etiqueta SKU → Código Netsystem ── */
.ns-sku-label {
  font-size: 12px !important;
  color: #64748b !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
}
.woocommerce div.product .sku_wrapper .sku {
  font-family: 'Inter', monospace !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #0a1128 !important;
  background: #f1f5f9 !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
  border: 1px solid #e2e8f0 !important;
}

/* ── Responsive para ficha de producto ── */
@media (max-width: 768px) {
  .ns-trust-block {
    gap: 10px !important;
    padding: 14px !important;
  }
  .ns-specs-wrapper { margin: 0 -12px 20px !important; }
}
@media (max-width: 480px) {
  .woocommerce div.product .product_title { font-size: 20px !important; }
  .woocommerce div.product p.price,
  .woocommerce div.product span.price { font-size: 26px !important; }
}