@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap');

.subheadersubtitle,
.subheadersubtitle h1,
.tituloSeccionPrincipal {
    background-color: #78cfcf;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    padding: 10px;
}

    .subheadersubtitle h1 {
        font-size: 36px;
    }

    .subheadersubtitle a {
        color: #eeea88;
    }

#main_menu td h2 {
    white-space: nowrap;
}

#cart_box,
.box_style_2 {
    padding-left: min(25px,3vw);
    padding-right: min(25px,3vw);
}

#main_menu hr {
    margin-bottom: 7px;
    border-color: #e9e9e9;
}

.category .dish-table {
    background-color: #e9e9e9;
    margin: min(1vw, 0px);
    border-radius: 4px;
    border-color: #e9e9e9;
    margin-bottom: 7px;
}

#main_menu td:nth-child(3) {
    width: 160px;
}

@media (max-width: 1200px) {
    #main_menu td:nth-child(3) {
        width: 100px;
    }
}

.category .dish-table td {
    padding: 8px 8px 0px 8px
}

.category .dish-table .col-sm-show td {
    padding: 0px 15px 0px 15px
}


.category .dish-table .col-sm-hide,
.category .dish-table .col-sm-show {
    text-align: left;
}

/*.category .dish-table:before {
    content: " ";
    background-color: white;
    margin-bottom: 20px;
    width: 100%;
    height: 1px;
    border: red;
    border-color: red;
    display: block;
    border-color: red;
    box-shadow: 0px -10px 1px teal;
}

.category .dish-table:nth-of-type(1) {
    display: none;
}*/

#main_menu .col-sm-hide {
    display: table-cell;
}

#main_menu .col-sm-show {
    display: none;
}

#main_menu td:nth-child(1) {
    width: 125px;
}

#main_menu td:nth-child(3) {
    min-width: 100px;
}

@media (max-width: 992px) {
    #main_menu .col-sm-hide {
        display: none;
    }

    #main_menu .col-sm-show {
        display: revert;
    }

    /*#main_menu td.col-sm-show:nth-child(4) {
        display: revert;
    }*/
}

#main_menu .col-sm-show td {
    float: unset !important;
}

.mb-100 {
    margin-bottom: 100px
}

.eventlink {
    display: flex;
    margin-bottom: 10px;
}

.eventlink-text-frame {
}

.eventlink-name {
    text-align: center;
    font-size: 15pt;
    align-self: center;
}

.eventlink-bg {
    position: relative;
    margin: 8px;
    display: flex;
    flex-direction: column;
    background-color: #f5f5f5;
    border-radius: 20px;
    //box-shadow: #f5f5f5f5 0px 0px 0px 8px;
    justify-content: start;
    padding: 10px 10px 10px 10px;
    width: 100%;
}

.eventlink-logo-frame {
}

    .eventlink-logo-frame img {
        width: 100%;
        height: 600px;
        object-fit: cover;
    }

.eventlink-logo {
}

#createModal label,
#catModal label {
    min-width: 150px;
    vertical-align: top;
    margin-left: 15px;
}

#catModal select {
    vertical-align: top;
    margin-left: 5px;
}

#createModal input,
#createModal textarea,
#catModal input,
#catModal textarea,
#catModal select {
    min-width: 300px;
    max-width: 75%;
}

.modal-current-ingredients {
    max-height: 500px;
    overflow-y: auto;
}

.ui-autocomplete {
    list-style: none;
    padding-left: 0px;
    //box-shadow: #f0f0f0 0px 0px 0px 1px;
    margin-left: 10px;
    max-width: 250px;
    background-color: #FaFaFa
}

html[data-useragent*='Firefox'] .hiddenInput > div > label {
    display: block !important;
}

.ui-menu-item:hover {
    background-color: #D0D0D0
}

.categoryg {
    margin-bottom: 10px;
}

.categoryg-text-frame {
    height: 25%;
    width: 95%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: start;
}

.categoryg-name {
    font-size: 15pt;
    align-self: center;
}

    .categoryg-name p {
        margin-bottom: initial;
    }

.categoryg-desc {
    font-size: 12pt;
    max-width: 100%;
    align-self: center;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 0 0 7%;
}

.categoryg-bg {
    position: relative;
    margin: 8px;
    height: 200px;
    display: flex;
    flex-direction: column;
    flex-basis: bottom;
    background-color: #f5f5f5;
    border-radius: 20px;
    //box-shadow: #f5f5f5f5 0px 0px 0px 8px;
    background-size: cover;
    background-position: left;
    justify-content: start;
}

.categoryg-logo-frame {
    height: 75%;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.categoryg-logo {
    height: 90%;
    object-fit: contain;
}

.category td p {
    font-size: 14px;
}

.category h2 {
    font-size: 24px;
    border-bottom: 2px solid #000;
}

.category .options i {
    font-size: 40px;
}

.modal-extra-title {
    margin-bottom: 5px;
}

    .modal-extra-title div {
        margin-left: 5px;
    }

.modal-product-comments {
    flex: 1 1 auto;
    margin: 0 -7px 10px 7px;
}

    .modal-product-comments input {
        width: 100%
    }

.modal-options-fieldset {
    padding-bottom: 140px;
}

input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

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

.number-input {
    border: 2px solid #ddd;
    display: inline-flex;
}

    .number-input,
    .number-input * {
        box-sizing: border-box;
    }

        .number-input button {
            outline: none;
            -webkit-appearance: none;
            background-color: transparent;
            border: none;
            align-items: center;
            justify-content: center;
            width: 3rem;
            height: 3rem;
            cursor: pointer;
            margin: 0;
            position: relative;
        }

            .number-input button[disabled] {
                background-color: #f9f9f9;
                color: #f9f9f9;
                cursor: none;
            }

                .number-input button[disabled]:before,
                .number-input button[disabled]:after {
                    background-color: lightgrey;
                }

            .number-input button:before,
            .number-input button:after {
                display: inline-block;
                position: absolute;
                content: '';
                width: 1rem;
                height: 2px;
                background-color: #212121;
                transform: translate(-50%, -50%);
            }

            .number-input button.plus:after {
                transform: translate(-50%, -50%) rotate(90deg);
            }

        .number-input input[type=number] {
            font-family: sans-serif;
            max-width: 5rem;
            padding: .5rem;
            border: solid #ddd;
            border-width: 0 2px;
            font-size: 2rem;
            height: 3rem;
            font-weight: bold;
            text-align: center;
        }

html[data-useragent*='kiosk'] .options i {
    font-size: 50px;
}

html[data-useragent*='kiosk'] * {
    touch-action: pan-y;
}

html[data-useragent*='kiosk'] label.form-check-label {
    pointer-events: none;
}

html[data-useragent*='kiosk'] .margin_60_35 {
    padding-top: 620px;
}

    html[data-useragent*="kiosk"] .margin_60_35.categorygroups_container {
        padding-top: 300px;
    }

html[data-useragent*='kiosk'] #alergens {
    display: none !important;
}

html[data-useragent*='kiosk'] .container.margin_60_35 > div > .col-md-3 {
    display: none !important;
}

html[data-useragent*='kiosk'] .container .row .col-md-offset-3.col-md-6 {
    width: 100%;
    max-width: 70%;
    margin-left: 14.5%;
}

html[data-useragent*='kiosk'] #confirm i {
    font-size: 200px;
}

html[data-useragent*='kiosk'] #confirm h2 {
    font-size: 50px;
}

html[data-useragent*='kiosk'] .panel-body > fieldset > div {
    padding-bottom: 15px;
    padding-top: 15px;
}

html[data-useragent*='kiosk'] .inner {
    padding-bottom: 14px;
}

html[data-useragent*='kiosk'] #sidebar label {
    display: none;
}

html[data-useragent*='kiosk'] #myModal .modal-dialog {
    padding-top: 20vh;
    max-width: 90%;
    min-width: 900px;
    font-size: 12pt;
}

html[data-useragent*='kiosk'] #myModal .panel-title {
    font-size: 18pt;
}

html[data-useragent*='kiosk'] #myModal h5 {
    font-size: 15pt;
}

html[data-useragent*='kiosk'] #foodDetailModal h4 {
    font-size: 28pt;
}

html[data-useragent*='kiosk'] .scrollContenidoFicha p {
    display: none;
}

#headerList {
    height: 112px;
    background-color: white;
    width: 97%;
    margin-top: 3%;
    margin-left: 2.6%;
    margin-right: 3.6%;
}

#sidebar #cart_box {
    width: 330px;
}

html[data-useragent*='kiosk'] .theiaStickySidebar {
    width: 318.5px !important;
}

.col-md-8 #headerList {
    width: 618px;
}

.icon_minus_alt {
    color: #C33;
}

#order_process hr {
    margin-top: 25px;
    margin-bottom: 45px;
}

#mainMenuContainer .flexyGrid {
    display: flex;
    flex-wrap: wrap;
    position: fixed;
    top: 299px;
    z-index: 100;
    left: 0px;
}

html[data-useragent*='kiosk'] #mainMenuContainer .flexyGrid {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
}

.flexyGrid .buttonCategory {
    display: flex;
    box-shadow: 0 2.5px 5px rgb(25 25 25 / 10%);
    padding: 2rem;
    background: #f9f9f9;
    margin-bottom: 5px;
    align-items: center;
    justify-content: center;
    background-color: #78cfcf;
    margin: 3px;
    border-radius: 5px;
    font-size: 17px;
    text-shadow: 0px 1px 3px rgb(0 0 0 / 50%);
    font-weight: 700;
    height: 80px;
}

    .flexyGrid .buttonCategory a {
        color: white;
        text-align: center;
    }

#alergens {
    width: 100%;
}

.kiosk-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 101;
    display: block;
}

.label_tag {
    color: white;
    padding: 8px;
    background-color: #4dc373;
    margin: 8px 8px 8px 8px;
    display: inline-block;
    text-align: center;
}

#onDemandButtonTxt {
    display: none /*oculto provisionalmente*/
}

.cbc-button-reject {
    display: none !important;
}

.summaryRow {
    box-shadow: 0px -1px 0px 0px rgb(90, 90, 90);
}

table.table_summary tbody {
    border-top: none
}

.xdsoft_datetimepicker {
    z-index: 10000000
}

.opening-closes {
    color: green !important
}

.opening-opens {
    color: red !important
}

#loader img {
    width: 120px;
}

.searchbackground {
    background-color: #F5F5F5;
    min-height: 600px;
}

a.strip_list {
    height: 380px;
}

.big .icheckbox_square-grey {
    transform: scale(1.5);
}

.alert {
    width: 100%;
}

#tablaProductos {
    overflow-y: auto;
    max-height: 700px;
    min-height: 700px;
    display: flex;
    flex-direction: column-reverse;
}

#subheader {
    height: 225px;
    max-width: unset;
    width: 100%;
    top: 0px;
    bottom: 0px;
    text-align: center;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    object-fit: cover;
}

    #subheader img {
        width: 37%;
        max-width: 203.5px;
        margin-top: -20px;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
    }

.img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.slider [type="checkbox"] {
    display: none;
}

.slider .toggle-label {
    display: block;
    width: 40px;
    height: 20px;
    position: relative;
    background: #ed495c;
    border-radius: 10px;
    transition: background 0.2s ease;
    cursor: pointer;
}

    .slider .toggle-label::before {
        content: '';
        display: block;
        width: 50%;
        height: 100%;
        background: #ffffff;
        border-radius: 50%;
        box-shadow: 0 0 0 1px #d1d1d1;
        position: absolute;
        left: 0;
        top: 0;
        transition: transform 0.2s ease-in-out;
    }

.slider [type="checkbox"]:checked ~ .toggle-label {
    background: #93ed49;
}

    .slider [type="checkbox"]:checked ~ .toggle-label::before {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

ul#cat_nav li input:after {
    font-family: "fontello";
    content: "\e89b";
    position: absolute;
    right: 15px;
    top: 15px;
}

