/* =========================================
   MACOVENCA SHOP WIDGETS STYLES v1.1.1
   ========================================= */

/* Google Fonts se carga vía wp_enqueue_style en macovenca-shop.php — NO usar @import aquí para evitar
   doble carga y el bug de fuente que causa la caída a Times New Roman. */


:root {
    /* --- PALETA DE COLORES --- */
    --maco-orange: #ff8601;
    --maco-orange-hover: #e67900;
    --maco-blue: #0003ac;
    --maco-blue-hover: #0003be;

    /* --- NEUTROS --- */
    --maco-white: #ffffff;
    --maco-black: #000000;
    --maco-text-main: #333333;
    --maco-text-medium: #555555;
    --maco-text-light: #666666;
    --maco-text-muted: #999999;

    /* --- UI ELEMENTS --- */
    --maco-bg-light: #f0f0f0;
    --maco-bg-light-hover: #e0e0e0;
    --maco-bg-blue-pale: #e8eaf6;
    --maco-bg-gray-pale: #fdfdfd;

    /* --- BORDES Y SOMBRAS --- */
    --maco-border-subtle: rgba(0, 0, 0, 0.05);
    --maco-shadow-soft: rgba(0, 0, 0, 0.05);
    --maco-shadow-hover: rgba(0, 0, 0, 0.15);
    --maco-shadow-card-blue: rgba(0, 3, 172, 0.15);

    /* --- CAPAS --- */
    --maco-overlay-modal: rgba(0, 0, 0, 0.6);
    --maco-glass-bg: rgba(255, 255, 255, 0.55);
    --maco-glass-menu: rgba(255, 255, 255, 0.95);

    /* --- FUENTES --- */
    --maco-font-family: "Manrope", "Inter", "Arial", sans-serif;
}

/* =======================================================
   1. ESTILOS BASE (GLOBAL)
   ======================================================= */

/* Reset básico */
.macovenca-search-widget *,
.macovenca-categories *,
.maco-sidebar-content *,
.macovenca-search-widget-pro *,
.macovenca-faq-wrapper *,
.maco-cf7-wrapper *,
.maco-blog-featured-list *,
.maco-blog-card-grid * {
    box-sizing: border-box;
}

/* -------------------------------------------------------
   FUENTE GLOBAL (ACTUALIZADO)
   Se asegura que TODOS los widgets usen Manrope
   -------------------------------------------------------
*/
.macovenca-search-widget,
.macovenca-categories,
.macovenca-product-grid,
.maco-filter-widget,
.maco-breadcrumbs,
.maco-quickview-content,
.maco-sidebar-content,
.maco-search-form input,
.maco-btn,
/* Widgets adicionales */
.macovenca-search-widget-pro,
.maco-search-cat-dropdown,
.maco-dropdown-options,
.macovenca-faq-wrapper,
.maco-cf7-wrapper,
.maco-input,
.maco-submit-btn,
.maco-blog-featured-list,
.maco-blog-card-grid,
.maco-blog-vertical-card,
/* Nav menu, wishlist, categorías cards */
.macovenca-nav-menu-widget,
.maco-header-nav-bar,
.macovenca-nav-mobile-widget,
.maco-mobile-header-bar,
.maco-nav-drawer,
.maco-fav-page-btn,
.maco-fav-empty,
.maco-toast,
.macovenca-cat-cards-widget,
.macovenca-wishlist-page {
    color: var(--maco-text-main);
    font-family: var(--maco-font-family);
}

/* Garantía extra: cualquier elemento HIJO de un widget Macovenca hereda Manrope.
   Tiene especificidad baja para no interferir con FontAwesome ni WooCommerce. */
[class*="macovenca-"] *,
[class*="maco-"] * {
    font-family: inherit;
}

/* Excepciones: fuentes de íconos nunca se sobreescriben */
[class*="macovenca-"] .fas,
[class*="macovenca-"] .far,
[class*="macovenca-"] .fab,
[class*="macovenca-"] .fa,
[class*="maco-"] .fas,
[class*="maco-"] .far,
[class*="maco-"] .fab,
[class*="maco-"] .fa {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
}

/* ==========================================================
   FORZADO DE FUENTE MANROPE (GLOBAL)
   ========================================================== */

/* Forzar en todos los textos del Grid */
.macovenca-product-grid,
.macovenca-product-grid h1,
.macovenca-product-grid h2,
.macovenca-product-grid h3,
.macovenca-product-grid h4,
.macovenca-product-grid p,
.macovenca-product-grid span,
.macovenca-product-grid a,
.macovenca-product-grid button {
    font-family: var(--maco-font-family) !important;
}

/* Forzar ESPECÍFICAMENTE en los mensajes emergentes de YITH */
.yith-wcwl-add-to-wishlist-message,
#yith-wcwl-popup-message,
.yith-wcwl-popup-content {
    font-family: var(--maco-font-family) !important;
    font-weight: 600 !important;
}

/* Asegurar que FontAwesome NO se vea afectado (para no romper iconos) */
.macovenca-product-grid .fas,
.macovenca-product-grid .far,
.macovenca-product-grid .fab,
.macovenca-product-grid i {
    font-family: "Font Awesome 6 Free" !important;
}

/* --- BREADCRUMBS --- */
.maco-breadcrumbs {
    font-size: 14px;
    color: var(--maco-text-light);
    margin-bottom: 0;
    display: block;
}

.maco-breadcrumbs a {
    text-decoration: none;
    color: var(--maco-blue);
    font-weight: 600;
}

.maco-breadcrumbs .delimiter {
    margin: 0 5px;
    color: var(--maco-text-muted);
}

/* --- BUSCADOR --- */
.macovenca-search-widget {
    width: 100%;
    max-width: 100%;
}

.maco-search-form {
    display: flex;
    align-items: center;
    border: none;
    background: transparent;
    padding: 0;
    height: auto;
    width: 100%;
    gap: 5px;
    margin-bottom: 0;
}

.maco-search-form input[type="search"],
.maco-search-form input[type="text"] {
    border: 3px solid var(--maco-blue);
    background: var(--maco-white);
    border-radius: 50px;
    padding: 0 20px;
    flex-grow: 1;
    min-width: 0;
    outline: none;
    color: var(--maco-blue);
    font-weight: 700;
    height: 45px;
    font-size: 16px;
}

.maco-search-form input::placeholder {
    color: var(--maco-blue);
    opacity: 1;
    font-weight: 700;
}

.search-submit-btn {
    background-color: var(--maco-blue);
    color: var(--maco-white);
    border: none;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: 0.3s;
    font-size: 18px;
}

.search-submit-btn:hover {
    background-color: var(--maco-blue-hover);
}

.maco-search-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--maco-blue);
    font-size: 1.2em;
}

/* --- CATEGORÍAS (LISTA) --- */
.macovenca-categories h3 {
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 15px;
    margin-top: 0;
    color: var(--maco-black);
}

ul.maco-cat-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.maco-cat-list>li.cat-item {
    border: 2px solid var(--maco-orange);
    border-radius: 20px;
    margin-bottom: 15px;
    background: var(--maco-white);
    overflow: hidden;
    transition: all 0.3s ease;
}

/* Header Categoría */
.maco-cat-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    min-height: 24px;
}

.maco-cat-header a {
    text-decoration: none;
    color: var(--maco-orange);
    font-weight: 700;
    font-size: 15px;
    flex-grow: 1;
    transition: color 0.3s, transform 0.3s;
    white-space: normal;
    line-height: 1.4;
    margin-right: 10px;
    display: flex;
    align-items: center;
}

.maco-toggle-icon {
    color: var(--maco-orange);
    font-size: 14px;
    transition: transform 0.3s ease, color 0.3s;
    cursor: pointer;
    flex-shrink: 0;
    margin-left: auto;
    padding: 5px;
}

.maco-toggle-icon.rotated {
    transform: rotate(180deg);
}

/* Hover Categoría */
ul.maco-cat-list>li.cat-item:hover {
    border-color: var(--maco-blue);
    box-shadow: 0 4px 15px var(--maco-shadow-card-blue);
}

ul.maco-cat-list>li.cat-item:hover .maco-cat-header a,
ul.maco-cat-list>li.cat-item:hover .maco-toggle-icon {
    color: var(--maco-blue);
}

/* Activo Categoría */
ul.maco-cat-list>li.cat-item.active {
    border-color: var(--maco-blue);
    background-color: var(--maco-white);
    box-shadow: 0 8px 20px var(--maco-shadow-card-blue);
}

ul.maco-cat-list>li.cat-item.active .maco-cat-header a {
    color: var(--maco-blue);
    font-weight: 800;
}

ul.maco-cat-list>li.cat-item.active .maco-toggle-icon {
    color: var(--maco-blue);
}

/* Submenú */
ul.children {
    display: none;
    list-style: none;
    padding: 15px 0;
    border-left: 2px solid var(--maco-blue);
    margin: 0 0 20px 25px;
}

ul.children li {
    display: flex;
    align-items: center;
    padding-left: 15px;
    line-height: 1.2;
    margin-bottom: 10px;
}

/* Flechas */
ul.children li a,
.maco-cat-header a.arrow-link {
    text-decoration: none;
    color: var(--maco-blue);
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    position: relative;
}

.maco-cat-header a.arrow-link {
    color: var(--maco-orange);
    font-size: 15px;
    font-weight: 700;
}

ul.children li a::before,
.maco-cat-header a.arrow-link::before {
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: inline-block;
    width: 0;
    opacity: 0;
    margin-right: 0;
    color: var(--maco-blue);
    transition: all 0.3s ease;
    overflow: hidden;
    flex-shrink: 0;
}

/* Flechas Activas / Hover */
a.arrow-link:hover,
ul.children li a:hover,
a.active-cat,
ul.children li a.child-active,
li.cat-item.active .maco-cat-header a.arrow-link {
    font-weight: 800;
    color: var(--maco-blue) !important;
    transform: translateX(5px);
}

a.arrow-link:hover::before,
ul.children li a:hover::before,
a.active-cat::before,
ul.children li a.child-active::before,
li.cat-item.active .maco-cat-header a.arrow-link::before {
    width: 15px !important;
    opacity: 1 !important;
    margin-right: 8px !important;
    color: var(--maco-blue) !important;
}

/* Solo hover en padres sin hijos */
ul.maco-cat-list>li.cat-item:not(.has-children):hover .maco-cat-header a.arrow-link::before {
    width: 15px !important;
    opacity: 1 !important;
    margin-right: 8px !important;
}

