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

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

:root {
	--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: "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(255,174,0);
	--wd-alternative-color: #fbbc34;
	--btn-default-font-family: "Roboto", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 400;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-font-family: "Roboto", Arial, Helvetica, sans-serif;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--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: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
: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;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
: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: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 5px;
}

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

rs-slides :is([data-type=text],[data-type=button]) {
font-family: Lato !important;
}
rs-slides :is(h1,h2,h3,h4,h5,h6)[data-type=text] {
font-family: Poppins !important;
}

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

/* Ocultar etiquetas del producto */
.single-product .product_meta .tagged_as {
    display: none !important;
}
/* Quitar espacio superior del contenedor principal en el Home */
.home main#main-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
/* =====================================
   TOP BAR AMARILLO CON DIFUMINADO LATERAL
   Tema: WoodMart
===================================== */

.whb-top-bar.whb-with-bg {
    background: linear-gradient(
        90deg,
#d4b000 0%,
#f1c400 18%,
#f1c400 82%,
#d4b000 100%
    ) !important;
    border: none;
}

/* Texto limpio y legible */
.whb-top-bar .wd-header-text div {
    color: #1a1a1a;
    font-weight: 600;
}

/* Íconos */
.whb-top-bar .wd-social-icons a {
    color: #1a1a1a;
}

/* ===== Bloque Pedido Enviado - estilo Woodmart ===== */
.vs-order-status-shipped {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    margin: 0 0 18px;
    background: linear-gradient(180deg, #1c1c1c, #151515);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
}

/* Icono */
.vs-order-status-shipped .vs-icon {
    font-size: 20px;
    opacity: 0.9;
}

/* Texto */
.vs-order-status-shipped .vs-text {
    display: flex;
    flex-direction: column;
}

.vs-order-status-shipped .vs-text strong {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.2px;
    margin-bottom: 2px;
}

.vs-order-status-shipped .vs-text span {
    color: #b0b0b0;
    font-size: 13px;
    line-height: 1.4;
}

/* Responsive */
@media (max-width: 768px) {
    .vs-order-status-shipped {
        padding: 12px 14px;
        gap: 10px;
    }
}

/* =====================================================
   OCULTAR PROGRESO PROPIO SI EXISTE TRACKING (AST)
   ===================================================== */

.woocommerce-MyAccount-content:has(.fluid_section) .vs-order-status-shipped {
    display: none !important;
}

/* =====================================================
   CUADRO DE SEGUIMIENTO DE ENVÍO – DISEÑO FINAL
   ===================================================== */

.vs-order-status-shipped {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px;
    margin-bottom: 26px;
    border-radius: 10px;
    background: linear-gradient(180deg, #1e1b0a 0%, #141203 100%);
    border: 1px solid rgba(255, 193, 7, 0.45);
    box-shadow:
        inset 0 0 0 1px rgba(255, 193, 7, 0.18),
        0 0 22px rgba(255, 193, 7, 0.22);
    transition: all 0.4s ease;
}

/* ÍCONO */
.vs-order-status-shipped .vs-icon {
    font-size: 22px;
    line-height: 1;
    margin-top: 2px;
    color: #ffd54f;
}

/* TEXTO */
.vs-order-status-shipped .vs-text {
    width: 100%;
}

.vs-order-status-shipped .vs-text strong {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #ffeb3b;
    margin-bottom: 2px;
}

.vs-order-status-shipped .vs-text span {
    font-size: 13px;
    color: #fff8dc;
}

/* =====================================================
   BARRA DE PROGRESO – CENTRADA Y CON MÁRGENES
   ===================================================== */

.vs-progress-bar {
    width: 100%;
    max-width: calc(100% - 48px); /* 24px a cada lado */
    margin: 14px auto 0 auto;
    height: 12px;
    background: #2a2508;
    border-radius: 999px;
    overflow: hidden;
}

/* PROGRESO (ARRANCA EN 2%) */
.vs-progress-fill {
    height: 100%;
    min-width: 2%; /* 👈 avance visible desde el día 1 */
    background: linear-gradient(
        90deg,
        #ffb300,
        #ffd54f,
        #ffeb3b
    );
    border-radius: 999px;
    position: relative;
    animation: progressPulse 2.5s ease-in-out infinite;
    transition: width 0.6s ease;
}

/* BRILLO EN MOVIMIENTO */
.vs-progress-fill::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.45),
        transparent
    );
    animation: progressShine 2s infinite linear;
}