.change-div, .change-div-root {
    display: none;
}

    .change-div.active, .change-div-root.active {
        display: inherit;
    }

.change-div-root {
    margin-top: 15px
}

.change-div {
    margin-top: 5px
}

.change-div-root {
    margin-top: 15px
}

.deliverytype-note {
    float: right;
    margin-right: 5px;
    font-size: 20px;
}

.current-delivery {
    font-size: larger;
}

.marchando-icon {
    width: 114px;
    height: 114px;
    transform: scale(1.25);
    margin-bottom: 10px;
}

.sociallinks .marchando-icon {
    transform: scale(0.4)
}

.marchando-icon {
    background: url(/Content/img/iconos.svg);
    background-repeat: no-repeat;
    background-origin: content-box;
    background-size: 705px 705px;
}

.i-local {
    background-position-x: -120px;
    background-position-y: -22px;
}

.i-table {
    background-position-x: -455px;
    background-position-y: -22px;
}

.i-booking {
    background-position-x: -235px;
    background-position-y: -22px;
}

.i-justeat {
    background-position-x: -346px;
    background-position-y: -294px;
}

.i-ubereats {
    background-position-x: -460px;
    background-position-y: -294px;
}

.i-deliveroo {
    background-position-x: -120px;
    background-position-y: -166px;
}

.i-marchando {
    background-position-x: -346px;
    background-position-y: -22px;
}

.i-instagram {
    background-position-x: -235px;
    background-position-y: -300px;
}

.i-twitter {
    background-position-x: -115px;
    background-position-y: -300px;
}

.i-facebook {
    background-position-x: -460px;
    background-position-y: -166px;
}

.i-glovo {
    background-position-x: -235px;
    background-position-y: -164px;
}

.i-menu {
    background-position-x: -122px;
    background-position-y: -435px;
}

.i-googlereview {
    background-position-x: -235px;
    background-position-y: -435px;
}

.i-tripadvisorreview {
    background-position-x: -346px;
    background-position-y: -435px;
}

.i-yelpreview {
    background-position-x: -460px;
    background-position-y: -435px;
}

.indexbox, .indexbox .row {
    text-align: center
}

    .indexbox h1 {
        display: inline-block;
        background: black;
        color: white;
        padding: 5px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .indexbox .row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

.indexoption {
    text-align: center;
    font-size: 25px;
    margin-top: 25px;
}

#center-tooltip {
    z-index: 6;
    top: 0;
    background: white;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
}

.no-background {
    background: unset !important;
    background-color: unset !important;
}

.label-opening-state {
    display: inline-block;
    text-decoration: none;
}

.label-booking {
    margin-top: 10px;
    display: inline-block;
    width: 180px;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    text-decoration: none;
}

.booking, h2.inner.booking {
    background-color: #6C7AC3;
}

.ordering {
    background-color: #78cfcf;
}

.btn.btn-submit {
    border: none;
    font-family: inherit;
    color: #fff;
    width: 100%;
    background: #ec008c;
    cursor: pointer;
    padding: 12px 20px;
    outline: none;
    font-size: 15px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    text-align: center;
    margin-bottom: 5px;
}

a.btn_full, form .btn_full, btn_full {
    background: #ec008c;
    font-size: 15px;
    margin-top: 10px;
}

    a.btn_full:hover, btn_full:hover {
        background: #333;
    }

a.btn_back, form .btn_back, btn_back {
    background: #78cfcf;
    font-size: 15px;
    margin-top: 10px;
}

.btn_full_details {
    font-size: 12px;
    text-align: center;
}

.no-pointer-events {
    pointer-events: none;
}

.btn_disabled {
    pointer-events: none; /* Disables the button completely. Better than just cursor: default; */
    color: #ffffff;
    background: #808080
}

#cart_box a.btn_disabled, #cart_box .btn_disabled, #myModal .btn_disabled {
    pointer-events: none; /* Disables the button completely. Better than just cursor: default; */
    background: #808080;
    color: #ffffff;
}

#myModal .modal-dialog {
    width: 100%;
    height: 70%;
    max-width: 100%;
    max-height: 70%;
    top: 0;
    position: relative;
    padding-top: 5vh;
}

#myModal .modal-body {
    position: relative;
}

#myModal .form-group {
    margin-bottom: 0px
}

#myModal form {
    display: flex;
    flex-direction: column;
    height: 65vh;
    justify-content: space-between;
}

    #myModal form.comments-only {
        height: 100px;
    }

#myModal #cart-title {
    flex: 0 0 auto;
    max-height: 25%;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Hiding scrollbar for Chrome, Safari and Opera */
#myModal .extras-collapsible-extras ::-webkit-scrollbar {
    display: none;
}

/* Hiding scrollbar for IE, Edge and Firefox */
#myModal .extras-collapsible-extras {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    overflow: auto;
    justify-content: space-between;
}

.modal-buttonset, .modal-footer {
    bottom: 10px;
    position: absolute;
    width: 100%;
    margin: 0;
    padding-right: 40px; /*counteracts padding on modal-body*/
    display: flex;
    flex-direction: column;
}

#myModal .btn, #myModal .btn_more_dishes, #myModal .btn_back, #myModal .btn_finish {
    height: 50px;
    line-height: 30px;
    flex: 1 1 auto;
    margin: 0 7px 0 0px;
}

#cart_box a.btn_more_dishes, a.btn_search_again {
    background: #78cfcf;
    color: #ffffff;
}

#cat_nav li a span {
    font-size: 12pt
}

.price-white-space {
    white-space: pre
}

.modal legend {
    font-size: 12pt;
    font-weight: bold
}

.modal .error, form .error {
    font-weight: normal;
    font-style: italic;
    color: red;
}

/* Prevent lengthy extra descriptions from wrapping under the input */
.modal .form-check-label {
    display: block;
    margin-left: 30px;
    font-weight: 700;
}

.modal .extra-row {
    min-height: 34px;
}

    .modal .extra-row .row {
        padding: 10px;
    }

.modal .form-check .extra-row:nth-of-type(odd) {
    background-color: #f9f9f9;
}


.modal div[class*="iradio"], .modal div[class*="icheck"] {
    float: left;
    margin-bottom: 1px
}

.modal-dialog {
    width: 100%;
    max-width: 70%;
    margin: 0 auto;
    top: 25%;
}

#allergensKioskModal .modal-dialog {
    max-width: 50%;
}

#confirm ul {
    text-align: start
}

.hide_on_web {
    display: none
}

.error-template {
    text-align: center;
}

.modal-header {
    background-color: #78cfcf;
    color: #fff;
    padding: 12px 15px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 600;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6 {
        color: #fff;
    }

#subheader {
    background: rgba(0,0,0,0);
    background-position-y: bottom;
}

.visible-on-scroll {
    opacity: 0;
    transition: opacity linear 0.3s;
}

.visible-even-before-scroll {
    position: fixed;
    top: 5px;
    left: 5px;
    z-index: 3;
}

.visible-on-scroll.opaque {
    opacity: 1;
}

.visible-on-scroll h1 {
    position: relative;
    text-align: center;
    margin: unset;
    color: #333333;
    font-size: 28px;
}

.cart-free-delivery {
    font-size: 11px;
    font-style: italic;
}

.vertical-center {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
}

.middle-center {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}

#subheader h1, #subheader h2 {
    color: #fff
}

#subheader h1 {
    font-weight: bold;
}

#subheader h2.bold {
    font-weight: bold !important;
}

#subheader h2 {
    font-weight: lighter;
}

.center-text {
    text-align: center;
}

.highlight-center-text {
    color: #ec008c;
    border: 1px solid #ec008c;
    text-align: center;
}

#allergens-info h3, #allergens-info h4 {
    text-align: center;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.total {
    font-weight: bold;
    white-space: nowrap;
}

.table .dishCell, .table .summaryCell {
    padding-left: 15px
}

.table .extraCell {
    padding-left: 30px
}

.iframe-covermanager {
    height: 550px;
    width: 100%;
}

/* Cookie table */
.cookie-table {
    border: 1px;
    max-width: 700px;
}

.cookie-table-header {
    background: #C6D9F1;
}

.cookie-table-cell {
    padding-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
    border: 1px solid;
}

/*Corrects inner recaptcha div assuming standard height of 150px from obscuring
    elements in some browsers*/
.g-recaptcha div {
    height: inherit
}

.panel_box h2 {
    text-align: center
}

.modal-inherit {
    display: inherit;
}

.kitchen_panel .panel {
    font-family: verdana, sans-serif;
    font-size: 20pt;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    position: relative;
    min-width: 25%;
    min-height: 100px;
    margin: 1px;
    border: solid;
    border-width: 2px;
    border-color: dimgray
}

.bar_panel video {
    /*! opacity: 1; */
    /*! position: relative; */
    /*! top: 50%; */
    /*! transform: translateY(-50%); */
    left: 0;
    /*! right: 0; */
    object-fit: fill;
    width: 100%;
    height: 100%;
}

.bar_panel .video_tray {
    background: #000;
    height: 100%;
    z-index: -50;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 0;
}

.bar_panel .panel {
    font-size: 35px;
    text-align: center;
    background: unset;
    border: unset;
}

.bar_panel .panel_accepted {
    color: #02A;
}

.bar_panel .panel_ready {
    color: #3A5;
}

.bar_panel .icon-rewind {
    display: none;
}

.bar_panel .bar_panel_pickups {
}

.bar_panel .panel_header {
    background: #5CC
}

.bar_panel .panel_footer {
    background: #3A5;
    position: fixed;
    bottom: 0;
    left: 0;
}

    .bar_panel .panel_footer h4 {
        font-size: 35px
    }

.bar_panel .panel_accepted {
    font-size: 40px;
}

.bar_panel .panel_ready {
    font-size: 45px;
}

.bar_panel {
    text-align: center:
}

    .bar_panel p {
        float: left;
        display: none;
    }

        .bar_panel p.orderextid {
            display: unset;
        }

        .bar_panel p.orderbig {
            display: unset;
        }

    .bar_panel .panel_ready p.orderbig {
        font-size: 200%
    }

    .bar_panel .panel_ready p {
        float: unset
    }

    .bar_panel .pull-left {
        display: none;
    }

    .bar_panel .pull-right {
        display: none;
    }

    .bar_panel .panel_footer h4 {
        display: unset !important;
    }

.panel_box p {
    margin: 0;
    margin-left: 3px;
    margin-right: 3px;
}

.kitchen_panel .icon-rewind {
    position: absolute;
    right: 1px;
    top: 1px;
    font-size: 35px;
}

.kitchen_panel .panel_accepted {
    background-color: #fff2cc;
}

/* Hide undo icon for accepted orders*/
.panel_accepted .icon-rewind {
    display: none;
}

.kitchen_panel .panel_ready {
    background-color: #d9ead3;
}

.kitchen_panel .panel_delivered {
    background-color: #d0e0e3;
}

.kitchen_panel .panel_held {
    border-width: 4px;
    border: dashed;
}

.panel_undo_tray {
    font-size: 20px;
    display: flex;
    position: fixed;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    padding: 20px;
    flex-direction: column;
}

    .panel_undo_tray div {
        padding: 2px;
        padding-left: 10px;
        padding-right: 10px;
        margin: 2px;
        border-radius: 3px;
        background-color: #202020;
        border-radius: 10px;
    }

.search-query-container {
    z-index: 2;
    margin-bottom: 20px;
}

.search-query {
    width: 90%;
}

.sticky-search {
    position: fixed;
    top: 60px;
    left: 170px;
    width: 43%;
}

