/*!
Theme Name: wimpli - Food
Theme URI: https://wimpli.app/
Author: wimpli
Author URI: https://menu.wimpli.app
Description: Proprietary menu theme by wimpli.
Version: 1.1.0
Tested up to: 8.4.10
Requires PHP: 7.4
License: Proprietary
License URI: https://menuwimpli.app/license
Text Domain: wimpli_theme_food

This theme is proprietary software developed and owned by wimpli.
Unauthorized copying, distribution or use of this code is strictly prohibited
and constitutes copyright and trademark infringement. Violators will be subject
to legal action. For complete licensing information and third-party component
attributions, please see: LICENSE.txt

wimpli is a registered trademark. Trademark registration can be verified at:
https://www.tmdn.org/tmview/#/tmview/detail/AR500000004421086  

*/
.pop_up_form .shipping-demora-min-box {
    display: none;
    margin: 8px 0px 10px;
    font-weight: 600;
}

.pop_up_form .shipping-delivery-mode-container {
    display: none;
    margin-bottom: 10px;
    gap: 0.5rem;
}

.pop_up_form .shipping-delivery-mode-container .radio_container {
    margin-bottom: 0px;
}

.pop_up_form .shipping-delivery-mode-container .radio_description {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    flex-direction: row;
}

.pop_up_form .shipping-delivery-mode-container .shipping-asap-slot {
    font-weight: 600;
    white-space: nowrap;
}

* {
    text-size-adjust: 100%;
}

html {
    --wimpli-vv-bottom-inset: 0px;
    line-height: 1.15;
    overflow-x: hidden;
    overscroll-behavior-y: none;
    touch-action: pan-x pan-y;
    text-size-adjust: 100%;
}

body {
    margin: 0px;
    max-width: 100vw;
    min-height: 100dvh;
    overscroll-behavior-y: none;
    position: relative;
    touch-action: pan-x pan-y;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
}

input, textarea, select, [contenteditable="true"] {
    user-select: text;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0em 0px;
}

hr {
    box-sizing: content-box;
    height: 0px;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    text-decoration: underline dotted;
}

b, strong {
    font-weight: bolder;
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 1.1rem;
    line-height: 1;
    margin: 0px;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"] {
    appearance: button;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0px;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0px;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    appearance: none;
}

::-webkit-file-upload-button {
    appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

*, ::before, ::after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
}

body, button, input, select, optgroup, textarea {
    color: rgb(64, 64, 64);
    font-size: 0.6rem;
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
}

p {
    margin-bottom: 1.5em;
    padding-top: 0px;
    margin-top: 0px;
}

dfn, cite, em, i {
    font-style: italic;
}

blockquote {
    margin: 0px 1.5em;
}

address {
    margin: 0px 0px 1.5em;
}

pre {
    background: rgb(238, 238, 238);
    font-family: "Courier 10 Pitch", courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code, kbd, tt, var {
    font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym {
    border-bottom: 1px dotted rgb(102, 102, 102);
    cursor: help;
}

mark, ins {
    background: rgb(255, 249, 192);
    text-decoration: none;
}

big {
    font-size: 125%;
}

body {
    color: rgb(86, 86, 86);
}

hr {
    background-color: rgb(204, 204, 204);
    border: 0px;
    height: 1px;
    margin-bottom: 1.5em;
}

ul, ol {
    margin: 0px;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul, li > ol {
    margin-bottom: 0px;
    margin-left: 0px;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0px 1.5em 1.5em;
}

embed, iframe, object {
    max-width: 100%;
}

img {
    height: auto;
    max-width: 100%;
}

figure {
    margin: 1em 0px;
}

table {
    margin: 0px 0px 1.5em;
    width: 100%;
}

a {
    color: var(--color-text);
}

a:focus {
    outline: dotted thin;
}

a:hover, a:active {
    outline: 0px;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(187, 187, 187);
    border-radius: 3px;
    background: rgb(230, 230, 230);
    color: rgba(0, 0, 0, 0.8);
    line-height: 1;
    padding: 0.6em 1em 0.4em;
}

button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {
    border-color: rgb(170, 170, 170) rgb(187, 187, 187) rgb(187, 187, 187);
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: rgb(102, 102, 102);
    border: 1px solid rgb(204, 204, 204);
    border-radius: 3px;
    padding: 3px;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
    color: rgb(17, 17, 17);
}

select {
    border: 1px solid rgb(204, 204, 204);
}

textarea {
    width: 100%;
}

html {
    scrollbar-width: none;
}

html::-webkit-scrollbar {
    display: none;
}

:root {
    --color-gray: #a7a7a7;
    --color-green: rgb(57 205 92);
    --color-yellow: #ffcc45;
    --color-red: #ff0606;
    --color-blue: #2dbbff;
    --color-orange: #ff6400;
    --color-brown: #b45427;
    --color-pink: #ff45d5;
    --color-wimpli: #4d78c4;
    --gap-xl: 2.8rem;
    --gap-lg: 1.5rem;
    --gap-nm: 1.1rem;
    --gap-sm: 0.6rem;
    --field-shadow-active: 0rem 0rem 0.6rem rgba(0, 0, 0, .1) inset;
    --field-shadow: 0rem 0rem 0.4rem rgb(from #888888 r g b / 25%) inset;
    --border: 1px solid rgb(from #6b6b6b r g b / 30%);
    --shadow-big: 0rem 0rem 7.1rem rgb(from #7d7d7d r g b / 9%);
    --desaturate-gray: #616161;
    --desaturate-white: white;
    --desaturate-black: #303030;
}

html {
    font-size: 62.5%;
    overflow-x: clip;
    overscroll-behavior-y: none;
}

body {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    overscroll-behavior-y: none;
}

.hide {
    display: none !important;
}

::-webkit-scrollbar {
    width: 1.1rem;
}

::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: transparent 0px 0px 1.5rem 1.5rem inset;
    border: 0px solid transparent;
}

::-webkit-scrollbar-thumb {
    background: transparent;
    box-shadow: rgb(129, 129, 129) 0px 0px 0.6rem 0.6rem inset;
    border: 0.4rem solid transparent;
}

::-webkit-scrollbar-thumb:hover {
    background: transparent;
}

header {
    padding: 0px;
    top: 0px;
    display: block;
    width: 100%;
    max-width: 100%;
    z-index: 9999;
    margin: 0px auto;
    background: linear-gradient(white 35%, transparent 100%);
}

.top-header {
    padding: 2.1rem;
}

.left-header {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 1.5rem;
}

.right-header {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 1.5rem;
}

.site-header .top-header {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    align-items: stretch;
    width: auto;
    border-radius: 0px 0px 2.8rem 2.8rem;
    z-index: 9;
    position: relative;
    gap: 0px;
    margin: 0px;
    background: transparent;
    padding: 2rem;
}

.site-header__bar {
    display: flex;
    grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr);
    align-items: center;
    gap: 0.6rem 0.9rem;
    width: 100%;
    justify-content: space-between;
    flex-flow: wrap;
}

.header-menu {
}

.site-header__bar .menu-branding {
    width: auto;
    max-width: none;
    flex-wrap: nowrap;
    justify-self: start;
}

.site-header__servicio {
    justify-self: center;
    min-width: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.site-header__actions {
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.site-header__action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.9rem;
    height: 3.9rem;
    min-width: 3.9rem;
    min-height: 3.9rem;
    padding: 0px;
    border-radius: 2.7rem;
    background: transparent;
    cursor: pointer;
    color: var(--color-gray);
    flex-shrink: 0;
    box-sizing: border-box;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    box-shadow: 0rem 0rem 1rem color-mix(in srgb, var(--color-gray), #00000014 78%);
    border: 0px solid rgb(231, 231, 231) !important;
}

.site-header__action-btn svg {
    width: 2.1rem;
    height: 2.1rem;
    fill: currentcolor;
    flex-shrink: 0;
}

.site-header__action-btn.is-active {
    color: rgb(255, 255, 255);
    border-color: transparent;
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 35%), #616161 20%) !important;
}

#masthead a#info.site-header__action-btn {
    mask-image: none;
    background: transparent;
}

#masthead a#info.site-header__action-btn.is-active {
    background: var(--color-primary);
}

#masthead a#info.site-header__action-btn .site-header__info-icon {
    width: 2.8rem;
    height: 3.5rem;
    display: block;
}

#masthead a#info.site-header__action-btn .site-header__info-icon text {
    fill: currentcolor;
}

.header-tools .header-tools__btn .header-tools__svg--theme {
    fill: none;
    color: var(--color-gray);
    width: 2.1rem;
    height: 2.1rem;
    flex-shrink: 0;
    pointer-events: none;
    border: 1px solid rgb(200, 200, 200);
    border-radius: 2.8rem;
}

.header-tools .header-tools__btn .header-tools__svg--theme path {
    fill: currentcolor;
}

#mode-options.mode-options__theme-btn {
    mask-image: none !important;
}

#mode-options.mode-options__theme-btn .header-tools__svg--theme {
    width: 2rem;
    height: 2rem;
    color: rgb(130, 130, 130);
}

.header-tools .header-tools__btn.nav_icon {
    border: 0px solid rgb(219, 219, 219);
    border-radius: 2.7rem;
    box-shadow: 0rem 0rem 1rem color-mix(in srgb, var(--color-gray), #00000014 78%);
    min-width: 3.9rem;
    min-height: 3.9rem;
    align-items: center;
    justify-content: center;
    line-height: 1;
    text-shadow: none;
    mask-image: none !important;
    background: color-mix(in srgb, rgb(255, 255, 255) 92%, white) !important;
    width: 3.9rem !important;
    height: 3.9rem !important;
}

.header-tools .header-tools__btn .header-tools__svg:not(.header-tools__svg--theme) {
    width: 3.5rem;
    height: 3.5rem;
    fill: var(--color-gray);
    flex-shrink: 0;
    pointer-events: none;
    margin-top: -0.2rem;
}

.header-tools .header-tools__btn .header-tools__svg--text text {
    fill: var(--color-gray);
}

.header-tools .idioma.header-tools__chip, .header-tools .moneda.header-tools__chip {
    width: 3.9rem;
    height: 3.9rem;
    min-width: 3.9rem;
    min-height: 3.9rem;
    border-radius: 2.7rem;
    border: 0px solid rgb(219, 219, 219);
    background: color-mix(in srgb, rgb(255, 255, 255) 92%, white);
    box-shadow: 0rem 0rem 1rem color-mix(in srgb, var(--color-gray), #00000014 78%);
    box-sizing: border-box;
}

.menu-branding {
    height: auto;
    display: flex;
    gap: 2.1rem;
    place-content: center space-between;
    align-items: center;
    flex-flow: wrap;
    padding: 0px;
    border-radius: 0px 0px 2.8rem 2.8rem;
    width: 100%;
}

.top-header ul.services li {
    display: none;
    background: none;
    box-shadow: none;
    border: 0px;
    width: 100%;
    height: auto;
    padding: 0px;
}

#active_service {
    width: auto;
    flex-direction: row;
}

#active_service li .translate {
}

#active_service li::before {
    display: none;
}

#active_service li span, #active_service li span.w_mostrador, span.w_mesa, span.w_autoservicio, span.w_venta_directa::before, #active_service li span.w_shipping::before, #active_service li span.w_take_away::before {
    width: 3rem;
    height: 3rem;
}

#active_service li {
    font-size: 1.3rem;
    line-height: 1.3rem;
    margin: 0px;
    flex-direction: row;
    width: auto;
    padding: 0.6rem 1.5rem;
    border-radius: 2.4rem;
    background: transparent;
    gap: 0.6rem;
    box-shadow: 0rem 0rem 1rem color-mix(in srgb, var(--color-gray), #00000014 78%);
    border: 0px !important;
}

.data-tools-bar {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.menu-tools {
    position: absolute;
    right: 0px;
    padding: 0px;
    border-radius: 2.8rem;
}

.menu-tools ul {
    display: flex;
    list-style: none;
    gap: 0px 1.5rem;
    margin: 0px;
    padding: 0px;
    place-content: center;
    align-items: center;
    flex-flow: row;
}

.menu-tools ul li {
    padding: 0px;
    border-radius: 3.5rem;
}

.cat-header {
    margin: 0px auto 1.5rem;
    flex-flow: column;
    max-width: 1200px;
    overflow: hidden;
    width: 100%;
    top: 0px;
    padding: 1.5rem 0px;
    z-index: 8;
    display: none !important;
}

.menu-branding img {
    object-fit: contain;
    height: auto;
    max-height: 7rem;
    border-radius: 0px;
}

.menu-branding .branding_icon_claro, .menu-branding .branding_icon_oscuro {
    width: 4.9rem;
    height: 4.9rem;
    max-width: min(30vw, 8.4rem);
    max-height: min(30vw, 8.4rem);
    object-fit: contain;
    border-radius: 0.6rem;
    display: none !important;
}

@media (max-width: 539px) {
    .site-header__bar .menu-branding:has(.branding_icon_claro) .logo_claro, .site-header__bar .menu-branding:has(.branding_icon_claro) .logo_oscuro {
        display: none !important;
    }

    .site-header__bar .menu-branding:has(.branding_icon_claro) .branding_icon_claro, .site-header__bar .menu-branding:has(.branding_icon_claro) .branding_icon_oscuro {
        display: block !important;
    }

    [data-theme="light"] .site-header__bar .menu-branding .branding_icon_oscuro, html:not([data-theme="dark"]) .site-header__bar .menu-branding .branding_icon_oscuro {
        display: none !important;
    }

    [data-theme="dark"] .site-header__bar .menu-branding .branding_icon_claro {
        display: none !important;
    }
}

.menu-branding a, .menu-branding h1 {
    display: flex;
    font-size: 0px;
    line-height: 0;
    flex: 1 1 auto;
    text-align: left;
    justify-content: flex-start;
    max-width: 200px;
    flex-wrap: wrap;
    padding: 0px;
    margin: 0px;
}

.menu-branding {
    cursor: pointer;
}

.site-main {
    border-radius: 1.5rem;
    background: none;
    position: relative;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    overflow: visible;
    width: 94%;
    padding: 0px;
    gap: 0.5rem;
    margin: 0px auto;
}

#page {
    width: auto;
    margin-left: 0px;
    margin-right: 0px;
    filter: none;
    transition: 0.3s;
    display: flex;
    place-content: stretch flex-start;
    flex-flow: column wrap;
    align-items: center;
    border-radius: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    border: 0px;
    background: transparent;
}

#page.blur {
    opacity: 0;
}

h3 {
    text-align: center;
    margin: 0.6rem 0px;
}

.body {
    width: 100%;
    display: flex;
    padding-top: 1.5rem;
    justify-content: space-evenly;
    align-items: flex-start;
}

.nav_icon {
    display: flex;
    width: 3.5rem;
    height: 3.5rem;
    cursor: pointer;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: 2rem;
    background: var(--color-primary);
}

#info {
    mask-image: url("images/info.svg");
}

#info-page-options {
    mask-image: url("images/info.svg");
}

#search {
    mask-image: url("images/search.svg");
    transition: 0.3s;
}

#search.active {
    background-color: white;
}

#currency {
    mask-image: url("images/currency.svg");
}

#lang {
    mask-image: url("images/lang.svg");
}

#mode, #mode-options, #mode-header {
    mask-image: url("images/mode.svg");
    transition: 0.3s;
}

#decrease, #decrease-options, #decrease-header {
    mask-image: url("images/decrease.svg");
}

#increase, #increase-options, #increase-header {
    mask-image: url("images/increase.svg");
}

#mi-cuenta-btn, #mi-cuenta-btn-options {
    mask-image: url("images/user.svg");
}

.wimpli_link {
    mask-image: url("images/wimpli_logo.svg");
    background-color: rgb(184, 184, 184);
    font-size: 9px;
    text-decoration: none;
    width: 56px;
    height: 18px;
    mask-size: 53px;
    mask-repeat: no-repeat;
    display: inline-block;
    mask-position: center center;
    opacity: 1;
    margin-left: 3px;
}

.site-info {
    vertical-align: top;
    opacity: 1;
}

.site-info small {
    vertical-align: top;
    font-size: 10px;
    font-weight: normal;
    line-height: 18px;
    color: rgb(184, 184, 184);
}

.choice_validation {
    width: 100%;
    display: inline-block;
}

.choice_validation input {
    background: none;
    width: auto;
    pointer-events: none;
    field-sizing: content;
    color: white;
    text-shadow: rgba(75, 75, 75, 0.36) 1px 1px 3px;
    border-width: medium !important;
    border-style: none !important;
    border-color: currentcolor !important;
    border-image: initial !important;
    padding: 0px !important;
    margin: 0px !important;
}

.choice_validation, .number_of_varieties {
    display: flex;
    place-content: center flex-start;
    align-items: center;
    gap: 5px;
}

.header-tools {
    flex-direction: row;
    place-content: center;
    align-items: center;
    width: 100%;
    z-index: 10;
    flex: 1 1 0%;
    display: none;
}

.store_status {
    width: 7.1rem;
    height: 5.6rem;
    background-size: contain;
    background-repeat: no-repeat;
}

.store_status.open {
    background-image: url("images/open_store.svg");
}

.store_status.closed {
    background-image: url("images/closed_store.svg");
}

.bg_texture {
    background-image: url("images/bg_texture.png");
    width: 100vw;
    height: 100dvh;
    z-index: 0;
    position: fixed;
    background-size: 130px;
    mix-blend-mode: difference;
    opacity: 0.1;
}

input[type="text"].globalInputSearch {
    width: 100%;
    text-align: left;
    font-size: 1.5rem;
    padding: 1.5rem 4.6rem;
    border-radius: 1.5rem;
    background-color: white;
    border-width: 0px 0px 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.12);
    border-image: initial;
    font-weight: 500;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.3rem;
    box-shadow: rgba(0, 0, 0, 0.13) 0rem 0.2rem 0.7rem 0rem;
}

input[type="text"].globalInputSearch {
    width: 100%;
    text-align: left;
    font-size: 1.5rem;
    padding: 1.5rem 4.6rem;
    border-radius: 1.5rem;
    background-color: white;
    border-width: 0px 0px 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.12);
    border-image: initial;
    font-weight: 500;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.3rem;
    box-shadow: rgba(0, 0, 0, 0.13) 0rem 0.2rem 0.7rem 0rem;
}

input[type="text"].globalInputSearch {
    width: 100%;
    text-align: left;
    font-size: 1.5rem;
    padding: 1.3rem;
    border-radius: 4.2rem;
    background-color: white;
    border-width: 0px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.13) rgba(0, 0, 0, 0.13) rgba(0, 0, 0, 0.12);
    border-image: initial;
    font-weight: 500;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.3rem;
    box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 3px inset, rgba(0, 0, 0, 0.2) -1px -1px 3px inset;
}

.logged-in input[type="text"].globalInputSearch {
    padding: 1rem 1.5rem;
}

.search_container::before {
    content: "";
    mask-image: url("images/search.svg");
    width: 1.7rem;
    height: 1.7rem;
    display: inline-block;
    position: absolute;
    mask-size: contain;
    mask-repeat: no-repeat;
    opacity: 1;
    top: 50%;
    right: 1.5rem;
    background-color: rgb(220, 220, 220);
    transform: translate(0%, -50%);
}

.globalInputSearch::placeholder {
    font-weight: 500;
}

.search_container {
    width: 100%;
    margin: 0rem auto 0px;
    max-width: 100%;
    right: 0px;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    align-content: center;
    gap: 1.5rem;
    flex-direction: row-reverse;
    min-width: 50%;
}

#search_close {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0.6rem;
    margin: 0px;
    z-index: 999;
    visibility: visible;
    opacity: 1;
    transform: translateY(-50%);
    pointer-events: auto;
    transition: visibility linear, opacity 0.2s ease-out 0.2s, transform 0.2s ease-out 0.2s;
}

.globalSearchResultNoFoundFeedback {
    font-weight: 800;
    margin: 0px;
    font-size: 2.4rem;
    text-align: center;
    padding: 2.8rem 0px;
}

input[type="text"].zone_search_input {
    width: 100%;
    text-align: left;
    font-size: 1.5rem;
    padding: 1.5rem 4.6rem;
    border-radius: 1.5rem;
    background-color: white;
    border-width: 0px 0px 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.12);
    border-image: initial;
    font-weight: 500;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.3rem;
    box-shadow: rgba(0, 0, 0, 0.13) 0rem 0.2rem 0.7rem 0rem;
}

input[type="text"].zone_search_input {
    width: 100%;
    text-align: left;
    font-size: 1.3rem;
    padding: 1.1rem 1.1rem 1.1rem 3.5rem;
    border-radius: 1.1rem;
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.13) rgba(0, 0, 0, 0.13) rgba(0, 0, 0, 0.12);
    border-image: initial;
    font-weight: 500;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.3rem;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0rem 3px inset;
}

.zone_search_container::before {
    content: "";
    mask-image: url("images/search.svg");
    width: 1.7rem;
    height: 1.7rem;
    display: inline-block;
    position: absolute;
    mask-size: contain;
    mask-repeat: no-repeat;
    opacity: 1;
    top: 50%;
    left: 1.1rem;
    background-color: rgb(215, 215, 215);
    transform: translate(0%, -50%);
}

.zone_search_input::placeholder {
    font-weight: 500;
}

.zone_search_container {
    width: 100%;
    margin: 0px;
    max-width: 100%;
    right: 0px;
    position: relative;
    z-index: 0;
}

#zone_search_close {
    content: "";
    mask-image: url("images/close.svg");
    width: 2.1rem;
    height: 2.1rem;
    display: inline-block;
    position: absolute;
    mask-repeat: no-repeat;
    top: 50%;
    right: 1.5rem;
    background-color: rgb(40, 40, 40);
    cursor: pointer;
    transition: 0.6s;
    mask-size: 1.7rem;
    mask-position: center center;
    transform: translate(0px, -50%);
    opacity: 0.4;
}

.wimpli-page-loading {
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 9999991;
}

.wimpli-page-loading #loader.wimpli-page-loading__inner {
    align-items: center;
    animation: auto ease 0s 1 normal none running none;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    height: auto;
    justify-content: center;
    left: 50%;
    margin: 0px;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    z-index: 1001;
}

.wimpli-page-loading .wimpli-page-loading__brand {
    align-items: center;
    display: flex;
    justify-content: center;
    line-height: 0;
}

.wimpli-page-loading .wimpli-page-loading__logo {
    animation: 1.2s ease-in-out 0s infinite normal none running wimpli-page-loading-logo-breathe;
    height: auto;
    max-height: 6.7rem;
    max-width: min(14.4rem, 60vw);
    object-fit: contain;
    transform-origin: center center;
    width: auto;
}

@keyframes wimpli-page-loading-logo-breathe {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }
}

.wimpli-page-loading .loader, .wimpli-page-loading .loader::before, .wimpli-page-loading .loader::after {
    animation: 1.8s ease-in-out 0s infinite normal none running wimpli-bbl-fade-in-out;
    border-radius: 50%;
    height: 2.5em;
    width: 2.5em;
}

.wimpli-page-loading .loader {
    box-sizing: border-box;
    color: var(--color-primary);
    display: block;
    font-size: 7px;
    position: relative;
    text-indent: -9999em;
    transform: translateZ(0px);
    animation-delay: -0.16s;
}

.wimpli-page-loading .loader::before, .wimpli-page-loading .loader::after {
    content: "";
    position: absolute;
    top: 0px;
}

.wimpli-page-loading .loader::before {
    animation-delay: -0.32s;
    left: -3.5em;
}

.wimpli-page-loading .loader::after {
    left: 3.5em;
}

@keyframes wimpli-bbl-fade-in-out {
    0%, 80%, 100% {
        box-shadow: 0px 2.5em 0px -1.3em;
    }

    40% {
        box-shadow: 0px 2.5em 0px 0px;
    }
}

.wimpli-page-loading .loader-section {
    background: white;
    height: 100dvh;
    position: fixed;
    top: 0px;
    transform: translateX(0px);
    z-index: 1000;
    width: 100vw;
}

.wimpli-page-loading .loader-section.section-left {
    left: 0px;
}

.wimpli-page-loading .loader-section.section-right {
    right: 0px;
}

.wimpli-page-options {
    height: 100dvh;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 999999;
    overflow: hidden auto;
    touch-action: pan-x pan-y;
    background: linear-gradient(to bottom, color-mix(in srgb, var(--color-primary), white 90%) 0, white 50%);
    opacity: 1;
    visibility: visible;
    transition: opacity 0.25s ease-out, visibility linear;
}

.wimpli-page-options.is-collapsed {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease-in, visibility 0.2s linear;
}

.wimpli-page-options.wimpli-404-options {
    background: color-mix(in srgb, var(--color-primary, #646464), white 90%);
}

#page_options_container {
    position: absolute;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    touch-action: pan-x pan-y;
}

#page_options_box {
    width: 100vw;
    max-width: 90vw;
    padding: 1rem;
    border-radius: 0px;
    margin-top: 0px;
    transform: translate3d(100vw, 0px, 0px);
    opacity: 0;
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease-out;
    will-change: transform, opacity;
    backface-visibility: hidden;
    box-shadow: none;
    height: auto;
    overflow: visible;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    align-items: center;
    align-content: center;
    touch-action: pan-x pan-y;
    background: transparent;
}

#page_options_box.is-visible {
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
}

#page_options_box ul.services {
    margin-top: 0px;
}

#page_options_box ul.services li {
    cursor: pointer;
}

#page_options_box ul.services li > * {
    pointer-events: none;
}

.wimpli-404-main.site-main {
    min-height: 100dvh;
    margin: 0px;
    padding: 0px;
    overflow: visible;
}

.wimpli-404-box {
    gap: 1.5rem;
    align-items: stretch;
}

.wimpli-404-box .menu-branding {
    align-self: center;
}

.wimpli-404-copy {
    width: 100%;
    max-width: 29.6rem;
    margin: 0px auto;
    text-align: center;
}

.wimpli-404-badge {
    display: inline-block;
    margin: 0px 0px 1.1rem;
    padding: 0.4rem 1.1rem;
    border-radius: 50px;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.3;
    text-transform: uppercase;
    color: rgb(49, 49, 49);
    background-color: color-mix(in srgb, var(--color-primary, #646464), white 70%);
}

.wimpli-404-headline {
    margin: 0px;
    padding: 0px;
    font-size: 2.8rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.02em;
    text-align: left;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1em;
}

.wimpli-404-headline__line1 {
    display: block;
    color: rgb(97, 97, 97);
    font-style: normal;
}

.wimpli-404-headline__line2 {
    display: block;
    color: var(--color-primary);
    font-style: italic;
}

[data-theme="dark"] .wimpli-404-badge {
    color: rgba(255, 255, 255, 0.82);
    background-color: rgba(230, 224, 248, 0.18);
}

[data-theme="dark"] .wimpli-404-headline__line1 {
    color: rgba(255, 255, 255, 0.94);
}

[data-theme="dark"] .wimpli-404-headline__line2 {
    color: rgb(184, 163, 232);
}

@media (max-width: 480px) {
    .wimpli-404-headline {
        font-size: 2.4rem;
    }

    .wimpli-404-badge {
        font-size: 1.1rem;
        padding: 0.4rem 0.9rem;
    }
}

.wimpli-404-home {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    margin-top: 1.5rem;
    padding: 0.9rem 1.6rem;
    border-radius: 999px;
    font-size: 1.5rem;
    font-weight: 600;
    text-decoration: none;
    color: rgb(255, 255, 255);
    background: var(--color-primary, #6c5ce7);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    transition: opacity 0.2s, transform 0.15s;
}

.wimpli-404-home:hover, .wimpli-404-home:focus-visible {
    color: rgb(255, 255, 255);
    opacity: 0.92;
    text-decoration: none;
}

.wimpli-404-home:focus-visible {
    outline: 2px solid var(--color-primary, #6c5ce7);
    outline-offset: 3px;
}

.wimpli-404-home__icon {
    display: flex;
    line-height: 0;
    color: inherit;
}

.wimpli-404-home__icon svg {
    display: block;
}

.service_title {
    font-size: 1.3rem;
    word-spacing: 1px;
    letter-spacing: 0px;
    font-weight: 400;
    display: flex;
    align-items: start;
    justify-content: center;
    margin: 0rem 0px;
    padding: 0px;
    width: 100%;
    border-radius: 0px;
    text-align: center;
}

ul.services {
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-direction: row;
    place-content: space-around center;
    align-items: stretch;
    position: relative;
    gap: 1.5rem;
    z-index: 9;
    width: 100%;
    max-width: 28.1rem;
}

ul.services li {
    padding: 2rem;
    border-radius: 2rem;
    font-size: 1.3rem;
    cursor: pointer;
    margin-bottom: 0rem;
    text-decoration: none;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: 0px;
    flex-flow: column;
    font-weight: 500;
    place-content: center space-between;
    flex: 1 1 0%;
    background: white;
    box-shadow: rgba(0, 0, 0, 0.13) 0px 0rem 1rem 0px;
    mask-image: none !important;
}

ul.services li span {
    display: block;
    font-size: 1.1rem;
    font-weight: 400;
}

ul.services li:last-child {
    margin-bottom: 0rem;
}

ul.services li span.w_mostrador, span.w_mesa, span.w_autoservicio, span.w_venta_directa::after, ul.services li span.w_shicccpping::after, ul.services li span.w_take_away::after {
    border: 0px solid var(--color-primary);
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 3.5rem;
    background: transparent;
}

ul.services li span.w_mostrador, span.w_mesa, span.w_autoservicio, span.w_venta_directa::before, ul.services li span.w_shipping::before, ul.services li span.w_take_away::before {
    background-image: url("images/store.png");
    position: static;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    left: 0px;
    top: 0px;
    border-radius: 0px;
    width: 4.2rem;
    height: 4.2rem;
    display: flex;
}

ul.services li span.w_shipping::before {
    background-image: url("images/delivery.png");
}

ul.services li span.w_take_away::before {
    background-image: url("images/pick.png");
}

ul.services li span {
    position: static;
    border-radius: 3.5rem;
    left: 0px;
    box-shadow: var(--shadow-4);
    z-index: 9;
    border: 0px solid rgba(0, 0, 0, 0.13);
    display: inline-block;
    width: 3.5rem;
    height: auto;
}

.top-header ul.services li {
    display: none;
}

#page_options_container .menu-branding {
    max-width: 250px;
    max-height: none;
    margin: 0px;
    flex-direction: column;
    box-shadow: none;
    padding: 0px;
}

#page_options_container .menu-branding .logo_claro {
    display: block;
    max-height: 14vh;
}

#page_options_container .menu-branding .logo_oscuro {
    display: none;
}

#page_options_container .menu-branding .branding_icon_claro, #page_options_container .menu-branding .branding_icon_oscuro, #page_options_box .menu-branding .branding_icon_claro, #page_options_box .menu-branding .branding_icon_oscuro, #info_scrollable .menu-branding .branding_icon_claro, #info_scrollable .menu-branding .branding_icon_oscuro {
    display: none !important;
}

