.elementor-9355 .elementor-element.elementor-element-64fbc33{--display:flex;--min-height:100vh;}.elementor-9355 .elementor-element.elementor-element-64fbc33:not(.elementor-motion-effects-element-type-background), .elementor-9355 .elementor-element.elementor-element-64fbc33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFD7E7 100%);}.elementor-9355 .elementor-element.elementor-element-4271f29{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9355 .elementor-element.elementor-element-ead69c5{width:100%;max-width:100%;margin:25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9355 .elementor-element.elementor-element-ead69c5.elementor-element{--align-self:center;}.elementor-9355 .elementor-element.elementor-element-ead69c5 .elementor-heading-title{font-size:40px;font-weight:600;color:#EF5CAA;}.elementor-9355 .elementor-element.elementor-element-6f3e62b{width:100%;max-width:100%;font-size:17px;color:var( --e-global-color-text );}.elementor-9355 .elementor-element.elementor-element-6f3e62b.elementor-element{--align-self:center;}@media(max-width:1536px){.elementor-9355 .elementor-element.elementor-element-ead69c5{width:100%;max-width:100%;}.elementor-9355 .elementor-element.elementor-element-6f3e62b{width:100%;max-width:100%;}}@media(max-width:1200px){.elementor-9355 .elementor-element.elementor-element-ead69c5 .elementor-heading-title{font-size:35px;}.elementor-9355 .elementor-element.elementor-element-6f3e62b{font-size:15px;}}@media(max-width:1000px){.elementor-9355 .elementor-element.elementor-element-ead69c5 .elementor-heading-title{font-size:35px;}.elementor-9355 .elementor-element.elementor-element-6f3e62b{font-size:15px;}}@media(max-width:830px){.elementor-9355 .elementor-element.elementor-element-ead69c5 .elementor-heading-title{font-size:35px;}.elementor-9355 .elementor-element.elementor-element-6f3e62b{font-size:14px;}}@media(max-width:500px){.elementor-9355 .elementor-element.elementor-element-ead69c5 .elementor-heading-title{font-size:25px;}.elementor-9355 .elementor-element.elementor-element-6f3e62b{font-size:14px;}}@media(min-width:501px){.elementor-9355 .elementor-element.elementor-element-4271f29{--content-width:1160px;}}/* Start custom CSS for shortcode, class: .elementor-element-fcd0a5a *//* =========================================================
   GLOSSY STUFF - HOJA DE PEDIDO
   DISEÑO PRINCIPAL
   ========================================================= */

.elementor-9355 .elementor-element.elementor-element-fcd0a5a {
    --glossy-hp-pink: #ef5caa;
    --glossy-hp-pink-hover: #e94b9c;

    /* Botones: heredan el color global configurado en Apariencia > Personalizar */
    --glossy-hp-button:
        var(--theme-button-background-initial-color, #ef5caa);
    --glossy-hp-button-hover:
        var(--theme-button-background-hover-color, #e94b9c);

    --glossy-hp-soft: #fff1f7;
    --glossy-hp-soft-2: #fde8f2;
    --glossy-hp-wine: #ff85ba;
    --glossy-hp-text: #292533;
    --glossy-hp-muted: #7b7280;
    --glossy-hp-border: #f3d8e5;
}


/* =========================================================
   CONTENEDOR GENERAL
   ========================================================= */

.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp {
    width: 100% !important;
    max-width: 1180px !important;

    margin: 0 auto !important;

    font-family: inherit !important;

    color: var(--glossy-hp-text) !important;
}


/* =========================================================
   TOOLBAR
   ========================================================= */

.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-toolbar {
    display: grid !important;

    grid-template-columns:
        minmax(260px, 1.8fr)
        minmax(150px, .75fr)
        minmax(150px, .75fr)
        auto
        auto !important;

    gap: 10px !important;

    align-items: center !important;

    padding: 14px !important;

    margin-bottom: 18px !important;

    background: rgba(255, 255, 255, .78) !important;

    border-radius: 22px !important;

    box-shadow:
        0 8px 24px rgba(0, 0, 0, .06) !important;

    box-sizing: border-box !important;
}


/* BUSCADOR */

.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-search-wrap {
    display: block !important;

    margin: 0 !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-search,
.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-filter {
    width: 100% !important;

    height: 46px !important;

    margin: 0 !important;

    padding: 0 16px !important;

    border:
        1px solid var(--glossy-hp-border) !important;

    border-radius: 999px !important;

    background: #ffffff !important;

    color: var(--glossy-hp-text) !important;

    font-family: inherit !important;

    font-size: 14px !important;

    box-shadow: none !important;

    outline: none !important;

    box-sizing: border-box !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-search:focus,
.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-filter:focus {
    border-color:
        var(--glossy-hp-pink) !important;
}


/* VER TODO */

.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-reset-filters {
    height: 46px !important;

    padding: 0 20px !important;

    border:
        1px solid var(--glossy-hp-button) !important;

    border-radius: 999px !important;

    background: #ffffff !important;

    color:
        var(--glossy-hp-button) !important;

    font-family: inherit !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    white-space: nowrap !important;

    cursor: pointer !important;

    box-shadow: none !important;

    transition:
        transform .2s ease,
        background-color .2s ease !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-reset-filters:hover {
    border-color:
        var(--glossy-hp-button-hover) !important;

    color:
        var(--glossy-hp-button-hover) !important;

    background:
        color-mix(
            in srgb,
            var(--glossy-hp-button-hover) 10%,
            #ffffff
        ) !important;

    transform:
        translateY(-1px) !important;
}


/* VER CARRITO */

.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-cart-link {
    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    height: 46px !important;

    padding: 0 22px !important;

    border-radius: 999px !important;

    background:
        var(--glossy-hp-button) !important;

    color: #ffffff !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background-color .2s ease !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-cart-link:hover {
    background:
        var(--glossy-hp-button-hover) !important;

    color: #ffffff !important;

    transform:
        translateY(-2px) !important;

    box-shadow:
        0 8px 18px rgba(239, 92, 170, .20) !important;
}


/* =========================================================
   TABLA
   ========================================================= */

.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-table-wrap {
    overflow-x: auto !important;

    background: #ffffff !important;

    border-radius: 24px !important;

    box-shadow:
        0 10px 28px rgba(0, 0, 0, .06) !important;

    padding: 12px !important;
}


/* CABECERA */

.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-table-head,
.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-row {
    display: grid !important;

    grid-template-columns:
        70px
        1.55fr
        .95fr
        .95fr
        .75fr
        .75fr
        .75fr
        .95fr
        .95fr
        42px !important;

    align-items: center !important;

    gap: 12px !important;

    min-width: 1140px !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-table-head {
    padding: 13px 16px !important;

    border-radius: 16px 16px 0 0 !important;

    background:
        var(--glossy-hp-wine) !important;

    color: #ffffff !important;

    font-size: 13px !important;

    font-weight: 600 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   FILAS
   ========================================================= */

.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-row {
    padding: 12px 16px !important;

    min-height: 82px !important;

    border-bottom:
        1px solid var(--glossy-hp-border) !important;

    background: #ffffff !important;

    box-sizing: border-box !important;

    transition:
        background-color .2s ease !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-row:nth-child(even) {
    background:
        #fff8fb !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-row:hover {
    background:
        #fff3f8 !important;
}


/* =========================================================
   PRODUCTO
   ========================================================= */

.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-thumb-cell {
    display: flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    min-width: 0 !important;

    box-sizing: border-box !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-thumb {
    flex:
        0
        0
        58px !important;

    width: 58px !important;

    height: 58px !important;

    border-radius: 12px !important;

    overflow: hidden !important;

    background: #ffffff !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-thumb img {
    display: block !important;

    width: 100% !important;

    height: 100% !important;

    object-fit: contain !important;

    margin: 0 !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-product-copy {
    display: flex !important;

    flex-direction: column !important;

    gap: 3px !important;

    min-width: 0 !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-product-name {
    color:
        var(--glossy-hp-text) !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    line-height: 1.2 !important;

    text-decoration: none !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-product-name:hover {
    color:
        var(--glossy-hp-pink) !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-sku {
    color:
        var(--glossy-hp-muted) !important;

    font-size: 11px !important;
}


/* =========================================================
   MARCA
   ========================================================= */

.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-brand span {
    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-height: 30px !important;

    padding: 0 12px !important;

    border-radius: 999px !important;

    background:
        var(--glossy-hp-soft) !important;

    color:
        var(--glossy-hp-pink) !important;

    font-size: 12px !important;

    font-weight: 500 !important;
}


/* =========================================================
   CATEGORÍA
   ========================================================= */

.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-category {
    color:
        var(--glossy-hp-muted) !important;

    font-size: 12px !important;
}


/* =========================================================
   PRESENTACIONES
   ========================================================= */

.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-presentation-cell {
    display: flex !important;

    align-items: center !important;

    justify-content: center !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-presentation {
    width: 100% !important;

    min-height: 38px !important;

    padding: 6px 8px !important;

    border:
        1px solid var(--glossy-hp-border) !important;

    border-radius: 999px !important;

    background: #ffffff !important;

    color:
        var(--glossy-hp-text) !important;

    font-family: inherit !important;

    font-size: 12px !important;

    font-weight: 500 !important;

    cursor: pointer !important;

    box-shadow: none !important;

    transition:
        transform .2s ease,
        border-color .2s ease,
        background-color .2s ease,
        color .2s ease !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-presentation:hover {
    border-color:
        var(--glossy-hp-button-hover) !important;

    transform:
        translateY(-1px) !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-presentation.is-active {
    background:
        var(--glossy-hp-soft) !important;

    border-color:
        var(--glossy-hp-button) !important;

    color:
        var(--glossy-hp-button) !important;

    font-weight: 600 !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-unavailable {
    color: #c9c1c5 !important;

    font-size: 13px !important;
}


/* =========================================================
   CANTIDAD
   ========================================================= */

.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-qty-wrap {
    display: grid !important;

    grid-template-columns:
        32px
        minmax(34px, 1fr)
        32px !important;

    align-items: center !important;

    width: 100% !important;

    min-height: 38px !important;

    border:
        1px solid var(--glossy-hp-border) !important;

    border-radius: 999px !important;

    background: #ffffff !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-qty-minus,
.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-qty-plus {
    height: 36px !important;

    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;

    color:
        var(--glossy-hp-text) !important;

    font-size: 18px !important;

    line-height: 1 !important;

    cursor: pointer !important;

    box-shadow: none !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-qty {
    width: 100% !important;

    height: 36px !important;

    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;

    color:
        var(--glossy-hp-text) !important;

    text-align: center !important;

    font-family: inherit !important;

    font-size: 13px !important;

    box-shadow: none !important;

    appearance: textfield !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-qty::-webkit-outer-spin-button,
.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-qty::-webkit-inner-spin-button {
    appearance: none !important;

    margin: 0 !important;
}


/* =========================================================
   SUBTOTAL
   ========================================================= */

.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-subtotal {
    color:
        var(--glossy-hp-text) !important;

    font-size: 13px !important;

    font-weight: 600 !important;

    text-align: center !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-row.has-qty
.glossy-hp-subtotal {
    color:
        var(--glossy-hp-pink) !important;
}


/* =========================================================
   LIMPIAR FILA
   ========================================================= */

.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-clear-row {
    width: 34px !important;

    height: 34px !important;

    padding: 0 !important;

    border: 0 !important;

    border-radius: 50% !important;

    background:
        var(--glossy-hp-soft) !important;

    color:
        var(--glossy-hp-button) !important;

    font-size: 18px !important;

    cursor: pointer !important;

    box-shadow: none !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-clear-row:hover {
    background:
        var(--glossy-hp-soft-2) !important;
}


/* =========================================================
   VACÍO
   ========================================================= */

.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-empty {
    padding: 30px 18px !important;

    text-align: center !important;

    color:
        var(--glossy-hp-muted) !important;

    font-size: 14px !important;
}


/* =========================================================
   PIE / RESUMEN
   ========================================================= */

.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-bottom {
    display: grid !important;

    grid-template-columns:
        1fr
        minmax(360px, 500px) !important;

    gap: 18px !important;

    align-items: end !important;

    margin-top: 18px !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-status {
    color:
        var(--glossy-hp-muted) !important;

    font-size: 13px !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-summary-card {
    display: grid !important;

    grid-template-columns:
        1fr
        auto !important;

    gap: 12px 18px !important;

    align-items: center !important;

    padding: 20px !important;

    border-radius: 22px !important;

    background: #ffffff !important;

    box-shadow:
        0 10px 28px rgba(0, 0, 0, .06) !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-summary-copy {
    display: flex !important;

    flex-direction: column !important;

    gap: 4px !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-summary-copy strong {
    font-size: 18px !important;

    color:
        var(--glossy-hp-text) !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-summary-meta {
    color:
        var(--glossy-hp-muted) !important;

    font-size: 12px !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-summary-total-wrap {
    display: flex !important;

    flex-direction: column !important;

    align-items: flex-end !important;

    gap: 2px !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-summary-total-wrap span {
    color:
        var(--glossy-hp-muted) !important;

    font-size: 11px !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-grand-total {
    color:
        var(--glossy-hp-pink) !important;

    font-size: 24px !important;
}


/* =========================================================
   BOTONES DEL RESUMEN
   ========================================================= */

.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-clear-all,
.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-add-all {
    min-height: 44px !important;

    padding: 0 18px !important;

    border-radius: 999px !important;

    font-family: inherit !important;

    font-size: 13px !important;

    font-weight: 600 !important;

    cursor: pointer !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background-color .2s ease !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-clear-all {
    border: 0 !important;

    background:
        color-mix(
            in srgb,
            var(--glossy-hp-button) 12%,
            #ffffff
        ) !important;

    color:
        var(--glossy-hp-button) !important;

    box-shadow: none !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-clear-all:hover {
    background:
        color-mix(
            in srgb,
            var(--glossy-hp-button-hover) 14%,
            #ffffff
        ) !important;

    color:
        var(--glossy-hp-button-hover) !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-add-all {
    border: 0 !important;

    background:
        var(--glossy-hp-button) !important;

    color: #ffffff !important;

    box-shadow: none !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-add-all:hover {
    background:
        var(--glossy-hp-button-hover) !important;

    transform:
        translateY(-2px) !important;

    box-shadow:
        0 8px 18px rgba(239, 92, 170, .20) !important;
}


.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-add-all:disabled {
    opacity: .45 !important;

    cursor: not-allowed !important;

    transform: none !important;

    box-shadow: none !important;
}


/* =========================================================
   MENSAJE
   ========================================================= */

.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-message {
    margin-top: 10px !important;

    color:
        var(--glossy-hp-pink) !important;

    font-size: 13px !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1023px) {

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-toolbar {
        grid-template-columns:
            1fr
            1fr !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-search-wrap,
    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-cart-link {
        grid-column:
            1 / -1 !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-bottom {
        grid-template-columns:
            1fr !important;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 600px) {

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-toolbar {
        grid-template-columns:
            1fr !important;

        padding: 10px !important;

        border-radius:
            18px !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-search-wrap,
    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-cart-link {
        grid-column:
            auto !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-table-wrap {
        padding: 8px !important;

        border-radius:
            18px !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-summary-card {
        grid-template-columns:
            1fr !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-summary-total-wrap {
        align-items:
            flex-start !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-clear-all,
    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-add-all {
        width:
            100% !important;
    }
}

/* =========================================================
   FIX - FILTROS MARCA / CATEGORÍA / BÚSQUEDA
   Permitir que JS oculte las filas
   ========================================================= */

.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-row[hidden] {
    display: none !important;
}

/* =========================================================
   PAGINACIÓN - HOJA DE PEDIDO
   ========================================================= */

.glossy-hp-pagination-wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
  margin:18px 0 0;
  padding:0 6px;
}

.glossy-hp-pagination-status{
  font-size:15px;
  color:#6f5b66;
  line-height:1.4;
}

.glossy-hp-range-text{
  display:inline-block;
  font-weight:500;
  color:#5b4a54;
}

.glossy-hp-pagination{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.glossy-hp-page-button{
  appearance:none;
  -webkit-appearance:none;
  border:1.5px solid var(--glossy-hp-button);
  background:#fff;
  color:var(--glossy-hp-button);
  min-width:42px;
  height:42px;
  padding:0 14px;
  border-radius:999px;
  font-size:15px;
  font-weight:600;
  line-height:1;
  cursor:pointer;
  transition:all .25s ease;
  box-shadow:none;
}

.glossy-hp-page-button:hover{
  background:#ffeaf4;
  border-color:var(--glossy-hp-button-hover);
  color:var(--glossy-hp-button-hover);
  transform:translateY(-1px);
}

.glossy-hp-page-button.is-active{
  background:var(--glossy-hp-button);
  border-color:var(--glossy-hp-button);
  color:#fff;
}

.glossy-hp-page-button:disabled{
  opacity:.45;
  cursor:not-allowed;
  transform:none;
  background:#fff;
  color:#cf9ab8;
  border-color:#f3c4dc;
}

.glossy-hp-page-dots{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:18px;
  color:#a58a98;
  font-size:18px;
  font-weight:700;
  line-height:1;
}

/* Si quieres que las flechas se vean un poquito más fuertes */
.glossy-hp-page-button:first-child,
.glossy-hp-page-button:last-child{
  font-size:18px;
  padding:0 16px;
}

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

@media (max-width: 767px){

  .glossy-hp-pagination-wrap{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    padding:0;
  }

  .glossy-hp-pagination-status{
    font-size:14px;
  }

  .glossy-hp-pagination{
    width:100%;
    justify-content:flex-start;
    gap:8px;
  }

  .glossy-hp-page-button{
    min-width:38px;
    height:38px;
    padding:0 12px;
    font-size:14px;
  }
}

/* =========================================================
   BARRA FLOTANTE DE RESUMEN - HOJA DE PEDIDO
   TODOS LOS DISPOSITIVOS
   ========================================================= */

/* Dejar espacio para que la barra flotante no tape
   el final de la hoja */
.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp {
    padding-bottom: 105px !important;
}

/* Acercar la paginación al final de la tabla */
.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-pagination-wrap {
    margin-top: 12px !important;
    margin-bottom: 8 !important;
}

/* El contenedor inferior ya no reserva una columna aparte */
.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-bottom {
    display: block !important;
    margin-top: 0px !important;
}

/* El dato ya está repetido dentro del resumen */
.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-status {
    display: none !important;
}

/* Barra flotante centrada y del mismo ancho máximo que la tabla */
.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-summary-card {
    position: fixed !important;

    left: 50% !important;
    right: auto !important;
    bottom: 35px !important;

    transform: translateX(-50%) !important;

    width: min(
        1180px,
        calc(100vw - 32px)
    ) !important;

    max-width: 1180px !important;

    z-index: 999 !important;

    display: grid !important;

    grid-template-columns:
        minmax(220px, 1.25fr)
        minmax(170px, .75fr)
        auto
        auto !important;

    align-items: center !important;

    gap: 16px !important;

    padding: 12px 18px !important;

    border-radius: 24px !important;

    background:
        rgba(255, 255, 255, .96) !important;

    backdrop-filter:
        blur(14px) !important;

    -webkit-backdrop-filter:
        blur(14px) !important;

    border:
        1px solid
        rgba(239, 92, 170, .16) !important;

    box-shadow:
        0 12px 32px
        rgba(0, 0, 0, .12) !important;

    box-sizing: border-box !important;
}

/* Texto izquierdo */
.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-summary-copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    min-width: 0 !important;
}

.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-summary-copy strong {
    font-size: 16px !important;
    line-height: 1.15 !important;
}

.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-summary-meta {
    font-size: 12px !important;
    line-height: 1.2 !important;
}

/* Total */
.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-summary-total-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1px !important;
}

.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-grand-total {
    font-size: 22px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

/* Botones */
.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-clear-all,
.elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-add-all {
    min-height: 44px !important;
    padding: 0 22px !important;
    white-space: nowrap !important;
}


/* =========================================================
   TABLETA VERTICAL + MÓVIL HORIZONTAL
   501px - 1023px
   ========================================================= */

@media (min-width: 501px) and (max-width: 1023px) {

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp {
        padding-bottom: 145px !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-summary-card {
        bottom: 14px !important;

        width: calc(100vw - 28px) !important;

        grid-template-columns:
            minmax(0, 1fr)
            auto !important;

        grid-template-areas:
            "copy total"
            "clear add" !important;

        gap: 10px 14px !important;

        padding: 12px 14px !important;

        border-radius: 22px !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-summary-copy {
        grid-area: copy !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-summary-total-wrap {
        grid-area: total !important;
        align-items: flex-end !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-clear-all {
        grid-area: clear !important;
        width: 100% !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-add-all {
        grid-area: add !important;
        width: 100% !important;
    }
}


/* =========================================================
   MÓVIL VERTICAL
   0px - 500px
   ========================================================= */

@media (max-width: 500px) {

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp {
        padding-bottom: 158px !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-pagination-wrap {
        margin-top: 10px !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-summary-card {
        bottom:
            calc(
                10px
                + env(safe-area-inset-bottom)
            ) !important;

        width: calc(100vw - 20px) !important;

        grid-template-columns:
            minmax(0, 1fr)
            auto !important;

        grid-template-areas:
            "copy total"
            "clear add" !important;

        gap: 12px 10px !important;

        padding: 14px !important;

        border-radius: 20px !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-summary-copy {
        grid-area: copy !important;
         gap: 5px !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-summary-copy strong {
        font-size: 14px !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-summary-meta {
        font-size: 11px !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-summary-total-wrap {
        grid-area: total !important;
        align-items: flex-end !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-summary-total-wrap span {
        font-size: 10px !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-grand-total {
        font-size: 18px !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-clear-all {
        grid-area: clear !important;
        width: 100% !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-add-all {
        grid-area: add !important;
        width: 100% !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-clear-all,
    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-add-all {
        min-height: 42px !important;
        padding: 0 12px !important;
        font-size: 12px !important;
        white-space: normal !important;
        line-height: 1.15 !important;
        text-align: center !important;
    }
}

/* =========================================================
   MÓVIL VERTICAL 0 - 500px
   TOOLBAR EN 2 COLUMNAS
   ========================================================= */

@media (max-width: 500px) {

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-toolbar {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 12px !important;
    }


    /* Buscador ocupa toda la fila */
    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-search-wrap {
        grid-column:
            1 / -1 !important;

        width:
            100% !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-search {
        width:
            100% !important;
    }


    /* Marca */
    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-filter-brand {
        grid-column:
            1 !important;
    }


    /* Categoría */
    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-filter-category {
        grid-column:
            2 !important;
    }


    /* Ver todo */
    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-reset-filters {
        grid-column:
            1 !important;

        width:
            100% !important;
    }


    /* Ver carrito */
    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-cart-link {
        grid-column:
            2 !important;

        width:
            100% !important;
    }


    /* Compactar un poco */
    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-search,
    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-filter,
    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-reset-filters,
    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-cart-link {

        min-width:
            0 !important;

        height:
            46px !important;

        padding-left:
            14px !important;

        padding-right:
            14px !important;

        font-size:
            13px !important;

        box-sizing:
            border-box !important;
    }

}

/* =========================================================
   MÓVIL HORIZONTAL + TABLET VERTICAL/HORIZONTAL
   501px - 1200px
   TOOLBAR EN 2 COLUMNAS
   ========================================================= */

@media (min-width: 501px) and (max-width: 1200px) {

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-toolbar {
        display: grid !important;
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    /* Buscador ocupa toda la primera fila */
    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-search-wrap {
        grid-column: 1 / -1 !important;
        width: 100% !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-search {
        width: 100% !important;
    }

    /* Segunda fila */
    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-filter-brand {
        grid-column: 1 !important;
        width: 100% !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-filter-category {
        grid-column: 2 !important;
        width: 100% !important;
    }

    /* Tercera fila: Ver todo + Ver carrito */
    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-reset-filters {
        grid-column: 1 !important;
        width: 100% !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-cart-link {
        grid-column: 2 !important;
        width: 100% !important;
    }
}

/* =========================================================
   MÓVIL HORIZONTAL + TABLET VERTICAL/HORIZONTAL
   501px - 1200px
   BOTONES DEL RESUMEN 50 / 50
   ========================================================= */

@media (min-width: 501px) and (max-width: 1023px) {

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-summary-card {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        grid-template-areas:
            "copy total"
            "clear add" !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-clear-all,
    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-add-all {
        width: 100% !important;
        min-width: 0 !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-clear-all {
        grid-area: clear !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-add-all {
        grid-area: add !important;
    }
}

/* =========================================================
   IMAGEN STICKY EN SCROLL HORIZONTAL
   SOLO MÓVIL + TABLET VERTICAL
   0px - 1023px
   ========================================================= */

@media (max-width: 1023px) {

    /* La celda que contiene SOLO la imagen queda fija.
       El nombre, SKU y el resto de columnas siguen desplazándose. */
    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-thumb-cell {
        position: sticky !important;
        left: 0 !important;
        z-index: 8 !important;

        align-self: stretch !important;
        display: flex !important;
        align-items: center !important;

        background: #ffffff !important;

        box-shadow:
            10px 0 14px -14px
            rgba(0, 0, 0, .38) !important;
    }

    /* Cabecera vacía de la columna de imagen. */
    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-thumb-head {
        position: sticky !important;
        left: 0 !important;
        z-index: 10 !important;
        align-self: stretch !important;
        background: var(--glossy-hp-wine) !important;
    }

    /* Respetar el fondo alternado de las filas. */
    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-row:nth-child(even)
    .glossy-hp-thumb-cell {
        background: #fff8fb !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-row:nth-child(odd)
    .glossy-hp-thumb-cell {
        background: #ffffff !important;
    }

    .elementor-9355 .elementor-element.elementor-element-fcd0a5a .glossy-hp-row:hover
    .glossy-hp-thumb-cell {
        background: #fff3f8 !important;
    }
}/* End custom CSS */