.search-switch {
    display: none;
    z-index: 2;
    padding: 0;
}

    .search-switch [class*="icon-"] {
        font-size: 20px;
        transition: display linear 0.3s;
        /*! position: fixed; */
        /*! right: 5px; */
    }

    .search-switch [class*="icon-cancel"] {
        font-size: 20px;
        transition: display linear 0.3s;
        position: fixed;
        right: 5px;
        top: 60px;
    }

    .search-switch [class*="off"] {
        display: none;
    }

.bannerCarrusel {
    margin-bottom: 20px;
    margin-top: 8px;
}

.menu-toggle-switch {
    position: relative;
    display: block;
    overflow: visible;
    position: absolute;
    right: 15px;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 30px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-shadow: none;
    border: none;
    cursor: pointer;
    z-index: 999;
}

.menu-toggle-switch {
    color: #F72028;
}

    .menu-toggle-switch:focus {
        outline: none;
    }

    .menu-toggle-switch span {
        display: block;
        position: absolute;
        top: 10px;
        left: 0;
        right: 0;
        height: 2px;
        background: white;
        background-color: #F72028;
    }

        .menu-toggle-switch span::before,
        .menu-toggle-switch span::after {
            position: absolute;
            display: block;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #F72028;
            content: "";
        }

        .menu-toggle-switch span::before {
            top: -10px;
        }

        .menu-toggle-switch span::after {
            bottom: -10px;
        }

.menu-toggle-switch_hat span::before,
.menu-toggle-switch_hat span::after {
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0;
    transition-delay: 0.3s, 0;
}

.menu-toggle-switch_hat span::before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform;
}

.menu-toggle-switch_hat span::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.menu-toggle-switch_hat.active span {
    background: none !important;
}

    .menu-toggle-switch_hat.active span::before {
        top: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .menu-toggle-switch_hat.active span::after {
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .menu-toggle-switch_hat.active span::before,
    .menu-toggle-switch_hat.active span::after {
        -webkit-transition-delay: 0, 0.3s;
        transition-delay: 0, 0.3s;
    }


.querymenu {
    display: none;
    list-style-type: none;
    position: absolute;
    z-index: 10;
}

    .querymenu li {
        background: #fff;
        color: #222;
        text-align: left;
        padding-left: 4px;
    }

        .querymenu li a {
            color: #02F !important;
        }

    .querymenu .georesult {
        font-style: italic;
    }

    .querymenu [class^="icon-"] {
        float: right;
    }

#confirmModal .btn_full {
    background: #ec008c;
    color: white;
    width: 49%;
    display: inline-block;
}

.search-query, .es-visible {
    background: #fff !important;
    color: #111 !important;
}

    .search-query div {
        position: relative;
    }

/*tooltips*/
.tooltip {
    z-index: 0;
}

div + .tooltip.in {
    opacity: 1;
}

.tooltip-inner {
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

div + .tooltip > .tooltip-inner {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

div + .tooltip > .tooltip-inner, #center-tooltip {
    background-color: #fff;
    color: #EC008C;
    font-weight: bold;
    font-size: 16px;
}

#center-tooltip {
    text-align: center;
    position: absolute;
    z-index: 0;
    margin-left: 0;
    width: 100%;
}

/*spinner*/
.lds-spinner {
    color: azure;
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

    .lds-spinner div {
        transform-origin: 32px 32px;
        animation: lds-spinner 1.2s linear infinite;
    }

        .lds-spinner div:after {
            content: " ";
            display: block;
            position: absolute;
            top: 3px;
            left: 29px;
            width: 5px;
            height: 14px;
            border-radius: 20%;
            background: #fff;
        }

        .lds-spinner div:nth-child(1) {
            transform: rotate(0deg);
            animation-delay: -1.1s;
        }

        .lds-spinner div:nth-child(2) {
            transform: rotate(30deg);
            animation-delay: -1s;
        }

        .lds-spinner div:nth-child(3) {
            transform: rotate(60deg);
            animation-delay: -0.9s;
        }

        .lds-spinner div:nth-child(4) {
            transform: rotate(90deg);
            animation-delay: -0.8s;
        }

        .lds-spinner div:nth-child(5) {
            transform: rotate(120deg);
            animation-delay: -0.7s;
        }

        .lds-spinner div:nth-child(6) {
            transform: rotate(150deg);
            animation-delay: -0.6s;
        }

        .lds-spinner div:nth-child(7) {
            transform: rotate(180deg);
            animation-delay: -0.5s;
        }

        .lds-spinner div:nth-child(8) {
            transform: rotate(210deg);
            animation-delay: -0.4s;
        }

        .lds-spinner div:nth-child(9) {
            transform: rotate(240deg);
            animation-delay: -0.3s;
        }

        .lds-spinner div:nth-child(10) {
            transform: rotate(270deg);
            animation-delay: -0.2s;
        }

        .lds-spinner div:nth-child(11) {
            transform: rotate(300deg);
            animation-delay: -0.1s;
        }

        .lds-spinner div:nth-child(12) {
            transform: rotate(330deg);
            animation-delay: 0s;
        }

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


.mobile {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 101;
    display: block;
}

    .mobile, .mobile div[class*="col-"] {
        height: 60px;
    }

        .mobile div[class*="col-"] {
            background: #ffffff;
            color: #ffffff;
        }

#bar-cart-button {
    background: #EC008C;
}

    #bar-cart-button.off {
        background: #808080;
    }

.mobile a {
    color: #fff;
    font-size: 18px;
}

    .mobile a span {
        vertical-align: top;
    }

.mobile .order-mobile {
    font-size: 20px;
    transition: all 0.3s
}

.order-mobile.animating {
    font-size: 24px;
}

.categories-mobile {
    position: fixed;
    display: block;
    top: 60px;
    background-color: #eee;
    color: #000;
    z-index: 1;
    height: 30px;
    width: 100%;
}

    .categories-mobile .name {
        font-weight: 500;
        vertical-align: middle;
        font-size: 20px;
        padding-left: 10px;
        text-transform: uppercase;
    }


    .categories-mobile a {
        color: #333;
    }

    .categories-mobile li.active {
        background: #999;
    }

.menu-categories-mobile {
    position: fixed;
    top: 85px;
    height: auto;
    width: 100%;
    z-index: 1;
    background-color: #eee;
    overflow-y: auto;
    max-height: calc(100vh - 85px);
}

    .menu-categories-mobile ul {
        padding-left: 10px;
    }

        .menu-categories-mobile ul li {
            list-style: none;
            padding: 5px 0px;
            border-bottom: 1px solid #fff;
        }

            .menu-categories-mobile ul li a {
                font-size: 13px;
            }

.sidebar {
    position: fixed !important;
    left: -100%;
    padding-top: 60px;
    height: 100% !important;
    background: white;
    color: black;
    transition: left 0.8s, opacity 0.5s;
    z-index: 998;
}

    .sidebar ul {
        padding: 0;
    }

    .sidebar li {
        text-align: center;
    }

    .sidebar.show {
        left: 0%;
    }

    .sidebar a {
        padding: 16px 16px 16px 0px;
        color: #000;
        font-size: 18px;
    }

        .sidebar a:hover {
            color: #EC008C;
        }

.extra-current-selections {
    font-size: 15px;
    font-style: italic;
}

.notice {
    margin-top: 15px;
    margin-bottom: 15px;
}

.bold {
    font-weight: bold;
}

.sorry-nothing h2 {
    margin: 25px;
}

#tools {
    height: 100%;
}

    #tools div {
        margin-bottom: 5px;
        text-align: center;
    }

.tag-editor {
    margin-top: 15px;
    margin-bottom: 20px;
}

.resultsmenu img {
    background: #000;
}

.add-to-cart-extras {
    color: #ec008c
}

    .add-to-cart-extras:hover {
        color: #23bab5
    }

    .add-to-cart-extras.disabled {
        color: #808080
    }

.opening_list {
    width: 100%;
}

    .opening_list tr {
        font-size: 18px;
    }

        .opening_list tr td.pull-right {
            text-align: right
        }

.aligned_left {
    left: 0%
}

.price {
    font-size: 20px;
    margin-top: 20px;
}

.form-group table {
    margin-top: 10px;
}

html[data-useragent*='kiosk'] .price_plus {
    margin-top: 5px;
}

.price_plus {
    margin-top: 15px;
}

.dish-row {
    text-align: left;
}

/*.dish-row-container::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    background: #ddd;
    width: 100%;
    margin: 0 16px;
}*/

.dish-row-container {
    -webkit-box-shadow: 0px 2px 0px 0px rgba(221,221,221,1);
    -moz-box-shadow: 0px 2px 0px 0px rgba(221,221,221,1);
    box-shadow: 0px 2px 0px 0px rgba(221,221,221,1);
}

.thumb_menu_list {
    max-width: unset;
    max-height: unset;
    text-align: center;
    display: inline-block;
    float: left;
    margin-right: 15px;
    border: 1px solid #fff;
    border-radius: 3px;
    display: block;
    margin: auto;
    position: relative;
    /*    left: 50%;
    transform: translateX(-50%);*/
}

    .thumb_menu_list img {
        width: 20vw;
        height: 20vw;
        max-height: 120px;
        max-width: 120px;
        min-height: 90px;
        min-width: 90px;
        transition: transform .2s; /* Animation */
        z-index: 9999;
    }

        .thumb_menu_list img:hover {
            transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
            z-index: 9999;
            position: relative;
        }

#repository_tag + .tag-editor .tag-editor-delete i:before {
    content: "\2713";
}

#foodDetailModal img {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

#foodDetailModal .form-group p {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

#foodDetailModal .row {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}


#foodDetailModal #price {
    display: flex;
    background-color: #ec008c;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    align-items: center;
    justify-content: center;
}

#foodDetailModal .title-price {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}


#foodDetailModal .modal-header {
    padding-bottom: 0;
    padding-right: 0;
}

.margin_60_35 {
    padding-top: 35px;
    padding-bottom: 10px;
}

.panel-body {
    overflow: hidden;
}

.modal .row, .modal .container {
    width: 100%
}

.ordershistory-container {
    background: #5f5f5f;
    padding: 25px;
    display: block;
    overflow: auto;
}

.ordershistory-span {
    line-height: 3
}

.stocktooltip .bottom {
    font-family: sans-serif;
    min-width: 200px;
    top: 40px;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 10px 20px;
    color: #333333;
    background-color: #f5f5f5;
    font-weight: normal;
    font-size: 13px;
    border-radius: 8px;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    display: none;
}

.stocktooltip.disabled:hover .bottom {
    display: block;
}

.stocktooltip .bottom i {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -12px;
    width: 24px;
    height: 12px;
    overflow: hidden;
}

    .stocktooltip .bottom i::after {
        content: '';
        position: absolute;
        width: 12px;
        height: 12px;
        left: 50%;
        transform: translate(-50%,50%) rotate(45deg);
    }

#main_menu {
    overflow: hidden;
}

/*Responsive overrides*/
@media only screen and (max-width : 1200px) {
    #subheader {
        height: 250px;
    }

    #sub_content {
        height: 250px;
    }

        #sub_content h2 {
            font-size: 25px;
        }

    #allergens-info h3, #allergens-info h4 {
        font-size: 21px;
    }
}