body.menu_only .buy-btn {
    display: none !important;
}

.instruction_message {
    background: rgb(255, 255, 255);
    padding: 0.6rem;
    border-radius: 0.4rem;
    border: 1px solid rgb(204, 204, 204);
    font-size: 1.1rem;
    margin: 1.5rem 0px;
    display: inline-block;
    text-align: center;
}

.instruction_message p {
    margin-bottom: 0px;
}

.lity * {
    height: auto;
}

.lity {
    background: transparent !important;
}

.lity-close {
    display: none;
}

.lity-content::after {
    display: none !important;
}

.info_container {
    padding: 0px;
    text-align: center;
    height: auto;
    position: static;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    margin: 0px;
    top: 0px;
    left: 0px;
    width: 100vw;
    overflow: auto;
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    align-items: flex-end;
    gap: 0px;
    background: linear-gradient(to top, color-mix(in srgb, var(--color-primary), white 90%) 0, white 50%);
    touch-action: pan-y !important;
}

#info_scrollable {
    width: 100%;
    display: flex;
    gap: 1rem;
    flex-direction: column;
    padding: 3rem;
    font-size: 1.5rem;
}

.info_section.description {
    text-align: left;
}

.info_section.description p {
    margin: 0px 0px 2rem;
    padding: 0px;
    line-height: 1.7rem;
}

.info_section {
    margin: 0px 0rem 1rem;
    background: white;
    padding: 2rem;
    border-radius: 2rem;
    box-shadow: 0rem 2rem 3rem color-mix(in srgb, var(--color-primary), white 90%);
}

.info_section .table {
    display: flex;
    flex-direction: column;
    margin: 0px;
    justify-content: space-around;
    border: 0px solid rgba(0, 0, 0, 0.16);
    padding: 0px;
    border-radius: 1.1rem;
}

.info_section .table .row {
    display: flex;
    place-content: center space-between;
    align-items: center;
    flex-flow: row;
    font-size: 1.2rem;
    padding: 0.5rem 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    line-height: 1.3;
}

.info_section .table .row:last-child {
    border-bottom: 0px solid rgba(0, 0, 0, 0.16);
}

.info_section .title {
    display: flex;
    justify-content: flex-start;
    position: relative;
    text-align: center;
    height: auto;
    flex-flow: row;
    font-size: 1.7rem;
    padding: 0px;
    border-radius: 0px;
    margin-bottom: 0.6rem;
    font-weight: 700;
    letter-spacing: -1px;
    color: rgba(0, 0, 0, 0.79);
}

.info_section .icon {
    position: relative;
    width: 5.6rem;
    height: 5.6rem;
    border-radius: 1.5rem;
    box-shadow: var(--shadow-3);
    z-index: 9;
    border: 0px solid rgba(0, 0, 0, 0.13);
    display: inline-block;
}

.info_section .icon::before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    left: 0px;
    top: 0px;
    display: inline-block;
}

.info_section .icon::after {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 3.5rem;
    background: white;
}

.info_section .icon_wifi_new::before {
    background-image: url("images/wifi.png");
    background-size: 70%;
}

.info_section .icon_clock::before {
    background-image: url("images/horarios.png");
    background-size: 70%;
}

.info_section .icon_payment::before {
    background-image: url("images/medios_de_pago.png");
    background-size: 80%;
}

.info_section .icon_geo::before {
    background-image: url("images/geo.png");
    background-size: 70%;
}

.info_section.business_hours .table .row span {
    font-weight: 400;
    border-right: 0px solid rgba(107, 107, 107, 0.51);
    padding-right: 0px;
    margin-right: 0px;
    font-size: 1.2rem;
}

.info_section.business_hours .table .row span:last-child {
    border-right: 0px solid rgba(0, 0, 0, 0.26);
    padding-right: 0rem;
}

.info_section .turnos_container {
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.info_section .turnos_container .turno {
    font-size: 1.1rem;
    font-weight: 500;
}

.info_section.phones .table, .info_section.address .table, .info_section.payment_methods .table {
    flex-direction: column;
    place-content: center;
    align-items: center;
}

.info_section.description .table .row {
    place-content: flex-start center;
    align-items: center;
    flex-flow: row;
}

.info_section.phones .table .row, .info_section.address .table .row, .info_section.payment_methods .table .row {
    place-content: flex-start;
    min-width: 100%;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start !important;
}

.info_section.address .row {
    gap: 1.5rem;
    display: flex;
    border-width: medium !important;
    border-style: none !important;
    border-color: currentcolor !important;
    border-image: initial !important;
    align-items: center !important;
    align-content: center !important;
}

.info_section.address .btn-maps {
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 0.6rem;
    background: var(--wimpli-accent, #2563eb);
    color: rgb(255, 255, 255);
    text-decoration: none;
    border-radius: 0.2rem;
    font-size: 0.6rem;
    font-weight: 500;
    transition: opacity 0.2s, background-color 0.2s;
}

html .social_container {
    margin-bottom: 0px;
    box-shadow: none;
    background: transparent !important;
    padding: 0px !important;
}

.social_icons {
    display: flex;
    flex-direction: row;
    place-content: center;
    align-items: center;
    padding: 0px;
    text-align: unset;
    gap: 0.9rem;
    margin: 0px;
}

.social_icons li {
    display: flex;
    padding: 0px;
    width: 3.5rem;
    height: 3.5rem;
    position: relative;
}

.social_icons li a {
    background: color-mix(in srgb, var(--color-primary), #c0c0c0 65%);
    width: 2.4rem;
    height: 2.4rem;
    display: flex;
    mask-repeat: no-repeat;
    opacity: 1;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

.social_icons li a.whatsapp {
    mask-image: url("images/icon_whatsapp.svg");
}

.social_icons li a.instagram {
    mask-image: url("images/icon_instagram.svg");
}

.social_icons li a.facebook {
    mask-image: url("images/icon_facebook.svg");
}

.social_icons li a.tiktok {
    mask-image: url("images/icon_tiktok.svg");
}

.social_icons li a.gmaps {
    mask-image: url("images/icon_gmaps.svg");
}

.info_container .menu-branding {
    place-content: center;
    align-items: center;
    flex-direction: row;
    box-shadow: none;
    margin: 0px auto;
    background: linear-gradient(white 35%, transparent 100%);
    padding: 2rem 2rem 1rem;
    border-radius: 2rem;
    max-width: 300px;
}

.copy, .info_section.address .btn-maps {
    background: rgb(from var(--color-primary) r g b / 82%);
    color: var(--button-text-color-oscuro);
    padding: 0.4rem 1.5rem;
    font-weight: bold;
    border-radius: 5rem;
    cursor: pointer;
    transition: 0.3s;
    flex: 1 1 0%;
    max-width: 190px;
    text-align: center;
    font-size: 1.1rem;
    justify-content: flex-start;
}

.copy, .info_section.address span {
    flex: 1 1 0%;
}

.copy:active {
    background: var(--color-primary);
}

.copy_box {
    display: flex;
    flex-flow: wrap;
    gap: 1rem;
    align-content: center;
    align-items: center;
}

.uppercase {
    text-transform: uppercase;
}

.zoom_image {
    width: 100%;
    height: 100%;
    position: absolute;
    mask-repeat: no-repeat;
    opacity: 1;
    top: 0px;
    left: 0px;
    margin-top: 0px;
    margin-left: 0px;
    background: none;
    cursor: pointer;
    transition: 0.6s;
    z-index: 99;
    display: none;
}

.product .zoom_image::before {
    content: "";
    mask-image: url("images/zoom.svg");
    position: absolute;
    mask-repeat: no-repeat;
    opacity: 1;
    margin-top: 0px;
    cursor: pointer;
    transition: 0.6s;
    z-index: 99;
    display: block;
    mask-size: 2.4rem;
    mask-position: center center;
    width: 2.8rem;
    height: 2.8rem;
    right: 1.1rem;
    bottom: -3.1rem;
    left: 50%;
    background: rgb(197, 197, 197);
    margin-left: -1.5rem;
}

.product-btn {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    position: relative;
    background-color: var(--color-primary);
}

.product-44btn::before {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    cursor: pointer;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: 1.7rem;
    background: white;
    mask-image: url("images/add.svg");
    content: "";
}

.product-btn::after {
    content: "";
}

.price_container {
    display: flex;
    flex-flow: row;
    place-content: flex-end;
    align-items: center;
    z-index: 5;
    position: relative;
}

.price_container label {
    margin-right: 0.6rem;
    font-size: 1.5rem;
    font-weight: 400;
}

.product .product-btn.disabled {
    pointer-events: none;
    background-color: rgb(159, 159, 159);
    border: 1px solid rgb(211, 211, 211);
}

.product .product-btn.disabled .cart-item {
    transform: translateX(0px) translateY(0px) scale(0) !important;
}

.product_quantity {
    display: flex;
    flex-direction: column;
    margin: 0px;
    padding: 0px 0.6rem;
}

.product_quantity .input-group {
    display: flex;
    flex-flow: row;
    align-items: center;
    gap: 0.6rem;
    justify-content: flex-start;
}

.product_quantity .input-group label {
    font-size: 1.1rem;
    font-weight: 500;
    margin-right: 0.4rem;
    white-space: nowrap;
    display: none;
}

.product_quantity .input-group .product-quantity-minus, .product_quantity .input-group .product-quantity-plus, .product-quantity-standard .button-minus, .product-quantity-standard .button-plus {
    font-size: 0px;
    font-weight: 400;
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 10%), #393939 15%);
    color: var(--button-text-color-oscuro);
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 2.1rem;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
    display: flex;
    place-content: center;
    align-items: center;
    overflow: hidden;
    border: 0px solid rgba(0, 0, 0, 0.1);
    line-height: 1;
    font-family: dashicons;
    box-shadow: var(--shadow-4);
    cursor: pointer;
    transition: 0.2s;
}

.product_quantity .input-group .product-quantity-minus::before, .product-quantity-standard .button-minus::before {
    content: "";
    font-family: dashicons;
    font-size: 2.6rem;
    display: inline-block;
    line-height: 1;
}

.product_quantity .input-group .product-quantity-plus::before, .product-quantity-standard .button-plus::before {
    content: "+";
    font-family: inherit;
    font-size: 3.2rem;
    font-weight: 300;
    display: inline-block;
    height: 3.5rem;
    line-height: 1;
    margin-top: -1.2rem;
}

.product_quantity .input-group .product-quantity-minus:active, .product_quantity .input-group .product-quantity-plus:active, .product-quantity-standard .button-minus:active, .product-quantity-standard .button-plus:active {
    box-shadow: 0 0px 0 var(--color-primary);
    transform: translateY(3px);
}

.product_quantity .input-group .product_quantity_input {
    height: 3.5rem;
    text-align: center;
    width: 3.5rem;
    font-size: 1.5rem;
    font-weight: 500;
    padding: 0px;
    min-width: 0px;
    background: white;
    margin: 0px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: var(--field-shadow) !important;
}

.product_resume {
    display: flex;
    place-content: center space-between;
    align-items: center;
    flex-direction: row;
    margin-top: 0px;
    gap: 1.1rem;
    position: fixed;
    bottom: 0px;
    width: 100%;
    left: 0px;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-left: 2rem;
    padding-bottom: calc(1.5rem + env(safe-area-inset-bottom, 0px));
    background: white;
    box-shadow: none;
    border-radius: 2.1rem 2.1rem 0px 0px;
    z-index: 100000;
    visibility: hidden;
    opacity: 0;
    will-change: transform;
    transform: translate3d(0, calc(100% + var(--wimpli-vv-bottom-inset, 0px)), 0);
    backface-visibility: hidden;
    contain: paint;
    pointer-events: none;
    transition: visibility 0.3s linear, opacity 0.2s ease-out 0.1s, transform 0.2s ease-out 0.1s;
}

.product_popup_box.popup-open .product_resume {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, var(--wimpli-vv-bottom-inset, 0px), 0);
    pointer-events: auto;
    transition: visibility linear, opacity 0.2s ease-out 0.5s, transform 0.28s cubic-bezier(0.22, 1, 0.36, 1) 0.5s;
    box-shadow: 0rem 0.25rem 1rem color-mix(in srgb, var(--color-gray), #00000014 78%);
    border-width: 0px !important;
    border-style: solid solid none !important;
    border-color: rgb(231, 231, 231) rgb(231, 231, 231) currentcolor !important;
    border-image: initial !important;
}

.product_popup_box .product_quantity .stock-info {
    display: none !important;
}

.product_popup_box .combo-configura-producto {
    padding: 0px;
    border-radius: 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 1.5rem;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    background: none;
}

.product .product_resume .product_quantity {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-start;
    z-index: 5;
    position: relative;
    flex: 1 1 0%;
    min-width: 0px;
}

.product .product_resume .price_container {
    display: flex;
    flex-flow: row;
    place-content: flex-end;
    align-items: center;
    z-index: 5;
    position: relative;
    flex: 1 1 0%;
    min-width: 0px;
}

.product_popup_box .combo-configura-producto .combo-configura-title.options_label_line {
    display: none;
}

.product .product_resume .price_container .price {
    display: flex;
    flex-flow: row;
    place-content: flex-end center;
    align-items: center;
    z-index: 5;
    position: relative;
    width: auto;
    padding: 1.1rem 0.6rem;
}

.product .product_resume .price_container .price span {
    margin: 0px;
}

.product .product_resume .btn_container {
    display: flex;
    flex-flow: row;
    place-content: flex-end;
    align-items: center;
    margin-top: 0px;
    z-index: 5;
    position: relative;
    flex: 1 1 0%;
    min-width: 0px;
}

.product .product_resume .btn_container .button {
    font-size: 1.5rem;
    line-height: 1.6rem;
    padding: 1.1rem 1.5rem;
    width: 100%;
    text-align: center;
}

.input-group.combo-paso-fijo-sin-botones .variety_settings, .input-group.combo-paso-fijo-sin-botones .variety_info {
    display: none;
}

.variety_group_container.combo-paso-fijo.combo-paso-group .options_label2 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 1.5rem;
}

.variety_group_container.combo-paso-fijo.combo-paso-group .options_label2 .input-group.combo-paso-fijo-sin-botones {
    padding: 0px;
    background: none;
}

.btn_container {
    display: flex;
    flex-flow: row;
    place-content: flex-end;
    align-items: center;
    margin-top: 0px;
    z-index: 5;
    position: relative;
}

.product .btn_container .add_button {
    transition: 0.2s;
}

.parent_category_title {
    font-size: 3.9rem;
    margin: 0px 0px 0rem;
    letter-spacing: initial;
    font-weight: 400;
    text-align: center;
    width: 100%;
    border-radius: 2.8rem;
    position: relative;
}

.child_category_title {
    font-size: 15px;
    word-spacing: 1px;
    letter-spacing: 0px;
    font-weight: 500;
    display: flex;
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin: 1.5rem 0px;
    padding: 0.6rem;
    border-radius: 1.5rem 17.92px;
}

.child_category_title {
    font-size: 15px;
    word-spacing: 1px;
    letter-spacing: 0px;
    font-weight: 400;
    display: flex;
    text-align: left;
    align-items: start;
    justify-content: start;
    margin: 0px 0px 0.6rem;
    width: 100%;
}

.product_list {
    padding: 0rem 0px;
    display: flex;
    flex-direction: column;
    margin: 0.6rem 0rem 0px;
    align-content: center;
    align-items: stretch;
    gap: 0px;
    overflow: visible;
    border-radius: 2.5rem;
    background: transparent;
}

.products_list {
    display: flex;
    flex-flow: column wrap;
    place-content: stretch flex-start;
    align-items: flex-start;
    gap: 1.5rem;
}

.products_grid {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0px 2rem;
    margin: 2rem 0px 3rem;
}

.products_grid .products_list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: 2rem;
    align-items: stretch;
    width: 100%;
}

.products_grid .product .product_intro {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex: 1 1 0%;
    justify-content: space-between;
    gap: 0rem;
}

.products_grid .product .product_grid_card_footer {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    width: 100%;
    margin-top: 1.5rem;
    padding: 0px;
    box-sizing: border-box;
    flex: 1 1 0%;
}

.products_grid .product .product_grid_title_price {
    min-width: 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
}

.products_grid .product .product_grid_card_footer .title {
    margin: 0px;
    text-align: left;
    line-height: 1;
    font-size: 1.35rem;
    font-weight: 400;
}

.products_grid .product .product_grid_price_line {
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem;
    display: none;
}

.products_grid .product .product_grid_price_line .currency {
    font-size: 1.5em;
    font-weight: 500;
    padding: 0px;
    line-height: 1;
}

.products_grid .product .product_grid_card_footer .buttons_container {
    flex-shrink: 0;
    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: flex-end;
    align-self: end;
}

.products_grid .product .product_grid_card_footer .btn_open_container .button {
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 10%), #616161 10%);
    color: var(--button-text-color-oscuro);
}

.products_grid .product .product_grid_card_footer .btn_open_container .button span {
    font-size: 2.2rem;
    line-height: 1;
    font-weight: 400;
}

.products_grid .product .product_options > .variations_label {
    display: none !important;
}

.products_grid .product .product_options > .presentacion_radio {
    display: none !important;
}

.products_grid .product .info .product_info_text > h5.title {
    display: block;
}

.products_carousel {
    position: relative;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.products_carousel__viewport {
    min-width: 0px;
    width: 100%;
    overflow: auto visible;
    scroll-behavior: smooth;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    outline: none;
    cursor: grab;
    touch-action: pan-x pan-y;
    container: products-carousel / inline-size;
    box-sizing: border-box;
    border: 0px solid rgba(0, 0, 0, 0.13);
    border-radius: 2.1rem;
    background: none;
    padding: 0px 3rem;
    margin: 0px !important;
}

.products_carousel__viewport::-webkit-scrollbar {
    display: none;
    width: 0px;
    height: 0px;
}

.products_carousel__viewport.products_carousel__viewport--dragging {
    cursor: grabbing;
    scroll-behavior: auto;
    user-select: none;
}

.child_term_wrapper .products_carousel__arrow {
    color: rgb(0, 0, 0);
}

.products_carousel__arrow {
    position: absolute;
    top: -2.1rem;
    z-index: 2;
    transform: translateY(-50%);
    width: 4.2rem;
    height: 4.2rem;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0px solid rgba(0, 0, 0, 0.12);
    border-radius: 50%;
    background: transparent;
    color: rgb(86, 86, 86);
    cursor: pointer;
    transition: opacity 0.2s, transform 0.15s, box-shadow 0.2s;
}

.products_carousel__arrow--prev {
    right: 9.2rem;
}

.products_carousel__arrow--next {
    right: 3.5rem;
}

.products_carousel__arrow:hover:not(:disabled):not([hidden]) {
}

.products_carousel__arrow:focus-visible {
    outline: 2px solid var(--color-primary, #6c5ce7);
    outline-offset: 3px;
    transform: translateY(-50%);
}

.products_carousel__arrow:disabled {
    opacity: 0.35;
    cursor: not-allowed;
    transform: translateY(-50%);
    box-shadow: none;
}

.products_carousel__arrow[hidden] {
    display: flex;
    opacity: 0.1;
    filter: saturate(0);
}

.products_carousel__arrow-icon {
    font-size: 4.2rem;
    line-height: 1;
    font-weight: 300;
    margin-top: 0px;
}

.products_carousel--single .products_carousel__arrow {
    display: none !important;
}

.products_carousel .products_list {
    display: flex;
    flex-flow: row;
    gap: 1.1rem;
    padding: 0px;
    box-sizing: border-box;
    justify-content: center;
    margin: 0px;
    min-width: min-content;
    overflow: visible;
    align-items: stretch;
}

.products_carousel__id-json {
    display: none !important;
}

.products_carousel--fits .products_list {
    justify-content: start;
}

.products_carousel .product .checkmark, .products_grid .product .checkmark {
    display: none !important;
}

.products_carousel .product .product_popup_box .checkmark, .products_grid .product .product_popup_box .checkmark {
    display: block !important;
}

.products_carousel .product .buttons_container .button, .products_grid .product.combo-card .product_options .buttons_container .button {
    display: flex;
    justify-content: center;
    width: auto;
    font-size: 2.1rem;
    padding: 0.6rem;
    line-height: 1.2rem;
    text-align: center !important;
}

.products_carousel .product .buttons_container .btn_open_container, .products_grid .product.combo-card .product_options .buttons_container .btn_open_container {
    width: 100%;
    text-align: center;
}

.products_carousel .product {
    --carousel-card-w: 280px;
    flex: 0 0 14rem;
    width: 14rem;
    max-width: 14rem;
    min-width: 14rem;
    box-sizing: border-box;
    margin: 0px;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0px;
    padding: 1rem;
    background: rgb(248, 248, 248);
    overflow: visible !important;
}

.products_grid .product {
    --carousel-card-w: 280px;
    width: 100%;
    max-width: 100%;
    min-width: 0px;
    flex: 0 0 auto;
    box-sizing: border-box;
    margin: 0px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0px;
    padding: 1rem;
    background: white;
    box-shadow: 0rem 0.5rem 2rem color-mix(in srgb, var(--color-primary), #2e2e2e29 78%);
    transition: none;
    overflow: visible !important;
}

.products_carousel .product .product_details, .products_grid .product .product_details {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.products_carousel .product .product_intro, .products_grid .product .product_intro {
    align-items: stretch;
    width: 100%;
}

.products_carousel .product .variation_image_container, .products_grid .product .variation_image_container {
    pointer-events: auto;
    cursor: pointer;
}

.products_carousel .product .variation_image_container .image, .products_grid .product .variation_image_container .image {
    border-radius: 1rem;
}

.products_carousel .product .product_options, .products_grid .product .product_options {
    width: 100%;
    margin-top: 0px;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    height: auto;
    justify-content: flex-end;
}

.products_carousel .product .buttons_container, .products_grid .product.combo-card .product_options .buttons_container {
    width: 100%;
    text-align: center;
    display: flex;
    margin-top: 0px;
    justify-content: flex-start;
    position: static;
    top: 5.6rem;
}

.products_carousel .product.combo-card .product_details, .products_carousel .product.combo-card .product_intro, .products_grid .product.combo-card .product_details, .products_grid .product.combo-card .product_intro {
    display: flex;
    justify-content: space-between;
    flex-flow: column wrap;
}

.products_carousel .product.combo-card .variation_image_container, .products_grid .product.combo-card .variation_image_container {
}

@media (max-width: 480px) {
    .products_carousel .products_list, .products_grid .products_list {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.product {
    opacity: 1;
    max-height: 4000px;
    text-align: left;
    display: flex;
    gap: 2.8rem;
    align-items: flex-start;
    place-content: flex-start space-between;
    flex-direction: row;
    margin: 0rem auto;
    padding: 1.5rem;
    border-radius: 1.5rem;
    position: relative;
    border: 0px solid rgba(122, 122, 122, 0.13);
    width: 100%;
}

.products_grid .product.wimpli-product-visible {
    transform: none;
    opacity: 1;
}

.product_list .product.wimpli-product-pre-enter {
    transform: scale(0);
    opacity: 0;
    transform-origin: center center;
}

.product_list .product.wimpli-product-pop-in {
    transform: scale(1);
    opacity: 1;
    transform-origin: center center;
    transition: transform 0.3s ease-out, opacity 0.22s ease-out;
}

.product.not_available {
    opacity: 1;
    pointer-events: none;
}

.product .product_intro {
    display: flex;
    gap: 0px;
    place-content: flex-start space-evenly;
    align-items: flex-start;
    width: 100%;
    flex-direction: column;
}

.product.not_available .variation_image_container {
    opacity: 0.4;
}

.product.not_available .product_details {
    filter: saturate(0);
}

.product.not_available .zoom_image {
    display: none;
}

.product.not_available .info::after {
    width: 100%;
    background: rgba(0, 0, 0, 0.44);
    color: white;
    padding: 0.7rem 0.7rem 0.7rem 2.1rem;
    border-radius: 2.1rem;
    font-size: 1.3rem;
    display: inline-block;
    text-align: center;
    margin-top: 0.6rem;
    content: "No disponible" !important;
}

body .product.not_available .variations_label, body .product.not_available .opciones, body .product.not_available .product_resume, body .product.not_available .price_container {
    display: none;
}

.toc-container {
    position: sticky;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 10000;
    white-space: nowrap;
    margin-bottom: 0px;
    width: 100%;
    margin-left: 0px;
    padding: 0px;
    border-width: medium medium 0px;
    border-style: none none solid;
    border-color: currentcolor currentcolor rgba(0, 0, 0, 0.13);
    border-image: initial;
    transition: 0.2s;
    border-radius: 0px;
    overflow: hidden !important;
}

.toc-item {
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    font-size: 1.5rem;
    background: white;
    color: rgb(0, 0, 0);
    font-weight: 400;
    border: 0px solid rgba(0, 0, 0, 0.13);
    margin-bottom: 0px;
    line-height: 1;
    padding: 0.9rem 1.7rem !important;
    transform: none !important;
    transition: none !important;
    border-radius: 2.1rem !important;
    opacity: 0.6 !important;
}

.toc-item.active {
    position: relative;
    z-index: 999999;
    margin-bottom: 0px;
    font-weight: 600;
    background: rgb(from var(--color-primary) r g b / 82%);
    border: 1px solid rgba(0, 0, 0, 0.21);
    color: var(--button-text-color-oscuro);
    text-shadow: 1px 1px 3px var(--button-shadow-color-oscuro);
    box-shadow: none !important;
    opacity: 1 !important;
}

.content {
    margin-top: 20px;
    padding: 20px;
}

.parent_category {
    padding: 50px 20px;
    border-bottom: 1px solid rgb(221, 221, 221);
}

.arrow.inactive, .sub-arrow.inactive {
    opacity: 0.3;
    pointer-events: none;
    cursor: default;
}

#toc {
    white-space: nowrap;
    border-width: 0px;
    border-top-style: initial;
    border-right-style: initial;
    border-left-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-left-color: initial;
    border-image: initial;
    font-size: 0px;
    line-height: 0;
    border-radius: 0px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0.13);
    background: rgb(255, 255, 255);
    padding: 0.6rem;
}

#sub-toc {
    display: none !important;
}

.toc-container .arrow, .toc-container .sub-arrow {
    display: none !important;
}

.ui-timepicker-wrapper {
    overflow-y: auto;
    max-height: 150px;
    width: auto;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px;
    outline: none;
    z-index: 10052;
    margin: 0px;
}

.ui-timepicker-wrapper .ui-timepicker-list li {
    padding-right: 20px;
}

.ui-timepicker-list {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.ui-timepicker-duration {
    margin-left: 5px;
    color: rgb(136, 136, 136);
}

.ui-timepicker-list:hover .ui-timepicker-duration {
    color: rgb(136, 136, 136);
}

.ui-timepicker-list li {
    padding: 3px 0px 3px 5px;
    cursor: pointer;
    white-space: nowrap;
    color: rgb(0, 0, 0);
    list-style: none;
    margin: 0px;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
}

li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover {
    background: rgb(25, 128, 236);
    color: rgb(255, 255, 255);
}

li.ui-timepicker-selected .ui-timepicker-duration, .ui-timepicker-list li:hover .ui-timepicker-duration {
    color: rgb(204, 204, 204);
}

.ui-timepicker-list li.ui-timepicker-disabled, .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    color: rgb(136, 136, 136);
    cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    background: rgb(242, 242, 242);
}

body header .ts-wrapper {
    position: relative;
    width: 200px;
    box-shadow: var(--shadow-4);
    border-radius: 2.1rem;
}

body .ts-dropdown, body .ts-control, body .ts-control input {
    color: rgb(48, 48, 48);
    font-family: inherit;
    font-size: 1.1rem;
    line-height: 1.3rem;
    text-align: left;
    border: 1px solid rgba(0, 0, 0, 0.16);
    margin-bottom: 0px;
}

body .ts-dropdown {
    border-radius: 0.5rem;
    margin-top: -1px !important;
}

body .ts-control .item {
    font-family: inherit;
    line-height: 1.7rem;
    border: 0px solid rgb(204, 204, 204);
    text-align: left;
    width: 100%;
    overflow: visible;
    box-shadow: var(--shadow-4) inset;
    margin: 0px !important;
    padding: 1.1rem !important;
    background-repeat: no-repeat !important;
}

body .ts-dropdown .option, body .ts-dropdown .optgroup-header, body .ts-dropdown .no-results, body .ts-dropdown .create {
    padding: 1.1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

body .ts-dropdown .option:last-child {
    border-bottom: 0px solid rgba(0, 0, 0, 0.12);
    border-radius: 0px 0px 0.5rem 0.5rem;
}

body .ts-dropdown .option:first-child {
    border-radius: 0.5rem 0.5rem 0px 0px;
}

body .ts-control:not(.rtl) {
    content: "";
    display: block;
    background: none;
    border-radius: 0.6rem;
    box-shadow: none;
    padding: 0px;
    border: 1px solid rgba(0, 0, 0, 0.13);
}

body .ts-control, body .ts-wrapper.single.input-active .ts-control {
    background: none;
}

body .has-items .ts-control > input {
    height: 0px;
    position: absolute;
}

body .ts-dropdown .active {
    background-color: rgb(from var(--color-primary) r g b / 15%);
}

body.w_mostrador .product:not(.w_mostrador) .variations_label, body.w_mostrador .product:not(.w_mostrador) .presentacion_radio, body.w_mostrador .product:not(.w_mostrador) .opciones, body.w_mostrador .product:not(.w_mostrador) .price_container, body.w_mostrador .product:not(.w_mostrador) .btn_container, body.w_mostrador .product:not(.w_mostrador) .btn_open_container, body.w_mesa .product:not(.w_mesa) .variations_label, body.w_mesa .product:not(.w_mesa) .presentacion_radio, body.w_mesa .product:not(.w_mesa) .opciones, body.w_mesa .product:not(.w_mesa) .price_container, body.w_mesa .product:not(.w_mesa) .btn_container, body.w_mesa .product:not(.w_mesa) .btn_open_container, body.w_autoservicio .product:not(.w_autoservicio) .variations_label, body.w_autoservicio .product:not(.w_autoservicio) .presentacion_radio, body.w_autoservicio .product:not(.w_autoservicio) .opciones, body.w_autoservicio .product:not(.w_autoservicio) .price_container, body.w_autoservicio .product:not(.w_autoservicio) .btn_container, body.w_autoservicio .product:not(.w_autoservicio) .btn_open_container, body.w_venta_directa .product:not(.w_venta_directa) .variations_label, body.w_venta_directa .product:not(.w_venta_directa) .presentacion_radio, body.w_venta_directa .product:not(.w_venta_directa) .opciones, body.w_venta_directa .product:not(.w_venta_directa) .price_container, body.w_venta_directa .product:not(.w_venta_directa) .btn_container, body.w_venta_directa .product:not(.w_venta_directa) .btn_open_container {
    display: none;
}

body.w_mostrador .product .clarification_label, body.w_mostrador .product .clarification_select, body.w_mostrador .product .clarification_container, body.w_mesa .product .clarification_label, body.w_mesa .product .clarification_select, body.w_mesa .product .clarification_container, body.w_autoservicio .product .clarification_label, body.w_autoservicio .product .clarification_select, body.w_autoservicio .product .clarification_container, body.w_venta_directa .product .clarification_label, body.w_venta_directa .product .clarification_select, body.w_venta_directa .product .clarification_container {
    display: none;
}

body.w_mostrador .product:not(.w_mostrador), body.w_mesa .product:not(.w_mesa), body.w_autoservicio .product:not(.w_autoservicio), body.w_venta_directa .product:not(.w_venta_directa) {
    opacity: 1;
}

body.w_mostrador, body.w_mesa, body.w_autoservicio, body.w_venta_directa .product:not(.w_mostrador):not(.w_mesa):not(.w_autoservicio):not(.w_venta_directa) .info::after {
    content: "Solo enví­o y retiro en el local.";
    width: 100%;
    background: rgba(0, 0, 0, 0.44);
    color: white;
    padding: 0.7rem 0.7rem 0.7rem 2.1rem;
    border-radius: 2.1rem;
    font-size: 1.3rem;
    display: inline-block;
    text-align: center;
    margin-top: 0.6rem;
}

body.w_mostrador, body.w_mesa, body.w_autoservicio, body.w_venta_directa .product:not(.w_mostrador):not(.w_mesa):not(.w_autoservicio):not(.w_venta_directa) .variation_image_container {
    opacity: 0.4;
}

body.w_mostrador, body.w_mesa, body.w_autoservicio, body.w_venta_directa .product:not(.w_mostrador):not(.w_mesa):not(.w_autoservicio):not(.w_venta_directa) .product_details {
    filter: saturate(0);
}

body.w_mostrador, body.w_mesa, body.w_autoservicio, body.w_venta_directa .product:not(.w_mostrador):not(.w_mesa):not(.w_autoservicio):not(.w_venta_directa):not(.w_shipping) {
    opacity: 1;
    pointer-events: none;
}

body.w_mostrador, body.w_mesa, body.w_autoservicio, body.w_venta_directa .product:not(.w_mostrador):not(.w_mesa):not(.w_autoservicio):not(.w_venta_directa):not(.w_shipping) .info::after {
    content: "Solo retiro en el local.";
    width: 100%;
    background: rgba(0, 0, 0, 0.44);
    color: white;
    padding: 0.7rem 0.7rem 0.7rem 2.1rem;
    border-radius: 2.1rem;
    font-size: 1.3rem;
    display: inline-block;
    text-align: center;
    margin-top: 0.6rem;
}

body.w_mostrador, body.w_mesa, body.w_autoservicio, body.w_venta_directa .product:not(.w_mostrador):not(.w_mesa):not(.w_autoservicio):not(.w_venta_directa):not(.w_shipping) .variation_image_container {
    opacity: 0.4;
}

body.w_mostrador, body.w_mesa, body.w_autoservicio, body.w_venta_directa .product:not(.w_mostrador):not(.w_mesa):not(.w_autoservicio):not(.w_venta_directa):not(.w_shipping) .product_details {
    filter: saturate(0);
}

body.w_mostrador, body.w_mesa, body.w_autoservicio, body.w_venta_directa .product:not(.w_mostrador):not(.w_mesa):not(.w_autoservicio):not(.w_venta_directa):not(.w_take_away) {
    opacity: 1;
}

body.w_mostrador, body.w_mesa, body.w_autoservicio, body.w_venta_directa .product:not(.w_mostrador):not(.w_mesa):not(.w_autoservicio):not(.w_venta_directa):not(.w_take_away) .info::after {
    content: "Solo envío a domicilio.";
    width: 100%;
    background: rgba(0, 0, 0, 0.44);
    color: white;
    padding: 0.7rem 0.7rem 0.7rem 2.1rem;
    border-radius: 2.1rem;
    font-size: 1.3rem;
    display: inline-block;
    text-align: center;
    margin-top: 0.6rem;
}

body.w_mostrador, body.w_mesa, body.w_autoservicio, body.w_venta_directa .product:not(.w_mostrador):not(.w_mesa):not(.w_autoservicio):not(.w_venta_directa):not(.w_take_away) .variation_image_container {
    opacity: 0.4;
}

body.w_mostrador, body.w_mesa, body.w_autoservicio, body.w_venta_directa .product:not(.w_mostrador):not(.w_mesa):not(.w_autoservicio):not(.w_venta_directa):not(.w_take_away) .product_details {
    filter: saturate(0);
}

body.w_mostrador, body.w_mesa, body.w_autoservicio, body.w_venta_directa .top-header ul.services li.w_mostrador, li.w_mesa, li.w_autoservicio, li.w_venta_directa {
    display: flex;
    flex-direction: row;
    gap: 1.1rem;
    width: 100%;
    justify-content: center;
}

body.w_take_away .top-header ul.services li.w_shipping, body.w_take_away .top-header ul.services li.w_take_away {
    display: none;
}

body.w_mostrador, body.w_mesa, body.w_autoservicio, body.w_venta_directa .cart_instructions.w_mostrador, .cart_instructions.w_mesa, .cart_instructions.w_autoservicio, .cart_instructions.w_venta_directa {
    display: block;
}

body.w_mostrador, body.w_mesa, body.w_autoservicio, body.w_venta_directa .cart_instructions.w_shipping, body.w_mostrador, body.w_mesa, body.w_autoservicio, body.w_venta_directa .cart_instructions.w_take_away {
    display: none !important;
}

#change_zone {
    text-transform: none;
    font-weight: 600;
    border-radius: 2.6rem;
    padding: 1rem 1.5rem;
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 10%), #393939 15%);
    color: var(--button-text-color-oscuro);
    text-shadow: 1px 1px 1px var(--button-shadow-color-oscuro);
    margin-left: 0px;
    width: auto;
    display: block;
    font-size: 1.1rem;
    cursor: pointer;
    margin-top: 0.4rem !important;
    margin-bottom: 0.6rem !important;
}

.pop_up_form .zone_pop_container .field {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--color-lighter-gray);
    padding: 0px;
    border-radius: 0.2rem;
    align-content: flex-start;
    align-items: flex-start;
}

.pop_up_form .mesa_container_form .field {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--color-lighter-gray);
    padding: 0px;
    border-radius: 0.2rem;
    align-content: flex-start;
    align-items: flex-start;
}

