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

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

:root {
	--wd-header-banner-h: 40px;
	--wd-cat-brd-radius: 50%;
	--wd-text-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 15px;
	--wd-title-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 15px;
	--wd-brd-radius: 20px;
	--wd-primary-color: rgb(225,74,92);
	--wd-alternative-color: rgb(254,215,64);
	--wd-link-color: rgb(0,122,255);
	--wd-link-color-hover: rgb(0,63,255);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(225,74,92);
	--btn-accented-bgcolor-hover: rgb(205,67,84);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(229,83,76);
	--notices-warning-color: #fff;
	--wd-sticky-btn-height: 95px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 900px;
	--wd-popup-padding: 0px;
}
.header-banner {
	background-color: rgb(0,0,0);
	background-image: none;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: rgb(246,245,248);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(255,255,255);
	background-image: none;
}
html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
	font-size: 15px;
	text-transform: none;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-weight: 700;
	font-size: 30px;
	text-transform: capitalize;
}
html .wd-nav-mobile > li > a, html .wd-nav-mobile .wd-sub-menu li a {
	text-transform: none;
}
.page .wd-page-content {
	background-color: rgb(246,245,248);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(246,245,248);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(246,245,248);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(246,245,248);
	background-image: none;
}
html .wd-buy-now-btn {
	color: rgb(225,74,92);
	background: rgb(249,219,223);
}
html .wd-buy-now-btn:hover {
	color: rgb(225,74,92);
	background: rgb(237,208,211);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(119,119,119);
	--wd-form-placeholder-color: rgb(119,119,119);
	--wd-form-bg: rgb(255,255,255);
}
.product-labels .product-label.onsale {
	background-color: rgb(255,209,0);
	color: rgb(255,0,0);
}
.product-labels .product-label.new {
	background-color: rgb(229,83,76);
}
.product-labels .product-label.featured {
	background-color: rgb(255,0,0);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(13,6,37);
	color: rgb(255,255,255);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery.thumbs-position-left {
	--wd-thumbs-width: 150px;
}

@media (max-width: 1024px) {
	:root {
		--wd-header-banner-h: 40px;
	--wd-sticky-btn-height: 95px;
	}
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 24px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 55px;
	}
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 22px;
	}

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

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


.menu-muebles {display:none !i;}

/* Ajuste para evitar que el menú se rompa en pantallas medianas */
/* Ajuste para evitar que el menú se rompa en pantallas medianas */
@media (max-width: 1250px) and (min-width: 1025px) {
    /* 1. Reducir el espacio entre los items del menú */
    .wd-nav-main > li > a {
        padding-left: 8px !important;
        padding-right: 8px !important;
        font-size: 12px !important; /* Achicamos un poco la letra */
    }

    /* 2. Reducir el espacio de los iconos de la derecha (carrito, cuenta) */
    .wd-header-main .wd-header-column.wd-column-right {
        gap: 10px !important;
    }
    
    /* 3. Si tienes logo muy grande, achicarlo un poco */
    .wd-header-main .wd-logo img {
        max-width: 150px !important;
    }
}

  

.campo-solo-lectura input {
    background-color: #f8f9fa !important;
    cursor: not-allowed !important;
    opacity: 0.8 !important;
    pointer-events: none !important;
}

/**
 * OCULTAR "Gratis" SOLO EN LA LÍNEA DEL MÉTODO DE APROBACIÓN DE GERENCIA
 * * NOTA: Debido a que WooCommerce Blocks no añade clases específicas por método,
 * debemos apuntar al contenedor que contiene el texto del método.
 * * Este selector busca un elemento que contenga el texto "Aprobación de Gerencia" 
 * y luego oculta su valor.
 */

/* 1. Oculta el valor (que contiene "Gratis") cuando el label es el de Aprobación */
.wc-block-components-totals-item:has(
    .wc-block-components-totals-item__label:contains("Aprobación de Gerencia")
) .wc-block-components-totals-item__value {
    display: none !important;
}

/* 2. Oculta el valor (que contiene "Gratis") si usas un título más corto */
/* Si usas solo "Envío requiere Aprobación", ajusta el selector aquí. */
.wc-block-components-totals-item:has(
    .wc-block-components-totals-item__label:contains("Envío requiere")
) .wc-block-components-totals-item__value {
    display: none !important;
}