@media only screen and (max-aspect-ratio:6/5) {
    .panel_box h2 {
        font-size: 18pt;
    }

    .panel_box [class*="col-"] {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    /*.panel_box .panel {
        font-size: 16pt;
    }*/

    .bar_panel video {
        top: 0;
        bottom: 10px;
        left: auto;
        right: auto;
        z-index: -1;
        transform: unset;
        max-height: 100%;
        padding-bottom: 40px;
        opacity: 1;
    }

    .bar_panel .video_tray {
        background: #000;
        /*height: unset;*/
        max-height: 50%;
        position: fixed;
        bottom: 0;
        top: auto;
        z-index: -50;
        width: 100%;
    }

    .panel_box h2 {
        font-size: 14pt;
    }

    .panel_box [class*="col-"] {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .panel_box .panel {
        font-size: 25px;
    }

    /*.panel_box .panel_ready {
        font-size: 18pt;
        min-width: 25%;
    }*/
}

@media only screen and (max-width : 992px) {
    .ordershistory-span {
        line-height: initial
    }

    #subheader {
        height: 300px;
    }

    #sub_content {
        height: 150px;
    }

    #subheader img {
        margin-bottom: 0px;
    }

    .indexbox h1 {
        font-size: 26px;
    }

    #sub_content h2 {
        font-size: 23px;
    }

    .sticky-search {
        left: 5px;
        width: 75%;
        background: #EEE;
    }

        .sticky-search[class~="off"] {
            display: none;
        }

    .search-switch {
        display: inline-block;
    }
}

@media (min-width: 769px) and (max-width: 979px) {
    #subheader {
        height: 300px;
    }

    #sub_content {
        height: 300px;
    }

        #sub_content h2 {
            font-size: 21px;
        }
}

@media only screen and (max-height : 400px) {
    #subheader {
        height: 100px;
    }

    #sub_content {
        height: 100px;
    }

    .xdsoft_datetimepicker {
        bottom: 0px !important;
        top: 0px !important;
    }
}

@media only screen and (max-height : 700px) {
    #subheader {
        height: 250px;
    }

    #sub_content {
        height: 250px;
    }

    #subheader {
        height: 20vh;
    }
}

@media only screen and (max-width : 979px) {
    #subheader {
        height: 20vh;
    }

    #sub_content {
        height: 20vh;
    }

        #sub_content h2 {
            font-size: 24px;
        }

    .mobile .a, .mobile .order-mobile {
        font-size: 16px;
    }

    .order-mobile.animating {
        font-size: 20px;
    }

    .xdsoft_datetimepicker {
        width: 100%;
        left: 0px !important;
    }

        .xdsoft_datetimepicker .xdsoft_datepicker {
            width: 75%;
            text-align: center;
        }

            .xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
                width: 20%;
            }

        .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
            height: 50px;
        }

        .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
            height: 50px;
        }

        .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
            height: 250px;
        }
}

@media only screen and (max-width : 768px) {
    #subheader {
        height: 20vh;
    }

    #sub_content {
        height: 20vh;
    }

        #sub_content h2 {
            font-size: 24px;
        }

    .mobile .a, .mobile .order-mobile {
        font-size: 16px;
    }

    .order-mobile.animating {
        font-size: 20px;
    }
}

.indexoption > a {
    display: flex;
    flex-direction: column;
    text-decoration: none !important;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width : 768px) {
    .marchando-icon {
        /*! transform: scale(0.8); */
    }

    .indexoption > a > label {
        font-size: 18px;
    }
}

@media only screen and (max-width : 600px) {
    .marchando-icon {
        /*! transform: scale(0.7); */
    }

    .indexoption > a > label {
        font-size: 14px
    }
}

@media only screen and (max-width : 500px) {
    .marchando-icon {
        transform: scale(1);
    }

    .indexoption > a > label {
        font-size: 12px
    }
}

@media only screen and (max-width: 767px) {
    #subheader {
        height: 20vh;
    }

    #sub_content {
        height: 20vh;
    }

    .margin_60_35 {
        padding-top: 30px;
        padding-bottom: 10px;
    }

    #sub_content h1 {
        font-size: 32px;
    }

    #sub_content h2 {
        font-size: 20px;
    }

    #sub_content #thumb {
        display: none;
    }

    .table.cart-list td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        text-align: center;
        padding-left: 20px;
    }

        .table.cart-list td:nth-of-type(1)::before {
            content: "" !important;
        }

        .table.cart-list td:nth-of-type(2)::before {
            content: "" !important;
        }

        .table.cart-list td:nth-of-type(3)::before {
            content: "" !important;
        }

    #categories, #position {
        display: none;
    }

    .add-label {
        width: 80px;
        display: block;
        left: 117px;
    }

    #allergens-info h3 {
        font-size: 16px
    }

    #allergens-info h4 {
        font-size: 16px
    }

    .sidebar.show {
        width: 100%;
    }

    .tooltip-covered {
        display: none;
        opacity: 0;
    }
}

@media only screen and (max-width : 600px) {
    #subheader {
        height: 20vh;
    }

    #sub_content {
        height: 20vh;
    }

        #sub_content h1 {
            font-size: 30px;
        }

    .indexbox h1 {
        font-size: 22px;
    }

    .indexbox label {
        font-size: 20px
    }

    #allergens-info h3 {
        font-size: 24px
    }

    #allergens-info h4 {
        font-size: 18px
    }

    .visible-on-scroll h1 {
        font-size: 22px;
    }

    .mobile .a, .mobile .order-mobile {
        font-size: 14px;
    }

    .order-mobile.animating {
        font-size: 18px;
    }

    #subheader a.label {
        font-size: 10px;
    }
}

@media only screen and (max-width : 480px) {
    #subheader {
        height: 20vh;
    }

    #sub_content {
        height: 20vh;
        font-size: 14px;
    }

        #sub_content h1 {
            font-size: 30px;
        }

    .indexbox h1, .indexbox label {
        font-size: 18px;
    }

    #sub_content h2 {
        font-size: 18px;
    }

    #allergens-info {
        padding-left: 0;
        padding-right: 0;
    }

        #allergens-info h3 {
            font-size: 18px
        }

        #allergens-info h4 {
            font-size: 14px
        }

    .visible-on-scroll h1 {
        font-size: 18px;
    }

    .mobile .a, .mobile .order-mobile {
        font-size: 12px;
    }

    .order-mobile.animating {
        font-size: 16px;
    }

    #subheader .label {
        font-size: 11px;
    }

    #center-tooltip {
        font-size: 11px;
    }
}

@media only screen and (max-width : 400px) {
    #subheader {
        height: 20vh;
    }

    #sub_content {
        height: 20vh;
    }

    #allergens-info h3 {
        font-size: 18px
    }

    #allergens-info h4 {
        font-size: 11px
    }

    #sub_content {
        font-size: 14px;
    }

    #sub_content {
        padding: 0;
    }

        #sub_content h1 {
            font-size: 30px;
        }
}

@media only screen and (max-width : 320px) {
    #subheader {
        height: 200px;
    }

    #sub_content {
        height: 20vh;
    }

        #sub_content h2 {
            font-size: 16px;
        }

    #allergens-info h3 {
        font-size: 12px
    }

    #allergens-info h4 {
        font-size: 10px
    }

    #subheader img {
        height: 120px;
    }
}

/* Tipografías empleadas en el frontal */
@font-face {
    font-family: 'fontawesome';
    src: url('../fonts/fontawesome.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.nonfree span[class^="icon-"]:before {
    content: "";
    background-size: contain;
    position: relative;
    left: 0.25em;
    top: 0.5em;
    width: 2em;
    height: 1.5em;
    background-repeat: no-repeat;
}

.icon-redsys:before {
    background-image: url('../img/visa_maestro.svg');
    width: 5em !important;
}

.icon-e6000:before {
    background-image: url('../img/euro6000.svg');
    top: 0.3em !important;
}

.icon-bizum:before {
    background-image: url('../img/bizum.svg');
    width: 5em !important;
    top: 0.25em !important;
}

.icon-cash:before {
    background-image: url('../img/coins.svg');
    top: 0.25em !important;
}

#paymentProviderDiv button {
    padding-left: 15%;
    padding-right: 15%;
    display: inline-block;
    margin-bottom: 5px;
}

#btn_promotionCode {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

#paymentProviderDiv button {
    border: 1px black;
    border-style: solid;
    border-radius: 3px;
}
/*apple pay*/

@supports (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button {
        width: 100%;
        min-height: 60px;
        border: 4px;
        padding: 12px 30px;
        margin: 10px 0 10px 0;
        display: inline-block;
        -webkit-appearance: -apple-pay-button;
        cursor: pointer;
    }

    .apple-pay-button-with-text > * {
        display: none;
    }

    .apple-pay-button-black-with-text {
        -apple-pay-button-style: black;
    }

    .apple-pay-button-white-with-text {
        -apple-pay-button-style: white;
    }

    .apple-pay-button-white-with-line-with-text {
        -apple-pay-button-style: white-outline;
    }

    .apple-pay-button-text-book {
        -apple-pay-button-type: book;
    }

    .apple-pay-button-text-buy {
        -apple-pay-button-type: buy;
    }

    .apple-pay-button-text-check-out {
        -apple-pay-button-type: check-out;
    }

    .apple-pay-button-text-donate {
        -apple-pay-button-type: donate;
    }

    .apple-pay-button-text-pay {
        -apple-pay-button-type: check-out;
    }
}

@supports not (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button {
        display: inline-block;
        background-size: 100% 60%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        min-width: 200px;
        min-height: 32px;
        max-height: 64px;
        width: 100%;
    }

    .apple-pay-button-black {
        background-image: -webkit-named-image(apple-pay-logo-white);
        background-color: black;
    }

    .apple-pay-button-white {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
    }

    .apple-pay-button-white-with-line {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
        border: .5px solid black;
    }
}

.apple-pay-button {
    width: 100%;
    height: 50px;
}

/* For mobile devices */
@media only screen and (max-width: 600px) {
    .apple-pay-button {
        width: 100%;
        /*height: 40px;*/
    }
}
/*fin apple pay*/
#paymentProviderDiv .btn_payoption {
    background: #ffffff;
    background-color: #ffffff;
    color: #000000;
    margin: 10px 0 10px 0;
    min-height: 60px;
}

#whiteButton {
    background: #ffffff;
    background-color: #ffffff;
    color: #666666;
    margin: 30px 0 30px 0;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    background-image: url('../img/printer.svg');
    background-size: 2em !important;
    background-repeat: no-repeat;
    background-position: 150px center;
}

.imagenCarrusel {
    height: 100% !important;
    background-size: cover;
    margin-top: -8px;
}

.menubanner img {
    object-fit: contain;
    width: 100%;
    max-height: 200px;
    margin: 0 0 20px 0;
}

.subcabecera {
    height: 143px;
    position: relative;
    background-color: #59220a;
    color: #ffffff;
    background-position: center center;
    background-size: cover;
}

    .subcabecera .acotado {
        text-align: center;
        height: 100%;
    }

.acotado {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    position: relative;
}