#mesa_display {
    pointer-events: none;
    cursor: initial;
}

#change_mesa {
    background: var(--color-claro);
    color: var(--color-primary);
    padding: 0.5rem 1.1rem;
    font-size: 1rem;
    cursor: pointer;
    border-radius: 0.4rem;
    display: inline-block;
    margin-top: 0.4rem !important;
    margin-bottom: 0.6rem !important;
}

#zone {
    pointer-events: none;
    cursor: initial;
}

.zone_container {
    width: 100vw;
    border-radius: 0px;
    padding: var(--gap-xl);
    text-align: center;
    height: 100dvh;
    position: fixed;
    box-shadow: rgba(0, 0, 0, 0.13) 0rem 0.2rem 0.7rem 0rem;
    overflow: auto;
    top: -0.6rem;
    left: 0px;
    z-index: 999;
    display: flex;
    right: initial;
    bottom: inherit;
    transform: translate(-50%, 0%);
    flex-direction: column;
    background: linear-gradient(to bottom, white -50%, color-mix(in srgb, var(--color-primary), white 80%) 300%);
}

#zone_scrollable {
    box-shadow: var(--shadow-4) inset;
}

.zone_selector_container .radio_container {
    margin-top: 0rem;
    margin-bottom: 0rem;
    text-align: left;
    height: auto;
    vertical-align: middle;
    line-height: 2.6rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding: 0.6rem 0.6rem 0.6rem 4.2rem;
    position: relative;
    display: flex;
    border-radius: 0rem;
    background: rgba(255, 255, 255, 0.04);
    border-left: 0px;
    border-top: 0px;
}

.zone_selector_container .radio_container:last-child {
    border-bottom: 0px solid rgb(210, 210, 210);
    border-radius: 0rem 0px 0.6rem 0.6rem;
}

.zone_selector_container .radio_container:first-child {
    border-radius: 0.6rem 0.6rem 0px 0px;
}

#zone_scrollable {
    overflow: auto;
    padding-right: 0rem;
    width: 100%;
    padding-left: 0rem;
    margin-top: 2.1rem;
    border-radius: 0.6rem;
    margin-bottom: 2.1rem;
    border: 1px solid rgba(0, 0, 0, 0.12);
}

#pop_up_zone_scrollable {
    overflow: auto;
    max-height: 250px;
    padding-right: 0rem;
    width: 100%;
    padding-left: 0rem;
    border: 1px solid rgb(204, 204, 204);
    margin-top: 0rem;
    border-radius: 0.6rem;
    margin-bottom: 0.6rem;
}

#pop_up_mesa_scrollable {
    overflow: auto;
    max-height: 250px;
    padding-right: 0rem;
    width: 100%;
    padding-left: 0rem;
    border: 1px solid rgb(204, 204, 204);
    margin-top: 0rem;
    border-radius: 0.6rem;
    margin-bottom: 0.6rem;
}

#pop_up_mesa_scrollable .mesa_selector_container .radio_container {
    margin-top: 0rem;
    margin-bottom: 0rem;
    text-align: left;
    height: auto;
    vertical-align: middle;
    line-height: 2.6rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding: 0.6rem 0.6rem 0.6rem 4.2rem;
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 0rem;
    background: rgba(255, 255, 255, 0.04);
    border-left: 0px;
    border-top: 0px;
    gap: 0px;
}

#pop_up_mesa_scrollable .mesa_selector_container .radio_container .sillas {
    font-size: 0.9rem;
    opacity: 0.6;
    line-height: 1.5;
}

#pop_up_mesa_scrollable .mesa_selector_container .radio_container:last-child {
    border-bottom: 0px;
    border-radius: 0rem 0px 0.6rem 0.6rem;
}

#pop_up_mesa_scrollable .mesa_selector_container .radio_container:first-child {
    border-radius: 0.6rem 0.6rem 0px 0px;
}

#pop_up_mesa_scrollable .mesa_selector_container .radio_container .checkmark {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.6rem;
    height: 2.6rem;
    width: 2.6rem;
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.21);
}

#pop_up_mesa_scrollable .mesa_selector_container .radio_container input:checked ~ .checkmark {
    background-color: var(--color-primary);
    border: 1px solid rgba(0, 0, 0, 0.13);
}

#pop_up_mesa_scrollable .mesa_selector_container .radio_container input:checked ~ .checkmark::after {
    display: block;
    background: var(--button-text-color-oscuro);
}

#pop_up_mesa_scrollable .mesa_selector_container .radio_container .checkmark::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 50%;
    border-radius: 100%;
    background: white;
    transform: translate(-50%, -50%);
    display: none;
}

[data-theme="dark"] #pop_up_mesa_scrollable {
    border: 1px solid rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .product_options .options-group-title {
    color: rgb(255, 255, 255);
}

[data-theme="dark"] #pop_up_mesa_scrollable .mesa_selector_container .radio_container {
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .product_configura_group.product_varieties_group {
    background: rgb(53, 53, 53) !important;
    border-color: rgb(106, 106, 106) !important;
}

[data-theme="dark"] .selection-list .selection-label {
    background: rgb(37, 36, 36);
    border-color: rgb(106, 106, 106) !important;
}

[data-theme="dark"] .products_carousel__viewport {
}

.zone_container #iniciar_envio.btn {
    background: var(--color-primary);
    color: var(--button-text-color-acento);
    text-shadow: 1px 1px 1px var(--button-shadow-color-acento);
}

.zone_selector_container .radio_container .checkmark {
    position: absolute;
    top: 0.6rem;
    left: 0.6rem;
    height: 2.6rem;
    width: 2.6rem;
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.21);
}

.zone_container .btn {
    width: calc(49.5%);
    padding: 1.1rem;
    margin: 1.5rem 0px 0rem;
    background-color: var(--color-primary);
    font-weight: 400;
    font-size: 1.5rem;
    border-radius: 0.9rem;
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.5);
    transition: 0.2s;
    color: var(--button-text-color-oscuro);
    text-shadow: 1px 1px 1px var(--button-shadow-color-oscuro);
}

.zone_container .btn:active {
    box-shadow: rgba(255, 255, 255, 0.31) 0px 0px 0px;
    transform: translateY(5px);
}

.zone_container #iniciar_envio.btn.disabled {
    pointer-events: none;
    background-color: rgb(132, 132, 132);
    border: 1px solid rgb(138, 138, 138);
    opacity: 0.5;
}

.mesa_container {
    position: fixed;
    width: calc(100% - 50px);
    max-width: 600px;
    max-height: calc(-50px + 100vh);
    border-radius: 1.5rem;
    padding: 1.7rem;
    background: var(--background-claro);
    top: 50%;
    left: 50%;
    z-index: 999;
    display: flex;
    right: initial;
    bottom: inherit;
    transform: translate(-50%, -50%);
    flex-direction: column;
}

#mesa_scrollable {
    box-shadow: var(--shadow-4) inset;
    overflow: auto;
    padding-right: 0rem;
    width: 100%;
    padding-left: 0rem;
    margin-top: 2.1rem;
    border-radius: 0.6rem;
    margin-bottom: 2.1rem;
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.mesa_selector_container .radio_container {
    margin-top: 0rem;
    margin-bottom: 0rem;
    text-align: left;
    height: auto;
    vertical-align: middle;
    line-height: 2.6rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding: 0.6rem 0.6rem 0.6rem 4.2rem;
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 0rem;
    background: rgba(255, 255, 255, 0.04);
    border-left: 0px;
    border-top: 0px;
    gap: 0px;
}

.mesa_selector_container .radio_container .sillas {
    font-size: 0.9rem;
    opacity: 0.6;
    line-height: 1.5;
}

.mesa_selector_container .radio_container:last-child {
    border-bottom: 0px solid rgb(210, 210, 210);
    border-radius: 0rem 0px 0.6rem 0.6rem;
}

.mesa_selector_container .radio_container:first-child {
    border-radius: 0.6rem 0.6rem 0px 0px;
}

.mesa_selector_container .radio_container .checkmark {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.6rem;
    height: 2.6rem;
    width: 2.6rem;
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.21);
}

.mesa_container .btn {
    width: calc(49.5%);
    padding: 1.1rem;
    margin: 1.5rem 0px 0rem;
    background-color: var(--color-primary);
    font-weight: 400;
    font-size: 1.5rem;
    border-radius: 0.9rem;
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.5);
    transition: 0.2s;
    color: var(--button-text-color-oscuro);
    text-shadow: 1px 1px 1px var(--button-shadow-color-oscuro);
}

.mesa_container .btn:active {
    box-shadow: rgba(255, 255, 255, 0.31) 0px 0px 0px;
    transform: translateY(5px);
}

.mesa_container #iniciar_in_site.btn {
    background: var(--color-primary);
    color: var(--button-text-color-acento);
    text-shadow: 1px 1px 1px var(--button-shadow-color-acento);
}

.mesa_container #iniciar_in_site.btn.disabled {
    pointer-events: none;
    background-color: rgb(132, 132, 132);
    border: 1px solid rgb(138, 138, 138);
    opacity: 0.5;
}

.mesa_search_container {
    position: relative;
}

.mesa_search_input {
    width: 100%;
    padding: 0.9rem 2.1rem 0.9rem 1.1rem;
    font-size: 1.1rem;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 0.6rem;
}

#mesa_search_close {
    position: absolute;
    right: 0.6rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 1.5rem;
    color: rgb(102, 102, 102);
}

#mesa_search_close::before {
    content: "";
    font-family: dashicons;
    display: inline-block;
    line-height: 1;
}

.no-mesas-message {
    text-align: center;
    padding: 1.5rem;
    font-size: 1.1rem;
    color: rgba(0, 0, 0, 0.6);
}

.pop_up_form .mesa_container_form {
    display: none;
}

body.w_in_site.mesa_mode .pop_up_form .mesa_container_form {
    display: block;
}

body.mesa_mode .pop_up_form .mesa_container_form #change_mesa {
    display: none;
}

body.w_in_site .pop_up_form .phone_container, body.w_in_site .pop_up_form .email_container, body.w_in_site .pop_up_form .address_container, body.w_in_site .pop_up_form .zone_pop_container, body.w_in_site .pop_up_form .take_away_when_label, body.w_in_site .pop_up_form .shipping_when_label {
    display: none;
}

body.w_in_site .pop_up_form .mesa_container_form {
    display: none;
}

body.w_in_site.mesa_mode .pop_up_form .mesa_container_form {
    display: block;
}

body.w_in_site #form_content .fields:has(#day), body.w_in_site #form_content .fields:has(.horarios_disponibles) {
    display: none;
}

body.w_in_site #form_content .price_container.shipping_cost {
    display: none;
}

body.w_mostrador .pop_up_form .cliente_doc_container {
    display: block;
}

body.w_shipping .pop_up_form .cliente_doc_container, body.w_shipping .pop_up_form .phone_container, body.w_shipping .pop_up_form .email_container, body.w_shipping .pop_up_form .address_container:not(.fields--2), body.w_shipping .pop_up_form .zone_pop_container {
    display: block;
}

body.w_shipping .pop_up_form .address_container.fields--2 {
    display: grid;
    grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr);
    gap: 1.5rem;
    align-items: start;
}

body.w_shipping .pop_up_form .mesa_container_form {
    display: none !important;
}

body.w_take_away .pop_up_form .cliente_doc_container, body.w_take_away .pop_up_form .phone_container, body.w_take_away .pop_up_form .email_container {
    display: block;
}

body.w_take_away .pop_up_form .address_container, body.w_take_away .pop_up_form .zone_pop_container {
    display: none;
}

body.w_take_away .pop_up_form .mesa_container_form {
    display: none !important;
}

.mesa_welcome_container, .mesa_inactivity_container, .mesa_finalized_container {
    position: fixed;
    width: calc(100% - 50px);
    max-width: 500px;
    max-height: calc(-50px + 100vh);
    border-radius: 1.5rem;
    padding: 1.7rem;
    background: var(--background-claro);
    top: 50%;
    left: 50%;
    z-index: 999;
    display: flex;
    right: initial;
    bottom: inherit;
    transform: translate(-50%, -50%);
    flex-direction: column;
}

.mesa_welcome_content, .mesa_inactivity_content, .mesa_finalized_content {
    padding: 1.1rem 0px;
}

.mesa_welcome_content .mesa_name_section {
    margin-bottom: 1.5rem;
}

.mesa_welcome_content .mesa_name_section .field {
    width: 100%;
}

.mesa_welcome_content .mesa_name_section .field__input {
    width: 100%;
    padding: 1.1rem;
    font-size: 1.1rem;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 0.6rem;
}

.mesa_welcome_content .section_divider {
    text-align: center;
    margin: 1.5rem 0px 1.1rem;
    position: relative;
}

.mesa_welcome_content .section_divider::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    height: 1px;
    background: rgba(0, 0, 0, 0.12);
}

.mesa_welcome_content .section_divider span {
    background: var(--background-claro);
    padding: 0px 1.1rem;
    position: relative;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 500;
}

.mesa_carts_list {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.mesa_cart_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.1rem;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 0.6rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.mesa_cart_item .cart_info {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.mesa_cart_item .cart_creator {
    font-size: 1.1rem;
    font-weight: 600;
}

.mesa_cart_item .cart_details {
    font-size: 0.9rem;
    color: rgba(0, 0, 0, 0.6);
}

.mesa_cart_item .join_cart_btn {
    padding: 0.5rem 1.1rem;
    font-size: 1rem;
    background: var(--color-acento);
    color: var(--button-text-color-acento);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 0.5rem;
    cursor: pointer;
}

.mesa_no_carts_message {
    text-align: center;
    padding: 1.1rem;
    color: rgba(0, 0, 0, 0.5);
}

.mesa_no_carts_message p {
    font-size: 1rem;
    margin: 0px;
}

#mesa_start_new_order {
    width: 100%;
    margin-top: 0.6rem;
}

.mesa_inactivity_content p {
    font-size: 1.1rem;
    margin: 0.4rem 0px;
    text-align: center;
}

.mesa_inactivity_container .buttons_container, .mesa_finalized_container .buttons_container {
    display: flex;
    gap: 0.6rem;
    justify-content: center;
}

.mesa_inactivity_container .buttons_container .button, .mesa_finalized_container .buttons_container .button {
    flex: 1 1 0%;
    max-width: 200px;
}

.mesa_finalized_content {
    text-align: center;
}

.mesa_finalized_content p {
    font-size: 1.1rem;
    margin: 0.4rem 0px;
}

#mesa_finalized_by {
    font-weight: 600;
    color: var(--color-acento);
}

.cart-item .added_by {
    font-size: 0.9rem;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 0.2rem;
    font-style: italic;
}

.cart-item .added_by::before {
    content: "";
    font-family: dashicons;
    display: inline-block;
    line-height: 1;
    margin-right: 0.2rem;
}

body.mesa_mode .cart_panel::before {
    content: "Carrito Compartido";
    display: block;
    background: var(--color-acento);
    color: var(--button-text-color-acento);
    text-align: center;
    padding: 0.4rem;
    font-size: 0.9rem;
    font-weight: 600;
    border-radius: 0.6rem 0.6rem 0px 0px;
    margin: -0.6rem -0.6rem 0.6rem;
}

[data-theme="dark"] .mesa_welcome_container, [data-theme="dark"] .mesa_inactivity_container, [data-theme="dark"] .mesa_finalized_container {
    background: var(--background-oscuro);
}

[data-theme="dark"] .mesa_welcome_content .section_divider::before {
    background: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .mesa_welcome_content .section_divider span {
    background: var(--background-oscuro);
    color: rgba(255, 255, 255, 0.6);
}

[data-theme="dark"] .mesa_cart_item {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .mesa_cart_item .cart_details {
    color: rgba(255, 255, 255, 0.6);
}

[data-theme="dark"] .mesa_no_carts_message {
    color: rgba(255, 255, 255, 0.5);
}

[data-theme="dark"] .mesa_welcome_content .mesa_name_section .field__input {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: white;
}

[data-theme="dark"] .cart-item .added_by {
    color: rgba(255, 255, 255, 0.5);
}

.mesa_waiting_container, .mesa_all_ready_container {
    position: fixed;
    width: calc(100% - 50px);
    max-width: 500px;
    max-height: calc(-50px + 100vh);
    border-radius: 1.5rem;
    padding: 1.7rem;
    background: var(--background-claro);
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
    overflow-y: auto;
}

.mesa_all_ready_container {
    max-width: 600px;
}

.mesa_waiting_content {
    text-align: center;
    padding: 1.5rem 0px;
}

.waiting_spinner {
    width: 60px;
    height: 60px;
    border-width: 4px;
    border-style: solid;
    border-right-color: rgba(0, 0, 0, 0.1);
    border-bottom-color: rgba(0, 0, 0, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
    border-image: initial;
    border-top-color: var(--violeta);
    border-radius: 50%;
    margin: 0px auto 1.1rem;
    animation: 1s linear 0s infinite normal none running spin;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

.mesa_waiting_content p {
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 1.1rem;
}

.ready_status_list {
    margin-top: 1.1rem;
    text-align: left;
}

.ready_status_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.6rem;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 0.5rem;
    margin-bottom: 0.4rem;
}

.ready_status_item .participant_name {
    font-weight: 500;
}

.ready_status_item .status_icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ready_status_item .status_icon.ready {
    background: rgb(76, 175, 80);
    color: white;
}

.ready_status_item .status_icon.waiting {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.3);
}

.mesa_all_ready_content {
    max-height: 50vh;
    overflow-y: auto;
    margin-bottom: 0.6rem;
}

.user_order_section {
    margin-bottom: 1.1rem;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.user_order_section:last-child {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    margin-bottom: 0px;
}

.user_order_header {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--violeta);
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.user_order_header::before {
    content: "";
    font-family: dashicons;
    display: inline-block;
    line-height: 1;
}

.user_order_items {
    padding-left: 0.4rem;
}

.user_order_item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.4rem 0px;
    font-size: 0.9rem;
}

.user_order_item .item_details {
    flex: 1 1 0%;
}

.user_order_item .item_name {
    font-weight: 500;
}

.user_order_item .item_variation {
    font-size: 0.7rem;
    color: rgba(0, 0, 0, 0.5);
}

.user_order_item .item_price {
    font-weight: 500;
    color: var(--violeta);
}

.user_order_subtotal {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 0.9rem;
    font-weight: 600;
}

.user_order_subtotal .subtotal_label {
    color: var(--violeta);
}

.user_order_subtotal .subtotal_amount {
    color: var(--violeta);
    font-weight: 700;
}

[data-theme="dark"] .user_order_subtotal {
    border-top-color: rgba(255, 255, 255, 0.1);
}

.mesa_all_ready_total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.6rem;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 0.6rem;
    margin-bottom: 1.1rem;
    font-size: 1rem;
    font-weight: 600;
}

.mesa_all_ready_total .currency {
    color: var(--violeta);
    font-size: 1.1rem;
}

.mesa_waiting_container .buttons_container, .mesa_all_ready_container .buttons_container {
    display: flex;
    gap: 0.6rem;
    justify-content: center;
}

.mesa_waiting_container .button.secondary, .mesa_all_ready_container .button.secondary {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7);
}

.mesa_cancel_part {
    margin-top: 1.5rem;
    padding-top: 1.1rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
}

.mesa_cancel_part .button.danger {
    background: transparent;
    color: rgb(220, 53, 69);
    border: 1px solid rgb(220, 53, 69);
    font-size: 0.5rem;
    padding: 0.4rem 0.6rem;
}

.mesa_cancel_part .button.danger:hover {
    background: rgb(220, 53, 69);
    color: white;
}

[data-theme="dark"] .mesa_cancel_part {
    border-top-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .mesa_cancel_part .button.danger {
    color: rgb(255, 107, 107);
    border-color: rgb(255, 107, 107);
}

[data-theme="dark"] .mesa_cancel_part .button.danger:hover {
    background: rgb(255, 107, 107);
    color: white;
}

body.mesa_mode .terminar_pedido_btn {
    display: none !important;
}

body.mesa_mode .estoy_listo_btn {
    display: flex !important;
}

.estoy_listo_btn {
    display: none;
    background: var(--violeta);
    color: white;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    padding: 0.9rem 1.5rem;
    border-radius: 0.6rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 0.4rem;
}

.estoy_listo_btn::before {
    content: "";
    font-family: dashicons;
    display: inline-block;
    line-height: 1;
}

[data-theme="dark"] .mesa_waiting_container, [data-theme="dark"] .mesa_all_ready_container {
    background: var(--background-oscuro);
}

[data-theme="dark"] .mesa_waiting_content p {
    color: rgba(255, 255, 255, 0.7);
}

[data-theme="dark"] .waiting_spinner {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-bottom-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(255, 255, 255, 0.1);
    border-top-color: var(--violeta);
}

[data-theme="dark"] .ready_status_item {
    background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .ready_status_item .status_icon.waiting {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.3);
}

[data-theme="dark"] .user_order_section {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .user_order_item .item_variation {
    color: rgba(255, 255, 255, 0.5);
}

[data-theme="dark"] .mesa_all_ready_total {
    background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .mesa_waiting_container .button.secondary, [data-theme="dark"] .mesa_all_ready_container .button.secondary {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7);
}

[data-theme="dark"] #pop_up_mesa_scrollable {
    border: 1px solid rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .child_term_wrapper .child_term_wrapper {
}

[data-theme="dark"] .child_term_wrapper {
    box-shadow: rgba(5, 5, 5, 0.02) 0rem 0rem 4.2rem;
}

.mesa-popup-overlay {
    position: fixed;
    inset: 0px;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9998;
    display: none;
}

#mesa_all_ready_popup.mesa-popup-visible, #mesa_waiting_popup.mesa-popup-visible, #mesa_inactivity_popup.mesa-popup-visible, #mesa_inactivity_canceled_popup.mesa-popup-visible, div#mesa_all_ready_popup.mesa-popup-visible, div#mesa_waiting_popup.mesa-popup-visible, div#mesa_inactivity_popup.mesa-popup-visible, div#mesa_inactivity_canceled_popup.mesa-popup-visible {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    inset: 0px !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 999999 !important;
    background: white !important;
    align-items: center !important;
    justify-content: center !important;
}

#mesa_all_ready_popup.mesa-popup-visible .mesa_all_ready_container, #mesa_waiting_popup.mesa-popup-visible .mesa_waiting_container, #mesa_inactivity_popup.mesa-popup-visible .mesa_inactivity_container, #mesa_inactivity_canceled_popup.mesa-popup-visible .mesa_inactivity_container {
    z-index: 10000;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    background-color: rgb(255, 255, 255) !important;
}

.mesa_inactivity_container .buttons_container {
    flex-direction: column;
    gap: 0.6rem;
}

.mesa_inactivity_container .buttons_container .button, .mesa_inactivity_container .buttons_container a.button {
    width: 100%;
    max-width: 100%;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

[data-theme="dark"] .mesa_selector_container .radio_container {
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .mesa_container {
    background: var(--background-oscuro);
}

[data-theme="dark"] #mesa_scrollable {
    border: 1px solid rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .mesa_search_input {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: white;
}

[data-theme="dark"] #mesa_search_close {
    color: rgb(170, 170, 170);
}

body.w_shipping .product:not(.w_shipping) .variations_label, body.w_shipping .product:not(.w_shipping) .presentacion_radio, body.w_shipping .product:not(.w_shipping) .opciones, body.w_shipping .product:not(.w_shipping) .price_container, body.w_shipping .product:not(.w_shipping) .btn_container, body.w_shipping .product:not(.w_shipping) .btn_open_container {
    display: none;
}

body.w_shipping .take_away_when_label {
    display: none;
}

body.w_shipping .product:not(.w_shipping) {
    opacity: 1;
    pointer-events: none;
}

body.w_shipping .product:not(.w_shipping) .info::after {
    content: "Solo consumo en el local o retiro.";
    width: 100%;
    background: rgba(0, 0, 0, 0.44);
    color: white;
    padding: 0.7rem 0.7rem 0.7rem 2.1rem;
    border-radius: 2.1rem;
    font-size: 1.3rem;
    display: inline-block;
    text-align: center;
    margin-top: 0.6rem;
}

body.w_shipping .product:not(.w_shipping) .variation_image_container {
    opacity: 0.4;
}

body.w_shipping .product:not(.w_shipping) .product_details {
    filter: saturate(0);
}

body.w_shipping .product:not(.w_shipping):not(.w_in_site) {
    opacity: 1;
    pointer-events: none;
}

body.w_shipping .product:not(.w_shipping):not(.w_in_site) .info::after {
    content: "Solo retiro en el local.";
    width: 100%;
    background: rgba(0, 0, 0, 0.44);
    color: white;
    padding: 0.7rem 0.7rem 0.7rem 2.1rem;
    border-radius: 2.1rem;
    font-size: 1.3rem;
    display: inline-block;
    text-align: center;
    margin-top: 0.6rem;
}

body.w_shipping .product:not(.w_shipping):not(.w_in_site) .variation_image_container {
    opacity: 0.4;
}

body.w_shipping .product:not(.w_shipping):not(.w_in_site) .product_details {
    filter: saturate(0);
}

body.w_shipping .product:not(.w_shipping):not(.w_take_away) {
    opacity: 1;
    pointer-events: none;
}

body.w_shipping .product:not(.w_shipping):not(.w_take_away) .info::after {
    content: "Solo consumo en el local.";
    width: 100%;
    background: rgba(0, 0, 0, 0.44);
    color: white;
    padding: 0.7rem 0.7rem 0.7rem 2.1rem;
    border-radius: 2.1rem;
    font-size: 1.3rem;
    display: inline-block;
    text-align: center;
    margin-top: 0.6rem;
}

body.w_shipping .product:not(.w_shipping):not(.w_take_away) .variation_image_container {
    opacity: 0.4;
}

body.w_shipping .product:not(.w_shipping):not(.w_take_away) .product_details {
    filter: saturate(0);
}

#coupon_section {
    margin: 0px !important;
}

