@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//jaysa.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//jaysa.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//jaysa.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//jaysa.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//jaysa.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//jaysa.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//jaysa.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//jaysa.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//jaysa.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-hb-opt-h: 40px;
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Glaciall", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Glaciall", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Glaciall", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Glaciall", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--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(78,78,78);
	--wd-alternative-color: rgb(254,1,0);
	--btn-default-bgcolor: rgb(186,188,190);
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(186,188,190);
	--btn-accented-bgcolor-hover: rgb(186,188,190);
	--wd-form-brd-width: 1px;
	--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: rgb(77,78,78);
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
.wd-hb {
	background-color: rgb(78,78,78);
	background-image: none;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 233px;
}
.wd-page-title .wd-page-title-bg img {
	background-repeat: no-repeat;
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 40px;
	--wd-arrow-icon-size: 24px;
	--wd-arrow-offset-v: 0px;
	--wd-arrow-color: rgb(36,36,36);
	--wd-arrow-color-hover: rgb(251,251,251);
	--wd-arrow-color-dis: rgb(78,78,78);
	--wd-arrow-bg: rgb(238,238,238);
	--wd-arrow-bg-hover: rgb(36,36,36);
	--wd-arrow-bg-dis: rgb(191,191,191);
	--wd-arrow-radius: 0px;
}
.wd-nav-scroll {
	--wd-nscroll-height: 4px;
	--wd-nscroll-width: 50%;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-hb-opt-h: 50px;
	}
	.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
		--wd-arrow-size: 36px;
	--wd-arrow-icon-size: 20px;
	}

}

@media (max-width: 768.98px) {
	.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
		--wd-arrow-size: 24px;
	--wd-arrow-icon-size: 18px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--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: 8px;
}

@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: "Glaciall";
	src: url("//jaysa.com/wp-content/uploads/2021/10/GlacialIndifference-Regular.woff2") format("woff2"), 