ul.maco-cat-list>li.cat-item:not(.has-children):hover .maco-cat-header a.arrow-link {
    transform: translateX(5px);
}

/* --- FILTROS --- */
.maco-filter-widget {
    display: flex;
    justify-content: flex-end;
    position: relative;
    z-index: 100;
    margin-bottom: 0;
}

.maco-custom-dropdown {
    position: relative;
    width: 220px;
    font-size: 14px;
    user-select: none;
}

.maco-dropdown-selected {
    background-color: var(--maco-glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: var(--maco-blue);
    /* Texto azul legible en fondo claro o translúcido */
    border: 2px solid var(--maco-blue);
    padding: 10px 20px;
    border-radius: 30px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    transition: all 0.3s ease;
}

/* Variante para fondos oscuros (ej. imagen de fondo) — agregar clase extra al widget */
.maco-filter-widget--dark .maco-dropdown-selected {
    color: var(--maco-white);
    border-color: var(--maco-white);
    background-color: rgba(255, 255, 255, 0.25);
}

.maco-dropdown-selected:hover,
.maco-custom-dropdown.open .maco-dropdown-selected {
    background-color: var(--maco-blue);
    color: var(--maco-white);
    border-color: var(--maco-blue);
}

.maco-dropdown-arrow {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.maco-custom-dropdown.open .maco-dropdown-arrow {
    transform: rotate(180deg);
}

.maco-dropdown-options {
    position: absolute;
    top: 115%;
    left: 0;
    right: 0;
    background-color: var(--maco-glass-menu);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 2px solid var(--maco-blue);
    border-radius: 15px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 10px 25px var(--maco-shadow-card-blue);
    z-index: 101;
}

.maco-custom-dropdown.open .maco-dropdown-options {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.maco-dropdown-item {
    padding: 12px 20px;
    cursor: pointer;
    color: var(--maco-text-medium);
    font-weight: 500;
    transition: background 0.2s;
    border-bottom: 1px solid var(--maco-border-subtle);
}

.maco-dropdown-item:last-child {
    border-bottom: none;
}

.maco-dropdown-item:hover {
    background-color: var(--maco-bg-blue-pale);
    color: var(--maco-blue);
    font-weight: 700;
}

.maco-dropdown-item.selected {
    display: none !important;
}

/* --- GRID PRODUCTOS --- */
.macovenca-product-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.maco-product-card {
    background: var(--maco-white);
    border-radius: 20px;
    box-shadow: 0 5px 15px var(--maco-shadow-soft);
    padding: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--maco-border-subtle);
    transition: all 0.3s ease;
    overflow: hidden;
}

.maco-product-card:hover {
    box-shadow: 0 10px 25px var(--maco-shadow-hover);
    transform: translateY(-5px);
}

.maco-product-card {
    --card-color: var(--maco-blue);
}

.maco-product-card:nth-child(odd) {
    --card-color: var(--maco-orange);
}

.maco-product-card:nth-child(even) {
    --card-color: var(--maco-blue);
}

.maco-product-image-wrapper {
    position: relative;
    border: 3px solid var(--card-color);
    border-radius: 20px;
    margin-bottom: 15px;
    height: 200px;
    overflow: visible;
    z-index: 1;
}

.maco-image-inner {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--maco-white);
}

.maco-image-inner img {
    max-height: 80%;
    max-width: 80%;
    object-fit: contain;
    transition: transform 0.3s;
}

.maco-product-card:hover .maco-image-inner img {
    transform: scale(1.05);
}

/* ==========================================================
   CORRECCIÓN WISHLIST YITH (AJUSTE FINAL DE RELLENO)
   ========================================================== */

/* 1. POSICIONAMIENTO DEL CONTENEDOR */
.maco-product-image-wrapper .maco-wishlist-container {
    position: absolute !important;
    top: -18px !important;
    right: -18px !important;
    z-index: 20;
    width: 40px;
    height: 40px;
    display: block;
}

/* 2. RESETEAR LOS BLOQUES DE YITH */
.maco-wishlist-container .yith-add-to-wishlist-button-block {
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. ESTILO DEL BOTÓN (Círculo de color) */
.maco-wishlist-container .yith-wcwl-add-to-wishlist-button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 40px !important;
    height: 40px !important;
    background-color: var(--card-color) !important;
    border: 3px solid var(--maco-white) !important;
    border-radius: 50% !important;
    color: var(--maco-white) !important;
    text-decoration: none !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    transition: transform 0.2s ease;
    padding: 0 !important;
}

/* 4. OCULTAR EL TEXTO */
.maco-wishlist-container .yith-wcwl-add-to-wishlist-button__label {
    display: none !important;
}

/* 5. ESTILO DEL ICONO (SVG) - BASE */
.maco-wishlist-container .yith-wcwl-icon {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    stroke-width: 2px;
    stroke: var(--maco-white) !important;
    /* El borde siempre blanco */
    fill: none;
    /* SIN !important, para permitir sobrescritura */
    transition: all 0.3s ease;
}

/* 6. ESTADO "AÑADIDO" (RELLENO BLANCO) */
/* Usamos tu selector específico para garantizar que gane la especificidad */
.maco-wishlist-container .yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button).yith-wcwl-add-to-wishlist-button--added svg.yith-wcwl-add-to-wishlist-button-icon {
    fill: var(--maco-white) !important;
}

/* 7. MANTENER COLOR DE FONDO Y HOVER */
.maco-wishlist-container .yith-wcwl-add-to-wishlist-button:hover {
    transform: scale(1.1);
}

.maco-wishlist-container .yith-wcwl-wishlistaddedbrowse a,
.maco-wishlist-container .yith-wcwl-wishlistexistsbrowse a {
    background-color: var(--card-color) !important;
    opacity: 1 !important;
}

/* ========================================================== */

/* Actions Overlay */
.maco-actions-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    background: rgba(255, 255, 255, 0.95);
    display: flex;
    gap: 10px;
    justify-content: center;
    z-index: 20;
    transform: translateY(100%);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: none;
}

.maco-btn {
    border: none;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    height: 36px;
}

.maco-btn-preview {
    width: 36px;
    background: var(--maco-bg-light);
    color: var(--maco-text-medium);
    padding: 0;
}

.maco-btn-preview:hover {
    background: var(--maco-bg-light-hover);
    color: var(--maco-black);
}

.maco-btn-view {
    flex-grow: 1;
    background: var(--card-color);
    color: var(--maco-white);
    padding: 0 15px;
}

.maco-btn-view:hover {
    filter: brightness(0.9);
}

/* Textos */
.maco-card-content {
    padding: 0;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.maco-cat-label {
    font-size: 11px;
    color: var(--card-color);
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: block;
}

.macovenca-product-grid .maco-title {
    font-size: 16px;
    font-weight: 800;
    color: var(--maco-black);
    margin: 0 0 5px;
    line-height: 1.2;
}

.macovenca-product-grid .maco-title a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s;
}

.macovenca-product-grid .maco-title a:hover {
    color: var(--card-color);
}

.maco-sku {
    font-size: 13px;
    color: var(--maco-text-medium);
    margin-bottom: 0;
    font-weight: 600;
}

/* Paginación */
.maco-pagination {
    margin-top: 40px;
    text-align: center;
    grid-column: 1 / -1;
}

.maco-pagination .page-numbers {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid var(--maco-orange);
    color: var(--maco-orange);
    text-decoration: none;
    margin: 0 3px;
    font-weight: bold;
}

.maco-pagination .page-numbers.current,
.maco-pagination .page-numbers:hover {
    background: var(--maco-orange);
    color: var(--maco-white);
}

/* --- MODAL (DESKTOP) --- */
.maco-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--maco-overlay-modal);
    backdrop-filter: blur(5px);
    z-index: 9999;
    display: none;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.maco-modal-overlay.open {
    display: flex;
    opacity: 1;
}

.maco-quickview-content {
    background: var(--maco-white);
    width: 90%;
    max-width: 800px;
    border-radius: 30px;
    padding: 40px;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
    transform: translateY(20px);
    transition: transform 0.3s ease;
}

.maco-modal-overlay.open .maco-quickview-content {
    transform: translateY(0);
}