#coupon_section h4 {
    font-size: 1.3rem;
    line-height: 1.6rem;
    text-align: left;
    font-weight: 500;
}

#coupon_section .fields {
    background: var(--color-light-gray);
    border: 0px solid rgba(0, 0, 0, 0.13);
    padding: 0px;
    border-radius: 1.5rem;
    font-weight: 400;
}

#apply_coupon_btn {
}

#coupon_code_input {
    width: 100%;
    text-align: left;
    font-size: 1.1rem;
    padding: 1.1rem;
    border-radius: 0.6rem;
    font-weight: 600;
    background-color: white;
    border: 0px solid rgb(213, 217, 219);
    box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 3px inset, rgba(0, 0, 0, 0.2) -1px -1px 3px inset;
    transition: border-color 0.3s;
}

#cost_calculation {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-flow: column;
    margin-top: 0px;
    margin-bottom: 0px;
    gap: 1.5rem;
    box-shadow: var(--shadow-3);
    padding: 0px;
    border-radius: 1.5rem;
    border: 0px solid rgba(0, 0, 0, 0.13);
}

#cost_calculation .price_container {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    width: 100%;
}

#cost_calculation .price_container.sum {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    justify-content: space-evenly;
    width: 100%;
}

#cost_calculation .price_container .price {
    font-weight: 700;
    margin: 0px;
    font-size: 1.8rem;
    padding: 1.1rem;
    border-radius: 0.6rem;
    cursor: default;
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
    width: 100%;
}

#cost_calculation .price_container.price_total .price {
    color: var(--button-text-color-oscuro);
    margin-right: 0px;
}

#cost_calculation .price_container.price_total span {
    color: rgb(73, 73, 73);
}

#cost_calculation span {
    color: rgb(73, 73, 73);
}

#cost_calculation .price span {
    font-weight: 600;
}

#cost_calculation input {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
}

#cost_calculation label {
    font-size: 1.1rem;
    margin-bottom: 0.4rem;
    font-weight: 700;
    text-align: left;
    padding-left: 0px;
    text-transform: uppercase;
}

body.w_shipping .top-header ul.services li.w_shipping {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

body.w_take_away .top-header ul.services li.w_take_away, body.w_take_away .top-header ul.services li.w_mostrador, li.w_mesa, li.w_autoservicio, li.w_venta_directa {
    display: none;
}

body.w_shipping .cart_instructions.w_shipping {
    display: block;
}

body.w_shipping .cart_instructions.w_mostrador, .cart_instructions.w_mesa, .cart_instructions.w_autoservicio, .cart_instructions.w_venta_directa, body.w_shipping .cart_instructions.w_take_away {
    display: none !important;
}

body.w_take_away .product:not(.w_take_away) .variations_label, body.w_take_away .product:not(.w_take_away) .presentacion_radio, body.w_take_away .product:not(.w_take_away) .opciones, body.w_take_away .product:not(.w_take_away) .price_container, body.w_take_away .product:not(.w_take_away) .btn_container, body.w_take_away .product:not(.w_take_away) .btn_open_container {
    display: none;
}

body.w_take_away .shipping_when_label {
    display: none;
}

body.w_take_away .product:not(.w_take_away) {
    opacity: 1;
    pointer-events: none;
}

body.w_take_away .product:not(.w_take_away) .info::after {
    content: "Solo consumo en el local o enví­o.";
    width: 100%;
    background: rgba(0, 0, 0, 0.44);
    color: white;
    padding: 0.7rem 0.7rem 0.7rem 2.1rem;
    border-radius: 2.1rem;
    font-size: 1.3rem;
    display: inline-block;
    text-align: center;
    margin-top: 0.6rem;
}

body.w_take_away .product:not(.w_take_away) .variation_image_container {
    opacity: 0.4;
}

body.w_take_away .product:not(.w_take_away) .product_details {
    filter: saturate(0);
}

body.w_take_away .product:not(.w_take_away):not(.w_in_site) {
    opacity: 1;
    pointer-events: none;
}

body.w_take_away .product:not(.w_take_away):not(.w_in_site) .info::after {
    content: "Solo envío a domicilio.";
    width: 100%;
    background: rgba(0, 0, 0, 0.44);
    color: white;
    padding: 0.7rem 0.7rem 0.7rem 2.1rem;
    border-radius: 2.1rem;
    font-size: 1.3rem;
    display: inline-block;
    text-align: center;
    margin-top: 0.6rem;
}

body.w_take_away .product:not(.w_take_away):not(.w_in_site) .variation_image_container {
    opacity: 0.4;
}

body.w_take_away .product:not(.w_take_away):not(.w_in_site) .product_details {
    filter: saturate(0);
}

body.w_take_away .product:not(.w_take_away):not(.w_shipping) {
    opacity: 1;
    pointer-events: none;
}

body.w_take_away .product:not(.w_take_away):not(.w_shipping) .info::after {
    content: "Solo consumo en el local.";
    width: 100%;
    background: rgba(0, 0, 0, 0.44);
    color: white;
    padding: 0.7rem 0.7rem 0.7rem 2.1rem;
    border-radius: 2.1rem;
    font-size: 1.3rem;
    display: inline-block;
    text-align: center;
    margin-top: 0.6rem;
}

body.w_take_away .product:not(.w_take_away):not(.w_shipping) .variation_image_container {
    opacity: 0.4;
}

body.w_take_away .product:not(.w_take_away):not(.w_shipping) .product_details {
    filter: saturate(0);
}

body.w_take_away .top-header ul.services li.w_take_away {
    display: flex;
}

body.w_take_away .top-header ul.services li.w_shipping, body.w_take_away .top-header ul.services li.w_mostrador, li.w_mesa, li.w_autoservicio, li.w_venta_directa {
    display: none;
}

body.w_take_away .cart_instructions.w_take_away {
    display: block;
}

body.w_take_away .cart_instructions.w_mostrador, .cart_instructions.w_mesa, .cart_instructions.w_autoservicio, .cart_instructions.w_venta_directa, body.w_take_away .cart_instructions.w_shipping {
    display: none !important;
}

.product_details {
    display: flex;
    flex-direction: column;
    place-content: stretch flex-start;
    align-items: flex-start;
    gap: 0.6rem;
    width: 100%;
}

.product .price {
    font-weight: 500;
    margin: 0px;
    padding: 0.6rem 2.1rem;
    border: 0px;
    box-shadow: var(--shadow-4) inset;
}

.product .price.disabled {
    opacity: 0.5;
}

.product .product_resume .price span {
    font-weight: 500;
}

.product .add_button {
    font-weight: 400;
    margin: 0px;
    color: white;
    font-size: 0.9rem;
    padding: 1.1rem 1.5rem;
    border-radius: 0.9rem;
    cursor: pointer;
    background: var(--color-primary);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.product .add_button.disabled {
    pointer-events: none;
    filter: saturate(1);
    border: 1px solid rgb(211, 211, 211);
    background: rgb(159, 159, 159);
    opacity: 0.5;
}

.product .product-btn.disabled, .product .add_button.disabled {
    transform: none !important;
}

.product .variation_image_container {
    width: 60%;
    background-size: cover;
    background-position: center center;
    position: relative;
    padding-bottom: 0px;
    display: flex;
    flex-wrap: wrap;
    pointer-events: none;
    border-radius: 1.2rem;
}

.product .variation_image_container .image {
    width: 100%;
    height: 0px;
    background-size: cover;
    background-position: center center;
    position: static;
    border-radius: 0.6rem;
    border: 0px solid rgba(0, 0, 0, 0.13);
    background-repeat: no-repeat;
    padding-bottom: 80%;
    pointer-events: none;
    background-color: transparent;
}

.product .variation_image_container .image.image--placeholder {
    background-color: rgb(236, 236, 240);
    background-image: none;
    border: 1px dashed rgba(0, 0, 0, 0.14);
    box-sizing: border-box;
}

[data-theme="dark"] .product .variation_image_container .image.image--placeholder {
    background-color: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
}

.product.not_available .variation_image_container .image {
    display: none;
}

.product.not_available .variation_image_container .image:first-child {
    display: inline-block;
}

.product.not_available .buttons_container {
    display: none;
}

.info {
    padding: 0px;
    gap: 0.4rem;
    flex-direction: column;
    width: 100%;
    position: static;
    display: none;
}

.tags {
    display: flex;
    flex-flow: wrap;
    place-content: center flex-start;
    margin: 0px;
    padding: 0px;
    gap: 0.4rem;
    font-size: 0px;
    line-height: 1;
    align-items: center;
}

.tags li {
    font-size: 0.6rem;
    display: flex;
    height: auto;
    line-height: 2.2rem;
    position: relative;
    padding: 0.5rem 0.75rem;
    text-decoration: none;
    font-weight: 500;
    border-radius: 0.5rem;
    margin: 0px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    align-content: center;
    align-items: center;
    background: white;
}

.tags li::after {
    position: absolute;
    top: 0.9rem;
    left: 0.6rem;
    float: left;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: white;
}

.info h5, .price span {
    padding: 0rem;
    font-weight: 500;
    margin: 0px 0px 0.6rem;
}

.product .description {
    margin-bottom: 0rem;
    display: none;
}

.info p {
    padding: 0rem;
    font-weight: 400;
    margin: 0px;
}

small {
    font-size: 0.9rem;
    margin-left: 2px;
    font-weight: normal;
    opacity: 1;
}

.options_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    align-items: flex-end;
}

.options_label2 {
    display: flex;
    flex-direction: column;
    place-content: flex-start;
    align-items: stretch;
    width: 100%;
    gap: 0.6rem;
    margin-bottom: 0px;
}

.options_label_line {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    flex-flow: wrap;
    place-content: center flex-start;
}

.options_selection_row {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    width: 100%;
    cursor: pointer;
    align-content: flex-start;
}

.options_selection_row .selection {
    flex: 1 1 0%;
    min-width: 0px;
}

.options_selection_row .variety_select {
    flex-shrink: 0;
}

.options_selection_row .variety_select_arrow {
    display: inline-block;
    font-size: 1em;
    line-height: 1;
}

.options_min_max {
    font-size: 0.8em;
    color: rgb(102, 102, 102);
    font-weight: normal;
    display: none !important;
}

.options_label2 .selection {
    display: flex;
    width: auto;
    place-content: flex-start space-between;
    flex-direction: column;
    padding: 0px;
    border-radius: 0.6rem;
    align-items: flex-start;
    min-height: 0px;
}

.options_label_line .choice_feedback {
    flex: 0 1 auto;
    display: flex;
    flex-direction: row;
    place-content: center;
    align-items: center;
    gap: 1.5rem;
}

.opciones_details .opcion_image {
    width: 3.5rem;
    min-height: 3.5rem;
    border-radius: 0.6rem;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

.opciones_details img {
}

.opcion_info {
    display: flex;
    gap: 0.6rem;
    align-items: center;
    flex-direction: row;
    align-content: center;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    appearance: none;
    margin: 0px;
}

.cat-header .cat_list {
    margin-bottom: 0rem;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 100%;
    border-radius: 2.1rem 2.1rem 0px 0px;
}

.cat-header .cat_list::before {
    content: "";
    background: var(--color-primary);
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 0rem;
    z-index: 1;
}

.cat-header .cat_list.subcat::before {
    content: "";
    background: transparent;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 0rem;
    z-index: 1;
}

.cat-header .cat_list.subcat {
    border-bottom: 0px;
}

.cat-header .cat_list.subcat.active {
    border-radius: 0px 0px 2.1rem 2.1rem;
    margin-top: 0.6rem;
    padding-top: 0.6rem;
    margin-bottom: 0rem;
    padding-bottom: 0px;
    z-index: 8;
}

.cat-header .cat_list.subcat.active .cat {
    background: transparent;
    padding-top: 0.6rem;
}

.cat-header .cat_list.subcat.active .cat.glide__slide--active {
    text-shadow: none;
    font-weight: bold;
}

.subcat {
    height: auto;
    max-height: 0px;
    transition: max-height 400ms ease-out;
    transform-origin: center top;
}

.subcat.active {
    max-height: 900px;
}

.cat-header .cat_list.subcat {
    margin-bottom: 0rem;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0rem;
    padding-bottom: 0rem;
    width: 100%;
    overflow: hidden;
    border-radius: 2.1rem 2.1rem 0px 0px;
    max-height: 0px;
}

.cat-header .cat_list.hidden {
    padding-bottom: 0rem;
    padding-top: 0rem;
    background: none;
    border-top: 0px solid var(--color-primary);
}

.cat-header .cat {
    width: 120px;
    margin-left: 0px;
    margin-right: 0px;
    height: auto;
    margin-bottom: 0px;
    cursor: pointer;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: initial;
    position: relative;
    transition: 0.3s;
    background: rgb(243, 244, 246);
    color: rgb(106, 106, 106);
    font-weight: 500;
    padding: 1.5rem;
    border-radius: 1.5rem;
    font-family: Inter;
}

.cat-header .subcat {
    border-top: 0px solid var(--color-primary);
    border-bottom: 1px solid var(--color-primary);
}

.cat-header .subcat.hidden {
    border-top: 0px solid var(--color-primary);
    border-bottom: opx solid var(--color-primary);
}

.cat-header .glide__slide--active {
    position: relative;
    background: var(--color-primary);
    color: white;
    box-shadow: rgba(0, 0, 0, 0.25) 0rem 0.5rem 0.7rem 0rem;
}

.cat-header .cat_list.subcat.active .cat.glide__slide--active::before {
    top: 0px;
    display: none;
}

.cat-header .cat_list::before {
    content: "";
    background: rgba(0, 0, 0, 0.16);
    border-radius: 1.5rem;
    width: 100%;
    height: 0px;
    left: 0%;
    position: absolute;
    margin-left: 0px;
    bottom: -0.6rem;
    transition: 0.3s;
    z-index: 5;
}

.cat-header .cat_list::after {
    content: "";
    background: var(--color-primary);
    border-radius: 1.5rem;
    width: 1.1rem;
    height: 1.1rem;
    left: 50%;
    position: absolute;
    margin-left: -0.6rem;
    bottom: -1.2rem;
    transition: 0.3s;
    z-index: 5;
}

.cat-header .child_cat {
    text-transform: none;
}

.product-card {
    border-radius: 0.6rem;
    border: 1px solid gray;
    padding: 0.6rem;
    margin: 0.4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 45%;
    text-align: center;
}

.container {
    padding: 0px 0.6rem 0px 1.5rem;
}

.heading {
    text-align: center;
    font-size: 0.9rem;
    padding: 0px;
    margin: 0px 0px 0.6rem;
}

button {
    background-color: var(--color-primary);
    color: var(--button-text-color-oscuro);
    padding: 1.5rem 2.1rem;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 50px;
    cursor: pointer;
    margin: 0.5rem;
    transition: opacity 0.1s ease-in-out;
    font-weight: 700;
    font-size: 0.6rem;
}

.result {
    display: flex;
    flex-wrap: wrap;
}

.cart {
    min-width: 40%;
    padding-right: 0.6rem;
}

.cart-header {
    display: flex;
    align-items: center;
}

hr {
    color: gray;
    margin: 1.1rem 0px;
    width: 100%;
}

.cart-items {
    margin: 0rem 0px;
    display: flex;
    flex-flow: wrap;
    gap: 1rem;
    touch-action: pan-y;
    flex: 1 1 0%;
    align-content: flex-start;
}

.cart-items .cart-detail p {
    margin: 0px;
    width: 60px;
}

.cart-item {
    display: flex;
    place-content: center space-between;
    align-items: flex-start;
    padding: 8px 0px;
    margin: 0px;
    background: transparent;
    transition: 0.1s linear;
    flex-flow: row;
    gap: 1.5rem;
    flex-grow: inherit;
}

.cart-item.in-cart {
    border-bottom: 1px solid rgb(216, 216, 216);
    border-right: 1px solid rgb(216, 216, 216);
    background: rgb(255, 255, 255);
}

.cart-item:last-of-type {
    border-bottom: 0px solid rgb(175, 175, 175);
}

.cart_product_container {
    display: flex;
    flex-flow: column;
    place-content: space-between flex-start;
    align-items: stretch;
    flex: 1 1 0%;
    gap: 0.6rem;
}

.cart-detail {
    display: flex;
    align-items: flex-start;
    width: 100%;
    place-content: flex-start space-between;
    flex-flow: row;
    margin-top: 0px;
    gap: 1.5rem;
}

.product_settings {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    flex: 1 1 0%;
}

.item_settings {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.mid {
    display: flex;
    align-items: center;
    border-radius: 2.8rem;
    line-height: 1;
    background: transparent;
    margin-bottom: 0px;
    height: auto;
    gap: var(--gap-sm);
}

.mid button, .mid .decr-item, .mid .incr-item {
    font-size: 0px;
    font-weight: 400;
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 10%), #393939 15%);
    color: var(--button-text-color-oscuro);
    width: 3rem;
    height: 3rem;
    border-radius: 3.5rem;
    vertical-align: middle;
    padding: 0px;
    display: flex;
    place-content: center;
    overflow: hidden;
    line-height: 1;
    flex-flow: row;
    align-items: center;
    font-family: dashicons;
    min-width: 2.1rem;
    border: 1px solid rgba(0, 0, 0, 0.21);
}

.mid button:first-of-type::before, .mid .decr-item::before {
    content: "";
    font-family: dashicons;
    font-size: 2.6rem;
    display: inline-block;
    height: 3.5rem;
    line-height: 3.7rem;
}

.mid button:last-of-type::before, .mid .incr-item::before {
    content: "+";
    font-family: inherit;
    font-size: 3.2rem;
    font-weight: 300;
    display: inline-block;
    height: auto;
    line-height: 2.1rem;
}

.cart-item .mid button {
    font-family: inherit;
}

.cart-item .mid button:first-of-type::before, .cart-item .mid .decr-item::before {
    content: "";
    font-family: dashicons;
}

.product_unit_price {
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    align-items: center;
    flex: 1 1 0%;
    width: 100%;
    margin-bottom: 0px;
}

.product_unit_price small {
    display: none;
}

.product_unit_price span {
    margin: 0px;
    opacity: 1;
    color: var(--color-dark-gray);
    padding: 0.4rem 0.6rem;
    border-radius: 2.8rem;
    font-weight: 500;
    width: auto;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.6rem;
}

.product_unit_price span em {
    font-style: normal;
}

.add_button {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.add_button span {
    padding: 0rem;
    font-weight: 400;
    margin: 0px;
    opacity: 1;
    font-size: 1.5rem;
    color: var(--button-text-color-oscuro);
    text-shadow: 1px 1px 1px var(--button-shadow-color-oscuro);
}

.mid p {
    height: 3.2rem;
    text-align: center;
    width: 50px;
    font-size: 1.5rem;
    pointer-events: none;
    padding: 0px;
    min-width: 0px;
    background: white;
    margin: 0px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-weight: bold;
    line-height: 3.2rem;
    box-shadow: var(--field-shadow) !important;
}

.cart_products {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    border-radius: 0.6rem;
    border: 0px;
    z-index: 4;
    position: relative;
    margin: 0px;
    overflow: auto;
    touch-action: pan-y;
    flex: 1 1 0%;
    min-height: 0px;
    padding: 1.5rem 1.5rem 0px;
}

.buy-btn {
    width: 50%;
    padding: 1.1rem;
    margin: 0.6rem 0px 0rem;
    background-color: var(--color-primary);
    font-weight: 400;
    font-size: 1.3rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.5);
    transition: 0.2s;
    color: var(--button-text-color-oscuro);
    text-shadow: 1px 1px 1px var(--button-shadow-color-oscuro);
}

body .open_form {
    color: var(--button-text-color-oscuro);
    font-weight: 500;
    text-transform: uppercase;
    flex-shrink: 0;
    height: auto;
    box-sizing: border-box;
    align-items: center;
    font-size: 1.5rem;
    line-height: 1.5rem;
    display: none;
    text-align: center !important;
    justify-content: center !important;
    margin: 0px 1.5rem !important;
    padding: 1.1rem !important;
}

.buy-btn {
    width: 100% !important;
}

.view_order {
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 10%), #393939 15%);
    color: var(--button-text-color-oscuro);
    border-radius: 4rem;
    flex: 1 1 auto;
    text-align: center;
    display: inline-block;
    padding: 1rem;
    text-shadow: 1px 1px 3px var(--button-shadow-color-oscuro);
    border: 1px solid rgba(0, 0, 0, 0.21);
    align-items: center !important;
}

.buy-btn:active, .open_form:active {
    box-shadow: 0 0px 0 var(--color-primary);
    transform: translateY(5px);
}

footer {
    text-align: center;
    padding: 2rem 0px 4.5rem;
    background: transparent;
    margin-bottom: -3rem;
}

.site-footer {
}

.cart_instructions {
    cursor: pointer;
}

.cart_resume > .cart_instructions {
    display: none;
}

.cart_resume > .cart_instructions.is-visible {
    display: block;
}

.cart_instructions h5 {
    padding: 0px 0px 0.4rem 0.4rem;
    margin: 0rem 0px 0px;
    font-size: 1.3rem;
    width: 100%;
    border-radius: 1.5rem 1.5rem 0px 0px;
    font-style: italic;
    font-weight: 600;
    text-align: left;
    display: none;
}

.cart_instructions p {
    padding: 0px;
    font-weight: 400;
    margin: 0px;
    font-size: 1.2rem;
    background: white;
    width: 100%;
    border-radius: 0px;
    text-align: center;
    opacity: 0.7;
    line-height: 1.2;
}

.cart_panel {
    bottom: 0px;
    height: auto;
    max-height: 120px;
    text-align: center;
    padding: 0px;
    border-radius: 2.4rem 2.4rem 0px 0px;
    margin: 0px;
    max-width: 550px;
    position: fixed;
    box-shadow: var(--shadow-4);
    border-width: 1px 0px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: rgba(0, 0, 0, 0.13);
    border-right-color: rgba(0, 0, 0, 0.13);
    border-left-color: rgba(0, 0, 0, 0.13);
    border-image: initial;
    border-bottom-style: initial;
    border-bottom-color: initial;
    overflow: visible;
    z-index: 99999;
    left: 50%;
    transform: translate(-50%);
    transform-origin: center bottom;
    transition: none;
    display: flex;
    align-items: flex-end;
    place-content: space-around space-between;
    width: 100vw;
    background: white;
}

.cart_panel.expanded {
    border-radius: 0px;
    width: 100%;
    left: 0px;
    max-height: 100dvh;
    max-width: 100%;
    transform: translate(0px);
    overflow: hidden;
    transition: opacity 0.22s, transform 0.22s, visibility 0.22s;
    bottom: 0px !important;
    border: 0px !important;
}

.cart_resume {
    display: flex;
    place-content: center space-between;
    margin-bottom: 0px;
    z-index: 2;
    align-items: center;
    gap: 2rem;
    position: relative;
    flex-shrink: 0;
    order: 2;
    margin-top: auto;
    padding: 1.5rem;
    transition: 0.3s linear;
    border: 0px;
    bottom: 0px;
}

.cart_panel.expanded .cart_resume {
    margin-top: 0px;
}

.cart-header {
    flex-flow: row;
    place-content: center flex-start;
    align-items: center;
    font-size: 1.5rem;
    transition: 0.3s;
}

.cart-header p {
    margin: 0px;
    font-weight: 500;
}

.cart-header .noOfItems {
    position: relative;
    font-weight: bold;
    color: var(--button-text-color-oscuro);
    border-radius: 4.2rem;
    margin-top: 0px;
    display: inline-block;
    margin-left: 0.1rem;
    border: 1px solid rgba(0, 0, 0, 0.21);
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 10%), #393939 15%);
    text-shadow: 1px 1px 3px var(--button-shadow-color-oscuro);
    box-shadow: var(--shadow-4) inset;
    min-width: 2.8rem;
}

.cart-resume {
    display: flex;
    position: relative;
    align-content: center;
    align-items: center;
    pointer-events: none;
    flex-flow: row;
}

.cart-icon {
    background-image: url("images/bag.png");
    width: 3.2rem;
    height: 3.2rem;
    background-repeat: no-repeat;
    mask-repeat: no-repeat;
    opacity: 1;
    transition: 0.3s;
    margin: 0px;
    padding: 0px;
    background-size: contain;
    display: inline-block;
    background-position: left center;
}

.cart-header .total {
    margin-left: 0px;
    position: relative;
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 10%), #393939 15%);
    padding: 0px 0.6rem;
    font-weight: bold;
    border-radius: 3.5rem;
    pointer-events: none;
    box-shadow: var(--shadow-4) inset;
    border: 1px solid rgba(0, 0, 0, 0.21);
    color: var(--button-text-color-oscuro);
    text-shadow: 1px 1px 3px var(--button-shadow-color-oscuro);
}

.cart_panel .expand_cart {
    width: 100%;
    height: 3.2rem;
    background-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center center;
    cursor: pointer;
    opacity: 1;
    transition: 0.3s;
    mask-size: 23px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-top: 0px solid rgba(216, 216, 216, 0.51);
}

.cart_panel .expand_cart:hover {
    opacity: 1;
}

:focus {
    outline: none !important;
}

* {
    -webkit-tap-highlight-color: transparent;
}

.cart_panel .expand_cart.active {
    transform: rotate(180deg);
}

.cart_panel .cart {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    height: auto;
    padding: 0px;
    min-height: 0px;
    max-height: none;
    transition: none;
    overflow: visible;
    align-self: flex-end;
    border: 0px !important;
}

.cart_panel.expanded .cart {
    min-height: 100dvh;
    display: flex;
    justify-content: flex-end;
    margin: 0px !important;
    padding: 0px !important;
}

.cart_expandable_content {
    display: flex;
    flex-direction: column;
    gap: 0px;
    height: 0px;
    max-height: 0px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    padding: 0px;
    flex: 0 0 auto;
    min-height: 0px;
    width: 100%;
    order: 1;
    pointer-events: none;
    transition: opacity 0.22s, visibility 0.22s linear;
}

.cart_panel.expanded .cart_expandable_content {
    height: calc(-2.8rem + 100dvh);
    max-height: calc(-5.6rem + 100dvh);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity 0.22s;
    flex: 1 1 0%;
    min-height: 0px;
    overflow: hidden;
}

.cart_header {
    display: flex;
    position: static;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
    height: auto;
    padding: 1.5rem 1.5rem 0px;
    box-sizing: border-box;
}

.cart_title {
    margin: 0px;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 0.5rem 0.6rem;
}

.cart .close_cart {
    display: inline-block;
    transition: 0.6s;
    z-index: 999;
    flex-shrink: 0;
}

.cart-item-actions {
    display: flex;
    gap: 0.8rem;
    align-items: center;
    flex-shrink: 0;
    flex-direction: column;
}

.delete_container {
    background: transparent;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    width: 3.5rem;
    height: 3.5rem;
}

.edit_container {
    background: none;
    border-radius: 0.9rem;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    width: 3.5rem;
    height: 3.5rem;
}

.cart_panel .edit.cart-product {
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 10%), #393939 15%);
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.21);
    border-radius: 2.5rem;
    cursor: pointer;
    opacity: 1;
    transition: 0.3s;
    margin: 0px;
    padding: 0px;
    font-size: 1rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--button-text-color-oscuro);
    mask-image: none;
}

.cart_panel .edit.cart-product::before {
    content: "";
    font-family: dashicons;
    font-size: 2.1rem;
    display: inline-block;
}

.cart_panel .delete.cart-product {
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 1;
    transition: 0.3s;
    margin: 0px;
    padding: 0px;
    mask-image: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border: 1px solid rgba(0, 0, 0, 0.21);
    border-radius: 3.5rem;
    background: linear-gradient(to top, rgb(from var(--color-red) r g b / 92%) 0, white 400%) !important;
}

.cart_panel .delete.cart-product::before {
    content: "";
    display: block;
    width: 55%;
    height: 55%;
    margin: auto;
    background-color: currentcolor;
    mask-image: url("images/delete.svg");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
}

.cart_panel .delete:not(.cart-product) {
    mask-image: url("images/close.svg");
    background-color: white;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center center;
    cursor: pointer;
    opacity: 1;
    transition: 0.3s;
    margin: 0px;
    padding: 0px;
    mask-size: 68%;
}

.cart-product {
    display: flex;
    flex-flow: row;
    align-items: flex-start;
    width: 100%;
    place-content: space-between;
    gap: 0.6rem;
}

.product_name {
    font-weight: 500;
    transition: 0.3s;
    display: flex;
    place-content: flex-start;
    align-items: flex-start;
    flex-flow: column;
    gap: 0px;
    text-align: left;
    line-height: 1.7rem;
    margin-top: 0px;
    flex: 1 1 0%;
}

.product_name i {
    font-size: 1.2rem;
    font-weight: 500;
    background: transparent;
    border-radius: 5px;
    color: rgb(68, 68, 68);
    padding: 0px;
    line-height: 1.5rem;
    text-transform: uppercase;
}

.product_varieties {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    font-size: 1.2rem;
    font-weight: 600;
    font-style: italic;
    text-align: left;
    line-height: 1.5rem;
    white-space: pre-line;
}

.variety-group-title {
    font-weight: 700;
    color: rgb(51, 51, 51);
}

.product_varieties_group {
    display: flex;
    flex-direction: column;
    gap: 0.2em;
}

.cart-item .product_varieties .variety-group-title {
    display: block;
    margin-bottom: 0px;
}