url("//jaysa.com/wp-content/uploads/2021/10/GlacialIndifference-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Glaciall";
	src: url("//jaysa.com/wp-content/uploads/2021/10/GlacialIndifference-Bold.woff2") format("woff2"), 
url("//jaysa.com/wp-content/uploads/2021/10/GlacialIndifference-Bold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}

.product-label.onsale {
	display: none !important;
}
.product-labels {
	display: none !important;
}
/* CÓDIGO NUEVO PLUGIN YITH */
.yith-ywraq-list-widget-wrapper .raq-info {
  padding: 0;
  border: none;
}

.yith-ywraq-list-widget-wrapper .ywraq-custom-icon {
  width: 24px;
}

.widget_ywraq_mini_list_quote { margin: 0 !important; border: none;}
.elementor-widget-container > p { display: none;}

/* --- ESTILOS PRINCIPALES PARA EL NÚMERO DEL CONTADOR (CLASE RAQ-ITEMS-NUMBER) --- */
/* Este código aplica el círculo gris oscuro con texto más pequeño y blanco, y lo posiciona. */
.widget_ywraq_mini_list_quote .raq-items-number {
    /* Propiedades de Posición */
    position: absolute !important; /* Permite posicionar el contador sobre el icono */
    top: -5px !important; /* Ajusta la posición vertical del círculo (subido un poco más) */
    right: -5px !important; /* Ajusta la posición horizontal del círculo (hacia la derecha) */

    /* Propiedades de Forma y Tamaño */
    min-width: 16px !important; /* Ancho mínimo del círculo (ligeramente más pequeño) */
    height: 16px !important; /* Alto del círculo (ligeramente más pequeño) */
    line-height: 16px !important; /* Centra el texto verticalmente */
    border-radius: 50% !important; /*
    overflow: hidden !important; /* Asegura que el contenido se recorte si excede el círculo */
    box-sizing: border-box !important; /* Incluye padding y border en el tamaño total */

    /* Propiedades de Contenido y Color */
    display: flex !important; /* Usa flexbox para centrar el número */
    align-items: center !important; /* Centra el número verticalmente */
    justify-content: center !important; /* Centra el número horizontalmente */
    font-size: 9px !important; /* Tamaño del número (más pequeño, similar al wishlist) */
    font-weight: 700 !important; /* Grosor de la fuente */
    color: white !important; /* Color del texto del número (blanco) */
    background-color: #555555 !important; /* Color de fondo gris MÁS OSCURO */
    box-shadow: 0 0 0 1px white !important; /* Un borde blanco más fino, similar al wishlist */
    z-index: 10 !important; /* Asegura que esté por encima de la bolsa */
    padding: 0 !important; /* Elimina cualquier padding preexistente en esta clase */
    text-align: center !important; /* Asegura el centrado del texto */
    margin: 0 !important; /* Elimina cualquier margen preexistente */
}

/* --- ESTILOS PARA OCULTAR EL TEXTO "artículos" (CLASE RAQ-ITEMS-TEXT) --- */
/* Esto es esencial para que no aparezca el texto "artículos" junto al número. */
.widget_ywraq_mini_list_quote .raq-items-text {
    display: none !important; /* Oculta completamente el elemento */
    visibility: hidden !important; /* Otra capa para asegurar invisibilidad */
    width: 0 !important; /* Asegura que no ocupe espacio */
    height: 0 !important; /* Asegura que no ocupe espacio */
    margin: 0 !important;
    padding: 0 !important;
}

/* --- ESTILOS PARA EL CONTENEDOR RAQ-INFO (PARA POSICIONAMIENTO RELATIVO) --- */
/* Esto es crucial para que el contador (position: absolute) se posicione sobre el icono de la bolsa. */
.elementor-widget-container .widget_ywraq_mini_list_quote .yith-ywraq-list-widget-wrapper .raq-info {
    position: relative !important; /* Permite posicionar elementos hijos absolutamente */
    padding: 0 !important;
    border: none !important;
    line-height: normal !important;
    box-sizing: border-box !important;
}

/* --- ESTILOS DEL ICONO DE LA BOLSA (PARA ELIMINAR FONDOS BLANCOS O BORDES) --- */
/* Asegura que el contenedor del icono de la bolsa no tenga fondos o bordes no deseados. */
.elementor-widget-container .widget_ywraq_mini_list_quote .yith-ywraq-list-widget-wrapper .raq-info .raq-label .ywraq-custom-icon,
.elementor-widget-container .widget_ywraq_mini_list_quote .yith-ywraq-list-widget-wrapper .raq-info .raq-label {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

/* Ajusta el tamaño del contenedor del icono y asegura que la imagen no tenga estilos extra. */
.elementor-widget-container .widget_ywraq_mini_list_quote .yith-ywraq-list-widget-wrapper .ywraq-custom-icon {
  width: 24px !important;
  height: 24px !important;
}

.elementor-widget-container .widget_ywraq_mini_list_quote .yith-ywraq-list-widget-wrapper .raq-info .raq-label .ywraq-custom-icon img {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    object-fit: contain;
    border: none !important;
    background-color: transparent !important;
    box-sizing: border-box !important;
}


/* Ocultar la barra de menú inferior en móviles */
@media (max-width: 768px) { /* Esto aplica la regla solo a pantallas de móvil */
    .wd-toolbar-label-show { /* Si es una CLASE, usa un punto (.) delante */
        display: none !important;
    }
    /* Si encontraste un ID, usarías un # delante, por ejemplo:
    #mi-id-de-menu-inferior {
        display: none !important;
    }
    */
}

/* Opcional: Si el tema genera espacio en blanco donde estaba, a veces se necesita esto */
@media (max-width: 768px) {
    body {
        padding-bottom: 0 !important; /* Elimina cualquier padding inferior que el tema añada para la barra */
    }
}

/* -------------------------------------------------------------------------- */
/* 1. CORRECCIÓN DE ESTILOS Y ANIMACIONES AL HACER HOVER                      */
/* -------------------------------------------------------------------------- */
/* --- 1. ANULACIÓN DE LA ANIMACIÓN (TRANSFORM: translateY) --- */

/* 1.1. Neutralizar el desplazamiento en el elemento que WoodMart anima */
.product-grid-item:hover .swap-elements {
    transform: none !important;
    transition: none !important;
}

/* 1.2. Asegurar que el contenedor del precio (.wrap-price) no se mueva */
.product-grid-item:hover .wrap-price,
.product-grid-item .wrap-price {
    transform: none !important;
    transition: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 1.3. Neutralizar cualquier movimiento en los contenedores de información superior */
.product-grid-item:hover .wd-product-info-wrap,
.product-grid-item:hover .product-element-bottom {
    transform: none !important;
    transition: none !important;
    margin-top: 0 !important;
}

/* --- 2. OCULTAR BOTÓN Y MOSTRAR TEXTO ESTATICO --- */

/* OCULTA EL CONTENEDOR DEL BOTÓN COMPLETO (Sigue siendo necesario) */
.wd-add-btn {
    display: none !important;
    height: 0 !important; 
    padding: 0 !important;
    margin: 0 !important; 
    visibility: hidden !important; 
}

/* Inyecta el texto "Seleccionar producto" */
.product-grid-item .wd-product-info-wrap::after {
    content: "Seleccionar producto";
    display: block !important; 
    text-align: center;
    color: #242424; 
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px; 
    padding: 8px 0;
    cursor: pointer;
}

/* --- 3. MANTENER VISIBLE LAS VARIACIONES --- */
.wd-swatches-grid {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    margin-bottom: 8px;
    text-align: center;
    width: 100%;
    transform: none !important; 
}

/****y**y*y*y*y*y*y*yy*y*y**y*y*y*y*yy*y********/
/* Estilo para los enlaces dentro de los botones */
.yith-ywraq-add-to-quote-button a,
.yith_ywraq_add_item_browse-list a {
  text-decoration: none !important;
  color: #2E3535 !important;

}

/*
 * 1. Oculta el texto del botón, pero no el botón en sí.
 * Esto permite que el pseudo-elemento "::after" funcione.
 */
.product-grid-item .wd-add-btn.wd-add-btn-select-options span {
  display: none !important;
}

/*
 * 2. Oculta el ícono del botón si lo tiene.
 */
.product-grid-item .wd-add-btn.wd-add-btn-select-options i {
  display: none !important;
}

/*
 * 3. Muestra el mensaje "Escoge tu producto"
 * en el lugar donde estaba el texto original del botón.
 */
.product-grid-item .wd-add-btn.wd-add-btn-select-options::after {
  content: "Escoge tu producto";
  display: block;
  font-size: 14px;
  text-align: center;
  color: #000000; /* Puedes ajustar el color de la fuente */
}

/* ESTILO PAGINA AGREGAR A COTIZACIÓN */

.yith-ywraq-before-table-wc-backward{
	background:#FFF;
	color: var(--Ttulo, #242424);
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	display: inline-flex;
	height: 33px;
	padding: 12px 4px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	troke-width: 1.5px;
	stroke: var(--Resaltar-ttulo, #4E4E4E);
	
	}
.yith-ywraq-before-table-wc-backward:hover{
  background:none;
	}

/*Boton Enviar solicitud*/


.raq-send-request:hover {
	background:black;
	color: white;
}


.yith-ywraq-before-table-wc-backward::before {

		content: '';
    background-image: url('https://jaysa.com/arrows/');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 13px;
    width: 12px;
    height: 13px;
    margin-right: 8px; 
    display: inline-block; 
    vertical-align: middle; 
}
}
.button[name="raq-send-request"] {
	background: var(--Resaltar-ttulo, #4E4E4E);
}
.raq-send-request{

	display: inline-flex;
	height: 38px;
	padding: 12px 16px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: var(--Resaltar-ttulo, #4E4E4E);
	color: #FFF;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	border-radius: 4px;
}

.ywraq_clean_list {

	display: flex;
	height: 33px;
	padding: 12px 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border: 1px solid var(--Subtitulo, #BFBFBF);
	background: #FFF;
	color: var(--Ttulo, #242424);
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	letter-spacing: 0.5px;
	text-transform: uppercase;
 /* Permite que el botón solo tome el ancho de su contenido */
  width: auto !important; 
 /* Elimina cualquier margen inferior que lo esté empujando a la línea siguiente */
  margin-bottom: 0 !important; 
  border-radius: 4px;
}
.ywraq_clean_list:hover{
	background:black;
	color: white;
}

.button[name="update_raq"] {
	display: flex;
	height: 33px;
	padding: 10px 24px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	border: 1px solid var(--Subtitulo, #BFBFBF);
	background: #FFF;
	color: var(--Ttulo, #242424);
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	width: auto !important;
  margin-bottom: 20px;
	border-radius: 4px;
}
.button[name="update_raq"]:hover{
	background:black;
	color: white;
}





/* BANNER CABECERA */
/* Estilos para computadoras de escritorio (Desktop) */
.clase-responsive-header {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

/* Estilos para tabletas (Tablet) */
@media (max-width: 1024px) {
  .clase-responsive-header {
    flex-direction: column;
    gap: 10px;
  }
}

/* Estilos para móviles (Mobile) */
@media (max-width: 768px) {
  .clase-responsive-header {
    flex-direction: column;
    gap: 5px;
  }

  .clase-responsive-header span {
    font-size: 12px; 
    margin-right: 0 !important;
  }

  .clase-responsive-header a {
    font-size: 12px; /* Reduce el tamaño de la fuente */
  }
}


/* Oculta la sección completa de Detalles del cliente en la página de Solicitud/Presupuesto */
.ywraq-additional-information {
    display: none !important;
}
/* Oculta el icono de la bolsa en la notificación de éxito de YITH */
.ywraq-loader {
    display: none !important;
}
.wd-compare-btn{
    visibility: hidden;
}


/* ============================================== */
/* ESTILOS POP UP */
/* ============================================== */
/* ============================================== */
/* ============================================== */

/* 1. Contenedor principal del overlay (el fondo gris/oscuro de toda la página) */
.pum-container,
.popmake-container {
    /* *** SOLUCIÓN AGRESIVA: Fondo completamente transparente (opacidad 0) *** */
    /* Usamos rgba(0, 0, 0, 0) que es forzar la transparencia absoluta */
    background: rgba(0, 0, 0, 0) !important; 
    
    /* Asegura que el contenido (la caja blanca) se centre perfectamente */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. CLASES DEL CONTENIDO INTERNO (CLAVE: ELIMINA EL MARCO GRIS) */
.pum-content,
.popmake-content,
.pum-content-inner,
.popup-descuento-responsive-wrapper {
    /* ELIMINA: Fondo, relleno, margen, sombra y borde */
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border: none !important;
    /* Asegura que la caja blanca tome el tamaño correcto dentro */
    width: 100% !important;
    height: 100% !important;
}

/* ========================================================================= */
/* B. CONTENEDOR PRINCIPAL DEL POP-UP (La Caja BLANCA)                       */
/* ========================================================================= */
.popup-descuento-responsive {
    /* Centrado y Dimensiones Responsivas */
    width: 90%; /* Ocupa el 90% del ancho disponible en móviles */
    max-width: 600px; /* Máximo ancho en escritorio */
    margin: auto; /* Centrado horizontal (aunque flexbox ya lo haría) */

    /* Estilos Visuales */
    background-color: white !important;
    padding: 0 !important;
    box-shadow: 0 6px 25px rgba(0,0,0,0.4) !important; /* Sombra más pronunciada para destacar */
    border-radius: 12px; /* Esquinas más redondeadas */
    overflow: hidden; /* Importante para que la imagen respete el border-radius */
    position: relative; /* Necesario para posicionar el botón de cerrar si lo tienes */
}


/* ========================================================================= */
/* C. SECCIÓN SUPERIOR: IMAGEN (Centrada y Responsiva)                       */
/* ========================================================================= */
.popup-imagen-superior {
    height: 250px; /* Altura predeterminada en escritorio */
    position: relative;
    margin: 0 !important;
    overflow: hidden;
}

.popup-imagen-superior img {
    /* Clave para que la imagen se centre y cubra el área sin distorsión */
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block; /* Elimina cualquier espacio fantasma debajo */
}

/* ========================================================================= */
/* D. SECCIÓN INFERIOR: TEXTO Y ESTILOS (Centrado)                           */
/* ========================================================================= */
.popup-descuento-content {
    background-color: white !important;
    color: #242424 !important;
    padding: 30px 20px;
    text-align: center; /* Centra el texto */
    margin: 0 !important;
}

/* Estilos de Tipografía (Ajustados para claridad) */
.popup-descuento-content h1 {
    color: #242424 !important;
    font-size: 26px; /* Ligeramente más grande */
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.2;
}
.popup-descuento-content h2,
.popup-descuento-content h3 {
    color: #4e4e4e !important;
    font-size: 15px;
    font-weight: 400;
    margin: 5px auto;
    line-height: 1.5;
}
.popup-descuento-content .texto-pequeno {
    font-size: 12px;
    margin-top: 20px; /* Más espacio arriba */
    font-weight: 400;
}

/* ========================================================================= */
/* E. MEDIA QUERIES (Responsividad: Tablet y Celular)                        */
/* ========================================================================= */

/* Tablet (hasta 768px) y Mobile */
@media (max-width: 768px) {
    /* Reducir altura de la imagen */
    .popup-imagen-superior {
        height: 200px;
    }

    /* Reducir relleno y tamaño de fuente */
    .popup-descuento-content {
        padding: 25px 15px;
    }
    .popup-descuento-content h1 {
        font-size: 22px;
    }
    .popup-descuento-content h2,
    .popup-descuento-content h3 {
        font-size: 14px;
    }
    .popup-descuento-content .texto-pequeno {
        font-size: 11px;
    }
}

/* Mobile (hasta 480px) - Optimización extra para pantallas pequeñas */
@media (max-width: 480px) {
    /* Reducir altura de la imagen al mínimo funcional */
    .popup-imagen-superior {
        height: 150px;
    }
    .popup-descuento-content h1 {
        font-size: 20px;
    }
}

/* ========================================================================= */
/* AUMENTO ICONO PAGINA DE SOLUCIONES RESPONSIVE                 */
/* ========================================================================= */

/* --- Estilos para Tablet (Pantallas hasta 1024px) --- */
@media (max-width: 1024px) {
    .wd-tabs .wd-tabs-header .img-wrapper .svg-icon {
        width: 80px !important; 
        height: 80px !important;
        max-width: 80px !important; 
        max-height: 80px !important; 
    }
}

/* --- Estilos para Mobile (Pantallas hasta 767px) --- */
@media (max-width: 767px) {
 
    .wd-tabs .wd-tabs-header .img-wrapper .svg-icon {
        width: 50px !important; 
        height: 50px !important;
        max-width: 50px !important; 
        max-height: 50px !important; 
    }
}