/*
Theme Name: Astra Child
Template: astra
Version: 5.0.2
Description: Moda Casual by Martimpe BCN - emergency clean UAGB fix
*/

/* === FUENTES === */
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');

/* === TOKENS (Manual de Marca v1.0) === */
:root {
  --tinta:      #0E0E10;
  --hueso:      #F2EDE4;
  --hueso-2:    #E9E2D4;
  --piedra:     #C2B9A8;
  --tomate:     #E84A26;
  --pistacho:   #C5D84A;
  --cobalto:    #2235D6;
  --linea:      rgba(14,14,16,.16);
  --linea-soft: rgba(14,14,16,.08);
  --font-display: 'Archivo Black', 'Archivo', Arial, sans-serif;
  --font-body:    'Archivo', 'Helvetica Neue', Arial, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, Menlo, monospace;
  --trans:      0.28s cubic-bezier(.4,0,.2,1);
  --trans-slow: 0.55s cubic-bezier(.22,1,.36,1);
}

/* ============================================================
   BASE
   ============================================================ */
html, body {
  font-family: var(--font-body) !important;
  background-color: var(--hueso) !important;
  color: var(--tinta) !important;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.55;
}

/* Cubrir fondos blancos de WooCommerce/Gutenberg */
.woocommerce-page,
.single-product,
body.woocommerce-page,
body.single-product,
body.page,
body.archive,
.woocommerce-cart,
.woocommerce-checkout {
  background-color: var(--hueso) !important;
}

/* Secciones Gutenberg que ponen fondo blanco */
.wp-block-group:not([class*="has-background"]),
.wp-block-cover,
.entry-content > *:not(.alignfull):not(.alignwide) {
  background-color: transparent !important;
}

/* Fondo blanco en cualquier contenedor que lo tenga hardcoded */
.ast-container,
.ast-inner-spacing,
.ast-separate-container .ast-article-post,
.ast-woocommerce-container,
#main,
.ast-above-header-section,
.site-content {
  background-color: transparent !important;
}

