/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 18-ago-2017, 8:18:37
    Author     : Lucia
*/
/*300KB*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 08-ago-2017, 13:32:40
    Author     : Lucia
*/

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 31-jul-2017, 14:51:20
    Author     : Lucia
*/
.form-group {
    margin-bottom: 15px !important;
}

.cd-hero-slider li:first-of-type,
.cd-hero-slider li:nth-of-type(2),
.cd-hero-slider li:nth-of-type(3) {
    background-color: #ffffff;
}




@font-face {
    font-family: "GTWalsheimPro-Regular";
    font-style: normal;
    src: url("./fonts/GTWalsheimPro-Regular.ttf");
}

@font-face {
    font-family: "GTWalsheimPro-Bold";
    font-style: normal;
    src: url("./fonts/GTWalsheimPro-Bold.ttf");
}

@font-face {
    font-family: "Raleway-Bold";
    font-style: normal;
    src: url("./fonts/Raleway-Bold.ttf");
}

@font-face {
    font-family: "sppro-regular";
    font-style: normal;
    src: url('./fonts/spprodisplay-regular.otf');
}

@font-face {
    font-family: "sppro-bold";
    font-style: normal;
    src: url('./fonts/spprodisplay-bold.otf');
}

@font-face {
    font-family: "Helvetica";
    font-style: normal;
    font-weight: normal;
    src: url("./fonts/Helvetica.ttf");
}

/* FONTELLO ICONS SVG */

@font-face {
    font-family: 'iconsvg';
    src: url('./fontello-icons/font/iconsvg.eot?69358250');
    src: url('./fontello-icons/font/iconsvg.eot?69358250#iefix') format('embedded-opentype'),
        url('./fontello-icons/font/iconsvg.woff2?69358250') format('woff2'),
        url('./fontello-icons/font/iconsvg.woff?69358250') format('woff'),
        url('./fontello-icons/font/iconsvg.ttf?69358250') format('truetype'),
        url('./fontello-icons/font/iconsvg.svg?69358250#iconsvg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
      font-family: 'iconsvg';
      src: url('../font/iconsvg.svg?69358250#iconsvg') format('svg');
    }
  }
  */

[class^="icon-"]:before,
[class*=" icon-"]:before {

    font-family: "iconsvg";
    font-style: normal;
    font-weight: normal;
    speak: never;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    width: 100%;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

/* ICONOS FONTELLO */
.icon-500px:before { content: '\e800'; } /* '' */
.icon-alergeno-altramuces:before { content: '\e801'; } /* '' */
.icon-alergeno-apio:before { content: '\e802'; } /* '' */
.icon-alergeno-cacahuetes:before { content: '\e803'; } /* '' */
.icon-alergeno-contiene-gluten:before { content: '\e804'; } /* '' */
.icon-alergeno-frutos-cascara:before { content: '\e805'; } /* '' */
.icon-alergeno-granos-sesamo:before { content: '\e806'; } /* '' */
.icon-alergeno-huevos:before { content: '\e807'; } /* '' */
.icon-alergeno-lacteos:before { content: '\e808'; } /* '' */
.icon-alergeno-moluscos:before { content: '\e809'; } /* '' */
.icon-alergeno-mostaza:before { content: '\e80a'; } /* '' */
.icon-alergeno-pescado:before { content: '\e80b'; } /* '' */
.icon-alergeno-soja:before { content: '\e80c'; } /* '' */
.icon-carrito:before { content: '\e80d'; } /* '' */
.icon-badges-new:before { content: '\e80e'; } /* '' */
.icon-badges-vegetariano:before { content: '\e80f'; } /* '' */
.icon-behance:before { content: '\e810'; } /* '' */
.icon-adobe_portfolio:before { content: '\e811'; } /* '' */
.icon-badges-sin-gluten:before { content: '\e812'; } /* '' */
.icon-carta:before { content: '\e813'; } /* '' */
.icon-change:before { content: '\e814'; } /* '' */
.icon-close:before { content: '\e815'; } /* '' */
.icon-discord:before { content: '\e816'; } /* '' */
.icon-dribbble:before { content: '\e817'; } /* '' */
.icon-facebook:before { content: '\e818'; } /* '' */
.icon-dropbox:before { content: '\e819'; } /* '' */
.icon-figma:before { content: '\e81a'; } /* '' */
.icon-filtros:before { content: '\e81b'; } /* '' */
.icon-flickr:before { content: '\e81c'; } /* '' */
.icon-gitlab:before { content: '\e81d'; } /* '' */
.icon-githab:before { content: '\e81e'; } /* '' */
.icon-google_my_business:before { content: '\e81f'; } /* '' */
.icon-historial-pedidos:before { content: '\e820'; } /* '' */
.icon-linkedin:before { content: '\e821'; } /* '' */
.icon-home:before { content: '\e822'; } /* '' */
.icon-twitter:before { content: '\e823'; } /* '' */
.icon-youtube:before { content: '\e824'; } /* '' */
.icon-logo-10007:before { content: '\e825'; } /* '' */
.icon-logo-10002:before { content: '\e826'; } /* '' */
.icon-logo-10003:before { content: '\e827'; } /* '' */
.icon-logo-10001:before { content: '\e828'; } /* '' */
.icon-logo-10004:before { content: '\e829'; } /* '' */
.icon-lupa:before { content: '\e82a'; } /* '' */
.icon-logo-10005:before { content: '\e82b'; } /* '' */
.icon-marca-10002:before { content: '\e82c'; } /* '' */
.icon-marca-10003:before { content: '\e82d'; } /* '' */
.icon-marca-10004:before { content: '\e82e'; } /* '' */
.icon-marca-10005:before { content: '\e82f'; } /* '' */
.icon-marca-10006:before { content: '\e830'; } /* '' */
.icon-marca-10007:before { content: '\e831'; } /* '' */
.icon-mas:before { content: '\e832'; } /* '' */
.icon-medium:before { content: '\e833'; } /* '' */
.icon-menos:before { content: '\e834'; } /* '' */
.icon-moto:before { content: '\e835'; } /* '' */
.icon-signal:before { content: '\e836'; } /* '' */
.icon-skype:before { content: '\e837'; } /* '' */
.icon-slack:before { content: '\e838'; } /* '' */
.icon-sobre-carta:before { content: '\e839'; } /* '' */
.icon-telefono:before { content: '\e83a'; } /* '' */
.icon-telegram:before { content: '\e83b'; } /* '' */
.icon-tienda:before { content: '\e83c'; } /* '' */
.icon-tik_tok:before { content: '\e83d'; } /* '' */
.icon-tumblr:before { content: '\e83e'; } /* '' */
.icon-twitch:before { content: '\e83f'; } /* '' */
.icon-vimeo:before { content: '\e840'; } /* '' */
.icon-reloj:before { content: '\e841'; } /* '' */
.icon-vk:before { content: '\e842'; } /* '' */
.icon-whatsapp:before { content: '\e843'; } /* '' */
.icon-yandex_zen:before { content: '\e844'; } /* '' */
.icon-logo-10006:before { content: '\e845'; } /* '' */
.icon-marca-10001:before { content: '\e846'; } /* '' */
.icon-ok:before { content: '\e847'; } /* '' */
.icon-pinterest:before { content: '\e848'; } /* '' */
.icon-instagram:before { content: '\e849'; } /* '' */
.icon-badges-top:before { content: '\e84a'; } /* '' */
.icon-pedidos:before { content: '\e84b'; } /* '' */
.icon-badges-picante:before { content: '\e84c'; } /* '' */
.icon-badges-vegano:before { content: '\e84d'; } /* '' */
.icon-badges-nuevo:before { content: '\e84e'; } /* '' */
.icon-back:before { content: '\e84f'; } /* '' */
.icon-ir:before { content: '\e850'; } /* '' */
.icon-alergeno-dioxido-azufre-sulfitos:before { content: '\e851'; } /* '' */
.icon-usuario:before { content: '\e852'; } /* '' */
.icon-alergeno-crustaceos:before { content: '\e853'; } /* '' */
.icon-faq:before { content: '\e854'; } /* '' */
.icon-promos:before { content: '\e855'; } /* '' */
.icon-location:before { content: '\e856'; } /* '' */
.icon-servilletas:before { content: '\e857'; } /* '' */
.icon-confetti:before { content: '\e858'; } /* '' */
.icon-info:before { content: '\e859'; } /* '' */



[class^="icon-"]:before,
[class*=" icon-"]:before {
    width: 1.438em;
    height: 1.438em;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* FIN FONTELLO ICONS SVG */



/* COLORES ICONOS BADGES */
.icon-badges-nuevo {
    color: white;
    background-color: #f51517;
}

.icon-badges-top {
    color: white;
    background-color: #f51517;
}

.icon-badges-picante {
    color: white;
    background-color: #FF3B30;
}

.icon-badges-vegetariano {
    color: white;
    background-color: #3C6F24;
}

.icon-badges-vegano {
    color: white;
    background-color: #3C6F24;
}

.icon-badges-sin-gluten {
    color: white;
    background-color: #FFC38D;
}

[class^="icon-badges"] {
    /* border-radius: 50%;
    padding: 4px;
    font-size: 12px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: fit-content; */
    margin-right: 3px;
    width: 1.05em;
    height: 1.05em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

[class^="icon-badges"]:before {
    margin-left: 0px;
    margin-right: 0px;
    font-size: 12px;

}

/* FIN COLORES ICONOS BADGES */

.icon-mas {
    width: 24px !important;
    height: 24px !important;
    background-color: #f51517;
    border-radius: 50%;
    font-size: 16px !important;
    padding: 6px;
    color: white;
}

.icon-mas:before {
    /* width: auto; */
    font-size: 14px;
    padding-left: 1px;
    padding-bottom: 0px;
}

.icon-menos {

    background-color: #f51517;
    border-radius: 50%;
    font-size: 16px !important;
    padding: 6px;
    color: white;

}

.icon-menos:before {
    width: auto;
}

body {
    background-color: #F6F6F6;
    color: #231f20 !important;
    font-size: 15px;
    font-family: sppro-regular, sans-serif !important;
    font-weight: normal;
    line-height: 1.75;
}

a {
    color: #231f20;
}

a:hover {
    color: #f51517;
}

.nav-tabs {
    margin-bottom: 20px;
}

/* ************************************ HEADER ************************************ */
.navbar-inverse {
    color: white;
    background-color: #f51517;
    border-color: #080808;
}

.avisolegal {
    color: #231f20 !important;
}

.selected>label.bolita {
    background-color: #231F20;
    opacity: 1;
}

/* ************************************ HEADER PC ************************************ */
.opcion-menu {
    color: white !important;
    font-size: 14px;
    font-family: 'myriad';
    font-weight: 600;
    letter-spacing: 0.05em;
}

#icon-contacto {
    color: white;
}

.modal-title {
    color: #231f20;
}

.opcion-menu:hover {
    color: #ceb170 !important;
}

.avisolegal:hover {
    color: #393839 !important;
}

.enlace-navbar-upper {
    color: #231f20 !important;
    font-size: 16px;
    font-family: 'myriad';
    font-weight: 600;
    letter-spacing: 0.05em;
}

.enlace-navbar-upper:hover {
    color: #231f20 !important;
    font-size: 16px;
    font-family: 'myriad';
    font-weight: 600;
    letter-spacing: 0.05em;
    color: #82262b !important;
}

.numero-pedidos-carrito-pc,
.numero-pedidos-carrito-mvl {

    font-family: 'myriad';
    color: white;
    background-color: #393839;
}

.select-idioma {
    font-family: 'myriad';
    color: #231f20 !important;
    font-size: 14px;
    background-color: white !important;
}

/* ***************** LOGO PC ***************** */
.menu-pc {
    /* background: transparent !important; */
    color: white;
}

.navbar-logo {
    width: 120px;
    height: auto;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 9px;
    left: 11px;
    z-index: 1051;
}


/* ************************************ HEADER MVL ************************************ */
header i.fa,
header i.material-icons {
    color: white;
}

.touch-menu-la {
    background-color: white;
}

.menu-items span {
    color: #231f20;
}

.menu-items li {
    border-bottom: 1px solid #231f20;
}

.menu-items li:hover {
    background: #393839 !important;
    color: white;
}

.menu-items li:hover a {
    background: #da2023 !important;
    color: white;
}

.menu-items li:hover a span {
    color: white !important;
}

.nz-toogle-bajar-num {
    font-family: 'miriad';
    position: relative;
    margin-top: 67px;
    top: 1px;
    left: 0px;
    color: #231f20;
}

/* ***************** LOGO MVL ***************** */
/*.img-logo{
    background-image: url(../img/logo-original.png);
}*/

/* ************************************ FOOTER  ************************************ */
.footer {
    background-color: #eee;
}

.txt-footer-empresa a {
    font-family: 'myriad';
    color: white;
}

.txt-footer-empresa a:hover {
    color: #de034a;
}

.txt-footer-empresa {
    color: #AAB7B8;
    font-family: 'myriad';
}

/* ************************************ CONTENT HEADER  ************************************ */
/*.li-tiendas{
    display:none !important;
}*/
.icon-carrito:hover {
    color: #393839;
}

/* ************************************ CONTENT VALIDATE PHONE  ************************************ */
.error-validatePhone {
    font-family: 'myriad';
    color: #da2023;
    font-size: 18px;
}

/* ************************************ CONTENT pickup ************************************ */

.gracias-pedido {
    color: #231f20;
    margin-top: 10px;
    font-size: 17px;
    font-family: 'myriad';
}

.pedido-listo {
    font-size: 16px;
    font-family: 'myriad';
}

.tienda-ciudad {
    font-family: 'myriad';
}

/* ************************************ CONTENT GREETING ************************************ */
.txt-identificador-greeting {
    font-size: 16px;
    text-align: left;
    color: #393839;
    /*    background: -webkit-linear-gradient(#EFD791, #AE8D51);*/
    /*    -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;*/
}

.p-inf-greetings {
    font-family: 'myriad';
    color: #231f20;
    font-size: 14px;
}

.p-inf-nombreTienda {
    font-family: 'myriad';
    color: #393839;
    font-size: 16px;
    font-weight: 700;
}

.productName-inf-greetings {
    font-size: 17px;
    font-weight: 700;
    font-family: 'myriad';
    color: #393839;
}

.total-inf-greetings {
    font-family: 'myriad';
    font-size: 20px;
}

/* ************************************ CONTENT HOME  ************************************ */
.arrow_box,
.arrow_box-carrito {
    border: 4px solid #f51517;
}

.arrow_box-carrito:before {
    border-bottom-color: #f51517;
}

.arrow_box:before {
    border-right-color: #f51517;
}

.navbar-nav li a span {
    color: #231f20;
    font-size: 16px !important;
    font-family: 'sppro-regular';
    text-transform: uppercase;
    font-weight: normal;
    line-height: 22px;
}

.precio {
    font-size: 19px;
    /* font-family: 'myriad' !important; */
    display: block;
    color: #393839;
}

.btn-btn-domi {
    margin-left: 22px;
}

.h2-carta-menu {
    letter-spacing: 4px;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'myriad';
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #231f20 !important;
    font-weight: 600;
}

.banda-roja-inicio {
    background-color: #393839;
}

/*body h2{
    background: -webkit-linear-gradient(#EFD791, #AE8D51);
}*/

.bnt-inicio-domicilio {
    margin: 15px 31px;
    font-weight: 700 !important;
    text-transform: uppercase;
    background: #393839;
    font-family: Quicksand;
    border: 3px solid #393839;
    color: #ffffff;
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    font-size: 20px !important;
}

.txt-aviso-legal {
    color: #231f20 !important;
    font-size: 13px !important;
    font-family: 'myriad' !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em !important;
}

.restaurante-ciudad,
.texto-identificador-quienes-somos,
.texto-identificador-tiendas {
    font-family: 'Raleway-Bold';
    color: #393839;
}

.texto-identificador {
    /*    letter-spacing: 3px;*/
    font-weight: 700 !important;
    color: #393839;
    font-family: 'Raleway-Bold';
}



.bnt-sinfotos {
    margin-top: 0px !important;
}

.img-selected-premium {
    width: 110px;
    height: 110px;
    position: absolute;
    top: -145px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.passion-artesania {
    color: white !important;
    /* font-size: 30px; */
    position: absolute;
    top: 126px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    letter-spacing: 8px;
}

.desc-passion-artesania {
    width: 350px;
    position: absolute;
    top: 167px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}


.icon-fire {
    color: #af161a;
}

.icon-vegetarian {
    color: #2a8632;
}

.icon-sin-gluten {
    color: #d4951e;
}

.icon-new {
    color: #393839;
}

.icon-altramuces {
    color: #e29f40;
}

.icon-apio {
    color: #7fa92a;
}

.icon-cacahuetes {
    color: #be996c;
}

.icon-crustaceos {
    color: #af4b37;
}

.icon-frutos-cascara {
    color: #874d34;
}

.icon-contiene-gluten {
    color: #eb7435;
}

.icon-huevos {
    color: #deb352;
}

.icon-lacteos {
    color: #713582;
}

.icon-moluscos {
    color: #666666;
}

.icon-mostaza {
    color: #f2a300;
}

.icon-pescado {
    color: #008096;
}

.icon-granos-sesamo {
    color: #f1af68;
}

.icon-soja {
    color: #00a551;
}

.icon-dioxido-azufre-sulfitos {
    color: #0068b7;
}

.btn-danger {
    outline: none !important;
    color: white;
    background-color: #f51517;
    border: 2px solid #f51517;
    border-color: #f51517;
    font-size: 16px;
    font-family: 'sppro-regular' !important;
    /* font-weight: 500; */
    padding: 16px 39px 16px 39px;
    border-radius: 200px;
    box-sizing: border-box;
    box-shadow: inset 0px 0px 10px rgb(0 0 0 / 5%);
    border-radius: 4px;
    /* text-transform: uppercase;*/
}

.btn-danger:hover {
    color: #f51517;
    background-color: #ffffff !Important;
    border-color: #f51517;
}

.btn-danger:focus,
.btn-danger:active {
    color: #f51517 !important;
    background-color: white !important;
    border-color: #f51517 !important;
}

.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled.focus,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled].focus,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    color: white !important;
    background-color: #f51517 !important;
    border-color: #f51517 !important;
    opacity: 0.4;
}

.bnt-inicio-domicilio:hover {
    color: #f51517;
    background-color: #f7f7f7;
    border-color: #f51517;
}

.bnt-inicio-domicilio:active,
.bnt-inicio-domicilio:focus {
    color: #f51517 !important;
    background-color: #f7f7f7 !important;
    border-color: #f51517 !important;
}

.hr-hr {
    border: 1px solid #393839;
    display: block !important;
    margin-top: 0 !important;
}

/* ************************************ CONTENT DELIVERY  ************************************ */
.btn-encontrar-tienda-delivery {
    background-color: #f51517;
    border-color: #f51517;
    font-family: 'myriad' !important;
}

.hr-promociones {
    border: 1px solid #393839;
}

.txt-restaurante-delivery {
    color: #a38446;
    font-family: 'myriad';
}

.div-descripcion-delivery {
    color: #231f20;
    font-size: 16px;
    font-family: 'myriad';
}

.txt-selecciona-ciudad-delivery {
    color: #231f20;
    font-family: 'myriad';
    font-size: 17px;
    position: relative;
}

.descripcion-direccion-guardada {
    color: #231f20;
}


/* ************************************ CONTENT MENU  ************************************ */
.centrar_menu_pc_opciones {

    -webkit-box-shadow: 0px 8px 8px 0px rgba(50, 50, 50, 0.34);
    -moz-box-shadow: 0px 8px 8px 0px rgba(50, 50, 50, 0.34);
    box-shadow: 0px 8px 8px 0px rgba(50, 50, 50, 0.34);
}

.content-comida-nuestra-carta,
.content-comida {
    margin-top: 0px;
}

.info-pizza {
    margin-top: -5px;
}

.div-sbm {
    width: 100%;
    position: fixed;
    background-color: #393839;
    min-height: 43px;
    /* position: relative; */
    margin-top: -48px;
    z-index: 10;
}

.sub-menu-carta {
    color: #393839 !important;
}

.menu4 {
    color: #393839;
}

.multilevelpushmenu_wrapper .levelHolderClass {
    background-color: white;

}

.multilevelpushmenu_wrapper h2 {
    color: #393839;
    font-family: 'myriad';
}

.multilevelpushmenu_wrapper a {
    color: #231f20 !important;
    font-family: 'myriad';
    padding: 0.7em 1em 0.7em 1.8em;
}

.multilevelpushmenu_wrapper ul li {
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0.6);
}

.multilevelpushmenu_wrapper a:hover {
    color: white !important;
}

.multilevelpushmenu_wrapper ul li:hover {
    box-shadow: inset 0 -1px rgba(255, 255, 255, 0.6);
    background: #f51517 !important;
}

.div-negro {
    background-color: #231f20;
}

.info-pizza:hover .txt-descripcion-pizza {
    font-family: 'myriad';
    color: #231f20;
    font-size: 17px;
    margin-top: -205px;
}


/* ************************************ CONTENT PROMOTIONS  ************************************ */
.txt-descripcion-promocion-pizza {
    display: none !important;
}

.hr-historial-pedidos-dicarlo {
    display: block !important;
    margin-top: -5px;
    margin-bottom: 10px;
    color: #da2023;
}

.titulo-promociones-oferta {

    font-family: 'myriad';
    color: #393839;
}


.txt-selects-promotions {
    font-size: 16px;
    font-family: 'myriad' !important;
    font-weight: 500;
    line-height: 1.75;
}

.boton-promociones-elegir {
    /* font-size: 15px; */
    font-family: 'myriad' !important;
    font-weight: 500;
    line-height: 1.75;
    margin-top: 10px;
    margin-bottom: 12px;
}




/* ************************************ CONTENT ABOUT US  ************************************ */
.hr-quines-somos {
    border: 1px solid #393839;
}

.contenido-quienes-somos {
    font-family: 'myriad';
    font-size: 18px;
    margin-bottom: 35px;
}

.span-pizzeria {
    color: #393839;
}

.texto-clr {
    background: -webkit-linear-gradient(#EFD791, #AE8D51);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.imagen-about-us {
    max-height: 650px;
    margin-bottom: 20px;
}

.imagen-about-us-pequeñas {
    max-height: 300px;
}

.imagen-efecto-ven-y-peca {
    margin-bottom: 20px;
}

h2.resaltar {
    text-transform: uppercase;
    color: #3b3f4a;
}

h2.resaltar-min {
    color: #3b3f4a;
    font-size: 50px;
}

h2>.rojo {
    color: #ff0000;
}


/* ************************************ CONTENT BRANCHES  ************************************ */

.hr-tiendas {
    border: 1px solid #82262b;
}

.txt-selecciona-ciudad {
    color: #231f20;
    font-family: 'myriad';
    font-size: 17px;
    position: relative;
    top: -35px;
}

.span-delivery-txt {
    font-family: 'myriad';
    color: #231f20 !important;
    font-size: 17px;
    font-weight: 500;
}

.texto-identificador-branches {
    font-size: 20px;
    font-family: 'myriad';
    /*    font-weight: 600;*/
    line-height: 1.2;
    color: #393839;
}

.texto-identificador-tiendas {
    font-weight: 600;
    color: #393839;
    letter-spacing: 2px;
}

.contenido-especifico-tiendas {
    font-size: 15px !important;
    font-family: 'myriad' !important;
    font-weight: 500 !important;
    line-height: 1.75 !important;
}

.parrafo-info {
    /*    margin-left: 5%;
        margin-right: 5%;*/
    font-size: 20px;
    text-align: center;
    font-family: 'myriad';
}

.btn-pedir-tienda {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
}

.font-family {
    font-family: 'myriad';
}


/* ************************************ CONTENT SIGN UP  ************************************ */
.etiqueta-a {
    color: #231f20;
}

.etiqueta-a:hover {
    color: #393839;
}

.btn-facebook,
.btn-google,
.btn-twitter {
    font-family: 'myriad';
    font-size: 13px;
}

.login-social {
    display: none;
}


/* ************************************ CONTENT CARRITO  ************************************ */
.total-margen-sup {
    border-top: 1px solid #ddd;
}

.panel-heading-carrito {
    border-color: #de034a;
    background-color: white;
}

.panel {
    border-color: #ddd;
}

.panel-body {
    background-color: white;
    border-top: 1px solid #ddd !important;
}

.pnl-pedido {
    background-color: white;
}

.min-num-carrito {
    font-family: 'myriad';
}

.btn-less {
    background-color: #393839;
    border-color: white;
    font-size: 20px;
}

.btn-less:hover,
.btn-less:focus {
    background: #ffffff;
    border-color: #393839;
    color: #393839;
}

/* ************************************ CONTENT CONTACT  ************************************ */
.txt-color-rojo {
    color: #d61c21;
}

.text-area-mensaje {
    font-family: 'myriad' !important;
    font-weight: 500;
    font-size: 15px;
}

.text-telf-contact {
    color: #a8804b;
    font-family: 'myriad';

}

/* ************************************ CONTENT OPTION ACCOUNT  ************************************ */
.txt-identificador-optionAccount {
    letter-spacing: -1px;
}

/* ************************************ CONTENT ACCOUNT  ************************************ */
.txt-identificador-account {
    color: #303133 !important;
    font-family: 'myriad' !important;
    font-size: 34px !important;
}

.form-lbl-class {
    color: #231f20;
    font-size: 15px !important;
    font-family: 'sppro-regular' !important;
    font-weight: 500 !important;
    line-height: 1.75 !important;
    letter-spacing: 0px;
}

@media (max-width: 1259px) and (min-width: 1199px) {
    .informacion-cuenta-account {
        margin-top: 93px;
    }
}




/* ************************************ CONTENT ORDER TRACKING  ************************************ */
.boton-identificarse-entrar {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
}

.timer {
    font-family: myriad !important;
}

.c100:after {
    background-color: white !important;
}

.timer .c100>span.time {
    color: #393839 !important;
    font-size: 56px;
    left: 0;
    top: 0;
}


.c100.big span {
    color: #231f20 !important;
    font-size: 54px;
}

.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
    border: 0.08em solid #393839 !important;
    transition: 1s transform linear;
}

.c100.p100 .fill {
    border: 0.08em solid #41c463 !important;
    transition: 1s transform linear;
}

.alert-info {
    color: #000000;
    background-color: #ffffff;
    border-color: #393839;
}

/* ************************************ CONTENT ORDER HISTORY  ************************************ */
.txt-fecha-historial {
    font-family: 'myriad';
    color: #da2023;
}

.txt-recoger-historial {
    font-family: 'myriad';
}

.txt-nombre-pedido {
    color: #da2023;
    font-family: 'myriad' !important;
    font-weight: 600;
}

/* ************************************ CONTENT SIN FOTOS  ************************************ */
.title-pizza-sinfotos {
    color: #ffa208;
    margin: 0px;
    margin-bottom: 10px;
    font-family: 'myriad';
    font-size: 18px;
    letter-spacing: 1px;
}

/* ************************************ CONTENT MODIFY  ************************************ */
.span-tipo-pizza {
    font-size: 24px;
}

.font-miriad {
    font-family: 'myriad';
}

/* ************************************ CONTENT HALF PIZZA ************************************ */
.txt-dentro-dropdown-toggle {
    font-size: 11px;
    margin-left: 0px;
    font-family: 'sppro-regular' !important;
}

.txt-half,
.txt-primera-mitad {
    font-size: 19px;
}

.descripcion-halfpizza {
    font-family: 'myriad';
}

/* ************************************ CONTENT EDIT ACCOUNT ************************************ */
.txt-radio-editAccount {
    color: #231f20;
    font-family: 'myriad';
    font-size: 15px;
    letter-spacing: 0;
}


.descripcion-pizza {
    color: #231f20;
    margin-top: 0px;
}

.img-pizza-carta {
    width: 50% !important;
}

.timer .minutes {
    left: 37% !important;
}

.view p {
    font-family: 'myriad' !important;
}

.view-ninth .content {
    background: rgb(242, 242, 242);
}


footer {
    color: white;
    position: relative;
    bottom: 0;
    width: 100%;
    background-color: #ffffff !important;
    opacity: 1;
    border-top: 8px solid #ffffff;
}


