:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 15px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(252,252,252);
	--wd-alternative-color: rgb(255,255,255);
	--btn-default-font-weight: 600;
	--btn-default-bgcolor: rgb(255,255,255);
	--btn-default-bgcolor-hover: rgb(58,58,58);
	--btn-accented-font-weight: 600;
	--btn-accented-bgcolor: rgb(255,255,255);
	--btn-accented-bgcolor-hover: rgb(58,58,58);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://prestysh.com/wp-content/uploads/2021/08/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-weight: 600;
}
.wd .product-label.onsale {
	background-color: rgb(221,51,51);
	color: rgb(255,255,255);
}
.wd .product-label.new {
	background-color: rgb(129,215,66);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 2px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #fff;
--btn-accented-color: #333;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

@font-face {
	font-family: "SKETTER";
	src: url("//prestysh.com/wp-content/uploads/2026/07/Sketter_DEMO-4.woff") format("woff");
	font-weight: 500;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "BATMFA";
	src: url("//prestysh.com/wp-content/uploads/2026/07/batmfa.woff") format("woff");
	font-weight: 500;
	font-display:swap;
	font-style: normal;
}

.btn-comprobante {
  background-color: #28a745;
  color: #fff !important;
  padding: 6px 32px; 
  border-radius: 30px;
  font-weight: bold;
  font-family: inherit;
  font-size: 15px;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  max-width: 100%;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  line-height: 1.4; /* Ligera corrección para vertical alignment */
  vertical-align: middle;
}

.btn-comprobante:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
  color: #fff !important;
  background-color: #218838;
}

.btn-comprobante::before {
  display: none !important; /* Elimina capa oscura de WoodMart si aparece */
}



.wcbvp-header.wcbvp-row-header:not([data-attribute]) {
    visibility: hidden !important;
    font-size: 0 !important;
}

.ywcp_product_info .ywcp_product_price, .ywcp_product_info .ywcp_product_link, .ywcp_product_info .ywcp_product_short_description{
	display: none;
}



/*DARK MODE*/

/* ============================================
   INPUTS DE CANTIDAD EN TABLA DE VARIACIONES
   ============================================ */

/* Oscurecer los inputs de cantidad en la tabla */
.wcbvp-grid-wrapper .wcbvp-quantity,
.wcbvp-quantity-field input[type="number"] {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border: 1px solid #444 !important;
}

.wcbvp-grid-wrapper .wcbvp-quantity:focus,
.wcbvp-quantity-field input[type="number"]:focus {
    background-color: #333 !important;
    border-color: #193352 !important;
    color: #fff !important;
}

/* ============================================
   CAMPO DE CANTIDAD EN CARRITO (Imagen 2)
   ============================================ */

/* Oscurecer el contenedor del input de cantidad */
.quantity input.input-text.qty,
.quantity .input-text.qty.text,
.woocommerce-cart-form .quantity input {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border: 1px solid #444 !important;
}

/* Botones + y - del carrito */
.quantity .btn.minus,
.quantity .btn.plus,
.quantity button.minus,
.quantity button.plus {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border: 1px solid #444 !important;
    border-right: none !important;
}

.quantity .btn.plus,
.quantity button.plus {
    border-right: 1px solid #444 !important;
    border-left: none !important;
}

.quantity .btn:hover,
.quantity button:hover {
    background-color: #333 !important;
    color: #fff !important;
}

/* ============================================
   BADGE DEL CARRITO (Círculo blanco - Imagen 3)
   ============================================ */

/* Oscurecer el badge/círculo del carrito */
.woodmart-cart-count,
.woodmart-widget-cart .cart-count,
.cart-count,
.woodmart-cart-shortcode .cart-count,
.header-cart-count {
    background-color: #21456e !important;
    color: #fff !important;
    border: 2px solid #1a1a1a !important;
}

/* Si es un círculo blanco absoluto */
.woodmart-cart-shortcode .cart-count::before,
.woodmart-cart-count::before,
.cart-count::before {
    background-color: #21456e !important;
}

/* Alternativa si usa clase diferente */
span.count,
.woodmart-cart .count::before,
.cart-contents .count::before {
    background-color: #21456e !important;
    color: #fff !important;
}

/* ============================================
   CELDAS DE LA TABLA (Fondos muy blancos)
   ============================================ */

/* Oscurecer celdas de la tabla de variaciones */
.wcbvp-cell,
.wcbvp-grid-wrapper .wcbvp-cell {
    background-color: #1e1e1e !important;
}

.wcbvp-cell.wcbvp-v-alt,
.wcbvp-grid-wrapper .wcbvp-cell.wcbvp-v-alt {
    background-color: #252525 !important;
}

/* Headers de la tabla */
.wcbvp-header,
.wcbvp-grid-wrapper .wcbvp-header {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
}

/* ============================================
   BOTONES SURTIDO/CURVA (Imagen 1)
   ============================================ */

/* Ajustar botones de selección */
.selector-simple .btn-simple,
.btn-simple {
    background-color: #2a2a2a !important;
    color: #b0b0b0 !important;
    border: 1px solid #444 !important;
}

.selector-simple .btn-simple.activo,
.btn-simple.activo,
.selector-simple .btn-simple.active,
.btn-simple.active {
    background-color: #21456e !important;
    color: #fff !important;
    border-color: #21456e !important;
}

.selector-simple .btn-simple:hover,
.btn-simple:hover {
    background-color: #333 !important;
    color: #e0e0e0 !important;
}

/* ============================================
   TEXTO GENERAL EN TABLA
   ============================================ */

/* Asegurar que todo el texto sea visible */
.wcbvp-grid-wrapper,
.wcbvp-grid-wrapper span,
.wcbvp-grid-wrapper div {
    color: #d0d0d0 !important;
}