.subcabecera .menuSuperior {
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.subcabecera .menuItem {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 105px;
    height: 100%;
    cursor: pointer;
    margin-left: 0px;
    margin-right: 0px;
    position: relative;
    overflow: hidden;
}

.subcabecera ul,
.subcabecera li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.subcabecera .menuItem .icono {
    font-size: 50px;
    display: block;
    -webkit-transition: text-shadow 0.4s linear;
    transition: text-shadow 0.4s linear;
}

span[class^=" icon-"]::before,
span[class*=" icon-"]::before {
    font-family: 'marchando' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.subcabecera .menuItem .icono {
    font-size: 50px;
    display: block;
    -webkit-transition: text-shadow 0.4s linear;
    transition: text-shadow 0.4s linear;
}

.subcabecera .menuItem .texto {
    display: block;
    font-size: 17px;
    margin-top: 15px;
}

/*OPCIONES PARA TOMAR AQUÍ O PARA LLEVAR EN QUIOSCO*/

@media (min-width: 1000px) and (max-width: 4000px) {

    .selector .opciones .opcion.ready.tamaño .orderTypeIcon {
        top: 0px;
        left: 0px;
        transform: scale(1);
        -webkit-transform: scale(1);
        -webkit-transition: 0.7s ease-out;
        background-color: #2d2b35;
    }

        .selector .opciones .opcion.ready.tamaño .orderTypeIcon.selected {
            transition-delay: 0s;
            transform: scale(1.25);
            -webkit-transform: scale(1.25);
            background-color: green !important;
            box-shadow: 0 0 20px #4f9;
        }

    .opcion {
        margin: 30px;
    }

    .textos.tamañoTexto {
        margin-top: 30px;
        font-weight: bold;
    }

    .mesa-icon {
        background-size: 70%;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(/Content/img/mesa.svg);
        filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(134deg) brightness(104%) contrast(101%);
    }

    .bolsa-icon {
        background-image: url(/Content/img/bolsa.svg);
        background-size: 65px;
        background-repeat: no-repeat;
        background-position: center;
        background-origin: content-box;
        filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(134deg) brightness(104%) contrast(101%);
    }
}

/*OPCIONES PARA TOMAR AQUÍ O PARA LLEVAR EN PANTALLAS PEQUEÑAS*/

@media (min-width: 300px) and (max-width: 1000px) {

    .selector .opciones .opcion.ready.tamaño .orderTypeIcon {
        top: 0px;
        left: 0px;
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -webkit-transition: 0.7s ease-out;
        background-color: #2d2b35;
    }

        .selector .opciones .opcion.ready.tamaño .orderTypeIcon.selected {
            transition-delay: 0s;
            transform: scale(1);
            -webkit-transform: scale(1);
            background-color: green !important;
        }

    .textos.tamañoTexto {
        font-weight: bold;
    }

    .mesa-icon {
        background-size: 70%;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(/Content/img/mesa.svg);
        filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(134deg) brightness(104%) contrast(101%);
    }

    .bolsa-icon {
        background-image: url(/Content/img/bolsa.svg);
        background-size: 65px;
        background-repeat: no-repeat;
        background-position: center;
        background-origin: content-box;
        filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(134deg) brightness(104%) contrast(101%);
    }
}

@media (min-width: 300px) and (max-width: 800px) {
    #whiteButton {
        background: #ffffff;
        background-color: #ffffff;
        color: #666666;
        margin: 30px 0 30px 0;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
        background-image: url('../img/printer.svg');
        background-size: 2em !important;
        background-repeat: no-repeat;
        background-position: 35px center;
    }
}

html[data-useragent="kiosk"] .modalFondo .contenidoHTML .boloModal:hover .circulo {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
}

html[data-useragent="kiosk"] .selector .opciones .opcion .circulo {
    -webkit-transition: none;
    -webkit-transition: none;
    transition: none;
}

html[data-useragent="kiosk"] .modalFondo .contenidoHTML .boloModal .circulo {
    display: inline-block;
    width: var(--size);
    height: var(--size);
    border-radius: var(--size);
    position: relative;
    -webkit-transition: -webkit-transform 0.6s;
    transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
}

html[data-useragent="kiosk"] .selector .opciones .opcion .circulo {
    position: absolute;
    top: -75px;
    left: -75px;
    width: 150px;
    height: 150px;
    -webkit-transition: top 0.6s ease-out, left 0.6s ease-out, -webkit-transform 0.7s ease-out;
    transition: top 0.6s ease-out, left 0.6s ease-out, -webkit-transform 0.7s ease-out;
    transition: transform 0.7s ease-out, top 0.6s ease-out, left 0.6s ease-out;
    transition: transform 0.7s ease-out, top 0.6s ease-out, left 0.6s ease-out, -webkit-transform 0.7s ease-out;
    border-radius: 200px;
    background-color: #cc3333;
    position: relative;
    -webkit-transform: scale(0);
    transform: scale(0);
}

    html[data-useragent="kiosk"] .selector .opciones .opcion .circulo .icono {
        font-size: 78px;
        line-height: 150px;
        color: white;
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
    }

html[data-useragent="kiosk"] .selector .opciones .opcion.init .circulo, .selector .opciones .opcion.ready .circulo {
    top: 0px;
    left: 0px;
    -webkit-transform: scale(0.96);
    transform: scale(0.96);
}

html[data-useragent="kiosk"] .selector .opciones .opcion.init.i0 .circulo {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

html[data-useragent="kiosk"] .selector .opciones .opcion.init.i1 .circulo {
    -webkit-transition-delay: 0.30s;
    transition-delay: 0.30s;
}

html[data-useragent="kiosk"] .selector .opciones .opcion.init.i2 .circulo {
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s;
}

html[data-useragent="kiosk"] .selector .opciones .opcion.init.i3 .circulo {
    -webkit-transition-delay: 0.60s;
    transition-delay: 0.60s;
}

html[data-useragent="kiosk"] .selector .opciones .opcion.init.i4 .circulo {
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
}

html[data-useragent="kiosk"] .selector .opciones .opcion.init.i5 .circulo {
    -webkit-transition-delay: 0.90s;
    transition-delay: 0.90s;
}

html[data-useragent="kiosk"] .selector .opciones .opcion.init.i6 .circulo {
    -webkit-transition-delay: 1.05s;
    transition-delay: 1.05s;
}

html[data-useragent="kiosk"] .selector .opciones .opcion.ready:hover .circulo {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    background-color: #2d2b35 !important;
    -webkit-animation: none;
    animation: none;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
}

html[data-useragent="kiosk"] .selector .opciones .opcion.volver .circulo, .selector .opciones .opcion.volverObsoleto .circulo {
    background-color: #918d99 !important;
}

html[data-useragent="kiosk"] .selector .opciones .opcion.click .circulo {
    z-index: 2;
}

html[data-useragent="kiosk"] .selector .opciones .opcion.out .circulo {
    top: -75px;
    left: -75px;
    -webkit-transform: scale(0) !important;
    transform: scale(0) !important;
}

html[data-useragent="kiosk"] body.tiendaCerrada .opcion.requiereApertura .circulo {
    background-color: #444 !important;
}

html[data-useragent="kiosk"] body.tiendaSaturada .opcion.susceptibleDeSaturacion .circulo {
    background-color: #444 !important;
}

html[data-useragent="kiosk"] body.tiendaRepartoCerrado .opcion.requiereReparto .circulo {
    background-color: #444 !important;
}

html[data-useragent="kiosk"] .circulo {
    background-color: #e8e8e8;
    border-radius: 300px;
    width: 200px;
    height: 200px;
    position: relative;
    margin: 6px;
    display: inline-block;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: background-color 0.5s linear, -webkit-transform 0.7s ease-in-out;
    transition: background-color 0.5s linear, -webkit-transform 0.7s ease-in-out;
    transition: transform 0.7s ease-in-out, background-color 0.5s linear;
    transition: transform 0.7s ease-in-out, background-color 0.5s linear, -webkit-transform 0.7s ease-in-out;
    -webkit-transform-origin: 0px 0px;
    transform-origin: 0px 0px;
}

html[data-useragent="kiosk"] .seguimientoIndividual .pelota .circulo .icon:not(i) {
    font-size: 98px;
    color: #929292;
    -webkit-transition: color 0.5s linear;
    transition: color 0.5s linear;
    position: absolute;
    top: 49px;
    left: 0px;
    width: 100%;
    text-align: center;
    text-indent: 0px;
    margin: 0 !important;
}

html[data-useragent="kiosk"] .seguimientoIndividual .pelota .circulo i.icon {
    font-size: 30px;
    margin-left: 5px;
}

html[data-useragent="kiosk"] .seguimientoIndividual .pelota .circulo .texto {
    font-size: 36px;
    font-family: arial;
    font-weight: bold;
    color: #8b8b8b;
    position: absolute;
    bottom: -70px;
    left: 0px;
    right: 0px;
    text-align: center;
    -webkit-transition: color 0.5s linear, margin-bottom 0.7s ease-in-out;
    transition: color 0.5s linear, margin-bottom 0.7s ease-in-out;
}

    html[data-useragent="kiosk"] .seguimientoIndividual .pelota .circulo .texto i {
        display: none;
    }

html[data-useragent="kiosk"] .seguimientoIndividual .pelota.completado .circulo {
    background-color: #079365;
}

    html[data-useragent="kiosk"] .seguimientoIndividual .pelota.completado .circulo .icon {
        color: white;
    }

    html[data-useragent="kiosk"] .seguimientoIndividual .pelota.completado .circulo .texto {
        color: #079365;
    }

        html[data-useragent="kiosk"] .seguimientoIndividual .pelota.completado .circulo .texto i.listo {
            display: inline-block;
            color: #079365;
        }

html[data-useragent="kiosk"] .seguimientoIndividual .pelota.progreso {
    width: 175px;
    height: 175px;
}

    html[data-useragent="kiosk"] .seguimientoIndividual .pelota.progreso .circulo {
        background-color: #df792c;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

        html[data-useragent="kiosk"] .seguimientoIndividual .pelota.progreso .circulo .icon {
            color: white;
        }

        html[data-useragent="kiosk"] .seguimientoIndividual .pelota.progreso .circulo .texto {
            color: #2d2a34;
            margin-bottom: 10px;
        }

            html[data-useragent="kiosk"] .seguimientoIndividual .pelota.progreso .circulo .texto i.pendiente {
                display: inline-block;
                color: #2d2a34;
            }

html[data-useragent="kiosk"] .selector .opciones .opcion .circulo {
    top: -60px;
    left: -60px;
    width: 120px;
    height: 120px;
}

    html[data-useragent="kiosk"] .selector .opciones .opcion .circulo .icono {
        font-size: 60px;
        line-height: 120px;
    }

html[data-useragent="kiosk"] .selector .opciones .opcion.out .circulo {
    top: -60px;
    left: -60px;
}

html[data-useragent="kiosk"] .selector .opciones .opcion .circulo {
    top: -60px;
    left: -60px;
    width: 120px;
    height: 120px;
    -webkit-transition: none;
    transition: none;
}

    html[data-useragent="kiosk"] .selector .opciones .opcion .circulo .icono {
        font-size: 60px;
        line-height: 120px;
        height: 80px;
    }

html[data-useragent="kiosk"] .selector .opciones .opcion {
    width: unset !important;
    height: 233px;
    flex-shrink: 0;
    flex: 0 1 100%;
}

    html[data-useragent="kiosk"] .selector .opciones .opcion.init:hover .circulo, .selector .opciones .opcion.ready:hover .circulo {
        -webkit-transform: scale(0.96);
        transform: scale(0.96);
    }

    html[data-useragent="kiosk"] .selector .opciones .opcion.out .circulo {
        top: -60px;
        left: -60px;
    }

html[data-useragent="kiosk"] .opciones.row {
    display: flex;
    height: 600px;
    flex-direction: row;
    flex: 1 0 100%;
    align-content: space-around;
}

    html[data-useragent="kiosk"] .opciones.row div {
        display: flex;
        flex-direction: column;
    }

        html[data-useragent="kiosk"] .opciones.row div * {
            display: flex;
            align-self: center !important;
        }

html[data-useragent="kiosk"] .textos.tamañoTexto {
    font-size: 15pt;
    padding: 25px
}

html[data-useragent="kiosk"] {
    -webkit-touch-callout: none; /* Safari */
    -webkit-user-select: none; /* Chrome */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

.table {
    margin-bottom: 0px;
}

h3 {
    margin-top: 15px;
}

#main_menu h3 {
    font-size: 18px;
}

.box_style_2 h2.inner {
    border-bottom: 2px solid #78cfcf;
}

.icon-search {
    font-size: 20px;
}

#foodDetailModal .img-center[src*="fallback.png"] {
    display: none;
    height: 0;
}



/*=================================================================
/*    FEED SOCIAL
/*===============================================================*/

.feedSocial {
    background-color: #e1c1b0;
    padding-top: 5px;
    padding-bottom: 25px;
    padding-left: 5px;
    padding-right: 5px;
}

    .feedSocial .acotado {
        max-width: 100%;
    }

.titulo {
    display: inline-block;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    color: white;
    min-width: 107px;
    margin-bottom: 20px;
}

    .titulo .inner {
        text-align: left;
        font-size: 36px;
        color: #754340;
    }

.instagram_gallery {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 5px;
}

    .instagram_gallery .instagram-box {
        background-size: cover;
        display: block;
        position: relative;
        padding-bottom: 100%;
        margin-bottom: 5px;
    }

        .instagram_gallery .instagram-box::before {
            content: "";
            display: block;
            position: absolute;
            top: 0px;
            left: 0px;
            bottom: 0px;
            right: 0px;
            backdrop-filter: blur(13px);
            z-index: 1;
        }

        .instagram_gallery .instagram-box:nth-child(9) {
            display: none;
        }

        .instagram_gallery .instagram-box .instagram-content {
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
        }

            .instagram_gallery .instagram-box .instagram-content img {
                max-width: 100%;
                max-height: 100%;
                position: absolute;
                z-index: 2;
            }



.notice h1,
.notice h2,
.notice h3,
.notice h4 {
    color: inherit !important;
}

/*SOBREPLANTILLA*/
/* GLOBAL */

:root {
    /* Cabecera */
    --carrito-superior: white;
    --carrito-superior-fijo: white;
    --carrito-superior-sombra: transparent;
    /* General */
    --padding-scroll: 70px;
    --hamurguesa: white;
    --hamburgesa-abierta: white;
    --general-fondo: #ffffff;
    --color-franja: #4f565d;
    --subcabecera: #4f565d;
    --subcabecera-texto: white;
    --subcabecera-texto-size: 17px;
    --subcabecera-padding: 10px 10px;
    --titulo-seccion-principal: var(--negro);
    --titulo-seccion-principal-size: 24px;
    --titulo-seccion-principal-borde: #697179;
    --delivery: #697179;
    --delivery-size: 21px;
    --titulo-sticky: #ffffff;
    --titulo-sticky-size: 24px;
    --titulo-sticky-peso: 300;
    --titulo-sticky-transform: unset;
    --titulo-sticky-size-mobile: 18px;
    --hr: transparent;
    --hr-subpaginas: #dbdbdb;
    --negro: #3b3e4b;
    --buscar: var(--negro);
    /* Botones */
    --boton-fondo: #cd433e;
    --boton-texto: #ffffff;
    --boton-hover-fondo: #8b1e1e;
    --boton-hover-texto: #ffffff;
    --boton-deshabilitado-opacidad: 0.5;
    --boton-deshabilitado-fondo: #cd433e;
    --boton-deshabilitado-texto: #ffffff;
    /* Categorias izquierda */
    --categorias-fondo: #e8eaec;
    --categorias-titulo: var(--negro);
    --categorias-texto: var(--negro);
    --categorias-texto-hover: var(--negro);
    /* Carrito derecha */
    --carrito-titulo: var(--negro);
    --carrito-texto: var(--negro);
    --carrito-total: var(--negro);
    --carrito-condiciones: #838080;
    --carrito-icono-borrar: #ce433e;
    --carrito-disponibilidad-size: 14px;
    --carrito-disponibilidad: var(--negro);
    /* Listado */
    --carta-padding: 15px 32px;
    --carta-padding-mobile: 14px 14px;
    --carta-fondo: #e8eaec;
    --carta-radio: 7px;
    --listado-padding: 10px;
    --listado-fondo: #ffffff;
    --listado-titulo: var(--negro);
    --listado-texto: #666;
    --listado-texto-size: 14px;
    --listado-titulo-size: 18px;
    --listado-color-mas: var(--negro);
    --listado-color-mas-hover: #e40000;
    --listado-fondo-imagen: #fff;
    --listado-color-borde-imagen: #fff;
    --listado-separacion: 14px;
    --listado-redondeo: 5px;
    --listado-borde-inferior: transparent;
    /*! --listado-titulo-seccion: var(--negro); */
    /*! --listado-titulo-seccion-borde: #e8eaec; */
    --listado-titulo-seccion-size: 22px;
    --listado-precio: var(--negro);
    --listado-precio-size: 18px;
    --listado-precio-margen: 10px;
    --listado-alineado: left;
    --listado-margen-textos: 10px;
    /* Footer */
    --footer: #4e565d;
    --footer-alergenos: #222;
    --footer-titulo: #ffffff;
    --footer-enlaces: #b8bbc2;
    /*! --footer-enlaces-hover: #ffffff; */
    /*! --footer-texto: #b8bbc2; */
    /* Modales */
    --modal-cabecera: var(--negro);
    --modal-cabecera-texto: white;
    --modal-titulo-contenido: var(--negro);
    --modal-subcabecera: #9A9893;
    --modal-subcabecera-texto: white;
    /* colapsable */
    --colapsable-fondo: var(--negro);
    --colapsable-texto: white;
    /* Barra contextual superior */
    --contextual-texto: white;
    --contextual-fondo-desplegable: #3e4145;
    --contextual-separacion-categorias: #555;
    --contextual-categorias: white;
    /* Formularios */
    --formulario-fondo: #f4f4f4;
    --formulario-texto: var(--negro);
    --formulario-texto-size: 16px;
    --formulario-borde: #b0b4bf;
    --formulario-radio: 3px;
    --formulario-label-error: #dc2c2c;
    /*! --formulario-fondo-error: #ffe9e9; */
    /*! --formulario-texto-error: #6e150c; */
    /*! --formulario-borde-error: #dc6767; */
    /*! --formulario-placeholder: #666; */
    /*! --formulario-placeholder-error: #d44d40; */
    /* Barra categorias kiosoco */
    /*! --k-categorias: linear-gradient(0.5turn, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); */
    --k-categorias-sombra: none;
    --k-categorias-color: #56575f;
    --k-categorias-texto: white;
    --k-categorias-sombra-texto: none;
    --k-categorias-padding: 1.5rem;
    --k-altura-boton: 75px;
    /* Pantalla genérica */
    /*! --pg-fondo: white; */
    /* Pantalla pago */
    /*! --pp-total-linea: #d9d9d9; */
    /*! --pp-total: #dd2f2f; */
    /*! --pp-total-size: 16px; */
    /*! --pp-politica: #555555; */
    /*! --pp-color-modalidad: var(--negro); */
    --pp-fondo-bolo: #5c5b71;
    --pp-fondo-bolo-seleccionado: #229f53;
}

#subheader {
    height: 380px !important;
    overflow: hidden;
}

hr {
    border-color: var(--hr) !important;
}

html, body {
    background-color: var(--fondo-principal);
}

p {
    font-family: 'Poppins' !important;
}

.row a {
    color: inherit !important;
    text-decoration: underline;
}

.search-query-container.sticky-search {
    position: unset !important;
    width: unset !important;
}
/* CABECERA */
.header-window {
    position: relative;
}

#subheader {
    /*background-image: var(--cabecera-escritorio) !important;*/
    background-size: cover;
    background-position: center !important;
    border-bottom: 2px solid #ac633b;
    border: none;
}