/**************************VERSION PC**************************************/
@media (min-width: 769px) {

    .div-descrip-promo-home {
        top: 20px !important;
    }

    .p-marca-cart {
        font-family: Raleway-Bold;
        font-size: 13px;
        color: white;
        opacity: 0.5;
        text-transform: uppercase;
    }

    .p-promocion-carrito {
        color: white;
        background-color: #f51517;
        font-size: 10px;
        line-height: 13px;
        border-radius: 6px;
        margin-bottom: 0px;
        padding-left: 8px;
        padding-right: 8px;
        text-transform: uppercase;
        margin-top: 8px;
        text-align: center;
        width: fit-content;
    }

    .div-promo-quantity {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .flecha-select-header {
        transform: rotate(90deg);
        font-size: 18px !important;
        margin-left: 8px;
    }

    .div-content-halfpizza {}

    .hr-halfPizza {
        margin-right: 0px;
        margin-left: 0px;
    }

    .flecha-half {
        font-size: 8px !important;
    }

    .select-half-pizza span {
        font-size: 14px !important;
    }

    .btn-cambiar-mitad-mitad {
        font-size: 14px !important;
    }

    .bnt-halfPizza-anadir-pizza {
        width: 40% !important;
        max-width: 350px;
    }

    .info-half-elegida {
        margin-bottom: 15px;
    }

    .img-half-pizza {
        width: 80%;
        max-width: 300px;
    }

    .titulo-mitades {
        font-family: sppro-bold;
        font-size: 24px;
        margin-bottom: 15px;
    }

    .txt-dentro-dropdown-toggle {
        font-size: 14px !important;
    }


    /* COLORES PERSONALIZADOS DE LAS MARCAS */

    /* COLORES TARJETAS PRODUCTOS PC */
    .product-pc-96401 {
        background-color: #ff7c7d !important;
    }

    .product-pc-96402 {
        background-color: #64bb73 !important;
    }

    .product-pc-96403 {
        background-color: #81d1ff !important;
    }

    .product-pc-96404 {
        background-color: #ffd38b !important;
    }

    .product-pc-96405 {
        background-color: white !important;
    }

    .product-pc .btn-anyadir-product {
        background-color: white;
        border-color: white;
        color: black;
    }

    .product-pc-96405 .btn-anyadir-product {
        background-color: black;
        border-color: black;
        color: white;
    }

    /* FIN COLORES TARJETAS PRODUCTOS PC */

    /* COLORES BOTONES PRODUCTOS PC */
    .product-pc-96401 .btn-anyadir-product:hover,
    .product-pc-96401 .btn-anyadir-product:active {
        background-color: #f51719 !important;
        border-color: #f51719 !important;
        color: black !important;
    }

    .product-pc-96402 .btn-anyadir-product:hover,
    .product-pc-96402 .btn-anyadir-product:active {
        background-color: #29833b !important;
        border-color: #29833b !important;
        color: black !important;
    }

    .product-pc-96403 .btn-anyadir-product:hover,
    .product-pc-96403 .btn-anyadir-product:active {
        background-color: #fabe5b !important;
        border-color: #fabe5b !important;
        color: black !important;
    }

    .product-pc-96404 .btn-anyadir-product:hover,
    .product-pc-96404 .btn-anyadir-product:active {
        background-color: #3ab6ff !important;
        border-color: #3ab6ff !important;
        color: black !important;
    }

    .product-pc-96405 .btn-anyadir-product:hover,
    .product-pc-96405 .btn-anyadir-product:active {
        background-color: white !important;
        border-color: black !important;
        color: black !important;
    }

    /* FIN COLORES BOTONES PRODUCTOS PC */


    /* FAMILIA ELEGIDA PC */
    .icono-marcarca-marcado-96401 {
        border: 2px solid #f51719 !important;
    }

    .icono-marcarca-marcado-96402 {
        border: 2px solid #29833b !important;
    }

    .icono-marcarca-marcado-96403 {
        border: 2px solid #3ab6ff !important;
    }

    .icono-marcarca-marcado-96404 {
        border: 2px solid #fabe5b !important;
    }

    .icono-marcarca-marcado-96405 {
        border: 2px solid black !important;
    }

    /* FIN FAMILIA ELEGIDA PC */


    /* FIN COLORES PERSONALIZADOS DE LAS MARCAS */








    .modal-headerDescuentoCarrito {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    /* SLIDER MODAL */
    .switch {
        position: relative;
        display: inline-block;
        width: 45px;
        height: 26px;
        margin-bottom: 0px;
    }

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .slider:before {
        position: absolute;
        content: "";
        height: 22px;
        width: 22px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

    input:checked+.slider {
        background-color: #245c4e;
    }

    input:focus+.slider {
        box-shadow: 0 0 1px #245c4e;
    }

    input:checked+.slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
        left: -5px;
    }

    /* Rounded sliders */
    .slider.round {
        border-radius: 34px;
    }

    .slider.round:before {
        border-radius: 50%;
    }

    .alergenosInfoDesplegable {
        margin-top: 0px;
        margin-bottom: 0px;
        display: flex;
        justify-content: flex-start !important;
        flex-direction: inherit;
        /* border-bottom: 0.5px solid #000000; */
        padding-bottom: 7px;
        padding-top: 7px;
        flex-direction: initial !important;

    }


    .div-filtros {
        display: flex;
        align-items: center;
    }

    .modal-headerFilters {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse;
    }

    .div-alergenos-modify p {
        margin-bottom: 0px;
    }




    .div-titulo-promo-wizard {
        margin-top: 80px;
    }

    .div-productos-wizard-pc {
        display: flex;
        align-items: center;
        flex-wrap: wrap;

    }

    .div-producto-carta-wizard {
        /* width: initial !important; */
    }

    .div-ProductWizard {
        width: fit-content;

    }

    .div-modify-carrito {
        margin-top: 56px;
    }

    .div-modify-carrito .div-ruta-paginas-sin-height .ruta-paginas {
        margin-bottom: 25px;
    }

    .modify-con-carrito {
        display: flex;
        justify-content: space-between;
    }

    .contenido-pgmodify {
        flex: 1;
    }

    .promoNoDisponible {
        opacity: 0.35;
    }



    .banner-cocina-home {
        margin: 10px;
    }

    #div-segundo-familias-carta-menu-id>div {
        margin: 0px !important;

    }

    .modal-body {
        width: 95% !important;
    }

    .close:hover {
        opacity: 1;
    }

    .close {
        font-size: 17px !important;
        margin-top: 5px;
    }

    .p-descripcion-promo-pc,
    .p-nombre-promo-pc {
        width: 250px;
    }

    .div-carousel-promos {
        /* background-color: red; */
        max-width: 342px !important;
        width: 342px !important;
        position: relative;
        overflow: hidden;
        top: 50px;
        margin-left: 27px;
    }

    .item-promotions {
        margin: 25px;
        margin-left: 0px !important;
        margin-right: 50px !important;
    }



    

    .img-estado-pedido:before {
        background-color: transparent;
    }

    .ver-mas-product {
        margin-bottom: 0px;
    }

    .btn-anyadir-product {
        padding: 5px 30px !important;
    }

    .descripcion-producto {
        margin-bottom: 4px !important;
    }

    .p-sin-pedido-tracking {
        margin-top: 40px !important;
        margin-bottom: 45px !important;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 22px;
        color: #494D50;
        opacity: 0.9;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .toast {
        background-color: white;
        border-radius: 10px;
        right: 15px;
        top: 70px;
        left: auto;
        width: 150px;
        height: fit-content;
        color: black;
        padding: 5px 0px;
    }

    .icono-carrito-add {
        width: 30px;
        height: 30px;
    }

    .num-items-cart {
        background-color: #f51517;
        border-radius: 200px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 2px;
        position: absolute;
        width: 28px;
        right: 8px;
        top: 6px;
        width: 28px;
        height: 22px;
        color: white;
        font-family: 'sppro-regular';
    }

    .banner-todos-restaurantes {
        background-color: #f51517;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        box-shadow: 0px 0px 20px rgb(5 5 5 / 8%);
        border-radius: 6px;
        width: 638px;
        height: 332px;
        margin: 10px;
        cursor: pointer;
        filter: drop-shadow(0px 0px 20px rgba(5, 5, 5, 0.08));
    }

    .max-container-cocinas {
        margin-top: 85px !important;
    }

    /* ICONOS Y NOMBRE FAMILIA SELECCIONADA */

    .icon-family {
        opacity: 43%;
    }

    .nav-opt-menu li.active .icon-family {
        opacity: 1;

    }

    .nav-opt-menu li.active p,
    .nav-opt-menu li.active p:focus,
    .nav-opt-menu li.active p:hover {
        font-family: 'sppro-bold' !important;
        font-style: normal;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.02em;
        color: #1B2024 !important;
    }

    .nav-opt-menu li.active p.familiaPromociones,
    .nav-opt-menu li.active p.familiaPromociones:focus,
    .nav-opt-menu li.active p.familiaPromociones:hover {
        color: #f51517 !important;
    }

    /* FIN ICONOS Y NOMBRE FAMILIA SELECCIONADA */

    .max-container-cocinas {
        max-width: 1402px;
        margin: 0 auto;
        margin-top: 100px;
    }

    .div-carousel-promos {

        height: 400px;
    }

    #owl-carousel-partners .owl-nav.disabled+.owl-dots {
        margin-bottom: 40px;
        margin-top: 40px !important;
        margin-left: 580px;
    }

    .descrip-barra-promo-home {
        display: flex;
        justify-content: space-between;
        margin-left: 15px;
        margin-right: 15px;
    }

    .div-carousel-banners-home {
        height: 630px;
        margin-top: 56px;
    }

    #owl-carousel-banners img {
        height: 630px !important;
        object-fit: cover;
    }

    .mas-menos-productos-modify img {
        cursor: pointer;
    }

    .carritoCompletoCart {
        float: right;
    }

    .familiaPromociones {
        font-family: 'sppro-bold' !important;
        font-style: normal;
        /* font-weight: bold; */
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.02em;
        color: #f51517 !important;
        padding-top: 3px;
    }

    .flechapromos {
        color: white;
        font-size: 40px !important;
    }

    .content-pagina-carta-promos {
        justify-content: flex-start !Important;
    }

    .div-imagen-promociones {
        margin-bottom: 0px !Important;
    }

    .contenedor-promociones-ofertas {
        margin-top: 0px !Important;
    }


    .div-flechas-promo {
        /* display: flex; */
        /* justify-content: space-between; */
        /* position: relative; */
        /* top: 365px; */
        /* z-index: 99; */
    }

    .div-global-promos-slider {
        width: 455px;
        max-width: 455px;
    }

    .flechapromos {
        position: absolute;
        bottom: 145px;
    }

    .flechapromos-derecha {
        right: 0px;
    }

    .div-carousel-promos {
        /* background-color: red; */
        max-width: 400px;
        width: 400px;
        position: relative;
        overflow: hidden;
        top: 50px;
        margin-left: 30px;
    }


    /* SLIDER PROMOS */

    .contenido-slider-promos-pc {
        /* width: 400px; */
        /* min-width: 400px; */
        padding: 45px 45px 45px 45px;
        text-align: left;
        background-color: #231F20;
        box-shadow: 0px 4px 40px rgb(103 102 101 / 24%);
        border-radius: 6px;
        max-height: 360px;
        min-height: 360px;
        height: 360px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }

    .p-nombre-promo-pc {
        font-family: Raleway-Bold;
        font-style: normal;
        font-weight: bold;
        font-size: 30px;
        line-height: 30px;
        letter-spacing: -0.02em;
        color: white;
        margin-top: 0px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .p-descripcion-promo-pc {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 22px;
        color: #FFFFFF;
        opacity: 0.6;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .owl-carousel .owl-item .img-promo-carousel {
        min-height: 77px;
        max-height: 77px;
        width: 77px !important;
        border-radius: 3px;
        height: 105px;
        object-fit: cover;
    }


    .contenido-slider-promos {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        /* margin: 26px; */
        margin-bottom: 36px;
        background-color: #231F20;
        box-shadow: 0px 4px 40px rgb(103 102 101 / 24%);
        border-radius: 6px;
        padding: 12px;
        width: 350px;
        height: 150px;
        margin: 0px;
    }


    .owl-carousel .owl-item .logo-promo-home {
        width: 48px !important;
        height: auto;
        margin-bottom: 5px !important;
        border-radius: 0px;
        display: none;
    }

    .div-info-promo-home-slider-carousel {
        background-color: transparent;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        min-height: 90px;
    }

    .p-nombre-promo-mvl {
        color: white !important;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-family: Raleway-Bold;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        text-align: left;
        margin-bottom: 8px;
    }

    .p-descripcion-promo-mvl {
        font-family: sppro-regular;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        color: #FFFFFF;
        opacity: 0.6;
        text-align: left;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
    }

    .div-img-promo-home-carousel {
        padding-right: 15px;
    }

    .span-promocion {
        background-color: #4EB872;
        font-style: normal;
        font-weight: bold;
        font-size: 10px;
        line-height: 16px;
        color: white;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        font-family: Raleway-Bold;
        margin-top: 8px;
        text-align: center;
    }

    .div-global-row-promos {
        margin-top: 62px;
    }

    .item-promotions {
        margin: 25px;
    }

    .barra-promo-home {
        /* background-image: url('../imagenes/fotos/banners/header-oferta.png'); */
        /* background-repeat: no-repeat; */
        /* background-size: 100% auto; */
    }

    .container-inicio {
        margin-top: 111px;
    }

    .first-group-true {
        /* border: 1px solid red; */
        /* min-width: 128px; */
        max-width: 135px;
        /* padding-right: 16px; */

    }

    .second-group-agrup {
        max-width: 135px;
        padding-right: 16px;
    }

    .subdiv-first-group-true {
        padding-right: 16px;
    }

    input[type="radio"]+label.p-punto-carne-modify {
        /* align-items: flex-start !important; */
        flex-direction: column;
        text-align: center;
    }

    .div-current-sizes input[type="radio"]+label.p-punto-carne-modify {
        flex-direction: row;
    }

    .p-punto-carne-modify::before {
        min-width: 16px;
    }

    /* .div-img-name-agrup {
        padding-right: 16px;
    } */

    .hrFamilySelected {
        display: none;
    }

    .div-promos {
        width: 100%;
    }

    .div-img-precio-product-modal img {
        width: 150px !important;
        margin-top: 0px !important;
        border-radius: 10px !important;
    }

    .div-titulo-descrp-product-modal {
        margin-left: 60px;
        margin-right: 32px;
        text-align: left;
    }


    .div-info-product-modal-product {
        padding: 30px !important;
        display: flex !important;
        align-items: flex-start !important;
        background-color: #F6F6F6 !important;
    }

    .producto-modal {
        font-family: GTWalsheimPro-Bold;
        font-style: normal;
        font-weight: bold;
        font-size: 30px;
        line-height: 34px;
        letter-spacing: -0.03em;
        color: #231F20 !important;
        margin-top: 0px;
    }

    .descripcion-producto-modal {
        margin-top: 20px;
        font-family: 'sppro-regular';
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 22px;
        color: #494D50;
        opacity: 0.8;
    }


    .titulo-precio {
        font-family: GTWalsheimPro-Regular;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
        color: #7B7B7B;
        margin-bottom: 5px;
    }

    .precio-producto-modal {
        font-family: 'sppro-bold';
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 28px;
        color: #231F20;
        margin-top: 0px;
    }

    .div-img-precio-product-modal {
        text-align: left;
        /* flex: 1; */
    }







    .div-badges-icons-pc {
        flex-direction: column;
        align-items: flex-end !important;
    }

    .icons-badges-pc {
        width: auto !important;
        height: 12px !important;
    }

    .margen-contenedor-completo {
        margin-top: 56px;
    }

    .margen-contenedor-completo-home {
        margin-top: 56px;
    }

    .contenedor-aviso-legal {
        margin-top: 56px;
    }

    #owl-carousel-partners .owl-item img {
        display: block;
        width: 60% !important;
    }

    .hrFamilySelectedScrollFoodhaven,
    .hrFamilySelectedScrollKoby,
    .hrFamilySelectedScrollTejano,
    .hrFamilySelectedScrollWokzilla,
    .hrFamilySelectedScrollCotton,
    .hrFamilySelectedScrollHanai,
    .hrFamilySelectedScrollMoma,
    .hrFamilySelectedScrollGaio {
        display: none;
    }

    .container-alergenos i {
        font-size: 14px !important;
    }

    .container-alergenos {
        margin-top: -5px;
    }


    .div-opt-carta {
        margin-right: 5px !important;
        margin-bottom: 5px !important;
    }

    .div-alergenos {
        margin-right: 20px !important;
    }

    .div-segundo-familias-carta-menu {
        max-width: 95% !important;
        min-width: 95% !important;
        width: 95% !important;
    }

    .flecha-menu-desplazamiento {
        display: none !important
    }

    .div-menu-total-familias {
        display: flex;
        width: 95%;
        justify-content: flex-start;
        align-items: center;
    }

    .div-familias-carta-menu {
        justify-content: space-around;
    }

    .hr-restaurantes-home {
        margin-top: 71px;
        margin-bottom: 10px;
    }

    .div-total-carrito-menu {
        margin-top: 26px;
    }

    .div-header-paginas-carta {
        /* width: fit-content !important; */
        height: 140px !important;
    }

    .div-header-paginas-carta {
        top: 0px;
    }

    .contenido-formulario-careers {
        padding-bottom: 100px;
    }

    .div-carousel-home {
        margin-left: -455px;
    }

    #owl-carousel-partners .owl-dots {
        margin-left: 185px;
    }

    .div-producto-carta-home .img-producto-carta {
        /* height: 94%;
        right: 5px;
        top: 5px;
        bottom: -18px;
        position: absolute;
        width: 95%; */
    }


    input[type="checkbox"]#aceptarCondiciones+label:before {
        margin-bottom: 0px;
    }


    .div-form-contacto {
        max-width: 644px !important;
        margin-bottom: 60px !important;
    }

    .div-iconos-marcas {
        /* padding-bottom: 0px !important; */
    }

    .div-segundo-familias-carta-menu {
        padding-bottom: 6px !important;
    }

    .cartaCompleta-menu {
        position: relative;
        top: 0px;
    }

    .H2-familiaMenuProducts {
        color: #000000 !important;
        font-size: 18px;
        line-height: 24px;
        font-family: 'Raleway-Bold';
        text-align: left;
        padding-left: 26px !important;
        /* margin-top: 23px; */
        margin-top: 5px;
    }

    .H2-familiaMenuProducts:first-child {}

    .carousel-inner {
        /* width: 50%; */
    }

    .div-pizzas-home .container {
        width: fit-content;
    }

    .carousel-indicators {
        display: block;
        bottom: 2px !important;
    }

    .li-bolita-promos {
        margin-left: 5px !important;
        margin-right: 5px !important;
        background-color: #979494 !important;
        border: 1px solid #979494 !important;
        width: 12px !important;
        height: 12px !important;
        border-radius: 2px !important;
        width: 9px !important;
        height: 9px !important;
        margin: 5px !important;
    }

    .li-bolita-promos.active {
        background-color: white !important;
        border: 1px solid white !important;
        opacity: 1;
    }

    .div-global-slider-home {
        padding: 42px 42px 42px 42px;
        text-align: left;
        background-color: #231F20;
        box-shadow: 0px 4px 40px rgb(103 102 101 / 24%);
        border-radius: 6px;
    }

    .span-promocion {
        background-color: #4EB872;
        border-radius: 2px;
        font-style: normal;
        font-weight: bold;
        font-size: 10px;
        line-height: 16px;
        letter-spacing: 0.05em;
        color: white;
        font-family: Raleway-Bold;
        padding: 4px;
        text-transform: uppercase;
        width: fit-content;
    }

    .p-descripcion-promo {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 22px;
        color: #FFFFFF;

        opacity: 0.6;
    }

    .div-productos-total-menu {
        margin-bottom: 0px;
    }

    #myModalModify .btn-add-productModify {
        width: 363px !important;
    }

    .titulo-tab-modify {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    .pedidos-historial-scroll {
        max-height: 328px;
        overflow-y: scroll;
        overflow: auto;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .pedidos-historial-scroll::-webkit-scrollbar {}

    .pedidos-historial-scroll::-webkit-scrollbar-track {
        background: transparent;
    }

    .pedidos-historial-scroll::-webkit-scrollbar-thumb {
        background: #1E1E1E;
        opacity: 0.4;
        border-radius: 4px;
        width: 6px;
        height: 124px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }


    input[type="checkbox"]+.aceptarCondicionesSinRegistrar:before {
        border: 2px solid #000000 !important;
    }

    input[type="checkbox"]+.aceptarCondicionesCarrito:before {
        border: 2px solid #000000 !important;
    }

    .container-use-saved-creditcard input[type="checkbox"]+label:before {
        margin-bottom: 0px;
    }

    .nombre-badges {
        font-size: 10px !important;
    }

    .div-badges {
        background-color: transparent !important;
    }

    .div-badges div {
        display: flex;
        align-items: center;
        justify-content: start !important;
        padding-right: 3px;
        padding-left: 3px;
        max-width: 85px;
        min-width: 85px;

        background-color: white;
        margin-bottom: 5px;
        border-radius: 5px;
        /* border-bottom-right-radius: 0px;  */
    }


    .p-fecha-expirac ion-promo {
        color: black !important;
    }

    .div-segundo-familias-carta-menu::-webkit-scrollbar {
        width: 100%;
        height: 3px;
        /* border-radius: 100%; */

    }

    /* Track */
    .div-segundo-familias-carta-menu::-webkit-scrollbar-track {
        /* background: red; */
    }

    /* Handle */
    .div-segundo-familias-carta-menu::-webkit-scrollbar-thumb {
        background: #363638 !important;

    }


    .div-tamano {
        min-height: auto;
    }

    .div-toppings-pc {
        border-top: 1px solid #A5A5A5;
        margin-top: 29px;
        /* max-width: fit-content; */
        max-width: 800px;
    }

    input[type="date"].date-newAccount::before {
        content: none !important;

    }

    .lista-direcciones-guardadas {
        padding: 14px 40px 14px 40px !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .div-info-dir-guardada {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: left;
    }

    .div-info-tracking-form {
        left: 50%;
        transform: translate(-50%, 50%);
        position: absolute;
        width: 100%;
    }

    .img-packaging-home {
        position: absolute;
        right: 0px;
        width: 670px;
        max-width: 670px;
        height: 783.64px;
        top: -40px;
    }


    .total-optionaccount {
        padding: 0px;
    }

    .p-titulo-contactanos {
        max-width: 644px;
        text-align: center;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 15px
    }

    .hr-footer {
        border: 1px solid #D8D8D8;
        width: 0px;
        height: 60%;
        margin-right: 10px;
        height: 120px;

    }

    .linea-y-logos {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        flex-wrap: wrap;
        border-left: 1px solid #D8D8D8;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .logo-koby {
        width: 76px;
        height: 32px;
    }

    .logo-cotton {
        width: 60px;
        height: 38px;
    }

    .logo-moma {
        width: 72px;
        height: 42px;
    }

    .logo-gaio {
        width: 61px;
        height: 34px;
    }

    .logo-clap {
        width: 62px;
        height: 46px;
    }

    .logo-wokzilla {
        width: 68px;
        height: 43px;
    }

    .logo-hanai {
        width: 61px;
        height: 40px;
    }

    .logo-tejano {
        width: 83px;
        height: 30px;
    }

    .logo-foodHaven {
        width: auto;
        height: auto;
    }

    .div-imagenes-logos-footer {
        min-height: 215px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .img-iconos-logos-footer {
        width: 85%;
        height: auto;
        margin-right: 30px;
        margin-left: 30px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .div-derechos-footer {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        margin-top: 20px;
    }

    .p-derechos-footer {
        font-family: sppro-regular;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
        margin-bottom: 0px;
    }

    .span-p-derechos-footer {
        color: #494D50;
        margin-right: 10px;
    }

    .links-footer-a {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        margin-top: 20px;
    }

    .enlaces-footer-a-span {
        margin-right: 10px;
        color: #494D50;
    }

    .linkfooter {
        font-family: sppro-regular;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
    }

    .div-sigenos-en-redes {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        margin-top: 20px;
    }

    .p-sigenos-en-redes {
        margin-bottom: 0px;
        margin-right: 15px;
        font-family: Raleway-Bold;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        color: #494D50;
    }

    .img-iconos-redes-footer {
        width: 24px;
        height: 24px;
        margin-right: 10px;
    }

    .div-info-footer {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        margin-bottom: 25px;
        /* border-top: 1px solid #D8D8D8; */
    }



    .div-segundo-familias-carta-menu {
        position: intial;
        /* top: 0px; */
        height: auto;
        align-items: start;
        background-color: transparent;
        margin-top: 10px;
        display: flex;
        justify-content: flex-start;
        z-index: 9;
        padding: 0;
        /* margin-left: -5px; */
    }

    .div-segundo-familias-carta-home {
        position: initial;
        top: 0px;
        height: auto;
        align-items: center;
        background-color: transparent;
        margin-top: 20px;
        display: flex;
        justify-content: center;
        z-index: 9;
        height: 45px;
        margin-bottom: 20px;
    }

    .div-global-producto-carta {
        display: flex;
        justify-content: center;
    }

    .no-padding-pc {
        padding: 0px !important;
    }

    .ocultar-div-pc {
        display: none !important;
    }

    .cd-hero {
        z-index: 1;
    }

    .menuCuchillo {
        background-color: #393839;
    }

    .txt-menu {
        color: #393839;
    }

    .numero-pedidos-carrito-todos,
    .numero-pedidos-carrito-menu {
        font-family: myriad;
        color: white;
        background-color: #393839;
    }

    .todos-iconCarrito,
    .icon-carrito-menu {
        color: #393839 !important;
    }

    .img-slider {
        width: 100%;
    }

    .numero-pedidos-carrito-pc {
        top: 32px;
        border-radius: 50%;
        padding: 4px 5px 4px 5px;
    }

    .descripcion-pizza {
        margin-top: 0px;
    }

    .txt-selecciona-ciudad-delivery {
        top: -35px;
    }

    .separar-divs-delivery,
    .input-codPos-Delivery {
        margin-bottom: 25px;
    }

    .block-errors-form-new-account,
    .block-errors-form {
        font-size: 13px;
        color: #231F20;
    }

    .total-inf-greetings {
        float: right;
    }

    .h3-carrito {
        font-size: 18px;
    }

    .img-greetings {
        width: 90px;
    }

    .logo-pickup {
        width: 195px;
        height: 69px;
    }

    .btn-aplicar-promocion {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .img-carrito-promociones {
        width: 175px;
        margin-bottom: 10px;
    }

    .crearolv-cuenta {
        font-size: 13px;
    }

    .txt-identificador-signup {
        font-size: 23px !important;
    }

    .txt-identificador-tracking {
        font-size: 25px !important;
    }

    .bnt-inicio-domicilio {
        margin-top: 10px;
        font-size: 21px !important;
        border-color: #f51517;
    }

    .txt-promociones {
        color: #303133;
        font-family: 'myriad';
        font-size: 39px;
        margin-bottom: 20px;
    }

    .txt-branches {
        color: #303133;
        font-family: 'myriad';
        font-size: 33px;
    }

    .navbar-inverse {
        background-color: #f51517;
        border-color: #f51517 !important;
    }

    .icon-carrito {
        color: #393839;
        position: relative;
        font-size: 36px !important;
        display: block;
        -moz-transition: all 1s ease;
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }

    .icon-numero1,
    .icon-numero2 {
        font-size: 50px !important;
        color: #393839;
        position: relative;
        top: -24px;
    }


    .content-comida-nuestra-carta {
        margin-top: -84px;
    }

}

/**************************VERSION TABLET**************************************/
@media (max-width: 991px) and (min-width: 769px) {
    #myModalModify .modal-dialog {
        width: 75% !important;
    }

    .div-carritoMenu {
        max-width: 330px !important;
    }

    .contenido-pgmodify-2 {
        margin-left: 10px !important;
        margin-right: 20px !important;
    }

    .icono-punto-carne {
        margin-right: 20px !important;
        margin-bottom: 0px !important;
    }

    .div-seconOption-modify {
        /* flex-direction: column !important; */
    }

    #myModalModify .div-seconOption-modify {
        flex-direction: inherit !important;
    }

    .div-topping-entero {
        padding: 0px !important;
    }

    .p-descripcion-sanitarias-modify {
        padding-left: 10px;
    }

    .img-product-modify {
        width: 80% !important;
        /* max-width: 225px !important; */
    }

    .contenido-pgmodify-1 {
        max-width: 300px !important;
    }

    .address-menu {
        display: none;
    }

    .selectHeader {
        display: none;
    }


    .img-producto-carta {}

    .nombre-badges {
        font-size: 8px !important;
    }

    .div-badges {
        width: 65px !important;
        top: 46px !important;
    }

    .icons-badges {
        /* width: 8px !important;
        height: 8px !important; */
    }

    .img-packaging-home {
        width: 400px !important;
        top: -215px !important;
    }


    .div-info-footer {
        flex-direction: column;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        margin-bottom: 10px;
        border-top: 1px solid #D8D8D8;
    }

    .div-sigenos-en-redes {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        margin-top: 20px;
        flex-direction: column;
    }

    .p-sigenos-en-redes {
        margin-bottom: 15px;
    }

    .links-footer-a {
        flex-direction: column;
    }

    .linea-separatoria-footer {
        display: none;
    }

    .linkfooter {
        margin-top: 15px;
        font-size: 14px;
    }

    .div-imagenes-logos-footer {
        flex-direction: column;
        margin-top: 25px;
    }

    .div-info-footer {
        margin-top: 30px;
    }

    .linea-y-logos {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        flex-wrap: wrap;
        border-top: 1px solid #D8D8D8;
        border-top: 1px solid #D8D8D8;
        margin-left: 40px;
        margin-right: 40px;
        border-left: none;
    }





    .circuloNumero,
    .circuloNumero2 {
        width: 15px !important;
        height: 15px !important;
        margin-right: 5px;
        font-size: 8px !important;
    }

    .p-punto-carne-modify {
        font-size: 12px !important;
        margin-bottom: 0px !important;
    }

    .precio-modify-topping {
        font-size: 10px !important;
    }

    .precio-producto-modify {
        font-size: 16px !important;
    }

    .circulo {
        width: 15px !important;
        height: 15px !important;
    }

    .textAreaToppings-topping {
        font-size: 10px;
    }

    .txt-size-modificar-ingrediente {
        font-size: 11px;
    }

    .btn-add-productModify {
        width: 90px !important;
        font-size: 12px !important;
    }

    .nav-modify-info-product>li.active>a,
    .nav-modify-info-product>li.active>a:focus,
    .nav-modify-info-product>li.active>a:hover,
    .titulo-tab-modify {
        font-size: 16px !important;
    }

    .titulo-producto-modify {
        font-size: 24px !important;
    }

    .descripcionModify {
        margin-top: 0px !important;
        font-size: 14px !important;
    }

    .mas-menos-productos-modify img {
        width: 20px !important;
    }

    .num-unidades-modify {
        font-size: 15px !important;
    }

    .div-agrupar-info-toppings h4 {
        font-size: 12px !important;
        line-height: 12px !important;
    }

    .icono-punto-carne {
        max-width: 90px !important;
    }

    .div-agrupar-info-toppings p {
        font-size: 9px !important;
        margin-left: 3px;
        line-height: 12px !important;
    }

    .txt-identificador-opcion-modify {
        font-size: 11px !important;
    }

    .description-first-group-modify {
        font-size: 12px !important;
    }

    .img-packaging-home {
        width: 400px !important;
        top: -215px !important;
    }


    .div-total-hacemos-llegar {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .div-elegir-tipo-envio {
        margin-left: 0px !important;
    }

    .img-silueta-rider {
        display: none;
    }

    .separacion-inputs-newAccount {
        /*        margin-bottom: 30px;*/
    }

    .separacion-inputs-editAccount {
        margin-bottom: 16px;
    }

}

@media (max-width: 768px) and (min-width: 550px) {
    .img-slider {
        height: 169px;
    }

    .banda-roja-inicio {
        min-height: 60px;
        margin-top: 184px;
    }
}

/**************************ADAPTAR MENU I LOGO**************************************/
@media (max-width: 1390px) and (min-width: 1167px) {
    .div-header-paginas-carta {
        height: 120px !important;
    }

    .div-info-marca {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .titulo-marca {
        font-size: 28px !important;
    }

    .subtitulo-marca {
        font-size: 20px !important;
    }

    .explicacion-marca {
        font-size: 16px !important;

    }

    .nav-tabs-marcas {
        max-width: 300px !important;
    }

    .img-logo-our-brands {
        width: 30% !important;
    }

    .banner-marca {
        max-width: 430px !important;
        height: 100%;
        object-fit: cover;
    }

    .opcion-menu,
    .enlace-navbar-upper,
    .navbar-nav li a span {
        color: #231f20;
        font-size: 14px !important;
        padding: 10px 5px !important;
    }

    .navbar-logo {
        width: 120px;
        height: auto;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        top: 9px;
        left: 11px;
        z-index: 1051;
    }
}

@media (max-width: 1166px) and (min-width: 930px) {
    .div-header-paginas-carta {
        height: 100px !important;
    }

    .div-info-marca {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .titulo-marca {
        font-size: 28px !important;
    }

    .subtitulo-marca {
        font-size: 20px !important;
    }

    .explicacion-marca {
        font-size: 16px !important;

    }

    .nav-tabs-marcas {
        max-width: 250px !important;

    }

    .img-logo-our-brands {
        width: 35% !important;
    }


    .banner-marca {
        max-width: 370px !important;
        height: 100%;
        object-fit: cover;
    }

    .div-tabs-marcas {
        height: 800px !important;
    }

    .img-banner-signup,
    .img-banner-newaccount {
        max-width: 450px !important;
    }

    .div-form-signup {
        width: 300px !important;
    }

    .menuActivo::after {
        bottom: -7px !important;
    }

    .opcion-menu,
    .enlace-navbar-upper,
    .navbar-nav li a span {
        color: #231f20;
        font-size: 12px;

    }

    .navbar-logo {
        width: 120px;
        height: auto;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        top: 9px;
        left: 19px;
        z-index: 1051;
    }

    .a-aboutus {
        font-size: 18px !important;
    }
}

@media (max-width: 929px) and (min-width: 769px) {
    .div-header-paginas-carta {
        height: 80px !important;
    }

    .a-aboutus {
        font-size: 14px !important;
        padding: 0px 20px !important;
    }

    .div-info-marca {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .titulo-marca {
        font-size: 26px !important;
    }

    .subtitulo-marca {
        font-size: 18px !important;
    }

    .explicacion-marca {
        font-size: 14px !important;

    }

    .nav-tabs-marcas {
        max-width: 170px !important;

    }

    .img-logo-our-brands {
        width: 45% !important;
    }


    .banner-marca {
        max-width: 310px !important;
        height: 100%;
        object-fit: cover;
    }

    .div-tabs-marcas {
        height: 730px !important;
    }

    .img-banner-newaccount {
        max-width: 380px !important;
    }

    .menuActivo::after {
        width: 30px !important;
        bottom: -9px !important;
    }

    .opcion-menu:hover {
        color: #ceb170 !important;
    }

    .opcion-menu,
    .enlace-navbar-upper,
    .navbar-nav li a span {
        color: #231f20;
        font-size: 10px !important;

    }

    .navbar-logo {
        width: 100px;
        height: auto;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        top: 16px;
        left: 16px;
        z-index: 1051;
    }

}






/* .addproduct {
    -moz-transform: scale(1.4) rotate(20deg) translate (-5px, 10px) !important;
    -webkit-transform: scale(1.4) rotate(20deg) translate(-5px, 10px) !important;
    -o-transform: scale(1.4) rotate(20deg) translate(-5px, 10px) !important;
    transform: scale(1.4) rotate(20deg) translate(-5px, 10px) !important;
    color: #393839;
} */

/*********************** VERSION TABLET **************/

@media (max-width: 991px) and (min-width: 769px) {


    .scrollCarrito {
        /* display: none; */
    }

    .div-welcome-kitchen,
    .menu-home {
        display: none;
    }

    .img-logo-producto-carta {
        /* bottom: 45px !important; */
    }

    .div-producto-carta-home .img-producto-carta {
        height: 94% !important;
        right: 5px;
        top: 5px;
        bottom: -18px;
        position: absolute;
        width: 95%;
    }


    .div-video-aboutus {
        margin-bottom: 0px !important;
    }

    .div-apartados-aboutus {
        height: auto !important;
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 114px;
    }

    .div-apartados-aboutus-izp {
        flex-direction: column;
    }

    .div-img-aboutus,
    .div-txt-aboutus,
    .div-img-aboutus-izp {
        height: auto !important;
    }

    .img-aboutus {
        clip-path: inset(100px 100px 0px 0px) !important;
        margin-right: -100px !important;
        margin-left: auto !important;
        margin-top: -100px;
        max-height: 500px !important;
    }

    .info-aboutus,
    .info-aboutus-izq {
        padding: 20px;
        padding-left: 20px !important;
        padding-right: 20px !important;
        max-width: 100% !important;
    }



    /* AIDA */

    /* .img-banner-signup, .img-banner-newaccount {
        display: none;
    } */

    .btn-editar-address {
        padding: 7px 20px !important;
        font-size: 13px !important;
    }

    .txt-eliminar {
        font-size: 13px !important;
    }

    .div-contenido-newaccount,
    .div-contenido-signup {
        margin-bottom: 100px;
    }

    .div-todo-carrito {
        width: 90% !important;
    }

    .img-producto-pedido-cart {
        width: 65px !important;
        height: 50px !important;
    }

    .nombre-producto-cart {
        font-size: 13px !important;
        line-height: 18px !important;
    }

    .desc-producto-cart {
        line-height: 14px !important;
        font-size: 11px !important;
    }

    .txt-cantidad {
        margin-right: 4px !important;
    }

    .cantidad-product,
    .precio-producto-carrito {
        font-size: 13px !important;
    }

    .txt-editar {
        font-size: 11px;
    }

    /* FIN AIDA */
    .img-slider {
        width: 100%;
        height: 265px;
    }

    .div-packaing-home {
        height: 370px !important;
    }

    .img-packaging {
        width: 400px !important;
        top: -215px !important;
    }

    .img-silueta-log {
        top: 30px !important;
    }

    .img-silueta-log-aboutus {
        top: 30px !important;
    }

    .div-info-packaging {
        top: 70px !important;
        left: 20px !important;
        width: 335px !important;
        height: auto !important;

    }

    .titulo-info-packaging {
        font-size: 22px !important;
    }

    .txt-info-packaging {
        font-size: 16px !important;
    }


}


@media (max-width: 1270px) and (min-width: 992px) {

    .div-producto-carta {
        padding-left: 10px !important;
    }

    .img-producto-carta {
        width: 130px !important;
    }


    .nombre-producto {
        font-size: 14px !important;
    }

    .descripcion-producto {
        font-size: 12px !important;
    }

    .precio {
        font-size: 14px;
    }

    .btn-anyadir-product {
        padding: 3px 10px !important;
        font-size: 14px;
    }

    .div-packaing-home {
        height: 370px !important;
    }

    .img-packaging-home {
        width: 400px !important;
        top: -215px !important;
    }

    .img-packaging {
        width: 470px !important;
        top: -20px !important;
        height: 530.64px !important;
        right: -75px !important;
    }

    .img-silueta-log {
        top: 30px !important;
    }

    .img-silueta-log-aboutus {
        top: 30px !important;
    }

    .div-info-packaging {
        top: 95px !important;
        left: 29px !important;
        width: 435px !important;
        height: auto !important;

    }

    .titulo-info-packaging {
        font-size: 22px !important;
    }

    .txt-info-packaging {
        font-size: 16px !important;
    }

    .img-silueta-rider {
        width: 260px !important;
    }

    .icon-fire,
    .icon-new,
    .icon-vegetarian,
    .icon-sin-gluten {
        margin-left: -22px;
    }

    .img-pizza-carta {
        max-width: 165px !important;
        min-width: 165px !important;
        max-height: 165px !important;
        min-height: 165px !important;
    }
}

@media (max-width: 992px) and (min-width: 769px) {
    .div-producto-carta {
        max-width: initial !important;
    }

    .img-producto-carta {
        width: 130px !important;
    }


    .nombre-producto {
        font-size: 14px !important;
    }

    .descripcion-producto {
        font-size: 12px !important;
    }

    .precio {
        font-size: 14px;
    }

    .btn-anyadir-product {
        padding: 3px 10px !important;
        font-size: 14px;
    }
}

.div-sub-menu-carta>.spanPromos {
    font-family: 'myriad' !important;
}

.txt-menu {
    font-size: 15px;
}

.header-superior {
    background-color: #f51517;
}

.cerrar-div {
    background-color: #393839;
}

.footer-avisos {
    margin-top: -4px;
}

.menuActivo {
    font-family: Raleway-Bold !important;
}

.menuActivo::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #f51517;
    z-index: 99;
    width: 56px;
    border-radius: 20px;
    bottom: 5px;
    margin: 0 auto;
    height: 3px;
}

.circuloNumero {
    background-color: #fbd94a;
    border: 2px solid #fbd94a;
}

.circuloNumero2 {
    background-color: #f51517;
    border: 2px solid #f51517;
}

.div-cookies-policy ul,
#modalTermsAndConditions ul {
    padding-left: 30px;
}

.div-cookies-policy li,
#modalTermsAndConditions li {
    list-style-type: disc;
}

.img-formaspago {
    max-width: 35px;
}

/* AIDA */
.menu-pc .navbar {
    border: 0px;
    min-height: auto;
    margin-bottom: 0px;
}

.div-header-pc {
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 100;
    background-color: white;

    position: fixed;
    width: 100%;
}

.logopc {
    width: auto !important;
    max-height: 55px;
    height: 55px;
    cursor: pointer;
}

.headerHome {
    /* background-color: #0000006b; */
    background-color: transparent;
}

.headerHomeNo {
    background-color: white;
}

.spanHeaderHome {
    color: white !important;
}

.spanHeaderHomeNo {
    color: #231f20 !important;
}


.div-options-header-pc {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navbar-header {
    margin-right: 25px;
}

.options-header-pc span {
    text-transform: capitalize !important;
    letter-spacing: 0em;
}

.iconHeaderPc {
    width: 24px;
    height: 24px;
    margin: 0px 10px;
    font-size: 22px !important;
}

.div-account-cart {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.div-cart-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.div-account-cart .icon-carrito {
    position: initial !important;
    margin-top: -8px;
}


.dropdown-menu-account {
    background-color: #414141;
    border-radius: 16px;
    width: 190px;
    right: -14px;
    left: auto;
    padding: 16px;
    top: 33px;

}

.nav .open>a.toggle-account,
.nav .open>a.toggle-account:focus,
.nav .open>a.toggle-account:hover {
    background-color: transparent;
    border-color: transparent;
}

.nav-pills>li>a.toggle-account {
    padding: 0px;
}

a.toggle-account:hover,
a.toggle-account:focus {
    color: #231f20;
}

.submenuDropdown-menu-account {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    width: 170px;
}

.submenuDropdown-menu-account:last-of-type {
    margin-bottom: 0px;
}

.submenuDropdown-menu-account:hover {
    color: #f51517;
}

.dropdown-menu-account::before {
    bottom: 100%;
    right: 15%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #414141;
    border-width: 7px;
    margin-left: 27px;
}

.submenuDropdown-menu-account img {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

.submenuDropdown-menu-account p {
    margin-bottom: 0px;
    white-space: nowrap;
    color: white;
    font-family: sppro-regular;
    cursor: pointer;
}

.div-total-home {
    /* position: absolute; */
    top: 0px;
    right: 0px;
    left: 0px;
    padding: 0px;
    width: 100%;
    margin-top: -60px;
}

.div-packaing-home {
    height: 681px;
}

.img-silueta-log {
    top: 134px;
    position: absolute;
}

.img-silueta-log-aboutus {
    top: 134px;
    position: absolute;
}

.img-packaging {
    position: absolute;
    right: -55px;
    width: 670px;
    max-width: 670px;
    height: 680.64px;
    top: -40px;
    border-radius: 100%;
    top: 70px;
    clip-path: inset(0px 0px 100px 0px);
    border: 4px solid #f51517;

}

.div-info-packaging {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;

    position: absolute;
    width: 498px;
    height: 206px;
    left: 97px;
    top: 217px;

    background-color: transparent;
    /* border: 1px solid #000000;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); */
}

.titulo-info-packaging {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: -0.03em;
    text-align: left;
    margin-top: 0px;
    font-family: Raleway-Bold;

}

.txt-info-packaging {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;

}

.div-home-hacemos-llegar {
    height: 566.94px;
    background-color: white;

}

.div-home-hacemos-llegar-1 {
    background-color: rgba(27, 32, 36, 0.06);
    height: 393px;
    background-image: url('../imagenes/fotos/banners/img-hacemos-llegar.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.hacemos-llegar-home {
    filter: drop-shadow(0px 0px 20px rgba(5, 5, 5, 0.08));
    border-radius: 10px;
    background-color: white;
    width: 367px;
    height: 237px;
    margin-top: 0px;
}

.div-total-hacemos-llegar {
    display: flex;
    position: absolute;
    width: 100%;
    bottom: 0px;
    justify-content: center;
    align-items: center;
    padding-bottom: 50px;
}

.img-silueta-rider {
    width: 455px;
    height: 463.94px;
}

.div-elegir-tipo-envio {
    width: auto;

}

.div-img-hacemos {
    position: absolute;
    width: 78px;
    height: 78px;
    left: 53px;
    top: 0px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    margin-top: -30px;
    left: 53px;
    filter: drop-shadow(0px 0px 20px rgba(5, 5, 5, 0.08));
}

.img-hacemos-llegar-home {
    width: 36px;
    height: 36px;
}

.btn-hacemos-llegar {
    position: absolute;
    bottom: -23px;
    height: 50px;
    width: 203px;
    left: 53px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    font-family: Raleway-Bold !important;
    padding: 0px;
    font-size: 16px;
    border: 2px solid #f51517;
    text-transform: capitalize;
    background-color: #f51517;
    border: 2px solid #f51517;
    border-color: #f51517;

}

.btn-takeaway {
    background-color: white !important;
    box-shadow: 0px 4px 40px rgb(103 102 101 / 24%);
    border: 2px solid #D8D8D8;
    color: #1B2024;
}

.div-info-hacemos {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 50px;
}

.titulo-hacemos-llegar {
    text-align: center;
    position: relative;
    top: -50px;
    width: 100%;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: -0.03em;
    font-family: Raleway-Bold;
    color: white;

}

.subtitulo-info-hacemos {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 25px;
    letter-spacing: -0.03em;
    color: black;
}

.info-hacemos-llegar {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #231F20;
}

.enlace-tel-home {
    font-family: sppro-bold;
    white-space: pre;
}

.div-redes-home {
    background-color: #231f20;
    height: 275px;
    padding: 0px;
    /* margin-top: 50px; */
}

.div-opcion-redes {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
}

.redes-sociales-home {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    width: 50%;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
}

.opcion-redes {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.opcion-redes p {
    color: #d8d8d8;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    margin-top: 20px;

}

.opcion-redes a {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.icon-instagram {
    width: 47.54px;
    height: 46.5px;
}

.icon-facebook {
    width: 20.31px;
    height: 38.87px;
}

.icon-youtube {
    width: 61.92px;
    height: 37.99px;
}

.txt-follow-us {
    color: white;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: -0.03em;
    text-align: center;
    font-family: Raleway-Bold;


}

.img-silueta-log-redes {
    height: 100%;
}

/* FIN AIDA */

/* SLIDER */

.banners {
    /* height: auto; */
    /* width: 100%; */
    height: 100%;
    width: 100%;
    /* object-fit: cover; */
}

.cd-hero {
    margin-top: 0px;
}

.container-inicio {
    margin-bottom: 0px;
    height: 630px;
}

.cd-hero-slider {
    height: 630px;
}

.cd-slider-nav {
    background-color: transparent;
    bottom: 0px;
}

.cd-slider-nav .cd-marker {
    background-color: transparent;
}

label.bolita {
    opacity: 0.5;
    background-color: #A5A5A5;
    width: 12px;
    height: 12px;
    padding: 0px;
    border-radius: 1px;
}

.cd-slider-nav .cd-marker,
.cd-slider-nav li {
    width: 24px;
}

/* FIN SLIDER */

.div-opcion-tipo-pedido {
    width: 503px;
    position: absolute;
    /* height: 117px; */
    right: 96px;
    /* top: 390px; */
    top: 485px;
    border-radius: 4px;
    z-index: 2;
}

.nav-tabs-home {
    width: auto;
    border: 0px solid white !important;
    margin-bottom: 0px;
}

.li-nav-tabs-home {
    width: 160px;
}

.li-nav-tabs-home a {
    background-color: white;
    color: #7b7b7b;
    border: 0px solid white !important;
    border-radius: 0px;
    margin-right: 0px !important;
    text-align: center;
    padding-bottom: 0px !important;
    padding-top: 16px !important;
    font-family: Raleway-Bold;
    border: 2px solid #E8E8E8 !important;
    /* border-right: none !important; */
    border-bottom: none !important;
}

#a-domicilio {
    border-right: none !important;
}

#a-recoger {
    border-left: none !important;
}

.a-nav-domicilio {
    border-radius: 0px !important;
    border-top-left-radius: 10px !important;
}

.a-nav-recoger {
    border-radius: 0px !important;
    border-top-right-radius: 4px !important;
}

/* border radius invertido */
.a-nav-recoger:after {
    content: "";
    position: absolute;
    height: 10px;
    width: 20px;
    bottom: 0;
    right: -20px;
    border-radius: 0 0 0 10px;
    -moz-border-radius: 0 0 0 10px;
    -webkit-border-radius: 0 0 0 10px;
    -webkit-box-shadow: -10px 0 0 0 #fff;
    box-shadow: -10px 0 0 0 #fff;
}

.nav-tabs-home>li.active::before {
    content: "";
    position: absolute;
    left: 59%;
    transform: translate(-50%, -50%);
    background-color: #f51517;
    z-index: 99;
    width: 90px;
    width: 56px;
    border-radius: 20px;
    bottom: -6px;
    margin: 0 auto;
    height: 3px;

}


.nav-tabs-home>li.active>a,
.nav-tabs-home>li.active>a:focus,
.nav-tabs-home>li.active>a:hover {
    color: #231f20;

}

.tab-content-home {
    background-color: white;
    border-radius: 4px;
    border-top-left-radius: 0px;
    padding-right: 10px;
    padding-left: 26px;
    padding-top: 12px;
    padding-bottom: 12px;
    border: 2px solid #E8E8E8;
    border-top: none;
}

.tab-pane-home {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.tab-pane-home div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn-tab-home {
    margin-left: 20px;
    font-family: Raleway-Bold !important;
    border-radius: 4px;
}

.input-delivery-calle-home {
    border: 0px solid transparent;
    -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 0%);
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 0%);
    padding-left: 0px;
}

.img-tipo-pedido-home {
    opacity: 0.5;
    width: 24px;
    height: 24px;
    margin-right: 7px;
}

.nav-tabs-home>li.active>a>img.img-tipo-pedido-home {
    opacity: 1;
}

.branch-home-name {
    font-family: 'sppro-regular';
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0px;
}

.select-branch-home {
    font-family: 'sppro-regular';
    font-size: 16px;
    line-height: 22px;
    border-bottom: solid #494d5063 !important;
    border-bottom-width: thin !important;
}

select {
    border: 0px solid white !important;
    -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 0%) !important;
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 0%) !important;
    border-bottom: 1px solid #494D50 !important;
    border-radius: 0px !important;
    padding-left: 0px !important;
    background-color: transparent !important;

}

/* VERSION MOVIL PEQUEÑO */
@media (max-height: 685px) {}

@media (min-width: 1480px) {
    .centrar-carta-centro {
        width: 85%;
        margin: 0 auto;
        height: 100%;
    }
}

.contenedor-carta {
    background-color: #FFFFFF;
}

.arrow_box,
.arrow_box-carrito {
    display: none;
}

.div-familias-carta {
    display: flex;
    justify-content: start;
    align-items: flex-start;
    height: 31px;
    margin-bottom: 25px;
    margin-top: 20px;
    /* margin-top: 50px; */
    /* position: fixed; */
    z-index: 9;
    /* top: 205px; */
}

.div-subfamilias-carta {
    display: flex;
    justify-content: start;
}

.nombreFamilia {
    color: #7B7B7B;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin: 0px;
    margin-right: 18px;
    cursor: pointer;
    font-family: 'sppro-regular';
}

.familySelected {
    font-family: 'sppro-bold' !important;
    font-style: normal;
    /* font-weight: bold; */
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: #1B2024 !important;
}

.hrFamilySelected {
    border-top: 3px solid #f51517;
    margin-top: 30px;
    margin-bottom: 0px;
    width: 56px;
    position: absolute;
}

.div-header-paginas {
    height: 140px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f6f6f6;
    /* background-color: white; */
    padding-right: 0px;
    padding: 0px;
}

.titulo-header-pagina {
    font-family: Raleway-Bold !important;
    font-style: normal;
    font-weight: bold;
    font-size: 46px;
    line-height: 48px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #231F20;
    white-space: pre;
    padding-left: 78px;
}

.div-ruta-paginas {
    display: flex;
    align-items: flex-start;
    height: 100%;
    flex-direction: column;
}

.ruta-paginas {
    font-size: 12px;
    line-height: 16px;
    color: #231F20;
    padding-top: 25px;
    padding-left: 25px;
    cursor: pointer;
    white-space: pre;

}

.span-mayor-que {
    padding: 0px 8px;
}

.separador-productos {
    /* display: flex;
    justify-content: center; */

}

.div-producto-carta {
    display: flex;
    height: 165px;
    width: 435px;
    max-width: 435px;
    min-height: 170px;
    max-height: 170px;
    background-color: #ffffff;
    text-align: left;
    border-radius: 6px;
    margin: 10px;
    padding-left: 24px;
    padding-right: 0px;
    box-shadow: 0px 2px 40px rgb(103 102 101 / 18%);
    justify-content: space-between;
}

.div-info-producto-carta {
    /* margin-top: 20px; */
    /* padding-right: 30px; */
}

.nombre-producto {
    font-family: Raleway-Bold;
    font-size: 18px;
    line-height: 16px;
    color: #1B2024;
    margin-top: 0px;
    margin-bottom: 6px;
    white-space: pre-line;
}

.descripcion-producto {
    font-size: 14px;
    line-height: 18px;
    color: #494D50;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 6px;
    opacity: 0.8;
    font-family: 'sppro-regular';
    font-weight: 400;
}



.div-img-product-carta {
    padding: 5px;
    padding-left: 0px;
}

.img-producto-carta {
    /* width: 140px !important;
    height: 160px;
    max-width: 140px !important;
    min-width: 140px !important;
    max-height: 162px !important;
    min-height: 162px !important;
    object-fit: cover;
    margin: 5px;
    border-radius: 10px; */

    width: 150px;
    height: 100%;
    /* max-width: 140px !important; */
    /* min-width: 140px !important; */
    /* max-height: 162px !important; */
    /* min-height: 162px !important; */
    object-fit: cover;
    /* margin: 5px; */
    border-radius: 5px;
}

.div-img-product-carta {
    display: flex;
    /* align-items: flex-start; */
    /* flex-direction: column; */
}



.precio {
    font-family: 'sppro-bold';
    font-size: 16px;
    line-height: 22px;
    color: #231F20;
}

.ver-mas-product {
    /* font-family: Helvetica-bold; */
    font-family: 'sppro-bold';
    font-size: 14px;
    line-height: 18px;
    color: #231F20;
    margin-bottom: 4px;
    cursor: pointer;

}

.precio-botones-carta {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    /* padding-right: 15px; */
    /* padding-right: 5px; */
    /* padding-bottom: 10px; */
}

.precio-sin-botones-carta {
    /* justify-content: flex-end; */
    justify-content: space-between;
}

.precio-con-botones-carta {
    justify-content: space-between;
}

.btn-anyadir-product {
    padding: 7px 30px;
}

.div-badges {
    position: absolute;
    width: 108px;
    /* height: 18px; */
    z-index: 3;
    width: 100px;
    background-color: white;
    border-radius: 5px;
    border-bottom-right-radius: 0px;
    right: 5px;
    top: 5px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    max-width: 100px;
    width: auto;
}

.div-badges div {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 3px;
    padding-left: 3px;
}

/* .icons-badges {
    width: 12px;
    height: 12px;
    margin: 0px 1px;
} */

.nombre-badges {
    text-transform: uppercase;
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;

}

.nombre-badges-top {
    /* color: #7FBA00; */
}

.div-carritoMenu {
    background-color: rgba(44, 44, 46, 0.95);
    /* width: 440px; */
    padding: 16px 20px;
    box-shadow: 0px 0px 20px rgba(5, 5, 5, 0.08);
    border-radius: 6px;
    max-width: 439px;
    top: 55px;
    margin-bottom: 150px;

}

.content-pagina-carta {
    display: flex;
    justify-content: center;
}

.div-pizzas-home {
    max-width: 888px;
    text-align: center;
    padding: 0px;

}

.txt-algo-sabroso {
    font-family: sppro-bold;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0px;
    color: #FFFFFF;
}

.txt-tu-pedido {
    text-align: left;
    font-family: sppro-bold;
    margin-bottom: 0px;
    color: #F7F7F7;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    font-size: 16px;
}

.hr-cart-menu {
    border-top: 1px solid #D8D8D8;
    margin-top: 16px;
    margin-bottom: 16px;
}

.hr-cart-alergenos {
    margin-top: 10px;
    margin-bottom: 10px;
}

.div-product-carrito {
    /* border: 1px solid red; */
    min-height: 110px;
    padding: 0px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    /* border-bottom: 1px solid #D8D8D8; */
    margin-bottom: 10px;
}

.img-producto-pedido-cart {
    width: 79px;
    height: 64px;
    object-fit: cover;
    border-radius: 4px;
}

.div-info-producto-cart {
    /* border: 1px solid blue; */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
    padding-top: 0px;
}

.nombre-producto-cart {
    font-family: sppro-bold;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    color: #F7F7F7;
}

.desc-producto-cart {
    text-align: left;
    line-height: 16px;
    font-size: 14px;
}

.div-mas-menos-producto {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.cantidad-producto {
    margin-bottom: 0px;
    width: 31px;
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #F7F7F7;
}

.img-mas-menos-productos {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.precio-producto-carrito {
    font-family: 'sppro-bold';
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    margin-top: 35px;
    color: #f7f7f7;
}

.div-cantidad-precio-carrito {
    /* border: 1px solid orange; */
    display: flex;
    flex-direction: column;
    /* height: 100%; */
    align-items: flex-end;
    padding: 0;

}

.basura-eliminar-producto {
    width: 20px;
    height: 20px;
    float: right;
    cursor: pointer;
}

.txt-cantidad {
    color: #D8D8D8;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    margin-right: 11px;
    font-family: sppro-regular;
}

.cantidad-product {
    font-family: sppro-bold;
    /* line-height: 20px; */
    color: white;
    font-size: 16px;
    line-height: 22px;
}

.div-alergenos-carrito i {
    font-size: 15px !important;
}

.div-alergenos-carrito i:before {
    margin-left: 0px;
    margin-right: 0px;
}

.txt-editar {
    margin-top: 4px;
    font-size: 14px;
    text-decoration-line: underline;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    /* padding-left: 10px; */
    color: #f7f7f7;
}

.num-cantidad {
    white-space: pre;
}

.div-precios-carrito {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    padding: 0px;
}

.titulos-precios {
    color: #A5A5A5;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0px;
    font-family: sppro-regular;
}

.titulo-total {
    font-family: sppro-bold;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 25px;
    letter-spacing: -0.03em;
    margin-bottom: 0px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.num-precios {
    color: #A5A5A5;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0px;
    font-family: sppro-regular;
}

.precio-total {
    font-family: sppro-bold;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 25px;
    text-align: right;
    letter-spacing: -0.03em;
    margin-bottom: 0px;
    color: #FFFFFF;
}

.btn-hacer-pedido {
    width: 100%;
    font-family: sppro-bold !important;
    margin-top: 15px;
}

.deshabilitar-pago,
.deshabilitar-extras {
    pointer-events: none;
    opacity: 0.4;
}

.div-promo-codes {
    /* border: 1px solid #E8E8E8;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 16px;
    text-align: left; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none !important;
    /* padding-left: 0px !important;
    padding-right: 0px !important; */
    background-color: #494D50;
    border-radius: 3px;
    padding: 16px;
}

.txt-tienes-codigo {
    font-style: normal;
    /* font-weight: bold; */
    font-size: 16px;
    line-height: 22px;
    /* text-transform: uppercase; */
    font-family: 'sppro-regular';
    color: #E8E8E8;
    margin-bottom: 0px;
}

.txt-introducir-codigo {
    font-family: Raleway-Bold;
    color: #E8E8E8;
    text-transform: uppercase;
    text-decoration: underline !important;

}

.div-ruta-paginas-sin-height {
    height: auto;
}

.ruta-paginas-seleccionada {
    font-weight: 600;
}

.img-product-modify {
    border-radius: 10px;
    width: 100%;
    display: flex;
    justify-content: start;
    max-width: 454px;
    /* height: 402.5px; */
    /* height: 100%; */
}

.titulo-producto-modify {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 34px;
    letter-spacing: -0.03em;
    color: #231F20;
    margin-bottom: 7px;
}

.div-precio-modify {
    text-align: left;
    margin-top: 20px;
}

.titulo-precio {
    font-family: sppro-regular;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #7B7B7B;
    margin-bottom: 5px;
}

.precio-producto-modify {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #231F20;
}


.div-medidas-sanitarias-modify {
    display: flex;
    align-items: flex-start;
    justify-content: start;
    text-align: left;
    margin-top: 25px;
}


.p-descripcion-sanitarias-modify {
    font-family: sppro-regular;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #7B7B7B;
    margin-bottom: 0px;
    margin-left: 10px;
}

.p-descripcion-product-modify {
    font-family: sppro-regular;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #7B7B7B;
    text-align: left;
}

a.a-descripcion-producto-modify.titulo-tab-modify {
    padding-left: 0px;
    padding-right: 0px;
}

.titulo-tab-modify {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #7B7B7B;
    padding-left: 0px;
    padding-right: 0px;
}

.nav-modify-info-product {
    margin-left: -22px;
}

.nav-modify-info-product>li.active>a,
.nav-modify-info-product>li.active>a:focus,
.nav-modify-info-product>li.active>a:hover {
    background-color: transparent;
    color: #231F20;
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    text-align: center;

}


.div-info-product-alergenos-modify {
    margin-top: 20px;
}

.div-alergenos-modify {
    justify-content: start;
}

.titulo-tab-modify:hover {
    color: #231F20;
}


.hr-info-tab-modify {
    border-top: 3px solid #f51517;
    margin-top: -7px;
    margin-bottom: 0px;
    width: 56px;
}

.div-content-tab-modify {
    margin-top: 15px;
}

.nav-modify-info-product>li>.hr-info-tab-modify {
    display: none;
}

.nav-modify-info-product>li.active>.hr-info-tab-modify {
    display: block;
}


.descripcionModify {
    margin-top: 7px;
    font-family: sppro-regular;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #494D50;
    opacity: 0.8;
}

.txt-identificador-opcion-modify {
    font-family: sppro-bold;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
}

.txt-introducir-codigo:hover {
    color: black;

}

/* para que funcione el sticky */
.centrar-carta-centro {
    height: 100%;
}

.div-contenido-carrito-menu {
    overflow-y: scroll;
    /* height: 500px;
    min-height: 500px; */
    max-height: 275px;
    overflow: auto;
    padding-right: 0px;
    margin-bottom: 16px;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 5px;
}

.div-product-in-carrito {}

.div-opt-carta {
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-right: 30px; */
}

.icon-opt-carta {
    width: 24px;
    height: 24px;
    margin-right: 2px;
}

.icon-blanco {
    display: none;
}

.container-alergenos i {
    font-size: 16px !important;
}

.container-alergenos i:before {
    margin-right: 1px;
    margin-left: 1px;
}

.div-tarjeta-producto {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* margin-top: 5px; */
    width: 100%;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 10px;
}

#icon- {
    display: none;
}

.icons-servilletas-utensilios {
    width: 23px;
    height: 23px;
    margin-left: 8px;
}

.txt-servilletas-utensilios {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
}

.div-servilletas-utensilios {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.checkbox-necesitas-servilletas {
    margin: 0px 0 0 !important;
}

.checkbox-necesitas-servilletas::before,
input[type="checkbox"]+label.txt-servilletas-utensilios:before {
    margin-bottom: 0px;
}

.product-info {
    height: 500px;
    background-color: #1b1f24;
    -webkit-box-shadow: 0px 0px 0px 0px rgb(179 179 179 / 0%);
    -moz-box-shadow: 0px 0px 0px 0px rgb(179 179 179 / 0%);
    box-shadow: 0px 0px 0px 0px rgb(179 179 179 / 0%);
    border-radius: 10px;
    height: fit-content;


}

.mostrarProducto {
    margin: 0 auto;
    /* height: 500px; */
    top: 100px;
    padding: 25px;
}

.ocultarProducto {
    /* height: 500px; */
    top: 100px;
}

.imagen-producto {
    width: 100%;
    margin-top: 0px;
}

.div-mostrar-producto-info {
    /* background-color: #494d50;
    border-radius: 10px;
    padding: 15px; */
}

.descripcion-producto-modal {}

.producto-modal {
    font-family: Raleway-Bold;
    color: #f51517;
    margin-top: 0px;
}

.precio-producto-modal {}

.div-contenido-info-product {
    padding: 15px 15%;
    display: flex;
    align-items: center;
}

.info-product-modal {
    text-align: left;
    padding-left: 15px;
}

/* color: #231F20;
    margin-bottom: 0px;
    margin-top: 0px;
} */

.description-first-group-modify {
    font-family: sppro-regular;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #1E1E1E;
    padding-left: 15px;
}

.span-precio-agrupacion {
    font-family: sppro-regular;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #1E1E1E;
}


.div-fistOption-modify {
    display: flex;
    justify-content: start;
    align-items: flex-end;
    margin-top: 15px;
}

.cuadrado-toppings-modify {
    background-color: white;
    border: 1px solid black;
    border-radius: 0;
    width: 18px;
    height: 18px;
    background: #F7F7F7;
    border: 2px solid #7B7B7B;
    border-radius: 1px;
    font-family: 'Bebas Neue';
    text-align: center;
    margin-right: 10px;
}

.p-coccion-modify {
    font-family: 'sppro-bold';
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #231F20;
    margin-top: 30px;
}

.div-seconOption-modify {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}

.div-info-foto-opcion-modify {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.p-punto-carne-modify {
    font-family: sppro-regular;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #231F20;
}

.icono-punto-carne {
    width: 102px;
    max-width: 102px;
    margin-bottom: 7px;
    height: 58px;
    /* margin-right: 26px; */
    border-radius: 5px;
}

.txt-cantidad-modify {
    font-family: sppro-bold;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #231F20;
    margin-bottom: 2px;
    margin-top: 30px;
}

.num-unidades-modify {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0px;
    margin-right: 15px;
    margin-left: 15px;
}

.mas-menos-productos-modify {
    display: flex;
    align-items: center;
    justify-content: start;
}

.btns-anadir-producto-modify {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn-add-productModify {
    font-family: sppro-bold !important;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: white;
    width: 65%;
    text-align: center;
    height: 40px;
    /* text-transform: lowercase; */
    padding: 0px;
    text-align: center;
}

.circulo {
    background-color: transparent;
    border-radius: 1px;
    width: 18px;
    height: 18px;
    color: white;
    font-family: 'Bebas Neue';
    text-align: center;
    border: 2px solid #7B7B7B;
    font-size: 13px;
    margin-right: 0px;
}


.circuloNumero {
    background-color: #f51517;
    border-radius: 1px;
    width: 18px;
    height: 18px;
    color: white;
    font-family: sppro-regular;
    text-align: center;
    border: 2px solid #f51517;
    font-size: 13px;
    margin-right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.circuloNumero2 {
    background-color: #f51517;
    border-radius: 1px;
    width: 18px;
    height: 18px;
    color: white;
    font-family: sppro-regular;
    text-align: center;
    border: 2px solid #f51517;
    font-size: 13px;
    margin-right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.div-agrupar-info-toppings {
    /* display: flex;
    align-items: center;
    justify-content: start; */
}

.div-agrupar-info-toppings h4 {
    font-family: sppro-bold;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #231F20;
    margin-bottom: 0px;
    margin-top: 0px;
}

.div-agrupar-info-toppings p {
    font-family: sppro-bold;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #7B7B7B;
    text-transform: capitalize;
    margin-left: 10px;
    margin-right: 10px;
}

.txt-size-modificar-ingrediente {
    font-family: sppro-regular;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #231F20;
}

.precio-modify-topping {
    font-family: sppro-bold;
    font-size: 14px;
    line-height: 20px;
}


.data-togle-toppings {
    /* display: flex;
    justify-content: space-between;
    align-items: center; */
}


.div-topping-entero {
    /* margin-top: 15px; */
    /* background: #EFF0F6; */
    border-radius: 16px !important;
    border: 2px solid transparent;
    padding: 10px;
    margin: 12px 0px;
}

.divIngredientesModify {
    display: flex;
    align-items: start;
    justify-content: start;
    padding-left: 21px;
    margin-bottom: 21px;
}


.collapse-information {
    margin-top: 17px;
    /* height: 140px;
    overflow-y: scroll; */
}

.collapse-information::-webkit-scrollbar-thumb {
    border-radius: 10px;
    /* background-color: red; */
}



.div-infoextras {
    display: flex;
    justify-content: space-between;
}

.img-menos-toppings {
    display: none;
    padding-right: 5px;
}

.img-plus-toppings {
    padding-right: 5px;
}

.textAreaToppings {
    border: 0px !important;
    border-top: 0px solid transparent;
    padding-left: 5px;
    box-shadow: none;
}

.textAreaToppings-topping {
    background-color: #f6f6f6;
}

.div-mas-info-modify {
    display: flex;
    align-items: self-start;
    margin-top: 20px;
}


.icono-mas-info-modify {
    padding-top: 7px;
}

.textarea-modify {
    padding-left: 10px;
}

.max-container {
    max-width: 2500px;
    margin: 0 auto;
}

.content-pg-modify {
    background: #F6F6F6;
    height: 100%;
}


.contenedor-modify {
    background: #F6F6F6;
    flex: 1;
}

.contenedor-menu-completo {
    margin-bottom: 30px;
}

.pagina-actual {
    font-family: sppro-Bold;
}

input {
    border: 0px solid white !important;
    -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 0%) !important;
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 0%) !important;
    border-bottom: 1px solid #494D50 !important;
    border-radius: 0px !important;
    padding-left: 0px !important;
    /* margin-bottom: 24px; */
    font-family: sppro-regular !important;

    /* background-image: url('../img/icono-flecha-input.svg') !important;
    background-repeat: no-repeat;
    background-position-x: right; */
    background-color: transparent !important;
}

.titulo-input {
    font-family: sppro-bold;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0px;
}

/* ESTILOS CHECKBOX */
input[type="checkbox"].estilosCheckbox {
    display: none;
}

input[type="checkbox"]+label:before {
    content: "";
    width: 18px;
    height: 18px;
    float: left;
    margin: 0 0.5em 0 0;
    border: 2px solid #7B7B7B;
    background: #F7F7F7;
    margin-bottom: 15px;

}

input[type="checkbox"]:checked+label:before {
    border-color: #f51517;
    background-color: #f51517;
    content: url('../imagenes/fotos/icons/icono-checked.svg');
    display: flex;
    align-items: center;
}

input[type="checkbox"]+label {
    font-weight: normal;
    /* line-height: 3em; */
    /* margin-bottom: 11px; */
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
}


/* ESTILOS RADIO */
input[type="radio"].estilosRadio {
    display: none;
}

input[type="radio"]+label:before {
    content: "";
    width: 16px;
    height: 16px;
    float: left;
    margin: 0 0.3em 0 0;
    border: 1px solid #7B7B7B;
    background: #F6F6F6;
    margin-bottom: 30px;
    border-radius: 50%;
    margin-top: 2px;

}

input[type="radio"]:checked+label:before {
    border: 2px solid #231F20;
    background-color: #FFFFFF;
    content: url('../imagenes/fotos/icons/icono-radio.svg');
    display: flex;
    align-items: center;
    justify-content: center;
}

input[type="radio"]+label {
    font-weight: normal;
    /* line-height: 3em; */
    margin-bottom: 11px;
    display: flex;
    align-items: center;
}

/* radio metodos de pago */
input[type="radio"].metodos-pago+label:before {
    margin-bottom: 0px;
    margin-right: 0px;
}

.name-payment {
    margin-left: 20px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
}

.label-payment {
    margin-bottom: 28px !important;
}

.form-express-checkout {
    /* width: 280px; */
    padding: 0px
}

.nav-cart-signup {
    margin-bottom: 24px;
}

.nav-cart-signup>li.active>a,
.nav-cart-signup>li.active>a:focus,
.nav-cart-signup>li.active>a:hover {
    background-color: transparent;
    color: #231F20;
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 25px;
    text-align: center;
    letter-spacing: -0.03em;

}

.hr-nav-cart-signup {
    border-top: 3px solid #f51517;
    margin-top: -7px;
    margin-bottom: 0px;
    width: 56px;
}

.nav-cart-signup>li>.hr-nav-cart-signup {
    display: none;
}

.nav-cart-signup>li.active>.hr-nav-cart-signup {
    display: block;
}

.nav-cart-signup>li>a {
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 25px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #7B7B7B;
    font-family: Raleway-Bold;
}

.div-img-form-account {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
    flex: 1;
}

.div-form-signup {
    /* width: 280px; */
    width: 400px;
}

/* .img-banner-signup {
    object-fit: cover;
    width: 100%;
    height: 844px;
} */

.img-banner-signup {
    background-image: url('../imagenes/fotos/banners/banner-signup.png');
    /* background-image: url('../img/banner-signup.svg'); */
    height: 800px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    background-position-y: top;

    max-width: 675px;
    width: 100%;
}

.img-banner-newaccount {
    background-image: url('../imagenes/fotos/banners/banner-newaccount.png');
    /* background-image: url('../img/banner-newaccount.svg'); */
    height: 800px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    background-position-y: top;

    max-width: 675px;
    width: 100%;
}

.btn-account {
    width: 100%;
    margin-top: 24px;
}

.olvidasteContraseña {
    padding-left: 15px;
    font-size: 13px;
}

.input-signup-pass {
    margin-bottom: 5px;
}

.socialButtons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 20px !important;

}

.txt-inicia-con {
    color: #7B7B7B;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0px;
    margin-top: 33px;
    text-align: center;
}

.txt-no-cuenta,
.enlace-new-account {
    color: #f51517;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    font-family: Raleway-Bold;
    margin-bottom: 0px;
}

.enlace-new-account:hover {
    color: #231f20;
}

.img-login-social {
    width: 40px;
    margin: 0px 10px;
}

.o-login-social {
    margin-bottom: 0px;
    color: #7B7B7B;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    margin-left: -5px;
    margin-right: -5px;
}

.titulo-account {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold !important;
    font-size: 32px !important;
    line-height: 34px;
    text-align: center;
    letter-spacing: -0.03em;
    margin-bottom: 33px;
    margin-top: 33px;
}

.tipo-pedido-carrito {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid black;
    margin-bottom: 24px;
}

.dato-usuario {
    margin-bottom: 24px;
    border-bottom: 1px solid black;
}

.nombre-dato-user {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
}

.titulo-carrito {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 25px;
    letter-spacing: -0.03em;
    margin-bottom: 24px;
    margin-top: 40px;
}

.div-info-usuario-pedido {
    /* width: 280px; */
}

.info-direccion-pedido {
    /* white-space: pre; */
    margin-bottom: 0px;
}

.containerIconAlergeno {
    height: 30px;
    width: 40px;
}

.alergenos i {
    font-size: 22px !important;
}

.alergenos .selected {
    border: 2px solid #f51517;
}

.titulo-indica-alergia {
    text-align: left;
    margin-bottom: 3px;
    line-height: 15px;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    font-family: 'sppro-regular';
    color: #E8E8E8;
}

.container-use-saved-creditcard {
    margin-top: 0px;
    margin-bottom: 14px;
}

.parrafos-mastercard {
    padding-left: 0px;
    margin-top: 15px;
}

.parrafoAceptarCondiciones span {
    font-size: 12px;
}

.div-todo-carrito {
    width: 65%;
}



.total-carrito {
    margin-top: 24px;
    margin-bottom: 24px;
    text-align: left;
}

.div-aceptarCondicionesSinRegistrar {
    padding-left: 0px;
}

.btn-pagar-carrito {
    width: 100%;
    margin-bottom: 10px;
    padding: 15px 70px;
    margin-top: 27px;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: white;
    font-family: 'sppro-bold' !important;
}

.botonesFinalizarCompra {
    padding: 0px;
}

.div-input {
    margin-bottom: 24px;
}

.block-errors-form {
    margin-left: 0px;
    display: flex;
    align-items: center;
}

.div-contenido-carrito-menu-vacio {
    text-align: center;
}

.menu-home {
    background-color: white;
    /* z-index: 9; */
}


.p-te-recomendamos-home {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 34px;
    text-align: center;
    letter-spacing: -0.03em;
    color: black;
    /* margin-top: 30px; */
}

.div-familias-carta-home {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 31px;
    margin-bottom: 40px;
    margin-top: 25px;
}


.nombreFamilia:hover {
    cursor: pointer;
}

.btn-ver-toda-la-carta {
    background: #FFFFFF;
    border: 2px solid #D8D8D8;
    box-sizing: border-box;
    box-shadow: 0px 0px 20px rgb(5 5 5 / 8%);
    border-radius: 4px;
    color: #000000;
    width: 207px;
    height: 58px;
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    margin-bottom: 150px;
    text-transform: capitalize;
}

.btn-ver-toda-la-carta:focus {
    color: #333;
    outline: 0px !important;
}


.menu-menu-zindex {
    display: none;
}


.H2-familiaMenuProducts {
    padding-left: 15px;
    color: white;
}

.txt-pago-envio {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 34px;
    letter-spacing: -0.03em;
    padding-left: 15px;
    margin-bottom: 40px;
}







/* ESTILOS SELECT */
select.estilosSelect {
    background: url('../imagenes/fotos/icons/icono-flecha-input.svg') no-repeat right;
    background-color: #333332;
    -webkit-appearance: none;
    appearance: none;

    -moz-appearance: none;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%), 0 0 8px #00000000;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%), 0 0 8px #00000000;
    color: #231f20;
}

select.estilosSelect:focus {
    border-color: #393939;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(57 57 57);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(57 57 57);
}

.div-mi-carrito {}

.textarea-cart {
    border: 0px !important;
    border-top: 0px solid transparent;
    padding-left: 5px;
    box-shadow: none;
    background-color: #363638;
    border-radius: 0px;
    border-bottom: 1px solid #7B7B7B !important;
    color: #D8D8D8;
    font-family: sppro-regular;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
}

.div-carrito-home {
    position: fixed;
    right: 20px;
    width: 440px;
    bottom: 30px;
    z-index: 99;
}

.div-tu-pedido-home {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.contenidoCart {
    /* margin-top: 10px; */
    /* max-height: 600px;
    overflow: auto;
    overflow-y: scroll; */
}

.scrollHome {
    max-height: 600px;
    overflow: auto;
    overflow-y: scroll;
}

.div-mas-info-cart {
    display: flex;
    align-items: self-start;
}

.titulo-branches {
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 34px;
    text-align: center;
    letter-spacing: -0.03em;
    font-family: Raleway-Bold;
}

.div-signup-new-account {
    margin-top: 24px;
}

.btn-newaccount {
    padding: 16px 89px;
    width: auto;
}

.error-aceptar-condiciones {
    color: #231F20;
}

.div-opt-login-social {
    display: flex;
    align-items: center;
}

.socialButtons {
    margin-bottom: 0px;
}

.div-contenido-newaccount,
.div-contenido-signup {
    margin-bottom: 100px;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.titulo-recetasMenu {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 34px;
    letter-spacing: -0.03em;
    color: #231F20;

}


.txt-nuestro-menu {
    font-family: sppro-regular;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
    color: #231F20;
}


.div-nosotros-derecha {
    background-color: red;
    min-height: 450px;
}

.div-info-aboutus {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    position: absolute;
    width: 498px;
    min-height: 206px;
    left: 97px;
    top: 150px;
    background-color: transparent;
}

.div-packaing-aboutus {
    min-height: 783px;
    padding-top: 65px;
}

.img-silueta-log-derecha {
    top: 134px;
    position: absolute;
    right: 0;
    transform: rotate(180deg);
}

.txt-nuestro-menuBlack {
    font-family: sppro-regular;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
    color: #231F20;
}

.div-aboutus {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.img-aboutus-izquierda {
    left: -55px;
}

.btn-pide-ahora-aboutus {
    height: 50px;
    width: 203px;
    left: 53px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    font-family: Raleway-Bold !important;
    padding: 0px;
    font-size: 16px;
    border: 2px solid #f51517;
    margin-top: 20px;
    text-transform: capitalize;
}


.video-hamburguesa-nosotros {
    object-fit: cover;
    height: 579px;
    width: 100%;
}

.txt-the-real-aboutus {
    font-family: 'Raleway-Bold';
    font-style: normal;
    font-weight: bold;
    font-size: 46px;
    line-height: 48px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}

.txt-the-real-desc-aboutus {
    font-family: 'sppro-regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
}


.div-txt-video {
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(-50%, -50%);
}


.div-info-aboutus-izquierda {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    position: absolute;
    width: 498px;
    min-height: 206px;
    right: 97px;
    top: 150px;
    background-color: transparent;
}

.p-titulo-contactanos {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 34px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 60px;
    letter-spacing: -0.03em;
}

/* .container-max{
    max-width: 1250px;
    margin: 0 auto;
} */

.texto-branch-contacto {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 25px;
    letter-spacing: -0.03em;
    color: #000000;
}

.txt-descripcion-tiendas-contacto {
    font-family: 'sppro-regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    display: flex;
    opacity: 0.7;
    text-align: left;
}

.span-input-icon {
    display: flex;
    align-items: center;
}

.icon-edit-input {
    border-bottom: 1px solid black;
    padding-bottom: 4px;
    padding-top: 4px;
}

.div-seccio-editaccount {
    background: white;
    box-shadow: 0px 0px 20px rgba(5, 5, 5, 0.08);
    border-radius: 20px;
    padding: 30px 15px;
    margin-bottom: 20px;
    text-align: left;
}

.btn-editAccount {
    padding: 16px 65px;
    font-family: sppro-bold !important;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: white;
    background-color: #f51517;
    border: 1px solid #f51517;
}

.btn-actualizarPassword {
    padding: 16px 81px;
    font-family: sppro-bold !important;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: white;
    background-color: #f51517;
    border: 1px solid #f51517;
}

.span-tel-verificado {
    position: absolute;
    left: 95px;
    font-size: 14px;
    font-family: Raleway-Bold;
}

.enlace-cerrar-sesion {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    color: #f51517;
    font-family: Raleway-Bold;
    text-transform: lowercase;
}

.div-cerrar-sesion {
    padding-right: 100px;
    margin-top: 20px;
}

.titulo-mis-datos {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    font-family: Raleway-Bold;
    padding-left: 15px;
    margin-bottom: 20px;
}

.div-tarjetas-guardadas {
    display: flex;
    /* align-items: center; */
    justify-content: center;
    flex-direction: column;
    /* background-color: white; */
    border-radius: 20px;
    width: 90%;
    margin: 0 auto;
    /* box-shadow: 0px 0px 20px rgba(5, 5, 5, 0.08); */
    /* border: 2px solid #D8D8D8; */
}

.tarjeta-guardada {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 2px solid #D8DFE5;
    width: 100%;
    padding: 20px 40px;
    height: 80px;
}

.p-targeta-account {
    margin-bottom: 0px;
}

.borrar-targeta {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    color: #f51517;
    text-transform: lowercase;
    font-family: Raleway-Bold;
}

.tarjeta-guardada:nth-child(even) {
    background-color: #F7F7F7;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.titulo-mis-tarjetas {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #494D50;
    opacity: 0.9;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-left: 40px;
    text-align: left;

}

.titulo-no-tarjetas {
    padding-left: 0px;
    text-align: center;
}

.tarjeta-guardada:last-child {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.div-mis-pedidos {
    display: flex;
    /* align-items: center; */
    justify-content: center;
    flex-direction: column;
    /* background-color: white; */
    border-radius: 20px;
    width: 90%;
    margin: 0 auto;
    /* box-shadow: 0px 0px 20px rgb(5 5 5 / 8%); */
    /* border: 2px solid #D8D8D8; */
}

.btn-repetir-pedido {
    border: 2px solid #D8D8D8;
    background-color: white !important;
    box-shadow: 0px 0px 20px rgba(5, 5, 5, 0.08);
    border-radius: 200px;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    padding: 11px 32px;
    color: #f51517;
}

.nombre-product-historial {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    font-family: Raleway-Bold;
    text-align: left;
}

.span-cantidad-historial {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
}

.span-cantidad {
    color: #7B7B7B;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    margin-right: 11px;
}

.descrip-product-historial {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: left;

    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #494D50;
    opacity: 0.8;
}

.div-producto-historial {
    border-bottom: 1px solid #D8D8D8;
    min-height: 170px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.img-product-historial {
    width: 79px;
    height: 64px;
    object-fit: cover;
}

.cantidad-num {
    display: flex;
    align-items: center;
    justify-content: center;
}

.linea-pedido-historial {

    border-top: 2px solid #D8DFE5;
    height: 81px;
    display: flex;
    align-items: center;
}

.div-linea-pedido-historial:nth-child(even) {
    background-color: #F7F7F7;
}

.num-ticket-historial {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    font-family: Raleway-Bold;
    margin-bottom: 0px;
}

.fecha-pedido-historial {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0px;
}

.enlace-ver-ocultar-detalle {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    font-family: Raleway-Bold;
    color: #f51517;
    text-transform: uppercase;
    margin-right: 10px;
}

.cabecera-historial {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #7B7B7B;
    display: flex;
    margin-bottom: 0px;
}

.div-pradre-info-tienda {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
    margin-bottom: 35px;
    max-width: 710px;
}

.div-info-tienda {
    /* padding-left: 20px; */
    /* margin-right: 25px; */
    margin-left: 29px;
}

.img-icon-contacto {
    width: 20px;
    height: 20px;
    margin-right: 12px;
}

.img-header-pagina {
    height: 140px;
    width: 100%;
    object-fit: cover;
}

.p-form-contacto {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #231F20;
    margin-bottom: 0px;
}

.div-form-contacto {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 660px;
    margin-top: 15px;
    margin: 0 auto;
}

.form-contact {
    background-color: white;
    padding: 30px 15px;
    box-shadow: 0px 2px 20px rgba(5, 5, 5, 0.06);
    border-radius: 6px;
}

.input-contacto-nuevo {
    /* margin-bottom: 28px; */
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #7B7B7B;
}

.btn-enviar-form-contacto {
    width: 240px;
    /* height: 58px; */
    padding: 16px 39px;
    font-family: Raleway-Bold !important;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.05);
    background-color: #f51517;
    border-color: #f51517;
    border-radius: 4px;
    /* color: #494D50;
    opacity: 0.9;
    margin-bottom: 0px;
    text-align: left; */
    color: white;
}

.div-cabecera-historial {
    height: 70px;
    display: flex;
    align-items: center;
}

.flecha-historial-cerrar {
    transform: rotate(180deg);
}

.nav-optionAccount {}

.nav-tabs-optionAccount>li>a {
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 25px;
    text-align: center;
    letter-spacing: -0.03em;
    font-family: Raleway-Bold;
    color: #7B7B7B;
    padding-left: 00px;
    padding-right: 0px;
    margin-right: 27px;
    margin-left: 27px;
}

.nav-tabs-optionAccount>li.active>a,
.nav-tabs-optionAccount>li.active>a:focus,
.nav-tabs-optionAccount>li.active>a:hover {
    color: #231F20;
    background-color: transparent;
    border: none;
    border-color: transparent;

}

.nav-tabs-optionAccount>li.active>a::after,
.nav-tabs-optionAccount>li.active>a:focus::after,
.nav-tabs-optionAccount>li.active>a:hover::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #f51517;
    z-index: 99;
    width: 56px;
    border-radius: 20px;
    bottom: 3px;
    margin: 0 auto;
    height: 3px;
}

.nav-optionAccount>a.nav-link:hover {
    border-color: transparent;
}

.nav-tabs-optionAccount {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #d8d8d8;
    margin-top: 32px;
    margin-bottom: 30px;
}

.div-num-ticket,
.div-fecha-pedido {
    text-align: left;
}

.no-pedidos {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #494D50;
    opacity: 0.9;
    margin-bottom: 20px;
    margin-top: 20px;
}

.div-misdirecciones {
    display: flex;
    /* align-items: center; */
    justify-content: center;
    flex-direction: column;
    /* background-color: white; */
    border-radius: 20px;
    width: 90%;
    margin: 0 auto;
    /* box-shadow: 0px 0px 20px rgb(5 5 5 / 8%); */
    /* border: 2px solid #D8D8D8; */
}


.btn-editar-address {
    border: 2px solid #D8D8D8;
    background-color: white !important;
    box-shadow: 0px 0px 20px rgb(5 5 5 / 8%);
    border-radius: 200px;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    color: #f51517;
    padding: 16px 39px;
}


.div-promos-global {
    background-color: #1b2024;
}

.txt-promocion-wizard {
    color: #000000 !important;
    font-size: 24px;
    line-height: 24px;
    font-family: 'Raleway-Bold';
    text-align: left;
    padding-left: 26px !important;
    margin-top: 15px;
    margin-bottom: 15px;
}

.texto-promo-wizard {
    color: #f51517 !important;
    font-size: 22px;
    line-height: 24px;
    font-family: 'Raleway-Bold';
    text-align: left;
    padding-left: 26px !important;
    margin-top: 15px;
    margin-bottom: 15px;
}

.div-form-newAccount {
    width: 100%;
    max-width: 600px;
}

.titulo-new-account {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold !important;
    font-size: 29px !important;
    line-height: 34px;
    text-align: center;
    letter-spacing: -0.03em;
    margin-bottom: 20px;
}

.btn-new-account {
    width: 100%;
    margin-top: 15px;
}

.p-punto-carne-modify::before {
    margin-bottom: 0px !important;

}

.div-agrupar-punto {
    width: auto;
    /* margin-right: 15px; */
}

.div-alergenos-modify {
    display: flex;
    text-align: left;
    flex-direction: column;
    margin-bottom: 80px;
}

.div-alergenos-modify p {
    font-family: sppro-regular;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #231F20;
}


.div-ruta-paginas-mvl>.ruta-paginas {
    white-space: inherit;
    margin-bottom: 20px;
    padding: 11px 32px;
    color: #000000;
}

.anyadir-direccion {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    display: flex;
    align-items: center;
    text-decoration-line: underline;
    color: #f51517;
    font-family: Raleway-Bold;
}

.p-anyadir-direccion {
    display: flex;
    align-items: center;
    width: 90%;
    margin: 0 auto;
}

.span-mas {
    margin-right: 10px;
    font-size: 20px;
    color: #f51517;
    font-family: Raleway-Bold;
}

.div-direccion-guardada {
    border-top: 2px solid #D8DFE5;
    min-height: 81px;
    display: flex;
    align-items: center;
    padding: 0px 40px;
}

.div-info-direccion {
    padding: 0px;
    padding-right: 20px;
}

.div-desc-direccion-guardada {
    padding: 0px;
}

.div-btn-eliminar-editar {
    padding: 0px;
}

.div-desc-direccion-guardada {}

.div-info-direccion p {
    margin-bottom: 0px;
    text-align: left;
    line-height: 18px;
    font-size: 14px;
}

.div-desc-direccion-guardada p {
    margin-bottom: 0px;
    text-align: left;
    line-height: 18px;
}

.txt-eliminar {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    font-family: Raleway-Bold;
    text-transform: lowercase;
    color: #f51517;
    margin-right: 10px;
}

.div-direccion-guardada:nth-child(odd) {
    background-color: #F7F7F7;
}

.div-direccion-guardada:last-child {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.cabecera-mis-direcciones {
    height: 70px;
    display: flex;
    align-items: center;
}

.div-cabecera-mis-direcciones {
    height: 70px;
    display: flex;
    align-items: center;
    padding: 0px 40px;
}

.cabecera-direcciones {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #494D50;
    opacity: 0.9;
    margin-bottom: 0px;
    text-align: left;
}

.total-optionaccount {
    margin-bottom: 50px;
}

.div-misdirecciones form {
    padding-top: 15px;
    text-align: left;
    padding-left: 0px;
    padding-right: 0px;

}

.div-misdirecciones form~div {
    padding-bottom: 15px;
}



.div-global-slider-home {
    width: 400px;
    min-width: 400px;

}

/* .div-global-slider-home:hover{ */
/* cursor:pointer; */
/* } */

.p-nombre-promo {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 46px;
    line-height: 48px;
    letter-spacing: -0.02em;
    color: white;
    margin-top: 4px;
}

.p-fecha-expiracion-promo {
    text-align: left;
    color: white;
    font-family: sppro-regular;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    padding-left: 20px;
}

.img-promo-home-slider {
    height: 105px;
    width: 100%;
    object-fit: cover;
    /* border-top-left-radius: 10px;
    border-top-right-radius: 10px; */
}

.div-badge-promos-home {
    position: relative;
    top: -10px !important;
    left: 10px;

    background-color: white !important;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    right: 5px;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 100px;
    width: auto;
    border-bottom-right-radius: 5px;
}

.div-info-promo-home-slider {
    background-color: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    min-height: 90px;
}


#id-promos-en-home .promos-normales {
    display: none !important;
}

#id-promos-en-menu .promos-en-home {
    display: none !important;
}


.contenedor-promociones-ofertas-enHome {
    max-width: 400px;
}

#id-promos-en-home {
    position: absolute;
    z-index: 97;
}

.div-promos-home-global {
    position: absolute;
    /* top: 256px; */
    left: 40px;
    bottom: 70px;
}


.div-controles-carousel-home {
    width: 450px;
    display: flex;
    justify-content: space-between;
    height: 100%;
    top: 0;
    position: absolute;
    margin-left: -25px;
}


.div-controles-carousel-home a {
    position: inherit !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: none !important;
}


@media (max-width: 1080px) and (min-width: 769px) {
    .div-promos-home-global {
        position: absolute;
        /* top: 60px; */
        right: inherit;
        left: 0%;
        /* bottom: 162px;*/
        left: 50%;
        transform: translate(-50%, -57%);
    }

    .p-nombre-promo {
        font-size: 34px;
    }

    .p-descripcion-promo {
        font-size: 14px;
    }

    .btn-lo-quiero {
        font-size: 14px;
    }

    .div-global-slider-home {
        width: 350px;
        min-width: 350px;
        padding: 24px;
    }

    .div-opcion-tipo-pedido {
        left: 50%;
        transform: translate(-50%, 20%);
    }
}


@media (max-width: 1255px) and (min-width: 992px) {
    .div-info-tienda-tiendas {
        padding: 25px !important;
    }

    .txt-descripcion-tiendas-contacto {
        font-size: 13px !important;
        text-align: left;
    }
}


.nombre-dato-user {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;

}

.texto-branch-tiendas {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 25px;
    letter-spacing: -0.03em;
    color: #000000;
    text-align: left;
    margin-bottom: 20px;
    margin-top: 0px;
}


.div-info-tienda-tiendas {
    background-color: white;
    padding: 60px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0px 0px 20px rgba(5, 5, 5, 0.08);
    padding-top: 20px;
    margin-bottom: 40px;
    padding: 38px 60px;
}

.div-global-tiendas {
    margin-bottom: 50px;
}

.titulo-tiendas {
    margin-top: 36px;
    margin-bottom: 39px;
}


.btn-haz-pedido-tiendas {
    width: 271px;
    margin-top: 20px;
    padding: 12px 70px;
    font-family: sppro-bold !important;
    background-color: #f51517;
    border: 2px solid #f51517;
}

.img-mapa-tienda {
    width: 100%;
    height: 154px;
    object-fit: cover;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    box-shadow: 0px 0px 20px rgb(5 5 5 / 8%);
}

.total-branches {
    max-width: 1250px;
    margin: 0 auto;
}

@media (max-width: 985px) and (min-width: 769px) {
    .img-packaging {
        height: 340.64px !important;
        top: -190px !important;
        width: 340px !important;
        right: -85px !important;
        clip-path: inset(123px 0px 0px 0px) !important;
    }

    .div-txt-video {
        position: absolute;
        top: 50%;
        left: 35% !important;
        transform: translate(-50%, -50%);
    }
}


.div-opciones-tracking {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1250px;
    margin: 0 auto;
}

.div-opciones-tracking p {
    margin-right: 20px;
    color: #7B7B7B;
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 25px;
    text-align: center;
    letter-spacing: -0.03em;

}


.div-global-opciones-tracking {
    border-bottom: 1px solid #D8D8D8;
    margin-top: 25px;
}



.activo-seguimientoPedido {
    color: #231F20 !important;
}


.activo-seguimientoPedido::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #f51517;
    z-index: 99;
    width: 56px;
    border-radius: 20px;
    bottom: 5px;
    margin: 0 auto;
    height: 3px;
}


.div-info-tracking-tel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    box-shadow: 0px 0px 20px rgb(5 5 5 / 8%);
    border-radius: 20px;
    padding: 15px;

}

.inputTelefonoTracking {
    border-bottom: 1px solid transparent !important;
}


.div-info-tracking-tel {
    /* max-width: 500px;
    margin: 0 auto;
    margin-top: 20px; */
}


.p-historial-seguimiento {
    color: #231F20;
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 25px;
    text-align: center;
    margin-top: 26px;
    margin-bottom: 26px;
}

.btn-registro-tracking {
    background-color: #FFFFFF !important;
    color: #f51517;
    box-shadow: 0px 0px 20px rgba(5, 5, 5, 0.08);
    border-color: #F7F7F7;
}

.div-container-history-tracking {
    max-width: 1250px;
    margin: 0 auto;
    margin-bottom: 90px;
}

.div-btns-historial-tracking {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.btn-iniciar-sesion-tracking,
.btn-registro-tracking {
    margin-bottom: 20px;
    width: 335px;
    height: 50px;
    padding: 10px 39px 10px 39px;
}


.div-mis-pedidos-tracking {
    max-width: 1250px;
    margin: 0 auto;
    margin-top: 25px;
}

.img-iniciar-sesion-tracking {
    margin-top: 45px;
    width: 219px;
    height: 219px;
}

.p-num-pedido-tracking {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 25px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #231F20;
    margin-top: 25px;
    margin-bottom: 30px;
}

.p-hora-entrega-estimada {
    font-family: sppro-regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #7B7B7B;
}

.modal-order-now {
    text-align: center;
    padding-bottom: 39px;
}

#modalOrderNow {
    z-index: 9998 !important;
}

#modalOrderNow .modal-header {
    border-bottom: 0px;
}

.txt-escoge-entrega {
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 34px;
    font-family: Raleway-Bold;
    letter-spacing: -0.03em;
    margin-bottom: 35px;
}

.tabs-modal-order {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 0px;
    margin-bottom: 42px;
}

.tabs-modal-order>li>a {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;

    color: #7b7b7b;
    /* border: 0px solid white !important;
    border-radius: 0px;
    margin-right: 0px !important;
    text-align: center;
    padding-bottom: 0px !important;
    padding-top: 16px !important; */
    font-family: Raleway-Bold;

}

.tabs-modal-order>li.active>a,
.tabs-modal-order>li.active>a:focus,
.tabs-modal-order>li.active>a:hover {
    color: #231F20;
    border: 0px;
    border-color: transparent;
}

.nav-tabs>li>a:hover {
    border-color: transparent;
}

.img-tipo-pedido-modal {
    opacity: 0.5;
    width: 24px;
    height: 24px;
    margin-right: 7px;
}

.tabs-modal-order>li.active>a>img.img-tipo-pedido-modal {
    opacity: 1;
}

.tabs-modal-order>li.active::before {
    content: "";
    position: absolute;
    left: 59%;
    transform: translate(-50%, -50%);
    background-color: #f51517;
    z-index: 99;
    width: 90px;
    width: 56px;
    border-radius: 20px;
    bottom: 4px;
    margin: 0 auto;
    height: 3px;

}

.logoOrderNow {
    /* width: 125px; */
    margin-bottom: 15px;
    margin-top: 52px;
}

#modalOrderNow .modal-dialog {
    width: 750px;
}

#pickupModal {}

.div-pickup {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 274px;
    margin: 0 auto;
}

.select-branch-modal {
    width: 274px;
    margin-bottom: 48px;
    margin-top: 22px;
}

.btn-tab-modal-order {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    color: white;
    padding: 12px 80px;
}




.div-enter-address {
    display: flex;
    /* align-items: center; */
    justify-content: center;
}

.div-enter-address2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.input-delivery-calle {
    width: 274px;
}

.mapeta {
    width: 10px;
    height: 163px !important;
    margin-bottom: 40px;
    position: absolute;
    top: -10000px;
    pointer-events: none;
}

.modal-dialog-orderNow {
    width: 750px;
}

.btn-encontrar-tienda-delivery {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    font-family: Raleway-Bold !important;
    border: 2px solid #f51517;
    /* margin-top: 48px; */
    padding: 16px 70px;
}

.div-tienda-cercana {
    /* text-align: left; */
    margin-bottom: 0px;
}

.visibleMapa {
    position: initial;
}



.p-hora-tracking {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 46px;
    line-height: 48px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #231F20;
    margin-bottom: 25px;

}

.p-direccion-entrega {
    font-family: sppro-regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #231F20;
}



.barraTracking {
    background-color: #7B7B7B;
    width: 92px;
    height: 12px;
    opacity: 0.3;
    border-radius: 38px;

    /* margin: 0px 10px; */
    /* margin: 0 auto; */
}

.barraCompletaTracking {
    background-color: #f51517 !important;
    opacity: 1;

}

.txtEstadoCompletado {
    color: black !important;
}

.txt-estado-pedido {
    font-size: 10px;
    text-align: center;
    color: #9c9c9c;
    padding-top: 5px;
}

.img-estado-pedido {
    width: 70px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.estadosTracking {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 30px;
}

.btn-tracking {
    font-size: 15px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border: 2px solid #D8D8D8 !important;
    box-sizing: border-box !important;
    box-shadow: 0px 0px 20px rgba(5, 5, 5, 0.08) !important;
    border-radius: 200px !important;
    background: #f51517 !important;
    color: white !important;
}

.pedido-no-select-tracking {
    font-size: 15px !important;
    padding: 16px 39px 16px 39px;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    border: 2px solid #D8D8D8 !important;
    box-sizing: border-box !important;
    box-shadow: 0px 0px 20px rgba(5, 5, 5, 0.08) !important;
    border-radius: 200px !important;
    color: #f51517 !important;
    background: #FFFFFF !important;
}

.btn-tracking:hover {
    color: white !important;
    background-color: #f51517 !important;
}

.p-tipo-pedido-tracking {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #231F20;
    margin-bottom: 20px;
}

.div-total-tracking {
    margin-bottom: 140px;
}

.div-foto-esta-tracking {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.inputTelefonoTracking {
    outline: none;
    width: 100%;
}

.div-info-tracking-tel>div {
    text-align: right;
}


.p-sin-pedido-tracking {
    margin-top: 35px;
}

.div-mostrar-historial-tracking {
    margin-bottom: 40px;
}


.div-contenedor-greetings {
    margin-top: 35px;
    margin-bottom: 35px;
    text-align: center;
}

.p-gretings-titulo {
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 34px;
    text-align: center;
    letter-spacing: -0.03em;
}

.img-icon-check-greetings {
    width: auto;
    height: 219px;
    margin-bottom: 20px;
}

.div-header-paginas-tracking {
    background-color: #f6f6f6;
}


.item-zindex {
    z-index: 99999;
}




.div-info-adicional-dir {
    /* text-align: left; */
}

.div-input-dir {
    margin-bottom: 15px;
    text-align: left;
}

.div-direccion-envio {
    /* display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around; */
}

.txt-direccion-envio {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    font-family: Raleway-Bold;
    margin: 0 auto;
    width: 274px;
    text-align: left;
}

.btn-delivery-pedir-ahora {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    font-family: Raleway-Bold;
    margin-top: 83px;
    padding: 16px 105px;
}

.a-detalles-direccion {
    color: #f51517;
    font-size: 14px;
}

.inputCalle {
    margin: 0 auto;
}

#collapse-detalles-direccion {
    padding-top: 15px;
}

/* .a-detalles-direccion[data-toggle="collapse"]:after {
    content: "";
    background-image: url('../img/icono-flecha-input.svg');
    background-repeat: no-repeat;
    position: absolute;

    border: 1px solid red;
    width: 50px;
    height: 50px;

    -webkit-transform: rotate(180deg);
    -moz-transform:    rotate(180deg);
    -ms-transform:     rotate(180deg);
    -o-transform:      rotate(180deg);
    transform:         rotate(180deg);

  }
  .a-detalles-direccion[data-toggle="collapse"].collapsed:after {
    -webkit-transform: rotate(0deg);
    -moz-transform:    rotate(0deg);
    -ms-transform:     rotate(0deg);
    -o-transform:      rotate(0deg);
    transform:         rotate(0deg);
  } */

.modal.fade .modal-dialog {
    /* left: 25%;
    top: 50%;
    transform: translate(-50%, -50%) !important; */
}

.ocultarHeader {
    border: 1px solid red;
    display: none;

}

.ocultarNoHeader {
    border: 1px solid blue;
}



.total-orderNow {
    display: flex;
    align-items: center;
    justify-content: center;
}

.div-orderNow {
    background-color: white;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 20px;
    padding: 30px;
    max-width: 900px;
    /* padding-bottom: 82px;
    padding-top: 82px; */

}

.select-branch-orderNow {
    margin-bottom: 25px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
}

.titulo-domicilio {
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 34px;
    font-family: Raleway-Bold;
    margin-bottom: 40px;
    letter-spacing: -0.03em;
}

.flecha-atras-orderNow {
    position: absolute;
    left: 0px;
    top: -10px;
}

.btn-pedido-pickup {
    margin-top: 48px;
    padding: 16px 70px;
    margin-bottom: 59px;
    font-family: Raleway-Bold !important;
}

.div-info-dir-guardada {
    /* text-align: left; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: flex-start; */
}

.btn-editar-address-saved {
    border: 2px solid #D8D8D8;
    background-color: white !important;
    box-shadow: 0px 0px 20px rgb(5 5 5 / 8%);
    border-radius: 200px;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    color: #f51517;
    padding: 7px 16px;
}

.direccionesGuardadas li:nth-child(even) {
    background-color: #f7f7f7;
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    background-color: #f51517 !important;
    border-color: #f51517;
    color: white;
}

.list-group-item.active .txt-eliminar,
.list-group-item.active:focus .txt-eliminar,
.list-group-item.active:hover .txt-eliminar {
    color: white;
}

.lista-direcciones-guardadas {
    /* padding: 14px 40px 14px 40px !important; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: space-between; */
}

.div-deleted-edit-address {
    display: flex;
    align-items: center;
}

.subtitulos-delivery {
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 25px;
    letter-spacing: -0.03em;
    text-align: left;
}

.btn-new-address {
    margin-bottom: 50px;
    padding: 12px 39px !important;
    margin-top: 15px;
    /* float: right; */
}

.div-new-address {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.anyadir-dir {
    font-size: 14px;
    line-height: 10px;
}

.div-comprobar-ver-dir {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.ver-dir-guardadas {
    color: #f51517;
    font-size: 16px;
    margin-top: 15px;
}

.div-edit-address-orderNow,
.titulo-input {
    text-align: left;
}

.div-input-address {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 59px;
}

.txt-obs-reparto {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.03em;
    text-align: left;
    margin-top: 25px;
}

.div-seach-order {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.p-form-contacto-mesaje {
    margin-bottom: 5px;
}

.btn-seguir-pedido-tracking {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    /* text-transform: uppercase; */
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
}

.input-buscar-historial {
    font-family: sppro-bold !important;
    padding-left: 10px !important;
    border-bottom: 0px !important;
    padding: 0px;
    height: 20px;
    font-size: 16px;
    line-height: 22px;
}

.input-buscar-historial::placeholder {
    color: #231F20;
}

/* INPUT DATE */

input[type='date'].date-newAccount,
input[type="date"].date-editAccount {
    background: url('../imagenes/fotos/icons/flecha-derecha.svg') no-repeat right;
    background-color: white;
    color: black;
    -webkit-appearance: none;
    appearance: none;

    -moz-appearance: none;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%), 0 0 8px #00000000;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%), 0 0 8px #00000000;

    line-height: 28px;

    background-size: 30px;
    padding-right: 10px;
    color: grey !important;
    background-size: 7px;

    text-align: left;
    text-align-last: left;
    direction: ltr;
}

input[type="date"].date-newAccount {}

input[type="date"].date-newAccount::after {
    content: "" !important;
    color: transparent !important;
    font-size: 0px;
}

/* placeholder de espacios en blanco */
input[type="date"].date-newAccount::before {
    content: attr(placeholder) "                                                 ";
    text-transform: uppercase;
    color: grey;
    font-size: 16px;

}

input[type="date"].inputFechaLlena::before {
    content: "" !important;
    color: black !important;
}

/* FIN INPUT DATE */


.p-tracking-numero-no-selected {
    font-family: Raleway-Bold;
    color: black;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 15px;
}

.a-num-pedido-tracking:hover {
    cursor: pointer;
}

.p-tracking-numero-selected {
    font-family: Raleway-Bold;
    color: #f51517;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 15px;
}

.btn-pagar-tracking {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 55px;
    padding-right: 55px;
}

.btn-atras-tracking {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 35px;
    padding-right: 35px;
}


.btn-pagar-ahora-tracking {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 35px;
    padding-right: 35px;
}

.p-retraso-tracking {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
}

.p-num-pedido-greetings {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #231F20;
}

.p-info-num-pedido-greetings {
    font-family: sppro-regular;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #231F20;
    margin-bottom: 25px;
}

.p-descripcion-pedido-greetings {
    font-family: sppro-regular;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #231F20;
    /* opacity: 0.7; */
    margin-bottom: 20px;
}

.p-pedido-recibido-greetings {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 34px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #231F20;
    margin-bottom: 20px;
}

.btn-seguir-pedido-greetings {
    width: 335px;
    /* height: 58px; */
    /* padding: 19px 39px; */
    font-family: 'Raleway-Bold' !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.btn-volver-atras-greetings {
    width: 335px;
    /* height: 58px; */
    padding: 16px 39px;
    color: #f51517;
    background-color: white !important;
    box-shadow: 0px 0px 20px rgb(5 5 5 / 8%);
    border: 2px solid #D8D8D8;
    font-family: 'Raleway-Bold' !important;
    text-transform: uppercase;
    /* letter-spacing: 1px; */
    padding-top: 10px;
    padding-bottom: 10px;
}


.div-ubicacions-direccion {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid black;

}

.input-delivery-calle {
    border-bottom: 1px solid transparent !important;
}

.icon-ubicacion {
    margin-right: 8px;
    width: 18px;
    height: 18px;
}

input::placeholder {
    /* color: #7B7B7B;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px; */
}

.textarea-obs-reparto {
    border: none;
    border-bottom: 1px solid black;
    border-radius: 0px;
    box-shadow: none;
    padding-left: 0px;
}

.lista-sugerencias-direcciones {
    text-align: left;
}

.btn-address-circulo {
    border: 1px solid #7B7B7B;
    background-color: #F7F7F7;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;


}

/* .btn-address-circulo:focus, .btn-address-circulo:active {
    background-color: white;
    border-color:#f51517;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
} */

.btn-address-circulo:focus div,
.btn-address-circulo:active div {
    background-color: #f51517;
    border-color: #f51517;
    height: 10px;
    width: 10px;
    border-radius: 100%;
}

.direccionSeleccionada div {
    background-color: #f51517;
    border-color: #f51517;
    height: 10px;
    width: 10px;
    border-radius: 100%;
}

.calle_tienda {
    margin-top: 0px;
}

.div-desc-dir-guardada {
    line-height: 18px;
    /* padding-right: 15px; */
}

.lista-direcciones-guardadas:last-child {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.lista-direcciones-guardadas:first-child {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.p-empezar-pedido {
    display: flex;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    color: #f51517;
    font-family: Raleway-Bold;
    margin-bottom: 20px;
}

.img-mas-direccion {
    width: 14px;
    height: 14px;
    margin-right: 10px;
}


.div-pizzas-home {
    max-width: inherit;
}

.div-carritoMenu {
    max-width: 439px;
    /* min-width: 439px; */
}

.div-global-carta-menu .div-carritoMenu {
    min-width: 439px;
}

.div-global-carta-menu {
    display: flex;
    background-color: #f6f6f6;
}

.div-productos-total-menu {
    display: flex;
    justify-content: flex-start;
    /* flex-direction: column; */
    flex-wrap: wrap;
    /* margin-left: 25px; */
}


/* 
@media (max-width: 1220px) and (min-width: 1000px) {
    .div-productos-total-menu{
        justify-content: center;
    }

    .div-segundo-familias-carta-menu{
        justify-content: space-evenly;
    }
} */

@media (max-width: 1395px) and (min-width: 1308px) {
    .div-producto-carta {
        max-width: 400px;
    }
}

@media (max-width: 1307px) and (min-width: 1221px) {

    .div-badges-icons {
        /* top: 28px !important; */
    }

    .div-producto-carta {
        max-width: 350px;
        padding-left: 14px;
    }

    .img-logo-producto-carta {
        /* bottom: 37px !important; */
    }

    .img-producto-carta {
        /* height: 115px; */
        width: 140px;
    }

    .nombre-badges {
        font-size: 11px;
    }

    .div-badges {
        max-width: 85px;
        top: 37px;
    }

    .btn-anyadir-product {
        padding: 7px 15px;
        font-size: 14px;
    }

    .nombre-producto {
        font-size: 16px;
    }

    .descripcion-producto {
        font-size: 12px;
    }

    .ver-mas-product {
        font-size: 12px;
    }

    .precio {
        font-size: 14px;
    }
}


@media (max-width: 1220px) and (min-width: 1109px) {
    .div-badges-icons {
        /* top: 35px !important; */
    }

    .div-producto-carta {
        max-width: 300px;
    }

    .img-logo-producto-carta {
        /* bottom: 46px !important; */
    }


    .nombre-badges {
        font-size: 10px;
    }

    .div-badges {
        max-width: 80px;
        top: 45px;

    }

}

@media (max-width: 1108px) and (min-width: 992px) {}

.div-img-product-carta {}

.div-info-promos-carta {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}






.iniciales-login-pc,
.iniciales-login-mvl {
    border: 2px solid #231F20;
    border-radius: 100%;
    padding: 3px;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    font-family: 'sppro-regular';
    margin-right: 10px;
    min-width: 25px;
    min-height: 25px;
    text-align: center;
    margin-bottom: 0px;
}

.toppings-extras {
    text-align: left;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    cursor: pointer;
    margin-bottom: 0px;
}

.toppings-extras-modal {
    text-align: left;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
    white-space: nowrap;
}

.p-extras {
    padding-left: 13px;
    color: #A5A5A5;
    opacity: 0.6;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
}

.comilla-topping-extra:last-of-type {}


.modal-toppings-extra {
    position: fixed;
    right: 0px;
    top: 50%;
    width: auto;
}

#myModalExtraToppings .modal-content {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

#myModalExtraToppings .modal-body {
    padding-bottom: 30px;
    padding-top: 25px;
    padding-left: 24px;
    padding-right: 200px;
}

.span-ver-extras {
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    font-family: sppro-bold;
    color: white;
}

#myModalExtraToppings {}

.div-opciones-carrito {
    text-align: left;
    margin-top: 70px;
    margin-bottom: 23px;
}

.opciones-carrito {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    font-family: Raleway-Bold;
    color: #231F20;
    opacity: 0.7;
}

.opciones-carrito:active,
.opciones-carrito:focus {
    color: #231F20;
    opacity: 1;
}

.opcion-activa-carrito {
    opacity: 1;
}

.flecha-opciones-carrito {
    transform: rotate(-90deg);
    margin-left: 10px;
    margin-right: 10px;
}

#modalExpressCheckout .modal-body button {
    padding: 10px 20px;
    margin-bottom: 15px;
}

#myModalModify .modal-body {
    padding: 0px;
}

#myModalModify .modal-dialog {
    position: fixed;
    margin: auto;
    width: 50%;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
    max-width: 1000px;
}

#myModalModify .contenedor-modify {
    width: 100%;
    text-align: left;
    padding-bottom: 130px;
}

#myModalModify .textarea-modify {
    margin-bottom: 0px;
    padding-left: 0px;
}

#myModalModify .modal-content {
    border-radius: 20px;
    border: none;

}

.closeModal {
    margin-right: 20px;
    margin-top: 20px;
}







/* MODAL MODIFY */

#myModalModify.modal.left .modal-content,
#myModalModify.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    background-color: #f6f6f6;
}



/*Left*/
#myModalModify.modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

#myModalModify.modal.left.fade.in .modal-dialog {
    left: 0;
    width: 90%;
}

/*Right*/
#myModalModify.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

#myModalModify.modal.right.fade.in .modal-dialog {
    right: 0;
}


.close {
    opacity: 1;
}

.lista-sugerencias-direcciones .list-group-item {
    cursor: pointer;
    display: flex;
}

.div-infoextras div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.ruta-paginas-seleccionada {
    font-family: sppro-bold;
}

#myModalModify .btn-add-productModify {
    position: fixed;
    bottom: 70px;
    width: 363px;
    z-index: 99;
    right: 50px;
}