.maco-qv-image-box {
    position: relative;
    border: 3px solid var(--qv-color, var(--maco-orange));
    border-radius: 20px;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.maco-qv-image-box img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.maco-qv-wishlist {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 50px;
    height: 50px;
    background: var(--qv-color, var(--maco-orange));
    border-radius: 50%;
    border: 3px solid var(--maco-white);
    color: var(--maco-white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    box-shadow: 0 5px 15px var(--maco-shadow-hover);
    transition: 0.3s;
}

.maco-qv-wishlist:hover {
    transform: scale(1.1);
}

.maco-qv-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.maco-qv-cat {
    color: var(--qv-color, var(--maco-orange));
    font-weight: 800;
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 10px;
}

.maco-qv-title {
    font-size: 28px;
    font-weight: 800;
    color: var(--maco-black);
    margin: 0 0 15px;
    line-height: 1.2;
}

.maco-qv-sku {
    font-size: 14px;
    color: var(--maco-text-light);
    margin-bottom: 20px;
    font-weight: 600;
}

.maco-qv-desc {
    font-size: 15px;
    color: var(--maco-text-medium);
    line-height: 1.6;
    margin-bottom: 30px;
}

.maco-qv-btn {
    background: var(--qv-color, var(--maco-orange));
    color: var(--maco-white);
    text-decoration: none;
    padding: 15px 30px;
    border-radius: 50px;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    transition: 0.3s;
    align-self: flex-start;
    box-shadow: 0 10px 20px var(--maco-shadow-hover);
}

.maco-qv-btn:hover {
    filter: brightness(0.9);
    transform: translateY(-2px);
}

.maco-close-modal {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    font-size: 24px;
    color: var(--maco-text-muted);
    cursor: pointer;
    transition: 0.3s;
}

.maco-close-modal:hover {
    color: var(--maco-black);
    transform: rotate(90deg);
}

/* --- SIDEBAR OFF-CANVAS (ESTRUCTURA) --- */
.maco-mobile-trigger {
    display: none;
}

.maco-sidebar-header {
    display: none;
}

.maco-sidebar-overlay {
    display: none;
}

.maco-mobile-filters {
    display: none;
}

.maco-sidebar-content {
    display: block;
    width: 100%;
    background: transparent;
}

/* =======================================================
   2. RESPONSIVE & MOBILE OPTIMIZATIONS
   ======================================================= */

/* --- OVERLAY BOTONES TARJETAS (Desktop) --- */
@media (min-width: 1025px) {
    .maco-product-card:hover .maco-actions-overlay {
        transform: translateY(0);
        opacity: 1;
    }
}

/* --- TABLETS Y MÓVILES ( < 1024px ) --- */
@media (max-width: 1024px) {

    /* Overlay siempre visible en táctil */
    .maco-actions-overlay {
        position: relative;
        transform: translateY(0);
        opacity: 1;
        background: transparent;
        border-top: none;
        padding: 10px 0;
        margin-top: auto;
    }

    /* Menos relleno en tarjetas para aprovechar espacio */
    .maco-product-card {
        padding: 15px;
    }

    .maco-product-image-wrapper {
        height: 180px;
    }

    .macovenca-product-grid .maco-title {
        font-size: 15px;
    }
}

/* --- SIDEBAR RESPONSIVE ( < 991px ) --- */
@media (max-width: 991px) {

    /* 1. Botón Trigger (Circular) */
    .maco-mobile-trigger {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--maco-orange);
        color: var(--maco-white);
        border: none;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        padding: 0;
        font-size: 20px;
        margin-bottom: 0;
        cursor: pointer;
        box-shadow: 0 5px 15px var(--maco-shadow-hover);
        transition: 0.3s;
        font-family: var(--maco-font-family);
    }

    .maco-mobile-trigger:hover {
        background-color: var(--maco-blue);
    }

    /* 2. Sidebar Off-Canvas */
    .maco-sidebar-content {
        position: fixed;
        top: 0;
        left: -320px;
        width: 300px;
        height: 100vh;
        background: var(--maco-white);
        z-index: 10000;
        padding: 20px;
        box-shadow: 5px 0 20px rgba(0, 0, 0, 0.1);
        transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        overflow-y: auto;
    }

    .maco-sidebar-content.open {
        left: 0;
    }

    /* Estilizar scrollbar del sidebar */
    .maco-sidebar-content::-webkit-scrollbar {
        width: 6px;
    }

    .maco-sidebar-content::-webkit-scrollbar-track {
        background: var(--maco-bg-light);
    }

    .maco-sidebar-content::-webkit-scrollbar-thumb {
        background: var(--maco-text-muted);
        border-radius: 3px;
    }

    /* 3. Headers y Elementos Móviles */
    .maco-sidebar-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
        padding-bottom: 15px;
        border-bottom: 1px solid var(--maco-border-subtle);
    }

    .maco-sidebar-title {
        font-size: 20px;
        font-weight: 800;
        color: var(--maco-blue);
    }

    .maco-sidebar-close {
        background: none;
        border: none;
        font-size: 24px;
        color: var(--maco-text-muted);
        cursor: pointer;
    }

    .maco-mobile-filters {
        display: block;
        margin-bottom: 20px;
    }

    .maco-mobile-section-title {
        font-size: 14px;
        font-weight: 800;
        color: var(--maco-black);
        margin-bottom: 10px;
        text-transform: uppercase;
    }

    .maco-mobile-divider {
        border: 0;
        border-top: 1px solid var(--maco-border-subtle);
        margin-bottom: 20px;
    }

    .maco-desktop-title {
        display: none;
    }

    .maco-sidebar-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(2px);
        z-index: 9999;
        opacity: 0;
        transition: opacity 0.3s;
    }

    .maco-sidebar-overlay.open {
        display: block;
        opacity: 1;
    }

    /* 4. Grid (Columnas controladas ahora por Elementor, aquí solo gaps) */
    .macovenca-product-grid {
        gap: 15px;
    }

    .maco-btn {
        font-size: 12px;
    }
}

/* --- MODAL OPTIMIZADO PARA MÓVIL --- */
@media (max-width: 768px) {
    .maco-quickview-content {
        grid-template-columns: 1fr !important;
        /* Una sola columna */
        width: 90% !important;
        height: auto !important;
        max-height: 85vh;
        /* Máximo alto con scroll */
        overflow-y: auto;
        padding: 25px 20px !important;
        gap: 20px !important;
        border-radius: 20px;
    }

    .maco-qv-image-box {
        height: 220px !important;
        margin-bottom: 0 !important;
        border-width: 2px !important;
    }

    .maco-qv-title {
        font-size: 22px !important;
        margin-bottom: 10px !important;
    }

    .maco-qv-sku {
        margin-bottom: 10px !important;
    }

    .maco-qv-desc {
        font-size: 14px !important;
        margin-bottom: 20px !important;
    }

    .maco-close-modal {
        top: 10px !important;
        right: 10px !important;
        background: var(--maco-bg-light) !important;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px !important;
    }

    .maco-qv-btn {
        width: 100%;
        text-align: center;
        display: block;
    }
}

@media (max-width: 550px) {
    .maco-product-card {
        padding: 12px;
    }

    .maco-actions-overlay {
        gap: 6px;
        padding: 8px 0 0;
    }

    .maco-btn {
        height: 34px;
        font-size: 11px;
        line-height: 1.05;
    }

    .maco-btn-preview {
        width: 34px;
        min-width: 34px;
        flex: 0 0 34px;
    }

    .maco-btn-view {
        min-width: 0;
        flex: 1 1 auto;
        padding: 0 10px;
        text-align: center;
        white-space: normal;
    }
}

/* ==========================================================
   ESTILO IMAGEN PRINCIPAL (DIRECTO A LA FOTO)
   ========================================================== */

