@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//ssstic.pe/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.9") format("woff2");
	font-display:swap;
}

:root {
	--wd-header-banner-h: 80px;
	--wd-text-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 16px;
	--wd-title-font: "Quicksand", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--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(255,102,0);
	--wd-alternative-color: #fbbc34;
	--btn-default-font-family: "Poppins", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 600;
	--btn-default-transform: uppercase;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-font-family: "Poppins", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 600;
	--btn-accented-transform: uppercase;
	--btn-accented-bgcolor: rgb(255,102,0);
	--btn-accented-bgcolor-hover: rgb(255,108,35);
	--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: rgb(0, 0, 0);
	background-image: url(https://ssstic.pe/wp-content/uploads/2025/09/popup1.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 30px;
}
.header-banner {
	background-color: rgb(0,0,0);
	background-image: none;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-footer {
	background-image: url(https://ssstic.pe/wp-content/uploads/2025/09/fondo-prefooer-4-1.png);
}
.wd-load-additional-fonts-700 {
	font-family: "Quicksand", Arial, Helvetica, sans-serif;
	font-weight: 700;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-header-banner-h: 164px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--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: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
}

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



/* =========================================================
   1. GLOBAL Y UTILIDADES
   ========================================================= */
/* Scrollbars finos y modernos para listas */
.ssstic-brand-list::-webkit-scrollbar,
.widget_layered_nav ul::-webkit-scrollbar,
.widget_product_brands ul::-webkit-scrollbar,
.widget_product_tag_cloud .tagcloud::-webkit-scrollbar { 
    width: 6px; 
}

.ssstic-brand-list::-webkit-scrollbar-thumb,
.widget_layered_nav ul::-webkit-scrollbar-thumb,
.widget_product_brands ul::-webkit-scrollbar-thumb,
.widget_product_tag_cloud .tagcloud::-webkit-scrollbar-thumb {
    background-color: #ccc; 
    border-radius: 4px;
}

/* Listas con scroll limitado */
.ssstic-brand-list, 
.widget_layered_nav ul, 
.widget_product_brands ul,
.widget_product_categories ul, 
.wd-filter-list {
    max-height: 280px !important; 
    overflow-y: auto !important;
    padding-right: 5px; 
    list-style: none;
}
/* =========================================================
   2. ESTRUCTURA DE PÁGINA (CORRECCIÓN NUCLEAR)
   ========================================================= */
/* A. TIENDA / CATÁLOGO / BUSCADOR -> FULL WIDTH (98%) */
html body.woocommerce-shop .main-page-wrapper .container,
html body.tax-product_cat .main-page-wrapper .container,
html body.post-type-archive-product .main-page-wrapper .container,
html body.archive .main-page-wrapper .container,
html body.search-results .main-page-wrapper .container {
    max-width: 100% !important; 
    width: 98% !important;
    padding-left: 10px !important; 
    padding-right: 10px !important;
    margin: 0 auto !important;
}

/* B. FICHA DE PRODUCTO INDIVIDUAL -> BOXED (1200px) */
html body.single-product .main-page-wrapper .container {
    max-width: 1200px !important; 
    width: 100% !important;
    margin: 0 auto !important;
    padding-left: 15px !important; 
    padding-right: 15px !important;
}

/* C. GRILLA COMPACTA (Reducir huecos entre productos) */
.row.products-loop { 
    margin-left: -5px !important; 
    margin-right: -5px !important; 
}
.products .product-grid-item { 
    padding-left: 5px !important; 
    padding-right: 5px !important; 
    margin-bottom: 10px !important; 
}


/* =========================================================
   3. HEADER GENERAL Y BUSCADOR
   ========================================================= */
.whb-row, .whb-flex-row, .whb-general-header-inner { align-items: center !important; }
.whb-col-left { flex: 0 0 auto !important; margin-right: 30px; }
.whb-col-right { flex: 0 0 auto !important; margin-left: 20px; }
.whb-col-center { flex-grow: 1 !important; display: flex !important; justify-content: center !important; }

/* Buscador Central */
.header-search, .searchform, .aws-container, .whb-search-form {
    width: 100% !important; 
    max-width: 520px !important; 
    margin: 0 auto !important;
}
.searchform input[type="text"], .whb-search input[type="text"] { height: 50px !important; font-size: 16px !important; }
.searchform button, .whb-search button { height: 50px !important; min-width: 60px !important; }

/* =========================================================
   3. TOP BAR (3 FILAS - ESTILO CORPORATIVO)
   ========================================================= */
.ssstic-topbar-wrapper.multi-row {
    display: flex !important;
    flex-direction: column !important; /* Apilar en vertical */
    width: 100% !important;
    padding: 2px 0 !important;         /* Relleno mínimo general */
    gap: 0 !important;                 /* Sin espacio extra entre filas */
    font-family: Poppins, Arial, sans-serif !important;
}

/* --- FILA 1: SLOGAN Y CONTACTO (Principal) --- */
.topbar-row.topbar-main {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    height: 34px !important;           /* Altura fija para la fila 1 */
}

/* --- FILA 2: SUBTÍTULO "PARTNERS OFICIALES" --- */
.topbar-row.topbar-subtitle {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 18px !important;        /* Letra pequeña y técnica */
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;  /* Espaciado elegante */
    color: #FF6600 !important;         /* Color NARANJA corporativo */
    margin-top: -2px !important;       /* Pegarlo un poco arriba */
    line-height: 1.2 !important;
}

/* --- FILA 3: LISTA DE MARCAS --- */
.topbar-row.topbar-brands {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;              /* Espacio entre marcas */
    color: #ffffff !important;         /* Texto Blanco */
    padding-bottom: 4px !important;
}

.brand-name {
    font-size: 15px !important;
    font-weight: 700 !important;       /* Negrita fuerte */
    text-transform: uppercase !important;
}

.dot {
    color: #555555 !important;         /* Puntos separadores gris oscuro */
    font-size: 10px !important;
}

/* --- ESTILOS GENERALES (HEREDADOS) --- */
.topbar-left .partner-title {
    color: #ffffff !important; font-weight: 300 !important;
    text-transform: uppercase !important; letter-spacing: 0.5px !important;
    font-size: 16px !important;
}

.topbar-right { display: flex !important; align-items: center !important; gap: 15px !important; }

/* Teléfono */
.topbar-phone {
    display: flex !important; align-items: center !important; gap: 8px !important;
    color: #ffffff !important; text-decoration: none !important; font-weight: 300 !important;
    font-size: 16px !important;
}
.topbar-phone svg {
    width: 16px !important; height: 16px !important; min-width: 16px !important;
    fill: #FF6600 !important; margin-top: -2px !important;
}

/* Redes Sociales */
.ssstic-social-row { display: flex !important; align-items: center !important; gap: 10px !important; }
.ssstic-social-row .social-icon svg {
    width: 16px !important; height: 16px !important;
    fill: #ffffff !important; display: block !important;
}
.ssstic-social-row .social-icon:hover svg { fill: #FF6600 !important; }
.topbar-right .sep { color: #555 !important; margin: 0 5px !important; }

/* MÓVIL: Ajustes para que quepa todo */
@media (max-width: 768px) {
    .topbar-row.topbar-main {
        flex-direction: column !important; /* Slogan arriba, tel abajo */
        height: auto !important;
        gap: 5px !important;
        margin-bottom: 5px !important;
    }
    .topbar-left .partner-title { font-size: 11px !important; text-align: center !important; }
    .topbar-row.topbar-brands { gap: 5px !important; }
    .brand-name { font-size: 10px !important; }
}

/* =========================================================
   5. HEADER WHATSAPP (ALINEACIÓN Y ESTILO)
   ========================================================= */
/* Contenedor General */
.ssstic-header-contact {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
    margin-right: 20px !important;
}

/* El Ícono (Limpio y Verde) */
.ssstic-header-contact .icon-box svg {
    width: 40px !important;
    height: 40px !important;
    fill: #25D366 !important;
    display: block !important;
    background: transparent !important;
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.5));
}

/* Grupo de Texto (Alineación Vertical) */
.ssstic-header-contact .text-group {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    line-height: 1.1 !important;
}

/* Etiqueta (Arriba) */
.ssstic-header-contact .contact-label {
    color: #cccccc !important;
    margin-bottom: 0 !important;
}

/* Número (Abajo) */
.ssstic-header-contact .contact-phone {
    display: block !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    white-space: nowrap !important;
}

/* CORRECCIÓN: WHATSAPP LIMPIO EN FICHA DE PRODUCTO (Sin caja verde) */
body.single-product a.ssstic-header-contact,
body a.ssstic-header-contact {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-right: 20px !important;
}

/* Asegurar que el ícono brille por sí solo en todos lados */
body.single-product .ssstic-header-contact .icon-box svg,
body .ssstic-header-contact .icon-box svg {
    width: 40px !important;
    height: 40px !important;
    fill: #25D366 !important;
    background: transparent !important;
    filter: drop-shadow(0 0 5px rgba(37, 211, 102, 0.4)) !important;
}

/* =========================================================
   6. TARJETA DE PRODUCTO – ESTRATEGIA "CAMBIO DE IDENTIDAD"
   ========================================================= */

/* A. TRUCO MAESTRO: CAMBIAR LAS VARIABLES DEL TEMA LOCALMENTE */
/* Esto engaña a Woodmart. El tema cree que usa el color primario, 
   pero nosotros redefinimos ese color a GRIS (#e1e1e1) solo en la tarjeta. */
.product-grid-item, 
.product-grid-item:hover,
.wd-hover-base,
.wd-hover-quick {
    --wd-primary-color: #e1e1e1 !important;        /* Engaño: Naranja = Gris */
    --wd-primary-color-hover: #cccccc !important;   /* Engaño: Hover = Gris Oscuro */
    --wd-link-color: #333333 !important;            /* Texto normal */
}

/* B. ELIMINAR CATEGORÍAS */
.product-grid-item .wd-product-cats,
.product-grid-item .product-categories,
.product-grid-item .wd-entities-cats { display: none !important; }

/* C. CONTENEDOR DE LA TARJETA (Fondo y Borde Físico) */
html body .product-grid-item .product-wrapper,
html body .product-grid-item:hover .product-wrapper {
    background-color: #ffffff !important;
    
    /* Forzamos un borde físico gris */
    border: 1px solid #e1e1e1 !important;
    
    /* Eliminamos cualquier sombra naranja que el tema intente poner */
    box-shadow: none !important;
    
    border-radius: 8px !important;
    padding: 10px !important;
    transition: transform 0.3s ease !important;
}

/* D. AL PASAR EL MOUSE (Solo elevación, NADA DE COLOR) */
html body .product-grid-item:hover .product-wrapper {
    /* Mantenemos el borde gris */
    border-color: #e1e1e1 !important;
    
    /* Sombra NEGRA suave (Nunca naranja) */
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
    
    transform: translateY(-5px) !important;
    z-index: 50 !important;
}

/* E. ELIMINAR BORDES FANTASMA (Pseudo-elementos) */
.product-wrapper::before, 
.product-wrapper::after {
    display: none !important;
    content: none !important;
}

/* --- ELEMENTOS INTERNOS --- */

/* Título */
.product-grid-item .wd-entities-title {
    font-size: 13px; font-weight: 700; color: #333; 
    margin-bottom: 5px; min-height: 40px;
}

/* Precio (Aquí sí queremos naranja, así que lo forzamos manualmente) */
.product-grid-item .price,
.product-grid-item .price .amount {
    color: #FF6600 !important; /* Restauramos el naranja solo para el precio */
    font-size: 17px !important; font-weight: 800 !important;
    text-align: left; display: block; margin-top: 5px;
}

/* Header (Marca y SKU) */
.apple-header {
    display: flex; flex-direction: column; align-items: flex-start;
    gap: 4px; margin-bottom: 8px; border-bottom: 1px solid #f0f0f0; padding-bottom: 8px;
}
.apple-brand {
    background: #34495e; color: #fff;
    font-size: 10px; font-weight: 700;
    padding: 3px 6px; border-radius: 4px; text-transform: uppercase;
}
.apple-sku {
    font-family: monospace; font-size: 11px; color: #777;
}

/* F. ETIQUETA "ENTREGA" (Estilo Técnico Gris) */
/* Atrapamos el texto de stock/entrega */
.product-grid-item .wd-product-stock,
.product-grid-item .stock,
.woocommerce-product-details__short-description,
.apple-delivery {
    display: inline-block !important;
    
    /* Estilo Etiqueta */
    background-color: #f4f6f8 !important;  /* Fondo Gris Suave */
    color: #555555 !important;             /* Texto Gris Oscuro */
    border: 1px solid #e1e4e8 !important;  /* Borde Gris */
    
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    margin-top: 5px !important;
    line-height: 1 !important;
    width: auto !important;
}
/* =========================================================
   7. ETIQUETAS: DESCUENTO Y AGOTADO
   ========================================================= */

/* A. DESCUENTO (VERDE - Rectangular y Delgado) */
html body.woocommerce .product-grid-item .product-labels .onsale,
html body.woocommerce .product-grid-item span.onsale,
html body.woocommerce .wd-label-onsale,
html body.woocommerce .onsale {
    background-color: #008f39 !important;
    background: #008f39 !important;
    color: #ffffff !important;
    padding: 4px 8px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    border-radius: 6px !important;
    font-weight: 800 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    min-width: 0 !important;
    max-width: fit-content !important;
    box-shadow: 0 2px 8px rgba(0,143,57,.45) !important;
    border: none !important;
    top: 10px !important; left: 10px !important;
}

/* Asegurar hover verde */
html body.woocommerce .product-grid-item:hover .onsale,
html body.woocommerce .products .onsale {
    background-color: #008f39 !important;
    color: #ffffff !important;
}

/* B. AGOTADO (ROJO - Rectangular y Delgado) */
html body.woocommerce .product-grid-item .product-labels .out-of-stock,
html body.woocommerce .wd-label-out-of-stock,
html body.woocommerce .out-of-stock-label {
    background-color: #d32f2f !important;
    color: #ffffff !important;
    padding: 4px 8px !important;
    font-size: 8px !important; /* Ajuste para que quepa texto largo */
    line-height: 1 !important;
    border-radius: 6px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    box-shadow: 0 2px 8px rgba(211, 47, 47, 0.45) !important;
    border: none !important;
    top: 10px !important; left: 10px !important;
}

/* =========================================================
   8. WIDGETS Y CATEGORÍAS
   ========================================================= */
/* LIBERAR CATEGORÍAS (QUITAR SCROLLBAR SOLO AQUI) */
.widget_product_categories ul,
.widget_product_categories .wd-scroll-content {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    overflow-y: visible !important;
    display: block !important;
    padding-right: 0 !important;
    border-bottom: none !important;
}

/* =========================================================
   9. AJUSTES MÓVIL
   ========================================================= */
@media (max-width: 768px) {
    /* Padding en productos */
    .products .product-grid-item { padding: 0 2px !important; }

    /* Topbar apilada */
    .ssstic-topbar-wrapper {
        flex-direction: column !important;
        gap: 10px !important;
        padding: 10px 0 !important;
    }
    .topbar-right .sep { display: none !important; }
}

/* =========================================================
   ESTILO STOCK Y ENTREGA (Badge Técnico)
   ========================================================= */

/* 1. Diseño de la Etiqueta */
.product-grid-item .wd-product-stock,
.product-grid-item .stock,
.product-grid-item .in-stock,
.apple-delivery {
    display: inline-flex !important;       /* Para que se ajuste al texto */
    align-items: center !important;        /* Centrar texto e icono verticalmente */
    
    background-color: #f4f6f8 !important;  /* Fondo Gris Suave */
    color: #555555 !important;             /* Texto Gris Oscuro */
    border: 1px solid #e1e4e8 !important;  /* Borde Gris Fino */

    font-size: 10px !important;
    font-weight: 800 !important;           /* Letra gruesa */
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;

    padding: 4px 8px !important;
    border-radius: 4px !important;
    margin-top: 6px !important;
    margin-bottom: 2px !important;
    line-height: 1 !important;
    width: auto !important;
}

/* 2. Añadir un pequeño punto verde (o icono) antes del texto */
.product-grid-item .wd-product-stock::before,
.product-grid-item .stock::before,
.product-grid-item .in-stock::before,
.apple-delivery::before {
    content: '' !important;
    display: block !important;
    width: 6px !important;
    height: 6px !important;
    background-color: #27ae60 !important;  /* Verde (Stock) */
    border-radius: 50% !important;         /* Redondo */
    margin-right: 6px !important;          /* Separación del texto */
}

/* Opcional: Si el texto dice "Agotado", cambiar el puntito a rojo */
.product-grid-item .out-of-stock-label::before,
.product-grid-item .outofstock::before {
    background-color: #d32f2f !important;  /* Rojo */
}
/* =========================================================
   SSSTIC – BADGE CANTIDAD (COLOR ELEGANTE / TECH)
   ========================================================= */

.product-grid-item .apple-stock{
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    background-color: #f8fafc !important;   /* Gris muy claro */
    border: 1px solid #e5e7eb !important;   /* Gris elegante */

    color: #374151 !important;              /* Gris texto premium */
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;

    padding: 4px 10px !important;
    border-radius: 6px !important;

    margin-top: 6px !important;
    margin-bottom: 6px !important;
    line-height: 1 !important;
    width: fit-content !important;
}

/* Punto verde (stock OK) */
.product-grid-item .apple-stock .stock-dot{
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background-color: #22c55e !important; /* Verde limpio */
}
/* =========================================================
   SSSTIC – ESTILO DE PRECIOS (OFERTA + VENTA)
   ========================================================= */

/* Precio anterior (tachado) */
.product-grid-item .price del,
.product-grid-item .price del .amount {
    color: #6b7280 !important;              /* Gris medio elegante */
    font-size: 14px !important;
    font-weight: 600 !important;
    opacity: 1 !important;
    text-decoration: line-through !important;
    text-decoration-color: #dc2626 !important; /* 🔴 ROJO DEFINIDO */
    text-decoration-thickness: 2px !important; /* Línea firme */
}

/* Precio actual (venta) */
.product-grid-item .price ins,
.product-grid-item .price ins .amount,
.product-grid-item .price > .amount {
    color: #ff6600 !important;              /* 🟠 Naranja SSSTIC */
    font-size: 18px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

/* Separación limpia entre precios */
.product-grid-item .price del {
    margin-right: 6px !important;
}
/* =========================================================
   SSSTIC – PRECIOS EN UNA SOLA FILA (FIX ESPACIADO)
   ========================================================= */

/* Forzar que los precios estén en línea */
.product-grid-item .price {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;              /* Espacio controlado entre precios */
    flex-wrap: nowrap !important;
}

/* Precio anterior */
.product-grid-item .price del {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
}

/* Precio actual */
.product-grid-item .price ins,
.product-grid-item .price > .amount {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
}

/* =========================================================
   ESTILO FICHA TÉCNICA: SIMPLE Y LIMPIO (Solo Texto)
   ========================================================= */

.ssstic-info-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;           /* Separación entre datos */
    margin-bottom: 15px !important;
    
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    line-height: 1 !important;
}

/* 1. ETIQUETAS (Palabras "MARCA:", "SKU:") -> NEGRO Y NEGRITA */
.ssstic-info-row .info-item {
    color: #000000 !important;      /* Negro Puro */
    font-weight: 900 !important;    /* Muy Negrita */
    text-transform: uppercase !important;
}

/* 2. VALORES (El nombre "TP-LINK", el código) -> COLOR NARANJA */
.ssstic-info-row strong,
.ssstic-info-row a {
    color: #FF6600 !important;      /* Naranja Corporativo */
    font-weight: 500 !important;    /* Peso medio para diferenciar */
    text-decoration: none !important;
    margin-left: 4px !important;    /* Un pequeño aire después de los dos puntos */
    background: none !important;    /* Aseguramos que no tenga fondo */
    border: none !important;
    padding: 0 !important;
}

/* 3. SEPARADOR (|) -> Gris Suave */
.ssstic-info-row .sep {
    color: #cccccc !important;
    font-weight: 300 !important;
}

/* 4. STOCK -> Solo texto de color */
.ssstic-info-row .stock {
    font-weight: 800 !important;
    background: none !important;    /* Sin fondo */
    border: none !important;        /* Sin borde */
    padding: 0 !important;
}

/* Verde (Disponible) */
.ssstic-info-row .stock.disponible {
    color: #27ae60 !important;      /* Verde */
}

/* Rojo (Agotado) */
.ssstic-info-row .stock.agotado {
    color: #d32f2f !important;      /* Rojo */
}

/* =========================================================
   ESTILO BREADCRUMB (Ruta > SKU)
   ========================================================= */

/* Contenedor general */
.woocommerce-breadcrumb {
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 10px !important;
    color: #999 !important; /* Color de los separadores (/) */
}

/* Enlaces (Inicio, Categorías, Subcategorías) */
.woocommerce-breadcrumb a {
    color: #666666 !important; /* Gris oscuro */
    text-decoration: none !important;
    font-weight: 500 !important;
}
.woocommerce-breadcrumb a:hover {
    color: #FF6600 !important; /* Naranja al pasar el mouse */
}

/* El SKU (El último elemento) */
.woocommerce-breadcrumb span:last-child {
    color: #000000 !important;      /* Negro Puro */
    font-weight: 800 !important;    /* Muy Negrita */
    background-color: #f5f5f5 !important; /* Fondo gris técnico */
    padding: 2px 6px !important;
    border-radius: 4px !important;
    border: 1px solid #eeeeee !important;
    margin-left: 5px !important;
}

/* =========================================================
   LIMPIEZA DE METADATOS (Abajo del botón añadir)
   ========================================================= */

/* 1. Ocultar el SKU de abajo (porque ya está arriba) */
.product_meta .sku_wrapper {
    display: none !important;
}

/* 2. Ocultar las Categorías (porque ya están en la ruta/breadcrumb) */
.product_meta .posted_in {
    display: none !important;
}

/* 3. Asegurar que las Etiquetas y Compartir se vean bien */
.product_meta .tagged_as {
    display: block !important;
    margin-top: 5px !important;
    font-size: 13px !important;
}

.product-share {
    margin-top: 10px !important;
}
/* =========================================================
   BARRA DE CONFIANZA – ESTILO MODERNO / PREMIUM
   ========================================================= */

/* CONTENEDOR */
.rs-trust-box {
    border: 1px solid #e6e6e6 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    margin-bottom: 24px !important;
    overflow: hidden !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06) !important;
}

/* TABLA */
.rs-trust-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    table-layout: fixed !important;
}

/* COLUMNAS */
.rs-trust-col {
    padding: 16px 10px !important;
    text-align: center !important;
    vertical-align: middle !important;
    position: relative !important;
}

/* Separadores suaves */
.rs-trust-col:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 20%;
    width: 1px;
    height: 60%;
    background: linear-gradient(to bottom, transparent, #e5e5e5, transparent);
}

/* TITULO */
.rs-trust-title {
    display: block !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #1f2933 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

/* SUBTITULO */
.rs-trust-subtitle {
    display: block !important;
    margin-top: 3px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    color: #6b7280 !important;
}

/* HOVER (detalle elegante) */
.rs-trust-col:hover {
    background: #f9fafb !important;
    transition: all 0.25s ease !important;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .rs-trust-col {
        display: block !important;
        width: 100% !important;
        padding: 14px !important;
    }
    .rs-trust-col:not(:last-child)::after {
        display: none !important;
    }
    .rs-trust-col:not(:last-child) {
        border-bottom: 1px solid #eeeeee !important;
    }
}

/* =========================================================
   ZONA DE COMPRA (Stock, Entrega y Botones)
   ========================================================= */

/* 1. CONTENEDOR DE LA ZONA DE COMPRA (Opcional: Crea una caja alrededor) */
form.cart {
    background-color: #f9f9f9 !important; /* Fondo Gris Muy Suave */
    border: 1px solid #eeeeee !important;
    padding: 20px !important;
    border-radius: 8px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

/* 2. LIMPIEZA DE TEXTOS DE ENTREGA (Donde salen los ???) */
/* Intentamos forzar la fuente para arreglar los glifos rotos */
.woocommerce-product-details__short-description p,
.stock,
.wcfm_product_policy {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    margin-bottom: 8px !important;
    color: #555 !important;
    line-height: 1.4 !important;
    display: flex !important;
    align-items: center !important;
}

/* Ocultar los iconos rotos si están dentro de etiquetas <i> o <span> */
.stock i, .stock span::before {
    display: none !important; /* Adiós iconos rotos */
}

/* 3. ESTILO "STOCK DISPONIBLE" (El texto verde) */
.stock.in-stock {
    color: #27ae60 !important; /* Verde Éxito */
    font-weight: 700 !important;
    text-transform: uppercase !important;
}
/* Agregamos un Check falso con CSS para reemplazar el roto */
.stock.in-stock::before {
    content: '✔' !important;
    margin-right: 8px !important;
    font-size: 16px !important;
}

/* 4. ESTILO "ENTREGA INMEDIATA / TIEMPO" */
/* Detectamos párrafos que contengan texto de envío */
.product-delivery-time, 
p:contains("Entrega") {
    color: #333 !important;
    font-weight: 600 !important;
}


/* =========================================================
   BOTONES Y CANTIDAD (El núcleo de la compra)
   ========================================================= */

/* 5. INPUT DE CANTIDAD (- 1 +) */
.quantity input.qty {
    border: 1px solid #ddd !important;
    background-color: #fff !important;
    color: #333 !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    height: 45px !important; /* Altura para igualar botones */
}
.quantity .minus, .quantity .plus {
    background-color: #fff !important;
    border: 1px solid #ddd !important;
}
.quantity .minus:hover, .quantity .plus:hover {
    background-color: #f0f0f0 !important;
}

/* 6. BOTÓN "AÑADIR AL CARRITO" (Naranja) */
button.single_add_to_cart_button {
    background-color: #FF6600 !important; /* Naranja SSSTIC */
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    
    font-family: 'Poppins', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-size: 13px !important;
    
    height: 45px !important; /* Botón alto y clicable */
    padding: 0 25px !important;
    margin-left: 10px !important; /* Separarlo de la cantidad */
    transition: all 0.2s ease !important;
}

/* Hover: Se vuelve Negro */
button.single_add_to_cart_button:hover {
    background-color: #000000 !important;
    box-shadow: 0 5px 15px rgba(255, 102, 0, 0.3) !important; /* Sombra naranja */
}

/* =========================================================
   ZONA DE COMPRA: ALINEACIÓN PERFECTA & RESPONSIVE
   ========================================================= */

/* 1. CONTENEDOR FLEXIBLE (La magia para alinear) */
form.cart {
    display: flex !important;
    flex-wrap: wrap !important; /* Permite que bajen si no caben */
    align-items: center !important; /* Centra verticalmente */
    gap: 10px !important; /* Espacio entre elementos */
    
    background-color: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    padding: 15px !important;
    border-radius: 6px !important;
    margin-bottom: 20px !important;
}

/* 2. CAJA DE CANTIDAD (- 1 +) */
.quantity {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important; /* Quitamos márgenes viejos */
    float: none !important; /* Quitamos flotados viejos */
}

/* El input del número */
.quantity input.qty {
    height: 44px !important; /* Altura fija */
    border: 1px solid #ced4da !important;
    background: #fff !important;
    font-weight: 700 !important;
    color: #333 !important;
    border-radius: 4px !important;
    width: 60px !important; /* Ancho fijo para el número */
    text-align: center !important;
}

/* Los botones - y + */
.quantity .minus, .quantity .plus {
    height: 44px !important;
    width: 35px !important;
    background: #fff !important;
    border: 1px solid #ced4da !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.quantity .minus { border-right: none !important; border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; }
.quantity .plus { border-left: none !important; border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; }


/* 3. BOTÓN "AÑADIR AL CARRITO" */
button.single_add_to_cart_button {
    height: 44px !important; /* EXACTAMENTE la misma altura que la cantidad */
    line-height: 1 !important; /* Centrado de texto */
    background-color: #FF6600 !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 0 25px !important;
    flex-grow: 1; /* Ocupa el espacio disponible */
    margin: 0 !important;
}
button.single_add_to_cart_button:hover {
    background-color: #000000 !important;
}


/* 4. BOTÓN "COMPRAR AHORA" (Suele estar fuera del form.cart o dentro) */
.wd-buy-now-btn {
    width: 100% !important; /* Que ocupe toda la línea de abajo */
    height: 44px !important;
    margin-top: 5px !important;
    background-color: #111 !important;
    color: #fff !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.wd-buy-now-btn:hover {
    background-color: #FF6600 !important;
}


/* --- 5. VERSIÓN MÓVIL (Celulares) --- */
@media (max-width: 767px) {
    /* Hacemos que todo se ponga en columna */
    form.cart {
        flex-direction: column !important;
        align-items: stretch !important; /* Estirar todo al ancho completo */
        padding: 15px !important;
    }

    /* La cantidad centrada y grande */
    .quantity {
        width: 100% !important;
        justify-content: center !important;
        margin-bottom: 10px !important;
    }
    .quantity input.qty {
        width: 80px !important; /* Un poco más ancho en celular */
    }

    /* Botones gigantes para dedo */
    button.single_add_to_cart_button {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    .wd-buy-now-btn {
        width: 100% !important;
        margin-top: 0 !important;
    }
}

/* =========================================================
   DESCRIPCIÓN CORTA "LIBRE" Y BOTÓN FICHA TÉCNICA
   ========================================================= */

/* 1. EL CONTENEDOR (Quitar la "caja") */
.woocommerce-product-details__short-description {
    background-color: transparent !important; /* Sin fondo gris/blanco */
    border: none !important;                  /* Sin bordes */
    box-shadow: none !important;              /* Sin sombras */
    padding: 0 !important;                    /* Sin relleno interno */
    margin-bottom: 30px !important;           /* Separación con lo que sigue */
}

/* 2. LOS TEXTOS (Darles "aire" y estilo limpio) */
.woocommerce-product-details__short-description p,
.woocommerce-product-details__short-description li {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;      /* Un poquito más grande para leer fácil */
    color: #444444 !important;       /* Gris oscuro sólido */
    line-height: 1.8 !important;     /* <<< MUCHO AIRE ENTRE LÍNEAS */
    margin-bottom: 12px !important;  /* Separación entre párrafos */
}

/* Si usas iconos en la lista (los cohetes, rayos, etc.), píntalos de Naranja */
.woocommerce-product-details__short-description i,
.woocommerce-product-details__short-description span[class*="icon-"] {
    color: #FF6600 !important;
    margin-right: 8px !important;
}


/* 3. BOTÓN "VER FICHA TÉCNICA" (Transformación Total) */
/* Seleccionamos el enlace dentro de la descripción */
.woocommerce-product-details__short-description a {
    display: inline-flex !important; /* Para alinear icono y texto */
    align-items: center !important;
    margin-top: 15px !important;     /* Separarlo del texto de arriba */
    
    /* Estilo Inicial: Botón Negro Serio */
    background-color: #111111 !important; 
    color: #ffffff !important;
    border: none !important;
    
    padding: 12px 25px !important;   /* Tamaño de botón cómodo */
    border-radius: 4px !important;   /* Puntas ligeramente redondeadas */
    font-weight: 800 !important;     /* Texto grueso */
    font-size: 13px !important;
    text-transform: uppercase !important;
    text-decoration: none !important; /* Quitar subrayado */
    transition: all 0.3s ease !important; /* Animación suave */
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important; /* Sombra sutil */
}

/* ESTILO HOVER (Al pasar el mouse) -> Se vuelve Naranja */
.woocommerce-product-details__short-description a:hover {
    background-color: #FF6600 !important;
    transform: translateY(-3px) !important; /* Se eleva un poquito */
    box-shadow: 0 10px 20px rgba(255, 102, 0, 0.3) !important; /* Sombra naranja brillante */
}

/* Asegurar que el icono dentro del botón se vea bien */
.woocommerce-product-details__short-description a i {
    color: #FF6600 !important; /* Icono naranja sobre fondo negro */
    margin-right: 8px !important;
    font-size: 16px !important;
    margin-top: 0 !important; /* Resetear márgenes raros */
}

/* Al pasar el mouse, el icono se vuelve blanco */
.woocommerce-product-details__short-description a:hover i {
    color: #ffffff !important;
}


/* =========================================================
   MEGA MENÚ: SOLUCIÓN FINAL (RAYOS X)
   ========================================================= */

/* 1. LA BASE (Pintamos el fondo de Plomo) */
.wd-dropdown-menu,
.wd-dropdown-menu .wd-dropdown-inner {
    background-color: #2E2926!important; /* El color PLOMO que queremos */
    box-shadow: 0 15px 40px rgba(0,0,0,0.15) !important;
}

/* 2. EL TRUCO: HACER TRANSPARENTE TODO LO DE ADENTRO */
/* Esto elimina el fondo blanco de Elementor que está tapando el plomo */
.wd-dropdown-menu section.elementor-section,
.wd-dropdown-menu .elementor-container,
.wd-dropdown-menu .elementor-column,
.wd-dropdown-menu .elementor-widget-wrap,
.wd-dropdown-menu .elementor-widget-container {
    background-color: transparent !important; /* Se vuelven invisibles */
    background: transparent !important;
    box-shadow: none !important;
}

/* 3. POSICIÓN (Bajarlo lo justo) */
.wd-dropdown-menu.wd-design-full-width {
    margin-top: -6px !important;      /* 0px es "pegado pero abajo" */
    border-top: 3px solid #2E2926 !important; /* Línea naranja de unión */
    padding-top: 20px !important;
    padding-bottom: 25px !important;
}

/* 4. ESTILO DE TEXTOS (Para que resalten sobre el plomo) */
/* Títulos */
.wd-dropdown-menu .widgettitle,
.wd-dropdown-menu .wd-entities-title,
.wd-dropdown-menu h5, 
.wd-dropdown-menu .elementor-heading-title {
    color: #FFFFFF !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid #d1d5db !important; /* Línea divisoria suave */
    padding-bottom: 8px !important;
    margin-bottom: 15px !important;
}

/* Enlaces */
.wd-dropdown-menu a,
.wd-dropdown-menu li a {
    color: #FFFFFF!important;
    font-weight: 600 !important;
    font-size: 13px !important;
    transition: all 0.2s ease !important;
}

/* Hover Enlaces */
.wd-dropdown-menu a:hover,
.wd-dropdown-menu li a:hover {
    color: #FF6600 !important;
    background-color: transparent !important;
    transform: translateX(5px) !important;
}