#bar-cart-button {
    background-color: transparent !important;
}

    #bar-cart-button span {
        font-weight: 600;
        font-family: 'Poppins';
    }

/* General */
html {
    background-color: var(--general-fondo) !important;
    overflow-x: hidden !important;
    scroll-padding: var(--padding-scroll);
    scroll-behavior: smooth;
}

body .subheadersubtitle {
    background: var(--subcabecera) !important;
    padding: var(--subcabecera-padding) !important;
    border-radius: 0 !important;
    position: relative;
    z-index: 1;
}

.subheadersubtitle a {
    color: var(--subcabecera-texto) !important;
    font-family: 'Poppins';
    font-weight: 400;
    font-size: var(--subcabecera-texto-size) !important;
}

/* hack para solucionar cabecera partida extraña que han incluido en el MENU */

#main_menu .tituloSeccionPrincipal {
    font-size: var(--titulo-seccion-principal-size) !important;
    text-transform: unset !important;
    padding-right: 0 !important;
    color: var(--titulo-seccion-principal) !important;
    padding-bottom: 5px !important;
    background-color: transparent !important;
    text-transform: uppercase;
    font-family: 'Poppins';
    font-weight: 500 !important;
    border-bottom: 2px solid var(--titulo-seccion-principal-borde) !important;
    font-size: var(--titulo-seccion-principal-size) !important;
    padding: 0;
    padding-bottom: 8px;
}

#main_menu .current-delivery {
    text-transform: unset !important;
    font-family: 'Poppins';
    font-weight: 300;
    color: var(--delivery) !important;
    font-size: var(--delivery-size) !important;
}

    #main_menu .current-delivery i {
        font-family: 'ElegantIcons' !important;
        display: none;
    }

.mobile h1 {
    text-shadow: unset;
    font-size: 22px !important;
}

.mobile div[class*="col-"] {
    background-color: unset !important;
}

.mobile #center-tooltip {
    background-color: unset;
}

.theiaStickySidebar ul#cat_nav li a,
.theiaStickySidebar ul#cat_nav li a.active {
    background: transparent !important;
    font-weight: 400;
    text-transform: unset;
    font-size: 14px !important;
    padding: 6px 0px !important;
    transition: color 0.2s linear;
}

    .theiaStickySidebar ul#cat_nav li a:hover {
        cursor: pointer;
    }


/* Botones */
.btn_full {
    background-color: var(--boton-fondo) !important;
    color: var(--boton-texto) !important;
    font-size: 15px;
    margin-top: 10px;
}

    .btn_full:hover {
        background-color: var(--boton-hover-fondo) !important;
        color: var(--boton-hover-texto) !important;
    }

.btn_disabled {
    opacity: var(--boton-deshabilitado-opacidad) !important;
    background-color: var(--boton-deshabilitado-fondo) !important;
    color: var(--boton-deshabilitado-texto) !important;
    pointer-events: none;
    user-select: none;
}

.modal-dialog .btn_disabled {
    background-color: var(--boton-fondo) !important;
    color: var(--boton-texto) !important;
    ;
}

.form-group .modal-buttonset {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    position: relative;
    padding-right: 0;
    margin-top: -20px;
}

#paymentProviderDiv button.btn_payoption,
.btn.btn-submit,
.form-group .btn.btn-submit {
    background: var(--boton-fondo) !important;
    color: var(--boton-texto) !important;
    text-decoration: none;
}

    #paymentProviderDiv button.btn_payoption:hover,
    .btn.btn-submit:hover,
    .form-group .btn.btn-submit:hover {
        background-color: var(--boton-hover-fondo) !important;
        color: var(--boton-hover-texto) !important;
    }


/* MENU LATERAL */
/* menú hamburguesa*/
.menu-toggle-switch {
    top: 32px !important;
    left: 14px !important;
}

    .menu-toggle-switch span,
    .menu-toggle-switch span::before,
    .menu-toggle-switch span::after {
        height: 3px !important;
        border-radius: 2px !important;
    }

.menu-toggle-switch_hat span,
.menu-toggle-switch_hat span::before,
.menu-toggle-switch_hat span::after {
    background-color: var(--hamurguesa) !important;
}

.menu-toggle-switch_hat.active span {
    background-color: transparent !important;
}

    .menu-toggle-switch_hat.active span::before,
    .menu-toggle-switch_hat.active span::after {
        background-color: var(--hamburgesa-abierta) !important;
    }

.mobile div[class*="col-"] {
    background: transparent;
    border: none;
}

.sidebar {
    background-color: #3e221e !important;
}

    .sidebar li {
        text-align: left;
        list-style: none;
        margin-top: 20px;
    }

    .sidebar a {
        color: white !important;
        text-align: left;
        text-transform: uppercase;
        font-family: 'Poppins';
        font-weight: 600;
        font-size: 16px;
    }