/* Email - Aumenta tamaño del número de pedidos en los correos electronicos  */
.order-number{font-size: 24px !important}

/* Delivery - Oculta los campos originales de WooCommerce que ahora son de tipo 'hidden' */
.woocommerce-checkout .form-row.hidden { 
    display: none !important;
}

/* --- PASO 1: OCULTAR LA PESTAÑA PERSONALIZADA DEL ACORDEÓN PRINCIPAL --- */

/* Apuntamos al contenedor principal y buscamos el item del acordeón
   que contiene el título de nuestra pestaña personalizada. */
.pestanas-principales .wd-accordion-item:has(#tab-title-wd_custom_tab) {
    display: none !important;
}


/* --- PASO 2: OCULTAR LAS PESTAÑAS POR DEFECTO DEL WIDGET AISLADO --- */

/* En el segundo widget, el HTML es un poco diferente porque no es un acordeón.
   Vamos a ocultar todas las pestañas excepto la personalizada.
   Suponiendo que el widget aislado renderiza todas las pestañas por defecto en el DOM,
   necesitamos ocultar las que no queremos. */

/* Ocultar la pestaña de Información Adicional en el widget aislado */
.pestana-custom-aislada .wd-tab-wrapper .tab-title-additional_information,
.pestana-custom-aislada .wd-tab-wrapper .woocommerce-Tabs-panel--additional_information {
    display: none !important;
}

/* Ocultar la pestaña de Descripción en el widget aislado */
.pestana-custom-aislada .wd-tab-wrapper .tab-title-description,
.pestana-custom-aislada .wd-tab-wrapper .woocommerce-Tabs-panel--description {
    display: none !important;
}

/* Ocultar la pestaña de Valoraciones en el widget aislado */
.pestana-custom-aislada .wd-tab-wrapper .tab-title-reviews,
.pestana-custom-aislada .wd-tab-wrapper .woocommerce-Tabs-panel--reviews {
    display: none !important;
}

/* --- RESULTADO --- */
/* Después de aplicar estas reglas:
   - El primer widget (.pestanas-principales) mostrará todo MENOS "Realme Note 60x".
   - El segundo widget (.pestana-custom-aislada) mostrará SOLAMENTE "Realme Note 60x".
*/

/* Oculta el logo de la marca en el filtro de la tienda */
.wd-swatches-brands .wd-swatch {
    display: none !important;
}

/* Opcional: Centra y ajusta el texto si queda desalineado */
.wd-swatches-brands .wd-swatch {
    justify-content: flex-start; /* Alinea el texto a la izquierda */
    padding: 5px 0; /* Ajusta el relleno si es necesario */
}

.wd-swatches-brands .wd-swatch-text {
    padding-left: 0 !important; /* Elimina cualquier espacio izquierdo sobrante */
}
/* --- Fin Ocultar logos de marcas --- */
/* --- Estilos Botón Flotante de WhatsApp --- */

/* Estilos generales del contenedor del botón */
.boton-whatsapp {
    position: fixed; /* Clave para que flote sobre toda la página */
    width: 60px;
    height: 60px;
    background-color: #25d366;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000; /* Un z-index alto para que esté por encima de todo */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
}

.boton-whatsapp:hover {
    transform: scale(1.1); /* Efecto al pasar el mouse */
}

/* Estilos para el ícono de Font Awesome */
.boton-whatsapp i {
    font-size: 32px;
    color: white;
}

/* --- Posición para Escritorio (Desktop) --- */
.boton-whatsapp {
    bottom: 40px;
    right: 40px;
}