/* Titulares: Archivo Black, uppercase, tracking negativo, NO word-break */
h1, h2, h3, h4,
.entry-title,
.ast-entry-title,
.woocommerce-loop-product__title,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content :where(h1),
.entry-content :where(h2),
.entry-content :where(h3) {
  font-family: var(--font-display) !important;
  font-weight: 900 !important;
  letter-spacing: -.03em !important;
  text-transform: uppercase !important;
  line-height: .92 !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

/* H2 con tamano responsive para que no se parta */
.entry-content h2,
h2.wp-block-heading,
.wp-block-heading {
  font-size: clamp(2.4rem, 5vw, 4.5rem) !important;
}

p, li, label, td {
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
}

a { transition: color var(--trans) !important; }

/* ============================================================
   ABOVE-HEADER BAR
   ============================================================ */
.ast-above-header-bar {
  background-color: var(--tinta) !important;
  border-bottom: 1px solid rgba(242,237,228,.08) !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.ast-above-header a,
.ast-above-header span,
.ast-above-header-section,
.ast-above-header .ast-builder-html-element {
  color: rgba(242,237,228,.5) !important;
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
}

/* ============================================================
   HEADER PRINCIPAL — compact, tinta
   ============================================================ */
.site-header,
.ast-primary-header-bar {
  background-color: var(--tinta) !important;
  border-bottom: 1px solid rgba(242,237,228,.1) !important;
  position: relative !important;
  z-index: 9999 !important;
}

.ast-primary-header-bar .ast-builder-grid-row,
.ast-primary-header-bar .ast-row {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  min-height: 56px !important;
  align-items: center !important;
}

/* Logo — mismo tamano que antes */
.custom-logo-link img,
.ast-site-logo img,
header img.custom-logo,
.site-branding img,
.ast-site-identity img {
  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
  max-height: 55px !important;
  max-width: 110px !important;
  width: auto !important;
  height: auto !important;
}

/* Logo texto (sin imagen) */
.site-header .site-title a,
.ast-site-identity .site-title a {
  color: var(--hueso) !important;
  font-family: var(--font-display) !important;
  font-size: 1.15rem !important;
  letter-spacing: -.02em !important;
  text-transform: uppercase !important;
}

/* ---- NAV ---- */
.main-header-menu .menu-item > a,
.ast-header-navigation .menu-item > a,
.ast-nav-menu .menu-item > a {
  color: rgba(242,237,228,.9) !important;
  font-family: var(--font-mono) !important;
  font-size: 10.5px !important;
  font-weight: 500 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  padding: 6px 10px !important;
  transition: color var(--trans) !important;
  position: relative !important;
}
.main-header-menu .menu-item > a:hover,
.main-header-menu .current-menu-item > a {
  color: var(--tomate) !important;
}
.main-header-menu .menu-item > a::after {
  content: '';
  position: absolute;
  bottom: 1px; left: 10px; right: 10px;
  height: 1px;
  background: var(--tomate);
  transform: scaleX(0);
  transition: transform var(--trans);
  transform-origin: left;
}
.main-header-menu .menu-item > a:hover::after,
.main-header-menu .current-menu-item > a::after {
  transform: scaleX(1);
}

/* Dropdown */
.main-header-menu .sub-menu {
  background-color: #181614 !important;
  border-top: 2px solid var(--tomate) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.4) !important;
  border-radius: 0 !important;
}
.main-header-menu .sub-menu .menu-item > a {
  color: rgba(242,237,228,.8) !important;
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  letter-spacing: .16em !important;
  padding: 9px 18px !important;
}
.main-header-menu .sub-menu .menu-item > a:hover {
  color: var(--tomate) !important;
  background-color: rgba(242,237,228,.03) !important;
}

/* ---- ICONOS HEADER ---- */
.ast-cart-icon, .ast-cart-icon svg, .ast-cart-icon path,
.ast-search-icon, .ast-search-icon svg, .ast-search-icon path,
.ast-header-woo-cart a, .ast-header-woo-cart svg, .ast-header-woo-cart path,
.ast-header-icon-item a, .ast-header-icon-item svg, .ast-header-icon-item path,
.ast-account-button, .ast-account-button svg, .ast-account-button path,
.astra-icon, .astra-icon svg, .astra-icon path {
  color: rgba(242,237,228,.9) !important;
  fill: rgba(242,237,228,.9) !important;
  stroke: rgba(242,237,228,.9) !important;
}

/* Precio en el carrito del header — visible sobre fondo tinta */
.ast-header-woo-cart .ast-cart-amount,
.ast-header-woo-cart span.amount,
.ast-header-woo-cart .woocommerce-Price-amount,
.ast-header-woo-cart .woocommerce-Price-amount bdi,
.ast-header-woo-cart span:not(.ast-cart-badge):not(.count),
.ast-mini-cart-wrap span.amount,
.ast-mini-cart-wrap .ast-cart-amount {
  color: var(--hueso) !important;
  font-family: var(--font-mono) !important;
  font-size: 11px !important;
  letter-spacing: .1em !important;
}

/* Badge carrito */
.ast-cart-badge, .ast-header-woo-cart .count {
  background-color: var(--tomate) !important;
  color: var(--hueso) !important;
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
}

/* ---- ICONOS SOCIALES ---- */
.ast-builder-html-element a, .ast-builder-html-element svg,
.ast-builder-html-element i, .ast-builder-html-element path,
.ast-header-html-element a, .ast-header-html-element svg,
.ast-header-html-element i, .ast-header-html-element path,
[class*="social"] a, [class*="social"] svg,
[class*="social"] i, [class*="social"] path {
  color: rgba(242,237,228,.82) !important;
  fill: rgba(242,237,228,.82) !important;
  font-size: 15px !important;
  transition: color var(--trans) !important;
}
.ast-builder-html-element a:hover,
.ast-header-html-element a:hover,
[class*="social"] a:hover {
  color: var(--tomate) !important;
  fill: var(--tomate) !important;
}

/* ============================================================
   HERO SLIDER — 56vh
   ============================================================ */
.page-id-1007 .entry-content.clear {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
}
.page-id-1007 .wp-block-group.alignfull {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
}
.n2-section-smartslider, .n2-ss-align, .n2-padding {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
.n2-ss-slide-background-color { display: none !important; }

#n2-ss-2 .n2-ss-slider-2,
#n2-ss-2 .n2-ss-slider-3,
#n2-ss-2 .n2-ss-slider-wrapper-inside {
  min-height: 56vh !important;
  max-height: 64vh !important;
}

/* Bullets */
#n2-ss-2 .n2-bullet {
  width: 20px !important; height: 1px !important;
  border-radius: 0 !important;
  background-color: rgba(242,237,228,.3) !important;
  border: none !important;
  transition: all var(--trans) !important;
}
#n2-ss-2 .n2-bullet-active, #n2-ss-2 .n2-bullet:hover {
  background-color: var(--hueso) !important;
  width: 36px !important;
}