.div-dale-canya {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0px;
}

.address-menu {
    color: black;
    border-bottom: 1px solid black;
    min-width: 190px;
}

.selectHeader {
    font-family: 'Raleway-Bold';
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    color: #231F20;
    width: 190px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
    align-items: center;
}

.img-flecha-select-header {
    width: 20px;
}


@media (max-width: 1290px) and (min-width: 1000px) {
    .address-menu {
        min-width: auto;
    }

    .selectHeader {
        width: auto;
    }
}


@media (max-width: 1167px) and (min-width: 991px) {
    .address-menu {
        display: none;
    }

    .selectHeader {
        display: none;
    }
}

@media (max-width: 1219px) and (min-width: 1167px) {
    .address-menu {
        min-width: auto;
        max-width: 190px;
    }
}



.btn-pedido-empezado-header {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 15px;
}


.address-menu {
    margin-left: 30px;
    line-height: 20px;
}

.div-tienda-info-header {
    display: flex;
    align-items: center;
}


.spanHeaderHomeWhite {
    color: white !important;
    border-color: white;
}

.invertColorSVG {
    filter: invert(100%);
}

#icon-,
#icon-movil- {
    display: none !important;
}

@media (max-width: 768px) {
    .selectHeader {
        color: black !important;
        border-color: black !important;
    }
}