/* --- Media Query para cambiar la posición en Móvil --- */
/* Se aplica en pantallas con ancho máximo de 768px */
@media screen and (max-width: 768px) {
    .boton-whatsapp {
        top: 20px;
        bottom: auto; /* Anulamos la posición inferior */
        right: 20px;
    }
}
```3.  Haz clic en **"Save Options"** (Guardar Opciones).

/* --- SOLUCIÓN ETIQUETA 'OFERTA' PARA WOODMART --- */

/* 1. Apunta a la etiqueta de oferta ORIGINAL de WoodMart, pero SOLO en productos con nuestra clase. */
.has-custom-oferta-badge .product-labels .onsale {
    /* Ocultamos el texto original (ej. "-9%") haciéndolo transparente */
    color: transparent !important;
    position: relative; /* Necesario para posicionar el texto nuevo */
	  padding-right: 15px;
	  padding-left: 15px;
}

/* 2. Usamos un pseudo-elemento para añadir nuestro texto "OFERTA" encima de la etiqueta original. */
.has-custom-oferta-badge .product-labels .onsale::before {
    content: 'OFERTA';
    
    /* Posicionamiento: centrado perfectamente sobre la etiqueta amarilla */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;

    /* Estilos del texto: usa los que prefieras */
    /*color: #000;  Texto en negro, como el original */
    color: #d62828; /* Descomenta esta línea si prefieres texto en rojo */
    font-weight: bold;
    font-size: 11px; /* Ajusta el tamaño si es necesario */
}

/* 3. (Opcional pero recomendado) Oculta la etiqueta "HOT" si ya mostramos "OFERTA" para no saturar. */
.has-custom-oferta-badge .product-labels .label-hot {
    display: none !important;
}

/* Contenedor del filtro desplegable */
.filtro-legales-contenedor {
    margin-bottom: 30px;
    padding: 20px;
    background-color: #f8f8f8;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 15px; /* Espacio entre el texto y el selector */
}

.filtro-legales-contenedor label {
    font-weight: bold;
    font-size: 16px;
}

.filtro-legales-contenedor select {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    min-width: 200px;
}

/* Estilos para cada item de legal individual (igual que antes) */
.legal-item {
    padding: 25px;
    margin-bottom: 25px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background-color: #fdfdfd;
}

.legal-item h2 {
    margin-top: 0;
    font-size: 22px;
    color: #333;
}

.contenido-legal p {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
}

/* Estilo para el botón 'Leer Más' */
.boton-leer-mas {
    display: inline-block;
    margin-top: 15px;
    padding: 8px 16px;
    background-color: #0073aa; /* Color primario de WordPress */
    color: #fff !important; /* !important para sobreescribir estilos del tema */
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.2s ease;
}

.boton-leer-mas:hover {
    background-color: #0a4b78; /* Un azul más oscuro */
    color: #fff !important;
}

/* Estilo para el contenedor del contenido extendido */
.contenido-extendido {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dashed #ccc;
}

/* Estilos para el contenido del legal dentro de un popup */
.legal-popup-contenido {
    max-height: 400px; /* Limita la altura para que no sea un popup gigante */
    overflow-y: auto;  /* Añade una barra de scroll si el contenido es muy largo */
    padding-right: 15px; /* Espacio para que la barra de scroll no se pegue al texto */
}

.legal-popup-contenido p {
    font-size: 14px;
    line-height: 1.5;
    color: #444;
}

.legal-popup-contenido ul,
.legal-popup-contenido ol {
    padding-left: 20px;
    margin-bottom: 1em;
}

.sub-menu 
{
  display: none;
}

/*
 * Reglas para el formulario de crédito en el checkout
 */

/* 1. Mantiene el contenedor oculto por defecto de forma segura */
.formulario-credito-checkout-container {
    display: none;
    /* Evita saltos de página antes de que el JS se ejecute */
    overflow: hidden; 
    transition: all 0.3s ease-in-out;
}

/* 2. Regla POTENTE para mostrar el formulario cuando tenga la clase 'visible' */
.formulario-credito-checkout-container.visible {
    display: block !important;
}

/*
 * Oculta los campos de dirección originales de WooCommerce 
 * cuando hemos añadido la clase de bloqueo desde PHP.
 * Usamos .woocommerce-checkout-fields para aumentar la especificidad.
 */
.cwc-hidden-field {
    display: none !important;
}

/* Busca el enlace para crear cuenta dentro del formulario de login */
.login-form-wrapper .create-account-text a {
    /* Ocultamos el texto original */
    font-size: 0 !important;
    color: transparent !important;
}

/* Usamos el pseudoelemento ::after para añadir el nuevo texto */
.login-form-wrapper .create-account-text a::after {
    content: "Crear una cuenta"; /* Su texto traducido aquí */
    font-size: 14px; /* Ajuste el tamaño para que coincida con su diseño */
    color: #c9485b; /* Ajuste el color para que coincida con su diseño */
    text-decoration: underline;
}

/* Estilos para el tiempo de entrega en tarjetas de producto */
.woocommerce ul.products li.product .cwc-delivery-time-estimate,
.woocommerce ul.products li.product .cwc-delivery-time-placeholder {
    font-size: 0.5em !important; /* Un poco más pequeño */
    margin-top: 5px;   /* Espacio arriba */
    margin-bottom: 10px; /* Espacio abajo */
    clear: both;
    display: block;
}

/* Oculta el texto de destino de envío original de WooCommerce en el carrito.
   Esto es crucial para que no se duplique con nuestra nueva fila. */
.woocommerce-cart .woocommerce-shipping-destination {
    display: none !important;
}

/* Estilos para nuestra nueva fila personalizada, para que se vea bien */
.cwc-shipping-destination-row td {
    padding-top: 0 !important;
    padding-bottom: 1em !important;
}
.cwc-custom-shipping-destination a {
    color: #e62b4a; /* Ajusta este color al de tu tema */
    text-decoration: none;
}
.cwc-custom-shipping-destination a:hover {
    text-decoration: underline;
}
/*
 * Ajuste final para el slider nativo en el Header Banner
 */
.whb-header-banner .wd-slider-wrapper .container.wd-slide-container {
    /* Elimina el padding que causa los bordes blancos */
    padding-left: 0;
    padding-right: 0;

    /* Asegura que ocupe todo el ancho */
    width: 100%;
    max-width: 100%;
}

.whb-header-banner .wd-slide-inner p {
    /* Elimina el margen por defecto de los párrafos que puede añadir espacio extra */
    margin-bottom: 0;
}

.ff_t_c {
    font-size: xx-small;
}@media (min-width: 1025px) {
	
.wd-button-wrapper {
     padding-inline: 0px !important; 
}
.boton-pagar{
border-radius: 35px 0px 0px 35px !important;
}
.boton-solicitar{
border-radius: 0px 35px 35px 0px !important;
}
.fluentform .ff-el-group {
    margin-bottom: 0px !important;
}
@media (min-width: 768px) {
    .frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom button {
        margin-bottom: 0px !important
    }
}

/* --- Estilo para el botón de Ofertas --- */

/* Se aplica al contenedor del enlace de Ofertas */
.menu-ofertas {
    background-color: #ffd100; /* Color amarillo de tu paleta */
    border-radius: 20px 20px 0px 0px; /* Bordes redondeados */
    font-weight: 900; /* Texto en negrita para que resalte */
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: -6px;
	
}

/* Se aplica específicamente al texto/enlace */
.menu-ofertas a {
    color: #e5534c !important; /* Color de texto negro para buen contraste */
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Efecto al pasar el mouse sobre Ofertas */
.menu-ofertas:hover {
    background-color: #e6bb00; /* Un amarillo un poco más oscuro */
}


/* --- Estilo para el botón de Solicitar Crédito --- */

/* Se aplica al contenedor del enlace de Crédito */
.menu-solicitar-credito {
    background-color: #ffffff; /* Color coral/rojo de tu paleta */
    border-radius: 35px; /* Bordes redondeados para aspecto de botón */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Sombra sutil para darle profundidad */
    margin-left: 15px; /* Añade un espacio para separarlo del item anterior */
}

/* Se aplica específicamente al texto/enlace */
.menu-solicitar-credito a {
    color: #e5534c !important; /* Color de texto blanco para que contraste */
    font-weight: bold;
    padding: 10px 15px !important; /* Relleno para que se vea más como un botón */
}

/* Efecto al pasar el mouse sobre el botón de Crédito */
.menu-solicitar-credito:hover {
    
    transform: translateY(-2px); /* Efecto sutil de elevación */
    transition: all 0.2s ease;
		
}
}

@media (max-width: 576px) {
	.menu-muebles-mobile {display:none;}
.header-container {
  position: relative;
}

/* --- Estilos para el Menú Móvil de WoodMart --- */

.menu-ofertas {
    background-color: #ffd100; /* Color amarillo de tu paleta */
    font-weight: 900; /* Texto en negrita para que resalte */
	  color: red !important; /* Color de texto negro para buen contraste */
		
}



/*@keyframes pulse {
 0% {
 box-shadow: 0 0 0 0 rgba(255, 140, 0, 0.7);
 }
 70% {
 box-shadow: 0 0 0 10px rgba(255, 140, 0, 0);
 }
 100% {
 box-shadow: 0 0 0 0 rgba(255, 140, 0, 0);
 }
}*/


/* Estilo para los Títulos de Sección (ej. "Nuestra Marca") */
.wd-nav-mobile .menu-item.menu-title > a {
    color: #888888; /* Color más tenue para indicar que es un título */
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px !important;
    /*pointer-events: none; /* Evita que sea clicable */
    cursor: default;
}

/* Espaciado para los elementos debajo de un título */
.wd-nav-mobile .menu-item.menu-title + .menu-item {
    padding-top: 5px;
}

/* Estilo para el Separador (y el CTA de crédito) */
.wd-nav-mobile .menu-item.menu-separator {
    border-top: 1px solid #e0e0e0;
    margin-top: 15px;
    padding-top: 15px;
}

/* Estilo especial para el Call-to-Action del crédito */
.wd-nav-mobile .menu-item.menu-cta > a {
    font-weight: bold !important;
    color: #ff0000 !important; /* El color principal de tu marca */
}

.wd-nav-mobile .menu-item.menu-cta > a:hover {
    background-color: transparent !important; /* Evita cambio de color al pasar el ratón */
}

#moove_gdpr_save_popup_settings_button:not(.gdpr-floating-button-custom-position) {
    bottom: 60px;
    left: 20px;
}
/* ==========================================================================
   ESTILOS PARA EL SELECTOR DE CIUDAD DENTRO DE UN MENÚ
   ========================================================================== */

/* Apuntamos al <li> que contiene nuestro shortcode en el menú móvil de WoodMart */
.wd-nav-mobile .menu-item.cwc-mobile-menu-item {
    /* Reseteamos el padding del <li> para que nuestro div interno lo controle,
       esto asegura una alineación perfecta con los otros items. */
    padding: 0 !important; 
}

/* El contenedor principal de nuestro shortcode */
.cwc-mobile-menu-item .cwc-current-city-display {
    display: flex !important;           /* ¡CLAVE! Pone todo en una línea horizontal. */
    align-items: center;             /* Alinea todo verticalmente al centro. */
    flex-wrap: wrap;                 /* Permite que el contenido pase a la siguiente línea si no cabe. */
    padding: 10px 20px;              /* Padding similar al de otros items del menú. */
    width: 100%;
    box-sizing: border-box;
    line-height: 1.4;                /* Mejora el espaciado vertical. */
}

/* Etiqueta "Precios para:" */
.cwc-mobile-menu-item .cwc-current-city-label {
    margin-right: 5px;
    opacity: 0.7;                    /* La hacemos un poco menos prominente. */
    white-space: nowrap;             /* Evita que se parta en dos líneas. */
}

/* Nombre de la ciudad */
.cwc-mobile-menu-item .cwc-current-city-name {
    font-weight: bold;
    color: #333;                      /* Asegura un color de texto legible. */
    flex-grow: 1;                    /* Hace que ocupe el espacio sobrante. */
    text-align: left;                /* Lo alinea a la izquierda. */
}

/* Enlace "Cambiar" */
.cwc-mobile-menu-item .cwc-change-city-trigger {
    margin-left: 8px;
    color: var(--wd-primary-color, #C92B1D); /* Intenta usar el color rojo primario de tu tema. */
    font-weight: bold;
    white-space: nowrap;
}

/* Icono de ofertas en bottombar */

.wd-toolbar-link .wd-custom-icon img {
    width: auto;
    height: 40px !important;
}

#moove_gdpr_save_popup_settings_button
 {
        bottom: 100px !important;
        left: 20px;
    }

}