.cart-item .product_varieties .variety-group-title.product_configura_group_title {
    display: none;
}

.cart-item .product_varieties .selection-list {
    margin-top: 0px;
    margin-bottom: 0px;
}

.cart-item .product_options_group .selection-list {
    margin-top: 0px;
    margin-bottom: 0px;
}

.cart-item .product_options_group .selection-list {
    margin-top: 0px;
    margin-bottom: 0px;
}

.product_options {
    font-size: 1.1rem;
    font-weight: 400;
    text-align: left;
    line-height: 1.5rem;
}

.options-title {
    font-weight: 700;
    color: rgb(51, 51, 51);
}

.product_options_group {
    gap: 0.4rem;
    margin-top: 4px;
    display: flex;
    flex-direction: column;
}

.product_options_group:first-child {
    margin-top: 0px;
}

.product_options .options-group-title {
    font-weight: 700;
    color: rgb(51, 51, 51);
}

.cart-items p .label {
    display: inline-block;
    width: 100%;
    font-size: 0.6rem;
    margin: 0px;
    line-height: 0.6rem;
}

.variations_label, .options_label {
    font-size: 0.9rem;
    font-weight: 500;
    width: auto;
    opacity: 1;
    margin-bottom: 0px;
    padding: 0px;
    border-radius: 1.5rem 1.5rem 0px 0px;
}

.clarification_label {
    width: 100%;
    display: flex;
    margin-bottom: 0.6rem;
}

.cart_panel .cart-item {
    padding: 1rem;
    margin: 0px;
    opacity: 1;
    border: 1px solid rgba(0, 0, 0, 0.13);
    border-radius: 1.5rem;
    width: min-content;
}

.cart_panel .cart-item .product_options {
    display: block;
}

.w_take_away .pop_up_form .address_container, .w_take_away .pop_up_form .zone_pop_container {
    display: none;
}

.w_take_away #form_content .price_container.shipping_cost {
    display: none;
}

.w_shipping .pop_up_form .take_away_container {
    display: none;
}

.pop_up_form {
    display: grid;
    gap: 0.6rem;
}

.pop_up_form .field {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--color-lighter-gray);
    padding: 0px;
    border-radius: 0px;
    gap: 0.6rem;
    align-content: flex-start;
    align-items: stretch;
}

.pop_up_form .field__label {
    font-size: 1.1rem;
    font-weight: 500;
    text-align: left;
    padding-left: 0px;
}

.pop_up_form .field__input {
    width: 100%;
    text-align: left;
    font-size: 1.1rem;
    padding: 1.1rem;
    border-radius: 0.6rem;
    font-weight: 600;
    background-color: white;
    border: 0px solid rgb(213, 217, 219);
    box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 3px inset, rgba(0, 0, 0, 0.2) -1px -1px 3px inset;
    transition: border-color 0.3s;
}

.pop_up_form .field__input.error {
    border-color: rgb(211, 47, 47);
    background-color: rgb(255, 235, 238);
}

.pop_up_form .field__error {
    display: none;
    color: rgb(211, 47, 47);
    font-size: 0.9rem;
    margin-top: 0px;
    padding-left: 0px;
    font-weight: 400;
    margin-bottom: 0rem;
    text-align: left;
}

.pop_up_form .field__error.show {
    display: block;
}

.pop_up_form .field.error .field__input {
    border-color: rgb(211, 47, 47);
    background-color: rgb(255, 235, 238);
}

.pop_up_form .field.error .field__label {
    color: rgb(211, 47, 47);
}

.iti {
    font-size: 1.1rem;
}

.pop_up_form .field:focus-within {
    border-color: rgb(0, 0, 0);
}

.pop_up_form .fields {
    display: grid;
    gap: 0rem;
    margin-bottom: 1.5rem;
}

.pop_up_form .fields--2 {
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.pop_up_form .fields--3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.pop_up_form .button {
    width: max-content;
    margin: 1.5rem 0px 0px;
    font-size: 1.2rem;
}

.pop_up_form .button:focus-visible {
    background-color: rgb(51, 51, 51);
}

.pop_up_form .payment_methos_available {
    display: flex;
    row-gap: 1.5rem;
    flex-flow: column wrap;
    align-items: flex-start;
    align-content: flex-start;
    position: relative;
}

.pop_up_form .payment_methos_available .radio_container {
    display: flex;
    flex-direction: column;
    padding: 0rem 0rem 0rem 4.6rem;
    margin: 0px;
    align-items: flex-start;
    place-content: flex-start center;
    text-align: left;
    width: 100%;
    gap: 0.4rem;
}

.form_header h5 {
    margin: 0px 0px 0.6rem;
    font-size: 1.8rem;
    text-align: left;
    color: rgb(86, 86, 86);
    position: relative;
    font-weight: 500;
    padding-right: 2.1rem;
}

.ts-hidden-accessible {
    pointer-events: none !important;
}

.ts-dropdown-content {
    overscroll-behavior: none !important;
}

.ts-dropdown-content ::first-letter {
    text-transform: capitalize;
}

.pop_up_form #day-ts-control ::first-letter {
    text-transform: capitalize;
}

.lity {
    z-index: 9999909;
    position: fixed;
    inset: 0px;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.9);
    opacity: 1;
    transition: opacity 0.2s;
    outline: none !important;
}

.lity.lity-opened {
    opacity: 1;
}

.lity.lity-closed {
    opacity: 0;
}

.lity * {
    box-sizing: border-box;
}

.lity-wrap {
    z-index: 9990;
    position: fixed;
    inset: 0px;
    text-align: center;
    overflow: hidden auto;
    overscroll-behavior: none;
    background: linear-gradient(to bottom, color-mix(in srgb, var(--color-primary), white 90%) 0, white 50%);
    outline: none !important;
}

.lity-wrap::before {
    content: "";
}

.lity-loader {
    z-index: 9991;
    color: white;
    position: absolute;
    top: 50%;
    margin-top: -0.8em;
    width: 100%;
    text-align: center;
    font-size: 1rem;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 1;
    transition: opacity 0.3s;
}

.lity-loading .lity-loader {
    opacity: 1;
}

.lity-container {
    z-index: 9992;
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
    max-width: 100%;
    max-height: 100%;
    outline: none !important;
}

.lity-content {
    z-index: 9993;
    width: 100%;
    transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.24s ease-out;
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
    will-change: transform, opacity;
    backface-visibility: hidden;
}

.lity-loading .lity-content, .lity-closed .lity-content {
    transform: translate3d(100vw, 0px, 0px);
    opacity: 0.6;
}

.lity-content::after {
    content: "";
    position: absolute;
    inset: 0px;
    display: block;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px;
}

.lity-close {
    z-index: 9994;
    width: 35px;
    height: 35px;
    position: fixed;
    right: 0px;
    top: 0px;
    appearance: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 0px;
    color: white;
    font-style: normal;
    font-size: 2.4rem;
    font-family: Arial, Baskerville, monospace;
    line-height: 2.4rem;
    text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px;
    border: 0px;
    background: none;
    outline: none;
    box-shadow: none;
}

.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
    text-decoration: none;
    text-align: center;
    padding: 0px;
    color: white;
    font-style: normal;
    font-size: 2.4rem;
    font-family: Arial, Baskerville, monospace;
    line-height: 2.4rem;
    text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px;
    border: 0px;
    background: none;
    outline: none;
    box-shadow: none;
}

.lity-close:active {
    top: 1px;
}

.lity-image img {
    max-width: 100%;
    display: block;
    line-height: 0;
    border: 0px;
}

.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container {
    width: 100%;
    max-width: 964px;
}

.lity-iframe-container {
    width: 100%;
    height: 0px;
    padding-top: 56.25%;
    overflow: auto;
    pointer-events: auto;
    transform: translateZ(0px);
}

.lity-iframe-container iframe {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px;
    background: rgb(0, 0, 0);
}

.lity-hide {
    display: none;
}

.variations_label {
    display: none !important;
}

.info_container .lity-close {
    display: inline-block;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    margin: -2.8rem -2.8rem 0px 0px;
    z-index: 999;
    opacity: 1;
    transition: 0.6s;
}

.presentacion_radio {
    gap: 0.6rem;
    flex-flow: column wrap;
    justify-content: flex-start;
    margin-top: 0px;
    width: 100%;
    align-items: stretch;
    display: none;
}

.radio_container {
    display: block;
    position: relative;
    padding-left: 3.5rem;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 1.2rem;
    user-select: none;
    line-height: 1.2rem;
    font-weight: 500;
}

.radio_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: relative;
    height: 2.6rem;
    width: 2.6rem;
    background-color: white;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.13);
}

.radio_container input:checked ~ .checkmark {
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 10%), #393939 15%);
}

.checkmark::after {
    content: "";
    position: absolute;
    display: none;
}

.radio_container input:checked ~ .checkmark {
    border: 1px solid rgba(0, 0, 0, 0.13);
}

.radio_container input:checked ~ .checkmark::after {
    display: block;
    background: var(--button-text-color-oscuro);
}

.radio_container .checkmark::after {
    top: 50%;
    left: 50%;
    width: 50%;
    height: 50%;
    border-radius: 100%;
    background: white;
    transform: translate(-50%, -50%);
}

.radio_details, .opciones_details {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: var(--gap-sm);
    align-items: center;
    flex: 1 1 0%;
}

.radio_details .radio_description {
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    gap: 0.4rem;
    align-content: flex-start;
}

.radio_details .radio_price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex-shrink: 0;
}

.opciones_check {
    display: flex;
    flex-flow: column wrap;
    place-content: flex-start;
    margin-top: 0px;
    align-items: flex-start;
    width: 100%;
    border-radius: 1.5rem;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    gap: 0.6rem;
}

.check_container {
    display: flex;
    position: relative;
    padding-left: 3.1rem;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 0.9rem;
    user-select: none;
    line-height: 1.1rem;
    font-weight: bold;
    place-content: center flex-end;
    width: 100%;
    align-items: center;
    gap: 0.6rem;
    flex-direction: row;
}

.check_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0px;
    width: 0px;
}

.check_container .checkmark {
    position: relative;
    height: 2.8rem;
    width: 2.8rem;
    background-color: white;
    border-radius: 0.6rem;
    border: 1px solid rgba(0, 0, 0, 0.13);
    display: flex;
}

.check_container input:checked ~ .checkmark {
    background: rgb(from var(--color-primary) r g b / 82%);
    border: 1px solid rgba(0, 0, 0, 0.13);
}

.checkmark::after {
    content: "";
    position: absolute;
    display: none;
}

.check_container input:checked ~ .checkmark::after {
    display: block;
    border-color: var(--button-text-color-oscuro);
}

.check_container .checkmark::after {
    top: 4%;
    left: 32%;
    width: 40%;
    height: 75%;
    border-style: solid;
    border-color: white;
    border-image: initial;
    border-width: 0px 0.5rem 0.5rem 0px;
    transform: rotate(45deg);
}

.variety_pop {
    display: none;
    width: 100%;
    margin-bottom: 0.6rem;
    margin-top: 0px;
}

.producto_extra_container .product_extra_variety_pop, .product_extra_variety_pop {
    margin: 0px;
    display: block !important;
}

.product_popup_box .check_container.producto_extra_option .opciones_details {
    align-items: center;
    gap: 0.6rem;
}

.product_popup_box .check_container.producto_extra_option .opcion_info {
    flex: 1 1 auto;
    min-width: 0px;
    gap: 0.6rem;
}

.product_popup_box .check_container.producto_extra_option .opciones_details .currency {
    flex-shrink: 0;
    font-weight: 500;
}

.product_popup_box .presentacion_radio, .product_popup_box .variations_label {
    display: flex;
}

.variety_check {
    width: 100%;
    max-width: 640px;
    gap: 0.6rem;
    display: flex;
    flex-direction: column;
    border-radius: 0px;
    border: 0px solid rgba(0, 0, 0, 0.13);
    padding: 0px;
    margin-top: 0px;
}

.opened .variety_check {
    border-radius: 1.5rem;
}

.opened .choice_feedback {
}

.variety_details {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 1.1rem;
    align-items: stretch;
}

.variety_details .variety_image {
    width: 5rem;
    min-height: 5rem;
    border-radius: 1.1rem;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

.variety_details .variety_info {
    gap: 0px;
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    align-content: flex-start;
    align-items: flex-start;
}

.variety_details .variedad_description {
    font-size: 1.1rem;
    margin-bottom: 0.6rem;
    line-height: 1.1rem;
}

.variety_settings {
    display: flex;
    flex-direction: column;
    gap: var(--gap-nm);
    align-items: flex-end;
}

.variety_box label {
    margin-right: 0px;
    flex: 1 1 0%;
    text-align: left;
    margin-left: 0rem;
}

.variety_box .variety_pop label {
    text-align: left;
    display: flex;
    margin-left: 0px;
    place-content: flex-start center;
    align-items: center;
    flex-direction: row;
    gap: 1.1rem;
    margin-bottom: 0px;
    font-size: 1.2rem;
    line-height: 1.5rem;
    font-weight: 500;
    padding: 1.1rem;
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.13);
    border-radius: 1.1rem;
}

.variety_box .variety_pop .input-group .variety_details label {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    padding: 0px;
    font-size: 1.2rem;
}

.variety_box .variety_pop .input-group .variety_details .variety_image {
    width: 3.5rem;
    min-height: 3.5rem;
}

.product .image, .variety_image, .opcion_image {
    position: relative;
    transition: opacity 0.28s, filter 0.28s;
}

.wimpli-bg-image--pending {
    opacity: 0;
    filter: none;
    transform: translateZ(0px);
}

.wimpli-bg-image--loaded {
    opacity: 1;
    filter: blur(0px);
}

.wimpli-bg-inline-loader {
    position: absolute;
    inset: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 2;
    opacity: 1;
    transition: opacity 0.18s;
}

.wimpli-bg-inline-loader.is-leaving {
    opacity: 0;
}

.wimpli-bg-inline-loader .loader, .wimpli-bg-inline-loader .loader::before, .wimpli-bg-inline-loader .loader::after {
    animation: 1.8s ease-in-out 0s infinite normal none running wimpli-bbl-fade-in-out;
    border-radius: 50%;
    height: 2em;
    width: 2em;
}

.wimpli-bg-inline-loader .loader {
    box-sizing: border-box;
    color: var(--color-primary);
    display: block;
    font-size: 5px;
    position: relative;
    text-indent: -9999em;
    transform: translateZ(0px);
    animation-delay: -0.16s;
}

.wimpli-bg-inline-loader .loader::before, .wimpli-bg-inline-loader .loader::after {
    content: "";
    position: absolute;
    top: 0px;
}

.wimpli-bg-inline-loader .loader::before {
    animation-delay: -0.32s;
    left: -2.8em;
}

.wimpli-bg-inline-loader .loader::after {
    left: 2.8em;
}

.variation_image_container {
    position: relative;
}

.variation_image_container.wimpli-host-loading .wimpli-bg-inline-loader {
    z-index: 3;
}

.wimpli-loader-spinner-wrap {
    position: relative;
    width: 4.2rem;
    height: 4.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wimpli-loader-spinner {
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 50%;
    border-width: 0.2rem;
    border-style: solid;
    border-right-color: rgba(255, 255, 255, 0.55);
    border-bottom-color: rgba(255, 255, 255, 0.55);
    border-left-color: rgba(255, 255, 255, 0.55);
    border-image: initial;
    border-top-color: color-mix(in srgb, var(--color-primary), white 18%);
    animation: 0.9s linear 0s infinite normal none running wimpli-loader-spin;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 0.6rem;
}

.wimpli-loader-center-img {
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    object-fit: cover;
}

@keyframes wimpli-loader-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.variedad_description {
    font-weight: normal;
    font-size: 1.1rem;
}

.varieties_container {
    width: 100%;
    padding: 1.1rem;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 7px;
    margin-bottom: 1.5rem;
    background: rgba(0, 0, 0, 0.02);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.variety_group_container, .product_group_container, .options_group_container {
    gap: 1.5rem;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-end;
}

.options_group_container {
    gap: 0.6rem;
}

label.check_container {
    text-align: left;
    flex: 1 1 0%;
}

.variety_box input, .variety_box textarea {
    box-sizing: border-box;
    margin: 0px;
    outline: none;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
}

.variety_box input[type="button"] {
    appearance: button;
    cursor: pointer;
}

.variety_box input::-webkit-outer-spin-button, .variety_box input::-webkit-inner-spin-button {
    appearance: none;
}

.variety_box .input-group {
    position: relative;
    font-size: 1.2rem;
    display: flex;
    flex-flow: row;
    place-content: space-around space-between;
    width: 100%;
    align-items: center;
    padding: 0.6rem 1.1rem;
    margin: 0px;
    background: white;
    border-radius: 0px;
    line-height: 1.3rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.13);
    transition: 0.3s;
    gap: 1.5rem;
}

.variety_box .input-group:first-child {
}

.variety_box .input-group:last-child {
}

.variety_box .input-group.active {
    border-color: var(--color-primary);
    background: rgb(from var(--color-primary) r g b / 15%) !important;
}

.variety_box .input-group.active span {
}

.variety_box .input-group.unavailable, .variety_box .variety_check .input-group.unavailable {
    opacity: 0.6;
    pointer-events: none;
}

.variety_box .input-group.unavailable .button-minus, .variety_box .input-group.unavailable .button-plus {
    cursor: not-allowed;
}

.variety-no-disponible-label {
    color: rgb(179, 45, 46);
    font-weight: 600;
    font-size: 0.9em;
}

.no-disponible-label {
    color: rgb(179, 45, 46);
    font-weight: bold;
    margin-top: 0.4rem;
}

.variety_box .input-group input[type="button"] {
    min-width: 2.1rem;
    border: 1px solid rgba(0, 0, 0, 0.21);
}

.variety_box .input-group .button-minus, .variety_box .input-group .button-plus {
    font-size: 0px;
    font-weight: 400;
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 10%), #393939 15%);
    color: var(--button-text-color-oscuro);
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 2.8rem;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
    display: flex;
    place-content: center;
    overflow: hidden;
    border: 0px solid rgba(0, 0, 0, 0.1);
    line-height: 1;
    flex-flow: row;
    align-items: center;
    font-family: dashicons;
    box-shadow: var(--shadow-4);
}

.variety_box .input-group .button-minus::before {
    content: "";
    font-family: dashicons;
    font-size: 2.1rem;
    display: inline-block;
    line-height: 3.5rem;
}

.variety_box .input-group .button-plus::before {
    content: "+";
    font-family: inherit;
    font-size: 2.8rem;
    font-weight: 300;
    display: inline-block;
    line-height: 2.1rem;
    height: 3.5rem;
}

.variety_box .input-group .button-minus:active, .variety_box .input-group .button-plus:active {
    box-shadow: 0 0px 0 var(--color-primary);
    transform: translateY(3px);
}

.variety_box .input-group .button-plus {
    margin-right: -1px;
}

.variety_box .input-group .quantity-field {
    height: 2.8rem;
    text-align: center;
    width: 3.5rem;
    font-size: 15px;
    pointer-events: none;
    padding: 0px;
    min-width: 0px;
    background: white;
    margin: 0px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-4);
}

.variety_select, .options_select, .clarification_select, .customize_select {
    text-transform: none;
    font-weight: 400;
    border-radius: 0.5rem;
    padding: 0.5rem 1.1rem;
    background-color: var(--color-primary);
    margin-left: 0px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    transition: 0.2s;
    color: var(--button-text-color-oscuro);
    text-shadow: 1px 1px 1px var(--button-shadow-color-oscuro);
    margin-top: 0rem !important;
    margin-bottom: 1.5rem !important;
}

.customize_select::before {
    content: "";
}

.buttons_container {
    display: flex;
    place-content: flex-start flex-end;
    align-items: flex-start;
    gap: var(--gap-nm);
    flex-direction: row;
}

.btn_open_container {
    display: flex;
    flex-flow: row;
    place-content: flex-end;
    align-items: center;
    margin-top: 0px;
    z-index: 5;
    position: relative;
}

.admin_button {
    margin: 0px;
    color: white;
    padding: 0.6rem 1.5rem;
    border-radius: 0.9rem;
    cursor: pointer;
    background: rgb(220, 0, 0);
    border: 1px solid rgba(255, 255, 255, 0.25);
    transition: 0.2s;
    font-size: 1.1rem;
    line-height: 1.6rem;
    font-weight: 400;
    display: inline-block;
    width: auto;
    text-decoration: none;
}

.add_open_button {
    margin: 0px;
    color: var(--button-text-color-oscuro);
    padding: 0.6rem 20px 0.6rem 1.5rem;
    border-radius: 0.9rem;
    cursor: pointer;
    background: var(--color-primary);
    border: 1px solid rgba(255, 255, 255, 0.5);
    transition: 0.2s;
    font-size: 1.5rem;
    line-height: 1.6rem;
    font-weight: 400;
    text-shadow: 1px 1px 1px var(--button-shadow-color-oscuro);
}

.product-open-btn {
    width: 4.2rem;
    height: 4.2rem;
    padding: 0px;
    margin: 0px;
    position: relative;
    background-color: var(--color-primary);
}

.product-open-btn::before {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    cursor: pointer;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: 1.7rem;
    background: white;
    mask-image: url("images/add.svg");
    content: "";
}

.discount {
    border-radius: 0.5rem;
    color: var(--button-text-color-oscuro);
    display: block;
    padding: 0.4rem 0.6rem;
    background: color-mix(in srgb, var(--color-primary), white 25%);
    font-size: 1.3rem;
    position: relative;
    clear: both;
    margin-top: 0px;
    font-weight: 500;
    width: auto;
    border: 1px solid rgba(0, 0, 0, 0.21);
}

.cart-product .discount {
    margin-top: 0rem;
}

.discount::before, .discount::after {
    content: "";
    position: absolute;
    left: 98%;
    width: 0px;
    height: 0px;
    border-style: solid;
    display: none;
}

.discount::before {
}

.discount::after {
}

.product .striked {
    text-decoration: line-through;
    display: inline-block;
    filter: grayscale(1);
    box-shadow: none;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    padding: 0px;
    color: gray;
    text-shadow: none;
    width: 100%;
    text-align: center;
    opacity: 0.7;
    transform: scale(0.8) !important;
    background: none !important;
}

.discounted {
    display: inline-block;
}

.discount span {
    display: inline-block;
}

.discount_price {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1rem;
}

.variety_select {
    margin-bottom: 0px !important;
}

.choice_feedback {
    line-height: 2rem;
    margin-top: 0px;
    display: flex;
    margin-bottom: 0px;
    padding: 0px;
    font-weight: 500;
    border: 0px solid rgba(0, 0, 0, 0.13);
    cursor: default;
    width: 100%;
    max-width: 640px;
    flex-direction: column;
    place-content: flex-start;
    border-radius: 1.5rem;
    align-items: flex-start;
    box-shadow: var(--shadow-4);
    transition: 0.3s;
    background: rgb(from var(--color-red) r g b / 15%) !important;
}

.choice_feedback.green {
    border: 0px solid rgba(0, 0, 0, 0.13);
    background: none;
    color: rgb(86, 86, 86);
    text-shadow: none;
    flex: 1 1 0%;
}

.current_selection {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.current_selection .selection-placeholder {
    color: rgb(153, 153, 153);
    font-style: italic;
}

.variety-price-container {
    margin-left: auto;
}

.variety_box input[type="number"] {
    appearance: none;
    display: inline;
    width: 20px;
}

.choice_validation .number_of_varieties {
    color: white;
}

.variety_box .opciones_check {
}

.customize_product {
    width: 100%;
}

.varieties_check {
    margin-top: 0.4rem;
}

.clarification_container {
    width: 100%;
    display: flex;
    flex-direction: column;
}

textarea[name="clarification"] {
    width: 100%;
    border-radius: 0.6rem;
    font-weight: normal;
    box-sizing: border-box;
    margin: 0px;
    outline: none;
    padding: 10px;
    font-size: 14px;
    background: rgb(255, 255, 255);
    box-shadow: var(--field-shadow);
    border: var(--border) !important;
    height: 70px !important;
}

.the-count {
    text-align: right;
    font-size: 0.9rem;
    margin-top: 0.6rem;
    opacity: 0.5;
}

.product_clarification {
    font-size: 1.1rem;
    font-weight: normal;
    opacity: 1;
    line-height: 1.5rem;
    background: white;
    padding: 0px;
    border: 0px;
    border-radius: 2.8rem;
    width: 100%;
    text-align: left;
}

.product_clarification small {
    font-weight: bold;
    opacity: 1;
    margin-right: 0.4rem;
    font-size: 100%;
}

.product_list {
    & button {
        & .cart-item {
            position: absolute;
            z-index: 0;
            opacity: 0;
            height: 2.1rem;
            width: 2.1rem;
            top: -0.6rem;
            right: -0.4rem;
            pointer-events: none;
            &::before {
                content: "1";
                display: block;
                line-height: 2.1rem;
                height: 2.1rem;
                width: 2.1rem;
                font-size: 1.3rem;
                background: var(--color-primary);
                color: white;
                border-radius: 1.5rem;
                text-align: center;
                font-weight: bold;
                box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 3px;
                position: relative;
            }
        }
    }
}

.shake {
    animation: 0.3s ease-in-out 0s 1 normal forwards running shakeCart;
}

.cart-items {
    max-height: none;
    width: 100%;
    margin: 0px;
    overflow-x: auto;
    padding: 1rem;
    border-radius: 1.5rem;
    border: 0px solid rgba(0, 0, 0, 0.13);
    background: linear-gradient(to top, white -95%, color-mix(in srgb, var(--color-primary), white 90%) 150%);
    box-shadow: 0rem 0rem 2rem color-mix(in srgb, var(--color-primary), white 75%) inset;
    overflow-y: auto !important;
}

.show_mobile {
    display: none;
}

.hide_mobile {
    display: block;
}

#acf-form {
    height: 0px;
    width: 0px;
    position: absolute;
    left: -8000px;
    overflow: hidden;
}

#numero_de_pedido {
    height: 0px;
    width: 0px;
    position: absolute;
    left: -8000px;
    overflow: hidden;
}

.product_popup_box {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100vw;
    height: 100dvh;
    z-index: 888888;
    transform: translate3d(100vw, 0px, 0px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s ease-out, visibility 0.3s linear;
    overflow: hidden;
    padding: 0px;
    display: block;
    margin: 0px auto;
    overscroll-behavior: none;
    background: linear-gradient(to bottom, color-mix(in srgb, var(--color-primary), white 90%) 0, white 50%);
    touch-action: auto !important;
}

.product_popup_box.popup-open {
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s ease-out, visibility linear;
}

.product_popup_box .dark_bg_extra {
    position: absolute;
    inset: 0px;
    z-index: 0;
    cursor: initial;
}

.product_popup_box .combo-popup-content {
    position: relative;
    z-index: 10;
    min-height: 100%;
}

.product_popup_box.popup-open .combo-popup-content {
    pointer-events: auto;
}

.product_popup_box .product_popup_combo .combo-presentacion-opciones, .product_popup_box .product_popup_combo .combo-presentacion-opciones .opciones, .product_popup_box .product_popup_combo .combo-presentacion-opciones .options_box {
    position: relative;
    z-index: 2;
    pointer-events: auto;
    padding: 0px;
    border: 0px !important;
    background: none !important;
}

.combo-no-disponible-notice {
    padding: 0.5rem 0.6rem;
    margin: 0px 0px 0.6rem;
    font-size: 1rem;
    font-weight: 600;
    color: rgb(179, 45, 46);
    background: rgb(252, 240, 241);
    border: 1px solid rgb(214, 54, 56);
    border-radius: 0.4rem;
    text-align: center;
}

.customize_product_box {
    width: 100%;
    border-radius: 0px;
    padding: 0px 0px 10rem;
    text-align: center;
    border: 0px solid rgba(0, 0, 0, 0.13);
    display: block;
    margin: 0px;
    position: relative;
    overflow: hidden auto;
    min-height: 0px;
    height: 100dvh;
    touch-action: pan-y !important;
}

.product_popup_box.popup-open .customize_product_box {
    z-index: 9888;
}

.product_popup_box .product_popup_media {
    position: sticky;
    top: 0px;
    width: 100%;
    min-height: min(45dvh, 24rem);
    max-height: 52dvh;
    overflow: hidden;
    z-index: 1;
}

.product_popup_box .product_popup_media::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 7rem;
    background: linear-gradient(to top, white 0px, transparent 100%);
    z-index: 1;
}

.product_popup_box .product_popup_media .variation_image_container {
    width: 100%;
    height: 100%;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    display: block;
    transform-origin: center center;
    will-change: transform;
    animation: 20s ease-in-out 0s infinite normal none paused wimpli-slow-zoom-turn;
}