.div-info-tienda-carrito {
    display: flex;
    align-items: flex-start;
    justify-content: left;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    flex-direction: column;
}

.addres-menu-carrito {
    margin-left: 0px;
    text-align: left;
    margin-bottom: 20px;
}

.div-direccion-pedido-carrito {
    padding-left: 20px;
    padding-right: 20px;
}

.spanHeaderHomeBlack {
    color: black !important;
    border-color: black;
}

.NoinvertColorSVG {
    filter: invert(0%);
}

.span-info-verificar-tel {
    line-height: 18px;
    font-size: 12px;
}

.p-filtro-alergenos {
    color: black;
    font-family: 'Raleway-Bold';
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    margin-right: 10px;
    margin-bottom: 0px;
    border-bottom: 2px solid black;
}

.div-alergenos:hover {
    cursor: pointer;
}


@media (max-width: 1240px) and (min-width: 789px) {
    .div-segundo-familias-carta-menu {
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap;
        width: 100% !important;
        padding-bottom: 20px;
    }
}

.modal-headerFilters {
    border-bottom: 1px solid transparent;
    padding-bottom: 22px;
    padding-left: 24px;
    padding-top: 22px;
}

.p-restablecer-filtros {
    font-family: 'Raleway-Bold';
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    text-decoration-line: underline;
    color: #f51517;
    text-align: left;
    margin-bottom: 0px;
    margin-top: 0px;
}

.p-restablecer-filtros:hover {
    cursor: pointer;
}

.body-modal-alergenos {
    padding-top: 0px;
}

#ModalFiltros .modalAccount {
    width: 375px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgb(5 5 5 / 8%);
    border-radius: 20px;
}

#ModalFiltros .modal-content-preparado {
    border-radius: 20px;
}


.modal-alergenos-total {
    top: -30px;
    width: 375px;
}

.modal-alergenos-total .modal-content {
    box-shadow: 0px 0px 20px rgb(5 5 5 / 8%);
    border-radius: 20px;
}






/**************************VERSION MOVIL NUEVA**************************************/
@media (max-width: 768px) {}

.div-segundo-familias-carta-menu {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}


.div-btn-misdatos {
    text-align: right;
}

input[type="radio"].radio-punto-carne:checked+label {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    color: #231F20;
    font-family: sppro-bold;
}

.div-ruta-paginas-sin-height .ruta-paginas {
    padding-top: 24px;
    padding-bottom: 0px;
    margin-bottom: 45px;
    padding-left: 15px;
    font-family: sppro-regular;
}

.contenido-pgmodify {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    align-items: stretch;
    margin-left: 15px;
}

.contenido-pgmodify-1 {
    display: flex;
    flex-direction: column;
    max-width: 454px;
    width: 100%;
    /* height: 100vh; */

}

.contenido-pgmodify-2 {
    margin-left: 46px;
    margin-right: 32px;
}

#myModalModify .contenido-pgmodify-1 {
    max-width: 238px;
}

#myModalModify .titulo-producto-modify {
    font-size: 22px;
    line-height: 26px;
}

#myModalModify .descripcionModify {
    font-size: 16px;
    line-height: 22px;
}

@media (min-width: 1250px) {
    .container-max {
        max-width: 1500px;
        margin: 0 auto;
    }
}

.div-modify-carrito {
    display: flex;
}

.carrito-modify {
    margin-top: 50px;
}

.div-productos-home {
    display: flex;
    align-items: center;
    justify-content: center;
}

.div-productos-home .contenedor-productos-home {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1200px;
}

.block-errors-form-tracking {
    align-items: flex-start;
}

.block-errors-form-tracking>span {
    display: grid;
    padding-left: 5px;
}

.info-tracking-block-error {
    max-width: 500px;
    margin: 0 auto;
    margin-top: 20px;
}

.promos-en-home .div-info-promos-carta {
    justify-content: center;
    max-width: 1200px;
}

#ModalFiltros .modal-body {
    padding-left: 24px;
    padding-top: 0px;
    padding-bottom: 24px;
}

.div-filtros-alergenos {
    margin-bottom: 16px;
}

.div-filtros-alergenos:last-child {
    margin-bottom: 0px;
}

.div-filtros-alergenos input[type="checkbox"]+label:before {
    margin-bottom: 0px;
    margin-right: 12px;
}

.div-filtros-alergenos input[type="checkbox"]+label {
    margin-bottom: 0px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
}

.alergenosInfoDesplegable {
    margin-top: 0px;
    margin-bottom: 0px;
    justify-content: flex-start;
}

.div-badge-promos-home .nombre-badges-top {
    color: #7FBA00 !important;
}

.div-apartados-aboutus {
    height: 716px;
}

.img-aboutus-der {
    max-height: 716px;
    width: auto;
    max-width: 100%;
    clip-path: inset(0px 50px 100px 0px);
    border-radius: 100%;
    margin-right: -50px;
    border: 4px solid #f51517;
}

.img-aboutus-izp {
    max-height: 716px;
    width: auto;
    max-width: 100%;
    clip-path: inset(0px 0px 100px 50px);
    border-radius: 100%;
    margin-left: -50px;
    border: 4px solid #f51517;
}

.div-txt-aboutus {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
}

.div-txt-aboutus-izq {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
}


.info-aboutus {
    padding-left: 97px;
    max-width: 586px;
}

.info-aboutus-izq {
    padding-right: 97px;
    max-width: 586px;
}

.div-img-aboutus {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    height: 716px;
}

.div-img-aboutus-izp {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    height: 716px;
}

.div-apartados-aboutus b {
    font-family: Raleway-Bold;
}

.div-video-aboutus {
    margin-bottom: 36px;
}

.info-aboutus p,
.info-aboutus-izq p {
    margin-bottom: 20px;
}

.delivery-aboutus p {
    margin-bottom: 0px;
}

.enlace-formulario-burger {
    z-index: 10;
}

.div-productos-total-home {
    display: flex;
    justify-content: center;
    /* flex-direction: column; */
    flex-wrap: wrap;
    /* margin-left: 25px;*/
}

.txt-servilletas-utensilios {
    font-size: 16px;
    line-height: 16px;
    color: #F6F6F6;
}

.div-opt-carta {
    /* padding-bottom: 11px; */
}