/* 1. Limpiamos el contenedor por si acaso */
.maco-imagen-marco {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 2. Estilo aplicado DIRECTAMENTE a la etiqueta <img> principal */
.maco-imagen-marco .woocommerce-product-gallery__wrapper img {
    border: 3px solid var(--maco-orange, #ff8601) !important;
    /* El Borde Naranja */
    border-radius: 20px !important;
    /* Esquinas redondeadas del borde */
    padding: 20px !important;
    /* EL ESPACIO BLANCO INTERNO */
    background-color: #ffffff !important;
    /* Fondo blanco para el espacio interno */

    /* CONTROL DE TAMAÑO */
    max-width: 450px !important;
    /* Ancho máximo para que no se vea gigante */
    width: 100% !important;
    height: auto !important;

    /* CENTRADO Y CAJA */
    display: block !important;
    margin: 0 auto !important;
    /* Centrar la imagen en su columna */
    box-sizing: border-box !important;
    /* Para que el padding no rompa el tamaño */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    /* Sombra suave opcional */
}

/* 3. Evitar que esto afecte a las miniaturas (Thumbnails) de abajo */
.maco-imagen-marco .flex-control-nav img,
.maco-imagen-marco .flex-control-thumbs img {
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

/* ==========================================================
   ESTILOS WIDGET: BUSCADOR PRO (VERSIÓN COMPACTA)
   ========================================================== */

/* Contenedor Principal */
.macovenca-search-widget-pro {
    width: 100%;
    max-width: 100%;
}

.maco-search-form-pro {
    display: flex;
    gap: 10px;
    /* Reduje el espacio entre elementos */
    align-items: center;
}

/* --- A. DROPDOWN DE CATEGORÍAS --- */
.maco-search-cat-dropdown {
    position: relative;
    width: 120px;
    /* Un poco más angosto */
    flex-shrink: 0;
    font-family: var(--maco-font-family, "Inter", "Arial", sans-serif);
}

/* El botón visual "Todo" */
.maco-search-cat-dropdown .maco-dropdown-selected.cat-trigger {
    border: 2px solid var(--maco-orange, #ff8601);
    /* Borde más fino (2px en vez de 3px) */
    border-radius: 50px;
    background: #fff;
    color: var(--maco-orange, #ff8601);
    padding: 0 15px;
    height: 40px;
    /* ALTURA REDUCIDA (Antes 50px) */
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    font-weight: 700;
    font-size: 13px;
    /* Letra más pequeña */
    transition: all 0.3s;
}

.maco-search-cat-dropdown .maco-dropdown-selected.cat-trigger:hover {
    background: #fff8f0;
}

.maco-search-cat-dropdown .maco-dropdown-arrow {
    font-size: 11px;
}

/* --- LISTA DE OPCIONES --- */
.maco-scrollable-options {
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    top: 110%;
    left: 0;
    min-width: 180px;
    background: #fff;
    border: 2px solid var(--maco-orange, #ff8601);
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-5px);
    transition: all 0.2s;
    z-index: 9999;
}

.maco-custom-dropdown.open .maco-scrollable-options {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.maco-search-cat-item {
    padding: 8px 15px;
    /* Items más compactos */
    border-bottom: 1px solid #f0f0f0;
    font-size: 13px;
    color: #555;
}

/* --- B. INPUT DE BÚSQUEDA --- */
.maco-search-input-wrapper {
    flex-grow: 1;
    position: relative;
    height: 40px;
    /* ALTURA REDUCIDA (Antes 50px) */
}

.search-field-pro {
    width: 100%;
    height: 100%;
    border: 2px solid var(--maco-orange, #ff8601);
    /* Borde más fino */
    border-radius: 50px;
    padding: 0 45px 0 20px;
    /* Ajuste de padding derecho */
    color: var(--maco-orange, #ff8601);
    font-weight: 600;
    font-size: 14px;
    /* Letra más pequeña y elegante */
    outline: none;
    background: #fff;
    font-family: var(--maco-font-family, "Inter", "Arial", sans-serif);
}

.search-field-pro::placeholder {
    color: var(--maco-orange, #ff8601);
    opacity: 0.8;
}

/* Botón Lupa */
.search-submit-btn-pro {
    position: absolute;
    right: 4px;
    top: 4px;
    bottom: 4px;
    width: 32px;
    /* Botón más pequeño y circular */
    height: 32px;
    border-radius: 50%;
    /* Perfectamente circular */
    background: var(--maco-orange, #ff8601);
    color: #fff;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    transition: background 0.3s;
}

.search-submit-btn-pro:hover {
    background: var(--maco-orange-hover, #e67900);
}

/* Responsive */
@media (max-width: 550px) {
    .maco-search-form-pro {
        flex-direction: column;
        gap: 10px;
    }

    .maco-search-cat-dropdown,
    .maco-search-input-wrapper {
        width: 100%;
    }
}

/* ==========================================================
   PARCHE DE CENTRADO DEL CORAZÓN (WISHLIST)
   ========================================================== */

/* 1. Ajustes al contenedor flexible (el botón redondo) */
body .maco-wishlist-container a.yith-wcwl-add-to-wishlist-button {
    line-height: 0 !important;
    /* Elimina la altura de línea de texto */
    font-size: 0 !important;
    /* Elimina tamaño de fuente fantasma */
}

/* 2. Ajustes al ICONO (SVG o Fuente) */
body .maco-wishlist-container .yith-wcwl-icon {
    display: block !important;
    /* Deja de comportarse como texto */
    margin: 0 auto !important;
    /* Forzar margen 0 */
    position: relative !important;
    top: 0 !important;
    /* Resetear posiciones extrañas */
    transform: translateY(1px) !important;
    /* AJUSTE ÓPTICO: Baja el corazón 1 pixel (a veces se ven altos visualmente) */
}

/* 3. Matar pseudo-elementos extraños que agregan temas o plugins */
/* A veces hay un ::before o ::after invisible ocupando espacio */
body .maco-wishlist-container a.yith-wcwl-add-to-wishlist-button::before,
body .maco-wishlist-container a.yith-wcwl-add-to-wishlist-button::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
}

/* ==========================================================
   ESTILOS WIDGET: FAQ (LÍNEAS ARRIBA)
   ========================================================== */

.macovenca-faq-wrapper {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    font-family: var(--maco-font-family, "Inter", "Arial", sans-serif);
}

.maco-faq-title {
    font-size: 18px;
    font-weight: 800;
    color: #222;
    margin-bottom: 25px;
}

.maco-faq-list {
    display: flex;
    flex-direction: column;
}

/* --- ITEM BASE (Inactivo) --- */
.maco-faq-item {
    /* CAMBIO CLAVE: Línea gris ARRIBA */
    border-top: 1px solid #dcdcdc;
    border-bottom: none;
    /* Quitamos la de abajo */

    transition: all 0.3s ease;
    background: transparent;
    overflow: hidden;
}

/* Quitar la línea superior del PRIMER elemento para que no choque con el título */
.maco-faq-item:first-child {
    border-top: none;
}

/* --- HEADER (Pregunta) --- */
.maco-faq-header {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 18px 10px;
    cursor: pointer;
}

.maco-faq-icon {
    font-size: 14px;
    color: #555;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.maco-faq-question {
    font-weight: 700;
    color: #444;
    font-size: 16px;
    flex-grow: 1;
    text-align: left;
    line-height: 1.4;
}

/* --- BODY (Respuesta) --- */
.maco-faq-body {
    display: none;
    padding: 0 20px 25px 45px;
    /* Indentado a la izquierda */
    color: #666;
    font-size: 15px;
    line-height: 1.6;
    text-align: left;
}

/* ==========================================================
   ESTADO ACTIVO (TARJETA NARANJA)
   ========================================================== */

.maco-faq-item.active {
    /* El borde naranja sobrescribe cualquier borde gris */
    border: 2px solid var(--maco-orange, #ff8601) !important;
    border-radius: 20px;
    background-color: #f9f9f9;

    /* Separación para que la tarjeta flote y no se pegue a las líneas vecinas */
    margin: 10px 0;

    box-shadow: 0 10px 25px rgba(255, 134, 1, 0.1);
}

/* HEADER ACTIVO */
.maco-faq-item.active .maco-faq-header {
    padding-bottom: 10px;
}

.maco-faq-item.active .maco-faq-icon {
    transform: rotate(180deg);
    color: var(--maco-orange, #ff8601);
}

.maco-faq-item.active .maco-faq-question {
    color: var(--maco-orange, #ff8601);
}

/* AJUSTE FINO: Si el elemento activo es el primero, recuperamos el margen */
.maco-faq-item.active:first-child {
    margin-top: 0;
    border-top: 2px solid var(--maco-orange, #ff8601) !important;
}

/* Si hay un elemento DESPUÉS del activo, ese elemento mantiene su línea gris arriba */
.maco-faq-item.active+.maco-faq-item {
    border-top: 1px solid #dcdcdc;
}

/* ==========================================================
   ESTILOS CONTACT FORM 7 (DISEÑO MACOVENCA)
   ========================================================== */

.maco-cf7-wrapper {
    width: 100%;
    max-width: 600px;
    /* Ancho máximo para que no se estire demasiado */
    font-family: var(--maco-font-family, "Inter", "Arial", sans-serif);
}

/* Título */
.maco-cf7-title {
    font-size: 20px;
    font-weight: 800;
    color: #222;
    margin-bottom: 25px;
}

/* Grupos de campos */
.maco-cf7-group {
    margin-bottom: 20px;
}

/* Etiquetas (Labels) */
.maco-cf7-group label {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #666;
    /* Gris medio como en la foto */
    margin-bottom: 8px;
}

/* Inputs y Textarea */
.maco-input {
    width: 100%;
    background-color: #f9f9f9;
    /* Fondo muy sutil */
    border: 1px solid #ccc;
    /* Borde gris suave */
    border-radius: 15px;
    /* Bordes redondeados */
    padding: 12px 20px;
    /* Espacio interno */
    font-size: 15px;
    color: #333;
    outline: none;
    transition: all 0.3s ease;
    font-family: inherit;
}

/* Altura específica para el textarea */
textarea.maco-input {
    min-height: 150px;
    resize: vertical;
    /* Permite estirar solo verticalmente */
}

/* Efecto al hacer clic (Focus) */
.maco-input:focus {
    border-color: var(--maco-orange, #ff8601);
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(255, 134, 1, 0.1);
}

/* Botón de Enviar */
.maco-submit-btn {
    background-color: var(--maco-orange, #ff8601);
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    border: none;
    border-radius: 50px;
    /* Botón muy redondeado (píldora) */
    padding: 12px 35px;
    cursor: pointer;
    transition: background 0.3s ease, transform 0.2s;
    text-transform: none;
    /* Respetar mayúsculas/minúsculas del texto */
}

.maco-submit-btn:hover {
    background-color: var(--maco-orange-hover, #e67900);
    transform: translateY(-2px);
}

/* Ajuste para mensajes de error/éxito de CF7 */
.wpcf7-not-valid-tip {
    font-size: 12px;
    color: #dc3232;
    margin-top: 5px;
}

/* ========================================
   AJUSTES DE PÁGINA GLOBAL
   Nota: estas reglas afectan al body completo para
   garantizar que el footer siempre quede pegado al
   fondo de la página (sticky footer pattern).
   Requieren que el tema use <main id="content">.
   ======================================== */

.mfont-strong-600 {
    font-weight: 600;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* El contenido principal ocupa el espacio sobrante entre header y footer */
main#content {
    flex-grow: 1;
}

/* ==========================================================
   ESTILOS WIDGET: BLOG DESTACADO (HORIZONTAL)
   ========================================================== */

.maco-blog-featured-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
    /* Espacio entre tarjetas */
    max-width: 1000px;
    /* Ancho máximo para que no se estiren demasiado */
    margin: 0 auto;
}

/* --- LA TARJETA --- */
.maco-blog-featured-card {
    display: flex;
    background: var(--maco-bg-gray-pale);
    border-radius: 20px;
    /* Bordes redondeados de toda la tarjeta */
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.01);
    /* Sombra suave */
    border: 1px solid var(--maco-bg-light);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.maco-blog-featured-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}

/* --- COLUMNA IZQUIERDA: IMAGEN --- */
.maco-blog-image-col {
    width: 35%;
    /* Ocupa aprox. un tercio */
    flex-shrink: 0;
    /* No se encoge */
    position: relative;
    overflow: hidden;
}

.maco-blog-image-link {
    display: block;
    width: 100%;
    height: 100%;
}

.maco-blog-image-col img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    /* Recorta la imagen para llenar el espacio */
    transition: transform 0.5s ease;
}

.maco-blog-featured-card:hover .maco-blog-image-col img {
    transform: scale(1.05);
    /* Pequeño zoom al pasar el mouse */
}

/* --- COLUMNA DERECHA: CONTENIDO --- */
.maco-blog-content-col {
    flex-grow: 1;
    padding: 30px 40px 30px 30px;
    /* Espacio interno generoso */
    position: relative;
    /* Para posicionar la fecha */
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* Centrar verticalmente el contenido */
}

/* BADGE DE FECHA — posicionado en la columna de contenido */
.maco-blog-date-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 70px;
    background-color: var(--maco-white);
    color: var(--maco-black);
    border-radius: 50px;
    border: 2px solid var(--maco-orange, #ff8601);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 5px 8px;
}

.maco-date-day {
    font-size: 18px;
    font-weight: 800;
    display: block;
}

.maco-date-month {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 2px;
}

/* TÍTULO */
.maco-blog-title {
    font-size: 22px;
    font-weight: 800;
    color: var(--maco-black);
    margin: 0 0 15px;
    padding-right: 60px;
    /* Espacio para que no choque con la fecha */
    line-height: 1.3;
}

/* ==========================================================
   IMAGEN DESTACADA DEL POST INDIVIDUAL
   Componente standalone: imagen con overlay azul + fecha
   ========================================================== */

.maco-post-thumb {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    width: 100%;
}

/* Overlay azul semitransparente */
.maco-post-thumb::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 3, 172, 0.42);
    border-radius: inherit;
    pointer-events: none;
    z-index: 1;
}

.maco-post-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.maco-post-thumb:hover img {
    transform: scale(1.04);
}

/* Badge de fecha encima del overlay */
.maco-post-thumb .maco-blog-date-badge {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
    background-color: var(--maco-white);
    color: var(--maco-black);
    border: 2px solid var(--maco-orange);
    border-radius: 50px;
    width: 72px;
    padding: 6px 8px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}

.maco-blog-title a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s;
}

.maco-blog-title a:hover {
    color: var(--maco-orange, #ff8601);
}

/* EXTRACTO */
.maco-blog-excerpt {
    font-size: 15px;
    color: var(--maco-text-medium, #666);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* BOTÓN LEER MÁS */
.maco-blog-read-more {
    background-color: var(--maco-orange, #ff8601);
    color: var(--maco-white);
    font-weight: 700;
    padding: 12px 30px;
    border-radius: 50px;
    display: inline-flex;
    align-self: flex-start;
    /* Alinear a la izquierda */
    text-transform: none;
    box-shadow: 0 5px 15px rgba(255, 134, 1, 0.2);
}

.maco-blog-read-more:hover {
    background-color: var(--maco-orange-hover, #e67900);
    transform: translateY(-2px);
}

/* --- RESPONSIVE (Móvil) --- */
@media (max-width: 768px) {
    .maco-blog-featured-card {
        flex-direction: column;
        /* Poner imagen arriba y texto abajo */
    }

    .maco-blog-image-col {
        width: 100%;
        height: 250px;
        /* Altura fija para la imagen en móvil */
    }

    .maco-blog-content-col {
        padding: 25px;
    }

    .maco-blog-title {
        font-size: 20px;
    }
}

/* ==========================================================
   ESTILOS BLOG VERTICAL (DISEÑO CAPAS SUPERPUESTAS)
   ========================================================== */

.maco-blog-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
    padding-left: 15px;
    /* Espacio para el badge que sale */
    margin: 0 auto;
}

/* VARIABLES DE COLOR */
.maco-card-orange {
    --item-color: #ff8601;
}

.maco-card-blue {
    --item-color: #0003ac;
}

/* 1. CONTENEDOR PRINCIPAL (FONDO DE COLOR) */
.maco-blog-vertical-card {
    border-radius: 30px;
    /* Bordes redondeados generales */
    position: relative;
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
}

.maco-blog-vertical-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

/* 2. CAPA DE IMAGEN */
.maco-v-image-layer {
    width: 100%;
    height: 240px;
    /* Altura de la foto */
    background: #fff;
    border-top-left-radius: 30px;
    /* Redondeado arriba para seguir al contenedor */
    border-top-right-radius: 30px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border: 15px solid var(--item-color);
}

.maco-v-image-layer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.maco-blog-vertical-card:hover .maco-v-image-layer img {
    transform: scale(1.05);
}

/* 3. CAPA DE CONTENIDO (BLANCO SUPERPUESTO) */
.maco-v-content-layer {
    background-color: #ffffff;

    /* BORDES Y FORMA */
    border: 3px solid var(--item-color);
    /* Borde de color */
    border-radius: 30px;
    /* Muy redondeado */

    /* SUPERPOSICIÓN */
    margin-top: -55px;
    /* Aquí está la magia: SUBE sobre la imagen */
    padding: 40px 25px 30px;
    /* Relleno interno */

    text-align: center;
    position: relative;
    z-index: 2;
    /* Encima de la imagen */
}

/* Título */
.maco-vertical-title {
    font-size: 19px;
    font-weight: 800;
    color: var(--item-color);
    /* Título del color de la tarjeta */
    margin: 0 0 15px;
    line-height: 1.3;
}

.maco-vertical-title a {
    text-decoration: none;
    color: inherit;
}

/* Separador */
.maco-title-separator {
    width: 40px;
    height: 3px;
    background-color: var(--item-color);
    margin: 0 auto 15px;
}

/* Extracto */
.maco-vertical-excerpt {
    font-size: 14px;
    color: #555;
    line-height: 1.5;
    margin-bottom: 25px;
}

/* Botón */
.maco-vertical-read-more {
    display: inline-block;
    padding: 8px 30px;
    border: 2px solid var(--item-color);
    color: var(--item-color);
    border-radius: 50px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s;
    background: transparent;
}

.maco-vertical-read-more:hover {
    background: var(--item-color);
    color: #fff;
}

/* 4. BADGE FECHA (CÁPSULA) */
.maco-vertical-date-badge {
    position: absolute;
    top: 50px;
    /* Posición vertical (ajusta según gusto) */
    left: -20px;
    /* Saca la cápsula hacia la izquierda */

    background: #ffffff;
    border: 3px solid var(--item-color);
    /* Borde de color */
    border-radius: 50px;
    /* Forma de cápsula */
    padding: 8px 15px;
    min-width: 75px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 10;
    /* Encima de todo */
}

.maco-vertical-date-badge .v-day {
    font-size: 22px;
    font-weight: 800;
    color: #000;
    line-height: 1;
}

.maco-vertical-date-badge .v-month {
    font-size: 12px;
    font-weight: 700;
    text-transform: lowercase;
    color: #000;
    margin-top: -2px;
}

/* ==========================================================
   PÁGINA DE FAVORITOS / WISHLIST
   ========================================================== */

/* ── Botón de acceso "Favoritos ♡" (navbar / header) ── */
.maco-fav-page-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: var(--maco-blue);
    color: var(--maco-white);
    font-family: var(--maco-font-family);
    font-size: 15px;
    font-weight: 700;
    padding: 10px 22px;
    border-radius: 50px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background 0.3s, transform 0.2s;
}

.maco-fav-page-btn .elementor-button-content-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.maco-fav-page-btn .elementor-button-text {
    display: inline-block;
}

.maco-fav-page-btn i {
    font-size: 16px;
    transition: transform 0.3s;
}

.maco-fav-page-btn:hover {
    background-color: var(--maco-blue-hover);
    transform: translateY(-2px);
}

.maco-fav-page-btn:hover i {
    transform: scale(1.2);
}

.maco-fav-page-btn .maco-fav-dynamic-icon {
    position: relative;
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.maco-fav-page-btn .maco-fav-icon-filled {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: scale(0.85);
}

.maco-fav-page-btn .maco-fav-icon-empty {
    opacity: 1;
}

.maco-fav-page-btn.is-active .maco-fav-icon-empty {
    opacity: 0;
}

.maco-fav-page-btn.is-active .maco-fav-icon-filled {
    opacity: 1;
    transform: scale(1);
}

.maco-fav-page-btn.is-active {
    background-color: var(--maco-orange);
    color: var(--maco-white);
}

.maco-fav-page-btn.is-active i {
    color: var(--maco-white);
}

/* Variante naranja */
.maco-fav-page-btn.maco-fav-btn-orange {
    background-color: var(--maco-orange);
}

.maco-fav-page-btn.maco-fav-btn-orange:hover {
    background-color: var(--maco-orange-hover);
}

/* Variante outline */
.maco-fav-page-btn.maco-fav-btn-outline {
    background: transparent;
    border: 2px solid var(--maco-blue);
    color: var(--maco-blue);
}

.maco-fav-page-btn.maco-fav-btn-outline:hover {
    background: var(--maco-blue);
    color: var(--maco-white);
}

/* ── Header de la página ── */
.maco-fav-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 32px;
}

.maco-fav-title-row {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.maco-fav-title {
    font-size: 28px;
    font-weight: 800;
    color: var(--maco-black);
    margin: 0;
    line-height: 1;
}

.maco-fav-title i {
    color: var(--maco-orange);
    font-size: 24px;
}

.maco-fav-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--maco-bg-blue-pale);
    color: var(--maco-blue);
    font-size: 13px;
    font-weight: 800;
    padding: 4px 14px;
    border-radius: 50px;
    white-space: nowrap;
}

.maco-fav-page-btn .maco-fav-count {
    margin-left: auto;
}

.maco-fav-header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.maco-fav-share-btn,
.maco-fav-clear-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: var(--maco-font-family);
    font-size: 13px;
    font-weight: 700;
    padding: 9px 18px;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.25s;
    text-decoration: none;
    border: 2px solid transparent;
}

.maco-fav-share-btn {
    background: var(--maco-bg-blue-pale);
    color: var(--maco-blue);
    border-color: var(--maco-bg-blue-pale);
}

.maco-fav-share-btn:hover {
    border-color: var(--maco-blue);
    background: transparent;
}

.maco-fav-clear-btn {
    background: transparent;
    color: var(--maco-text-muted);
    border-color: var(--maco-bg-light);
}

.maco-fav-clear-btn:hover {
    border-color: #e53935;
    color: #e53935;
    background: rgba(229, 57, 53, 0.05);
}

/* ── Tarjeta de producto en favoritos ── */
/* La wishlist siempre visible y con corazón lleno */
.maco-fav-card .maco-wishlist-container {
    display: block !important;
    position: absolute !important;
    top: -18px !important;
    right: -18px !important;
    z-index: 20;
    width: 40px;
    height: 40px;
}

.maco-wishlist-container.maco-is-favorite .maco-wishlist-btn,
.maco-wishlist-container.maco-is-favorite .yith-wcwl-add-to-wishlist-button,
.maco-wishlist-container.maco-is-favorite .yith-wcwl-wishlistaddedbrowse a,
.maco-wishlist-container.maco-is-favorite .yith-wcwl-wishlistexistsbrowse a {
    background: var(--maco-orange) !important;
    border-color: var(--maco-orange) !important;
}

.maco-wishlist-container.maco-is-favorite .maco-wishlist-btn i,
.maco-wishlist-container.maco-is-favorite .yith-wcwl-icon {
    color: var(--maco-white) !important;
    fill: var(--maco-white) !important;
}

.maco-fav-card .maco-wishlist-btn {
    width: 40px;
    height: 40px;
    background: var(--card-color) !important;
    border: 3px solid var(--maco-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--maco-white);
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
    transition: transform 0.2s;
}

.maco-fav-card .maco-wishlist-btn:hover {
    transform: scale(1.15);
}

/* Tooltip "Quitar" al hacer hover en el corazón */
.maco-fav-card .maco-wishlist-container {
    position: absolute !important;
}

.maco-fav-card .maco-wishlist-container::before {
    content: "Quitar";
    position: absolute;
    bottom: calc(100% + 8px);
    right: 0;
    background: #333;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    font-family: var(--maco-font-family);
    padding: 4px 8px;
    border-radius: 6px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
}

.maco-fav-card .maco-wishlist-container:hover::before {
    opacity: 1;
}

/* Overlay de favoritos: agrega botón de ver detalles */
.maco-fav-card .maco-btn-view {
    flex-grow: 1;
    background: var(--maco-blue);
    color: var(--maco-white);
    padding: 0 12px;
    font-size: 12px;
}

.maco-fav-card .maco-btn-view:hover {
    background: var(--maco-blue-hover);
}

/* ── Estado vacío ── */
.maco-fav-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 80px 30px;
    background: var(--maco-white);
    border-radius: 24px;
    border: 2px dashed var(--maco-bg-light-hover);
}

.maco-fav-empty-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #fff0e6;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
}

.maco-fav-empty-icon i {
    font-size: 44px;
    color: var(--maco-orange);
}

.maco-fav-empty-title {
    font-size: 22px;
    font-weight: 800;
    color: var(--maco-black);
    margin: 0 0 10px;
}

.maco-fav-empty-text {
    font-size: 15px;
    color: var(--maco-text-medium);
    margin: 0 0 30px;
    max-width: 340px;
    line-height: 1.6;
}

.maco-fav-explore-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--maco-orange);
    color: var(--maco-white);
    font-family: var(--maco-font-family);
    font-size: 15px;
    font-weight: 700;
    padding: 13px 32px;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s;
    box-shadow: 0 6px 18px rgba(255, 134, 1, 0.25);
}

.maco-fav-explore-btn:hover {
    background: var(--maco-orange-hover);
    transform: translateY(-2px);
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .maco-fav-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .maco-fav-title {
        font-size: 22px;
    }

    .maco-fav-header-actions {
        width: 100%;
        justify-content: flex-start;
    }
}

/* ==========================================================
   TOAST / POPUP DE ACCIÓN
   ========================================================== */

/* ── Contenedor global (fixed, esquina inferior izquierda) ── */
.maco-toast-container {
    position: fixed;
    bottom: 28px;
    left: 28px;
    z-index: 999999;
    display: flex;
    flex-direction: column-reverse;
    /* Los nuevos aparecen arriba */
    gap: 10px;
    pointer-events: none;
    font-family: var(--maco-font-family);
}

/* ── Toast base ── */
.maco-toast {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--maco-white);
    border-radius: 16px;
    padding: 14px 16px 14px 14px;
    min-width: 290px;
    max-width: 360px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.13), 0 2px 8px rgba(0, 0, 0, 0.06);
    pointer-events: all;
    overflow: hidden;
    border-left: 4px solid var(--toast-color, var(--maco-orange));
    animation: maco-toast-in 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
}

.maco-toast.is-hiding {
    animation: maco-toast-out 0.3s ease forwards;
}

/* ── Ícono ── */
.maco-toast-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--toast-color-pale, #fff0e0);
    color: var(--toast-color, var(--maco-orange));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 17px;
}

/* ── Texto ── */
.maco-toast-body {
    flex-grow: 1;
    min-width: 0;
}

.maco-toast-title {
    font-size: 14px;
    font-weight: 800;
    color: var(--maco-black);
    line-height: 1.3;
    margin: 0 0 2px;
}

.maco-toast-msg {
    font-size: 12px;
    color: var(--maco-text-medium);
    line-height: 1.4;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Link de acción (ej: "Deshacer") ── */
.maco-toast-action {
    font-size: 12px;
    font-weight: 800;
    color: var(--toast-color, var(--maco-orange));
    text-decoration: none;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    font-family: var(--maco-font-family);
    flex-shrink: 0;
    transition: opacity 0.2s;
}

.maco-toast-action:hover {
    opacity: 0.75;
}

/* ── Botón cerrar ── */
.maco-toast-close {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--maco-text-muted);
    font-size: 15px;
    padding: 0;
    flex-shrink: 0;
    transition: color 0.2s, transform 0.2s;
    line-height: 1;
}

.maco-toast-close:hover {
    color: var(--maco-black);
    transform: rotate(90deg);
}

/* ── Barra de progreso ── */
.maco-toast-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background: var(--toast-color, var(--maco-orange));
    opacity: 0.35;
    border-radius: 0 0 0 12px;
    transform-origin: left center;
    animation: maco-toast-progress var(--toast-duration, 3s) linear forwards;
}

/* ── Variantes de color ── */
.maco-toast-fav-add {
    --toast-color: var(--maco-orange);
    --toast-color-pale: #fff0e0;
}

.maco-toast-fav-remove {
    --toast-color: #888888;
    --toast-color-pale: #f0f0f0;
}

.maco-toast-success {
    --toast-color: #2e7d32;
    --toast-color-pale: #e8f5e9;
}

.maco-toast-error {
    --toast-color: #c62828;
    --toast-color-pale: #ffebee;
}

.maco-toast-info {
    --toast-color: var(--maco-blue);
    --toast-color-pale: var(--maco-bg-blue-pale);
}

.maco-toast-warning {
    --toast-color: #e65100;
    --toast-color-pale: #fff3e0;
}

/* ── Animaciones ── */
@keyframes maco-toast-in {
    from {
        opacity: 0;
        transform: translateX(-20px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}

@keyframes maco-toast-out {
    from {
        opacity: 1;
        transform: translateX(0) scale(1);
        max-height: 80px;
        padding-top: 14px;
        padding-bottom: 14px;
        margin-bottom: 0;
    }

    to {
        opacity: 0;
        transform: translateX(-20px) scale(0.95);
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: -10px;
    }
}

@keyframes maco-toast-progress {
    from {
        transform: scaleX(1);
    }

    to {
        transform: scaleX(0);
    }
}

/* ── Responsive ── */
@media (max-width: 480px) {
    .maco-toast-container {
        left: 12px;
        right: 12px;
        bottom: 16px;
    }

    .maco-toast {
        min-width: 0;
        max-width: 100%;
    }
}

/* =======================================================
   TARJETAS DE CATEGORÍAS (Elementor_Macovenca_Category_Cards_Widget)
   ======================================================= */

.maco-cat-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.maco-cat-card {
    position: relative;
    height: 260px;
    border-radius: 22px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-decoration: none;
    cursor: pointer;
    background: #e6e6e6;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
    transition: transform 0.26s ease, box-shadow 0.26s ease;
}

.maco-cat-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.2);
}

/* Imagen de fondo */
.maco-cat-card-image {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-color: #d8d8d8;
    transition: transform 0.35s ease;
}

.maco-cat-card:hover .maco-cat-card-image {
    transform: scale(1.04);
}

/* Franja inferior azul, como mockup */
.maco-cat-card-footer {
    position: relative;
    z-index: 2;
    width: 100%;
    min-height: 82px;
    background: var(--maco-blue);
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
}

.maco-cat-card-text {
    min-width: 0;
}

.maco-cat-card-name {
    font-family: var(--maco-font-family);
    font-size: 31px;
    font-weight: 800;
    color: #ffffff;
    margin: 0;
    line-height: 1.2;
    letter-spacing: 0.2px;
    text-wrap: balance;
}

.maco-cat-card-count {
    font-family: var(--maco-font-family);
    font-size: 12px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.84);
    display: block;
    margin-top: 4px;
}

.maco-cat-card-arrow {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: #fff;
    font-size: 22px;
    border-radius: 999px;
    transition: transform 0.2s ease;
}

.maco-cat-card:hover .maco-cat-card-arrow {
    transform: translateX(3px);
}

/* Responsive por defecto (sin Elementor) */
@media (max-width: 1024px) {
    .maco-cat-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .maco-cat-card-name {
        font-size: 26px;
    }
}

@media (max-width: 600px) {
    .maco-cat-cards-grid {
        grid-template-columns: 1fr;
    }

    .maco-cat-card {
        height: 220px;
    }

    .maco-cat-card-footer {
        min-height: 74px;
    }

    .maco-cat-card-name {
        font-size: 22px;
    }
}

/* ── Etiqueta de filtros con label ── */
.maco-filter-widget {
    display: flex;
    align-items: center;
    gap: 10px;
}

.maco-filter-label {
    font-family: var(--maco-font-family);
    font-size: 13px;
    font-weight: 600;
    color: var(--maco-text-medium);
    white-space: nowrap;
}

/* ── Página de favoritos dinámica ── */
.maco-favorites-page {
    width: 100%;
}

.maco-favorites-loading {
    text-align: center;
    padding: 18px 0 8px;
    color: var(--maco-blue);
    font-size: 20px;
}

.maco-favorites-page-grid {
    margin-top: 10px;
}

@media (max-width: 1024px) {
    .maco-favorites-page-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 767px) {
    .maco-favorites-page-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================================
   WIDGET: NAV MENU RESPONSIVE
   ========================================================================== */

.macovenca-nav-menu-widget {
    position: relative;
    width: 100%;
}

/* ── DESKTOP (≥1025px) ── */
@media (min-width: 1025px) {

    .maco-header-hamburger,
    .maco-nav-fullscreen-dropdown {
        display: none !important;
    }

    .maco-header-nav-bar {
        background: transparent;
    }

    .maco-nav-links {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .maco-nav-links>li {
        position: relative;
        display: flex;
        align-items: center;
    }

    /* Separadores blancos verticales (excepto el último) */
    .maco-nav-links>li:not(:last-child)::after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        height: 14px;
        width: 1px;
        background-color: #ffffff;
        /* Separador blanco sólido */
    }

    .maco-nav-links>li>a {
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 0 20px;
        height: 50px;
        color: #ffffff;
        /* Texto blanco */
        text-transform: uppercase;
        text-decoration: none;
        font-size: 15px;
        font-weight: 700;
        transition: background-color 0.2s;
    }

    .maco-nav-links>li>a:hover,
    .maco-nav-links>li.nav-active>a,
    .maco-nav-links>li.maco-has-mega-menu:hover>a {
        background-color: rgba(255, 255, 255, 0.15);
        /* Lighter background on hover/active */
    }

    /* Mega-Menú Hover */
    .maco-has-mega-menu:hover .maco-nav-mega-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .maco-nav-mega-menu {
        position: absolute;
        top: 100%;
        left: 20px;
        /* Alineado con el inicio del padding del link */
        transform: translateY(10px);
        width: max-content;
        min-width: 800px;
        background: #ffffff;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        z-index: 100;
        padding: 30px;
    }

    .maco-mega-menu-arrow {
        position: absolute;
        top: -8px;
        left: 40px;
        /* Flecha bajo la palabra Productos */
        transform: rotate(45deg);
        width: 16px;
        height: 16px;
        background: #ffffff;
    }

    .maco-mega-menu-inner {
        display: flex;
        gap: 30px;
    }

    .maco-mega-column {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .maco-mega-column h4 {
        font-size: 13px;
        font-weight: 700;
        color: #000;
        margin: 0 0 15px 0;
        text-transform: uppercase;
    }

    .maco-mega-column a {
        color: #777;
        font-size: 14px;
        text-decoration: none;
        padding: 10px 0;
        border-bottom: 1px solid #f0f0f0;
        transition: color 0.2s;
    }

    .maco-mega-column a:hover {
        color: #ff8601;
    }

    .maco-mega-highlight {
        border-left: 1px solid #eee;
        padding-left: 30px;
        justify-content: center;
    }

    .maco-mega-highlight a {
        font-size: 16px;
        color: #555;
    }
}

/* ── MOBILE (≤1024px) ── */
@media (max-width: 1024px) {
    .maco-header-nav-bar {
        display: none !important;
    }

    /* Contenedor del Header Móvil (Logo + Hamburguesa) */
    .maco-mobile-header-bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 15px;
        background: #fff;
        /* Asegura contraste si el contenedor padre es distinto */
        min-height: 60px;
    }

    .maco-mobile-logo {
        display: flex;
        align-items: center;
        max-width: 75%;
    }

    .maco-mobile-logo img {
        max-height: 45px;
        width: auto;
        object-fit: contain;
    }

    .maco-mobile-logo-placeholder {
        width: 150px;
        height: 35px;
        background: #f0f0f0;
        border-radius: 4px;
    }

    /* Hamburguesa */
    .maco-header-hamburger {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 6px;
        width: 40px;
        height: 40px;
        background: transparent;
        border: none;
        cursor: pointer;
        z-index: 2000;
        /* Por encima del menú */
        position: relative;
    }

    .maco-header-hamburger span {
        display: block;
        width: 100%;
        height: 3px;
        background-color: #333;
        transition: all 0.3s;
    }

    .maco-header-hamburger.is-active span:nth-child(1) {
        transform: translateY(9px) rotate(45deg);
    }

    .maco-header-hamburger.is-active span:nth-child(2) {
        opacity: 0;
    }

    .maco-header-hamburger.is-active span:nth-child(3) {
        transform: translateY(-9px) rotate(-45deg);
    }

    /* Fullscreen Dropdown */
    .maco-nav-fullscreen-dropdown {
        position: fixed;
        top: 80px;
        /* Ajustar según altura real del header móvil */
        left: 0;
        width: 100%;
        height: calc(100vh - 80px);
        height: calc(100dvh - 80px);
        background: #ffffff;
        z-index: 1999;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-20px);
        transition: all 0.3s ease;
        overflow-y: auto;
    }

    .maco-nav-fullscreen-dropdown.is-open {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .maco-dropdown-inner {
        padding: 20px;
        display: flex;
        flex-direction: column;
        min-height: 100%;
    }

    /* Ocultar dropdown de categorías del Buscador PRO en móvil para simplificar (opcional según diseño real del buscador) */
    .maco-drawer-search .maco-search-cat-dropdown {
        display: none;
    }

    .maco-drawer-search form {
        display: flex;
        border: 1px solid #ddd;
        border-radius: 4px;
        overflow: hidden;
        margin-bottom: 30px;
    }

    .maco-drawer-search input[type="search"] {
        flex: 1;
        border: none;
        padding: 12px 15px;
        outline: none;
    }

    .maco-drawer-search button {
        background: #ff8601;
        border: none;
        color: #fff;
        padding: 0 20px;
    }

    .maco-drawer-links {
        list-style: none;
        margin: 0;
        padding: 0;
        flex: 1;
    }

    .maco-drawer-item {
        border-bottom: 1px solid #f0f0f0;
    }

    .maco-drawer-item>a,
    .maco-drawer-item-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 18px 0;
        font-size: 16px;
        font-weight: 600;
        color: #333;
        text-decoration: none;
        background: none;
        border: none;
        text-align: left;
    }

    .maco-drawer-item-btn i {
        transition: transform 0.3s;
    }

    .maco-drawer-item.is-expanded .maco-drawer-item-btn i {
        transform: rotate(90deg);
    }

    .maco-drawer-submenu {
        list-style: none;
        padding: 0 0 15px 15px;
        margin: 0;
        display: none;
    }

    .maco-drawer-submenu li a {
        display: block;
        padding: 10px 0;
        color: #666;
        text-decoration: none;
        font-size: 15px;
    }

    .maco-drawer-footer {
        margin-top: 30px;
        padding-top: 20px;
        border-top: 1px solid #eee;
    }

    .maco-drawer-fav-link {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 15px;
        background: #f8f9ff;
        color: #0003ac;
        text-decoration: none;
        border-radius: 8px;
        font-weight: 600;
    }
}

/* ==========================================================
   ESTILOS WIDGET: SINGLE PRODUCT DETAILS
   ========================================================== */

.maco-single-product-wrap {
    display: flex;
    gap: 40px;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    flex-wrap: wrap;
    align-items: center;
    font-family: var(--maco-font-family, "Inter", "Arial", sans-serif);
    box-sizing: border-box;
}

.maco-single-image-box img {
    max-width: 100%;
}

.maco-single-image-col {
    flex: 1 1 300px;
}

.maco-single-image-box {
    border: 3px solid var(--maco-orange, #ff8601);
    border-radius: 20px;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.maco-single-image-box img {
    width: 100%;
    max-width: 350px;
    height: auto;
    object-fit: contain;
}

.maco-single-info-col {
    flex: 2 1 400px;
}

.maco-single-title {
    font-size: 24px;
    font-weight: 800;
    color: #000;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    line-height: 1.3;
}

.maco-single-separator {
    width: 40px;
    height: 3px;
    background-color: var(--maco-orange, #ff8601);
    margin-bottom: 20px;
}

.maco-single-desc {
    font-size: 15px;
    color: #000;
    line-height: 1.6;
    margin-bottom: 30px;
    font-weight: 500;
}

.maco-single-desc p {
    margin-top: 0;
    margin-bottom: 10px;
}

.maco-single-desc p:last-child {
    margin-bottom: 0;
}

.maco-single-meta {
    font-size: 15px;
    margin-bottom: 15px;
    line-height: 1.5;
}

.maco-single-meta strong {
    color: #444;
    display: block;
    margin-bottom: 4px;
}

.maco-single-meta a {
    color: #888;
    text-decoration: none;
    transition: color 0.2s;
}

.maco-single-meta a:hover {
    color: var(--maco-orange, #ff8601);
}

@media (max-width: 768px) {
    .maco-single-product-wrap {
        padding: 20px;
        gap: 25px;
    }

    .maco-single-image-box {
        padding: 15px;
    }

    .maco-single-title {
        font-size: 20px;
    }
}


/* ==========================================================
   MOBILE HEADER BAR
   El bar visible en mobile (≤1024px) con logo y hamburguesa
   ========================================================== */

.maco-mobile-header-bar {
    display: none;
    /* Oculto en desktop por default */
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    background: var(--maco-white);
    border-bottom: 1px solid var(--maco-bg-light);
    position: relative;
    z-index: 1000;
    font-family: var(--maco-font-family);
}

@media (max-width: 1024px) {
    .maco-mobile-header-bar {
        display: flex;
    }

    /* Ocultar nav desktop en mobile */
    .maco-header-nav-bar {
        display: none;
    }
}

.maco-mobile-logo img {
    height: 40px;
    width: auto;
    display: block;
    object-fit: contain;
}

.maco-mobile-logo-placeholder {
    width: 120px;
    height: 40px;
}

/* ── Botón Hamburguesa ── */
.maco-header-hamburger {
    background: none;
    border: none;
    padding: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    border-radius: 8px;
}

.maco-header-hamburger span {
    display: block;
    width: 22px;
    height: 2.5px;
    background: var(--maco-blue);
    border-radius: 3px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center;
}

/* Estado activo (X) */
.maco-header-hamburger.is-active span:nth-child(1) {
    transform: translateY(7.5px) rotate(45deg);
}

.maco-header-hamburger.is-active span:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}

.maco-header-hamburger.is-active span:nth-child(3) {
    transform: translateY(-7.5px) rotate(-45deg);
}


/* ==========================================================
   NAV DRAWER LATERAL (NUEVO)
   Reemplaza al antiguo maco-nav-fullscreen-dropdown
   ========================================================== */

/* ── Overlay de fondo ── */
.maco-nav-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 2147483000;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.35s ease, visibility 0.35s ease;
}

.maco-nav-overlay.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* ── Drawer ── */
.maco-nav-drawer {
    position: fixed;
    top: 0;
    right: -340px;
    /* Oculto a la derecha */
    width: 320px;
    max-width: 92vw;
    height: 100%;
    background: var(--maco-white);
    z-index: 2147483001;
    display: flex;
    flex-direction: column;
    box-shadow: -8px 0 30px rgba(0, 0, 0, 0.15);
    transition: right 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    font-family: var(--maco-font-family);
    overflow: hidden;
}

.maco-nav-drawer.is-open {
    right: 0;
}

/* Solo mostrar el drawer en mobile */
@media (min-width: 1025px) {

    .maco-nav-drawer,
    .maco-nav-overlay {
        display: none !important;
    }
}

/* ── Contenido interno ── */
.maco-drawer-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

/* ── Header del Drawer ── */
.maco-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px 16px;
    border-bottom: 1px solid var(--maco-bg-light);
    flex-shrink: 0;
}

.maco-drawer-logo-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.maco-drawer-logo-img {
    height: 38px;
    width: auto;
    object-fit: contain;
    display: block;
    flex-shrink: 0;
}

.maco-drawer-logo-name {
    font-size: 15px;
    font-weight: 800;
    color: var(--maco-blue);
    line-height: 1.1;
    letter-spacing: 0.5px;
}

.maco-drawer-logo-sub {
    font-size: 11px;
    font-weight: 600;
    color: var(--maco-text-muted);
    letter-spacing: 1px;
}

/* Botón cerrar */
.maco-drawer-close {
    background: none;
    border: none;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--maco-text-muted);
    font-size: 18px;
    transition: background 0.2s, color 0.2s;
    flex-shrink: 0;
}

.maco-drawer-close:hover {
    background: var(--maco-bg-light);
    color: var(--maco-blue);
}

/* ── Buscador dentro del drawer ── */
.maco-drawer-search {
    padding: 16px 20px;
    border-bottom: 1px solid var(--maco-bg-light);
    flex-shrink: 0;
}

/* ── Lista de links ── */
.maco-drawer-links {
    list-style: none;
    padding: 8px 0;
    margin: 0;
    flex-grow: 1;
    border-bottom: 1px solid var(--maco-bg-light);
}

.maco-drawer-item>a,
.maco-drawer-item-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 14px 22px;
    font-size: 15px;
    font-weight: 600;
    color: var(--maco-text-main);
    text-decoration: none;
    background: none;
    border: none;
    cursor: pointer;
    font-family: var(--maco-font-family);
    transition: background 0.2s, color 0.2s;
    text-align: left;
}

.maco-drawer-item>a:hover,
.maco-drawer-item-btn:hover {
    background: var(--maco-bg-blue-pale);
    color: var(--maco-blue);
}

.maco-drawer-item-btn .fas {
    font-size: 13px;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

/* Submenú del drawer */
.maco-drawer-submenu {
    display:    none;
    list-style: none;
    padding:    4px 0 8px 0;
    margin:     0;
    background: var(--maco-bg-blue-pale);
}

.maco-drawer-item.is-open > .maco-drawer-item-btn .fas {
    transform: rotate(90deg);
}

.maco-drawer-item.is-open>.maco-drawer-submenu {
    display: block;
    animation: drawerSubmenuOpen 0.25s ease;
}

@keyframes drawerSubmenuOpen {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.maco-drawer-submenu li a {
    display: block;
    padding: 11px 22px 11px 38px;
    font-size: 14px;
    font-weight: 500;
    color: var(--maco-blue);
    text-decoration: none;
    transition: background 0.2s;
}

.maco-drawer-submenu li a:hover {
    background: rgba(0, 3, 172, 0.07);
}

.maco-drawer-submenu .maco-submenu-all a {
    font-weight: 700;
    color: var(--maco-orange);
    border-top: 1px solid rgba(0, 3, 172, 0.08);
    margin-top: 4px;
    padding-top: 12px;
}

/* ── Footer del drawer (Favoritos) ── */
.maco-drawer-footer {
    padding: 16px 20px;
    border-top: 1px solid var(--maco-bg-light);
    flex-shrink: 0;
}

.maco-drawer-fav-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    background: var(--maco-blue);
    color: var(--maco-white);
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    font-size: 15px;
    font-family: var(--maco-font-family);
    transition: background 0.3s;
}

.maco-drawer-fav-link:hover {
    background: var(--maco-blue-hover);
}

.maco-drawer-fav-link .fas {
    font-size: 16px;
    color: var(--maco-orange);
}

.maco-drawer-fav-link-badge {
    margin-left: auto;
    background: var(--maco-orange);
    color: var(--maco-white);
    font-size: 12px;
    font-weight: 800;
    padding: 2px 8px;
    border-radius: 50px;
    min-width: 22px;
    text-align: center;
    display: inline-block;
    font-family: var(--maco-font-family);
}


/* ==========================================================
   VARIANTES BOTÓN FAVORITOS — COMPACTA Y FAB
   ========================================================== */

/* ── Variante 2: Solo ícono circular ── */
.maco-fav-btn-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 2px solid var(--maco-blue);
    color: var(--maco-blue);
    background: transparent;
    text-decoration: none;
    font-size: 18px;
    transition: background 0.3s, color 0.3s, border-color 0.3s;
}

.maco-fav-btn-icon:hover {
    background: var(--maco-blue);
    color: var(--maco-white);
    border-color: var(--maco-blue);
}

.maco-fav-btn-icon.is-active {
    background: var(--maco-orange);
    border-color: var(--maco-orange);
    color: var(--maco-white);
}

/* Badge encima del ícono */
.maco-fav-btn-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    background: var(--maco-orange);
    color: var(--maco-white);
    font-size: 10px;
    font-weight: 800;
    font-family: var(--maco-font-family);
    line-height: 1;
    padding: 3px 5px;
    border-radius: 50px;
    min-width: 18px;
    text-align: center;
}

/* ── Variante outline naranja ── */
.maco-fav-btn-outline-orange {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px;
    border-radius: 50px;
    border: 2px solid var(--maco-orange);
    color: var(--maco-orange);
    background: transparent;
    font-family: var(--maco-font-family);
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    transition: background 0.3s, color 0.3s;
}

.maco-fav-btn-outline-orange:hover {
    background: var(--maco-orange);
    color: var(--maco-white);
}

/* ── Variante 3: FAB (Floating Action Button) ── */
.maco-fav-fab {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--maco-orange);
    color: var(--maco-white);
    border: none;
    cursor: pointer;
    font-size: 22px;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(255, 134, 1, 0.45);
    transition: transform 0.3s, box-shadow 0.3s;
}