@keyframes wimpli-slow-zoom-turn {
    0% {
        transform: translate3d(0px, 0px, 0px) scale(1);
    }

    50% {
        transform: translate3d(0px, 0px, 0px) scale(1.2);
    }

    100% {
        transform: translate3d(0px, 0px, 0px) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .product_popup_box .product_popup_media .variation_image_container {
        animation: auto ease 0s 1 normal none running none;
    }
}

.product_popup_box.popup-open .product_popup_media .variation_image_container, .product_popup_box.popup-open .product_popup_media .variation_image_container {
    animation-play-state: running;
}

.product_popup_box .product_popup_media .variation_image_container .image {
    width: 100%;
    height: 100%;
    border-radius: 0px;
    background-size: cover;
    background-position: center center;
    padding-bottom: 100% !important;
}

.product_popup_box .product_popup_scroll {
    position: relative;
    z-index: 2;
    margin-top: -8rem;
    border-radius: 2rem;
    background: white;
    padding: 2rem;
    overflow: visible;
    will-change: transform;
    box-shadow: 0rem 1rem 3rem color-mix(in srgb, var(--color-primary), #2e2e2e29 78%);
    margin-left: 2rem;
    margin-right: 2rem;
    touch-action: pan-y !important;
}

.product_popup_box.popup-open .product_popup_scroll {
}

.product_info {
    display: flex;
    place-content: flex-start;
    flex-flow: column;
    align-items: flex-start;
    text-align: left;
    gap: 1.5rem;
    flex: 1 1 0%;
}

.product_popup_box .product_info {
    display: flex;
    flex-direction: column;
}

.product_popup_box .product_info .description {
    display: block;
    line-height: 1.2;
}

.product_popup_box .info.product_info .product_info_text {
    display: flex;
    flex-direction: column;
    gap: var(--gap-sm);
    align-items: stretch;
    flex: 1 1 0%;
    min-width: 0px;
}

.product_popup_info {
    display: flex;
    place-content: flex-start;
    flex-flow: column;
    align-items: stretch;
    text-align: left;
    gap: 1.5rem;
    width: 100%;
    will-change: transform;
}

.product .product_popup_info .variation_image_container {
    height: auto;
    background-size: cover;
    background-position: center center;
    position: relative;
    border-radius: 100%;
    margin-bottom: 0px;
    padding-bottom: initial;
    display: flex;
    width: 100%;
}

.product .product_popup_info h5 {
    margin: 0px;
    display: flex;
}

.product_popup_box .variations_label, .product_popup_box .options_label {
    text-align: left;
}

.product_popup_box .options_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: stretch;
    gap: 0.6rem;
}

.combo-paso, .product_popup_box .options_box, .product_popup_box .variety_box, .producto_extra_container {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    padding: 0px;
    border-radius: 1.5rem;
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex: 1 1 0%;
}

.combo-paso {
    border-bottom: 1px solid rgba(63, 63, 63, 0.13);
    padding-bottom: 2.1rem;
    border-radius: 0px;
    border-top: 0px solid rgba(0, 0, 0, 0.13);
    padding-top: 2.1rem;
    margin-top: -1px;
}

.product_popup_box .combo-paso .variety_box {
    padding: 0px;
    border-width: medium !important;
    border-style: none !important;
    border-color: currentcolor !important;
    border-image: initial !important;
    background: none !important;
}

.product_popup_combo .combo-paso-fijo .button-minus, .product_popup_combo .combo-paso-fijo .button-plus {
    display: none !important;
}

.product_popup_combo .combo-paso-fijo .combo-paso-fijo-qty-only input.combo-paso-fijo-qty {
    text-align: center;
    min-width: 2.1rem;
}

.product.combo-card .product_details {
    display: flex;
    flex-direction: column;
    place-content: stretch flex-start;
    align-items: flex-start;
    gap: 0.6rem;
    width: 100%;
}

.product.combo-card .product_intro {
    display: flex;
    align-content: flex-start;
    width: 100%;
    flex-direction: row !important;
}

.product.combo-card .product_options {
    gap: var(--gap-nm);
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 0px;
    font-size: 1.1rem;
    font-weight: 400;
    text-align: left;
}

.product.combo-card .presentacion_radio {
    gap: 0.6rem;
    flex-flow: column wrap;
    justify-content: flex-start;
    margin-top: 0px;
    width: 100%;
    align-items: stretch;
    display: none;
}

.product.combo-card .buttons_container {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    gap: var(--gap-nm);
}

.product.combo-card .variation_image_container {
    width: 60%;
    background-size: cover;
    background-position: center center;
    position: relative;
    padding-bottom: 0px;
    display: flex;
    flex-wrap: wrap;
}

.product.combo-card .variation_image_container .image {
    background-size: cover;
    background-position: center center;
    position: static;
    border-radius: 0.6rem;
    border: 0px solid rgba(0, 0, 0, 0.13);
}

.product.combo-card .info {
}

@media (min-width: 768px) {
    .product.combo-card .product_details {
        flex-direction: row;
        gap: 1.5rem;
    }

    .product.combo-card .product_intro {
        gap: 1.5rem;
        flex-direction: row !important;
    }
}

@media (min-width: 960px) {
    .product.combo-card .product_details {
        flex-direction: row;
    }

    .product.combo-card .product_options {
        max-width: 300px;
    }

    .product.combo-card .product_intro {
        flex-direction: column !important;
    }

    .product.combo-card .variation_image_container {
        width: 100%;
    }

    .product_popup_combo .variation_image_container {
        width: 100% !important;
    }
}

@media (min-width: 1200px) {
    #masthead {
        display: flex;
        gap: 1.5rem;
    }

    .search_container {
        max-width: 480px;
        margin: 0px;
        align-self: center;
        min-width: 250px;
    }
}

.product_popup_box .options_box .variety_select {
    margin: 0px;
    border-radius: 5rem;
    transform-origin: right top;
    font-weight: normal;
    color: var(--button-text-color-oscuro);
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 10%), #393939 15%);
    text-shadow: rgba(75, 75, 75, 0.36) 1px 1px 3px;
    width: 5rem;
    height: 3.5rem;
    line-height: 2.8rem;
    display: flex;
    align-items: center;
    place-content: center;
    padding: 0px;
    border-width: medium !important;
    border-style: none !important;
    border-color: currentcolor !important;
    border-image: initial !important;
}

.product_popup_box .close_product_popup {
    display: inline-block;
    position: fixed;
    top: 1rem;
    right: 1rem;
    margin: 0px;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-100%);
    pointer-events: none;
    transition: visibility 0.4s linear, opacity 0.2s ease-out 0.2s, transform 0.2s ease-out 0.2s;
}

.product_popup_box.popup-open .close_product_popup {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
    pointer-events: auto;
    transition: visibility 0.5s linear, opacity 0.2s ease-out, transform 0.2s ease-out;
}

.product_popup_box.popup-open .favorite-btn.product-favorite {
    visibility: visible;
    opacity: 1;
    transform: translateX(0px);
    pointer-events: auto;
    transition: visibility 0.5s linear, opacity 0.2s ease-out, transform 0.2s ease-out;
}

#order_received {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(5px);
}

#order_received.show {
    display: flex !important;
}

#order_received .info_container::before {
    display: none;
}

#order_received h3 {
    font-size: 2.1rem;
    margin: 0px;
}

#order_received p {
    font-size: 1.2rem;
    margin-bottom: 0px;
}

#order_received .info_container {
    border-radius: 1.5rem;
    padding: 2.8rem;
    max-width: 500px;
    width: 90%;
    background: white;
    position: relative;
    margin: auto;
    top: auto;
    left: auto;
    height: auto;
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2.1rem;
}

#order_received button {
    width: auto;
}

#order_received button:active {
    box-shadow: 0px 0px 0px;
    transform: translateY(5px);
}

#order_received .description {
    display: flex;
    flex-direction: column;
    align-content: center;
    gap: var(--gap-lg);
}

body > div.ui-loader.ui-corner-all.ui-body-a.ui-loader-default {
    display: none !important;
}

.site-status {
    padding: var(--gap-lg);
    border-radius: 1.5rem;
    box-shadow: var(--shadow-2) inset;
    background: rgb(97, 166, 18);
    color: white;
    font-size: 1.2rem;
    text-align: center;
}

.site-status.Abierto {
    background: rgb(97, 166, 18);
}

.site-status.Cerrado {
    background: rgba(255, 0, 0, 0.1);
    border: 1px solid rgba(255, 0, 0, 0.53);
    color: initial;
    border-radius: 1.5rem;
}

.current_selection {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.6rem;
    background: rgba(247, 247, 247, 0.57);
    padding: 0.6rem;
    color: rgb(74, 88, 109);
    border-radius: 0.6rem;
    box-shadow: var(--field-shadow);
    border: 1px solid rgb(204, 213, 227);
    min-height: 3.5rem;
    font-size: 1.2rem;
    width: 100%;
    line-height: 2.1rem;
}

.variety-price-container {
    margin-left: auto;
}

.choice_feedback .selection {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-direction: column;
}

.product .choice_feedback .selection small {
}

.selection-text {
    flex: 1 1 0%;
}

.selection-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
    flex: 1 1 0%;
    min-width: 0px;
    font-size: 1.3rem;
    line-height: 1.6rem;
    display: flex;
    flex-flow: wrap;
    gap: 0.4rem;
}

.selection-list li {
    display: flex;
    align-items: center;
    gap: 0.5em;
    margin-bottom: 0px;
    flex-flow: row;
}

.selection-list li:last-child {
    margin-bottom: 0px;
}

.product_configura_group.product_varieties_group {
    border-radius: 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-left: 2.8rem;
    padding: 0.6rem;
    border: var(--border) !important;
    background: rgb(from var(--color-primary) r g b / 5%) !important;
}

.product_configura_group.product_varieties_group {
}

.selection-list .selection-qty {
    flex-shrink: 0;
    font-weight: 600;
    border: 1px solid var(--color-primary, #0073aa);
    width: auto;
    height: auto;
    text-align: center;
    border-radius: 0.6rem;
    padding: 0.4rem 0.6rem;
    font-size: 1.2rem;
    line-height: 1;
    background: white;
}

.selection-list .selection-label {
    margin: 0px;
    font-weight: normal;
    padding: 0.4rem 0.6rem;
    border-radius: 0.6rem;
    background: white;
    border: var(--border) !important;
}

.cart-item .selection-label.important, .configura-personalizar .selection-label.important, .product_personalizar_group .selection-label.important {
    font-weight: 600;
    background: rgb(192, 57, 43) !important;
    color: rgb(255, 255, 255) !important;
    border-color: rgb(169, 50, 38) !important;
}

.service_instruction {
    font-size: 1.3rem;
    padding: 0px;
    border-radius: 0px 0px 2.1rem 2.1rem;
    margin-top: 0px;
    margin-bottom: 1.5rem;
    border: 0px solid rgba(0, 0, 0, 0.13);
    cursor: pointer;
    text-align: center;
}

.service_instruction:last-child {
    margin-bottom: 0rem;
}

.choice_feedback {
    line-height: 2rem;
    margin-top: 0px;
    display: flex;
    margin-bottom: 0px;
    cursor: default;
    width: auto;
    flex-direction: column;
    place-content: flex-start;
    border-radius: 1.5rem;
    align-items: flex-end;
    box-shadow: var(--shadow-4);
    text-shadow: none;
    transition: 0.3s;
    background: white;
    padding: 0px 0.6rem;
    border: 1px solid var(--color-red);
    font-size: 1.1rem;
    font-weight: normal;
}

.choice_feedback, .variety_box input {
    font-size: 1.3rem;
    line-height: 2rem;
}

.choice_validation .number_of_varieties {
    color: white;
}

.choice_feedback.green {
    color: initial;
    text-shadow: none;
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    border: 1px solid var(--color-green);
    background: rgb(from var(--color-green) r g b / 15%) !important;
}

.form {
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.product .check_container {
    padding: 0.6rem;
}

.product .check_container:first-child {
}

.product .check_container:last-child {
}

.product .check_container.active {
    background: rgb(from var(--color-primary) r g b / 15%);
}

.product .check_container.active small {
}

.language_instructions {
    font-size: 1rem;
    border: 0px solid rgba(0, 0, 0, 0.13);
    padding: var(--gap-sm);
    border-radius: 0rem 0px 1.5rem 1.5rem;
    width: 100%;
    margin: 0rem auto 0px;
    color: var(--button-text-color-acento);
    box-shadow: var(--shadow-4) inset;
    display: none;
}

body {
    margin: 0px;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0em 0px;
}

hr {
    box-sizing: content-box;
    height: 0px;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    text-decoration: underline dotted;
}

b, strong {
    font-weight: bolder;
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0px;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"] {
    appearance: button;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0px;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0px;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    appearance: none;
}

::-webkit-file-upload-button {
    appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

*, ::before, ::after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
}

body, button, input, select, optgroup, textarea {
    color: rgb(64, 64, 64);
    font-size: 0.6rem;
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
}

p {
    margin-bottom: 1.5em;
    padding-top: 0px;
    margin-top: 0px;
}

dfn, cite, em, i {
    font-style: italic;
}

blockquote {
    margin: 0px 1.5em;
}

address {
    margin: 0px 0px 1.5em;
}

pre {
    background: rgb(238, 238, 238);
    font-family: "Courier 10 Pitch", courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code, kbd, tt, var {
    font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym {
    border-bottom: 1px dotted rgb(102, 102, 102);
    cursor: help;
}

mark, ins {
    background: rgb(255, 249, 192);
    text-decoration: none;
}

big {
    font-size: 125%;
}

body {
    color: rgb(73, 73, 73);
    min-height: 100dvh;
    background: white;
}

hr {
    background-color: rgb(204, 204, 204);
    border: 0px;
    height: 1px;
    margin-bottom: 1.5em;
}

ul, ol {
    margin: 0px;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul, li > ol {
    margin-bottom: 0px;
    margin-left: 0px;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0px 1.5em 1.5em;
}

embed, iframe, object {
    max-width: 100%;
}

img {
    height: auto;
    max-width: 100%;
}

figure {
    margin: 1em 0px;
}

table {
    margin: 0px 0px 1.5em;
    width: 100%;
}

a {
    color: var(--color-text);
}

a:focus {
    outline: dotted thin;
}

a:hover, a:active {
    outline: 0px;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(187, 187, 187);
    border-radius: 3px;
    background: rgb(230, 230, 230);
    color: rgba(0, 0, 0, 0.8);
    line-height: 1;
}

button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {
    border-color: rgb(170, 170, 170) rgb(187, 187, 187) rgb(187, 187, 187);
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: rgb(102, 102, 102);
    border: 1px solid rgb(204, 204, 204);
    border-radius: 3px;
    padding: 3px;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
    color: rgb(17, 17, 17);
}

select {
    border: 1px solid rgb(204, 204, 204);
}

textarea {
    width: 100%;
}

html {
    scrollbar-width: none;
}

html::-webkit-scrollbar {
    display: none;
}

html {
    font-size: 54%;
    overflow-x: clip;
    overscroll-behavior-y: none;
    -webkit-font-smoothing: antialiased;
}

body {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    overscroll-behavior-y: none;
    font-size: 1.1rem;
    line-height: 1.5rem;
    width: 100%;
    background: color-mix(in srgb, var(--color-primary), white 95%);
}

.hide {
    display: none !important;
}

.product small {
    padding: 0.4rem 0.6rem;
    border-radius: 3.5rem;
    border: 0px solid rgba(0, 0, 0, 0.21);
    width: auto;
    display: flex;
    box-shadow: var(--shadow-4) inset;
    color: black;
    font-weight: 700;
}

.product small em {
    font-style: normal;
}

.radio_container {
    border-radius: 1.1rem;
    padding: 1rem;
    display: flex;
    place-content: center flex-start;
    align-items: center;
    gap: var(--gap-nm);
    border: 1px solid rgba(0, 0, 0, 0.08);
    flex-direction: row;
    margin-top: -1px;
    background: rgba(255, 255, 255, 0.48);
}

.lity-active body {
    inset: 0px;
    position: fixed;
}

.iti-mobile .iti--container {
    z-index: 9999999;
}

.iti-mobile .iti--container {
    border: 3.5rem solid white;
    inset: 0px !important;
    position: fixed !important;
}

.product_image {
    width: 5.5rem;
    height: 5.5rem;
    margin-right: 0px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    background-color: rgb(245, 245, 245);
}

.cart-product-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.cart-product {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    flex-direction: row;
}

.product_name {
    flex: 1 1 0%;
    min-width: 0px;
    gap: 0.4rem;
}

.glide {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.glide * {
    box-sizing: inherit;
}

.glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-y;
    overflow: visible;
    padding: 0px;
    margin: 0px;
    gap: 0px;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform;
    align-items: stretch;
}

.glide__slides--dragging {
    user-select: none;
}

.glide__slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.glide__slide a {
    user-select: none;
    -webkit-user-drag: none;
}

.glide__arrows {
    user-select: none;
}

.glide__bullets {
    user-select: none;
}

.glide--rtl {
    direction: rtl;
}

.glide__arrow {
    position: absolute;
    display: block;
    top: 50%;
    z-index: 2;
    color: white;
    text-transform: uppercase;
    padding: 9px 12px;
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0.25em 0.5em 0px;
    text-shadow: rgba(0, 0, 0, 0.1) 0px 0.25em 0.5em;
    opacity: 1;
    cursor: pointer;
    transition: opacity 150ms, border 300ms ease-in-out;
    transform: translateY(-50%);
    line-height: 1;
}

.glide__arrow:focus {
    outline: none;
}

.glide__arrow:hover {
    border-color: white;
}

.glide__arrow--left {
    left: 2em;
}

.glide__arrow--right {
    right: 2em;
}

.glide__arrow--disabled {
    opacity: 0.33;
}

.glide__bullets {
    position: absolute;
    z-index: 2;
    bottom: 2em;
    left: 50%;
    display: inline-flex;
    list-style: none;
    transform: translateX(-50%);
}

.glide__bullet {
    background-color: rgba(255, 255, 255, 0.5);
    width: 9px;
    height: 9px;
    padding: 0px;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: 300ms ease-in-out;
    cursor: pointer;
    line-height: 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0.25em 0.5em 0px;
    margin: 0px 0.25em;
}

.glide__bullet:focus {
    outline: none;
}

.glide__bullet:hover, .glide__bullet:focus {
    border: 2px solid white;
    background-color: rgba(255, 255, 255, 0.5);
}

.glide__bullet--active {
    background-color: white;
}

.glide--swipeable {
    cursor: -webkit-grab;
}

.glide--dragging {
    cursor: -webkit-grabbing;
}

.glide__slide {
    display: flex;
    width: auto;
    height: auto;
    background: green;
}

.glide__slide span {
    margin: auto;
    color: white;
    font-family: sans-serif;
    font-size: 4.2rem;
    pointer-events: none;
}

.menu-tools_new ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    place-content: center space-evenly;
    gap: 1.5rem;
    flex-flow: row;
}

.menu-tools_new li {
    position: relative;
    display: inline-block;
    padding: 0px;
    background: transparent;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
}

.menu-tools_new span {
    font-size: 2.4em;
    background-color: transparent;
    color: var(--color-gray);
    margin: 0px;
    width: 3.5rem;
    height: 3.5rem;
    position: relative;
    text-align: center;
    line-height: 2.2em;
    border-radius: 3.2rem;
    border: 0px solid rgba(149, 149, 149, 0.13);
    top: 0px;
    mask-image: none !important;
    pointer-events: initial !important;
}

.menu-tools_new span:hover {
    text-decoration: none;
}

.tools_new-tools span:active i {
    position: relative;
    top: 1px;
}

.nav_icon i {
    display: flex;
    width: 60%;
    height: 60%;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    margin: 20%;
}

#info i {
    background-image: url("images/icon2.png");
}

#info-page-options i {
    background-image: url("images/icon2.png");
}

#search i {
    mask-image: url("images/search.svg");
    transition: 0.3s;
}

#search.active i {
    background-color: white;
}

#currency i {
    mask-image: url("images/currency.svg");
}

#lang i {
    mask-image: url("images/lang.svg");
}

#mode i, #mode-options i, #mode-header i {
    background-image: url("images/icon_1.png");
    transition: 0.3s;
}

#mode b, #mode-options b, #mode-header b {
    position: absolute;
    inset: -0.6rem;
    width: calc(100% + 1.5rem);
    height: calc(100% + 1.5rem);
    border-radius: 2.8rem;
    z-index: 4;
}

#decrease i, #decrease-options i, #decrease-header i {
    background-image: url("images/icon3.png");
}

#increase i, #increase-options i, #increase-header i {
    background-image: url("images/icon4.png");
}

#mi-cuenta-btn i, #mi-cuenta-btn-options i {
    mask-image: url("images/user.svg");
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: 100%;
    background: none currentcolor;
    opacity: 0.65;
}

#lang {
    position: relative;
    transition: 0.3s;
}

#lang:hover {
    transform: scale(1.05);
    background-color: rgba(0, 123, 255, 0.1) !important;
}

#lang:active {
    transform: scale(0.95);
}

#lang i {
    transition: transform 0.3s;
}

#lang:hover i {
    transform: rotate(180deg);
}

#lang::after {
    content: "ES";
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.5rem;
    font-weight: bold;
    color: rgb(0, 123, 255);
    background: white;
    padding: 2px 4px;
    border-radius: 3px;
    border: 1px solid rgb(0, 123, 255);
    opacity: 0;
    transition: opacity 0.3s;
}

#lang:hover::after {
    opacity: 1;
}

[data-language="en"] #lang::after {
    content: "EN";
}

#lang_select {
    font-size: 0.6rem;
    padding: 4px 8px;
    min-width: 80px;
}

#lang_select option {
    padding: 8px 12px;
    font-size: 0.6rem;
}

#lang.translating {
    opacity: 0.6;
    pointer-events: none;
}

#lang.translating i {
    animation: 1s linear 0s infinite normal none running spin;
}

.idioma {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 3.2rem;
    height: 3.2rem;
    z-index: 9999;
    border-radius: 2.8rem;
    background: white;
}

.menu-tools_new li.button .idioma {
    overflow: visible;
}

.moneda {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 3.2rem;
    height: 3.2rem;
    z-index: 9999;
    border-radius: 2.8rem;
    background: white;
}

.menu-tools_new li.button .moneda {
    overflow: visible;
}

.currencies-cnt {
    display: inline-flex;
    position: relative;
    padding: 0px;
    flex-direction: column;
    align-items: center;
    z-index: 2147483647;
    border-radius: 2.1rem;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    width: 70% !important;
    height: 70% !important;
}

.currencies-cnt-child {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: transparent;
    border: 0px;
    position: relative;
}

.currencies-cnt .icon {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: bold;
    color: var(--color-gray);
    text-shadow: none;
    width: 100% !important;
    font-size: 2.1rem !important;
}

.currency-button {
    border-radius: 50%;
    cursor: pointer;
    border: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: bold;
    color: var(--color-text, #1b2a41);
    transition: font-size 0.2s;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100% !important;
    height: 100% !important;
}

.currencies-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    position: absolute;
    top: 50px;
    transform: translateX(-50%);
    overflow: hidden;
    height: 0px;
    max-height: 0px;
    border-radius: 1.5rem;
    background-color: rgb(255, 255, 255);
    transition: max-height 0.3s, padding 0.3s, opacity 0.2s, box-shadow 0.2s;
    padding: 0px;
    gap: var(--gap-sm);
    width: auto;
    z-index: 2147483647;
    box-shadow: var(--shadow-1);
    opacity: 0;
    left: 50%;
    text-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.13);
}

.currency-item {
    width: 0px;
    height: 0px;
    display: flex;
    align-items: center;
    gap: var(--gap-sm);
    padding: var(--gap-sm);
    cursor: pointer;
    opacity: 0;
    transition: width 0.2s, height 0.2s, opacity 0.2s, transform 0.2s, background-color 0.2s;
    border-radius: 0.6rem;
    overflow: hidden;
    flex-shrink: 0;
    background-color: transparent;
    line-height: 1;
    border: 1px solid rgba(0, 0, 0, 0.13);
    flex-direction: row-reverse;
    box-shadow: var(--shadow-4);
}

.currency-item.active {
    border: 1px solid var(--color-primary);
    font-weight: 600;
    background-color: rgb(from var(--color-primary) r g b / 15%) !important;
}

.currency-item.active .currency-symbol {
    color: var(--color-primary);
}

.currency-item.active .currency-name {
}

.currency-symbol {
    font-size: 1.3rem;
    font-weight: bold;
    min-width: 40px;
    text-align: center;
}

.currency-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1 0%;
    align-content: flex-start;
    align-items: flex-start;
}

.currency-name {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1;
}

.currency-rate {
    font-size: 0.9rem;
    color: rgba(0, 0, 0, 0.6);
    font-weight: normal;
    line-height: 1;
}

[data-theme="dark"] .currencies-list {
    background-color: rgb(54, 54, 54);
    border: 1px solid rgba(255, 255, 255, 0.13);
}

[data-theme="dark"] .cart-item .product_configura_group.product_varieties_group .selection-label {
    background: rgb(52, 52, 52);
}

[data-theme="dark"] .currencies-list .currency-item {
    border: 1px solid rgba(255, 255, 255, 0.13);
}

[data-theme="dark"] .currency-symbol, [data-theme="dark"] .currency-name {
    color: rgb(255, 255, 255);
}

[data-theme="dark"] .currency-rate {
    color: rgba(255, 255, 255, 0.7);
}

[data-theme="dark"] .currency-item.active {
    border: 1px solid var(--color-primary);
    background-color: rgb(from var(--color-primary) r g b / 15%) !important;
}

[data-theme="dark"] .currency-item.active .currency-symbol, [data-theme="dark"] .currency-item.active .currency-name {
    color: rgb(255, 255, 255);
}

[data-theme="dark"] .currencies-cnt .icon {
    color: rgb(165, 165, 168);
}

.idioma .clickme {
    position: relative;
    padding: 10px;
    border-radius: 7px;
    background-color: rgb(27, 42, 65);
    color: white;
    cursor: default;
    transition: 0.3s;
    animation: 1.5s ease 0s infinite normal none running updown;
}

@keyframes updown {
    0% {
        top: 10px;
        bottom: 0px;
    }

    25% {
        top: 0px;
        bottom: 10px;
    }

    50% {
        top: 10px;
        bottom: 0px;
    }

    75% {
        top: 0px;
        bottom: 10px;
    }

    100% {
        top: 10px;
        bottom: 0px;
    }
}

.arrow-down path {
    fill: rgb(27, 42, 65);
}

.langs-cnt {
    display: inline-flex;
    position: relative;
    padding: 0px;
    flex-direction: column;
    align-items: center;
    z-index: 2147483647;
    border-radius: 2.1rem;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    width: 70% !important;
    height: 70% !important;
}

.langs-cnt-child {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: transparent;
    border: 0px;
    position: relative;
}

.langs-cnt .icon {
    width: 100% !important;
    cursor: pointer;
}

.flag-button {
    border-radius: 50%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: 0px;
    width: 100% !important;
    height: 100% !important;
}

.flags-cnt {
    display: flex;
    flex-flow: wrap;
    place-content: flex-start center;
    align-items: center;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    height: 0px;
    max-height: 0px;
    border-radius: 1.5rem;
    background-color: rgb(255, 255, 255);
    transition: max-height 0.3s, padding 0.3s, opacity 0.2s, box-shadow 0.2s, border 0.2s;
    padding: 0px;
    gap: 5px;
    width: 200px;
    z-index: 2147483647;
    box-shadow: var(--shadow-1);
    opacity: 1;
}

.flag {
    width: 0px;
    height: 0px;
    display: inline-block;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    opacity: 0;
    transition: width 0.2s, height 0.2s, opacity 0.2s, transform 0.2s;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    flex-flow: row;
}

.flag:hover {
    transform: scale(1.15);
    background-color: rgba(255, 255, 255, 0.3);
}

.flag:active {
    transform: scale(0.95);
}

.flag-es {
    background-image: url("images/flags/es.png");
}

.flag-en {
    background-image: url("images/flags/en.png");
}

.flag-pt {
    background-image: url("images/flags/pt.png");
}

.flag-fr {
    background-image: url("images/flags/fr.png");
}

.flag-it {
    background-image: url("images/flags/it.png");
}

.flag-de {
    background-image: url("images/flags/de.png");
}

.flag-ru {
    background-image: url("images/flags/ru.png");
}

.flag-zh {
    background-image: url("images/flags/zn.png");
}

.translation-message {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 15px 20px;
    border-radius: 8px;
    z-index: 10000;
    font-family: Arial, sans-serif;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 12px;
    animation: 0.3s ease-out 0s 1 normal none running slideIn;
}

.translation-message.success {
    background: rgb(76, 175, 80);
    color: white;
}

.translation-message.error {
    background: rgb(244, 67, 54);
    color: white;
}

* {
    touch-action: manipulation;
}

.button.disabled {
    cursor: initial !important;
}

.button {
    border-radius: 5.6rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    color: var(--button-text-color-oscuro);
    text-align: center;
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 10%), #393939 15%);
    position: relative;
    border: 0px solid rgba(0, 0, 0, 0.21);
    margin: 0px;
    width: auto;
    transition: 0.3s linear;
    padding: 1.1rem 1.5rem;
    text-shadow: 1px 1px 1px var(--button-shadow-color-oscuro);
}

.button span {
    z-index: 1;
    position: relative;
    pointer-events: none;
}

.menu-tools_new li.button > span.header-tools__chip {
    pointer-events: auto;
}

.button.gris {
    color: var(--button-text-color-oscuro);
    background: rgb(from var(--color-primary) r g b / 82%);
    text-shadow: rgba(75, 75, 75, 0.36) 1px 1px 3px;
}

.button.disabled {
    opacity: 0.4;
}

ul.s2ervices li::before {
    content: "";
    background-image: url("images/bg_texture.png");
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
    background-size: 130px;
    mix-blend-mode: difference;
    opacity: 0.1;
    top: 0px;
    left: 0px;
    text-align: center;
    box-shadow: none;
    border-radius: 0px;
}

.button::after, #page_options_container ul li::after {
    content: "";
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.2;
}

.payment_methods_available {
    display: flex;
    gap: 0.5rem;
    flex-direction: column;
}

.payment_method_image {
    width: 4rem;
    height: 4rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 8px;
    border-radius: 2.8rem;
    flex-shrink: 0;
}

.efectivo_image {
    background-image: url("images/efectivo.png");
}

.mercado_pago_image {
    background-image: url("images/mercado_pago.png");
}

.transferencia_bancaria_image {
    background-image: url("images/transferencia_bancaria.png");
}

.mp_qr_fijo_image {
    background-image: url("images/mp_qr_fijo.png");
}

.mp_qr_point_image {
    background-image: url("images/qr_point.png");
}

.billeteras_qr_image {
    background-image: url("images/otros_qr.png");
}

.payment_method_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
}

#form_content_mp_box.form-content-mp-box, #form_content_mp_box.frontend-mp-box {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0.9rem;
    margin-top: 0.6rem;
    background: rgb(245, 245, 245);
    border-radius: 8px;
    border: 1px solid rgb(224, 224, 224);
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 8px;
}

#form_content_mp_box .caja-multiple-payment-method-title {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    margin: 0px 0px 0.4rem;
    font-size: 0.9rem;
    font-weight: 600;
}

#form_content_mp_box .caja-multiple-payment-method-name-amount-container {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    width: 100%;
}

#form_content_mp_box .caja-multiple-payment-method-name {
    font-weight: 600;
    font-size: 0.6rem;
    color: rgb(51, 51, 51);
}

#form_content_mp_box .caja-multiple-payment-method-amount {
    font-weight: 600;
    font-size: 1.2rem;
    color: rgb(17, 17, 17);
}

#form_content_mp_box .payment_method_image.mercado_pago_image {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#form_content_mp_box .caja-form-field {
    margin-bottom: 0px;
}

#form_content_mp_box .caja-form-label {
    display: block;
    font-weight: 500;
    font-size: 0.6rem;
    color: rgb(85, 85, 85);
    margin-bottom: 0.4rem;
}

#form_content_mp_box .frontend-mp-pagar-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.6rem 1.1rem;
    font-size: 0.6rem;
    font-weight: 600;
    color: rgb(255, 255, 255);
    background: rgb(255, 152, 0);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 8px;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s;
    width: 100%;
    box-sizing: border-box;
}

#form_content_mp_box .frontend-mp-pagar-btn:hover {
    background: rgb(245, 124, 0);
    color: rgb(255, 255, 255);
}

#form_content_mp_box .caja-mp-status-container {
    padding: 0.5rem;
    background: rgb(238, 238, 238);
    border-radius: 6px;
    font-size: 0.6rem;
}

#form_content_mp_box .caja-mp-status-label {
    color: rgb(85, 85, 85);
}

#form_content_mp_box .caja-mp-status-value {
    font-weight: 600;
    color: rgb(245, 124, 0);
}

.iti {
    position: relative;
    display: inline-block;
    width: 100%;
}

.iti * {
    box-sizing: border-box;
}