.img-logo-producto-carta {
    /* position: absolute;
    bottom: 15px; */
    /* box-shadow: 0px 2px 40px rgb(103 102 101 / 18%); */
    width: 77px;
    height: 27px;
    /* bottom: 27px;
    position: relative; */
    bottom: 15px;
    position: absolute;
    display: none;
}

.banner-cocina-home {
    /* box-shadow: 0px 0px 20px rgb(5 5 5 / 8%); */
    border-radius: 6px;
    width: 638px;
    height: 332px;
    /* margin: 10px; */
    cursor: pointer;
    filter: drop-shadow(0px 0px 20px rgba(5, 5, 5, 0.08));
}

.div-banners-cocinas {
    display: flex;
    justify-content: center;
    /* flex-direction: column; */
    flex-wrap: wrap;
    position: relative;
}

.max-container-cocinas {
    max-width: 1402px;
    margin: 0 auto;
}

.txt-escoge-cocinas-fav {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 34px;
    text-align: center;
    letter-spacing: -0.03em;
    margin-bottom: 30px;
}

.banner-cocina-ver-todos {
    background-color: #f51517;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.hr-foodhaven-color {
    width: 58px;
    height: 7px;
    background: #f51517;
    border-radius: 2px;
}

.hr-foodhaven-blanca {
    width: 58px;
    height: 7px;
    background: #FFFFFF;
    border-radius: 2px;
}

.txt-ver-restaurantes {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: -0.03em;
    color: white;
}

.txt-ver-restaurantes:hover {
    color: #231f20;
}

.total-banners-cocinas {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 90px;
}

.div-cocinas-home {
    /* margin-top: 26px; */
}

.img-welcome-kitchen {
    border-radius: 6px;
    height: 573px;
    object-fit: contain;
    max-width: 700px;
}

.titulo-welcome {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 34px;
    letter-spacing: -0.03em;
    color: #1B2024;
    margin-bottom: 20px;
}

.txt-multiple-food {
    font-family: sppro-bold;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.14em;
    color: #1B2024;
    opacity: 0.7;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.info-multiple-food {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #7B7B7B;
    margin-bottom: 20px;
}

.btn-conocenos {
    font-family: sppro-bold !important;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: white;
    padding: 9px 24px;
    background-color: #f51517;
    border: 2px solid #f51517;
    border-color: #f51517;
}

.contenido-welcome {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 100px 0px;
}

.info-welcome {
    max-width: 718px;
    margin: 25px 0px;
}

.info-welcome .hr-foodhaven-color {
    margin-left: 0px;
}

.btn-lo-quiero {
    background-color: white;
    border: 2px solid #D8D8D8;
    border-radius: 4px;

    padding: 10px 43px;

    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #1B2024;
    font-family: Raleway-Bold !important;
}

/*************/

.div-signup-new-account {
    display: flex;
    justify-content: center;
}

.txt-no-cuenta,
.enlace-new-account {
    /* margin-right: 10px; */
    border-bottom: 2px solid #f51517;
}

.btn-account {
    font-family: sppro-bold !important;
}


.div-edit-address-orderNow,
.titulo-input {
    font-family: Raleway-Bold !important;
}

.input-pedirSinRegistro {
    font-family: sppro-regular !important;
}

.olvidasteContraseña {
    font-family: sppro-bold !important;
}

.input-pedirSinRegistro {
    border-bottom: 2px solid #7B7B7B !important;
}

.p-debe-contener-cuenta {
    color: #231F20;
    font-family: sppro-regular;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0px;
    margin-left: 5px;
}

.info-caracteres-password {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 8px;
}

.div-info-descuentos-newAccount {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 25px;
}

.div-info-cuadro-newAccount {
    background-color: white;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 246px;
    height: 133px;
    justify-content: center;
    border-radius: 6px;
}

.p-promosNewAcount {
    font-family: sppro-bold !important;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    margin-top: 15px;
}

.txt-identificador-signup {
    margin-bottom: 20px;
}


@media (max-width: 975px) and (min-width: 850px) {
    .div-info-cuadro-newAccount {
        width: 215px;
        height: 115px;
    }
}

@media (max-width: 849px) and (min-width: 700px) {
    .div-info-cuadro-newAccount {
        width: 190px;
        height: 100px;
    }

    .p-promosNewAcount {
        font-size: 14px;
    }

    .img-promos1 {
        width: 45px;
        height: 45px;
    }

}

.txt-servilletas-utensilios {
    font-size: 16px !important;
    line-height: 22px !important;
    font-family: sppro-regular;
}

.span-nombreTienda {
    font-size: 14px;
}



/* .carousel-indicators li {
    height: 25px;
    width: 25px;
    margin: 25px;
    border: 1px solid green;
}

.carousel-indicators .active {
    height: 25px;
    width: 25px;
    margin: 25px;
    background-color: green;
}

.promo-select {
    height: 25px;
    width: 25px;
    margin: 25px;
    background-color: green !important;
} */

/*COLORES CARTA */

.div-producto-cartaNegro {
    background-color: #20201B;
    border-radius: 6px;
}

.div-producto-cartaBlancaFoodHaven,
.div-producto-cartaBlancaTejano,
.div-producto-cartaBlancaCotton,
.div-producto-cartaBlancaHanai,
.div-producto-cartaBlancaMoma {
    background-color: #FFFFFF;
}

.div-producto-cartaGris {
    background-color: #300C46;
    border-radius: 10px;
}

.div-producto-cartaAzul {
    background-color: #D6F2F5;
}

.div-producto-cartaBlancaTejano {
    background: #242021;
}

.div-producto-cartaBlancaCotton,
.div-producto-cartaBlancaHanai,
.div-producto-cartaBlancaTejano {
    border-radius: 4px;
}

.div-producto-cartaBlancaMoma {
    border-radius: 0px;
}

.div-producto-cartaAzul {
    border-radius: 0px;
    border: 2px solid #C0E8ED;
}

.div-producto-cartaGris .nombre-producto,
.div-producto-cartaGris .precio,
.div-producto-cartaGris .ver-mas-product,
.div-producto-cartaGris .descripcion-producto,
.div-producto-cartaGris .precio-home {
    color: white;
}

.div-producto-cartaNegro .nombre-producto,
.div-producto-cartaNegro .precio,
.div-producto-cartaNegro .ver-mas-product,
.div-producto-cartaNegro .descripcion-producto,
.div-producto-cartaNegro .precio-home {
    color: white;
}

.div-producto-cartaGris .btn-anyadir-product {
    background-color: #F6A667;
    border: 2px solid #F6A667;
    border-color: #F6A667;
    color: white;
    border-radius: 200px;
    font-family: 'sppro-bold' !important;
}

.div-producto-cartaGris .btn-anyadir-product:hover {
    color: #F6A667;
    background-color: #ffffff !Important;
    border-color: #F6A667;
}

.div-producto-cartaGris .btn-anyadir-product:active,
.div-producto-cartaGris .btn-anyadir-product:focus {
    background-color: #F6A667 !Important;
    border: 2px solid #F6A667 !Important;
    border-color: #F6A667 !Important;
    color: white !Important;
}

.div-producto-cartaBlancaTejano .btn-anyadir-product:active,
.div-producto-cartaBlancaTejano .btn-anyadir-product:focus {
    color: #FFC38D !Important;
    background-color: #ffffff !Important;
    border-color: #FFC38D !Important;
}

.div-producto-cartaAzul .btn-anyadir-product:active,
.div-producto-cartaAzul .btn-anyadir-product:focus {
    color: black !Important;
    background-color: transparent !Important;
    border-color: #FFED44 !Important;
}

.div-producto-cartaBlancaCotton .btn-anyadir-product:active,
.div-producto-cartaBlancaCotton .btn-anyadir-product:focus {
    color: #231F20 !important;
    background-color: #ffffff !Important;
    border-color: #231F20 !Important;
}

.div-producto-cartaBlancaHanai .btn-anyadir-product:active,
.div-producto-cartaBlancaHanai .btn-anyadir-product:focus {
    color: #F8787E !Important;
    background-color: #ffffff !Important;
    border-color: #F8787E !Important;
}

.div-producto-cartaBlancaMoma .btn-anyadir-product:active,
.div-producto-cartaBlancaMoma .btn-anyadir-product:focus {
    color: #4F41AB !Important;
    background-color: #ffffff !Important;
    border-color: #4F41AB !Important;
}

.div-producto-cartaNegro .btn-anyadir-product:active,
.div-producto-cartaNegro .btn-anyadir-product:focus {
    color: #DB4940 !Important;
    background-color: transparent !Important;
    border-color: #DB4940 !Important;
}


.div-producto-cartaBlancaFoodHaven .btn-anyadir-product {
    background-color: #f51517;
    border: 2px solid #f51517;
    border-color: #f51517;
    color: white;
    font-family: 'sppro-bold' !important;
}

.div-producto-cartaBlancaFoodHaven .btn-anyadir-product:hover {
    color: #f51517;
}

.div-producto-cartaBlancaTejano .btn-anyadir-product {
    background-color: #FFC38D;
    border: 2px solid #FFC38D;
    border-color: #FFC38D;
    color: black;
    border-radius: 4px;
    font-family: 'sppro-bold' !important;
}

.div-producto-cartaBlancaTejano .btn-anyadir-product:hover {
    color: #FFC38D;
    background-color: #ffffff !Important;
    border-color: #FFC38D;
}

.div-producto-cartaBlancaTejano .descripcion-producto,
.div-producto-cartaBlancaTejano .nombre-producto,
.div-producto-cartaBlancaTejano .ver-mas-product,
.div-producto-cartaBlancaTejano .precio {
    color: #FFFFFF;
}

.div-producto-cartaAzul .btn-anyadir-product {
    background-color: #FFED44;
    border: 2px solid #FFED44;
    border-color: #FFED44;
    color: black;
    border-radius: 0px;
    border: 2px solid #F5DD00;
    font-family: 'sppro-bold' !important;
}

.div-producto-cartaAzul .btn-anyadir-product:hover {
    color: black;
    background-color: transparent !Important;
    border-color: #FFED44;
}


.div-producto-cartaBlancaCotton .btn-anyadir-product {
    background-color: #231F20;
    border: 2px solid #231F20;
    border-color: #231F20;
    color: white;
    font-family: 'sppro-bold' !important;
}

.div-producto-cartaBlancaCotton .btn-anyadir-product:hover {
    color: #231F20;
    background-color: #ffffff !Important;
    border-color: #231F20;
}

.div-producto-cartaBlancaHanai .btn-anyadir-product {
    background-color: #F8787E;
    border: 2px solid #F8787E;
    border-color: #F8787E;
    color: black;
    border-radius: 4px;
    font-family: 'sppro-bold' !important;
}

.div-producto-cartaBlancaHanai .btn-anyadir-product:hover {
    color: #F8787E;
    background-color: #ffffff !Important;
    border-color: #F8787E;
}

.div-producto-cartaBlancaMoma .btn-anyadir-product {
    background-color: #4F41AB;
    border: 2px solid #4F41AB;
    border-color: #4F41AB;
    color: white;
    border-radius: 0px;
    font-family: 'sppro-bold' !important;
}

.div-producto-cartaBlancaMoma .btn-anyadir-product:hover {
    color: #4F41AB;
    background-color: #ffffff !Important;
    border-color: #4F41AB;
}


.div-producto-cartaNegro .btn-anyadir-product {
    background-color: #DB4940;
    border: 2px solid #DB4940;
    border-color: #DB4940;
    color: white;
    font-family: 'sppro-bold' !important;
}


.div-producto-cartaNegro .btn-anyadir-product:hover {
    color: #DB4940;
    background-color: transparent !Important;
    border-color: #DB4940;
}

.div-iconos-marcas {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #FFFFFF;
    /* width: 725px; */
    /* max-width: 725px; */
    position: absolute;
    left: 25px;
    top: -23px;
    padding-bottom: 10px;
    z-index: 999;

    height: 43px;
    box-shadow: 0px 6px 14px rgba(5, 5, 5, 0.06);
    border-radius: 2px;
    padding: 4px 13px;
    align-items: stretch
}

.img-icono-header {
    /* opacity: 0.4; */
    margin-right: 10px;
    margin-left: 10px;
    /* width: 80px; */
    /* width: 55px; */
    padding: 0px 2px;

}

.img-icono-header:hover {
    cursor: pointer;
}

.div-familias-carta-menu {
    margin-top: 30px;
    margin-bottom: 0px;
}

.icono-marcarca-marcado {
    /* fondo en transparencia per a que no es fasa el logo en opacitat */
    /*background-color: #f5151799;*/
    /* padding: 10px; */
    border: 2px solid #f51517;
    /* shadow 1dp */

    box-shadow: 0px 2px 20px rgba(5, 5, 5, 0.06);
    border-radius: 2px;
}

.div-segundo-familias-carta-menu {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    width: fit-content;
    background-color: transparent !important;
    white-space: nowrap;
    /* max-width: 894px; */
    /* padding-bottom: 10px !important; */
}

.div-familias-carta-menu {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-left: 0px;
    background-color: transparent;
    z-index: 999;
    padding-left: 25px;
}

.flecha-menu-desplazamiento {
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 10px;
    /* margin-top: 15px; */
}


@media (max-width: 1200px) and (min-width: 1014px) {
    .div-segundo-familias-carta-menu {
        /* max-width: 730px; */
    }
}

@media (max-width: 1013px) and (min-width: 890px) {
    .div-segundo-familias-carta-menu {
        /* max-width: 600px; */
    }
}

@media (max-width: 889px) and (min-width: 700px) {
    .div-segundo-familias-carta-menu {
        /* max-width: 485px; */
    }
}

.enlace-email-contacto {
    font-family: sppro-bold;
}


.familySelectedScroll {
    font-family: 'sppro-bold' !important;
    font-style: normal;
    /* font-weight: bold; */
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: #1B2024 !important;
}

.hrFamilySelectedScroll {
    border-top: 3px solid #f51517;
}

.hrFamilySelectedScrollFoodhaven {
    border-top: 3px solid #f51517;
}

.hrFamilySelectedScrollKoby {
    border-top: 3px solid #a37e4c !important;
}

.hrFamilySelectedScrollTejano {
    border-top: 3px solid #bb4942 !important;
}

.hrFamilySelectedScrollWokzilla {
    border-top: 3px solid #47C6D3 !important;
}

.hrFamilySelectedScrollCotton {
    border-top: 3px solid #1B2024 !important;
}

.hrFamilySelectedScrollHanai {
    border-top: 3px solid #F8787E !important;
}

.hrFamilySelectedScrollMoma {
    border-top: 3px solid #4F41AB !important;
}

.hrFamilySelectedScrollGaio {
    border-top: 3px solid #F8787E !important;
}

/* .img-icono-header-black { */
/* display: none; */
/* } */

.ocultar-h2-pc {
    visibility: hidden;
}

.div-producto-carta-home {
    width: 400px;
    max-width: 400px;
    height: 180px;
    min-height: 180px;
    max-height: 180px;
}

.precio-home {
    font-size: 20px;
    line-height: 28px;
    font-family: Raleway-Bold;
}

.descripcion-producto-home {
    -webkit-line-clamp: 3;
}

.precio-botones-carta {
    align-items: center;
    /* padding-right: 30px; */
}

.img-logo-producto-carta-home {
    /* width: 77px;
    height: 27px;
    bottom: 5px; */
}

.condiciones-contacto {
    margin-bottom: 28px;
    margin-top: 20px;
}


@media (max-width: 1456px) and (min-width: 1284px) {
    .div-producto-carta-home {
        width: 400px;
        max-width: 400px;
    }

    .div-producto-carta-home .img-producto-carta {
        /* height: 94%; */
    }

}

@media (max-width: 1283px) and (min-width: 1044px) {

    .div-producto-carta-home {
        width: 400px;
        max-width: 400px;
    }

    .div-producto-carta-home .img-producto-carta {
        /* height: 94%; */
    }

}

@media (max-width: 1043px) and (min-width: 1044px) {
    .div-producto-carta-home {
        width: 400px;
        max-width: 400px;
    }

    .div-producto-carta-home .img-producto-carta {
        /* height: 100%; */
    }
}

.img-icono-header {
    /* width: 80px;
    height: auto; */

    /* width: auto; */
    /*height: 100%;*/
    /*width: fit-content;*/
    height: 32px;
}

/*ABOUT UUSSS*/

.div-opt-aboutus {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #151517;
    border-bottom: 1px solid #7B7B7B;
    padding-bottom: 10px;
    white-space: nowrap;
}

.a-aboutus {
    letter-spacing: -0.03em;
    color: #7B7B7B;
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 26px;
    padding: 0px 27px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.div-welcome-aboutus {
    background-color: #151517;
    text-align: center;
}

.img-welcome {
    margin-bottom: 62px;
    margin-top: 62px;
}

.div-header-aboutus {
    background-color: #151517;
    height: 66px;
}

.div-header-aboutus .ruta-paginas {
    background-color: #151517;
    height: 66px;
}

.video-banner-aboutus {
    width: 100%;
    height: 499px;
    object-fit: cover;
}

.icon-aboutus {
    width: 40px;
    margin-bottom: 15px;
}

.titulo-about-us {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #000000;
    margin-bottom: 15px;
}

.subtitulo-about-us {
    color: #000000;
    opacity: 0.7;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    font-family: sppro-bold;
    margin-bottom: 8px;
}

.descrip-about-us {
    color: #1B2024;
    opacity: 0.6;
    font-family: sppro-regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
}

.div-sobre-nosotros-centro {
    max-width: 451px;
    margin: 0 auto;
    margin-bottom: 56px;

}

.hr-about-us {
    background-color: #f51517;
    width: 58px;
    height: 7px;
    margin-bottom: 16px;
    margin-top: 0px;
    border-top: none;
}

.encabezado-aboutus {
    color: #1B2024;
    letter-spacing: -0.03em;
    font-family: sppro-bold;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 34px;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
}

.contenidos-aboutus {
    padding-top: 100px;
}

.img-iconos-logos-aboutus {
    width: 60px;
    height: auto;
    margin-right: 30px;
    margin-left: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.div-redes-aboutus {
    text-align: center;
    padding: 0px;
    padding-bottom: 100px;
}

.welcome-kitchen {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 200px;
    width: 100%;
}

.informacion-aboutus {
    font-family: sppro-regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    opacity: 0.6;
    margin-bottom: 20px;
}

.titulo-informacion-aboutus {
    color: #000000;
    opacity: 0.7;
    font-family: sppro-bold;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
}

.div-mas-opciones {
    display: flex;
    align-items: self-start;
    justify-content: center;
}

.div-opciones-1 {
    text-align: center;
    margin: 0px 45px;
    max-width: 280px;
}

.div-nuestras-marcas {
    margin-bottom: 48px;
}

.imgs-redes-aboutus {
    max-width: 1118px;
    margin: 0 auto;
}

.contenido-core-premises {
    background-color: #1B2024;
    /* height: 629px; */
    height: 360px;
}

.contenido-core-premises .encabezado-aboutus {
    color: white;
}

.contenido-core-premises .descrip-core-premises {
    color: #D8D8D8;
    font-size: 16px;
    line-height: 22px;
}

.img-core-premises {
    width: 100%;
    max-width: 1112px;
    margin-top: 8px;
}

.contenido-the-team {
    margin-top: 270px;
}

.div-persona-team {
    padding: 0px 52px;
    margin: 0px 30px;
    text-align: center;
}

.div-team-completo {
    max-width: 1100px;
    /* max-width: 912px; */
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 100px;

}

.txt-nombre-team {
    font-family: raleway-bold;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 8px;
}

.txt-cargo-team {
    color: #000000;
    opacity: 0.7;
    font-family: sppro-regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
}

.descrip-the-team {
    font-family: sppro-regular;
    color: #000000;
    opacity: 0.6;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0px;
    text-align: center;


}

.img-persona {
    margin-bottom: 20px;
}

.contenido-partners {
    background-color: #1B2024;
    padding-bottom: 100px;
    text-align: center;
}

.contenido-partners .encabezado-aboutus {
    color: white;
}

.div-partners {
    margin-bottom: 60px;
}

.imgs-partner-aboutus {
    max-width: 1050px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.img-iconos-logos-partner {
    margin: 0px 20px;
}

.img-iconos-nuestros-partner {
    width: 336.4px;
    border-radius: 4.45562px;
}

.imgs-nuestros-partner {
    max-width: 792px;
    margin: 0 auto;
    text-align: center;
}

.contenido-nuestros-partners {
    /* padding-bottom: 100px; */
}

.txt-careers {
    color: #FFFFFF;
    font-family: raleway-bold;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 0px;
}

.contenido-careers {
    background-image: url('../imagenes/fotos/banners/banner-careers.png');
    height: 602px;
    background-repeat: no-repeat;
    background-size: cover;
}

.contenido-formulario-careers {
    /* border: 1px solid red;
    position: absolute;
    top: 164px; */
    /* border: 1px solid red; */
    margin-top: -525px;

    position: relative;
}


.div-form-careers {
    background-color: white;
    max-width: 648px;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0px 2px 20px rgb(5 5 5 / 6%);
    border-radius: 6px;
}

.form-careers {
    padding: 30px 15px;
}

.btn-form-careers {
    font-family: sppro-bold !important;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: white;
    background-color: #f51517;
    border-color: #f51517;
    padding: 16px 80px;
}

.textarea-careers {
    margin-top: 6px;
    border: 1px solid #7B7B7B;
    box-sizing: border-box;
    border-radius: 6px;
}

.div-careers .encabezado-aboutus {
    color: white;
}

.descrip-nuestras-marcas {
    font-family: sppro-regular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    opacity: 0.6;
}





.mas-sin-fondo {
    margin-bottom: 3px;
    margin-right: 10px;
}


.img-iconos-nuestros-partner:nth-child(even) {
    margin-left: 10px;
    margin-bottom: 20px;
}


.img-iconos-nuestros-partner:nth-child(odd) {
    margin-right: 10px;
    margin-bottom: 20px;
}

.descrip-partner {
    color: #7B7B7B;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    font-family: sppro-regular;
    text-align: center;
}



/* ESTILOS INPUT FILE */
input[type='file']#cvTrabajaConNosotros {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

label[for="cvTrabajaConNosotros"] {
    border: 2px solid #D8D8D8;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: white;
    font-family: sppro-bold;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #1B2024;
    padding: 7px 39px;
    margin-bottom: 0px;
}

/* FIN ESTILOS INPUT FILE */

/* FIN ABOUTUS */



@media (max-width: 768px) {

    .div-familias-carta-menu {
        background-color: #f5f5f5;
    }
}


@media (max-width: 1490px) and (min-width: 1337px) {
    .contenido-welcome {
        flex-wrap: nowrap !important;
        justify-content: space-between;
        margin-left: 50px;
    }

    .info-welcome {
        margin: 25px 0px;
        max-width: 538px;
    }

    .div-welcome-kitchen {
        padding: 0px;
    }
}


@media (max-width: 1336px) and (min-width: 1128px) {
    .contenido-welcome {
        flex-wrap: nowrap;
        justify-content: space-between;
        margin-left: 50px;
    }

    .info-welcome {
        margin: 25px 0px;
        max-width: 538px;
    }

    .div-welcome-kitchen {
        padding: 0px;
    }

    .img-welcome-kitchen {
        width: 91%;
        float: right;
    }
}

@media (max-width: 1127px) and (min-width: 920px) {
    .contenido-welcome {
        flex-wrap: nowrap;
        justify-content: space-between;
        margin-left: 50px;
    }

    .info-welcome {
        margin: 25px 0px;
        max-width: 538px;
    }

    .div-welcome-kitchen {
        padding: 0px;
    }

    .img-welcome-kitchen {
        width: 98%;
        float: right;
    }

    .titulo-welcome {
        font-size: 29px;
    }

    .txt-multiple-food {
        font-size: 13px;
    }

    .info-multiple-food {
        font-size: 13px;
    }

    .btn-conocenos {
        font-size: 14px;
    }


}

.p-nuestros-partners {
    color: #1B2024;
    letter-spacing: -0.03em;
    font-size: 32px;
    line-height: 34px;
    font-family: Raleway-Bold;

}

.p-marcas-colaboradoras {
    font-size: 16px;
    line-height: 22px;
    color: #7B7B7B;
    font-family: sppro-regular;
    margin-bottom: 45px;
}

.hr-foodhaven-color-footer {
    background: #f51517;
}

.carousel-img {
    /* width: 120% !important; */
}



#owl-carousel-partners .owl-dots .owl-dot.active span {
    background: #f51517 !important;
    width: 55px !important;
    border-radius: 0px !important;
    height: 5px !important;
    border-radius: 4px !important;
}

#owl-carousel-partners .owl-dots .owl-dot span {
    width: 55px !important;
    height: 5px !important;
    margin-left: 0px;
    margin-right: 0px;
    margin: 0px !important;
    background-color: #C4C4C4 !important;
}

#owl-carousel-partners button span {
    border-radius: 0px !important;
}

#owl-carousel-partners .owl-dots>button:first-child>span {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

#owl-carousel-partners .owl-dots>button:last-child>span {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}


.txt-enlace-branches-email {
    opacity: 1;
}

.img-email-branches {
    opacity: 0.7;
}


@media (min-width: 1400px) {
    #owl-carousel-partners .owl-item img {
        width: 45% !important;

    }
}


@media (min-width: 1166px) and (max-width: 1399px) {
    #owl-carousel-partners .owl-item img {
        width: 60% !important;

    }

    .div-carousel-home {
        margin-left: -400px;
    }
}

@media (min-width: 920px) and (max-width: 1165px) {
    .div-carousel-home {
        margin-left: -410px;
    }

}

@media (min-width: 735px) and (max-width: 919px) {
    .div-carousel-home {
        margin-left: -190px;
    }

    #owl-carousel-partners .owl-item img {
        width: 60% !important;
    }

}

@media (min-width: 600px) and (max-width: 734px) {
    .div-carousel-home {
        margin-left: -190px;
    }

    #owl-carousel-partners .owl-item img {
        width: 60% !important;
    }

}



.modal,
#myModalModify {
    z-index: 9250;
}

.img-logo-modify {
    width: 55px;
    height: auto;
    /* border: 1px solid red; */
    margin-left: 16px;
    margin-bottom: 15px;
}

.flecha-menu-desplazamiento:hover {
    cursor: pointer;
}


.div-scroll-opt {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
    display: grid;
}

.div-scroll-opt::-webkit-scrollbar-thumb {
    background: transparent;
}

.div-scroll-opt::-webkit-scrollbar {
    width: 100%;
    height: 0px;
}

.activeAboutUs {
    color: #FFFFFF;
}

.activeAboutUs::after {
    content: "";
    position: absolute;
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    background-color: #f51517;
    z-index: 99;
    width: 56px;
    border-radius: 20px;
    bottom: 5px;
    margin: 0 auto;
    height: 3px;
}

.a-aboutus:focus,
.a-aboutus:hover {
    color: #FFFFFF;
}

.flecha-menu-desplazamiento-izquierda {
    transform: rotate(-180deg);
}


.div-header-paginas-carta .img-header-pagina {
    /* height: auto; */
    height: inherit;
    width: 100%;
    /* height:72px; */
    object-fit: cover;
}

/* @media (max-width: 1355px) and (min-width: 1200px) { */
/* .div-header-paginas-carta { */
/* height: 120px; */
/* width: 100%; */
/* } */
/* } */



/* @media (max-width: 1199) and (min-width: 1000px) { */
/* .div-header-paginas-carta { */
/* height: 120px; */
/* width: 110%; */
/* } */
/* } */



.logo-promo-home {
    width: 48px;
    height: auto;
    margin-bottom: 16px;
}


.modal-marcas-modal {
    bottom: 0px;
    top: auto !important;
    margin: 0px;
    left: 0px;
    position: fixed;
    right: 0px;
    width: auto;
}

.contenido-modal-marcas {
    text-align: left;
    padding-top: 9px;
    padding-bottom: 0px;
    padding-left: 24px;
    padding-right: 24px;
}

.logo-marca-modal {
    width: 70px;
    height: auto;
    margin-bottom: 32px;
}

.div-logo-marca-modal {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.div-img-logo-modal:first-child {
    display: none;
}

.txt-modal-marcas-disponibles {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    font-family: sppro-bold;
    margin-bottom: 32px;
}

.txt-modal-marcas {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
    opacity: 0.6;
}

.div-explicacion-marcas {
    padding-left: 78px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.txt-explicacion-marcas {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
}

.hr-foodhaven-color-marcas {
    margin-top: 0px;
    margin-left: 0px;
}

.max-width-marcas {
    max-width: 1440px;
    margin: 0 auto;
}

.nav-tabs-marcas {
    border: 0px;
    margin-bottom: 0px;
    /* flex: 1; */
    max-width: 356px;
}

.div-tabs-marcas {
    display: flex;
    /* align-items: center; */
    height: 889px;
    margin-bottom: 100px;
}

.tab-marcas {
    padding: 0px;
    width: 100%;
}

.nav-marcas {
    /* width: 356px; */
    height: 92px;
    width: 100%;
}

.nav-marcas a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 100%;
    /* padding-left: 107px !important; */
    padding: 0px !important;
}

.nav-tabs-marcas>li.active>a,
.nav-tabs-marcas>li.active>a:focus,
.nav-tabs-marcas>li.active>a:hover {
    border: 0px;
    border-radius: 0px;
    border-left: 4px solid #f51517;
    height: 100%;
    margin-right: 0px;
}

.img-logo-our-brands {
    width: 25%;
    /* padding-left: 40px; */
}

.div-contenedor-marca {
    background-color: white;
    display: flex;
    align-items: center;
    padding: 0px;
    height: 100%;
}

.titulo-marca {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 34px;
    letter-spacing: -0.03em;
    color: #231F20;
}

.subtitulo-marca {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    color: #231F20;
}

.explicacion-marca {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
    color: #231F20;
    margin-bottom: 20px;
}

.div-info-marca {
    padding-left: 87px;
    padding-right: 67px;
    max-width: 520px;
}

.banner-marca {
    max-width: 474px;
}

.btn-koby-marcas {
    background-color: #a37e4c;
    border: 2px solid #81633c;
    border-color: #81633c;
    color: white;
    border-radius: 200px;
    font-family: 'sppro-bold' !important;
}

.btn-cotton-marcas {
    background-color: #231F20;
    border: 2px solid #231F20;
    border-color: #231F20;
    color: white;
    font-family: 'sppro-bold' !important;
}

.btn-tejano-marcas {
    background-color: #FFC38D;
    border: 2px solid #FFC38D;
    border-color: #FFC38D;
    color: black;
    border-radius: 4px;
    font-family: 'sppro-bold' !important;
}

.btn-moma-marcas {
    background-color: #4F41AB;
    border: 2px solid #4F41AB;
    border-color: #4F41AB;
    color: white;
    border-radius: 0px;
    font-family: 'sppro-bold' !important;
}

.btn-wokzilla-marcas {
    background-color: #FFED44;
    border: 2px solid #FFED44;
    border-color: #FFED44;
    color: black;
    border-radius: 0px;
    border: 2px solid #F5DD00;
    font-family: 'sppro-bold' !important;
}

.btn-hanai-marcas {
    background-color: #F8787E;
    border: 2px solid #F8787E;
    border-color: #F8787E;
    color: black;
    border-radius: 4px;
    font-family: 'sppro-bold' !important;
}

.btn-gaio-marcas {
    background-color: #DB4940;
    border: 2px solid #DB4940;
    border-color: #DB4940;
    color: white;
    font-family: 'sppro-bold' !important;
}

.address-menu .span-direccionCliente p {
    margin-bottom: 0px;
}

.modal-body .texto-identificador-quienes-somos {
    font-size: 18px;
}


.owl-carousel .owl-item img {
    /* border-radius: 4.45562px; */
    object-fit: contain;
}

.btn-pedir-ahora-historial {
    padding: 16px 65px;
    font-family: sppro-bold !important;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #1B2024;
    background-color: #f51517;
    border: 1px solid #f51517;
    margin-bottom: 20px;
}


.btn-validarTel {
    padding: 16px 65px;
    font-family: sppro-bold !important;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: white;
    background-color: #f51517;
    border: 1px solid #f51517;
}

.div-badges-icons {
    /* border: 1px solid red;
    position: absolute;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    left: -35px;
    top: 0px;
    background-color: white;
    border-radius: 5px;
    padding: 2px; */

    /* border: 1px solid red; */
    position: absolute;
    /*z-index: 9;*/
    display: flex;
    align-items: center;
    justify-content: center;
    /* left: -35px; */
    top: 10px;
    background-color: white;
    border-radius: 5px;
    padding: 2px;
    right: 15px;
}

.icons-badges {
    width: 15px;
    height: 15px;
    margin: 0px 1px;
}

/* #img-icono-marcas-10001,
#img-icono-marcas-black-10001 {
    width: 65px;
    height: auto;
}

#img-icono-marcas-10002,
#img-icono-marcas-black-10002 {
    width: 80px;
    height: auto;
} */



@media (min-height: 795px) and (max-height: 935px) {
    .div-carritoMenu {
        padding: 10px;
    }

    .div-contenido-carrito-menu {
        max-height: 175px;
    }

    .btn-hacer-pedido {
        padding: 8px 39px 8px 39px;
    }

    .div-total-carrito-menu {
        margin-top: 10px;
    }
}

@media (max-height: 795px) {
    .div-carritoMenu {
        padding: 10px;
    }

    .div-contenido-carrito-menu {
        max-height: 120px;
    }

    .div-total-carrito-menu {
        margin-top: 0px;
    }

    .div-promo-codes {
        padding: 3px 10px;
    }

    .titulo-indica-alergia {
        font-size: 14px;
    }


    .icons-servilletas-utensilios {
        width: 20px;
        height: 20px;
    }

    .txt-servilletas-utensilios {
        font-size: 14px !important;
    }

    .div-servilletas-utensilios {
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .txt-tu-pedido {
        font-size: 14px;
    }

    .textarea-cart {
        margin-bottom: 5px;
    }

    .txt-tienes-codigo {
        font-size: 14px;
    }

    .txt-introducir-codigo {
        font-size: 14px;
    }

    .titulos-precios {
        font-size: 14px;

    }

    .num-precios {
        font-size: 14px;
    }

    .titulo-total {
        font-size: 20px;
    }

    .precio-total {
        font-size: 20px;
    }

    .btn-hacer-pedido {
        padding: 8px 39px 8px 39px;

    }



}


.logo-cuenta {
    width: auto;
    height: 46px;
}

.logoOrderNow {
    width: auto;
    height: 40px;
}

#modalErrorTienda .modal-header {
    border-bottom: none;
}

.contenido-no-ubicacion {
    text-align: center;
}

.btn-no-direccion {
    padding: 12px 50px;
    font-family: sppro-Bold !important;
}

.img-ubicacion-error {
    margin-bottom: 28px;
}

.txt-no-repartimos {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    max-width: 440px;
    margin: 0 auto;
    margin-bottom: 100px;
}

#modalErrorTienda .modal-body {
    padding: 35px;
    padding-top: 20px;
}


/* MODAL PRODUCT */

#modal-product-info.modal.left .modal-content,
#modal-product-info.modal.right .modal-content {
    height: auto;
    overflow-y: auto;
    background-color: #f6f6f6;
    border-radius: 20px;
    border: none;
}



/*Left*/
#modal-product-info.modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

#modal-product-info.modal.left.fade.in .modal-dialog {
    left: 0;
    margin: 0px;
    width: 90%;
}

/*Right*/
#modal-product-info.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;

    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0%, -50%);
}

#modal-product-info.modal.right.fade.in .modal-dialog {
    right: 0;
    margin-right: 0px;
    width: 50%;
    max-width: 600px;

    /* position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0%, -50%); */
}

#modal-product-info {
    padding-right: 0px !important;
}

.closeModalProduct {
    position: absolute;
    right: 20px;
    top: 20px;
}


/* FIN MODAL PRODUCT */


.div-modal-producto-cartaBlancaFoodHaven .btn-carta-pizzaAdd {
    background-color: #f51517;
    border: 2px solid #f51517;
    border-color: #f51517;
    color: black;
    font-family: 'sppro-bold' !important;
}

.div-modal-producto-cartaGris .btn-carta-pizzaAdd {
    background-color: #a37e4c !important;
    border: 2px solid #81633c !important;
    border-color: #81633c !important;
    color: white !important;
    border-radius: 200px;
    font-family: 'sppro-bold' !important;
}

.div-modal-producto-cartaBlancaTejano .btn-carta-pizzaAdd {
    background-color: #FFC38D !important;
    border: 2px solid #FFC38D !important;
    border-color: #FFC38D !important;
    color: black !important;
    border-radius: 4px;
    font-family: 'sppro-bold' !important;
}

.div-modal-producto-cartaAzul .btn-carta-pizzaAdd {
    background-color: #FFED44 !important;
    border: 2px solid #FFED44 !important;
    border-color: #FFED44 !important;
    color: black !important;
    border-radius: 0px;
    border: 2px solid #F5DD00;
    font-family: 'sppro-bold' !important;
}


.div-modal-producto-cartaBlancaCotton .btn-carta-pizzaAdd {
    background-color: #231F20;
    border: 2px solid #231F20;
    border-color: #231F20;
    color: white !Important;
    font-family: 'sppro-bold' !important;
}

.div-modal-producto-cartaBlancaHanai .btn-carta-pizzaAdd {
    background-color: #F8787E;
    border: 2px solid #F8787E;
    border-color: #F8787E;
    color: black !important;
    border-radius: 4px;
    font-family: 'sppro-bold' !important;
}

.div-modal-producto-cartaBlancaMoma .btn-carta-pizzaAdd {
    background-color: #4F41AB;
    border: 2px solid #4F41AB;
    border-color: #4F41AB;
    color: white !important;
    border-radius: 0px;
    font-family: 'sppro-bold' !important;
}

.div-modal-producto-cartaNegro .btn-carta-pizzaAdd {
    background-color: #DB4940;
    border: 2px solid #DB4940;
    border-color: #DB4940;
    color: white !important;
    font-family: 'sppro-bold' !important;
}

.div-group-agrupacion {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: initial;
}

.protocolo-alergias-cart {
    display: none;
}



.precioModifyCon {
    position: sticky;
    top: 115px;
}

.div-promos-global {
    background-color: #f6f6f6;
}

.contenedorTotalCartaWizard {
    height: auto;
    margin-top: 30px;
}

.div-wizard-global {
    margin-top: 25px;
}

.label-tamano-modify {}

input[type="radio"]+label.label-tamano-modify:before {
    margin-bottom: 0px;
}

@media (min-width: 1800px) {
    .div-header-paginas-carta {
        height: 200px !important;
    }
}