.maco-fav-fab:hover {
    transform: scale(1.1);
    box-shadow: 0 12px 30px rgba(255, 134, 1, 0.55);
    color: var(--maco-white);
}

.maco-fav-fab.is-active {
    animation: maco-fab-pulse 2.5s ease-in-out infinite;
}

@keyframes maco-fab-pulse {

    0%,
    100% {
        box-shadow: 0 6px 20px rgba(255, 134, 1, 0.45);
    }

    50% {
        box-shadow: 0 6px 30px rgba(255, 134, 1, 0.7);
    }
}

.maco-fav-fab-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    background: var(--maco-blue);
    color: var(--maco-white);
    font-size: 11px;
    font-weight: 800;
    font-family: var(--maco-font-family);
    padding: 3px 6px;
    border-radius: 50px;
    min-width: 20px;
    text-align: center;
    line-height: 1.2;
    border: 2px solid var(--maco-white);
}

/* ── Contenedor global del FAB (fijo en esquina inferior derecha) ── */
.maco-fav-fab-global {
    position: fixed;
    bottom: 28px;
    right: 28px;
    z-index: 9998;
}

/* Ocultar FAB en desktop donde la navbar es suficiente */
@media (min-width: 1025px) {
    .maco-fav-fab-global {
        display: none;
    }
}