/* Botones del slider */
.n2-ss-button-container a {
  font-family: var(--font-mono) !important;
  font-weight: 500 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
  padding: 12px 28px !important;
  border-radius: 0 !important;
  transition: all var(--trans) !important;
}

/* ============================================================
   GUTENBERG BUTTONS — estilo de marca, sin pastilla
   ============================================================ */
.wp-block-button__link,
.wp-block-button .wp-block-button__link,
.wp-block-buttons .wp-block-button__link {
  border-radius: 0 !important;
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  padding: 11px 24px !important;
  border: 1px solid currentColor !important;
  transition: all var(--trans) !important;
}

/* Boton outline (sin relleno) */
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button__link:not([style*="background"]) {
  background-color: transparent !important;
  color: var(--tinta) !important;
  border-color: var(--tinta) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button__link:not([style*="background"]):hover {
  background-color: var(--tinta) !important;
  color: var(--hueso) !important;
}

/* Boton relleno oscuro */
.wp-block-button__link[style*="background-color"] {
  border-radius: 0 !important;
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  padding: 11px 24px !important;
}

/* ============================================================
   PRODUCTOS WOOCOMMERCE
   ============================================================ */
.woocommerce .products .product,
ul.products li.product {
  background: var(--hueso) !important;
  border: 1px solid var(--linea) !important;
  border-radius: 0 !important;
  transition: box-shadow var(--trans-slow), transform var(--trans-slow) !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.woocommerce .products .product:hover,
ul.products li.product:hover {
  box-shadow: 0 12px 40px rgba(14,14,16,.12) !important;
  transform: translateY(-4px) !important;
}

/* Zoom imagen */
.woocommerce .products .product a img,
ul.products li.product a img {
  transition: transform var(--trans-slow) !important;
  display: block !important;
}
.woocommerce .products .product:hover a img,
ul.products li.product:hover a img {
  transform: scale(1.04) !important;
}

/* Titulo */
.woocommerce .products .product .woocommerce-loop-product__title,
ul.products li.product h2.woocommerce-loop-product__title {
  font-family: var(--font-display) !important;
  font-size: .95rem !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
  text-transform: uppercase !important;
  color: var(--tinta) !important;
  padding: 14px 16px 4px !important;
  line-height: 1.1 !important;
  word-break: normal !important;
}

/* Precio */
.woocommerce ul.products li.product .price,
.woocommerce .price,
.woocommerce-Price-amount,
.woocommerce-Price-amount bdi {
  color: var(--tomate) !important;
  font-family: var(--font-mono) !important;
  font-weight: 500 !important;
  font-size: .84rem !important;
  letter-spacing: .1em !important;
}
.woocommerce ul.products li.product .price {
  padding: 0 16px 14px !important;
}

/* Precio tachado */
.woocommerce ul.products li.product .price del,
.woocommerce .price del,
.woocommerce .price del .woocommerce-Price-amount,
.woocommerce .price del bdi {
  color: var(--piedra) !important;
  opacity: 1 !important;
}

/* Boton carrito */
.woocommerce ul.products li.product .button {
  background-color: var(--tinta) !important;
  color: var(--hueso) !important;
  border-radius: 0 !important;
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  border: 1px solid var(--tinta) !important;
  transition: all var(--trans) !important;
  padding: 11px 20px !important;
  width: 100% !important;
}
.woocommerce ul.products li.product .button:hover {
  background-color: var(--tomate) !important;
  border-color: var(--tomate) !important;
  color: var(--hueso) !important;
}

/* CTA primario (alt) */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background-color: var(--tomate) !important;
  border-color: var(--tomate) !important;
  color: var(--hueso) !important;
  border-radius: 0 !important;
  font-family: var(--font-mono) !important;
  font-weight: 500 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
  background-color: var(--tinta) !important;
  border-color: var(--tinta) !important;
}

/* Badge OFERTA */
.woocommerce span.onsale {
  background-color: var(--tomate) !important;
  color: var(--hueso) !important;
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  padding: 4px 10px !important;
  min-width: auto !important; min-height: auto !important;
  line-height: 1.3 !important;
}

/* ---- PAGINA DE PRODUCTO INDIVIDUAL ---- */
.single-product .product_title,
.woocommerce-page h1.product_title {
  font-family: var(--font-display) !important;
  font-weight: 900 !important;
  letter-spacing: -.03em !important;
  text-transform: uppercase !important;
  color: var(--tinta) !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

.woocommerce div.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--tomate) !important;
  font-family: var(--font-mono) !important;
  font-size: 1.1rem !important;
  letter-spacing: .08em !important;
}