.icono-no-marcarca-marcado {
    background-color: transparent;
    /* padding: 10px; */
    border: 1px solid transparent;
    box-shadow: none;
    border-radius: 2px;
    opacity: 43%;
}





.file-select {
    position: relative;
    display: inline-block;
}

.file-select::before {
    background-color: white;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    content: '+ Subir CV';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-family: sppro-bold;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #1B2024;
    border: 2px solid #D8D8D8;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 7px 39px;
    margin-bottom: 0px;
}

.file-select input[type="file"] {
    opacity: 0;
    width: 168px;
    height: 40px;
    display: inline-block;
}

#src-file1::before {
    content: '+ Subir CV';
}

.barra-promo-home {
    background-color: #f51517;
    /* margin-top: 55px; */
    z-index: 98;
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 15px 0px;
    height: 36px;
    padding: 5px 0px;
}

.descrip-barra-promo-home {
    color: white;
    margin-bottom: 0px;
    font-family: Raleway-Bold;
}

#titulo-equipo,
#titulo-restaurantes {
    display: none;
}


.div-familias-home-recomendado {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.input[type="radio"]+label.p-punto-carne-modify:checked+label {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    color: #231F20;
    font-family: sppro-bold;
}


@media (max-width: 1430px) and (min-width: 1100px) {
    .barra-promo-home {
        padding: 5px 0px;
    }

    .container-inicio {
        margin-top: 100px;
    }

}

@media (max-width: 1099px) and (min-width: 870px) {
    .barra-promo-home {
        padding: 6px 0px;
    }

    .container-inicio {
        margin-top: 93px;
    }

}

@media (max-width: 869px) and (min-width: 769px) {
    .container-inicio {
        margin-top: 87px;
    }

    .barra-promo-home {
        padding: 3px 0px;
    }

}

.img-banner-aboutus-principal {
    width: 100%;
    height: auto;
}


.div-carta-home-foodhaven {
    width: 900px;
    max-width: 900px;
}

.textarea-cart {
    margin-bottom: 0px;
}


.hr-cart-menu-sin-productos {
    border-top: 1px solid #D8D8D8;
    margin-top: 14px;
    margin-bottom: 14px;
}


input[type="radio"].p-punto-carne-modify:checked+label {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    color: #231F20;
    font-family: sppro-bold;
}


input[type="radio"]:checked+label {
    font-weight: bold !important;
}

.first-group-true>div>div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: min-content;

}

.div-agrupar-punto>div>div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: min-content;

}

.carousel-indicators {
    display: block;
}


@media (max-width: 1164px) and (min-width: 1000px) {
    .banners {
        height: 100%;
        width: 100%;
        /* object-fit: cover; */
    }

    .cd-hero-slider {
        height: 575px;
    }

    .div-opcion-tipo-pedido {
        top: 520px;
    }

    .container-inicio {
        height: 575px;
    }

    .div-global-row-promos {
        margin-top: -290px;
    }

    .contenido-slider-promos-pc {
        max-height: 300px;
        min-height: 300px;
        height: 300px;
    }

    .div-global-promos-slider {
        width: 455px;
        max-width: 455px;
        top: -50px;
    }

    .flechapromos {
        position: absolute;
        bottom: 100px;
    }

}


@media (max-width: 999px) and (min-width: 920px) {
    .banners {
        height: 100%;
        width: 100%;
        /* object-fit: cover; */
    }

    .cd-hero-slider {
        height: 525px;
    }

    .div-opcion-tipo-pedido {
        top: 515px;
    }

    .container-inicio {
        height: 505px;
    }

    .flechapromos {
        bottom: 175px !important;
    }

    .p-nombre-promo-pc {
        font-size: 18px;
        line-height: 18px;
    }

    .p-descripcion-promo-pc {
        font-size: 12px;
        line-height: 15px;
    }

    .btn-lo-quiero {
        font-size: 12px;
        line-height: 9px;
    }

    .contenido-slider-promos-pc {
        max-height: 300px;
        min-height: 300px;
        height: 300px;
    }

    .div-global-promos-slider {
        width: 455px;
        max-width: 455px;
        top: 135px;
    }

    .flechapromos {
        position: absolute;
        bottom: 100px;
    }


}


@media (max-width: 919px) and (min-width: 750px) {
    .banners {
        height: 100%;
        width: 100%;
        /* object-fit: cover; */
    }

    .cd-hero-slider {
        height: 410px;
    }

    .div-opcion-tipo-pedido {
        top: 490px;
    }



    .container-inicio {
        height: 410px;
    }

    .p-nombre-promo-pc {
        font-size: 18px;
        line-height: 18px;
    }

    .p-descripcion-promo-pc {
        font-size: 12px;
        line-height: 15px;
    }

    .btn-lo-quiero {
        font-size: 12px;
        line-height: 9px;
    }

    .contenido-slider-promos-pc {
        max-height: 230px;
        min-height: 230px;
        height: 230px;
    }

    .div-global-promos-slider {
        width: 455px;
        max-width: 455px;
        top: 128px !important;
    }

    .flechapromos {
        position: absolute;
        bottom: 175px !important;
    }


}


@media (max-width: 749px) and (min-width: 630px) {
    .banners {
        height: 100%;
        width: 100%;
        /* object-fit: cover; */
    }

    .cd-hero-slider {
        height: 360px !important;
    }

    .div-opcion-tipo-pedido {
        top: 280px;
    }

    .container-inicio {
        height: 360px !important;
    }


    .div-cocinas-home {
        margin-top: 55px !important;
    }

    .cd-hero {
        margin-top: 41px !important;
    }
}


/* @media (max-width: 749px) and (min-width: 630px) { */
/* .cd-hero-slider { */
/* height: 775 !important; */
/* } */

/* .container-inicio { */
/* margin-bottom: 0px; */
/* height: 775 !important; */
/* } */
/* } */


@media (max-width: 768px) {
    /* SLIDER MOVIL*/
    /* SLIDER PROMOS */

    .owl-carousel .owl-item .img-promo-carousel {
        min-height: 77px;
        max-height: 77px;
        width: 77px !important;
        border-radius: 3px;
        height: 105px;
        object-fit: cover;
    }


    .contenido-slider-promos {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        /* margin: 26px; */
        margin-bottom: 36px;
        background-color: #231F20;
        /* box-shadow: 0px 4px 40px rgb(103 102 101 / 24%); */
        border-radius: 6px;
        padding: 12px;
        width: 100%;
        height: 150px;
        margin: 0px;
    }


    .owl-carousel .owl-item .logo-promo-home {
        width: 48px !important;
        height: auto;
        margin-bottom: 5px !important;
        display: none;
    }

    .div-info-promo-home-slider-carousel {
        background-color: transparent;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        min-height: 90px;
        padding-left: 5px;
    }

    .p-nombre-promo-mvl {
        color: white !important;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-family: Raleway-Bold;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        text-align: left;
        margin-bottom: 8px;
    }

    .p-descripcion-promo-mvl {
        font-family: sppro-regular;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        color: #FFFFFF;
        opacity: 0.6;
        text-align: left;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
    }

    .div-img-promo-home-carousel {
        padding-right: 15px;
    }

    .span-promocion {
        background-color: #4EB872;
        font-style: normal;
        font-weight: bold;
        font-size: 10px;
        line-height: 16px;
        color: white;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        font-family: Raleway-Bold;
        margin-top: 8px;
        text-align: center;
    }


    .item-promotions {
        margin: 40px;
        margin-top: 10px;
        margin-bottom: 10px;

    }

    .flechapromos {
        color: #231f20;
        font-size: 30px !important;
    }

    /* .div-flechas-promo{ */
    /* display: flex; */
    /* justify-content: space-between; */
    /* margin-right: 5px; */
    /* margin-left: 5px; */
    /* } */

    /* .div-global-flechas-promo{ */
    /* display: flex; */
    /* justify-content: space-between; */
    /* margin-right: 0px; */
    /* margin-left: 0px; */
    /* width: 100%; */
    /* height: 100%; */
    /* position: absolute; */
    /* top: 90px; */
    /* z-index: 999; */
    /* padding-right: 3px; */
    /* padding-left: 3px; */
    /* } */

    .flechapromos-izquierda {
        position: absolute;
        top: 75px;
        z-index: 999;
        left: 5px;
    }

    .flechapromos-derecha {
        position: absolute;
        top: 75px;
        right: 5px;
        z-index: 999;
    }



}


.div-promociones-icono-carta {
    display: flex;
    /* justify-content: center; */
    align-items: center;
}


.flechapromos:hover {
    cursor: pointer;
}


/* INPUTS RADIO AGRUPACIONES */
input[type="radio"].radio-punto-carne+label:before {
    width: initial;
    height: initial;
    border: none;
}

input[type="radio"].radio-punto-carne:checked+label:before {
    content: '';
}

input[type="radio"].radio-punto-carne:checked+label:before {
    content: '';
}

input[type="radio"].radio-punto-carne:checked+label img {
    border: 3px solid #f31517;
}

/* FIN INPUTS RADIO AGRUPACIONES */



.familiaPromociones {
    font-family: 'sppro-bold' !important;
    font-style: normal;
    /* font-weight: bold; */
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: #f51517 !important;
}

.texto-promo-wizard {
    color: #f51517 !important;
    font-size: 22px;
    line-height: 24px;
    font-family: 'Raleway-Bold';
    text-align: left;
    padding-left: 26px !important;
    margin-top: 15px;
    margin-bottom: 15px;
}




#owl-carousel-promotions .owl-dots {
    display: none !important;
}

/**************************VERSION PC para menu**************************************/
/* @media (min-width: 769px) {  */


/* .hrFamilySelectedScrollFoodhaven, */
/* .hrFamilySelectedScrollKoby, */
/* .hrFamilySelectedScrollTejano, */
/* .hrFamilySelectedScrollWokzilla, */
/* .hrFamilySelectedScrollCotton, */
/* .hrFamilySelectedScrollHanai, */
/* .hrFamilySelectedScrollMoma, */
/* .hrFamilySelectedScrollGaio{ */
/* border-top: 0px solid white; */
/* margin-top: 0px; */
/* margin-bottom: 0px; */
/* width: auto; */
/* position: inherit; */
/* height: 20px; */
/* margin-right: 15px; */
/* text-transform: uppercase; */
/* } */

/* } */





.nav-opt-menu {
    display: flex;
}

.div-subfamilias-menu {
    display: flex;
}

.div-carta-subfamilias {
    display: flex;
    align-items: center;
    justify-content: center;
}

.li-familias {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 18px;
}




/* MENU FIJO MARCAS Y FAMILIAS */
.menufijo {
    /* position: sticky;
    top: -45px; */
    position: fixed;
    top: 0px;
    transition: all 0.35s linear;
    z-index: 9150;
    background-color: white;
    width: 100%;
}

.marcasfijas {
    width: 100%;
    left: 0px;
    padding-left: 20px;
    box-shadow: none;
    position: initial;
}

.familiasfijas {
    background-color: white;
    margin-top: 0px;
}

.menufijomvl {
    position: sticky !important;
    top: -72px !important;
}

.marcasfijasmvl {
    top: 0px !important;
    background-color: white !important;
}

.familiasfijasmvl {
    /* top: 42px; */
}


/* FIN MENU FIJO MARCAS Y FAMILIAS */


.txt-promos-aplicadas {
    text-align: left;
    font-family: sppro-bold;
    color: #F7F7F7;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    font-size: 14px;
}

.linea-promo-cart {
    font-size: 14px;
    line-height: 14px;
    color: #A5A5A5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 6px;
    opacity: 0.8;
    font-family: 'sppro-regular';
    font-weight: 400;
    text-align: left;
}





.icon-moto-home {
    width: 41px;
}