/* GENERAL */
#main_menu {
    background: var(--carta-fondo) !important;
    padding: var(--carta-padding) !important;
    border-radius: var(--carta-radio) !important;
}

    #main_menu hr {
        border-color: #ac623b;
        border-width: 2px;
        display: none;
    }

.table {
    margin-bottom: 40px;
}

    .table > tbody > tr:first-child > td {
        border: none !important;
    }

    .table td {
        padding-bottom: 15px !important;
    }

#mainMenuContainer {
    background-color: var(--general-fondo) !important;
}

.box_style_2 {
    border: none !important;
}

#cart_box, .box_style_2 {
    background-color: transparent !important;
}

#cart_box, .box_style_2 {
    background: transparent !important;
    padding-top: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: transparent;
}

h4 {
    font-family: 'Poppins';
    font-weight: 600;
    color: white !important;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 20px;
}

ul#cat_nav li {
    border: none !important;
}

    ul#cat_nav li a,
    ul#cat_nav li a.active,
    ul#cat_nav li a:hover {
        background: transparent !important;
        color: #e1bf5c;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 16px;
        padding: 8px 0px;
    }

        ul#cat_nav li a:after {
            display: none !important;
        }

#categories icon {
    display: none !important;
}
/* Buscador */
.search-query-container {
    margin-bottom: 35px;
}

    .search-query-container i {
        font-size: 30px;
    }

#mainMenuContainer .search-query {
    background: transparent !important;
    color: var(--buscar) !important;
    border: none !important;
    border-bottom: 1px dashed var(--buscar) !important;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Poppins';
}

.search-query::placeholder {
    color: var(--buscar);
}

.search-query:focus-visible {
    border: none;
    outline: none;
}

.icon-search {
    color: var(--buscar);
}

.search-query-container {
    display: none !important;
}

/* CATEGORIAS */
#categories .theiaStickySidebar {
    background: var(--categorias-fondo);
    border-radius: 7px;
}

#categories h4 {
    color: var(--categorias-titulo) !important;
}

#cat_nav a {
    color: var(--categorias-texto) !important;
    text-decoration: none;
}

    #cat_nav a:hover {
        color: var(--categorias-texto-hover) !important;
    }

/* CARRITO */
#cart_box {
    color: var(--carrito-condiciones) !important;
    font-family: Poppins;
    border: none !importantr;
}

body:not(.pastSubheader) .order-mobile {
    text-shadow: 0 0 3px var(--carrito-superior-sombra);
}

body:not(.pastSubheader) #bar-cart-button a {
    color: var(--carrito-superior) !important;
}

.mobile #bar-cart-button a {
    color: var(--carrito-superior-fijo) !important;
}

#mainMenuContainer #cartBar .theiaStickySidebar {
    background: var(--general-fondo);
}

#mainMenuContainer #cartBar .table_summary td {
    color: var(--carrito-texto);
    font-weight: 500;
    font-family: Poppins;
}

    #mainMenuContainer #cartBar .table_summary td.total {
        color: var(--carrito-total);
        font-weight: bold;
    }

#mainMenuContainer #cart_box h3 {
    color: var(--carrito-titulo);
}

#mainMenuContainer #cart_box .btn_full_details {
    font-family: 'Poppins';
    margin-top: 11px;
    margin-bottom: 5px;
    font-size: var(--carrito-disponibilidad-size);
    color: var(--carrito-disponibilidad);
}

#mainMenuContainer #cart_box hr {
    display: none;
}

#mainMenuContainer #cart_box #options_2 {
    display: block;
    padding: 32px 0;
    padding-top: 10px;
}

    #mainMenuContainer #cart_box #options_2 div {
        padding-left: 0;
        padding-right: 0;
    }

#mainMenuContainer #cart_box .remove_item .icon_minus_alt {
    color: var(--carrito-icono-borrar);
}

#mainMenuContainer #cart_box .iradio_square-grey {
    mix-blend-mode: multiply;
}

#cart_box h3 {
    background: transparent;
    color: white;
    text-transform: uppercase;
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 21px;
}

#cartBar form {
    border: none;
}

#cartBar .table_summary {
    color: white;
    text-transform: uppercase;
    font-family: 'Poppins';
}

    #cartBar .table_summary td {
        padding: 0;
    }

        #cartBar .table_summary td.total {
            font-weight: 600;
            color: #ffbe3f;
        }

#cart_box a.btn_more_dishes, a.btn_search_again {
    background: #3e221e;
}

.table_summary + hr {
    display: none;
}

.table.table_summary {
    padding-bottom: 20px;
}

#alergens {
    width: 100%;
    padding: 0;
    color: #999;
    font-family: 'POPPINS';
    font-size: 13px;
}


/* Listado */
#main_menu .category {
    overflow: auto;
}

#main_menu .con-foto > tbody > tr > td:first-child {
    vertical-align: top;
}

#main_menu .category .dish-table td.options {
    vertical-align: top;
}

#main_menu .category .dish-table td {
    padding: var(--listado-padding);
}

#main_menu .category .dish-table {
    border-radius: var(--listado-redondeo);
    overflow: hidden;
}

    #main_menu .category .dish-table::after {
        content: "";
        position: absolute;
        bottom: 0px;
        pointer-events: none;
        left: 0;
        right: 0;
        height: 2px;
        background-color: var(--listado-borde-inferior);
        height: 1px;
        z-index: 1;
    }

#main_menu .category h2 {
    font-size: 24px;
    color: var(--listado-titulo-seccion);
    text-transform: uppercase;
    font-family: 'Poppins';
    font-weight: 600;
    font-size: var(--listado-titulo-seccion-size);
    padding-bottom: 5px;
    border-bottom: 2px solid var(--listado-titulo-seccion-borde);
}

    #main_menu .category h2 + p {
        color: var(--listado-titulo-seccion) !important;
    }

#main_menu .category h2 {
    margin-top: 25px;
    display: inline-block;
    width: 100%;
}

#main_menu .category h3 {
    text-transform: uppercase;
    font-family: 'Poppins';
    font-weight: 600;
    color: var(--listado-titulo) !important;
    margin-top: 0;
    font-size: var(--listado-titulo-size);
    line-height: 1.3;
    text-transform: unset;
    padding-left: var(--listado-margen-textos);
}

#main_menu .category p {
    color: var(--listado-texto);
    font-size: var(--listado-texto-size);
    text-align: var(--listado-alineado);
    padding-left: var(--listado-margen-textos);
}

#main_menu .category .dish-table {
    margin-bottom: var(--listado-separacion);
}

#main_menu .thumb_menu_list {
    overflow: hidden;
    cursor: pointer;
    border-radius: 4px;
    margin-right: 0px !important;
    border-color: var(--listado-color-borde-imagen);
    background: var(--listado-fondo-imagen);
}

#main_menu .category .thumb_menu_list img {
    object-fit: contain;
}

#main_menu .thumb_menu_list img:hover {
    transform: scale(1.2) !important;
}

#mainMenuContainer #categories {
    margin-bottom: 40px;
}

#main_menu .category tr {
    border-radius: 4px;
    background-color: var(--listado-fondo) !important;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
}

    #main_menu .category tr p,
    #main_menu .category tr h3,
    #main_menu .category tr strong {
        user-select: none;
    }


#main_menu .price {
    color: var(--listado-precio);
    font-size: var(--listado-precio-size);
    font-weight: 400 !important;
    margin-top: var(--listado-precio-margen);
    padding-right: 0;
    font-family: 'Poppins';
}

#main_menu .price_plus {
    margin-top: 3px;
}

    #main_menu .price_plus a {
        text-decoration: none !important;
    }

#mainMenuContainer .table > tbody > tr > td, #mainMenuContainer .table > tbody > tr > th, #mainMenuContainer .table > tfoot > tr > td, #mainMenuContainer .table > tfoot > tr > th, #mainMenuContainer .table > thead > tr > td, #mainMenuContainer .table > thead > tr > th {
    border: none !important;
}

#main_menu .category .add-to-cart-extras {
    color: var(--listado-color-mas) !important;
}

    #main_menu .category .add-to-cart-extras:active {
        color: var(--listado-color-mas-hover) !important;
    }



/* Footer */
#mainMenuContainer #alergens {
    color: var(--footer-alergenos);
}

    #mainMenuContainer #alergens a {
        color: unset !important;
        text-decoration: underline;
    }

#mainMenuContainer #alergens {
    text-align: center;
}

footer {
    background-color: var(--footer) !important;
    border-top: none !important;
}

    footer h3 {
        color: var(--footer-titulo);
        text-transform: uppercase;
        font-family: 'Poppins';
        font-weight: 600;
    }

    footer a {
        color: var(--footer-enlaces);
        font-family: 'Poppins';
        line-height: 2;
    }

        footer a:hover {
            color: var(--footer-enlaces-hover);
        }

    footer center p {
        color: var(--footer-texto);
    }

/* Barra contextual */
body:not(.pastSubheader) .categories-mobile {
    display: none !important;
}

.categories-mobile {
    position: fixed;
    top: 60px;
    background-color: var(--subcabecera) !important;
    color: var(--contextual-texto) !important;
    z-index: 2 !important;
    height: 33px !important;
    display: none !important;
}

    .categories-mobile .deliverytype-note {
        font-family: Poppins;
        font-size: 16px;
        margin-right: 20px;
    }

    .categories-mobile a {
        font-family: Poppins;
        color: var(--contextual-texto) !important;
    }

    .categories-mobile .name {
        font-size: 16px !important;
        position: relative;
        left: -10px;
    }

.menu-categories-mobile {
    background-color: var(--contextual-fondo-desplegable) !important;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 20px;
    top: 92px !important
}

    .menu-categories-mobile ul li {
        padding: 12px 0px !important;
        border-bottom: 1px solid var(--contextual-separacion-categorias) !important;
    }

        .menu-categories-mobile ul li a {
            font-size: 15px !important;
            color: var(--contextual-categorias) !important;
        }

/* Se muestra la barra en teléfono */
@media (max-width: 770px) {

    body:not(.pastSubheader) .categories-mobile {
        height: 45px !important;
        position: static !important;
    }

        body:not(.pastSubheader) .categories-mobile a,
        body:not(.pastSubheader) .categories-mobile .menu-categories-mobile {
            display: none !important;
        }

        body:not(.pastSubheader) .categories-mobile > * {
            position: relative;
            top: 12px;
        }

    .categories-mobile {
        display: block !important;
        position: fixed !important;
    }

    .header-window {
        border-bottom: none !important;
    }

    .categories-mobile .search-switch {
        display: none !important;
    }
}

/* Transiciones y efectos, menú superior */
body.pastSubheader .mobile {
    background-color: var(--subcabecera) !important;
}

.mobile h1 {
    text-transform: uppercase;
    font-family: 'Poppins';
    color: var(--titulo-sticky) !important;
    font-size: var(--titulo-sticky-size) !important;
    font-weight: var(--titulo-sticky-peso) !important;
    text-transform: var(--titulo-sticky-transform) !important;
}

#center-tooltip {
    background-color: transparent;
}


/* Modales */
.modal-dialog .close {
    font-size: 39px;
    color: var(--modal-cabecera-texto) !important;
    filter: none !important;
    opacity: .8;
}

    .modal-dialog .close:hover {
        opacity: 1;
    }

.modal-dialog .panel-default > .panel-heading, .panel-heading {
    background-color: var(--modal-subcabecera);
}

.modal-dialog .modal-header {
    background-color: var(--modal-cabecera);
}

    .modal-dialog .modal-header h4 {
        color: var(--modal-cabecera-texto) !important;
    }

.modal-dialog .panel,
.modal-dialog .panel-default .panel-heading {
    border: none !important;
}

.modal-dialog .panel-default .panel-heading {
    padding: 12px;
    border-radius: 6px;
    margin-bottom: 15px;
}

    .modal-dialog .panel-default .panel-heading h4 {
        color: var(--modal-subcabecera-texto) !important;
    }