/* =====================================================
   ANIMACIONES
   ===================================================== */

@keyframes progressPulse {
    0%   { filter: brightness(1); }
    50%  { filter: brightness(1.45); }
    100% { filter: brightness(1); }
}

@keyframes progressShine {
    0%   { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

/* =====================================================
   RESPONSIVE
   ===================================================== */

@media (max-width: 768px) {
    .vs-order-status-shipped {
        padding: 16px;
    }

    .vs-progress-bar {
        max-width: calc(100% - 32px); /* menos margen en móvil */
    }
}



/* Fecha estimada en tabla de pedidos */
.vs-eta {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.3;
    color: #ffd54f;
}

.vs-eta small {
    color: #cfcfcf;
    font-size: 11px;
}

.vs-eta strong {
    font-weight: 600;
}


/* =====================================================
   ADVANCED SHIPMENT TRACKING – DARK MODE VAULTSHOPMX
   Aplica SOLO en Mi cuenta → Pedido
   ===================================================== */

/* Contenedor externo */
.woocommerce-MyAccount-content .fluid_section {
    background: linear-gradient(180deg, #1e1b0a 0%, #141203 100%) !important;
    border: 1px solid rgba(255, 193, 7, 0.45) !important;
    border-radius: 10px !important;
    padding: 0 !important;
    margin-bottom: 26px;
    box-shadow:
        inset 0 0 0 1px rgba(255, 193, 7, 0.18),
        0 0 22px rgba(255, 193, 7, 0.22);
}

/* Contenedor interno (el que antes era blanco) */
.woocommerce-MyAccount-content .fluid_container {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Columnas */
.woocommerce-MyAccount-content .fluid_cl {
    padding: 16px 18px !important;
}

/* Logo de la paquetería */
.woocommerce-MyAccount-content .fluid_provider_img img {
    background: #ffffff;
    padding: 4px;
    border-radius: 6px;
}

/* Nombre de la paquetería */
.woocommerce-MyAccount-content .tracking_provider {
    color: #ffd54f !important;
    font-weight: 700;
    font-size: 15px;
}

/* Número de guía */
.woocommerce-MyAccount-content .tracking_number {
    color: #ffeb3b !important;
    font-weight: 600;
    text-decoration: none;
}

.woocommerce-MyAccount-content .tracking_number:hover {
    text-decoration: underline;
}

/* Fecha de envío */
.woocommerce-MyAccount-content .order_status {
    color: #fff8dc !important;
    font-size: 13px;
    margin-top: 4px;
}

/* Botón Track Your Order */
.woocommerce-MyAccount-content a.button.track-button {
    background: linear-gradient(180deg, #ffb300, #fbc02d) !important;
    color: #000 !important;
    font-weight: 700;
    border-radius: 8px !important;
    padding: 10px 18px !important;
    border: none !important;
    box-shadow:
        0 0 0 1px rgba(255, 193, 7, 0.6),
        0 0 14px rgba(255, 193, 7, 0.5);
}

.woocommerce-MyAccount-content a.button.track-button:hover {
    background: linear-gradient(180deg, #ffd54f, #ffeb3b) !important;
}

/* Responsive */
@media (max-width: 768px) {
    .woocommerce-MyAccount-content .fluid_container {
        flex-direction: column;
    }

    .woocommerce-MyAccount-content .fluid_right_cl {
        text-align: left;
        padding-top: 0 !important;
    }

    .woocommerce-MyAccount-content a.button.track-button {
        width: 100%;
        margin-top: 10px;
    }
}

/* Ocultar buscador cuando ya hay resultado de pedido */
.woocommerce .order-info ~ *,
.woocommerce .woocommerce-order-details {
    margin-top: 30px;
}

.entry-content:has(.order-info) > .woocommerce-form-tracking {
    display: none !important;
}


/* ================================
   FOOTER OSCURO BASE
================================ */
footer.wd-footer {
	background: #121212 !important;
	color: #d6d6d6;
}

.wd-footer .container,
.wd-footer .wd-copyrights,
.wd-footer .copyrights-wrapper {
	background: transparent !important;
}

/* ================================
   COLUMNA IZQUIERDA (CENTRADA)
================================ */
.wd-col-start {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* ================================
   COPYRIGHT
================================ */
.footer-copy {
	display: block;
	margin-bottom: 8px;
	color: #d6d6d6;
	font-size: 14px;
}

/* ================================
   AVISO + TÉRMINOS (MÁS CLAROS)
================================ */
.footer-links {
	display: flex;
	justify-content: center;
}

.footer-main-links {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.footer-main-links a {
	font-size: 13px;
	color: #f0f0f0; /* más claro */
	text-decoration: none;
	transition: color 0.25s ease;
}

.footer-main-links a:hover {
	color: #ffffff;
}

.footer-main-links span {
	color: rgba(255,255,255,0.4);
}

/* ================================
   COLUMNA DERECHA (CENTRADA)
================================ */
.wd-col-end {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

/* ================================
   BOTÓN RASTREAR PAQUETE (FULL WIDTH)
================================ */
.footer-track {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 14px;
}

/* botón */
.track-link {
	width: 100%;
	max-width: 360px; /* evita que sea exagerado en desktop */
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	padding: 14px 20px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.3px;
	color: #ffffff;
	text-decoration: none;

	background: linear-gradient(180deg, #1e1e1e 0%, #141414 100%);
	border: 1px solid rgba(255,255,255,0.25);
	border-radius: 10px;

	box-shadow: 0 10px 30px rgba(0,0,0,0.45);
	transition: all 0.3s ease;
}

/* hover elegante */
.track-link:hover {
	background: linear-gradient(180deg, #262626 0%, #181818 100%);
	border-color: rgba(255,255,255,0.45);
	box-shadow: 0 14px 40px rgba(0,0,0,0.65);
	transform: translateY(-1px);
}

/* SVG */
.track-icon {
	width: 15px;
	height: 15px;
	stroke: currentColor;
	fill: none;
	stroke-width: 2;
}

/* ================================
   MÉTODOS DE PAGO
================================ */
.wd-col-end img {
	max-height: 32px;
	margin: 6px 8px;
	filter: grayscale(100%);
	opacity: 0.9;
	transition: all 0.3s ease;
}

.wd-col-end img:hover {
	filter: none;
	opacity: 1;
}

/* ================================
   RESPONSIVE
================================ */
@media (max-width: 768px) {
	.track-link {
		max-width: 100%;
		font-size: 14px;
	}

	.footer-copy {
		font-size: 13px;
	}
}

/* =================================
   FOOTER BASE OSCURO
================================= */
footer.wd-footer {
	background: #121212 !important;
	color: #d6d6d6;
}

.wd-footer .container,
.wd-footer .wd-copyrights,
.wd-footer .copyrights-wrapper {
	background: transparent !important;
}

/* =================================
   COLUMNA IZQUIERDA – CENTRADA
================================= */
.wd-col-start {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

/* =================================
   LINKS MÁS CLAROS
================================= */
.footer-main-links a {
	color: #f2f2f2;
	font-size: 13px;
	text-decoration: none;
}

.footer-main-links a:hover {
	color: #ffffff;
}

.footer-main-links span {
	color: rgba(255,255,255,0.4);
}

/* =================================
   COLUMNA DERECHA – TODO CENTRADO
================================= */
.wd-col-end {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 14px;
}

/* =================================
   MÉTODOS DE PAGO – UNA SOLA FILA
================================= */

/* elimina <br> que mete WoodMart */
.wd-col-end br {
	display: none !important;
}

/* fila de pagos */
.wd-col-end img {
	display: inline-flex !important;
	vertical-align: middle;
	max-height: 32px;
	margin: 0 6px;
	filter: grayscale(100%);
	opacity: 0.9;
	transition: all 0.25s ease;
}

/* hover */
.wd-col-end img:hover {
	filter: none;
	opacity: 1;
}

/* wrapper visual: misma fila */
.wd-col-end {
	flex-wrap: nowrap;
}

/* =================================
   BOTÓN RASTREAR PAQUETE – FULL WIDTH
================================= */
.footer-track {
	width: 100%;
	display: flex;
	justify-content: center;
}

.track-link {
	width: 100%;
	max-width: 360px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	padding: 14px 20px;
	font-size: 14px;
	font-weight: 500;
	color: #ffffff;
	text-decoration: none;

	background: linear-gradient(180deg, #1f1f1f 0%, #141414 100%);
	border: 1px solid rgba(255,255,255,0.25);
	border-radius: 10px;

	box-shadow: 0 10px 28px rgba(0,0,0,0.45);
	transition: all 0.3s ease;
}

.track-link:hover {
	background: linear-gradient(180deg, #2a2a2a 0%, #181818 100%);
	border-color: rgba(255,255,255,0.45);
	box-shadow: 0 14px 40px rgba(0,0,0,0.65);
	transform: translateY(-1px);
}

/* SVG */
.track-icon {
	width: 15px;
	height: 15px;
	stroke: currentColor;
	fill: none;
	stroke-width: 2;
}

/* =================================
   RESPONSIVE
================================= */
@media (max-width: 768px) {
	/* pagos pueden bajar si no caben */
	.wd-col-end {
		flex-wrap: wrap;
	}

	.track-link {
		max-width: 100%;
	}
}

/* ================================
   FIX TEXTO BOTÓN EN HOVER
================================ */

/* estado normal */
.track-link {
	color: #f2f2f2;
}

/* hover: forzar texto visible */
.track-link:hover,
.track-link:hover svg {
	color: #ffffff !important;
	stroke: #ffffff !important;
}

/* por si WoodMart aplica focus */
.track-link:focus,
.track-link:focus svg {
	color: #ffffff !important;
	stroke: #ffffff !important;
}



/* ===============================
   AST Tracking – Dark Mode
   =============================== */

.fluid_container {
    background: #1c1c1c !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 6px;
    color: #eaeaea;
}

/* Texto general */
.fluid_container,
.fluid_container p,
.fluid_container span,
.fluid_container strong {
    color: #eaeaea !important;
}

/* Nombre del carrier */
.tracking_provider {
    color: #ffffff !important;
}

/* Número de tracking */
.tracking_number {
    color: #4db2ff !important;
    text-decoration: none;
}

.tracking_number:hover {
    text-decoration: underline;
}

/* Fecha / estado */
.order_status {
    color: #b5b5b5 !important;
}

/* Botón Track */
a.button.track-button {
    background: #0d6efd !important;
    color: #ffffff !important;
    border-radius: 4px;
    font-weight: 500;
}

a.button.track-button:hover {
    background: #0b5ed7 !important;
}

/* Imagen del proveedor */
.fluid_provider_img img {
    background: #ffffff;
    padding: 4px;
    border-radius: 4px;
}

/* Mobile fix */
@media (max-width: 600px) {
    .fluid_container {
        background: #1c1c1c !important;
    }
}

/* =================================
   OCULTAR ACTUALIZACIONES DEL PEDIDO
================================= */

/* Título "Actualizaciones del pedido" */
.woocommerce h2 + .commentlist.notes,
.woocommerce .commentlist.notes,
.woocommerce-order-details + .commentlist.notes {
    display: none !important;
}

/* En algunos temas (Woodmart) */
.woocommerce .order-info + h2 {
    display: none !important;
}

/* =====================================
   AST – FECHA LIMPIA (MES + AÑO)
===================================== */

/* Ocultar texto original */
.order_status strong {
    display: none !important;
}

/* Reemplazo visual */
.order_status::after {
    content: "· enero 2026";
    font-weight: 600;
    margin-left: 4px;
}

/* Ocultar duplicado mobile original */
.mb_fluid_shipping_date .order_status {
    display: none !important;
}