/* Variaciones de producto (tallas, colores) */
.woocommerce table.variations,
.woocommerce .variations_form {
  font-family: var(--font-mono) !important;
}
.woocommerce table.variations td,
.woocommerce table.variations th,
.woocommerce table.variations label {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
  color: var(--tinta) !important;
  padding: 8px 0 !important;
  vertical-align: middle !important;
}

/* Swatches de variacion (plugin de tallas) */
.variable-items-wrapper,
.wvs-pro-wrap {
  gap: 6px !important;
  display: flex !important;
  flex-wrap: wrap !important;
}
.variable-items-wrapper .variable-item,
.variable-items-wrapper .button-variable-item,
.wvs-pro-wrap .wvs_stock_item {
  border-radius: 0 !important;
  border: 1px solid var(--linea) !important;
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: var(--tinta) !important;
  background: var(--hueso) !important;
  padding: 6px 10px !important;
  min-width: 38px !important;
  height: auto !important;
  line-height: 1.4 !important;
  transition: all var(--trans) !important;
}
.variable-items-wrapper .variable-item:hover,
.variable-items-wrapper .variable-item.selected,
.variable-items-wrapper .button-variable-item:hover,
.variable-items-wrapper .button-variable-item.selected {
  border-color: var(--tinta) !important;
  background: var(--tinta) !important;
  color: var(--hueso) !important;
}
.variable-items-wrapper .variable-item.no-stock,
.variable-items-wrapper .variable-item.wvs-disabled {
  opacity: .35 !important;
  text-decoration: line-through !important;
}

/* Selector nativo de variaciones */
.woocommerce .variations select {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  border: 1px solid var(--linea) !important;
  border-radius: 0 !important;
  background-color: var(--hueso) !important;
  color: var(--tinta) !important;
  padding: 8px 12px !important;
}

/* ---- UAGB blocks ---- */
.uagb-ifb-button-wrapper a,
.wp-block-uagb-call-to-action a.uagb-cta-button,
.uagb-cta__button-link {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  padding: 11px 26px !important;
  border-radius: 0 !important;
  transition: all var(--trans) !important;
}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer, footer.site-footer {
  background-color: var(--tinta) !important;
  color: rgba(242,237,228,.6) !important;
  border-top: 2px solid var(--tomate) !important;
}
.site-footer a {
  color: rgba(242,237,228,.6) !important;
  transition: color var(--trans) !important;
}
.site-footer a:hover { color: var(--tomate) !important; }
.site-footer h2, .site-footer h3, .site-footer h4, .site-footer .widget-title {
  color: var(--hueso) !important;
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}
.site-footer p {
  font-family: var(--font-body) !important;
  font-size: 14px !important;
  color: rgba(242,237,228,.55) !important;
}
/* Precio/texto blanco en footer si aparece */
.site-footer span,
.site-footer .woocommerce-Price-amount {
  color: rgba(242,237,228,.6) !important;
}

/* ============================================================
   MOBILE
   ============================================================ */
@media (max-width: 920px) {
  .ast-primary-header-bar .ast-builder-grid-row,
  .ast-primary-header-bar .ast-row {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    min-height: 50px !important;
  }

  .custom-logo-link img, .ast-site-logo img {
    max-height: 44px !important;
    max-width: 88px !important;
  }

  #n2-ss-2 .n2-ss-slider-2,
  #n2-ss-2 .n2-ss-slider-3 {
    min-height: 42vh !important;
    max-height: 50vh !important;
  }

  #n2-ss-2 #n2-ss-2item1 {
    display: none !important;
  }

  #n2-ss-2 #n2-ss-2item3 {
    display: inline-block !important;
    width: auto !important;
    max-width: calc(100vw - 40px) !important;
    box-sizing: border-box !important;
    padding: 5px 12px 8px !important;
    font-size: clamp(32px, 9vw, 38px) !important;
    line-height: .88 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }

  .main-navigation, .ast-mobile-header-bar {
    background-color: var(--tinta) !important;
  }
  .ast-menu-toggle, .ast-menu-toggle svg, .ast-menu-toggle path,
  .ast-mobile-menu-trigger, .ast-mobile-menu-trigger svg {
    color: var(--hueso) !important;
    fill: var(--hueso) !important;
    stroke: var(--hueso) !important;
  }
  .main-navigation .main-header-menu {
    background-color: #181614 !important;
  }
  .main-navigation .main-header-menu .menu-item > a {
    color: rgba(242,237,228,.85) !important;
    border-bottom: 1px solid rgba(242,237,228,.06) !important;
    padding: 14px 20px !important;
    font-family: var(--font-mono) !important;
    font-size: 11px !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
  }

  .wp-block-columns {
    flex-direction: column !important;
  }
  .wp-block-columns .wp-block-column {
    width: 100% !important;
    text-align: center !important;
  }
}