/**************************VERSION MOVIL**************************************/
@media (max-width: 768px) {

    .div-descrip-promo-home {
        right: 10px !important;
    }

    .cookiesMessageBlock {
        margin-top: 0px;
    }

    .div-completo-loyalty {
        margin-top: 65px;
        margin-bottom: 85px;
    }

    .div-promos-loyalty {
        padding: 0px 15px;
    }

    .btn-puntos-insuficientes {
        padding: 0px 6px !important;
        font-size: 14px !important;
    }

    .div-puntos-promos {
        top: -12px !important;
        right: -4px !important;
    }

    .puntos-promos {
        font-size: 14px !important;
    }

    .promos-loyalty {
        margin-top: 30px;
    }

    .div-tamanyo-producto .titulo-agrupacion {
        margin-bottom: 12px;
    }

    .div-local-order-mvl {
        background-color: white;
        box-shadow: 0px 0px 10px rgb(92 92 91 / 16%);
        padding: 10px;
        margin-bottom: 10px;
        text-align: left;
    }

    .titulo-local-order {
        margin-bottom: 0px;
    }

    .img-mas-menos-diners {
        width: 1.438em;
        height: 1.438em;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .div-mas-menos-local-order {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .validatephone {
        margin: 0px;
    }

    .div-verificar-tel {
        padding: 0px 15px;
    }

    .fieldset-verificar-tel h4 {
        font-family: sppro-bold;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 0px;
        text-align: left;

    }

    .input-tel-validate {
        border-bottom: 0px solid #7B7B7B !important;
        background-color: white !important;
        height: 41px;
        padding-left: 10px !important;
        margin-top: 10px !important;

    }

    .select-country-code {
        margin-bottom: 20px !important;
    }

    .btn-checkValidCode, .btn-reqCode {
        margin-top: 30px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: sppro-bold !important;
        width: 100%;
    }

    .input-verification-code {
        border-bottom: 0px solid #7B7B7B !important;
        background-color: white !important;
        height: 41px;
        padding-left: 10px !important;
        margin-top: 10px !important;
    }

    .txt-tel-no-validado-mvl {
        padding-left: 15px;
        color: #231F20;
        font-size: 16px;
        line-height: 20px;
        font-family: Raleway-Bold;
        margin-bottom: 5px;
        margin-top: 10px;
        text-align: left;
    }

    .p-debe-verificar {
        padding-left: 15px;
        color: #231F20;
        font-size: 12px;
        line-height: 13px;
        font-family: 'sppro-regular';
        text-align: left;
    }

    .btn-mensaje-validate-phone {
        padding: 8px 65px !important;
        width: 100%;
    }

    .icono-casa-carrito {
        color: #f51517;
    }

    .btn-comprobar-tienda-delivery {
        font-size: 14px !important;
        padding: 6px 12px !important;
        background: transparent;
        border-radius: 200px !important;
    }

    .lista-sugerencias-direcciones {
        margin-bottom: 10px;
    }

    .bnt-halfPizza-anadir-pizza {
        height: 40px;
        background: #f51517;
        box-shadow: inset 0px 0px 10px rgb(0 0 0 / 5%);
        border-radius: 4px;
        font-family: 'sppro-bold' !important;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        color: white;
        padding: 0px;
        width: 90%;
        /* margin: 0% auto;*/
    }




    .div-content-halfpizza {
        margin-bottom: 85px;
    }

    .txt-half {
        color: #231F20;
        font-size: 16px;
        line-height: 20px;
        font-family: Raleway-Bold;
        margin-top: 0px;
    }

    .txt-primera-mitad {
        color: #231F20;
        font-size: 16px;
        line-height: 20px;
        font-family: Raleway-Bold;
        margin-top: 5px;
    }

    .flecha-half {
        font-size: 7px !important;
    }

    .select-half-pizza span {
        font-size: 12px !important;

    }

    .btn-cambiar-mitad-mitad {
        font-size: 10px !important;
    }

    .titulo-mitades {
        margin-top: 0px !important;
        margin-bottom: 15px !important;

    }

    /* .div-tamano-masa {
        margin-bottom: 15px;
    }

    .img-pizza-mitad-mitad {
        margin-right: 15px;
    } */



    .div-content-halfpizza input[type="radio"]+label:before {
        margin-bottom: 0px;
    }

    .hr-halfPizza {
        margin-top: 20px;
        border: 0px solid #b7b7b7;
        background: #A5A5A5;
        height: 1px;
        width: 100%;
    }


    .subdiv-mitades {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 5px;
    }


    /* COLORES PERSONALIZADOS DE LAS MARCAS */

    /* COLOR BARRA CARTA */
    .barra-color-carta-96401 {
        background-color: #f51719 !important;
    }

    .barra-color-carta-96402 {
        background-color: #29833b !important;
    }

    .barra-color-carta-96403 {
        background-color: #3ab6ff !important;
    }

    .barra-color-carta-96404 {
        background-color: #fabe5b !important;
    }

    .barra-color-carta-96405 {
        background-color: black !important;
    }

    /* FIN COLOR BARRA CARTA */

    /* COLORES FAMILIAS MOVIL */
    .nav-opt-menu li.active p.familias-96401,
    .nav-opt-menu li.active p.familias-96401:focus,
    .nav-opt-menu li.active p.familias-96401:hover {
        background-color: #f51719;
    }

    .nav-opt-menu li p.familias-96401 {
        background-color: #ff7c7d;
    }

    .nav-opt-menu li.active p.familias-96402,
    .nav-opt-menu li.active p.familias-96402:focus,
    .nav-opt-menu li.active p.familias-96402:hover {
        background-color: #29833b;
    }

    .nav-opt-menu li p.familias-96402 {
        background-color: #64bb73;
    }

    .nav-opt-menu li.active p.familias-96403,
    .nav-opt-menu li.active p.familias-96403:focus,
    .nav-opt-menu li.active p.familias-96403:hover {
        background-color: #3ab6ff;
    }

    .nav-opt-menu li p.familias-96403 {
        background-color: #81d1ff;
    }

    .nav-opt-menu li.active p.familias-96404,
    .nav-opt-menu li.active p.familias-96404:focus,
    .nav-opt-menu li.active p.familias-96404:hover {
        background-color: #fabe5b;
    }

    .nav-opt-menu li p.familias-96404 {
        background-color: #ffd38b;
    }

    .nav-opt-menu li.active p.familias-96405,
    .nav-opt-menu li.active p.familias-96405:focus,
    .nav-opt-menu li.active p.familias-96405:hover {
        background-color: black;
    }

    .nav-opt-menu li p.familias-96405 {
        background-color: #565656;
    }

    /* FIN COLORES FAMILIAS MOVIL */

    /* COLOR PRINCIPAL Y SECUNDARIO MARCAS */

    .background-brand-96401 {
        background-color: #f51719 !important;
    }

    .background-brand-secundario-96401 {
        background-color: #ff7c7d !important;
    }

    .background-brand-96402 {
        background-color: #29833b !important;
    }

    .background-brand-secundario-96402 {
        background-color: #64bb73 !important;
    }

    .background-brand-96403 {
        background-color: #3ab6ff !important;
    }

    .background-brand-secundario-96403 {
        background-color: #81d1ff !important;
    }

    .background-brand-96404 {
        background-color: #fabe5b !important;
    }

    .background-brand-secundario-96404 {
        background-color: #ffd38b !important;
    }

    .background-brand-96405 {
        background-color: black !important;
    }

    .background-brand-secundario-96405 {
        background-color: #565656 !important;
    }

    /* FIN COLOR PRINCIPAL Y SECUNDARIO MARCAS */

    /* FIN COLORES PERSONALIZADOS DE LAS MARCAS */











    .txt-familia-wizard {
        font-family: 'sppro-bold';
        font-style: normal;
        font-weight: 700 !important;
        font-size: 14px;
        line-height: 22px;
        color: #231F20;
        padding-left: 15px;
        margin-top: 0px;
    }

    .modify-bajardiv {
        padding: 0px;
    }

    .nav>li>a {
        font-family: sppro-bold !important;
    }

    .div-segundo-familias-carta-menu::-webkit-scrollbar {
        display: none;
    }

    .div-padre-icono-marca {
        position: absolute;
        right: 18px;
        top: 10px;
    }

    .icono-marca-brands {
        color: #f51517;
        font-size: 15px !important;
    }

    .icono-marca-koby {
        padding-right: 0px;
        padding-bottom: 1px;
        margin: 0px;
        font-size: 14px !important;
    }

    .icono-marca-tejano {
        font-size: 16px !important;
        padding-right: 0px;
        padding-bottom: 2px;
        margin: 0px;
    }

    .icono-marca-wokzilla {
        font-size: 14px !important;
        padding-right: 0px;
        padding-bottom: 1px;
        margin: 0px;
    }

    .icono-marca-cotton {
        font-size: 15px !important;
        padding-right: 0px;
        padding-bottom: 1px;
        margin: 0px;
    }

    .icono-marca-hanai {
        font-size: 16px !important;
        padding-right: 0px;
        padding-top: 0px;
        margin: 0px;
    }

    .icono-marca-moma {
        font-size: 16px !important;
        padding-right: 0px;
        padding-bottom: 1px;
        margin: 0px;
    }

    .icono-marca-gaio {
        font-size: 14px !important;
        padding-right: 0px;
        padding-top: 0px;
        margin: 0px;
    }


    .div-icono-marca {
        width: 26px;
        height: 25px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: rgba(238, 238, 238, 0.78);
        display: flex;
        align-items: center;
        justify-content: center;
        /* padding-right: 4px; */
        /* padding-bottom: 1px; */

        /* color: black; */
        /* background: rgba(238, 238, 238, 0.78); */
        /* border-radius: 50%; */
        /* width: 26px; */
        /* height: 27px; */
        /* position: absolute; */
        /* right: 8px; */
        /* top: 10px; */
        /* font-size: 14px !important; */
        /* display: flex; */
        /* align-items: center; */
        /* justify-content: center; */

    }

    .div-global-brand-info {
        opacity: 0.5;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 36px;
        border-radius: 6px;
        padding: 5px;
        width: 291px;
        height: 98px;
        margin: 0px;
        flex-direction: column;
        /* padding-bottom: 0px; */
        margin-top: 12px;
    }

    .div-global-brand-info-selected {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 36px;
        border-radius: 6px;
        padding: 5px;
        width: 291px;
        height: 98px;
        margin: 0px;
        flex-direction: column;
        /* padding-bottom: 0px; */
        margin-top: 12px;
    }

    .div-global-brands {
        height: 122px;
        position: absolute;
        top: 40px;
    }

    #div-total-marcas-familias {
        margin-top: 100px;
    }

    #owl-carousel-brands .owl-dots {
        display: none !important;
    }

    .logo-menu-tejano {
        font-size: 22px !important;
    }

    .logo-menu-wokzilla {
        font-size: 40px !important;
    }

    .logo-menu-cotton {
        font-size: 17px !important;
    }

    .logo-menu-hanai {
        font-size: 36px !important;
    }

    .logo-menu-moma {
        font-size: 32px !important;
    }

    .logo-menu-gaio {
        font-size: 35px !important;
    }

    .descripcion-marca {
        font-family: 'Raleway-Bold';
        font-weight: 500;
        font-size: 11px;
        line-height: 13px;
        text-align: center;
        letter-spacing: -0.02em;
        margin-bottom: 0px;
    }

    .descripcion-marca span {
        font-family: 'myriad';
    }

    .contenido-slider-marcas {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        margin-bottom: 36px;
        border-radius: 6px;
        padding: 5px;
        width: 291px;
        height: 98px;
        margin: 0px;
        flex-direction: column;
        background: #FFFFFF;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        padding-bottom: 18px;
    }

    .btn-tienda-pickup-no-select {
        border-radius: 100%;
        width: 20px;
        height: 20px;
        min-width: 20px;
        max-width: 20px;
        min-height: 20px;
        max-height: 20px;
        margin: 0 0.5em 0 0;
        border: 1px solid #7B7B7B;
        background: #F6F6F6;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header-mvl-pie {
        background-color: white;
        box-shadow: 0px 2px 40px rgba(103, 102, 101, 0.18);
        position: fixed;
        bottom: 0px;
        right: 0px;
        left: 0px;
        z-index: 99;
        height: 56px;
    }

    .opt-header-mvl {
        display: flex;
        align-items: center;
        justify-content: space-around;
        height: 100%;
    }



    .img-opt-header-mvl {
        width: 24px;
        border: 1px solid rgba(249, 249, 249, 0.78);
        border-radius: 100%;
        width: 34px;
        height: 34px;
        background: rgba(249, 249, 249, 0.78);

        display: flex;
        align-items: center;
        justify-content: center;


        /* width: 1.875em;
        height: 1.875em;
        display: flex;
        align-items: center;
        justify-content: center; */

    }

    .icon-start-login {
        color: #f51517;
    }

    .img-opt-header-mvl-selected {
        background-color: #f51517;
        border: 1px solid #f51517;
        border-radius: 100%;
        width: 34px;
        color: white;
    }

    .img-opt-header-mvl::before {
        margin: 0px;
        font-size: 18px !important;
        width: fit-content;
    }

    .img-opt-header-mvl-selected:after {
        content: '';
        border-top: 3px solid #f51517;
        position: absolute;
        top: 0px;
        width: 60px;
        border-radius: 5px;
    }

    .margin-header-bottom {
        margin-bottom: 70px;
        background-color: #f6f6f6;
    }


    .menu-items-pie {
        height: 100%;
        display: flex;
        align-items: center;
    }

    .historial-mvl::before {
        font-size: 14px !important;
    }

    .icon-carta::before {
        font-size: 16px !important;
    }

    /* .color-koby {
        background-color: #300C46;
    }

    .color-tejano {
        background-color: #FFC38D;
    }

    .color-wokzilla {
        background-color: #9DD0C8;
    }

    .color-cotton {
        background-color: #1C1C1C;
    }

    .color-hanai {
        background-color: #F8787E;
    }

    .color-moma {
        background-color: #4F41AB;
    }

    .color-gaio {
        background-color: #DB4940;
    } */


    .barra-color-carta {
        height: 61px;
        background-color: #f51517;
    }


    .filtros-mvl {
        color: black;
        background: rgba(249, 249, 249, 0.78);
        border-radius: 50%;
        width: 26px;
        height: 26px;
        position: absolute;
        right: 8px;
        top: 10px;
        font-size: 14px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 2px;
    }

    .familiasfijasmvl {
        /* position: fixed;
        z-index: 99; */

        background-color: #f6f5f5 !important;
        position: fixed;
        z-index: 99 !important;

        align-self: flex-start;
        top: 0px;
        height: 55px;
        /* margin-top: 0px !important; */
    }

    .li-familias {
        margin-right: 3px !important;
    }


    .nombreFamilia {
        color: white !important;
        padding: 7px 20px;
        border-radius: 20px;
        background-color: #c6c6c6;
        font-family: 'sppro-bold' !important;
        margin-right: 0px !important;
        font-size: 11.9167px;
        line-height: 14px;
        font-style: normal;
        font-weight: 700;

    }

    /* ICONOS Y NOMBRE FAMILIA SELECCIONADA */

    .nav-opt-menu li.active p,
    .nav-opt-menu li.active p:focus,
    .nav-opt-menu li.active p:hover {
        font-family: 'sppro-bold' !important;
        font-style: normal;
        font-size: 11.9167px;
        line-height: 14px;
        letter-spacing: 0.02em;
        color: white !important;
        background-color: #f51517;
    }

    /* FAMILIA KOBY */
    .nav-opt-menu li p.familia-koby {
        background-color: #300c4680;
    }

    .nav-opt-menu li.active p.familia-koby,
    .nav-opt-menu li.active p.familia-koby:focus,
    .nav-opt-menu li.active p.familia-koby:hover {
        background-color: #300C46;
    }

    /* FAMILIA TEJANO */
    .nav-opt-menu li p.familia-tejano {
        background-color: #ffc38d4d;
    }

    .nav-opt-menu li.active p.familia-tejano,
    .nav-opt-menu li.active p.familia-tejano:focus,
    .nav-opt-menu li.active p.familia-tejano:hover {
        background-color: #FFC38D;
    }

    /* FAMILIA WOKZILLA */
    .nav-opt-menu li p.familia-wokzilla {
        background-color: #9dd0c842;
    }

    .nav-opt-menu li.active p.familia-wokzilla,
    .nav-opt-menu li.active p.familia-wokzilla:focus,
    .nav-opt-menu li.active p.familia-wokzilla:hover {
        background-color: #9DD0C8;
    }

    /* FAMILIA COTTON */
    .nav-opt-menu li p.familia-cotton {
        background-color: #1c1c1c80;
    }

    .nav-opt-menu li.active p.familia-cotton,
    .nav-opt-menu li.active p.familia-cotton:focus,
    .nav-opt-menu li.active p.familia-cotton:hover {
        background-color: #1C1C1C;
    }

    /* FAMILIA HANAI */
    .nav-opt-menu li p.familia-hanai {
        background-color: #f8787e80;
    }

    .nav-opt-menu li.active p.familia-hanai,
    .nav-opt-menu li.active p.familia-hanai:focus,
    .nav-opt-menu li.active p.familia-hanai:hover {
        background-color: #F8787E;
    }

    /* FAMILIA MOMA */
    .nav-opt-menu li p.familia-moma {
        background-color: #4f41ab80;
    }

    .nav-opt-menu li.active p.familia-moma,
    .nav-opt-menu li.active p.familia-moma:focus,
    .nav-opt-menu li.active p.familia-moma:hover {
        background-color: #4F41AB;
    }

    /* FAMILIA GAIO */
    .nav-opt-menu li p.familia-gaio {
        background-color: #db494080;
    }

    .nav-opt-menu li.active p.familia-gaio,
    .nav-opt-menu li.active p.familia-gaio:focus,
    .nav-opt-menu li.active p.familia-gaio:hover {
        background-color: #DB4940;
    }

    /* FIN ICONOS Y NOMBRE FAMILIA SELECCIONADA */

    .div-familias-carta-menu {
        padding: 0px;
        padding-left: 15px !important;
        margin-top: 0px !important;

    }

    .H2-familiaMenuProducts {
        font-family: 'Raleway-Bold';
        font-style: normal;
        font-weight: 700;
        font-size: 15.3105px;
        text-align: left;
        color: black !important;
        padding-left: 0px !important;
    }

    .div-producto-carta {
        width: 100% !important;
        height: 116px;
    }

    .div-producto-carta2 {
        display: flex;
        height: 165px;
        width: 435px;
        max-width: 397px;
        min-height: 170px;
        max-height: 170px;
        background-color: #ffffff;
        text-align: left;
        border-radius: 6px;
        margin: 10px;
        padding-left: 24px;
        padding-right: 0px;
        box-shadow: 0px 2px 40px rgb(103 102 101 / 18%);
        justify-content: space-between;
    }

    .container-products-menu {
        padding: 0px;
    }

    .content-pagina-carta {
        margin-left: 0px;
        margin-right: 0px;
    }

    .div-producto-carta-mvl {
        /* border: 1px solid red; */
        height: 95px;
        padding: 2.5px 6px 2.5px 3px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: white;
        border-radius: 6px;
        margin-bottom: 8px;
    }

    .img-producto-carta {
        width: 90px !important;
        height: 90px !important;
        border-radius: 10px !important;
    }

    .div-productos-total-menu {
        padding: 0px;
        display: initial !important;
    }

    .div-info-product-menu {
        padding-left: 15px;
        padding-top: 3px;
        /* padding-bottom: 7px; */
        /* border: 1px solid blue; */
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        height: 100%;
        width: 100%;
    }

    .div-tarjeta-producto {
        /* border: 1px solid orange; */
        padding-right: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .nombre-producto {
        font-family: 'sppro-bold' !important;
        font-style: normal;
        font-weight: 700;
        font-size: 13.3967px !important;
        line-height: 17px !important;
        color: #1B2024 !important;
    }

    .descripcion-producto {
        font-family: 'Helvetica' !important;
        font-style: normal;
        font-weight: 400 !important;
        font-size: 9.56909px !important;
        line-height: 12px !important;
        color: #1B2024 !important;
        opacity: 0.6 !important;
        width: 90%;
    }

    .precio {
        font-family: 'sppro-regular' !important;
        font-style: normal;
        font-weight: 400;
        font-size: 13.3967px !important;
        line-height: 19px !important;
        color: #1B2024 !important;
    }

    .div-info-producto-carta {
        text-align: left;
    }

    .div-img-product-carta {
        padding: 0px !important;
        min-width: 50px;
        text-align: right;
        display: flex !important;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
        margin-bottom: 7px;
    }

    .div-badges-new-top {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 5px;
        left: 6px;

    }

    .div-others-badges {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .separador-pizzas:after {
        display: none;
    }

    .div-promos {
        margin-bottom: 120px;
    }

    .btn-total-pedido-flotante {
        height: 40px;
        background: #f51517;
        box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.05);
        border-radius: 4px;
        font-family: 'sppro-bold' !important;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        color: white;
        position: fixed;
        bottom: 71px;
        left: 15px;
        right: 15px;
        z-index: 99;
        padding: 0px;
        width: 90%;
        margin: 0% auto;
        left: 0;
        right: 0;
    }



    .toast {
        height: 100%;
        background-color: #fbfbfb99;
        z-index: 1000;

    }

    .contenido-toast {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        padding: 0px;
        background-color: #f51517;
        border: 1px solid white;
        box-sizing: border-box;
        border-radius: 6px;
        position: absolute;
        top: 50%;
        left: 50% !important;
        transform: translate(-50%, -50%);
        left: auto;
        width: 311px;
        height: 88px;
        color: white;
    }


    .carrito-toast {
        color: #f51517;
        background: rgba(249, 249, 249, 0.78);
        backdrop-filter: blur(54.3656px);
        /* border: 1px solid red; */
        border-radius: 100%;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 17px !important;
    }

    .txt-toast {
        margin-bottom: 0px;
    }


















    .div-promo-carta-mvl {
        height: 116px;
        width: 100%;
        padding: 2.5px 6px 2.5px 3px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 6px;
        margin-bottom: 8px;
        background-color: #a5a5a5;
    }

    .div-info-promos-carta {
        display: initial;
    }

    .img-promo-carta {
        width: 108px !important;
        height: 108px !important;
        border-radius: 10px !important;
        object-fit: cover;
    }

    .div-info-promo-carta {
        text-align: left;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .div-info-promo-menu {
        padding-left: 15px;
        padding-top: 7px;
        padding-bottom: 7px;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-direction: column;
        height: 100%;
        width: 100%;
    }

    .nombre-promo {
        font-family: 'Raleway-Bold';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 22px;
        color: white;
        margin-bottom: 6px;
        margin-top: 0px;

    }

    .descripcion-promo {
        font-family: 'sppro-regular';
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 13px;
        color: white;
        opacity: 0.6;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        margin-bottom: 0px;
    }

    .div-webtag-carta {
        position: inherit !important;
        margin-left: 0px !important;
        margin-top: 0px !important;
        background-color: white !important;
    }

    .titulo-promos-movil {
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .div-img-promo-carta {
        padding: 0px !important;
        min-width: 50px;
        text-align: right;
        display: flex !important;
        /* flex-direction: column; */
        justify-content: space-between;
        align-items: center;
    }



    .div-productInCartMenu {
        background-color: #b70002;
        color: white;
        display: flex;
        justify-content: space-between;
        border-radius: 10px;
        margin-bottom: 18px;
        padding: 8px 8px 12px 12px;
        /* height: 46px;*/
    }

    .nombre-producto-add {
        font-family: 'Raleway-Bold';
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 22px;
        color: white;
        margin-bottom: 7px;
        margin-top: 0px;
    }

    .descrip-producto-add {
        font-family: 'sppro-regular';
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 13px;
        color: white;
        opacity: 0.6;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        margin-bottom: 0px;

    }

    .icono-menos-product-add {

        font-size: 10px !important;
        width: 1.875em;
        height: 1.875em;
        display: flex;
        align-items: center;
        justify-content: center;

    }

    .icono-mas-product-add {
        font-size: 10px !important;
        width: 1.875em !important;
        height: 1.875em !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .icono-mas-product-add:before {
        font-size: 11px;
        width: auto;

    }

    .cantidad-product-add {
        font-family: 'sppro-regular';
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 22px;
        color: white;
        margin-bottom: 6px;
    }

    .precio-product-add {
        font-family: 'sppro-regular';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 19px;
        color: white;
        margin-bottom: 6px;
    }

    .div-nombre-descripcion {
        text-align: left;
        padding-left: 20px;
        padding-right: 13px;
    }

    .div-cantidad-menos {
        min-width: 30px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-evenly;
    }

    .div-precio-mas {
        min-width: 45px;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: space-evenly;
    }

    .span-personalizada {}

    .div-add-no-configurable {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .cantidad-add-no-configurable {
        color: #1E1E1E;
        font-family: 'Raleway-Bold';
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 28px;
        padding: 0px 8px;
        margin-bottom: 0px;
    }


    .icon-mas-menos-product {
        width: 1.438em;
        height: 1.438em;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .icon-mas-promo {
        width: 1.875em;
        height: 1.875em;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .btn-show-promos {
        border: 0.5px solid #DB4940;
        box-sizing: border-box;
        border-radius: 15px;
        width: 100%;
        padding: 0px;
        background-color: transparent;
        box-shadow: none;
        font-family: 'sppro-bold' !important;
        font-style: normal;
        font-weight: 700;
        font-size: 13px;
        line-height: 15px;
        text-align: center;
        color: #DB4940;
        text-align: center;
        height: 28px;
        text-transform: uppercase;
        margin-top: 10px;


    }

    .num-items-cart {
        background-color: #f51517;
        border-radius: 200px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 2px;
        width: 28px;
        width: 19px;
        height: 20px;
        color: white;
        font-family: 'sppro-regular';
        position: absolute;
        top: 26%;
        left: 56.2%;
        transform: translate(-50%, -50%);
        font-size: 10px;
    }




    .div-carousel-promos {
        max-height: 170px;
        z-index: 8;
        padding-top: 4px;
        /* background-color: white; */
    }

    .div-total-home {
        z-index: 9;
        background-color: white;
    }

    .img-promo-carousel {
        min-height: 77px;
        max-height: 77px;
        width: 77px !important;
        border-radius: 3px;
        height: 105px;
        object-fit: cover;
    }


    #owl-carousel-partners .owl-nav.disabled+.owl-dots {
        margin-bottom: 40px;
        margin-top: 40px !important;
    }

    #owl-carousel-partners {
        margin-bottom: 120px;
    }


    .div-promos-home-global {
        position: initial !important;
    }

    #id-promos-en-home {
        position: initial !important;
        padding: 0px !important
    }

    .p-descripcion-promo-mvl {

        font-family: sppro-regular;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        color: #FFFFFF;
        opacity: 0.6;
        text-align: left;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;

    }


    .div-total-home {
        margin-top: 0px !important;
    }


    .div-familias-carta-home {
        display: flex;
        justify-content: start;
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
        /* border: 1px solid yellowgreen; */
        height: 100% !important;
        align-items: initial !important;
    }

    .encabezado-mvl-noLogin {
        height: 197px;
        background: #f51517;
        border-radius: 0px 0px 33px 33px;
        /* display: flex; */
        width: 100%;
        /* flex-direction: column; */
        /* align-items: center; */
        /* justify-content: center; */
        margin-bottom: 30px;
        margin-top: -1px;
        padding: 0px;
    }

    .icon-logo-headerMvl {
        width: 165px;
        height: auto;
    }

    .p-encabezado {
        font-family: "Helvetica";
        font-size: 12px;
        line-height: 13px;
        color: #FFFFFF;
        margin-top: 5px;
        margin-bottom: 22px;
        margin-top: 22px;
        /* width: 185px; */
        text-align: center;
    }

    .btn-home-iniciar-sesion {
        background: #FFFFFF;
        border: 0.584112px solid #FFFFFF;
        box-sizing: border-box;
        box-shadow: inset 0px 0px 11.6822px rgba(0, 0, 0, 0.05);
        border-radius: 20px;
        color: #f51517;
        font-style: normal;
        font-weight: 600;
        font-family: "Helvetica";
        font-size: 14px;
        line-height: 15px;
        width: 170px;
        height: 31px;

    }

    .div-pedido-direccion {
        background: #f51517;
        border-radius: 31.5px;
        margin-top: 10px;
        height: 63px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
        margin-bottom: 30px;
    }

    .titulo-direccion-home {
        margin-bottom: 0px;
        color: white;
        font-size: 16px;
        line-height: 18px;
        font-weight: 300;
        font-family: GTWalsheimPro-Regular;
    }

    .subtitulo-direccion-home {
        margin-bottom: 0px;
        color: white;
        font-size: 16px;
        line-height: 18px;
        font-weight: 300;
        font-family: GTWalsheimPro-Bold;
    }

    .subdiv-pedido-direccion {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .div-global-pedido-direccion {
        background-color: #f3f3f3;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: -10px;
        margin-bottom: -1px;
        /* z-index: 1; */

    }

    .div-cocinas-home {
        background-color: #f3f3f3;
    }

    .div-global-pedido-direccionInciadaSesion {
        padding-left: 10px;
        padding-right: 10px;
        margin-top: -37px;
    }

    .icon-delivery-home-white {
        color: white !important;
    }
    
    .icon-moto-home {
        width: 25px;
        height: auto;
        margin-right: 15px;
        margin-left: 5px;
        color: #f51517;
    }

    .icon-moto-home-white {
        width: 25px;
        height: auto;
        margin-right: 12px;
        margin-left: 7px;
        filter: brightness(0) invert(1);
    }

    .icono-casa-home {
        width: 20px;
        height: auto;
        margin-right: 20px;
        margin-left: 7px;
        color: #f51517;
    }

    .icon-flecha-home {
        width: 30px;
        height: auto;
    }

    .div-pedido-direccionInciada {
        background: #FFFFFF;
        border-radius: 31.5px;
        margin-top: 10px;
        height: 63px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
        border: 1px solid #f51517;
        margin-bottom: 20px;
    }

    .titulo-direccion-homeIniciada {
        margin-bottom: 0px;
        color: #f51517;
        font-size: 16px;
        line-height: 18px;
        font-weight: 300;
        font-family: GTWalsheimPro-Regular;
    }

    .subtitulo-direccion-homeIniciada {
        margin-bottom: 0px;
        color: #f51517;
        font-size: 16px;
        line-height: 18px;
        font-weight: 300;
        font-family: GTWalsheimPro-Bold;

    }

    .flecha-pedido-home {
        font-size: 17px !important;
        color: #f51517;
    }

    .div-flecha-pedido-home {
        background: rgba(249, 249, 249, 0.78);
        backdrop-filter: blur(54.3656px);
        border-radius: 50%;
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 2px;
        padding-bottom: 0px;
    }



    .txt-promos-aplicadas {
        text-align: left;
        font-family: sppro-bold;
        color: #F7F7F7;
        letter-spacing: 0.03em;
        text-transform: capitalize;
        font-size: 14px;
    }

    .linea-promo-cart {
        font-size: 14px;
        line-height: 14px;
        color: #A5A5A5;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: 6px;
        opacity: 0.8;
        font-family: 'sppro-regular';
        font-weight: 400;
        text-align: left;
    }

    .txt-escoge-cocinas-fav {
        font-size: 16px !important;
        line-height: 20px !important;
        font-size: 16px !important;
        line-height: 20px !important;
        font-family: Raleway-Bold !important;
    }

    .banner-cocina-home {
        /*box-shadow: 0px 0px 20px rgb(5 5 5 / 8%); */
        border-radius: 0px;
        width: 638px;
        height: 332px;
        margin-top: 10px;
        cursor: pointer;
        /* filter: drop-shadow(0px 0px 20px rgba(5, 5, 5, 0.08)); */
        filter: none;
        /* width: 365px !important; */
        /* height: 140px !important; */
        width: 100%;
        height: auto;
    }

    .combinalos-home {
        color: #231F20;
        font-size: 14px;
        line-height: 13px;
        font-family: "Helvetica";
    }

    .banner-todos-restaurantes {
        background-color: #f51517;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-left: 0px !important;
        margin-right: 0px !important;
        width: 100%;
        height: 52px;
        display: none;
    }

    .txt-ver-restaurantes {
        letter-spacing: -0.03em;
        color: white;
        font-family: Raleway-Bold;
        font-style: normal;
        font-weight: bold;
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .p-encabezado-login {
        font-family: Raleway-Bold;
        font-size: 20px;
        line-height: 28px;
        color: #FFFFFF;
    }

    .encabezado-mvl-Login {
        background: #f51517;
        border-radius: 0px;
        height: 131px;
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .encabezado-reves {
        background-color: #f6f6f6;
        border-radius: 0px 0px 33px 33px;
        transform: matrix(1, 0, 0, -1, 0, 0);
        height: 39px;
        margin-top: 105px;
        width: 100%;
    }

    .promociones-para-ti {
        font-size: 16px;
        line-height: 20px;
        color: #231F20;
        font-family: Raleway-Bold;
        margin-bottom: 5px;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 0px;
    }

    /* PROMOS HOME */

    .contenido-slider-promos {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        /* margin: 26px; */
        margin-bottom: 36px;
        background: #FFFFFF;
        box-shadow: 0px 0px 10px rgb(92 92 91 / 16%);
        /* box-shadow: 0px 4px 40px rgb(103 102 101 / 24%); */
        border-radius: 6px;
        padding: 5px;
        width: 246px;
        height: 116px;
        margin: 0px;
    }


    .p-nombre-promo-mvl {
        color: #231F20 !important;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        font-family: Raleway-Bold;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 22px;
        text-align: left;
        margin-bottom: 2px;
    }

    .p-descripcion-promo-mvl {
        font-family: sppro-regular;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        color: #231F20;
        opacity: 0.6;
        text-align: left;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 13px;
        margin-bottom: 0px;
        height: 40px;
        min-height: 40px;
        max-height: 40px;
    }

    .owl-carousel .owl-item .img-promo-carousel {
        min-height: 108px;
        max-height: 108px;
        width: 105px !important;
        border-radius: 3px;
        height: 108px;
        object-fit: cover;
        border-radius: 10px;
    }

    .div-img-promo-home-carousel {
        padding-right: 0px;
        /* border: 1px solid orange; */
        /* width: 100%; */
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .logo-mvl-96405 {
        /* width: 65% !important; */
        margin: 0 auto;
    }

    .img-logo-banner-carta {
        width: 100% !important;
        margin: 0 auto;
    }

    .icons-carousel-carta {
        position: absolute;
        top: 28%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .div-descuento-oferta-home {
        background: #f51517;
        border-radius: 15px;
        width: 73px;
        height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        margin-left: -29px;
        margin-top: 9px;
    }

    .div-descuento-oferta-home p {
        color: #FFFFFF;
        font-size: 12px;
        line-height: 14px;
        font-family: 'Raleway-Bold';
        text-transform: uppercase;
        margin-bottom: 0px;
        font-weight: 600;
    }

    #owl-carousel-promotions .item-promotions,
    #owl-carousel-recomendamos .item-promotions {
        margin-left: 12px;
        margin-top: 5px;
        margin-bottom: 50px;
    }

    #owl-carousel-brands .item-promotions {
        margin: 12px;
        margin-top: 5px;
        margin-bottom: 50px;
    }

    /* .div-icono-mas-home .fa-plus {
        color: white;
        font-size: 18px !important;
    } */

    /* .div-icono-mas-home {
        float: right;
        background-color: #f51517;
        padding: 5px;
        border-radius: 50%;
        width: 28px;
        /* height: 28px;
        padding-left: 7px;
        padding-top: 4px;
        margin-top: 5px;
    } */

    .div-ver-restaurantes {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 0px;
    }

    #owl-carousel-promotions {
        /* background-color: #f3f3f3; */
        z-index: 0 !important;
    }


    #owl-carousel-promotions .owl-dots {
        display: none !important;
    }

    #owl-carousel-recomendamos .owl-dots {
        display: none !important;
    }

    .div-carousel-promos {
        max-height: 130px;
        z-index: 8;
        padding-top: 0px;
        margin-bottom: 10px;
    }

    .div-aviso-legal-cuenta {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

    .flecha-derecha-cuenta {
        font-size: 17px !important;
        color: #f51517;
        margin-right: 10px;
    }

    .div-total-option-account {
        height: 80%;
        margin-top: 70px;
    }

    .cerrar-sesion-account {
        background-color: #f51517;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        /* margin-left: 0px !important; */
        /* margin-right: 0px !important; */
        /* width: 100%; */
        height: 52px;
        position: absolute;
        bottom: 45px;
        left: 16px !important;
        right: 16px !important;
        position: fixed;
        bottom: 70px;
    }

    .cerrar-sesion-account a {
        color: #FFFFFF;
        font-size: 16px;
        line-height: 22px;
        font-family: "sppro-bold";
    }

    .div-icono-social-account {
        background: #f51517;
        backdrop-filter: blur(54.3656px);
        border-radius: 50%;
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 3px;
        padding-bottom: 1px;
    }

    .redes-sociales-account {
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 50%;
        margin-bottom: 50px;
        margin-left: -9px;
    }

    .div-redes-politicas-mvl {
        margin-bottom: 32px;
        margin-top: 70px;
        text-align: left;
        padding: 0px 24px;
    }


    .icono-opt-account {
        width: 24px;
    }

    .txt-escoge-cocinas-fav {
        font-family: Raleway-Bold;
        font-style: normal;
        font-weight: bold;
        font-size: 32px;
        line-height: 34px;
        text-align: center;
        letter-spacing: -0.03em;
        margin-bottom: 0px;
    }




    /* COLORES BASE */

    /* KOBY */
    .color-koby-txt {
        color: #300C46 !important;
    }

    .background-koby {
        background-color: #300C46;
    }

    .background-koby-secundario {
        background-color: #FFC38D;
    }

    .border-koby {
        border: 1px solid #300C46;
    }

    /* TEJANO */
    .color-tejano-txt {
        color: #FFC38D !important;
    }

    .background-tejano {
        background-color: #FFC38D;
    }

    .background-tejano-secundario {
        background-color: #81633C;
    }

    .border-tejano {
        border: 1px solid #FFC38D;
    }

    /* WOKZILLA */
    .color-wokzilla-txt {
        color: #9DD0C8 !important;
    }

    .background-wokzilla {
        background-color: #9DD0C8;
    }

    .background-wokzilla-secundario {
        background-color: #FCF8D5;
    }

    .border-wokzilla {
        border: 1px solid #9DD0C8;
    }

    /* COTTON */
    .color-cotton-txt {
        color: #1C1C1C !important;
    }

    .background-cotton {
        background-color: #1C1C1C;
    }

    .background-cotton-secundario {
        background-color: white;
    }

    .border-cotton {
        border: 1px solid #1C1C1C;
    }

    /* HANAI */
    .color-hanai-txt {
        color: #F8787E !important;
    }

    .background-hanai {
        background-color: #F8787E;
    }

    .background-hanai-secundario {
        background-color: #9DD0C8;
    }

    .border-hanai {
        border: 1px solid #F8787E;
    }



    /* MOMA */
    .color-moma-txt {
        color: #4F41AB !important;
    }

    .background-moma {
        background-color: #4F41AB;
    }

    .background-moma-secundario {
        background-color: #DDDAF1;
    }

    .border-moma {
        border: 1px solid #4F41AB;
    }


    /* GAIO */
    .color-gaio-txt {
        color: #DB4940 !important;
    }

    .background-gaio {
        background-color: #DB4940;
    }

    .background-gaio-secundario {
        background-color: #20201B;
    }


    .border-gaio {
        border: 1px solid #DB4940;
    }

    /* FIN COLORES BASE */


    .modal-alergenos-total .modal-content {
        border-radius: 0px;
    }


    .modal-alergenos-total {
        top: 0px;
    }

    .p-restablecer-filtros {
        font-family: 'Raleway-Bold';
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        color: #231f20;
        margin-bottom: 0px;
        margin-top: 0px;
        text-align: left;
        text-decoration-line: none;
    }

    .cerrarModalAlergenos {
        color: #8e8e93;
        font-size: 13px !important;

    }

    .div-cerrar-alergenos {
        background-color: #F9F9F9;
        width: 29px;
        height: 29px;
        border-radius: 50%;
        padding-top: 6px;
        padding-left: 2px;
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .icon-modal-vegetariano {
        background-color: #EEEEEE;
        color: #f51517;
    }

    .p-opcion-vegetariano {
        font-family: 'Raleway-Bold' !important;
        color: #231F20 !important;
        font-size: 16px !important;
        line-height: 20px !important;
        margin-bottom: 0px !important;
        margin-left: 15px !important;
    }

    .div-filtros {
        display: flex;
        align-items: center;
    }

    /* SLIDER MODAL */
    .switch {
        position: relative;
        display: inline-block;
        width: 45px;
        height: 26px;
        margin-bottom: 0px;
    }

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .slider:before {
        position: absolute;
        content: "";
        height: 22px;
        width: 22px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

    input:checked+.slider {
        background-color: #f51517;
    }

    input:focus+.slider {
        box-shadow: 0 0 1px #f51517;
    }

    input:checked+.slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
        left: -5px;
    }

    /* Rounded sliders */
    .slider.round {
        border-radius: 34px;
    }

    .slider.round:before {
        border-radius: 50%;
    }

    .alergenosInfoDesplegable {
        margin-top: 0px;
        margin-bottom: 0px;
        display: flex;
        justify-content: space-between;
        flex-direction: inherit;
        border-bottom: 0.5px solid #000000;
        padding-bottom: 7px;
        padding-top: 7px;

    }

    .sin-borde {
        border-bottom: none;
    }

    .txt-tiendas {
        color: #1C1C1C;
        font-family: 'Raleway-Bold';
        text-align: left;
        font-size: 16px;
        line-height: 20px;
        margin-left: 10px;
    }

    .menos-add-no-configurable {
        color: white !important;
    }




    .div-titulo-orderNow {
        background-color: white;
        height: 56px;
        box-shadow: 0px 2px 40px rgb(103 102 101 / 18%);
        border-radius: 0px;
        display: flex;
        justify-content: center;
        position: inherit !important;
    }


    .div-branch-pickup {
        background-color: white;
        box-shadow: 0px 0px 10px rgb(92 92 91 / 16%);
        display: flex;
        justify-content: left;
        align-items: center;
        padding: 10px;
        margin-bottom: 15px;
    }

    .nombre-tienda-mvl {
        color: #231F20;
        font-size: 16px;
        line-height: 22px;
        font-family: "sppro-bold";
        text-align: left;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 1px;
    }

    .direccion-tienda-mvl {
        color: #231F20;
        font-family: sppro-regular;
        font-size: 14px;
        line-height: 20px;
        text-align: left;
        margin-bottom: 1px;
    }

    .nav>li>a {
        color: #7B7B7B;
        margin-right: 10px;
    }


    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        color: #fff;
        cursor: default;
        background-color: #f51517;
        border: 1px solid #f51517;
        border-bottom-color: transparent;
        border-radius: 200px;
        margin: 0px;
        padding-right: 17px;
    }

    .nav-tabs {
        border-bottom: none;
        width: fit-content;
        background-color: #e8e8e8;
        border-radius: 200px;
        margin-top: 20px;
        margin-bottom: 25px;
    }

    .nav>li>a {
        display: flex;
        align-items: center;
        padding: 7px 5px;
    }

    .icon-tiendaOrderNow,
    .icon-motoOrderNow {
        margin-right: 7px;
    }

    /* .div-encabezado-orderNow{ */
    /* display: flex; */
    /* justify-content: flex-start; */
    /* align-items:center; */
    /* } */

    .titulo-template-orderNow {
        margin-bottom: 0px;
        margin-left: 20px;
        color: #231F20;
        font-size: 16px;
        line-height: 20px;
        font-family: 'Raleway-Bold';
    }

    .icon-atras-orderNow {
        transform: rotate(90deg);
        width: 30px;
        position: absolute;
        left: 10px;
        background: rgba(249, 249, 249, 0.78);
        backdrop-filter: blur(54.3656px);
        background-color: #F9F9F9;
        /* padding: 13px; */
        border-radius: 50%;
        height: 30px;
        padding-top: 11px;
        padding-right: 0px;
        top: 14px;
    }

    .ir-atras-orderNow {
        font-size: 9px !important;
        color: #868686 !important;
    }

    .btn-tienda-pickup,
    .btn-tienda-pickup-no-select:hover {
        border-radius: 100%;
        width: 20px;
        height: 20px;
        margin: 0 0.5em 0 0;
        background: #F6F6F6;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #231F20;
        content: url(../imagenes/fotos/icons/icono-radio.svg);
        padding: 3px;
    }

    .icon-mas-home {
        width: 1.438em;
        height: 1.438em;
        display: flex;
        align-items: center;
        justify-content: center;
        float: right;
        margin-top: 7px;
    }

    .ir-atras-orderNow:before {
        width: auto;
        height: auto;
    }


    /* Nuevo*/

    .txt-busca-dir {
        color: #231F20;
        font-weight: 700;
        font-size: 16px;
        line-height: 20px;
        font-family: Raleway-Bold;
    }

    .div-input-address {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 33px;
    }

    .div-ubicacions-direccion {
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: none;
        background-color: white !important;
        color: #1C1C1C;
        font-size: 14px;
        line-height: 20px;
        width: 100%;
    }

    .input-delivery-calle:focus,
    .input-delivery-calle:active,
    .div-edit-address-orderNow:focus,
    .div-edit-address-orderNow:active,
    .input-delivery-numero:focus,
    .input-delivery-numero:active,
    .textarea-obs-reparto:focus,
    .textarea-obs-reparto:active {
        border: 1px solid #f51517 !important;
        box-shadow: none !important;
    }

    .input-delivery-calle {
        border-bottom: 1px solid transparent !important;
        padding: 10px !important;
        width: 100%;
        box-sizing: border-box;
        box-shadow: 0px 0px 10px rgb(92 92 91 / 16%) !important;
    }

    .textarea-obs-reparto {
        border-bottom: 0px solid black;
        background-color: white !important;
        border-bottom: 0px !important;
        padding-left: 10px !important;
        box-shadow: none !important;
        box-shadow: 0px 0px 10px rgb(92 92 91 / 16%) !important;
        height: 41px !important;
        padding-top: 10px !important;
    }

    .input-calle-1 {
        padding-right: 20px;
    }

    .input-puerta-1 {
        padding-left: 20px;
    }

    .input-delivery-numero {
        background-color: white !important;
        border-bottom: 0px !important;
        padding-left: 10px !important;
        height: 41px !important;
    }

    .div-edit-address-orderNow,
    .titulo-input {
        margin-bottom: 5px;
    }

    .icon-logo-10003 {
        font-size: 50px !important;
    }

    .icon-logo-10005 {
        font-size: 50px !important;
    }

    .icon-logo-10006 {
        font-size: 35px !important;
    }

    .icon-logo-10007 {
        font-size: 35px !important;
    }

    .hr-orderNow {
        opacity: 0.2;
        border: 0.5px solid #000000;
        width: 324px;
        height: 0px;
        border-top: none;
        margin-top: 0px !important;
        margin-bottom: 28px;
    }

    .div-direccion-envio {
        margin-bottom: 15px;
    }

    .p-tus-direcciones {
        color: #231F20;
        font-size: 16px;
        line-height: 20px;
        font-family: Raleway-Bold;
        text-align: left;
    }

    .p-tus-direcciones-desc {
        color: #231F20;
        font-size: 12px;
        line-height: 13px;
        font-family: 'Helvetica';
    }

    .div-direcciones-delivery {
        display: flex;
        justify-content: left;
        align-items: center;
        text-align: left;
        padding-left: 5px;
        padding-right: 5px;
        /* margin-bottom: 25px; */
    }

    .btn-inciar-sesion-orderNow {
        font-size: 14px;
        line-height: 15px;
        padding: 6px 12px;
        background: transparent;
        border: 0.584112px solid #f51517;
        color: #f51517;
        box-sizing: border-box;
        box-shadow: inset 0px 0px 11.6822px rgb(0 0 0 / 5%);
        border-radius: 20px;
        width: 138px;
        height: 31px;
        margin-left: 0px;
    }

    .disabled-option {
        opacity: 0.45 !important;
    }

    .div-flecha-comprobarDireccion {
        transform: rotate(-180deg);
        /* background-color: #f21619; */
        border-radius: 50%;
        width: 30px;
        height: 30px;
        padding-top: -18px;
        padding-left: 1px;
        position: absolute;
        top: 14px;
        margin-top: 26px;
        left: 87%;
    }

    .icon-back-direccion {
        font-size: 15px !important;
        color: white;
    }

    .input-delivery-calle {
        height: 41px;
        box-shadow: 0px 0px 10px rgb(92 92 91 / 16%) !important;
    }

    .btn-delivery-pedir-ahora {
        width: 100%;
        padding: 16px 39px 16px 39px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .div-boton-pedir {
        position: fixed;
        bottom: 70px;
        width: 100%;
        left: 0;
        padding-right: 16px;
        padding-left: 16px;
        margin-top: 20px;
    }

    .disabled-option-button {

        background-color: #ff7273 !important;
        border: 1px solid #ff7273 !important;
    }

    .disabled-option-button[disabled] {
        opacity: 1 !important;
        background-color: #ff7273 !important;
        border: 1px solid #ff7273 !important;
    }

    .subtitulos-delivery {
        color: #231F20;
        font-size: 16px;
        line-height: 20px;
        font-family: Raleway-Bold;
    }

    .lista-direcciones-guardadas {
        min-height: 41px;
        background-color: white !important;
        box-shadow: 0px 0px 10px rgb(92 92 91 / 16%) !important;
        border-radius: 0px !important;
        margin-bottom: 11px;
        padding: 10px 15px !important;
    }

    .div-desc-dir-guardada {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .nombre_tienda {
        color: #f51517;
        font-size: 16px;
        line-height: 18px;
        font-family: GTWalsheimPro-Regular;
    }

    .calle_tienda {
        color: #f51517;
        font-size: 16px;
        line-height: 18px;
        font-family: GTWalsheimPro-Bold;
        text-align: left;
    }

    .direccionesGuardadas {
        margin-bottom: 28px;
    }

    .div-boton-pedir-notfixed {
        width: 100%;
        left: 0;
        padding-right: 16px;
        padding-left: 16px;
        margin-bottom: 90px;
    }


    #modalInfoBranch .modal-content {
        background: #f51517;
        border: 1px solid #FFFFFF;
        box-sizing: border-box;
        border-radius: 6px;
        width: 311px;
        height: 78px;
        margin: 0 auto;
        /* margin-top: 75px; */
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .p-horario-tienda-OrderNow {
        margin-bottom: 0px;
    }

    #modalInfoBranch .modal-body {
        position: inherit;
        padding: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: white;
        margin: 0px 10px;
        font-size: 14px;
        line-height: 18px;
        font-family: "sppro-bold";
    }

    .txt-descripcion-tiendas-contacto {
        color: white;
        margin: 0px 10px;
        font-size: 14px;
        line-height: 18px;
        font-family: "sppro-bold";
        margin-bottom: 0px;
        opacity: 1;
    }

    .div-titulos-web {
        background: #FFFFFF;
        box-shadow: 0px 2px 40px rgba(103, 102, 101, 0.18);
        height: 56px;
        border-radius: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
    }

    .titulo-template {
        color: #231F20;
        font-weight: 700;
        font-size: 16px;
        line-height: 20px;
        font-family: Raleway-Bold;
        border-radius: 0px;
        /* display: flex; */
        /* justify-content: center; */
        /* align-items: center; */
        margin-bottom: 0px
    }


    .img-product-modify {
        border-radius: 10px;
        width: 100%;
        display: flex;
        justify-content: start;
        max-width: 454px;
        height: 225px;
        /* height: 100%; */
        border-radius: 0px;
        object-fit: cover;
        max-width: initial !important;
    }


    .div-contenido-blanco-modify {
        background: #F6F6F6;
        border-radius: 0px 0px 33px 33px;
        transform: matrix(1, 0, 0, -1, 0, 0);
        position: relative;
        margin-top: -25px;
        width: 100%;
        height: 26px;
    }

    .div-contenido-modify {
        position: absolute;
        width: 100%;
        margin-top: -15px;
        padding-right: 25px;
        padding-left: 25px;
    }

    .marca-producto-badgeds {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .div-badges-icons-modify {
        display: flex;
        align-items: center;
    }

    .logo-modify-koby {
        font-size: 11px !important;
        margin-left: 25px;
    }

    .logo-modify-tejano {
        margin-left: 22px;
        font-size: 14px !important;
    }

    .logo-modify-wokzilla {
        font-size: 40px !important;
    }

    .logo-modify-cotton {
        font-size: 16px !important;
        margin-left: 50px;
    }

    .logo-modify-hanai {
        font-size: 40px !important;
    }

    .logo-modify-moma {
        margin-left: 12px;
        font-size: 26px !important;
    }

    .logo-modify-gaio {
        margin-left: 4px;
        font-size: 25px !important;
    }

    .titulo-modify {
        color: #231F20;
        font-weight: 700;
        font-size: 26px;
        line-height: 31px;
        letter-spacing: -0.03em;
        font-family: Raleway-Bold;
        margin-bottom: 4px;
        margin-top: 15px;
    }

    .descripcion-modify {
        font-family: sppro-regular;
        color: #494D50;
        opacity: 0.8;
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 0px;
    }

    .hr-modify {
        width: 333px;
        height: 1px;
        background: #A5A5A5;
        opacity: 0.6;
        margin-top: 29px;
        margin-bottom: 18px;
        margin-left: 0px;
        margin-right: 0px !important;
    }

    .div-hr-modify {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .div-precio-cantidad-modify {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 14.5px;
    }

    .precio-producto-modify {
        font-size: 20px;
        line-height: 28px;
        color: #231F20;
        font-family: "sppro-bold";
        margin-bottom: 0px;
    }

    .icon-menos-color {
        background-color: #DADADA;
    }


    .num-unidades-modify {
        font-family: Raleway-Bold;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 0px;
        margin-right: 12px;
        margin-left: 12px;
        color: #1E1E1E;

    }

    .p-alergenos {
        color: #231F20;
        font-weight: 700;
        font-size: 11px;
        line-height: 13px;
        font-family: sppro-bold !important;
    }

    .textAreaToppings-topping {
        background: #FFFFFF;
        color: #7B7B7B;
        font-size: 12px;
        line-height: 16px;
        font-family: sppro-regular;
        height: 29px;
        box-shadow: 0px 2px 40px rgba(103, 102, 101, 0.18);
        border-radius: 0px;
    }

    .div-precio-final-modify {
        background: #FFFFFF;
        box-shadow: 0px 2px 20px rgb(5 5 5 / 6%);
        width: 100%;
        height: 80px;
        position: fixed;
        bottom: 0px;
        padding-bottom: 23px;
        display: flex;
        width: 100%;
        justify-content: center;
    }

    .Subdiv-precio-final-modify {
        background: #f51517;
        box-shadow: inset 0px 0px 10px rgb(0 0 0 / 5%);
        border-radius: 4px;
        margin-top: 20px;
        margin-bottom: 20;
        margin-left: 20px;
        margin-right: 20px;
        height: 40px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .precio-div-final-modify {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 25px;
    }

    .masmenos-div-final-modify {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 10px;
    }

    .p-añadir-final-modify,
    .p-precio-final-modify {
        margin-bottom: 0px;
        color: white;
        font-size: 16px;
        line-height: 22px;
        font-family: "sppro-bold";
    }

    .p-añadir-final-modify {
        /* margin-left:5px; */
        margin-right: 5px;
    }

    .icon-mas-blanco {
        background: #FFFFFF;
        backdrop-filter: blur(54.3656px);
        color: #f51517;
        width: 30px !important;
        height: 30px !important;
    }

    .icon-menos-lila {
        background: rgba(249, 249, 249, 0.78);
        backdrop-filter: blur(54.3656px);
        color: #f51517;
        width: 30px;
        height: 30px;
    }

    .icon-mas-blanco-anadir {
        color: white;
        background-color: #f51517;

    }



    .icon-mas-blanco-anadir:before {
        font-size: 11px;
    }

    .num-unidades-modify-final {
        font-size: 20px;
        line-height: 28px;
        color: #FFFFFF;
        font-family: Raleway-Bold;
    }

    .icon-badged-modify {
        width: 29.26px;
        height: 29.26px;
    }

    .icon-badged-modify:before {
        font-size: 17px;
    }

    .div-content-modify-mvl {
        margin-top: 55px;
    }

    .p-ver-todosAlergenos {
        color: #231F20 !Important;
        text-decoration-line: underline !Important;
        font-size: 11px !Important;
        line-height: 18px !Important;
        font-family: sppro-regular !Important;

    }

    .div-titulos-alergenos {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .titulo-agrupacion {
        font-size: 16px;
        line-height: 22px;
        color: #231F20;
        font-family: sppro-bold;
    }

    .div-topping-entero {
        padding: 0px;
    }


    .divIngredientesModify {
        display: flex;
        align-items: start;
        justify-content: start;
        padding-left: 0px;
        margin-bottom: 17px;
    }

    .precio-modify-topping {
        font-family: sppro-regular;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        color: #231F20;
    }

    .div-global-toppingsModidy {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .divIngredientesModify {
        display: inherit;
    }

    .txt-size-modificar-ingrediente {
        margin-left: 0px;
    }

    .num-unidades-modify-topping {
        color: #1E1E1E;
        font-size: 20px;
        line-height: 28px;
        font-family: Raleway-Bold;
    }

    .icon-menos-topping {
        color: white;
        background-color: #f51517;
    }


    .masmenos-div-toppings-modify {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .icon-masmenos-topping-desactivado {
        background: #DADADA;
    }


    .mas-menos-productos-toppings {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 17px;
    }


    .txt-size-modificar-ingrediente {
        margin-bottom: 0px;
        color: #1E1E1E;
        font-size: 14px;
        line-height: 20px;
        font-family: sppro-regular;
    }

    .description-first-group-modify {
        margin-bottom: 0px;
        color: #1E1E1E;
        font-size: 14px;
        line-height: 20px;
        font-family: sppro-regular;
        padding-left: 0px;
    }

    .div-precio-modify-desplegado span {
        font-family: sppro-regular;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        color: #231F20;
    }

    /* .div-global-toppings-first{ */
    /* display:flex; */
    /* align-items:center; */
    /* justify-content: space-between; */
    /* } */

    .div-seconOption-modify {
        display: inherit;
    }

    input[type="radio"].radio-punto-carne:checked+label i {
        background-color: #f51517;
    }

    input[type="radio"].radio-punto-carne:checked+label,
    input[type="radio"]+label {
        color: #1E1E1E;
        font-size: 14px;
        line-height: 20px;
        font-family: sppro-regular;
        font-weight: 100 !important;
    }

    .div-info-foto-opcion-modify {
        display: flex !important;
        flex-direction: inherit !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: auto !important;
    }

    .div-agrupar-punto {
        width: 100%
    }


    .container-alergenos-modify {
        margin-bottom: 18.55px;
    }


    .p-no-contiene-alergenos {
        margin-bottom: 18.55px;
    }

    .p-modal-title-alergenos {
        color: #231F20;
        text-align: left;
        font-size: 16px;
        line-height: 20px;
        font-family: Raleway-Bold;
    }

    .modal-header-toppings {
        border-bottom: 0px solid #e5e5e5;
        box-shadow: 0px 2px 40px rgba(103, 102, 101, 0.18);
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .div-alergenos-toppings-modify {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 9px;
    }

    .div-alergenos-toppings-modify p {
        font-size: 14px;
        line-height: 20px;
        color: #1E1E1E;
        font-family: sppro-regular;
        margin-bottom: 0px;
    }

    /* .div-modal-iconos-alergenos{ */
    /* max-width: 215px; */
    /* } */

    .div-modal-iconos-alergenos i {
        font-size: 14px !important;
        margin: 0px !important;
    }

    .div-modal-iconos-alergenos i:before {
        margin: 0px !important;
    }

    #modalToppingsModify {
        border-radius: 0px;
    }

    #modalToppingsModify .modal-content {
        background: #f6f6f6;
        border-radius: 0px;
    }


    .container-alergenos-modify i {
        color: #f51517;
        background: #E6E6E6;
        border-radius: 50%;
        font-size: 16px !important;
        padding: 0;
        margin-right: 5px;
        margin-bottom: 5px;
        padding-left: 1px;
        padding-top: 3px;
        padding-right: 1px;
        padding-bottom: 3px;
    }

    .div-modal-iconos-alergenos i {
        color: #f51517;
        background: #E6E6E6;
        border-radius: 50%;
        padding: 0;
        padding-left: 0px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        margin-left: 5px !important;
        margin-bottom: 5px !important;
    }

    .div-modal-iconos-alergenos {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-wrap: wrap;
        max-width: 210px;
    }

    .container-alergenos-modify {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;

    }

    .modal-alergenos-total {
        margin: 0px !important;
        left: 0;
        width: 100%;
    }

    #modalInfoBranch .modal-dialog {
        position: absolute;
        top: 50%;
        transform: translate(10%, -50%);
    }

    .close-modal-x {
        color: white;
        position: absolute;
        right: 2px;
        top: 4px;
        font-size: 12px !important;
        z-index: 9999;
    }


    .p-no-tienes-direcciones {
        color: #231F20;
        font-size: 13px;
        line-height: 13px;
        font-family: sppro-regular;
        text-align: left;
        margin-bottom: 20px;
    }

    .hr-direcciones {}

    #myModal .modal-content {
        background: #f51517;
        border: 1px solid #FFFFFF;
        box-sizing: border-box;
        border-radius: 6px;
    }

    #myModal .modal-dialog {
        position: absolute;
        top: 50%;
        transform: translate(10%, -50%);
        width: 80%;
    }

    #myModal .modal-body {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    #myModal .modal-title {
        text-align: center;
        font-size: 14px;
        line-height: 18px;
        font-family: sppro-regular;
        color: white;
    }

    #myModal .modal-body h4 {
        text-align: center;
        font-size: 14px;
        line-height: 18px;
        font-family: sppro-bold;
        color: white;
        margin-bottom: 5px;
    }

    #modalErrorTienda .modal-body {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    #modalErrorTienda .modal-content {
        background: #f51517;
        border: 1px solid #FFFFFF;
        box-sizing: border-box;
        border-radius: 6px;
    }

    #modalErrorTienda .modal-dialog {
        position: absolute;
        top: 50%;
        transform: translate(10%, -50%);
        width: 80%;
    }


    #modalSalirPromo .modal-dialog {
        position: absolute;
        top: 50%;
        transform: translate(10%, -50%);
        width: 80%;
    }

    #modalSalirPromo .modal-body {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    #modalSalirPromo .modal-content {
        background: #f51517;
        border: 1px solid #FFFFFF;
        box-sizing: border-box;
        border-radius: 6px;
    }

    #modalSalirPromo .modal-title {
        text-align: center;
        font-size: 14px;
        line-height: 18px;
        font-family: sppro-regular;
        color: white;
        margin-bottom: 10px;
    }

    #modalSalirPromo button {
        background-color: white;
        color: #f51517;
        padding: 5px 10px;
        font-size: 13px;
    }



    .txt-oh-vaya {
        font-size: 14px;
        line-height: 18px;
        color: #FFFFFF;
        font-family: sppro-bold;
        margin-bottom: 5px;
    }

    .txt-no-repartimos-en-tu-zona {
        font-size: 14px;
        line-height: 18px;
        color: #FFFFFF;
        font-family: sppro-regular;
        margin-bottom: 0px;
        font-weight: 100;
    }

    #modalToppingsModify .modal-dialog {
        margin: 0px;
    }

    .modal-x-alergernos {
        color: #8E8E93 !important;
        position: inherit
    }

    .div-p-informativo-marca {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
        text-align: left;
    }

    .div-p-informativo-marca .descripcion-marca {
        margin-left: 10px;
        margin-bottom: 17px;
    }



    #owl-carousel-promotions .owl-item,
    #owl-carousel-recomendamos .owl-item {
        margin-left: 0px;
        width: 246px;

    }


    .promoNoDisponible {
        opacity: 0.35;
    }



    #promotionNoDisponible .modal-dialog {
        position: absolute;
        top: 50%;
        transform: translate(10%, -50%);
    }

    #promotionNoDisponible .modal-content {
        background: #f51517;
        border: 1px solid #FFFFFF;
        box-sizing: border-box;
        border-radius: 6px;
        width: 311px;
        height: 78px;
        margin: 0 auto;
        /* margin-top: 75px; */
        justify-content: center;
        align-items: center;
        display: flex;
    }


    #promotionNoDisponible .modal-body {
        position: inherit;
        padding: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: white;
        margin: 0px 10px;
        font-size: 14px;
        line-height: 18px;
        font-family: "sppro-bold";
    }

    .p-promo-disponible-dias {
        font-size: 14px;
        line-height: 18px;
        color: #FFFFFF;
        font-family: sppro-bold;
        margin-bottom: 0;
    }

    .carritoCompletoCart {
        position: initial !important;
    }

    .header-carrito-mvl {}

    .total-carrito {
        margin-top: 0px;
        margin-bottom: 24px;
        text-align: left;
    }

    .header-carrito-mvl {
        position: absolute;
        background-color: #f51517;
        top: 0px;
        width: 100%;
        left: 0px;
        z-index: 99;
    }

    .header-separador-carrito {
        background: #f51517;
        box-shadow: 0px 2px 40px rgb(103 102 101 / 18%);
        border-radius: 0px;
        height: 56px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 15px;
    }

    .header-separador-carrito p {
        color: white;
        margin-bottom: 0px;
        font-size: 16px;
        line-height: 20px;
        font-family: Raleway-Bold;
    }

    .div-margin-bottom {
        margin-bottom: 200px;
    }

    .btn-codigo-descuento {
        background: rgba(255, 255, 255, 0.5);
        border: 1px solid #f51517;
        box-sizing: border-box;
        border-radius: 3px;
        width: 100%;
        color: #f51517;
        text-align: center;
        letter-spacing: 0.03em;
        text-transform: capitalize;
        font-size: 14px;
        line-height: 17px;
        font-family: sppro-bold !important;
        height: 32px;
        padding: 0px;
        margin-bottom: 33px;
    }

    .div-precios-pedidos {
        margin-left: 14px;
        margin-right: 14px;
        margin-bottom: 30px;
    }

    .precio-carrito-total {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .precio-carrito-total .titulos-precios,
    .num-precios {
        color: #7B7B7B;
        font-size: 13px;
        line-height: 13px;
        font-family: "Helvetica";
        margin-bottom: 4px;
    }

    .titulo-total,
    .precio-total {
        color: #1C1C1C;
        font-size: 16px;
        line-height: 20px;
        font-family: Raleway-Bold;
    }

    .p-informacion-entrega {
        color: #231F20;
        font-size: 16px;
        line-height: 20px;
        font-family: Raleway-Bold;
        text-align: left;

    }

    .div-información-entrega {
        margin-left: 14px;
        margin-right: 14px;
        margin-top: 19px;
    }

    .div-tipo-pedido-carrito {
        background-color: white;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-shadow: 0px 0px 10px rgb(92 92 91 / 16%);
        padding: 10px;
        margin-bottom: 10px;
    }

    /*NUEVO*/

    .icono-a-recoger {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
    }

    .subtitulo-tienda-carrito {
        margin-bottom: 0px;
        color: #f51517;
        font-size: 16px;
        line-height: 18px;
        text-align: left;
        font-weight: 300;
        font-family: GTWalsheimPro-Bold;
    }

    .titulo-tipo-pedido-carrito {
        margin-bottom: 0px;
        color: #f51517;
        font-size: 16px;
        line-height: 18px;
        font-weight: 300;
        font-family: GTWalsheimPro-Regular;
        text-align: left;
    }

    img {
        display: block;
        position: relative;
        width: fit-content;
        height: fit-content;
    }

    

    .reloj-carrito {
        color: #f51517 !important;
        font-size: 20px !important;
    }

    .txt-servilletas-utensilios span {
        color: #1C1C1C;
        font-size: 11.956px;
        line-height: 16px;
        font-family: sppro-regular;
    }

    .p-metodo-pago {
        color: #231F20;
        font-size: 16px;
        line-height: 20px;
        font-family: Raleway-Bold;
        text-align: left;
    }

    .div-metodos-pago {
        margin-top: 32px;
    }

    .selectHorasCarrito {
        border: 0px !important;
        color: #f51517;
        font-size: 16px;
        line-height: 18px;
        font-family: GTWalsheimPro-Bold;
        background: url(../imagenes/fotos/icons/icono-cambiar-carrito.svg) no-repeat right;
        -webkit-appearance: none;
        appearance: none;
        -moz-appearance: none;

    }

    .span-flechas-cambio-pedido-carrito {
        background: url(../imagenes/fotos/icons/icono-cambiar-carrito.svg) no-repeat right;
        -webkit-appearance: none;
        appearance: none;
        -moz-appearance: none;
        width: 40px;
        height: 40px;
        margin-right: 0px;
    }

    .div-select-horas-carrito {
        width: 100%
    }

    .input-pedirSinRegistro {
        border-bottom: 0px solid #7B7B7B !important;
        background-color: white !important;
        /* color: #f21619; */
        height: 41px;
    }

    .div-input-carrito {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background-color: white;
    }

    .icono-usuario-carrito {
        color: #f51517 !Important;
    }

    .icono-usuario-email {
        font-size: 16px !important;
        color: #f51517 !Important;
        margin-left: 5px;
        margin-right: 5px;
    }

    .div-metodoPago-carrito {
        background-color: white;
        padding: 10px;
        margin-bottom: 11px;
    }

    .label-payment {
        margin-bottom: 0px !important;
    }

    .name-payment {
        margin-left: 20px;
        font-style: normal;
        font-weight: normal;
        color: #231F20;
        font-size: 14px;
        font-family: sppro-regular;
        line-height: 20px;
    }

    .container-use-saved-creditcard {
        font-size: 13px;
        line-height: 1;
        padding: 8px;
        border: 0px solid gainsboro;
        background-color: white;
        text-align: left;
        display: flex;
        margin-bottom: 0px !important;
        margin-top: 0px;
        padding: 10px;
        padding-left: 8px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 11px !important;
    }

    .container-use-saved-creditcard input[type="checkbox"]+label {
        margin-bottom: 0px;
    }

    .parrafoAceptarCondiciones label {
        text-align: left;
    }

    .parrafoAceptarCondiciones .span-validar {
        text-decoration: none;
    }

    .parrafos-mastercard {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 15px;
    }

    .hr-carrito-final {
        opacity: 0.2;
        border: 0.5px solid #000000;
        width: 335px;
        height: 0px;
        border-top: none;
        margin-top: 0px !important;
        margin-bottom: 20px;
    }

    .btn-finalizar-pedido-carrito {
        width: 100%;
        height: 46px;
        padding: 16px 39px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .info-finalizar-carrito {
        font-family: 'Arial';
        color: #7B7B7B;
        font-size: 10px;
        line-height: 16px;
        text-align: left;
        margin-top: 15px;
    }

    .div-margin-bottom-carrito {
        margin-bottom: 65px;
    }

    .header-separador-carrito-noEmpezado {
        background: #FFFFFF;
        box-shadow: 0px 2px 40px rgb(103 102 101 / 18%);
        border-radius: 0px;
        height: 56px;
        display: flex;
        justify-content: center;
        align-items: center;

    }

    .header-separador-carrito-noEmpezado p {
        color: #231F20;
        margin-bottom: 0px;
        font-size: 16px;
        line-height: 20px;
        font-family: Raleway-Bold;
    }

    .div-cesta-vacia {
        min-height: 80%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .div-cesta-vacia p {
        color: #1C1C1C;
        font-size: 18px;
        line-height: 24px;
        font-family: Raleway-Bold;
        margin-bottom: 35px;
        padding-right: 36px;
        padding-left: 36px;
    }

    .bnt-ver-carta-carrito {
        width: 174px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .switch-carrito {
        position: relative;
        display: inline-block;
        width: 30px;
        height: 18px;
        margin-bottom: 0px;
        margin-left: 10px;
    }

    .switch-carrito .slider:before {
        height: 15px;
        width: 15px;
    }

    .switch-carrito input:checked+.slider:before {
        left: -13px;
    }

    .modal-headerDescuentoCarrito {
        border-bottom: 1px solid transparent;
        padding-bottom: 15px;
        padding-left: 20px;
        padding-top: 16px;
    }

    #myModalPromoCodes .modal-content {
        border-radius: 0px;
        border: 1px solid transparent;
    }

    #myModalPromoCodes .modal-dialog {
        margin: 0px;
    }

    #myModalPromoCodes .modal-body {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 0px;
    }

    .p-escribe-codigo {
        color: #231F20;
        font-weight: 400;
        font-size: 11px;
        font-family: "Helvetica";
        text-align: left;
        margin-bottom: 0px;
    }

    .input-promocodes {
        width: 100%;
        height: 40px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        background-color: #eeeeee !important;
        font-size: 14px;
        line-height: 20px;
        font-family: sppro-regular !important;
        text-transform: uppercase;
        text-align: center;
        border-bottom: none !important;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .btn-aplicar-promoCode {
        color: #f51517;
        border: 1px solid #f51517;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: white;
        width: 105px;
        height: 22px;
        margin: 0 auto;
        border-radius: 15px;
        font-family: sppro-bold !important;
        margin-top: 15px;
    }

    .btn-aplicar-iniciarSesion {
        color: #f51517;
        border: 1px solid #f51517;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: white;
        width: 160px;
        height: 22px;
        margin: 0 auto;
        border-radius: 15px;
        font-family: sppro-bold !important;
    }

    .p-iniciar-sesion-carrito {
        color: #231F20;
        font-weight: 400;
        font-size: 11px;
        font-family: "Helvetica";
        text-align: left;
        margin-bottom: 10px;
    }

    .aviso-promo-code {
        background-color: transparent;
        border: 1px solid transparent;
        padding: 0;
        text-align: center;
        margin-bottom: 0px;
    }

    .div-productos-carrito {
        margin-bottom: 30px;
    }

    .cantidad-producto-carrito {
        font-family: sppro-bold;
        color: black;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 0px;
        margin-right: 18px;
    }

    .nombre-producto-cart {
        color: #1C1C1C;
        margin-bottom: 0px;
        font-size: 16px;
        line-height: 20px;
        font-family: "sppro-regular";
        font-weight: 400;
    }

    .precio-producto-carrito {
        color: #1C1C1C;
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 16px;
        line-height: 20px;
        font-family: "sppro-regular";
        font-weight: 400;
    }

    .div-producto-carrito {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-left: 14px;
        margin-right: 14px;
        margin-bottom: 5px;
    }

    .subdiv-producto-carrito {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .p-ver-extras {
        margin-bottom: 0px;
        margin-left: 9px;
        color: #1C1C1C;
        font-size: 12px;
        line-height: 20px;
        font-family: "sppro-regular";
        font-weight: 400;
        text-decoration: underline;
    }

    .div-botones-producto-carrito {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-left: 14px;
        margin-right: 14px;
    }

    .div-total-producto-carrito {
        margin-bottom: 15px;
    }

    .txt-editar {
        margin-bottom: 0px;
        margin-left: 9px;
        color: #1C1C1C;
        font-size: 12px;
        line-height: 20px;
        font-family: "sppro-regular";
        font-weight: 400;
        text-decoration: underline;
        margin-top: 0px;
    }

    .div-extras-editar-producto {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .icon-menos-color-carrito {
        opacity: 0.5;
    }

    .modal-toppings-extra {
        background-color: white;
    }

    #myModalExtraToppings .modal-content {
        border-radius: 0px;
        border: 1px solid transparent;
        box-shadow: none;
    }

    #myModalExtraToppings .modal-body {
        padding-bottom: 30px;
        padding-top: 0;
        padding-left: 24px;
        padding-right: 200px;
    }

    .modal-toppings-extra {
        position: relative;
        /* right: 0px; */
        top: 0px;
        width: auto;
        margin: 0;
    }

    .p-promocion-carrito {
        color: #FFFFFF;
        font-size: 8px;
        line-height: 14px;
        font-family: "sppro-regular";
        background: #f51517;
        box-shadow: inset 0px 0px 6.32653px rgb(0 0 0 / 5%);
        border-radius: 6px;
        margin-bottom: 0px;
        padding-left: 7px;
        padding-right: 7px;
        margin-left: 10;
        text-transform: uppercase;
    }

    .linea-promo-cart {
        font-size: 16px;
        line-height: 20px;
        font-family: "sppro-regular";
        color: #1C1C1C;
        margin-bottom: 0px;
        opacity: 1;
    }

    .div-promo-carrito {
        padding-left: 25px;
        padding-right: 0px;
    }

    #scrollRegistrarse-signup {
        margin-top: 30px;
        display: flex;
        flex-direction: column;
        height: 90%;
        align-items: center;
        justify-content: space-between;
    }

    .input-login {
        padding-left: 12px !important;
        font-size: 11px;
        line-height: 13px;
        color: #1C1C1C;
        font-family: "sppro-regular";
    }

    .div-input-login {
        margin-bottom: 15px;
    }

    .div-input-password-login {
        margin-bottom: 0px;
    }

    .olvidasteContraseña {
        font-family: sppro-regular !important;
        padding-left: 15px;
        font-size: 13px;
    }

    .div-form-signup {
        height: 85%;
        /* width: 100%; */
    }

    .btn-account {
        width: 100%;
        margin-top: 0px !important;
        margin-bottom: 15px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .enlace-new-account {
        border-bottom: 2px solid #f51517;
    }

    .txt-no-cuenta {
        border-bottom: 0px;
        color: #f51517;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        font-family: Raleway-Bold;
        margin-bottom: 0px;
    }

    .div-contenido-signup,
    .div-img-form-account {
        display: inherit;
        margin-bottom: 0px;
    }

    .div-form-signup {
        width: auto;
    }

    .div-form-newAccount {
        margin-top: 25px;
    }

    .input-pedirSinRegistro {
        padding-left: 10px !important;
    }

    .btn-newaccount {
        margin-bottom: 20px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .div-btn-nuevaCuenta {
        margin-top: 30px;

    }

    .opciones-account {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: white;
        height: 48px;
        padding: 24px 20px;
        margin-bottom: 8px;
    }

    .div-icon-p-account {
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .txt-opts-account {
        margin-bottom: 0px;
        margin-left: 10px;
        color: #231F20;
        font-size: 16px;
        line-height: 20px;
        font-family: Raleway-Bold;
    }

    .politicas-terminos-optionaccount {
        color: #7B7B7B;
        text-decoration-line: underline !important;
        font-size: 12px;
        line-height: 16px;
        font-family: sppro-regular !important;
    }

    .icon-red-social-account {
        color: #f21619;
        font-size: 30px !important;
    }

    .div-icono-social-account {
        background: transparent;
    }

    .form-contact {
        background-color: transparent;
        padding: 0px;
        box-shadow: none;
        border-radius: 0px;
        height: 99%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .input-contacto-nuevo {
        box-sizing: border-box;
        background-color: white !important;
        border-radius: 10px;
        border: 0px solid #7B7B7B !important;
        height: 41px;
        padding-left: 10px !important;
        border-radius: 0px !important;
    }

    .form-contact div {
        padding: 0px !Important;
    }

    .span-validar {
        text-decoration: none;
        cursor: pointer;
    }

    .lbl-check-contacto {
        text-decoration: none;
        font-size: 12px !important;
        color: #231F20;
        padding-left: 5px;
    }

    .btn-enviar-form-contacto {
        width: 100%;
        height: 50px;
        padding: 16px 39px;
        font-family: Raleway-Bold !important;
        box-shadow: inset 0px 0px 10px rgb(0 0 0 / 5%);
        background-color: #f51517;
        border-color: #f51517;
        border-radius: 4px;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .p-titulo-contactanos {
        font-size: 12px;
        line-height: 13px;
        font-family: 'sppro-regular';
        text-align: left;
        font-weight: 500;
        margin-bottom: 30px;
        margin-top: 60px;
        letter-spacing: 0;
    }

    .div-form-contacto {
        height: 73%;
    }

    .div-cards {
        margin-top: 80px;
    }

    .div-seccio-editaccount {
        background: none;
        box-shadow: none;
        border-radius: 0;
        padding: 0;
        margin-bottom: 20px;
        text-align: left;
    }

    .input-account-contact {
        background-color: white !important;
        padding-left: 10px !important;
        border-bottom: 0px !important;
        box-shadow: 0px 0px 10px rgb(92 92 91 / 16%) !important;
        height: 41px;
        width: 100% !important;
    }

    .icon-edit-input {
        background-color: white;
        height: 41px;
        display: flex;
        align-items: flex-end;
        padding-bottom: 9px;
        border-bottom: 0px solid black;
    }

    .input-telefono-editarCuenta {
        box-shadow: none !Important;
    }

    .span-input-icon-telefono {
        box-shadow: 0px 0px 10px rgb(92 92 91 / 16%) !important;
    }

    .span-tel-verificado {
        position: absolute;
        left: 66%;
        font-size: 14px;
        font-family: Raleway-Bold;
    }

    .div-editAccount,
    .div-direcciones {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .btn-editAccount,
    .btn-actualizarPassword {
        width: 100%;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .div-misdirecciones,
    .div-tarjetas-guardadas {
        background-color: transparent;
        border: 0px;
        border-radius: 0px;
        box-shadow: none !important;
        margin: 0px;
        width: 100%;
    }

    .no-pedidos,
    .titulo-no-tarjetas {
        color: #494D50;
        opacity: 0.9;
        margin-bottom: 20px;
        margin-top: 20px;
        font-weight: 400;
        font-size: 13px;
        line-height: 13px;
        text-align: center;
    }

    .btn-empezarPedidoDirecciones {
        background-color: #f51517;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: 52px;
        width: 100%;
    }

    .nav-modify-info-product {
        margin-left: 0px;
        display: flex;
        justify-content: center;
        /* align-items: center; */
    }

    .nav>li>a,
    .nav-modify-info-product>li.active>a,
    .nav-modify-info-product>li.active>a:focus,
    .nav-modify-info-product>li.active>a:hover {
        font-size: 15px;
    }

    .div-info-tracking-tel {
        display: inherit;
        background-color: transparent;
        box-shadow: none;
        border-radius: 0;
        padding: 0px;
    }

    .div-global-opciones-tracking {
        border-bottom: none;
    }

    .inputTelefonoTracking {
        height: 41px;
        box-shadow: 0px 0px 10px rgb(92 92 91 / 16%) !important;
        color: #555;
        background-color: white !important;
        padding-left: 40px !important;
        color: #7966ea;
        margin-top: 20px;
    }

    .btn-seguir-pedido-tracking {
        width: 100%;
        margin-top: 15px;
        /* display: flex; */
        /* justify-content: center; */
        /* align-items: center; */
        height: auto;
        border-radius: 50%;
        /* background-color: transparent; */
        width: 30px;
        height: 30px;
        padding-top: 3px;
        padding-left: 0px;
        position: absolute;
        right: 0px;
    }

    .btn-seguir-pedido-tracking:active,
    .btn-seguir-pedido-tracking:hover {
        background-color: #f51517 !Important;
    }

    .p-historial-seguimiento {
        color: #231F20;
        font-family: 'sppro-regular';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 25px;
        text-align: center;
        margin-top: 26px;
        margin-bottom: 26px;
    }

    .p-marca-cart {
        font-family: Raleway-Bold;
        font-weight: 500;
        font-size: 13px;
        line-height: 20px;
        color: #1C1C1C;
        opacity: 0.5;
        margin-left: 15px;
        text-align: left;
        text-transform: uppercase;
        margin-bottom: 5px;
    }

    .hr-carrito-productos {
        border: 1px solid #eee;
        border-top: 1px solid #eee;
        margin-right: 15px;
        margin-left: 15px;
    }

    .div-brand-carrito-products:before {
        border: 1px solid #eee;
        border-top: 1px solid #eee;
        margin-right: 15px;
        margin-left: 15px;
    }

    .titulo-seguimiento-pedido {
        color: #231F20;
        font-size: 16px;
        line-height: 20px;
        font-family: Raleway-Bold;
    }

    .sub-titulo-seguimiento-pedido {
        color: #231F20;
        font-size: 12px;
        line-height: 13px;
        font-family: 'sppro-regular';
        margin-bottom: 0px;
    }

    .div-total-seguimiento-noLogin {
        margin-top: 35px;
    }

    .div-info-seguimiento-noLogin {
        padding-left: 18px;
        padding-right: 18px;
        margin-top: 55px;
    }

    .icon-telefono-traking {
        position: absolute;
        left: 12px;
        margin-top: 4px;
    }

    .icon-telefono-traking {
        position: absolute;
        left: 15px;
        margin-top: 27px;
        color: #f31517;
        font-size: 20px !important;
    }

    .div-hr-traking {
        margin-top: 25px;
    }

    .hr-traking {
        border: 1px solid #eee;
    }

    .div-historial-pedidos {
        padding-left: 18px;
        padding-right: 18px;
    }

    .p-inciaSesion-tracking {
        width: 80%;
    }

    .div-hr-traking-Sesion {
        margin-top: 20px;
    }

    .div-total-greetins {
        margin-bottom: 0px;
        height: 100%;
        background-color: #f21619;
    }

    .div-contenedor-greetings {
        margin-top: -75px;
        margin-bottom: 0;
        text-align: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        height: 100%;
    }

    .p-pedido-recibido-greetings {
        color: #FFFFFF;
        text-align: center;
        letter-spacing: -0.03em;
        font-size: 26px;
        line-height: 31px;
        font-family: Raleway-Bold;
    }

    .p-descripcion-pedido-greetings {
        color: #FFFFFF;
        opacity: 0.7;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        font-family: 'sppro-regular';
        width: 76%;
    }

    .p-seguimiento-pedido {
        position: fixed;
        bottom: 10%;
        display: flex;
        justify-content: center;
        align-items: center;
        left: 0;
        width: 100%;
        padding-left: 18px;
        padding-right: 18px;
    }

    .btn-seguir-pedido-greetings {
        text-transform: inherit;
        letter-spacing: 0;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        color: #f21619;
        background-color: white;
        box-shadow: inset 0px 0px 10px rgb(0 0 0 / 5%);
        border-radius: 4px;
        font-size: 16px;
        line-height: 22px;
        font-family: sppro-bold !important;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .icono-confeti-greetings {
        font-size: 60px !important;
        margin-bottom: 28px;
        color: white;
    }

    .p-pedido-greetings {
        color: #FFFFFF;
        font-size: 14px;
        line-height: 20px;
        font-family: 'sppro-regular';
        text-align: center;
        width: 76%;
    }

    .btn-group-wrap {
        margin-top: 0px;
    }

    div.btn-group {
        margin: 0 auto;
        text-align: left;
        width: 100%;
        /* display: inline-block; */
        padding-left: 9px;
        padding-right: 9px;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
    }

    .p-tracking-numero-no-selected {
        font-family: Raleway-Bold;
        color: black;
        margin-left: 15px;
        margin-right: 15px;
        font-size: 15px;
        background-color: #7a67e9;
        width: 100%;
        margin-bottom: 10px;
        color: white;
        height: 42px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-left: 10px;
    }

    .p-tracking-numero-selected {
        font-family: Raleway-Bold;
        color: white;
        margin-left: 15px;
        margin-right: 15px;
        font-size: 15px;
        background-color: #7a67e9;
        width: 100%;
        height: 42px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-left: 10px;
        margin-bottom: 10px;
    }

    .p-seguimiento-login {
        padding-left: 15px;
        color: #231F20;
        font-size: 16px;
        line-height: 20px;
        font-family: Raleway-Bold;
        margin-bottom: 5px;
        margin-top: 10px;
        text-align: left;
    }

    .p-si-te-ha-gustado {
        color: #231F20;
        font-size: 12px;
        line-height: 13px;
        font-family: 'sppro-regular';
        padding-left: 15px;
    }

    .contenedor-sin-pedidos,
    .p-sin-pedido-tracking {
        margin-top: 0px;
        padding: 0px;
    }

    .p-sin-pedido-tracking {
        padding-left: 15px;
        color: #231F20;
        font-size: 12px;
        line-height: 13px;
        font-family: 'sppro-regular';
        text-align: left;
    }

    .contenedor-sin-pedidos .hr-traking,
    .div-no-pedidos-historial .hr-traking {
        margin-left: 15px;
        margin-right: 15px;
    }

    .div-mis-pedidos-tracking {
        margin: 0px;
    }

    .div-mostrar-historial-tracking {
        margin-bottom: 40x;
    }

    .div-mis-pedidos-tracking {
        display: inherit;
        /* align-items: center; */
        justify-content: center;
        flex-direction: column;
        background-color: transparent;
        border-radius: 0;
        width: 100%;
        margin: 0 auto;
        box-shadow: none;
        border: none;
    }

    .div-mostrar-historial-tracking {
        padding: 0px;
    }

    .no-pedidos-historial {
        padding-left: 15px;
        color: #231F20;
        font-size: 12px;
        line-height: 13px;
        font-family: 'sppro-regular';
    }

    .div-tarjeta-historial {
        background: #FFFFFF;
        box-shadow: 0px 2px 40px rgba(103, 102, 101, 0.18);
        border-radius: 6px;
        display: flex;
        justify-content: space-between;
        padding-left: 20px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 15px;
        margin-right: 9px;
        margin-left: 9px;
        margin-bottom: 17px;
    }

    .p-num-pedido-historial {
        color: #231F20;
        font-size: 10px;
        line-height: 18px;
        font-family: sppro-bold;
    }

    .p-encabezado-info-pedido {
        color: #231F20;
        font-size: 12px;
        line-height: 16px;
        font-family: 'sppro-regular';
        margin-bottom: 2px;
    }

    .psub-encabezado-info-pedido {
        color: #231F20;
        font-size: 12px;
        line-height: 16px;
        font-family: 'sppro-regular';
        opacity: 0.5;
        margin-bottom: 0px;
    }

    .div-bloque-info-pedido {
        margin-bottom: 7px;
    }

    .img-producto-historial {
        object-fit: cover;
        width: 165.92px !important;
        height: 136.11px !important;
        border-radius: 5px;
    }

    .span-articulos {
        text-transform: lowercase;
    }

    .btn-repetir-pedido {
        border: 1px solid #f51517;
        background-color: white !important;
        box-shadow: none;
        border-radius: 200px;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 18px;
        padding: 11px 32px;
        color: #f51517;
        width: 100%;
        height: 28px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 6px;
        text-transform: uppercase;
    }

    .txt-pedido-historial {
        color: #231F20;
        font-size: 16px;
        line-height: 22px;
        font-family: sppro-bold;
        margin-bottom: 0px;
    }

    .ver-detalle-historial {
        color: #231F20;
        font-size: 11px;
        line-height: 18px;
        font-family: sppro-bold;
        margin-bottom: 0;
    }

    .subdiv-tarjeta-historial {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }


    .cantidad-num-historial-pedido {
        color: #1C1C1C;
        font-size: 16px;
        line-height: 20px;
        font-family: Raleway-Bold;
        margin-right: 18px;
    }

    .nombre-product-historial {
        color: #1C1C1C;
        font-size: 16px;
        line-height: 20px;
        font-family: 'sppro-regular';
        font-weight: 100;
    }

    .div-info-historial {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 15px;
    }

    .div-producto-historial {
        border-bottom: none;
        min-height: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .div-info-global-historial-pedido {
        margin-right: 9px;
        margin-left: 9px;
        margin-top: -20px;
    }

    .info-oculta-historial {
        padding-left: 20px;
        padding-right: 20px;
        background-color: white;
    }

    .hr-pedido-historial {
        border: 1px solid #eee;
        margin-top: 15px;
    }

    .div-total-tracking {
        margin-bottom: 0px !important;
    }

    .div-pedido-visible-tracking {
        background-color: #f21619;
        height: 100%;
    }

    .p-hora-entrega-estimada {
        color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .img-info-hora-tracking {
        padding-right: 10px;
    }

    .p-hora-tracking {
        font-family: Raleway-Bold;
        font-style: normal;
        font-weight: bold;
        font-size: 32px;
        line-height: 34px;
        text-align: center;
        letter-spacing: -0.02em;
        color: #ffffff;
        letter-spacing: -0.03em;
        margin-bottom: 25px;
    }

    .p-direccion-entrega {
        font-family: sppro-regular;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        color: #ffffff;
        width: 161px;
    }

    .div-global-info-pedido-traking {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .barraTracking {
        background-color: white;
        width: 92px;
        height: 12px;
        opacity: 0.3;
        border-radius: 38px;
    }

    .barraCompletaTracking {
        background-color: white !important;
        opacity: 1;
    }

    .p-num-pedido-tracking {
        font-family: Raleway-Bold;
        font-style: normal;
        font-weight: bold;
        font-size: 22px;
        line-height: 25px;
        text-align: center;
        letter-spacing: -0.03em;
        color: #ffffff;
        margin-top: 55px;
        margin-bottom: 30px;
    }

    .btn-pagar-tracking {
        padding-top: 9px;
        padding-bottom: 9px;
        padding-left: 55px;
        padding-right: 55px;
        background-color: white;
        color: #f21619;
        width: 100%;
    }

    .p-retraso-tracking {
        font-family: Raleway-Bold;
        font-style: normal;
        font-weight: bold;
        color: white;
    }

    .apologize-tracking {
        color: white;
    }

    .p-tipo-pedido-tracking {
        color: #ffffff;
    }

    .div-info-tracking-form,
    .info-tracking-block-error {
        margin-bottom: 0px;
    }

    .info-tracking-block-error {
        margin-top: 0px;
    }

    .editar-eliminar-direccion {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .editar-eliminar-direccion p {
        margin-left: 0px;
        margin-right: 10px;
        margin-top: 5px;
    }

    .div-desc-dir-guardada-direcciones {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .p-direccion-myAddress {
        margin-bottom: 0px !important;
    }

    .bnt-guardar-direccion {
        background-color: #f51517;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 100%;
    }






    .contenedorTotalCartaWizard {
        padding: 0px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .div-contenedor-wizard {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        /* padding-bottom: 15px; */


    }

    .div-global-producto-promos {
        width: 105px;
    }

    .div-completo-opt-wizard {}

    .div-product-wizard {
        background: #FFFFFF;
        box-shadow: 0px 1.91382px 38.2763px rgba(103, 102, 101, 0.18);
        border-radius: 5.74145px;
        padding: 9px;
        margin-bottom: 9px;
    }

    .img-producto-wizard {
        width: 100%;
        border-radius: 5.74145px;
        margin-bottom: 12px;
        height: initial;
    }

    .nombre-producto-promo {
        font-family: 'sppro-bold';
        font-style: normal;
        font-weight: 700;
        font-size: 13.3967px;
        line-height: 17px;
        text-align: center;
        color: #1B2024;
        margin-top: 0px;
    }


    .txt-paso-wizard {
        font-family: 'sppro-bold';
        font-style: normal;
        font-weight: 700 !important;
        font-size: 16px;
        line-height: 22px;
        color: #231F20;
        padding-left: 15px;
        margin-top: 0px;
    }

    .opacity-wizard {
        pointer-events: none;
        opacity: 0.45;
    }

    .p-promocion-wizard {
        padding: 0px 10px;
        box-shadow: inset 0px 0px 9.24647px rgb(0 0 0 / 5%);
        border-radius: 8.76923px;
        font-family: 'sppro-bold';
        font-style: normal;
        font-weight: 700;
        font-size: 10px;
        line-height: 20px;
        text-transform: uppercase;
        color: #FFFFFF;
        background-color: #f51517;
        margin-left: 10;

    }

    .titulo-wizard {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .hr-wizard {
        width: 100%;
        height: 1px;
        background: #A5A5A5;
        opacity: 0.6;
        margin-top: 24px;
        margin-bottom: 15px;
        margin-left: 0px;
        margin-right: 0px !important;
    }

    .div-wizard-global {
        margin-top: 0px;
    }










    .div-product-wizard {
        background: #FFFFFF;
        box-shadow: 0px 1.91382px 38.2763px rgba(103, 102, 101, 0.18);
        border-radius: 5.74145px;
        padding: 9px;
    }

    .img-producto-wizard {
        width: 100%;
    }

    #myModalRemoveAddress .modal-dialog {
        margin: 0px;
    }

    #myModalRemoveAddress .modal-content {
        border-radius: 0px;
    }

    .modal-headerRemoveAddress {
        border-bottom: 1px solid transparent;
        padding-bottom: 5px;
        padding-left: 15px;
        padding-top: 17px;
    }

    #myModalRemoveAddress .modal-body {
        padding-top: 0px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .nombre-direccion {
        color: #f51517;
        font-size: 16px;
        line-height: 18px;
        font-family: GTWalsheimPro-Bold;
        text-align: left;
    }

    .nombre-direccion-sitio {
        color: #f51517;
        font-size: 16px;
        line-height: 18px;
        font-family: GTWalsheimPro-Regular;
    }

    #myModalRemoveAddress .modal-footer {
        padding: 15px;
        text-align: right;
        border-top: none;
        padding-top: 0px;
    }

    .btn-eliminar-direccion {
        background-color: #f51517;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: 45px;
        width: 100%;
    }

    .icon-informacion-traking {
        font-size: 17px !important;
    }

    .icon-informacion-tiendas {
        font-size: 17px !important;
        color: #f51517;
    }

    .btn-cerrarSesion {
        padding: 16px 81px;
        font-family: sppro-bold !important;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 22px;
        color: white;
        background-color: #f51517;
        border: 1px solid #f51517;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .div-cerrar-sesion {
        padding-right: 15px;
        margin-top: 0px;
    }


    .div-orderhistory {
        margin-top: 70px;
    }

    .p-bajar-espacio {
        margin-top: 55px;
    }


    .sub-encabezado-mvl {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        display: flex;
    }

    .icon-logo-headerMvl {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .div-editar-telefono-usuario {
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        height: 40px;
        background-color: white;
    }

    .p-editar-telefono-cuenta {
        font-size: 12px;
        text-align: right;
        margin-bottom: 0;
        margin-right: 5px;
        text-decoration: underline;
    }

    .span-tel-verificado {
        position: relative;
        left: -5%;
        font-size: 10px;
        font-family: Raleway-Bold;
        margin-bottom: 0;
    }

    #scrollRegistrarse-signup {
        margin-top: 30px;
        display: flex;
        flex-direction: column;
        height: auto;
        align-items: center;
        justify-content: space-between;
    }

    .div-servilletas-utensilios {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 20px;
        margin-top: 15px;
    }

    .contenedor-movil-tracking {
        margin-top: 0px;
        padding: 0px;
    }

    .div-global-historial-movil {
        margin-bottom: 56px;
        padding-bottom: 56px;
    }

}

.barra-promo-home {
    display: none;
}


/*FIN VERSION MOVIL*/

/* @media (max-height: 785px) {
    #seleccionarCalle {
        margin-bottom: 170px;
    }
} */

.div-mitades {
    /* border: 1px solid blue; */
    margin-bottom: 30px;
}

.subdiv-mitades {
    /* border: 1px solid red; */
    display: flex;
    justify-content: flex-start;
}


img.img-mitades {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.lista-pizzas-mitades {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    padding-left: 20px !important;
}

.div-dentro-dropdown-toggle {
    margin-top: 0px;
}

.select-half-pizza {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.select-half-pizza span {
    font-size: 12px;
    padding: 0px;
    padding-right: 5px;
}




.btn-cambiar-mitad-mitad {
    padding: 5px 10px;
    font-size: 10px;
    border: 1px solid #f51517;
}


.div-content-halfpizza input[type="radio"]+label:before {
    margin-bottom: 0px;
}

.hr-halfPizza {
    margin-top: 20px;
    border: 0px solid #b7b7b7;
    background: #A5A5A5;
    height: 1px;
    width: 100%;
}


.subdiv-mitades {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 5px;
}

.div-tamano-masa {
    margin-bottom: 15px;
    padding-left: 0px;
}

.img-pizza-mitad-mitad {
    margin-right: 15px;
}

.nombre-mitat-elegida {
    margin-bottom: 0px;
}

.bnt-halfPizza-anadir-pizza {
    height: 40px;
    background: #f51517;
    box-shadow: inset 0px 0px 10px rgb(0 0 0 / 5%);
    border-radius: 4px;
    font-family: 'sppro-bold' !important;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: white;
    padding: 0px;
    width: 90%;
    /* margin: 0% auto;*/
}

.dropdown-half {
    width: fit-content;
    padding-right: 20px;
    max-width: 300px;
    top: auto;
    left: auto;
}

h1.titulo404 {
    font-family: 'myriad', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 70px;
    line-height: 36px;
    letter-spacing: 1px;
    color: black !important;
    margin-bottom: 10px;
    margin-top: 130px;
}

.titulo-not-found {
    font-family: 'myriad', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 1px;
    color: black !important;
    margin-bottom: 40px;
    margin-top: 20px;
}

.margen-div-notfound {
    margin-top: 100px;
    margin-bottom: 100px;
}

.img-mas-menos-diners {
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: initial;
}

.input-diners {
    width: 35px;
    text-align: center;
    border-bottom: 0px !important;
    font-family: Raleway-Bold !important;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
}

.contenidos-local-order {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.titulo-local-order {
    font-family: Raleway-Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
}

.tipo-pedido-carrito p {
    margin-bottom: 0px;
}

.txt-pasar-por-caja {
    font-style: normal;
    font-weight: normal;
    color: #231F20;
    font-size: 12px;
    font-family: sppro-regular;
    line-height: 20px;
    text-align: left;
    margin-bottom: 0px;
}

.div-puntos-promos {
    background-color: white;
    color: black;
    border-radius: 8px;
    padding: 2px 9px;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 20px !important;
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
    position: absolute;
    top: 8px;
    right: 0px;
}

.puntos-promos {
    font-family: Raleway-Bold;
    font-size: 18px;
    line-height: 16px;
    color: #1B2024;
    margin-top: 0px;
    margin-bottom: 6px;
    white-space: pre-line;
}

.unavailablePromo{
    opacity: .65;
    background-color: #979797;
}

.promoPointsGenerales {
    display: inline-block;
    border-radius: 8px;
    padding: 2px 12px;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 20px !important;
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
    background-color: white;
}

.txt-puntos-disponibles {
    font-family: Raleway-Bold;
}

.userPoints {
    font-family: Raleway-Bold;
    margin-top: 0px;
}

.div-explicacion-loyalty {
    text-align: left;
}

.div-explicacion-loyalty h4{
    font-family: Raleway-Bold;
}

.txt-promo-select {
    font-family: Raleway-Bold;
}

.div-descrip-promo-home {
    display: flex;
    gap: 15px;
    justify-content: flex-end;
    flex-wrap: wrap;
    position: absolute;
    top: 10px;
    z-index: 1;
    right: 20px;
}

.txt-descrip-promo-home {
    margin-bottom: 0px;
    background-color: white;
    border-radius: 5px;
    padding: 4px 10px;
    font-family: 'SofiaProSemiBold';
    color: black;
    line-height: normal;
}

#cookiesMessage input[type="checkbox"]+label {
    display: flex;
    align-items: center;
}

#cookiesMessage input[type="checkbox"]+label:before {
    margin: 0px;
}

#cookiesMessage li>a {
    font-size: 12px;
    margin-right: 0px;
}

#cookiesMessage li.active>a, #cookiesMessage li.active>a:focus, #cookiesMessage li.active>a:hover {
    background-color: white;
    color: black;
    border: 1px solid black;
    border-bottom-color: transparent;
    padding: 7px 10px;
    border-radius: 4px 4px 0 0;
    font-family: sppro-regular !important;
}

#cookiesMessage ul.nav-tabs {
    padding-left: 0px;
    border-radius: 0px;
    background-color: white;
}

#cookiesMessage .table {
    font-size: 12px;
}

.div-checkboxItem {
    justify-content: flex-start;
}