@media (max-width: 480px) {
    .maco-fav-fab-global {
        bottom: 20px;
        right: 16px;
    }
}


/* ==========================================================
   BOTÓN FAVORITOS EN NAVBAR (azul oscuro, badge naranja)
   ========================================================== */

.maco-nav-fav-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 20px;
    border-radius: 50px;
    background: var(--maco-blue);
    color: var(--maco-white);
    font-family: var(--maco-font-family);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    border: none;
    cursor: pointer;
    position: relative;
    transition: background 0.3s, transform 0.2s;
}

.maco-nav-fav-btn:hover {
    background: var(--maco-blue-hover);
    color: var(--maco-white);
    transform: translateY(-1px);
}

.maco-nav-fav-badge {
    background: var(--maco-orange);
    color: var(--maco-white);
    font-size: 11px;
    font-weight: 800;
    font-family: var(--maco-font-family);
    padding: 2px 7px;
    border-radius: 50px;
    min-width: 20px;
    text-align: center;
    display: inline-block;
}


/* ==========================================================
   FIX: BUSCADOR DENTRO DEL DRAWER (navegación móvil)
   El dropdown de categorías se comporta de forma inline
   (position: relative) para no quedar cortado por el
   overflow-y: auto del .maco-drawer-inner.
   ========================================================== */