.modal-dialog .panel-default > .panel-heading + .panel-collapse > .panel-body {
    padding: 0;
}

.modal-dialog .panel .col-md-4 {
    width: auto;
}

.modal .form-check-label {
    margin-left: 0 !important;
}

.modal-dialog #cart-title {
    margin-bottom: 20px;
}

#foodDetailModal #price {
    background: transparent !important;
}

.modal-dialog {
    margin-top: unset !important;
    height: 1000px !important;
}

    .modal-dialog h5 {
        color: var(--modal-titutlo-contenido);
    }

.modal-dialog {
    width: 92% !important;
    height: unset !important;
    max-width: 500px !important;
    margin-bottom: 15% !important;
    top: 10% !important;
}

    .modal-dialog h4 {
        text-transform: none !important;
        font-size: 18px !important;
    }

    .modal-dialog #title {
        position: relative;
        top: -31px;
        left: -8px;
    }

/* Modales - Fixes generales de comportamiento */
.modal-options-fieldset {
    padding-bottom: unset !important;
}

@media only screen and (max-width: 1200px) {
    #mainMenuContainer {
        padding-top: 80px !important;
    }
}

@media only screen and (max-width: 1000px) {
    :root {
        --padding-scroll: 90px;
    }

    #subheader {
        /*background-image: var(--cabecera-telefono) !important;*/
        width: 100vw !important;
        height: unset !important;
        aspect-ratio: 2.64;
        ;
    }
}


@media only screen and (max-width: 992px) {
    .sticky-search[class~="off"] {
        display: block !important;
        /* ocultada temporalmente */
        display: none !important;
    }

    .sticky-search {
        background-color: transparent !important;
    }
}

/* Colapsable (menú izquierdo) */
.mobile div.sidebar {
    transition: left 0.3s, opacity 0.2s !important;
    background-color: var(--colapsable-fondo) !important;
    min-width: 275px;
}

.mobile .sidebar a {
    color: var(--colapsable-texto) !important;
}

@media only screen and (max-width: 770px) {
    #mainMenuContainer {
        margin-top: 0 !important;
    }

    #main_menu {
        padding: var(--carta-padding-mobile) !important;
    }
}


@media only screen and (max-width: 700px) {
    .mobile h1 {
        font-size: var(--titulo-sticky-size-mobile) !important;
    }
}

@media only screen and (max-width: 600px) {
    .mobile .order-mobile {
        font-size: 18px !important;
    }
}

@media only screen and (max-width: 550px) {
    .search-query {
        width: 80% !important;
    }
}

@media only screen and (max-width: 500px) {
    .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
    }

    .subheadersubtitle a {
        font-size: calc(0.85 * var(--subcabecera-texto-size)) !important;
    }
}

@media only screen and (max-width: 480px) {
    .mobile .order-mobile {
        font-size: 17px !important;
    }

    .mobile h1 {
        font-size: 18px !important;
    }
}


/* Modales - Fixes generales de comportamiento */
#myModal form {
    height: unset !important;
    max-height: 65vh !important;
}

.modal-options-fieldset {
    padding-bottom: unset !important;
}

#myModal {
    padding: 0 !important;
    position: fixed !important top: 0!important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
}

    #myModal .modal-extra-title {
        max-height: 162px !important;
    }

    #myModal .modal-dialog {
        margin: unset !important;
        padding-top: unset !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        display: grid;
        place-content: center;
        max-height: unset !important;
        max-width: unset !important;
        width: unset !important;
        pointer-events: none !important;
    }

    #myModal .modal-content {
        min-width: 60vw;
        max-width: 90vw !important;
        pointer-events: all !important;
    }

@media only screen and (min-width: 1000px) {
    #myModal .modal-content {
        min-width: 900px;
        .icheckbox_square-grey, .iradio_square-grey

{
    transform: scale(1);
    margin-left: 30px;
    margin-right: 20px;
}

}

@media only screen and (min-width: 1000px) {
    html[data-useragent="kiosk"] #myModal .modal-content {
        .icheckbox_square-grey, .iradio_square-grey

{
    transform: scale(1.5);
}

}
}

/* Kiosco */
html[data-useragent="kiosk"] #mainMenuContainer {
    padding-top: 511px !important;
}

html[data-useragent="kiosk"] {
    --padding-scroll: 500px;
}

.kiosk-header {
    height: 380px !important;
    position: fixed !important;
}

#mainMenuContainer .flexyGrid {
    background: var(--k-categorias) !important;
    position: fixed;
    margin: 0 !important;
    border-radius: 0;
    top: 380px !important;
    padding-bottom: 35px;
}

    #mainMenuContainer .flexyGrid .buttonCategory {
        box-shadow: var(--k-categorias-sombra) !important;
        padding: var(--k-categorias-padding) !important;
        background-color: var(--k-categorias-color) !important;
        height: var(--k-altura-boton) !important;
    }

        #mainMenuContainer .flexyGrid .buttonCategory a {
            color: var(--k-categorias-texto) !important;
            text-shadow: var(--k-categorias-sombra-texto) !important;
        }

html[data-useragent="kiosk"] .margin_60_35 {
    padding-top: 490px !important;
}

/* Kiosco cart */
/*#tablaProductos {
    min-height: 100px !important;
    max-height: 1111px !important;
}*/

/* Kiosco pagos order */
html[data-useragent="kiosk"] .margin_60_35 {
    padding-left: 20px;
    padding-right: 20px;
    margin: 0;
}

html[data-useragent="kiosk"] body.page-order hr {
    display: none;
}

html[data-useragent="kiosk"] body.page-order #orderForm #cart_box {
    width: 370px !important;
}

html[data-useragent="kiosk"] body.page-order .opciones.row {
    height: 368px;
}

html[data-useragent="kiosk"] body.page-order #paymentProviderDiv button.btn_payoption {
    font-size: 18px;
}

/* Formularios */
.form-group {
    font-family: 'Poppins';
    color: var(--formulario-texto);
}

    .form-group label {
        text-transform: uppercase;
        font-family: 'Poppins';
        color: var(--formulario-texto);
    }

.form-control,
.form-control.valid {
    background: var(--formulario-fondo) !important;
    background-color: var(--formulario-fondo) !important;
    color: var(--formulario-texto) !important;
    font-size: var(--formulario-texto-size) !important;
    border-radius: var(--formulario-radio) !important;
    border-color: var(--formulario-borde) !important;
    box-shadow: none !important;
}

    .form-control::placeholder {
        color: var(--formulario-placeholder);
    }

    .form-control.error {
        border-color: var(--formulario-borde-error) !important;
        background-color: var(--formulario-fondo-error) !important;
        color: var(--formulario-texto-error) !important;
    }

form .error {
    font-style: unset !important;
}

.form-control.error::placeholder {
    color: var(--formulario-placeholder-error);
}

label.error {
    margin-top: 8px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: var(--formulario-label-error) !important
}



/* Páginas secundarias */
body > .container {
    background-color: var(--general-fondo) !important;
}

    body > .container h2 {
        font-size: var(--titulo-seccion-principal-size) !important;
        text-transform: unset !important;
        padding-right: 0 !important;
        color: var(--titulo-seccion-principal) !important;
        padding-bottom: 5px !important;
        background-color: transparent !important;
        text-transform: uppercase;
        font-family: 'Poppins';
        font-weight: 500 !important;
        border-bottom: 2px solid var(--titulo-seccion-principal-borde) !important;
        font-size: var(--titulo-seccion-principal-size) !important;
        padding: 0;
    }

        body > .container h2.inner {
            margin: unset !important;
            margin-bottom: 25px !important;
            padding-left: 0 !important;
        }

    body > .container hr {
        border-color: var(--hr-subpaginas) !important;
    }

    body > .container .box_style_2,
    body > .container .col-md-6,
    body > .container .col-md-3 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }



/*  Términos y condiciones | Política de privacidad | Cookies | etc */
#cssid + .container {
    background: var(--pg-fondo) !important;
}

    #cssid + .container h2,
    #cssid + .container h3,
    #cssid + .container h4,
    #cssid + .container h5,
    #cssid + .container p,
    #cssid + .container li {
        color: var(--negro) !important;
    }


/* Pantalla de pago */

/* CARRITO */
#orderForm #cart_box {
    border: none !important;
    width: 440px !important;
}

#orderForm .theiaStickySidebar {
    background: var(--general-fondo);
}

#orderForm .table_summary td {
    color: var(--carrito-texto);
    font-weight: 500;
    font-family: Poppins;
}

    #orderForm .table_summary td.total {
        color: var(--pp-total);
        font-weight: bold;
        font-size: var(--pp-total-size) !important;
        border-top: 1px solid var(--pp-total-linea) !important;
        padding-top: 18px;
    }

#orderForm #cart_box h3 {
    color: var(--carrito-titulo);
    padding-bottom: 0 !important;
    position: relative;
    padding-top: 20px !important;
    top: 13px;
}

#orderForm #cart_box .btn_full_details {
    font-family: 'Poppins';
    margin-top: 11px;
    margin-bottom: 5px;
    font-size: var(--carrito-disponibilidad-size);
    color: var(--carrito-disponibilidad);
}

#orderForm #cart_box hr {
    display: none;
}

#orderForm #cart_box #options_2 {
    display: block;
    padding: 32px 0;
    padding-top: 10px;
}

    #orderForm #cart_box #options_2 div {
        padding-left: 0;
        padding-right: 0;
    }

#orderForm #cart_box .remove_item .icon_minus_alt {
    color: var(--carrito-icono-borrar);
}

#orderForm #cart_box .iradio_square-grey {
    mix-blend-mode: multiply;
}

#orderForm button span {
    display: none !important;
}

#orderForm button {
    border: unset !important;
}

#orderForm .iradio_square-grey {
    display: none !important;
}

#orderForm label {
    text-indent: 8px;
}

#orderForm #order_process {
    overflow: hidden;
}

#orderForm .big .icheckbox_square-grey {
    margin-left: 10px !important;
}

#orderForm td,
#orderForm div {
    font-family: Poppins;
    color: var(--pp-politica);
}

    #orderForm td a,
    #orderForm div a {
        color: unset;
        border-bottom: 1px dotted;
    }

#orderForm table.big {
    margin-bottom: 23px;
}

body.page-order #orderForm .opcion .textos {
    color: var(--pp-color-modalidad) !important;
    font-size: 22px;
    font-weight: 450 !important;
}

body.page-order #orderForm .orderTypeIcon {
    transition: all 0.3s ease-out !important;
    box-shadow: none !important;
    transform-origin: center center !important;
}

    body.page-order #orderForm .orderTypeIcon.selected {
        transform: scale(1.2) !important;
    }

body.page-order #orderForm .circulo {
    background-color: var(--pp-fondo-bolo) !important;
}

    body.page-order #orderForm .circulo .icono {
        color: var(--pp-icono-bolo) !important;
    }

    body.page-order #orderForm .circulo.selected {
        background-color: var(--pp-fondo-bolo-seleccionado) !important;
    }

@media only screen and (max-width: 992px) {
    #orderForm #cart_box {
        width: 100vw !important;
        max-width: 720px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #orderForm #cart_box {
        padding-right: 35px !important;
    }
}

.textoBoloModal {
    display: block;
    font-family: 'Signika Negative';
    font-size: clamp(16px, calc(var(--size) * 0.2), 28px);
    margin-top: calc( var(--size) * 0.1);
}

div.center-block a {
    /*    margin-left: 0px;
    margin-right: 0px*/
}

div.center-block.marchando-icon {
    margin-bottom: 114px;
}

div.indexoption > a > div > label {
    margin-top: 114px;
}


div.indexoption > a > div > label,
.box_style_2 > h1,
li.menuItem > div > a > span {
    font-family: 'Signika Negative';
}