.elementor-3624 .elementor-element.elementor-element-a7cb109{--display:flex;}.elementor-3624 .elementor-element.elementor-element-a8d831b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-3624 .elementor-element.elementor-element-a8d831b.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-3624 .elementor-element.elementor-element-a8d831b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-3624 .elementor-element.elementor-element-a8d831b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-a8d831b *//* ===== ROKOMANIA · TIENDA Y PÁGINAS DE PRODUCTOS ===== */

/* Título de la categoría (ROKO MODA URBANA) */
.woocommerce-products-header__title,
.woocommerce-products-header h1,
.woocommerce .page-title,
.archive .entry-title,
.archive h1 {
  font-family: 'JetBrains Mono', monospace !important;
  font-weight: 800 !important;
  font-size: clamp(32px, 5vw, 56px) !important;
  letter-spacing: -.02em !important;
  text-transform: uppercase !important;
  color: #f4f4f5 !important;
  position: relative;
  padding-bottom: 18px;
}
.woocommerce-products-header__title::after,
.archive .entry-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 5px;
  margin-top: 14px;
  background: linear-gradient(90deg, #ff2d3d, #ffc61a, #22b8f0);
  border-radius: 3px;
}

/* Nombre del producto */
.woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3,
.product .entry-title a {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .01em !important;
  color: #ffffff !important;
  transition: color .3s;
}
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title,
.product .entry-title a:hover { color: #ffc61a !important; }

/* Precio */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce-Price-amount {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #ffc61a !important;
}
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price del .woocommerce-Price-amount {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #8b8b94 !important;
}
.woocommerce ul.products li.product .price ins { text-decoration: none; }

/* Categoría pequeña (ROKO ESTILO) */
.woocommerce ul.products li.product .ct-meta-element-categories a,
.woocommerce ul.products li.product .posted_in,
.woocommerce ul.products li.product .entry-meta a,
.woocommerce ul.products li.product .product-category,
.woocommerce ul.products li.product [class*="categor"] a {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: #22b8f0 !important;
}

/* Etiqueta SALE */
.woocommerce span.onsale {
  background: #ff2d3d !important;
  color: #fff !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  border-radius: 6px !important;
}

/* Botón Añadir al carrito */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce ul.products li.product .button {
  background: #ffc61a !important;
  color: #0a0a0b !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  border-radius: 10px !important;
  padding: 13px 22px !important;
  transition: transform .3s, box-shadow .3s, filter .3s;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce ul.products li.product .button:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
  box-shadow: 0 14px 40px -12px #ffc61a;
}

/* Tarjeta de producto: borde que se ilumina al pasar el mouse */
.woocommerce ul.products li.product {
  transition: transform .35s;
}
.woocommerce ul.products li.product:hover { transform: translateY(-6px); }
.woocommerce ul.products li.product img {
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.09);
  transition: border-color .35s, box-shadow .35s;
}
.woocommerce ul.products li.product:hover img {
  border-color: #ffc61a;
  box-shadow: 0 22px 54px -24px #ffc61a;
}

/* Textos secundarios (ordenar, resultados) */
.woocommerce-result-count,
.woocommerce-ordering select { color: #d4d4d8 !important; }/* End custom CSS */
/* Start custom CSS */.elementor-page .page-header,
.elementor-page .entry-header,
.elementor-page .entry-title {
  display: none !important;
}/* End custom CSS */