.maco-nav-drawer .maco-drawer-search {
    overflow: visible;
}

.maco-nav-drawer .maco-search-form-pro {
    flex-direction: column;
    gap:            8px;
    border-radius:  12px;
    padding:        10px;
    background:     var(--maco-bg-light);
    border:         1px solid rgba(0, 3, 172, 0.08);
}

.maco-nav-drawer .maco-search-cat-dropdown {
    width: 100%;
}

.maco-nav-drawer .maco-search-cat-dropdown .maco-dropdown-selected {
    width:         100%;
    border-radius: 8px;
    padding:       8px 14px;
    font-size:     13px;
}

/* Opciones del dropdown: bloque inline (no flotante) */
.maco-nav-drawer .maco-scrollable-options {
    position:      relative !important;
    top:           auto !important;
    left:          auto !important;
    width:         100% !important;
    box-shadow:    none !important;
    border-radius: 8px !important;
    margin-top:    6px !important;
    opacity:       1 !important;
    visibility:    visible !important;
    transform:     none !important;
    display:       none;
    max-height:    180px;
    overflow-y:    auto;
    border:        1px solid rgba(0, 3, 172, 0.15) !important;
    background:    var(--maco-white);
}

.maco-nav-drawer .maco-search-cat-dropdown.open .maco-scrollable-options {
    display: block;
}