.iti__hide {
    display: none;
}

.iti__v-hide {
    visibility: hidden;
}

.iti input, .iti input[type="text"], .iti input[type="tel"] {
    position: relative;
    z-index: 0;
    padding-right: 36px;
    margin-right: 0px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.iti__flag-container {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    padding: 1px;
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0px 6px 0px 8px;
}

.iti__arrow {
    margin-left: 6px;
    width: 0px;
    height: 0px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid rgb(85, 85, 85);
}

.iti__arrow--up {
    border-top-width: medium;
    border-top-style: none;
    border-top-color: currentcolor;
    border-bottom: 4px solid rgb(85, 85, 85);
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0px;
    margin: 0px 0px 0px -1px;
    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 4px;
    background-color: white;
    border: 1px solid rgb(204, 204, 204);
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px;
}

@media (max-width: 500px) {
    .iti__country-list {
        white-space: normal;
        width: 80vw;
    }
}

.iti__flag-box {
    display: inline-block;
    width: 20px;
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid rgb(204, 204, 204);
}

.iti__country {
    padding: 5px 10px;
    outline: none;
}

.iti__dial-code {
    color: rgb(153, 153, 153);
}

.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, 0.05);
}

.iti__flag-box, .iti__country-name, .iti__dial-code {
    vertical-align: middle;
}

.iti__flag-box, .iti__country-name {
    margin-right: 6px;
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type="text"], .iti--allow-dropdown input[type="tel"], .iti--separate-dial-code input, .iti--separate-dial-code input[type="text"], .iti--separate-dial-code input[type="tel"] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0px;
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0px;
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default;
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 0.6rem 0px 0px 0.6rem;
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px;
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px;
}

.iti--container:hover {
    cursor: pointer;
}

.iti-mobile .iti--container {
    inset: 30px;
    position: fixed;
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%;
}

.iti-mobile .iti__country {
    padding: 10px;
    line-height: 1.5em;
}

.iti__flag {
    width: 20px;
}

.iti__flag.iti__be {
    width: 18px;
}

.iti__flag.iti__ch {
    width: 15px;
}

.iti__flag.iti__mc {
    width: 19px;
}

.iti__flag.iti__ne {
    width: 18px;
}

.iti__flag.iti__np {
    width: 13px;
}

.iti__flag.iti__va {
    width: 15px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-size: 5652px 15px;
    }
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0px 0px;
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0px;
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0px;
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0px;
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0px;
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0px;
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0px;
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0px;
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0px;
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0px;
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0px;
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0px;
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0px;
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0px;
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0px;
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0px;
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0px;
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0px;
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0px;
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0px;
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0px;
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0px;
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0px;
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0px;
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0px;
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0px;
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0px;
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0px;
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0px;
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0px;
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0px;
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0px;
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0px;
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0px;
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0px;
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0px;
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0px;
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0px;
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0px;
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0px;
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0px;
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0px;
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0px;
}

.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0px;
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0px;
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0px;
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0px;
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0px;
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0px;
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0px;
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0px;
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0px;
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0px;
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0px;
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0px;
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0px;
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0px;
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0px;
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0px;
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0px;
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0px;
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0px;
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0px;
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0px;
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0px;
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0px;
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0px;
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0px;
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0px;
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0px;
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0px;
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0px;
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0px;
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0px;
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0px;
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0px;
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0px;
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0px;
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0px;
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0px;
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0px;
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0px;
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0px;
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0px;
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0px;
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0px;
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0px;
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0px;
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0px;
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0px;
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0px;
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0px;
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0px;
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0px;
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0px;
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0px;
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0px;
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0px;
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0px;
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0px;
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0px;
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0px;
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0px;
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0px;
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0px;
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0px;
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0px;
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0px;
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0px;
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0px;
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0px;
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0px;
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0px;
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0px;
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0px;
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0px;
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0px;
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0px;
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0px;
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0px;
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0px;
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0px;
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0px;
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0px;
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0px;
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0px;
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0px;
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0px;
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0px;
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0px;
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0px;
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0px;
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0px;
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0px;
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0px;
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0px;
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0px;
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0px;
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0px;
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0px;
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0px;
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0px;
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0px;
}

.iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0px;
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0px;
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0px;
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0px;
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0px;
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0px;
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0px;
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0px;
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0px;
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0px;
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0px;
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0px;
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0px;
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0px;
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0px;
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0px;
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0px;
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0px;
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0px;
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0px;
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0px;
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0px;
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0px;
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0px;
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0px;
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0px;
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0px;
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0px;
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0px;
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0px;
}

.iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0px;
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0px;
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0px;
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0px;
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0px;
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0px;
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0px;
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0px;
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0px;
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0px;
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0px;
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0px;
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0px;
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0px;
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0px;
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0px;
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0px;
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0px;
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0px;
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0px;
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0px;
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0px;
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0px;
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0px;
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0px;
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0px;
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0px;
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0px;
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0px;
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0px;
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0px;
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0px;
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0px;
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0px;
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0px;
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0px;
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0px;
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0px;
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0px;
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0px;
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0px;
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0px;
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0px;
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0px;
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0px;
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0px;
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0px;
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0px;
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0px;
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0px;
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0px;
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0px;
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0px;
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0px;
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0px;
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0px;
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0px;
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0px;
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0px;
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0px;
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0px;
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0px;
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0px;
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0px;
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0px;
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0px;
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0px;
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0px;
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0px;
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0px;
}

.iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0px;
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0px;
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0px;
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0px;
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0px;
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0px;
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0px;
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0px;
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0px;
}

.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0px;
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0px;
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0px;
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0px;
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0px;
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0px;
}

.iti__flag {
    height: 15px;
    box-shadow: rgb(136, 136, 136) 0px 0px 1px 0px;
    background-image: url("images/flags.png");
    background-repeat: no-repeat;
    background-color: rgb(219, 219, 219);
    background-position: 20px 0px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("images/flags.png");
    }
}

.iti__flag.iti__np {
    background-color: transparent;
}

@keyframes shakeCart {
    25% {
        transform: translateY(6px);
    }

    50% {
        transform: translateY(-4px);
    }

    75% {
        transform: translateY(2px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes slideIn {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes slideOut {
    0% {
        transform: translateX(0px);
        opacity: 1;
    }

    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes -webkit-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

html[data-fontsize="0"] {
    font-size: 67% !important;
    text-size-adjust: 100% !important;
}

html[data-fontsize="1"] {
    font-size: 70%;
}

html[data-fontsize="2"] {
    font-size: 73%;
}

html[data-fontsize="-1"] {
    font-size: 65%;
}

html[data-fontsize="-2"] {
    font-size: 63%;
}

.product .price {
    font-size: 2.1rem;
    line-height: 2.1rem;
}

.product .info h5 {
    margin-bottom: 0px;
}

.product .info h5 {
    font-size: 1.35rem;
    line-height: 1.5rem;
    letter-spacing: -0.4px;
    text-align: left;
    font-weight: 400;
}

.product .product_popup_box .info h5 {
    border-radius: 2.1rem;
    z-index: 9;
    font-size: 2.5rem;
    line-height: 1.3;
    margin: 0px;
    font-weight: 600;
}

.variations_label, .options_label {
    font-size: 1.3rem;
    line-height: 1.5rem;
}

.product .radio_container {
    font-size: 1.3rem;
    line-height: 1.5rem;
}

.pop_up_form .field__label {
    font-size: 1.3rem;
    line-height: 1.6rem;
}

.form_header h5 {
    font-size: 1.6rem;
    line-height: 2.1rem;
}

.product .check_container {
    font-size: 1.2rem;
    line-height: 1.3rem;
    font-weight: 500;
    background: white;
    border-radius: 1.5rem;
    border: var(--border) !important;
}

.product .info::after {
    font-size: 1.3rem;
    line-height: 1.3rem;
}

.product small {
    font-size: 1.3rem;
    line-height: 1.5rem;
}

.cat-header .cat {
    font-size: 1.5rem;
    line-height: 1.6rem;
}

input[type="text"].globalInputSearch {
    font-size: 1.3rem;
    line-height: 2.3rem;
    flex: 1 1 0%;
}

body.w_logged input[type="text"].globalInputSearch {
}

.product .add_button span, .product .add_open_button span, .product .price_container label {
    font-size: 1.5rem;
    line-height: 1.6rem;
}

.tags li {
    font-size: 1.3rem;
    line-height: 1;
    letter-spacing: -0.5px;
}

.cart-header {
    font-size: 1.6rem;
    line-height: 2.2rem;
    margin-right: 0px;
}

.product_name {
    font-size: 1.5rem;
    line-height: 1.7rem;
}

.cart-item {
    font-size: 1.3rem;
}

.choice_feedback, .variety_box input {
    font-size: 1.1rem;
    line-height: 2.1rem;
}

.parent_category_title {
    margin-top: 0px;
}

.parent_category_title {
    font-size: 2.8rem;
    line-height: 3.5rem;
    font-weight: 800;
    background: none;
    padding: 0px;
    border-radius: 2.4rem;
    text-align: left;
    letter-spacing: -0.5px;
    color: rgb(73, 73, 73);
}

uppp {
    position: relative;
}

.child_category_title {
    font-size: 2.2rem;
    line-height: 2.1rem;
    background: none;
    font-weight: 500;
    color: rgba(37, 37, 37, 0.79);
    letter-spacing: -2px;
    padding: 0rem 3.5rem 0px;
    margin: 0px;
    width: auto;
}

.child_term_wrapper {
    background: none;
    padding: 0px;
    border-radius: 1.5rem;
    margin-top: 0px;
}

.child_term_wrapper .child_term_wrapper {
}

.parent_category_title.category-level-1 {
}

.child_category_title.category-level-2 {
    font-weight: 700;
    color: rgb(73, 73, 73);
    margin: 0rem 2rem 2rem;
    border: 0px solid rgb(225, 225, 225);
    text-transform: uppercase;
    font-size: 1.8rem;
    letter-spacing: 0px;
}

.child_category_title.category-level-3 {
    margin: 0rem 2rem 2rem;
    border: 0px solid rgb(225, 225, 225);
    font-weight: 500;
    line-height: 1;
}

.child_category_title.category-level-4 {
    font-size: 1.3rem;
    line-height: 1.1rem;
    margin-left: 2.1rem;
    padding-left: 0.4rem;
    border-left: 3px solid var(--color-primary, #6b2d5c);
    opacity: 0.95;
}

.variety_box .input-group {
    font-size: 1.1rem;
    line-height: 1.6rem;
    border-radius: 1.1rem;
    border: 1px solid rgba(0, 0, 0, 0.13);
}

.toc-item {
    font-size: 1.3rem;
}

.cart_instructions p {
    font-size: 1.3rem;
}

.button {
    font-size: 1.5rem;
    line-height: 1.5rem;
}

ul.services li {
    font-size: 1.5rem;
    line-height: 1.5rem;
}

ul.services li .translate {
    display: flex;
    width: 100%;
    justify-content: center;
    text-align: center;
}

ul.services li .service_info {
    display: flex;
    flex-direction: column;
    align-content: center;
    gap: 0.4rem;
    margin-top: 0px;
    flex: 1 1 0%;
    align-items: center;
}

.radio_container {
    font-size: 1.3rem;
}

.checkmark {
    height: 2.2rem;
    width: 2.2rem;
}

.radio_container {
    flex-grow: 1;
}

.radio_container.active {
    border: 0px solid color-mix(in srgb, var(--color-primary), white 70%);
    background: white;
    box-shadow: 0rem 0rem 1rem color-mix(in srgb, var(--color-gray), #00000014 78%);
}

.radio_container.active small {
}

.radio_container.active small.striked {
    color: var(--color-primary);
    text-shadow: none;
}

.combo-presentacion-selector .radio_container.unavailable, .pop_presentation .radio_container.unavailable {
    pointer-events: none;
    cursor: not-allowed;
}

.radio_container, .check_container {
    min-height: 0px;
}

.variety_box .input-group .button-minus, .variety_box .input-group .button-plus {
    width: 3.5rem;
    height: 3.5rem;
    line-height: 2.8rem;
    padding: 0px;
    display: flex;
    place-content: center;
    align-items: center;
}

.variety_box .input-group .quantity-field {
    height: 2.8rem;
    font-size: 1.5rem;
}

.discount {
    padding: 0.4rem 0.4rem 0.2rem;
    font-size: 1.1rem;
}

.product_varieties {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    font-size: 1.2rem;
    line-height: 1.5rem;
}

.product_options {
    gap: var(--gap-nm);
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 0px;
}

.product_options {
    font-size: 1.4rem;
    line-height: 0;
    max-width: 300px;
}

.pop_up_form .field__input, body .ts-dropdown, #change_zone, body .ts-control .item {
    font-size: 1.2rem;
    line-height: 1.5rem;
}

.pop_up_form .field__input {
    padding: 1.1rem;
}

.child_term_wrapper .products_carousel__viewport {
    margin: 0px;
}

[data-theme="dark"] .cart-items {
    background-color: rgb(60, 60, 60);
    box-shadow: color(srgb 0.06 0.06 0.06 / 0.5) 0rem 0rem 1.1rem inset;
    border: 0px solid rgba(232, 232, 232, 0.23) !important;
}

[data-theme="dark"] .service_title {
    color: var(--button-text-color-oscuro);
}

[data-theme="dark"] .lity-opened::before {
    content: "";
    width: 100vw;
    height: 100dvh;
    display: inline-block;
    position: fixed;
    left: 0px;
    top: 0px;
    background: transparent !important;
}

[data-theme="dark"] .product .radio_container {
    border: 1px solid rgba(255, 255, 255, 0.13);
    box-shadow: rgba(0, 0, 0, 0.4) 0rem 0rem 0.1rem;
    background: color(srgb 0.71 0.71 0.71 / 0.02) !important;
}

[data-theme="dark"] .product .radio_container.active {
    background: rgb(from var(--color-primary) r g b / 32%) !important;
}

[data-theme="dark"] .product .check_container {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.13) !important;
}

[data-theme="dark"] .product .check_container.active {
    background: rgb(from var(--color-primary) r g b / 15%) !important;
}

[data-theme="dark"] #page_options_box {
}

[data-theme="dark"] .wimpli-page-options {
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 15%), #303030 96%) !important;
}

[data-theme="dark"] .cat-header .cat_list::before {
    background: rgba(153, 153, 153, 0.38);
}

[data-theme="dark"] .add_open_button {
    border: 0px solid rgba(255, 255, 255, 0.22);
}

[data-theme="dark"] .admin_button {
    border: 0px solid rgba(255, 255, 255, 0.22);
}

[data-theme="light"] .logo_oscuro {
    display: none;
}

[data-theme="dark"] .logo_claro {
    display: none;
}

[data-theme="dark"] #page_options_container .logo_claro {
    display: none;
}

[data-theme="dark"] #page_options_container .logo_oscuro {
    display: block;
}

[data-theme="dark"] .product_clarification {
    background: none;
    color: white;
}

[data-theme="dark"] ul.services li {
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), #414141 90%), #313131 29%);
    color: white;
}

[data-theme="dark"] .info_section .table {
    color: var(--color-light-gray);
}

[data-theme="dark"] .social_icons li {
    color: var(--color-light-gray);
    border: 0px solid rgba(255, 255, 255, 0.13) !important;
}

[data-theme="dark"] body {
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 15%), #303030 96%);
}

[data-theme="dark"] .wimpli-page-loading .loader-section {
    background-color: rgb(40, 40, 40);
}

[data-theme="dark"] .wimpli-page-loading .loader {
    color: rgb(255, 255, 255);
}

[data-theme="dark"] .child_category_title {
}

[data-theme="dark"] .product {
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), #414141 90%), #313131 29%);
}

[data-theme="dark"] .product:last-child {
    border-bottom: 0px solid rgba(255, 255, 255, 0.13);
}

[data-theme="dark"] .variety_select, [data-theme="dark"] .options_select, [data-theme="dark"] .clarification_select {
    border: 1px solid rgba(255, 255, 255, 0.22);
}

[data-theme="dark"] .customize_select {
    border: 1px solid rgba(255, 255, 255, 0.22);
    background: var(--color-primary);
}

[data-theme="dark"] ul.services li span.w_mostrador, span.w_mesa, span.w_autoservicio, span.w_venta_directa::after, [data-theme="dark"] ul.services li span.w_shipping::after, [data-theme="dark"] ul.services li span.w_take_away::after {
}

[data-theme="dark"] .tags li {
    background: var(--color-primary);
    color: var(--color-light-gray);
    border: 1px solid rgba(255, 255, 255, 0.13) !important;
}

[data-theme="dark"] .product .add_button {
    border: 0px solid rgba(255, 255, 255, 0.22);
}

[data-theme="dark"] .product .add_button.disabled {
    background: rgb(159, 159, 159);
}

[data-theme="dark"] .product .product-btn.disabled {
    background-color: rgb(50, 50, 50);
    border: 1px solid rgb(84, 84, 84);
}

[data-theme="dark"] body .product.not_available::before {
    background: rgba(0, 0, 0, 0.46);
}

[data-theme="dark"] body.w_mostrador, body.w_mesa, body.w_autoservicio, body.w_venta_directa .product:not(.w_mostrador):not(.w_mesa):not(.w_autoservicio):not(.w_venta_directa)::before {
    background: rgba(0, 0, 0, 0.46);
}

[data-theme="dark"] body.w_shipping .product:not(.w_shipping)::before {
    background: rgba(0, 0, 0, 0.46);
}

[data-theme="dark"] body.w_take_away .product:not(.w_take_away)::before {
    background: rgba(0, 0, 0, 0.46);
}

[data-theme="dark"] .the-count span {
    color: white !important;
}

[data-theme="dark"] .iti {
    color: black;
}

[data-theme="dark"] .info_container {
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 15%), #303030 96%);
    border: 0px solid rgba(255, 255, 255, 0.13);
}

[data-theme="dark"] .info_section .title::after, .info_section .title::before {
    opacity: 1;
}

[data-theme="dark"] .info_section .table .row {
    border-bottom: 1px solid rgba(255, 255, 255, 0.26);
}

[data-theme="dark"] .info_container::before, [data-theme="dark"] .customize_product_box::before {
    background: transparent;
    opacity: 1;
}

[data-theme="dark"] .product_resume {
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), #414141 90%), #313131 29%);
    border-top: 1px solid rgba(255, 255, 255, 0.13);
    box-shadow: 0rem 0rem 2rem color-mix(in srgb, color-mix(in srgb, var(--color-primary), #424242 91%), #121212 60%) !important;
}

[data-theme="dark"] .info_section .table .row:last-child {
    border-bottom: 0px solid rgba(255, 255, 255, 0.26);
    background: none;
}

[data-theme="dark"] .info_section .title {
    color: white;
}

[data-theme="dark"] .cat-header .cat_list::after {
    background: var(--color-primary);
}

[data-theme="dark"] .view_order {
    color: white;
}

[data-theme="dark"] .social_icons li a {
    background: rgb(157, 157, 157);
}

[data-theme="dark"] .copy, [data-theme="dark"] .info_section.address .btn-maps {
    color: var(--button-text-color-oscuro);
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 30%), #494949 49%);
}

[data-theme="dark"] .copy:active {
    color: var(--color-primary);
}

[data-theme="dark"] .variety-group-title, [data-theme="dark"] .options-title {
    color: white;
}

[data-theme="dark"] .instruction_message p {
    color: rgb(137, 137, 137);
}

[data-theme="dark"] .customize_product_box {
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 15%), #303030 96%);
}

[data-theme="dark"] .product_popup_box .product_popup_scroll {
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), #414141 90%), #313131 29%);
    box-shadow: 0rem 1rem 2rem color-mix(in srgb, color-mix(in srgb, var(--color-primary), #424242 91%), #121212 60%);
    border-width: medium !important;
    border-style: none !important;
    border-color: currentcolor !important;
    border-image: initial !important;
}

[data-theme="dark"] .product_unit_price span {
    color: var(--color-light-gray);
}

[data-theme="dark"] .product_popup_box {
    background: rgb(52, 52, 52);
}

[data-theme="dark"] .product_popup_box .dark_bg_extra {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    display: none;
}

[data-theme="dark"] .form_header h5 {
    color: white;
}

[data-theme="dark"] .pop_up_form .field__label {
    color: white;
}

[data-theme="dark"] .variety_box .input-group input[type="button"] {
    color: var(--button-text-color-oscuro);
}

[data-theme="dark"] .bg_texture {
    opacity: 0.05;
}

[data-theme="dark"] body, [data-theme="dark"] .nav_icon, [data-theme="dark"] .cat-header .cat {
}

[data-theme="dark"] .parent_category_title {
    color: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 88%), #4d4d4d 28%);
}

[data-theme="dark"] .child_category_title {
    color: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 88%), #4d4d4d 28%);
}

[data-theme="dark"] .nav_icon {
    background: transparent;
    border-color: transparent;
}

[data-theme="dark"] .child_category_title::after, [data-theme="dark"] .child_category_title::before {
    border-bottom: 1px solid rgb(107, 107, 107);
    border-top: 1px solid rgb(157, 157, 157);
    opacity: 0.4;
}

[data-theme="dark"] .cart_panel {
    background: rgb(72, 72, 72);
    border-right: 0px solid rgba(0, 0, 0, 0.65);
    border-bottom: 0px;
    border-left: 0px solid rgba(0, 0, 0, 0.65);
    border-image: initial;
    box-shadow: rgba(0, 0, 0, 0.4) 0rem 0rem 0.6rem;
    border-top: 1px solid rgba(255, 255, 255, 0.13) !important;
}

[data-theme="dark"] .cart_panel::before {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -5;
    border-radius: 0px;
}

[data-theme="dark"] .cart_instructions p {
    background: transparent;
    color: white;
}

[data-theme="dark"] .cart_instructions h5 {
    color: white;
}

[data-theme="dark"] .variations_label, [data-theme="dark"] .options_label {
    color: white;
}

[data-theme="dark"] .combo-paso {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

[data-theme="dark"] .price span {
}

[data-theme="dark"] .info h5 {
    color: white;
}

[data-theme="dark"] small {
    opacity: 1;
    color: var(--color-light-gray);
}

[data-theme="dark"] .product small.striked {
    color: white;
}

[data-theme="dark"] .checkmark {
    border: 1px solid rgba(255, 255, 255, 0.13) !important;
}

[data-theme="dark"] .wimpli_link {
    background-color: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 88%), #4d4d4d 28%);
    opacity: 1;
}

[data-theme="dark"] .cart_panel .cart-item {
    background: rgb(72, 72, 72);
    color: white;
}

[data-theme="dark"] .cart-item.in-cart {
    box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 6px;
    border: 1px solid rgba(232, 232, 232, 0.09) !important;
}

[data-theme="dark"] .cart_panel .delete {
    opacity: 1;
}

[data-theme="dark"] .mid {
    border: 0px solid rgba(0, 0, 0, 0.65);
    background: none;
}

[data-theme="dark"] .mid p {
    color: rgb(255, 255, 255);
    border: 1px solid rgba(255, 255, 255, 0.26);
}

[data-theme="dark"] .mid button {
    color: var(--button-text-color-oscuro);
}

[data-theme="dark"] .product_name i {
    background: none;
    color: white;
    opacity: 0.6;
}

[data-theme="dark"] .choice_validation {
    color: white;
}

[data-theme="dark"] .choice_validation input {
    color: white;
}

[data-theme="dark"] .current_selection {
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.13);
    box-shadow: none;
    background: rgb(44, 44, 44);
}

[data-theme="dark"] .current_selection .selection-list .selection-label {
    color: rgb(255, 255, 255);
    background: rgb(37, 36, 36);
}

[data-theme="dark"] .lity {
    background: transparent !important;
}

[data-theme="dark"] .lity-container .variation_image_container button::before {
    background-color: rgba(255, 255, 255, 0.37);
}

[data-theme="dark"] .lity-container .variation_image_container button::after {
    background: rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .buy-btn, [data-theme="dark"] .open_form {
    border: 0px solid rgba(255, 255, 255, 0.22);
    color: var(--button-text-color-oscuro);
}

[data-theme="dark"] .choice_feedback {
}

[data-theme="dark"] .choice_feedback.green {
    color: white;
}

[data-theme="dark"] .variety_box .input-group {
    background: rgba(255, 255, 255, 0.09);
    color: white;
    border: 1px solid rgba(117, 117, 117, 0.82);
}

[data-theme="dark"] .variety_box .opened .variety_check {
    border: 0px solid rgba(255, 255, 255, 0.13);
}

[data-theme="dark"] .cart_resume {
    border: 0px solid rgba(255, 255, 255, 0.19) !important;
}

[data-theme="dark"] #toc {
    background: color-mix(in srgb, var(--color-primary), #1f1f1f 89%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.13) !important;
}

[data-theme="dark"] .variety_box .input-group.active {
    background: rgb(from var(--color-primary) r g b / 20%);
}

[data-theme="dark"] .selection-list .selection-qty {
    border: 1px solid rgba(255, 255, 255, 0.22);
    background: rgb(from var(--color-primary) r g b / 100%) !important;
}

[data-theme="dark"] .zone_container .btn {
    border: 1px solid rgba(255, 255, 255, 0.22);
}

[data-theme="dark"] .zone_container .btn {
    border: 1px solid rgba(255, 255, 255, 0.22);
}

[data-theme="dark"] .toc-item {
    background: color-mix(in srgb, var(--color-primary), #232323 78%);
    color: rgb(255, 255, 255);
    border: 1px solid rgba(255, 255, 255, 0.13);
}

[data-theme="dark"] .toc-item.active {
    color: var(--button-text-color-oscuro);
    background: var(--color-primary);
}

[data-theme="dark"] #toc::before {
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}

[data-theme="dark"] .toc-container {
}

[data-theme="dark"] .flags-cnt {
    background: rgb(53, 53, 53);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
}

[data-theme="dark"] .flags-cnt.expanded {
    border: 1px solid rgba(255, 255, 255, 0.13);
}

[data-theme="dark"] .tags li::after {
    background: rgb(62, 62, 62);
    box-shadow: rgba(255, 255, 255, 0.4) -1px -1px 1px;
}

[data-theme="dark"] #zone_scrollable {
    box-shadow: rgba(0, 0, 0, 0.56) 0px 0px 12px 0px inset;
}

[data-theme="dark"] .mid p {
    color: rgb(59, 59, 59);
}

[data-theme="dark"] .pop_up_form .payment_methos_available .radio_container {
    border: 1px solid rgba(255, 255, 255, 0.13);
    background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] #cost_calculation {
    border: 1px solid rgba(255, 255, 255, 0.13);
    background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .menu-tools_new span {
    background: transparent;
    border: 0px solid rgba(255, 255, 255, 0.13);
}

[data-theme="dark"] .menu-tools_new span::before {
    background: var(--color-primary);
    box-shadow: rgba(255, 255, 255, 0.14) 0px 0rem 0.6rem inset;
}

[data-theme="dark"] .header-tools .header-tools__btn.nav_icon {
    border-color: rgba(255, 255, 255, 0.13);
    background: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .header-tools .header-tools__btn .header-tools__svg:not(.header-tools__svg--theme), [data-theme="dark"] .header-tools .header-tools__btn .header-tools__svg--text text {
    fill: rgb(189, 189, 189);
}

[data-theme="dark"] .header-tools .header-tools__btn .header-tools__svg--theme {
    color: rgb(189, 189, 189);
}

[data-theme="dark"] #mode-options.mode-options__theme-btn .header-tools__svg--theme {
    color: rgb(189, 189, 189);
}

[data-theme="dark"] .header-tools .idioma.header-tools__chip, [data-theme="dark"] .header-tools .moneda.header-tools__chip {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.13);
}

[data-theme="dark"] .site-header__action-btn {
    border-color: rgba(255, 255, 255, 0.13);
    color: rgb(233, 233, 233);
    box-shadow: 0rem .5rem 2rem color-mix(in srgb, color-mix(in srgb, var(--color-primary), #424242 91%), #121212 60%);
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), #414141 85%), #474747 29%) !important;
}

[data-theme="dark"] #masthead a#info.site-header__action-btn {
    box-shadow: 0rem 1rem 2rem color-mix(in srgb, color-mix(in srgb, var(--color-primary), #424242 91%), #121212 60%);
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), #414141 85%), #474747 29%) !important;
}

[data-theme="dark"] #lang:hover {
    background-color: rgba(0, 123, 255, 0.2) !important;
}

[data-theme="dark"] #lang::after {
    background: var(--color-primary);
    color: rgb(79, 195, 247);
    border-color: rgb(79, 195, 247);
}

[data-theme="dark"] body .ts-control:not(.rtl) {
    background: white !important;
}

[data-theme="dark"] .ts-control .item {
    background: white !important;
}

[data-theme="dark"] .zone_container {
    background: rgb(40, 40, 40);
    border: 0px solid rgba(255, 255, 255, 0.13);
}

[data-theme="dark"] #cost_calculation label {
    color: white;
}

[data-theme="dark"] .zone_selector_container .radio_container {
    border-bottom: 1px solid rgba(255, 255, 255, 0.17);
}

[data-theme="dark"] .zone_selector_container .radio_container {
    background: transparent;
}

[data-theme="dark"] .ts-control, [data-theme="dark"] .ts-wrapper.single.input-active .ts-control {
    background-color: var(--color-primary) !important;
    box-shadow: rgba(68, 68, 68, 0.28) 0px 3px 8px, rgba(255, 255, 255, 0.31) 0px 2px 7px inset;
}

[data-theme="dark"] #cost_calculation span {
    color: white;
}

[data-theme="dark"] #pop_up_zone_scrollable {
    border: 1px solid rgba(255, 255, 255, 0.29);
}

[data-theme="dark"] .zone_selector_container {
    gap: 0px;
}

[data-theme="dark"] .payment_method_image {
    filter: brightness(0.9);
}

[data-theme="dark"] input[type="text"].globalInputSearch {
    background-color: rgb(44, 44, 44);
    color: white;
}

[data-theme="dark"] .globalInputSearch::placeholder {
    color: white;
    opacity: 1;
}

[data-theme="dark"] header {
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 15%), #303030 96%);
}