.wcbvp-header-block span {
    color: #fff !important;
    font-weight: 600 !important;
}

/* ============================================
   AJUSTES ESPECÍFICOS WOODMART
   ============================================ */

/* Si usas WoodMart, estos selectores adicionales */
.woodmart-dark-mode .wcbvp-quantity,
body.woodmart-dark .wcbvp-quantity {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
}

.woodmart-dark-mode .quantity input,
body.woodmart-dark .quantity input {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
}

/* ============================================
   1. SELECT DE TALLE (YITH) - Fondo más claro
   ============================================ */

/* El select en sí: fondo gris medio-oscuro y texto claro */
select#talle_clone_0.yith-wcpb-select-for-variables,
select.yith-wcpb-select-for-variables {
    background-color: #3a3a3a !important; /* Un poco más claro que el fondo de la web */
    color: #e0e0e0 !important; /* Texto claro para anular el rgb(136, 136, 136) inline */
    border: 1px solid #555 !important;
    border-radius: 4px;
}

/* Las opciones desplegables (para que no salgan blancas o negras en algunos navegadores) */
select#talle_clone_0.yith-wcpb-select-for-variables option,
select.yith-wcpb-select-for-variables option {
    background-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}

/* Efecto al hacer clic o pasar el mouse por el select */
select.yith-wcpb-select-for-variables:focus,
select.yith-wcpb-select-for-variables:hover {
    background-color: #444444 !important;
    border-color:#21456e !important; /* Borde azul sutil al enfocar */
}


/* ============================================
   2. NÚMERO DE CANTIDAD EN EL CARRITO (WoodMart)
   ============================================ */

/* El contenedor del número y la palabra "items" */
.wd-cart-number.wd-tools-count,
a[title="Carrito"] .wd-cart-number {
    color: #ffffff !important; /* Número en blanco puro para máxima legibilidad */
    background-color: #333333 !important; /* Fondo oscuro elegante (no blanco) */
    border: 1px solid #555 !important; /* Borde sutil para definir el círculo/badge */
    font-weight: 600 !important;
}

/* La palabra "items" dentro del contador (un poco más suave para dar jerarquía) */
.wd-cart-number.wd-tools-count span {
    color: #cccccc !important; 
    font-weight: 400 !important;
}

/* Efecto hover en el ícono del carrito (opcional, para que se sienta interactivo) */
a[title="Carrito"]:hover .wd-cart-number.wd-tools-count {
    background-color:#21456e !important; /* Se ilumina en azul al pasar el mouse */
    border-color: #21456e !important;
    color: #ffffff !important;
}

a[title="Carrito"]:hover .wd-cart-number.wd-tools-count span {
    color: #ffffff !important;
}

/* ============================================
   SCROLLBAR DE LA TABLA DE VARIACIONES
   ============================================ */

/* Para Chrome, Safari, Edge (WebKit) */
.wcbvp-grid-wrapper ::-webkit-scrollbar {
    height: 12px; /* Altura de la scrollbar horizontal */
    width: 12px; /* Ancho de la scrollbar vertical */
}

/* Track (la pista por donde se mueve) */
.wcbvp-grid-wrapper ::-webkit-scrollbar-track {
    background: #2a2a2a; /* Gris oscuro pero visible */
    border-radius: 6px;
}

/* Thumb (el deslizador que se mueve) */
.wcbvp-grid-wrapper ::-webkit-scrollbar-thumb {
    background: #555555; /* Gris medio - más claro para que se vea */
    border-radius: 6px;
    border: 2px solid #2a2a2a; /* Borde para dar espacio visual */
}

/* Thumb en hover */
.wcbvp-grid-wrapper ::-webkit-scrollbar-thumb:hover {
    background: #666666; /* Un poco más claro al pasar el mouse */
}

/* ============================================
   PARA FIREFOX
   ============================================ */

.wcbvp-grid-wrapper {
    scrollbar-width: thin; /* Ancho: auto | thin | none */
    scrollbar-color: #555555 #2a2a2a; /* thumb track */
}

/* ============================================
   VERSIÓN MÁS CLARA (si la anterior no se ve bien)
   ============================================ */

/* Si necesitas que sea AÚN MÁS VISIBLE, usa esto: */
.wcbvp-grid-wrapper.visible-scrollbar ::-webkit-scrollbar-track {
    background: #3a3a3a; /* Más claro */
}

.wcbvp-grid-wrapper.visible-scrollbar ::-webkit-scrollbar-thumb {
    background: #777777; /* Mucho más claro */
    border: 2px solid #3a3a3a;
}

.wcbvp-grid-wrapper.visible-scrollbar ::-webkit-scrollbar-thumb:hover {
    background: #888888; /* Aún más claro en hover */
}

.wcbvp-grid-wrapper.visible-scrollbar {
    scrollbar-color: #777777 #3a3a3a;
}

/* ============================================
   OPCIONAL: Scrollbar siempre visible
   ============================================ */

/* Forzar a que la scrollbar ocupe espacio siempre */
.wcbvp-grid-wrapper.force-scrollbar {
    overflow-x: scroll !important;
    overflow-y: auto !important;
}

/* Estilo alternativo más moderno */
.wcbvp-grid-wrapper.modern-scrollbar ::-webkit-scrollbar-track {
    background: linear-gradient(to bottom, #2a2a2a, #1e1e1e);
    border-radius: 8px;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.wcbvp-grid-wrapper.modern-scrollbar ::-webkit-scrollbar-thumb {
    background: linear-gradient(to right, #666, #777);
    border-radius: 8px;
    border: 2px solid #2a2a2a;
}

.wcbvp-grid-wrapper.modern-scrollbar ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to right, #777, #888);
}