.maco-nav-drawer .maco-search-input-wrapper {
    width: 100%;
}

.maco-nav-drawer .search-field-pro {
    font-size:     14px;
    border-radius: 8px;
    padding:       9px 44px 9px 14px;
}

/* Logo vacío en el drawer */
.maco-drawer-logo-empty {
    flex:       1;
    min-height: 38px;
}

/* Widget wrapper */
.macovenca-nav-mobile-widget {
    font-family: var(--maco-font-family);
    display:     inline-block;
}

/* ==========================================================
   FIX: ARCHIVO DE PRODUCTOS EN TABLET
   Elementor apila las dos columnas del archivo en tablet, pero
   el bloque de buscador/categorías seguía en fila y generaba un
   hueco grande antes del grid. Forzamos un layout vertical usable.
   ========================================================== */

@media (min-width: 769px) and (max-width: 1024px) {
    .elementor-location-archive.product .elementor-element-28162325 {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .elementor-location-archive.product .elementor-element-11c2d7e6,
    .elementor-location-archive.product .elementor-element-26e45134 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
    }

    .elementor-location-archive.product .elementor-element-11c2d7e6 {
        position: static !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 18px !important;
    }

    .elementor-location-archive.product .elementor-element-2ce1a6c5,
    .elementor-location-archive.product .elementor-element-e0263e3 {
        width: 100% !important;
        max-width: 100% !important;
    }

    .elementor-location-archive.product .maco-search-form {
        width: 100%;
    }

    .elementor-location-archive.product .macovenca-categories {
        width: 100%;
    }

    .elementor-location-archive.product ul.maco-cat-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .elementor-location-archive.product ul.maco-cat-list > li.cat-item {
        margin-bottom: 0;
    }

    .elementor-location-archive.product ul.children {
        grid-column: 1 / -1;
    }
}

@media (max-width: 991px) {
    :root {
        --maco-mobile-drawer-gap: 14px;
    }

    .elementor-location-archive.product .maco-mobile-filter-toolbar {
        display: flex !important;
        align-items: center;
        gap: 10px;
        width: 100%;
        margin-bottom: 14px;
    }

    .elementor-location-archive.product .maco-mobile-filter-toolbar .elementor-widget-macovenca_search {
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0;
    }

    .elementor-location-archive.product .maco-mobile-filter-toolbar .elementor-widget-container,
    .elementor-location-archive.product .maco-mobile-filter-toolbar .macovenca-search-widget,
    .elementor-location-archive.product .maco-mobile-filter-toolbar .maco-search-form {
        width: 100%;
    }

    .elementor-location-archive.product .maco-mobile-filter-toolbar .maco-search-form {
        gap: 6px;
    }

    .elementor-location-archive.product .maco-mobile-filter-toolbar .maco-search-form input[type="search"] {
        height: 46px;
        padding: 0 16px;
    }

    .elementor-location-archive.product .maco-mobile-filter-toolbar .search-submit-btn {
        width: 46px;
        height: 46px;
    }

    .elementor-location-archive.product .maco-sidebar-content {
        position: fixed !important;
        top: var(--maco-mobile-drawer-gap) !important;
        left: calc(-320px - var(--maco-mobile-drawer-gap)) !important;
        width: 300px !important;
        max-width: 85vw !important;
        height: calc(100vh - (var(--maco-mobile-drawer-gap) * 2)) !important;
        height: calc(100dvh - (var(--maco-mobile-drawer-gap) * 2)) !important;
        display: block !important;
        overflow-y: auto !important;
        z-index: 10000 !important;
        border-radius: 18px !important;
    }

    .elementor-location-archive.product .maco-sidebar-content.open {
        left: var(--maco-mobile-drawer-gap) !important;
    }

    .elementor-location-archive.product .macovenca-categories {
        width: 100% !important;
        max-width: 100% !important;
    }
}