[data-theme="dark"] .products_grid .product {
    box-shadow: 0rem .5rem 2rem color-mix(in srgb, color-mix(in srgb, var(--color-primary), #424242 91%), #121212 60%);
    color: white;
}

[data-theme="dark"] footer {
    background: transparent;
}

[data-theme="dark"] .info_container .menu-branding {
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 15%), #303030 96%);
}

[data-theme="dark"] .info_section {
    box-shadow: 0rem 2rem 3rem color-mix(in srgb, var(--color-primary), #303030 92%);
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), #414141 85%), #474747 29%);
}

.cart_panel {
    width: 100%;
    border-radius: 2.1rem 2.1rem 0px 0px;
    margin: 0px;
    left: 0px;
    max-width: none;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 0rem 1.5rem;
    padding: 0px;
    transform: translateX(0%);
    transform-origin: center bottom;
    transition: none;
    background: linear-gradient(to bottom, white 35%, color-mix(in srgb, var(--color-primary), white 90%) 150%);
    bottom: 0px !important;
}

@media (max-width: 480px) {
}

@media (min-width: 481px) {
    .zone_container {
        width: 80vw;
        max-height: 90dvh;
        height: auto;
        border-radius: 2.8rem;
        transform: none;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        position: static;
        max-width: 540px;
        margin: 0px auto;
    }

    .lity-content {
        width: fit-content;
        height: auto;
        border-radius: 2.8rem;
        margin: 2.8rem 0px;
        max-height: none;
    }

    .info_container {
        width: fit-content;
        box-shadow: rgba(0, 0, 0, 0.13) 0rem 0.2rem 0.7rem 0rem;
        border-radius: 2.8rem;
        overflow: visible;
        height: auto;
        max-width: 540px;
        margin: 0px;
    }

    .wimpli-page-options {
        margin-top: 0px;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100vw;
        height: auto;
        display: flex;
        align-items: center;
        min-height: 100vh;
        overflow: auto;
    }

    #page_options_container {
        position: absolute;
        width: auto;
        height: auto;
        top: 0px;
        left: 50%;
        transform: translate(-50%, 0%);
        margin: 0px auto;
        min-height: 100vh;
        display: flex;
        align-items: center;
        max-width: 520px;
    }

    #page_options_box {
        width: 80vw;
        border-radius: 2.8rem;
        height: auto;
        margin: 2.8rem auto !important;
    }

    .info_container .lity-close {
 
    }

    #zone_scrollable {
        max-height: 50vh !important;
    }

    #masthead {
        width: 100vw;
    }

    #page {
        width: 100%;
        padding-top: 0px;
    }
}

@media (min-width: 541px) {
    #masthead, #page, .cart_panel {
        width: 100%;
    }

    .menu-branding {
        width: auto;
    }

    .cart_panel {
        left: 10%;
        width: 80%;
    }

    .product_popup_info {
        max-width: 100%;
        margin: 0px auto;
    }

    .menu-branding img {
        margin-left: 0px;
    }

    .search_container {
        margin-bottom: 0px;
    }

    .product_resume {
        transform: none;
        transition: none;
    }

    .product_popup_box.popup-open .product_resume {
        width: 450px;
        transform: translate(-50%, 0px);
        left: 50%;
    }

    .product_resume {
        width: 80%;
        left: 10%;
    }

    #info_scrollable {
        width: 100%;
        margin: 0px auto;
    }
}

@media (min-width: 641px) {
    #page_options_box {
    }

    html {
        font-size: 51%;
    }

    .menu-branding {
        flex-direction: row;
        place-content: center space-between;
        align-items: center;
    }

    .cart_expandable_content {
        height: auto;
    }

    .cart_panel.expanded {
        width: 80%;
        left: 10%;
        max-height: none;
        max-width: 100%;
        border-radius: 2.8rem 2.8rem 0px 0px !important;
    }

    .cart_panel.expanded .cart {
        min-height: 0px;
        max-height: 80vh;
    }

    .site-header .top-header {
        gap: 0px;
        padding: 2rem;
        display: flex;
        flex-direction: column;
        width: 90%;
        margin: 0px auto;
    }

    .header-tools {
        justify-content: flex-end;
    }

    .menu-branding img {
        margin-left: 0px;
        max-width: 17.6rem;
        max-height: 8.4rem;
    }

    #page {
        width: 90%;
        margin: 0px auto;
    }

    .cart_panel {
        width: 80%;
    }

    #masthead {
        width: 100%;
        max-width: none;
        margin-bottom: 0px;
        display: flex;
        gap: 0px;
        flex-flow: column wrap;
    }

    .product_details {
        flex-direction: row;
    }
}

@media (min-width: 768px) {
    .cart_panel, .product_popup_box.popup-open .product_resume {
        border-radius: 4rem;
        width: 450px;
        left: 50%;
        padding: 1.5rem;
        position: static;
        margin: 2rem auto 0px;
        box-shadow: 0rem 0rem 3rem color-mix(in srgb, var(--color-primary), #2e2e2e29 78%);
        overflow: visible;
        transform: none;
        bottom: 2.1rem !important;
    }

    .cart_panel {
        width: 540px;
    }

    .product_popup_box.popup-open {
        position: fixed;
        overflow: auto;
        margin: 0px;
        padding-bottom: 2rem;
    }

    body.mobile-cart-open .cart_panel.expanded {
        width: 480px;
        left: auto;
        max-width: 100%;
        height: calc(0rem + 100vh);
        right: 0px;
        box-shadow: -2rem 0rem 3rem color-mix(in srgb, var(--color-primary), #2e2e2e29 78%);
        transform: translateX(0%);
        transition: opacity 0.22s, transform 0.22s, visibility linear;
        bottom: 0rem !important;
        border: 0px !important;
        top: 0rem !important;
        border-radius: 2rem 0px 0px 2rem !important;
    }

    .cliente-modal, #cuenta-modal {
        overflow: auto;
        width: 480px;
        right: 0px;
        left: auto;
        box-shadow: -2rem 0rem 3rem color-mix(in srgb, var(--color-primary), #2e2e2e29 78%);
        border-radius: 2rem 0px 0px 2rem;
    }

    #cuenta-modal #cuenta-modal-body {
        width: -webkit-fill-available !important;
    }

    .cliente-pedido-embed-backdrop {
        background: transparent !important;
    }

    .product_popup_box .product_popup_media {
        z-index: 1;
        max-width: 470px;
        margin: 4rem auto 0px;
        border-radius: 2rem;
        box-shadow: 0rem 1rem 2rem color-mix(in srgb, var(--color-primary), #2e2e2e29 78%);
        position: static;
        height: auto;
        max-height: none;
    }

    .product .product_resume .price_container .price {
        border: 0px solid rgba(0, 0, 0, 0.13);
        border-radius: 0px;
        opacity: 1;
    }

    .product {
        padding: 1.5rem;
        border-radius: 2.1rem;
    }

    .product .product_intro {
        gap: 0.5rem;
        display: flex;
        flex-direction: column;
    }

    .product_details {
        gap: 0.6rem;
    }

    .product_popup_info {
        gap: 2.1rem;
    }

    [data-theme="dark"] .product_resume {
        background: none;
        border-top-width: medium;
        border-top-style: none;
        border-top-color: currentcolor;
        box-shadow: rgba(0, 0, 0, 0.4) 0rem 0rem 0.6rem;
    }

    [data-theme="dark"] .product .product_resume .price_container .price {
        color: white;
        opacity: 1;
    }

    .cart-items {
        padding: 1.5rem;
        display: flex;
        align-content: flex-start;
    }

    .customize_product_box {
        height: auto;
        padding-bottom: 5rem;
    }

    .product_popup_box.popup-open .customize_product_box {
        z-index: 9888;
        width: 550px;
        margin: 0px auto;
    }

    .product_popup_box.popup-open .close_product_popup {
        position: absolute;
        right: 4.5rem;
        top: 4.9rem;
    }
}

@media (min-width: 960px) {
    #masthead {
        width: 100%;
        max-width: none;
        padding: 0px;
        display: flex;
        gap: 0px;
        align-items: center;
        place-content: center space-between;
        flex-flow: column wrap;
        margin-top: 0px !important;
    }

    .site-header .top-header {
        gap: 0px;
        padding: 2rem;
        margin: 0px auto;
        flex: 1 1 0%;
    }

    .search_container {
    }

    #page {
        width: 100%;
    }

    .product_details {
        flex-direction: row;
    }

    .product_options {
        max-width: 300px;
    }

    .product .product_intro {
        flex-direction: column;
    }

    .product .variation_image_container {
        width: 100%;
    }
}

@media (min-width: 1024px) {
    html[data-fontsize="0"] {
        font-size: 72% !important;
    }

    html[data-fontsize="1"] {
        font-size: 76%;
    }

    html[data-fontsize="2"] {
        font-size: 82%;
    }

    html[data-fontsize="-1"] {
        font-size: 68%;
    }

    html[data-fontsize="-2"] {
        font-size: 64%;
    }

    .container {
        max-width: 960px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1024px;
    }

    html {
        font-size: 51%;
    }
}

@media (min-width: 1440px) {
}

@media (min-width: 1920px) {
}

body.scroll-locked {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
}

html.scroll-locked {
    overflow: hidden !important;
}

body.active_search .toc-container {
    visibility: hidden;
    height: 0px !important;
    min-height: 0px !important;
    max-height: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    border-width: medium !important;
    border-style: none !important;
    border-color: currentcolor !important;
    border-image: initial !important;
    box-shadow: none !important;
}

body.active_search #toc {
    visibility: hidden;
    height: 0px !important;
    min-height: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    border-width: medium !important;
    border-style: none !important;
    border-color: currentcolor !important;
    border-image: initial !important;
}

body.active_search #masthead {
    padding-top: 0px !important;
}

.product_quantity_input_bulk::-webkit-inner-spin-button, .product_quantity_input_bulk::-webkit-outer-spin-button, .cart-item-quantity-bulk::-webkit-inner-spin-button, .cart-item-quantity-bulk::-webkit-outer-spin-button, input.product_quantity_input_bulk.cart-item-quantity-bulk::-webkit-inner-spin-button, input.product_quantity_input_bulk.cart-item-quantity-bulk::-webkit-outer-spin-button, .cart-item .product_quantity_input_bulk.cart-item-quantity-bulk::-webkit-inner-spin-button, .cart-item .product_quantity_input_bulk.cart-item-quantity-bulk::-webkit-outer-spin-button, .item_settings .product_quantity_input_bulk.cart-item-quantity-bulk::-webkit-inner-spin-button, .item_settings .product_quantity_input_bulk.cart-item-quantity-bulk::-webkit-outer-spin-button, .mid .product_quantity_input_bulk.cart-item-quantity-bulk::-webkit-inner-spin-button, .mid .product_quantity_input_bulk.cart-item-quantity-bulk::-webkit-outer-spin-button {
    appearance: none !important;
    margin: 0px !important;
    display: none !important;
}

.product_quantity_input_bulk[type="number"], .cart-item-quantity-bulk[type="number"], input.product_quantity_input_bulk.cart-item-quantity-bulk[type="number"], .cart-item .product_quantity_input_bulk.cart-item-quantity-bulk[type="number"], .item_settings .product_quantity_input_bulk.cart-item-quantity-bulk[type="number"], .mid .product_quantity_input_bulk.cart-item-quantity-bulk[type="number"] {
}

#factura_a_section {
    display: none !important;
}

body::before, .wimpli-page-loading .loader-section::before, .wimpli-page-options::before, .lity-wrap::before, #toc::before, .product_popup_box::before {
}

[data-theme="dark"] body::before, [data-theme="dark"] .wimpli-page-loading .loader-section::before, [data-theme="dark"] .wimpli-page-options::before, [data-theme="dark"] .lity-wrap::before, [data-theme="dark"] #toc::before {
    content: "";
    display: none !important;
}

[data-theme="dark"] .precio-clarification {
    color: white !important;
}

[data-theme="dark"] #active_service li {
    box-shadow: 0rem .5rem 2rem color-mix(in srgb, color-mix(in srgb, var(--color-primary), #424242 91%), #121212 60%);
    color: white;
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), #414141 85%), #474747 29%) !important;
}

body.w_shipping .product:not(.w_shipping) {
    display: none !important;
}

body.w_take_away .product:not(.w_take_away) {
    display: none !important;
}

body.w_mostrador .product:not(.w_mostrador) {
    display: none !important;
}

body.w_mesa .product:not(.w_mesa) {
    display: none !important;
}

body.w_autoservicio .product:not(.w_autoservicio) {
    display: none !important;
}

body.w_venta_directa .product:not(.w_venta_directa) {
    display: none !important;
}

body.w_in_site:not(.w_mostrador):not(.w_mesa):not(.w_autoservicio):not(.w_venta_directa) .product:not(.w_mostrador):not(.w_mesa):not(.w_autoservicio) {
    display: none !important;
}

.configura-personalizar {
    display: flex;
    gap: 0.4rem;
    flex-direction: column;
}

@media (max-width: 767px) {
    .products_carousel {
        margin: 0px;
        width: 100%;
    }

    .products_carousel__viewport {
        border-radius: 0px;
        padding: 2.1rem 2.1rem 3.5rem;
    }

    .parent_category_title {
        padding: 0.3rem 1.5rem 0.3rem 0px;
        font-size: 3.2rem;
    }

    .child_category_title {
        font-size: 2.8rem;
        line-height: 2.8rem;
        letter-spacing: -2px;
        padding: 0rem 2.1rem 0px;
    }

    .products_carousel__arrow {
        width: 3.5rem;
        height: 3.5rem;
        right: 2rem;
    }

    .products_carousel__arrow--prev {
        right: 6.4rem;
    }

    header {
        padding: 0px;
        margin-bottom: 0rem;
        border-radius: 0px 0px 2rem 2rem;
        background: linear-gradient(white 35%, transparent 100%);
        transition: 0.3s;
    }
}

@media (max-width: 30000px) {
    body {
        padding-bottom: calc(6.7rem + env(safe-area-inset-bottom, 0px));
    }

    .mobile-floating-nav {
        position: fixed;
        left: 0px;
        right: 0px;
        bottom: var(--wimpli-vv-bottom-inset, 0px);
        will-change: transform;
        backface-visibility: hidden;
        contain: paint;
        z-index: 10010;
        display: grid;
        grid-template-columns: repeat(4, minmax(0px, 1fr));
        gap: 0.6rem;
        padding: 0.5rem 0.5rem 1rem;
        border-radius: 2rem 2rem 0px 0px;
        box-shadow: 0rem 0.25rem 1rem color-mix(in srgb, var(--color-gray), #00000014 78%);
        background: rgb(255, 255, 255);
        opacity: 1;
        visibility: visible;
        transform: translate3d(0px, 0px, 0px);
        transition: opacity 0.2s, transform 0.2s, visibility linear;
        border-width: 0px !important;
        border-style: solid solid none !important;
        border-color: rgb(231, 231, 231) rgb(231, 231, 231) currentcolor !important;
        border-image: initial !important;
    }

    body.mobile-keyboard-open .mobile-floating-nav {
        opacity: 0;
        visibility: hidden;
        transform: translate3d(0px, 1.2rem, 0px);
        pointer-events: none;
        transition: opacity 0.18s, transform 0.18s, visibility 0.18s linear;
    }

    .mobile-floating-nav__item {
        position: relative;
        border: 0px;
        color: gray;
        border-radius: 1.7rem;
        min-height: 3.9rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        padding: 0.5rem 0.4rem;
        font-size: 1.1rem;
        font-weight: 500;
        cursor: pointer;
        background: transparent;
    }

    .mobile-floating-nav__item svg {
        width: 2.1rem;
        height: 2.1rem;
        fill: var(--color-gray);
        flex-shrink: 0;
    }

    .mobile-floating-nav__icon-row {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 0.4rem;
    }

    #mobile-nav-cart .mobile-floating-nav__icon-row .cart-icon {
        width: 2.4rem;
        height: 2.4rem;
        flex-shrink: 0;
    }

    .mobile-floating-nav__item.active svg {
        fill: var(--color-red);
        color: rgb(255, 255, 255);
    }

    .mobile-floating-nav__counter {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 10%), #393939 15%);
        color: var(--button-text-color-oscuro);
        font-size: 1.6rem;
        font-weight: 700;
        text-align: center;
        padding: 1rem 0.6rem;
        min-width: 2.1rem;
        height: 1.5rem;
        line-height: 2.3rem;
        flex-shrink: 0;
    }

    body:not(.w_logged) .mobile-floating-nav {
        grid-template-columns: repeat(3, minmax(0px, 1fr));
    }

    body:not(.w_logged) #mobile-nav-favorites {
        display: none !important;
    }

    .header-tools #mi-cuenta-btn {
        display: none !important;
    }

    .cart_panel {
        opacity: 1;
        visibility: hidden;
        pointer-events: none;
        transform: translateX(100%);
        transition: opacity 0.22s, transform 0.22s, visibility 0.22s linear;
        display: block !important;
    }

    body.mobile-cart-open .cart_panel {
        width: 100%;
        left: 0px;
        right: 0px;
        border-radius: 0px;
        z-index: 10020;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        height: 100dvh;
        position: fixed !important;
        bottom: 0px !important;
        margin: 0px !important;
        border-width: medium !important;
        border-style: none !important;
        border-color: currentcolor !important;
        border-image: initial !important;
    }

    body.mobile-cart-open .cart_panel .cart {
        max-height: 100dvh;
        height: 100dvh;
    }

    .products_carousel__viewport {
        border-radius: 0px;
        background: none;
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
        box-shadow: none;
        padding: 0px 1.5rem;
        margin-top: 0px;
        width: 100% !important;
        max-width: 100% !important;
    }

    .products_carousel__arrow {
        top: -1.2rem;
    }

    .parent_category_title {
    }

    .child_category_title {
        font-size: 1.6rem;
        line-height: 1.5rem;
        letter-spacing: -0.5px;
        padding: 0px;
    }

    .products_carousel--fits .products_list {
        justify-content: left;
    }

    .products_carousel .product {
    }

    .product .variation_image_container {
        width: 100%;
        background: color-mix(in srgb, var(--color-primary), white 95%);
    }

    .product.combo-card .variation_image_container {
        width: 100%;
    }

    .parent_category_title {
        font-size: 2.4rem;
        line-height: 1;
        margin: 1rem 2rem;
        width: auto;
        display: flex;
        border: 0px solid rgb(225, 225, 225);
        font-weight: 700;
    }

    .products_carousel__arrow-icon {
        font-size: 2.8rem;
        font-weight: 900;
        font-family: monospace;
        line-height: 2.8rem;
        margin-top: -0.2rem;
    }

    .products_carousel__arrow {
        width: 2.8rem;
        height: 2.8rem;
    }

    .products_carousel__arrow--prev {
        right: 4.6rem;
    }
}

@media (min-width: 54100px) {
    .mobile-floating-nav {
        display: none !important;
    }

    #masthead .header-tools {
        display: flex !important;
    }

    #masthead #masthead-search.search_container {
        display: flex !important;
    }

    #masthead .header-tools, #masthead #masthead-search.search_container {
        opacity: 1 !important;
        visibility: visible !important;
        max-height: none !important;
        overflow: visible !important;
        pointer-events: auto !important;
        transition: none !important;
    }
}

@media (min-width: 541px) {
    #masthead .header-tools, #masthead #masthead-search.search_container {
        opacity: 0;
        visibility: hidden;
        transform: translate3d(0px, -0.8rem, 0px);
        max-height: 0px;
        overflow: hidden;
        pointer-events: none;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        transition: opacity 0.3s, transform 0.34s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.3s, max-height 0.38s cubic-bezier(0.4, 0, 0.2, 1), padding 0.38s, margin 0.38s;
        display: flex !important;
    }

    #masthead.site-header--tools-open {
        position: relative;
    }

    #masthead.site-header--tools-open .header-tools {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0px, 0px, 0px);
        max-height: 19.7rem;
        pointer-events: auto;
        padding: 2rem 0px 0px;
        z-index: 1;
        overflow: visible !important;
    }

    #masthead.site-header--search-open #masthead-search.search_container {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0px, 0px, 0px);
        max-height: 9.9rem;
        pointer-events: auto;
        margin-top: 2.1rem;
        max-width: 480px;
    }

    .product_popup_box .product_popup_scroll {
        max-width: 450px;
        left: 50%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: -6rem;
        box-shadow: 0rem 0rem 3rem color-mix(in srgb, var(--color-primary), #2e2e2e29 78%);
        border-radius: 2rem;
        transform: translateX(-50%) !important;
    }

    .mobile-floating-nav {
        max-width: 100%;
        left: 50%;
        width: 100%;
        transform: translateX(-50%) !important;
    }
}

@media (max-width: 540px) {
    #masthead .header-tools, #masthead #masthead-search.search_container {
        opacity: 0;
        visibility: hidden;
        transform: translate3d(0px, -0.8rem, 0px);
        max-height: 0px;
        overflow: hidden;
        pointer-events: none;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        transition: opacity 0.3s, transform 0.34s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.3s, max-height 0.38s cubic-bezier(0.4, 0, 0.2, 1), padding 0.38s, margin 0.38s;
        display: flex !important;
    }

    #masthead.site-header--tools-open {
        position: relative;
    }

    #masthead.site-header--tools-open .header-tools {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0px, 0px, 0px);
        max-height: 19.7rem;
        pointer-events: auto;
        padding: 1.5rem 0px 0px;
        z-index: 1;
        overflow: visible !important;
    }

    #masthead.site-header--search-open #masthead-search.search_container {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0px, 0px, 0px);
        max-height: 9.9rem;
        pointer-events: auto;
        margin-top: 2.1rem;
    }
}

@media (min-width: 1280px) {
    .wimpli-cat-nav__row--fill .wimpli-cat-nav__chip {
        flex: 0 0 auto;
    }

    .product_popup_box.popup-open .customize_product_box {
        z-index: 9888;
        width: fit-content;
        margin: 1rem auto 0px;
        display: flex;
        place-content: flex-start center;
        align-items: flex-start;
        gap: 3rem;
        padding: 5rem;
    }

    .product_popup_box .product_popup_media {
        margin: 0px;
        width: 500px;
    }

    .product_popup_box.popup-open .product_popup_scroll {
        margin-top: 0px;
    }

    .product_popup_box.popup-open .close_product_popup {
        position: absolute;
        right: 6rem;
        top: 6rem;
        z-index: 99;
    }

    .product_popup_box .product_popup_media::before {
        content: "";
        position: absolute;
        bottom: 0px;
        left: auto;
        width: 12rem;
        height: 100%;
        background: linear-gradient(to left, rgba(255, 255, 255, 0.31) 0px, transparent 100%);
        z-index: 1;
        right: 0px;
    }

    .site-header .top-header {
        max-width: 1180px !important;
    }

    .site-main {
        max-width: 1050px !important;
    }
}

@media (min-width: 768px) {
    .mobile-floating-nav {
        max-width: 420px;
        right: 2rem;
        left: auto;
        bottom: 2rem;
        border-radius: 4rem;
        padding: 1rem 2rem;
        box-shadow: .5rem 1rem 3rem color-mix(in srgb, var(--color-primary), #2e2e2e61 66%);
        transform: none !important;
    }

    .wimpli-cat-nav__row--fill .wimpli-cat-nav__chip {
        flex: 0 0 auto !important;
    }

    .wimpli-cat-nav__list {
        align-items: center;
        padding: 0px;
        place-content: center;
    }

    body.mobile-cart-open .cart_panel .cart {
        max-height: -webkit-fill-available;
        height: 100%;
    }

    .products_grid .products_list {
        grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
    }
}

@media (min-width: 960px) {
    .parent_term_wrapper {
        border: 0px solid rgba(0, 0, 0, 0.13);
        border-radius: 2.8rem;
        padding: 0px;
        margin-top: 0px;
    }

    .header-tools {
        justify-content: center;
    }

    .products_grid .products_list {
        grid-template-columns: repeat(auto-fill, minmax(21rem, 1fr));
    }

    .site-main {
        max-width: 82%;
    }

    .site-header .top-header {
        max-width: 90%;
    }

    .products_grid .products_list {
        grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
    }
}

@media (min-width: 480px) {
    #info_content, #zone_selector, #form_content {
        padding-bottom: 2.8rem;
        height: auto;
        width: fit-content;
        max-height: initial !important;
    }
}

.frontend-servicio-change-overlay {
    display: none;
    position: fixed;
    inset: 0px;
    z-index: 2147483647;
    background: rgba(0, 0, 0, 0.45);
    align-items: center;
    justify-content: center;
    padding: 1.1rem;
    box-sizing: border-box;
}

.frontend-servicio-change-overlay.show {
    display: flex;
}

.frontend-servicio-change-popup.wimpli-popup {
    max-width: 29.6rem;
    width: 100%;
    background: rgb(255, 255, 255);
    border-radius: 0.9rem;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 40px;
    overflow: hidden;
}

.frontend-servicio-change-popup .wimpli-popup__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.frontend-servicio-change-popup .wimpli-popup__title {
    margin: 0px;
    font-size: 1.3rem;
    font-weight: 600;
}

.frontend-servicio-change-popup .wimpli-popup__close {
    background: none;
    border: 0px;
    padding: 0.4rem;
    cursor: pointer;
    color: rgb(102, 102, 102);
    line-height: 1;
}

.frontend-servicio-change-popup .wimpli-popup__body {
    padding: 1rem 1.1rem;
    font-size: 1.1rem;
    line-height: 1.45;
}

.frontend-servicio-change-popup .modal-body-text {
    margin: 0px 0px 0.5rem;
}

.frontend-servicio-change-popup .modal-product-list {
    color: rgb(51, 51, 51);
    font-weight: 500;
}

.frontend-servicio-change-popup .wimpli-popup__footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.9rem 1rem 1rem;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.frontend-servicio-change-popup .w_button {
    min-width: 7.1rem;
    padding: 0.6rem 1rem;
    border-radius: 0.5rem;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    border: 0px;
    background: var(--color-primary, #27ae60);
    color: rgb(255, 255, 255);
}

.frontend-servicio-change-popup .w_button_cancelar {
    background: rgb(232, 232, 232);
    color: rgb(51, 51, 51);
}

.toc-container {
    display: none !important;
}

.wimpli-cat-nav {
    width: 94%;
    max-width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 0px;
    margin: auto;
    padding: 0px;
    border-radius: 0px;
}

.wimpli-cat-nav__row {
    width: 100%;
    border-radius: 0px;
}

.wimpli-cat-nav__carousel {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0px;
    width: 100%;
}

.wimpli-cat-nav__viewport {
    flex: 1 1 0%;
    min-width: 0px;
    overflow: auto hidden;
    scroll-behavior: auto;
    overflow-anchor: none;
    scrollbar-width: none;
    border-radius: 0px;
    padding: 0.75rem 2rem;
    border: 0px solid rgba(0, 0, 0, 0.2);
    background: none;
}

[data-theme="dark"] .wimpli-cat-nav__viewport {
    border-color: rgba(255, 255, 255, 0.12);
}

.wimpli-cat-nav__viewport::-webkit-scrollbar {
    display: none;
}

.wimpli-cat-nav__list {
    display: flex;
    flex-flow: row;
    gap: 1rem;
    width: max-content;
    min-width: min-content;
    align-items: center;
    padding: 0px;
    align-content: center;
}

.wimpli-cat-nav__row--fill .wimpli-cat-nav__list {
    width: 100%;
    max-width: 100%;
    min-width: 0px;
    box-sizing: border-box;
}

.wimpli-cat-nav__row--fill .wimpli-cat-nav__chip {
    flex: 1 1 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: fit-content;
    flex-direction: row;
}

.wimpli-cat-nav__chip {
    flex: 0 0 auto;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 0px;
    appearance: none;
    border: 0px solid rgba(0, 0, 0, 0.07);
    border-radius: 1rem;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 500;
    cursor: pointer;
    background: transparent;
    color: rgb(85, 85, 85);
    white-space: nowrap;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
    opacity: 1;
}

.wimpli-cat-nav__chip .cat_image {
    flex: 0 0 auto;
    width: 3rem;
    height: 3rem;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    border: 0px solid rgba(0, 0, 0, 0.12);
    border-radius: 4.2rem;
}

[data-theme="dark"] .wimpli-cat-nav__chip .cat_image {
    border-color: rgba(255, 255, 255, 0.18);
}

.wimpli-cat-nav__chip-text {
    flex: 0 1 auto;
    min-width: 0px;
    padding: 1rem 0.75rem;
    font-size: 1.3rem;
    border-radius: 3rem;
    font-weight: 400;
}

[data-theme="dark"] .wimpli-cat-nav__chip {
    background: none;
}

[data-theme="dark"] .product_popup_box .product_popup_media::before {
    background: linear-gradient(to top, color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 15%), #303030 96%) 0, transparent 100%);
}

[data-theme="dark"] .wimpli-cat-nav__chip.is-active {
    color: white;
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

[data-theme="dark"] .wimpli-cat-nav__chip .wimpli-cat-nav__chip-text {
    color: white;
}

[data-theme="dark"] .site-status {
    color: white;
}

[data-theme="dark"] .products_grid .product .product_grid_card_footer .btn_open_container .button {
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 10%), #393939 15%);
    color: rgb(255, 255, 255);
}

[data-theme="dark"] .wimpli-cat-nav__chip.is-active {
    color: white;
    box-shadow: 0rem .5rem 2rem color-mix(in srgb, color-mix(in srgb, var(--color-primary), #424242 91%), #121212 60%);
    border-color: rgba(255, 255, 255, 0.15) !important;
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), #414141 85%), #474747 29%) !important;
}

[data-theme="dark"] .mobile-floating-nav {
    background: color-mix(in srgb, color-mix(in srgb, var(--color-primary), #414141 90%), #313131 29%);
    box-shadow: 0rem -.5rem 2rem color-mix(in srgb, color-mix(in srgb, var(--color-primary), #424242 91%), #121212 60%);
    border-width: medium !important;
    border-style: none !important;
    border-color: currentcolor !important;
    border-image: initial !important;
}

[data-theme="dark"] .mobile-floating-nav__item svg {
    fill: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 88%), #4d4d4d 28%);
}

[data-theme="dark"] .site-header__action-btn svg {
    fill: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 88%), #4d4d4d 28%);
}

[data-theme="dark"] .mobile-floating-nav__item {
    color: color-mix(in srgb, color-mix(in srgb, var(--color-primary), white 88%), #4d4d4d 28%);
}

.wimpli-cat-nav__chip.is-active {
    background: white;
    font-weight: 500;
    filter: saturate(1);
    opacity: 1;
    border: 0px solid color-mix(in srgb, var(--color-primary), white 70%);
    box-shadow: 0rem 0rem 1rem color-mix(in srgb, var(--color-gray), #00000014 78%);
}

.wimpli-cat-nav__arrow {
    flex: 0 0 auto;
    width: 2.1rem;
    height: 3.5rem;
    border: 0px;
    border-radius: 50%;
    background: white;
    color: rgb(126, 122, 122);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    padding: 0px;
    font-family: monospace;
    position: absolute;
    left: 1rem;
    box-shadow: var(--box-shadow-big);
    display: none !important;
}

.wimpli-cat-nav__arrow:disabled {
    opacity: 0.25;
    cursor: default;
}

.wimpli-cat-nav__arrow-icon {
    font-size: 3.5rem;
    line-height: 1;
    font-weight: 300;
}

.wimpli-cat-nav__title {
    margin: 0px 2rem 0rem;
    font-size: 1.2rem;
    letter-spacing: 0.5px;
    font-weight: 700;
    color: black;
    text-transform: uppercase;
    display: none;
}