/* ============================================================
   FIXES v4.3.0
   ============================================================ */

/* 1. Ocultar shortcodes no renderizados (Instagram feed roto) */
.wp-block-shortcode,
.wp-shortcode-placeholder {
  display: none !important;
}

/* 2. Eliminar fondos blancos inline de bloques Gutenberg */
[style*="background-color:#fff"],
[style*="background-color: #fff"],
[style*="background-color:white"],
[style*="background-color: white"],
[style*="background-color:#ffffff"],
[style*="background-color: #ffffff"],
[style*="background-color:rgb(255, 255, 255)"],
[style*="background-color: rgb(255, 255, 255)"] {
  background-color: var(--hueso) !important;
}

.wp-block-media-text,
.wp-block-media-text__content {
  background-color: var(--hueso) !important;
}

/* 3. Barra de politicas — centrada */
/* 4. Swatches de tallas — mas padding, buena estructura */
.woocommerce .variations_form .variations,
.woocommerce table.variations {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 0 12px 0 !important;
}
.woocommerce table.variations td,
.woocommerce table.variations th {
  padding: 10px 0 !important;
  border: none !important;
  vertical-align: top !important;
}
.woocommerce table.variations th,
.woocommerce table.variations label {
  padding-right: 18px !important;
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  color: rgba(14,14,16,.5) !important;
  white-space: nowrap !important;
  font-weight: 500 !important;
  min-width: 60px !important;
}
.woocommerce table.variations tr {
  border-bottom: 1px solid var(--linea-soft) !important;
}

.variable-items-wrapper,
ul.variable-items-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 6px 0 10px 0 !important;
  margin: 0 !important;
  list-style: none !important;
  align-items: flex-start !important;
}

.variable-items-wrapper .variable-item,
.variable-items-wrapper li.variable-item,
.variable-items-wrapper .button-variable-item {
  border-radius: 0 !important;
  border: 1px solid var(--linea) !important;
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: var(--tinta) !important;
  background: transparent !important;
  padding: 8px 14px !important;
  min-width: 44px !important;
  min-height: 36px !important;
  height: auto !important;
  line-height: 1.4 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all var(--trans) !important;
  cursor: pointer !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
.variable-items-wrapper .variable-item:hover,
.variable-items-wrapper .variable-item.selected,
.variable-items-wrapper .button-variable-item.selected {
  border-color: var(--tinta) !important;
  background: var(--tinta) !important;
  color: var(--hueso) !important;
}
.variable-items-wrapper .variable-item.no-stock,
.variable-items-wrapper .variable-item.wvs-disabled {
  opacity: .3 !important;
  cursor: not-allowed !important;
}

.woocommerce .variations select {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  border: 1px solid var(--linea) !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  color: var(--tinta) !important;
  padding: 8px 14px !important;
  height: auto !important;
}

.woocommerce .reset_variations {
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  color: rgba(14,14,16,.35) !important;
  margin-top: 6px !important;
  display: inline-block !important;
}

/* === FIX v4.4 — selectores reales del HTML ===*/

/* Info-box titles UAGB: solo texto, sin tocar layout */
.uagb-ifb-title {
  text-align: center !important;
  font-family: var(--font-mono) !important;
  font-size: 10.5px !important;
  font-weight: 500 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  color: var(--tinta) !important;
  margin: 0 !important;
  line-height: 1.6 !important;
}
.uagb-ifb-content { text-align: center !important; }

/* Contenedor padre de los info-boxes — centrar los hijos */