/* ---- HOJA DE ESTILOS DEL MODAL ---- */
/* #yith-quick-view-modal {} */
/* .cont-preload.cont-preload-home{ display:none !important; /*burn:in-hell !important; */ 

/* VISUALIZAR CAJAS EN ROJO */ /* *{
    border: 1px solid red;
} */
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.left {
    padding: 0;
    border-radius: 0 1rem 1rem 0;
    background-color: #ffffff;
    filter: brightness(.8);
    transition: filter .2s, background-color .2s;
}
.left.col-lg-12 {
    padding: 0;
    border-radius: 1rem;
    filter: brightness(1);
}
.left:hover {
    filter: brightness(1);
}
.right {
    /* background: radial-gradient(#0b0b62, #0d0d34); */
    background: radial-gradient(#303030, #08080e);  
    padding: 0;
    border-radius: 1rem 0 0 1rem;
}

.left.d-none ~ .right {
    border-radius: 1rem;
}

/** #quick-view-modal .wapf-field-label label span
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    font-family: 'AvenirNextLTPro';
    line-height: 1;
    margin-top: 1rem;
    margin-bottom: .5rem;
**/

/* ---- PUNTO 2: VALIDACIÓN DE CAMPOS WAPF EN MODAL ---- */
div#quick-view-modal {
    background: #0101138f;
}
/* Estilos para campos con errores de validación en el modal */
#quick-view-modal .wapf-field-container.wapf-validation-error {
    /* border: 2px solid #eb1c25 !important; */
    border-radius: 8px !important;
    /* background-color: rgba(235, 28, 37, 0.05) !important; */
    animation: shake 0.5s ease-in-out;
}

#quick-view-modal .left .wapf-field-container.wapf-validation-error {
    /* background-color: rgba(235, 28, 37, 0.08) !important; */
}

#quick-view-modal .right .wapf-field-container.wapf-validation-error {
    /* background-color: rgba(235, 28, 37, 0.15) !important; */
}

#quick-view-modal .wapf-field-container.wapf-validation-error label {
    color: #eb1c25 !important;
    font-weight: 600 !important;
}

#quick-view-modal .wapf-field-container.wapf-validation-error .wapf-radios {
    border-color: #eb1c25 !important;
}

/* Mensaje de error de validación específico para el modal */
#quick-view-modal .wapf-validation-message {
    background-color: rgba(235, 28, 37, 0.1);
    border-left: 3px solid #eb1c25;
    padding: 8px 12px;
    border-radius: 4px;
    margin: 8px 0 5px 0;
    position: relative;
    z-index: 100;
}

#quick-view-modal .wapf-validation-message::before {
    display: none;
}

#quick-view-modal .validation-error-content {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    z-index: 1;
}

#quick-view-modal .material-symbols-outlined {
    color: #2b43d8;
    transition: all .3s;
}

#quick-view-modal .material-symbols-outlined {
    color: #eb1c25;
}

#quick-view-modal .validation-error-content .material-symbols-outlined {
    font-size: 16px;
    color: #eb1c25;
    margin-top: 0;
    flex-shrink: 0;
}

#quick-view-modal .validation-text {
    font-family: 'AvenirNextLTPro', sans-serif;
    font-size: 0.8rem;
    line-height: 1.3;
    font-weight: 500;
    color: #eb1c25;
}

/* ---- MEDIA QUERIES ---- */
    transition: filter .2s, background-color .2s;
}
.left:hover ~ .right {
    filter: brightness(.8);
}

/* ---- INTERIOR MODAL PRODUCTOS ---- */
#quick-view-modal .modal-dialog {
    height: 100dvh;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    max-width: 850px;
    overflow: hidden;
    border-radius: 1rem;
}

#quick-view-modal .modal-content {
    /* max-height: 600px; */
    border-radius: 1.2rem;
}

/* ---- ENCABEZADO DEL MODAL ---- */
#quick-view-modal .modal-header {
    border: 0;
    justify-content: flex-end;
    padding: 0;
    height: 0;
}

#quick-view-modal button.close {
    background-color: #ffffffbb !important;
    padding: .2rem;
    position: absolute;
    z-index: 999;
    top: 0px;
    transition: 0.25s;
    border-radius: 2rem;
    margin: 1rem 1rem 0px 0px;
}

#quick-view-modal button.close:hover  {
    background-color: #fffffff5!important;
}

#quick-view-modal button.close svg {
    width: 25px;
    color: #000084;
    transition: 0.25s;
}

#quick-view-modal button.close:hover svg {
    color: rgba(255, 0, 0, 0.801);
    transform: rotate(90deg);
}

/* ---- IMAGEN DEL MODAL ---- */
#quick-view-modal .layout-vertical div#img-product-modal-promo {
    display: flex;
    overflow: hidden;
    position: relative;
    height: 80px;
    border-radius: 1rem 0 0 0;
}

#quick-view-modal .layout-horizontal div#img-product-modal-promo {
    display: flex;
    overflow: hidden;
    position: relative;
    height: 100%;
    border-radius: 0 1rem 0 0;
    padding: 0;
}

#quick-view-modal div#img-product-modal {
    display: flex;
    overflow: hidden;
    position: relative;
    height: 80px;
    border-radius: 1rem 0 0 0;
}

#quick-view-modal .left .modal-img-pizza {
    z-index: 0;
    position: absolute;
    top: -120px;
    left: -60px;
    max-width: 200px;
    filter: drop-shadow(3px -4px 6px #5d4e38);
}

#quick-view-modal .right .modal-img-pizza:first-child {
    z-index: 0;
    position: absolute;
    top: -120px;
    left: -60px;
    max-width: 200px;
    filter: drop-shadow(3px -4px 6px #383e5d);
}

#quick-view-modal .right.layout-horizontal .modal-img-pizza:first-child {
    z-index: 0;
    position: relative;
    top: 0;
    left: 0;
    max-width: 100%;
    border-radius: 10px;
}

#quick-view-modal .right .modal-img-pizza:nth-child(2) {
    z-index: 0;
    position: absolute;
    top: -120px;
    right: -60px;
    left: auto;
    max-width: 200px;
    filter: drop-shadow(3px -4px 6px #383e5d);
}

/* ---- CUERPO / CONTENIDO BAJO EL ENCABEZADO DEL MODAL ---- */
#quick-view-modal .modal-body {
    padding: 0;
    overflow: hidden;
}

#product-left {
    position: relative;
    z-index: 1;
}

/* ---- TITULOS MODAL ---- */
#quick-view-modal .product_title.entry-title {
    text-align: center;
}

/* LEFT */
#quick-view-modal .left .pizza-size-stats li {
    display: flex;
    font-size: 0.7rem;
    color: #c9c9d0;
    margin-bottom: 0;
}

#quick-view-modal .left .pizza-size-stats, #quick-view-modal .right .pizza-size-stats {
    margin-bottom: 2rem;
}

.size-stats-container {
    margin: 1rem 3rem !important;
}

#quick-view-modal .left .pizza-size-stats.active li {
    color: #06038d;
}

#quick-view-modal .left .pizza-size-stats li span.pizza-icon-stats {
    font-size: 14px;
    margin-right: .4rem;
    filter: grayscale(1) brightness(2) opacity(0.2);
}

#quick-view-modal .left .pizza-size-stats.active li span.pizza-icon-stats {
    filter: grayscale(0) brightness(1) opacity(1);
}

/* RIGHT */
#quick-view-modal .right .content-prod-modal {
    margin-bottom: 1rem;
}

#quick-view-modal .right .promo-size-selection .wapf-radio label {
    border: 1px solid #37373f;
    /* border: 1px solid #575798; */
}

#quick-view-modal .right .pizza-size-stats li {
    display: flex;
    font-size: 0.7rem;
    color: #818181;
    margin-bottom: 0;
    transition: 3s all;
}

#quick-view-modal .right .pizza-size-stats.active li {
    color: #ffffff;
    transition: 3s all;
}

#quick-view-modal .pizza-size-stats li.cada-pizza {
    padding-bottom: .3rem;
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8rem !important;
}

#quick-view-modal .right .pizza-size-stats li span.pizza-icon-stats {
    font-size: 14px;
    margin-right: .4rem;
    filter: grayscale(1) brightness(2) opacity(0.2);
    transition: 3s all;
}

#quick-view-modal .right .pizza-size-stats.active li span.pizza-icon-stats {
    filter: grayscale(0) brightness(1) opacity(1);
    transition: 3s all;
}

/* INGREDIENTES BOX HEIGHT */
.wapf-field-group {
    padding: 0 0 0 .5rem;
    min-height: 240px;
}

.modal-combo .wapf-field-group, .modal-combo .wapf-section, .modal-pizza-unitaria .wapf-field-group, .modal-pizza-unitaria .wapf-section, .modal-arma-tu-pizza .layout-horizontal .wapf-field-group, .modal-arma-tu-pizza .layout-horizontal .wapf-section, .modal-especialidad .layout-horizontal .wapf-field-group, .modal-especialidad .layout-horizontal .wapf-section {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 0;
}

.modal-combo .wapf-section, .modal-pizza-unitaria .wapf-section, .modal-arma-tu-pizza .layout-horizontal .wapf-section, .modal-especialidad .layout-horizontal .wapf-section {
    min-height: 55dvh;
    padding: 0 0 0 .5rem;
}

.modal-combo .wapf-section:last-child, .modal-pizza-unitaria .wapf-section:last-child, .modal-arma-tu-pizza .layout-horizontal .wapf-section:last-child, .modal-especialidad .layout-horizontal .wapf-section:last-child {
    min-height: 47dvh;
}

#wapf_1415063_right .wapf-section:nth-child(2), #wapf_1415063_right .wapf-section:nth-child(4) {
    flex-direction: column-reverse;
    min-height: 60dvh;
}

/* ----- BOTON VOLVER ---- */
.left .btn-volver, .right .btn-volver {
    position: relative;
    display: contents;
}

.left .btn-volver a {
    position: absolute;
    top: -15px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    font-size: .75rem;
    color: #00006c;
    transition: .5s all;
    z-index: 99999;
}

.modal-especialidad .left .btn-volver a{
    top: -45px;
}

.left .btn-volver a:hover {
    color: #2a43d8;
}

.left .wapf-wrapper, .right .wapf-wrapper {
    margin: 0;
    width: 100%;
}

.right .btn-volver a {
    position: absolute;
    top: -35px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    font-size: .8rem;
    color: #f0f0f0;
    transition: .5s all;
    z-index: 99999;
}

.right .btn-volver a:hover {
    color: #ffffff;
}

/* ---- CAJAS DE LOS INGREDIENTES Y MÁS ---- */
#quick-view-modal .wapf-checkboxes, .wapf-radios {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    gap: 5px 5px !important;
}

/* #quick-view-modal.modal-especialidad .left .inline .wapf-radios, #quick-view-modal.modal-especialidad .left .inline .wapf-checkboxes, #quick-view-modal.modal-combo .left .inline .wapf-checkboxes, #quick-view-modal.modal-especialidad .right .inline .wapf-checkboxes {
    flex-wrap: nowrap!important;
} */

#quick-view-modal .layout-vertical .promo-size-selection .wapf-radios, #quick-view-modal.modal-especialidad .layout-vertical .wapf-radios, #quick-view-modal.modal-arma-tu-pizza .layout-vertical .wapf-radios {
    gap: 1rem !important;
}

#quick-view-modal .layout-horizontal.promo-size-selection .wapf-radios, #quick-view-modal.modal-especialidad .layout-horizontal .wapf-radios {
    gap: 5px!important;
}

#quick-view-modal .left .wapf-checkbox label, .wapf-radio label {
    display: flex;
    align-items: center;
    width: 100px;
    height: 50px;
    border: 1px solid #f1f1f1;
    background-color: #ffffff;
    justify-content: center;
    border-radius: .3rem;
    transition: .3s;
    padding: 0px 8px;
}
#quick-view-modal .right .wapf-checkbox label, #quick-view-modal .wapf-radio label {
    display: flex;
    align-items: center;
    width: 100px;
    height: 50px;
    border: 1px solid #9d9b9b;
    background-color: transparent;
    justify-content: center;
    border-radius: .3rem;
    transition: .3s;
    padding: 0px 8px;
}
span.wapf-custom {
    display: none;
}
.wapf-field-container {
    padding: 0 !important;
    margin: 0;
    height: fit-content;
}
.wapf-field-container.has-minmax {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
#quick-view-modal.modal-especialidad .left .layout-horizontal .wapf-field-container.has-minmax {
    min-height: 260px;
}
.wapf-field-container.has-minmax.min-height {
    min-height: auto;
}

.wapf-checkbox:hover label span.wapf-label-text, .wapf-radio:hover .wapf-input-label span.wapf-label-text {
    color: #06038D;
}
#quick-view-modal .left .wapf-checkbox label:hover, #quick-view-modal .left .wapf-radio .wapf-input-label:hover {
    border: 1px solid #06038D;
    transform: scale(1.05);
    box-shadow: 1px 1px 7px rgba(0,0,0,.1);
}
#quick-view-modal .right .wapf-checkbox label:hover, #quick-view-modal .right .wapf-radio .wapf-input-label:hover {
    border: 1px solid #eb1c25;
    transform: scale(1.05);
    box-shadow: 1px 1px 7px rgba(0,0,0,.1);
}
#quick-view-modal .left .wapf-label-text {
    padding: 0px;
    text-align: center;
    color: #8a8a8a;
    font-size: .7rem;
    margin: 0px;
}
#quick-view-modal .right .wapf-label-text {
    padding: 0px;
    text-align: center;
    color: #e0e0e0;
    font-size: .7rem;
    margin: 0px;
}
.wapf-section.field-3ead5b0 {
    margin: 0px 0px 2px 0px;
}
.wapf-field-container.wapf-field-p.field-4dba0b5 {
    margin: 5px 0 0px 0px;
}

/**  TITULOS DEL MODAL  **/
#quick-view-modal .modal-body .wapf-field-container .wapf-field-input #wapf-1415063-e834e5a .sub-titulo.uno, #quick-view-modal .modal-body .wapf-field-container .wapf-field-input #wapf-1415063-e834e5a .sub-titulo.dos, #quick-view-modal .modal-body .wapf-field-container .wapf-field-input #wapf-489-602dbec7d3916 .sub-titulo.uno, #quick-view-modal .modal-body .wapf-field-container .wapf-field-input #wapf-489-602dbec7d3916 .sub-titulo.dos, span.sub-titulo.tres {
    display: none;
}

/* ---- ESTILOS ESPECÍFICOS PARA COMBOS Y PIZZA UNITARIA ---- */
/* Contenedor de imagen para layout horizontal (combos/pizza unitaria) */
#quick-view-modal .layout-horizontal div#img-product-modal {
    display: flex;
    overflow: hidden;
    position: relative;
    height: auto;
    border-radius: 1rem 0 0 1rem;
    min-height: 120px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

/* Imagen para layout horizontal (combos/pizza unitaria) */
#quick-view-modal .layout-horizontal .modal-img-pizza {
    position: absolute;
    top: auto;
    left: auto;
    max-width: max-content;
    height: 100%;
    overflow: hidden;
    width: auto;
}

#quick-view-modal.modal-arma-tu-pizza .layout-horizontal .modal-img-pizza {
    top: auto;
    right: 0;
    left: unset;
    max-width: max-content;
    height: 100%;
    overflow: hidden;
    width: auto;
}

#quick-view-modal.modal-pizza-unitaria .layout-horizontal .modal-img-pizza {
    max-width: -webkit-fill-available;
    right: 0;
    width: -webkit-fill-available;
}

#quick-view-modal.modal-combo .layout-horizontal .modal-img-pizza {
    position: absolute;
    top: 0;
    left: 0;
    max-width: max-content;
    height: 100%;
    overflow: hidden;
    width: auto;
    min-width: 100%;
}

#quick-view-modal.modal-especialidad .layout-horizontal .modal-img-pizza {
    width: auto;
    max-width: none;
    right: 2dvh;
}

/* Estilos por defecto para especialidades/arma-tu-pizza (layout vertical) */
#quick-view-modal .layout-vertical div#img-product-modal {
    display: flex;
    overflow: hidden;
    position: relative;
    height: 80px;
    border-radius: 0 1rem 0 0;
}

#quick-view-modal .layout-vertical div#img-product-modal {
    display: none;
}

#quick-view-modal .layout-vertical .modal-img-pizza {
    z-index: 0;
    position: absolute;
    top: -120px;
    left: auto;
    right: -50px;
    max-width: 200px;
    filter: drop-shadow(3px -4px 6px #5d4e38);
    transform: rotate(45deg);
}

.header-left, .header-right {
    display: grid;
}

.header-left {
    margin-top: 1rem;
}

.modal-especialidad .header-left {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    min-height: 95px;
    margin: 0;
}

#quick-view-modal.modal-especialidad .left.layout-vertical .titulo.uno {
    margin: .4rem auto .4rem;
    width: fit-content;
    background: #eb1c25;
    padding: .1rem .6rem .2rem .2rem;
    color: white;
    line-height: 1.2;
    clip-path: polygon(10% 0%, 100% 0, 90% 100%, 0% 100%);
    height: 34px;
}

#quick-view-modal.modal-especialidad .left.layout-horizontal .titulo.uno {
    margin: 1rem 0 .3rem;
    font-size: 1rem !important;
    height: 15px;
}

#quick-view-modal .left .titulo.uno {
    color: #000084;
    font-weight: 800;
    font-size: 2rem !important;
    font-style: italic;
    font-family: 'AvenirNextLTPro';
    text-align: center;
    align-items: center;
    text-transform: uppercase;
    margin: 0;
    transition: .5s all;
    height: 30px;
}

#quick-view-modal .left.layout-vertical .titulo.dos {
    color: #000084;
    font-weight: 800;
    font-size: 2rem;
    font-style: italic;
    font-family: 'AvenirNextLTPro';
    text-align: center;
    flex-direction: column;
    text-transform: uppercase;
    height: auto;
    margin: 0 auto;
    line-height: 1;
    transition: .5s all;
    max-width: min-content;
    min-width: 250px;
}

#quick-view-modal.product-511 .left.layout-vertical .titulo.dos, #quick-view-modal.product-512 .left.layout-vertical .titulo.dos, #quick-view-modal.product-525 .left.layout-vertical .titulo.dos {
    min-width: 270px;
}

#quick-view-modal.modal-arma-tu-pizza .left.layout-vertical .titulo.dos {
    max-width: 250px;
}

#quick-view-modal .left.layout-horizontal .titulo.dos {
    color: #000084;
    font-weight: 800;
    font-size: 2rem;
    font-style: italic;
    font-family: 'AvenirNextLTPro';
    text-align: center;
    align-items: center;
    text-transform: uppercase;
    transition: .5s all;
    margin: 1rem auto 0;
}

/* TITLES MODAL NO PROMO LEFT */
#quick-view-modal.modal-pizza-unitaria .left.layout-horizontal .titulo.dos, #quick-view-modal.modal-combo .left.layout-horizontal .titulo.dos,  #quick-view-modal.modal-arma-tu-pizza .left.layout-horizontal .titulo.dos,  #quick-view-modal.modal-especialidad .left.layout-horizontal .titulo.dos {
    font-size: 1rem;
    margin: 0;
    line-height: 1;
    padding: 0 0 0 .5rem;
}

/* TITLES MODAL PROMO. LEFT */
#quick-view-modal.modal-especialidad .left.layout-horizontal .titulo.dos {
    margin: 0 auto;
}

#quick-view-modal .right.layout-vertical .titulo.uno {
    color: #fafafa;
    font-weight: 800;
    font-size: 2rem;
    font-style: italic;
    font-family: 'AvenirNextLTPro';
    text-align: center;
    align-items: center;
    text-transform: uppercase;
    line-height: .9;
    transition: .5s all;
    margin: 1rem 0 0;
}

#quick-view-modal .right.layout-vertical .titulo.dos {
    color: #fafafa;
    font-weight: 400;
    font-size: 1rem;
    font-style: italic;
    font-family: 'AvenirNextLTPro';
    text-align: center;
    flex-direction: column;
    text-transform: uppercase;
    height: min-content;
    margin: 0;
    line-height: normal;
    transition: .5s all;
}

#quick-view-modal .right.layout-horizontal .titulo.uno {
    color: #fafafa;
    margin-top: 2rem;
    font-weight: 800;
    font-style: italic;
    font-family: 'AvenirNextLTPro';
    text-align: center;
    align-items: center;
    text-transform: uppercase;
    margin-top: 2rem;
    margin-left: 10px;
    line-height: .9;
    transition: .5s all;
}

#quick-view-modal .right.layout-horizontal .titulo.dos {
    display: none;
}

  /**  COLOT SUB TITULOS POR SECCION  **/
#quick-view-modal .left .wapf-field-label label {
    color: #000084;
    margin: 8px 0px 2px 0px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'AvenirNextLTPro';
    font-size: .8rem;
}

.especialidad-1 .wapf-field-label label span:after {
    content: 'pizza 1';
    margin-left: .2rem;
}
.especialidad-2 .wapf-field-label label span:after {
    content: 'pizza 2';
    margin-left: .2rem;
}
.especialidad-3 .wapf-field-label label span:after {
    content: 'pizza 3';
    margin-left: .2rem;
}
.especialidad-4 .wapf-field-label label span:after {
    content: 'pizza 4';
    margin-left: .2rem;
}

#quick-view-modal .right .wapf-field-label label, #quick-view-modal .right .wapf-field-label div.esp-label {
    color: #fafafa;
    margin: 8px 0px 2px 0px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'AvenirNextLTPro';
    font-size: .8rem;
}

.wapf-field-description {
    color: #000084;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    display: none;
}
span.sub-titulo.uno {
    color: #000084;
    text-transform: none;
    font-size: .8rem;
    font-family: 'AvenirNextLTPro';
    text-align: center;
    display: block;
}

#quick-view-modal .right span.sub-titulo.uno{
    color: #fafafa;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'AvenirNextLTPro';
    font-style: italic;
    font-size: .8rem;
    text-align: center;
    background-color: #eb1d25;
    max-width: fit-content;
    padding: .3rem .4rem .1rem;
    clip-path: polygon(3% 0%, 100% 0, 98% 100%, 0% 100%);
    line-height: 1;
}

#quick-view-modal span.wapf-label-text{
    align-items: center;
    justify-content: space-between;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'AvenirNextLTPro';
    line-height: 1;
    padding: 0px 8px;
}
/*** "TOTALES"  ***/
/* COMBOS */
#quick-view-modal.modal-combo .wapf--inner {
    margin-bottom: 10px;
}

#quick-view-modal .wapf--inner div {
    display: none;
}

#quick-view-modal.modal-combo .wapf--inner div:last-child {
    display: block;
    position: absolute;
    bottom: 10px;
    right: 150px;
    width: 105px;
    color: #000084;
    font-weight: bold;
}

#quick-view-modal.modal-combo #wapf_538 .wapf--inner div:last-child {
    display: block;
    position: absolute;
    bottom: 30px;
    right: 150px;
    width: 105px;
    color: #000084;
    font-weight: bold;
}

#quick-view-modal.modal-combo #wapf_538 .wapf--inner div.step-4:last-child {
    display: block;
    position: absolute;
    bottom: -45px;
    right: 180px;
    width: 105px;
    color: #000084;
    font-weight: bold;
}

#quick-view-modal.modal-combo .left #wapf_538 .text-right.btn-continuar {
    margin-bottom: 20px;
}

#quick-view-modal.modal-combo #wapf_538 .wapf-product-totals .wapf--inner {
    margin-bottom: 0;
}

/* PIZZA UNITARIA */
#quick-view-modal.modal-pizza-unitaria .wapf--inner {
    margin-bottom: 10px;
}

#quick-view-modal.modal-pizza-unitaria .wapf--inner div:last-child {
    display: block;
    position: absolute;
    bottom: 10px;
    right: 150px;
    width: 105px;
    color: #000084;
    font-weight: bold;
}

/* ESPECIALIDAD LEFT */
#quick-view-modal.modal-especialidad .wapf--inner div:last-child {
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 0px;
    right: 120px;
    width: 105px;
    color: #000084;
    font-weight: bold;
}

#quick-view-modal.modal-especialidad .wapf--inner div:last-child, #quick-view-modal.modal-arma-tu-pizza .wapf--inner div:last-child {
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 0px;
    right: 100px;
    width: 110px;
    color: #000084;
    font-weight: bold;
}

#quick-view-modal.modal-especialidad .left .wapf--inner div.step-1, #quick-view-modal.modal-arma-tu-pizza .left .wapf--inner div.step-1 {
    bottom: 48px;
}

#quick-view-modal.modal-arma-tu-pizza .left #wapf_477_left .wapf--inner div.step-4, 
#quick-view-modal.modal-arma-tu-pizza .left #wapf_399_left .wapf--inner div.step-5 {
    right: 140px;
    bottom: -70px;
}
/* ESPECIALIDAD RIGHT */

#quick-view-modal .right .wapf--inner div:last-child {
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 35px;
    right: 120px;
    width: 110px;
    color: #f2f2f2;
    font-weight: bold;
}

#quick-view-modal.modal-especialidad .wapf--inner div.step-1:last-child, 
#quick-view-modal.modal-arma-tu-pizza .wapf--inner div.step-1:last-child {
    left: 160px;
}

#quick-view-modal.modal-especialidad .right .wapf--inner div.step-1, 
#quick-view-modal.modal-arma-tu-pizza .right .wapf--inner div.step-1 {  
    bottom: 70px;
    color: #f2f2f2;
}
/* PROMO 2x */
#quick-view-modal.modal-especialidad .right .wapf--inner div.step-6, 
#quick-view-modal.modal-arma-tu-pizza .right #wapf_1415064_right .wapf--inner div.step-6 {
    bottom: 40px;
    right: 170px;
}

/* PROMO 2X ARMA TU PIZZA */
#quick-view-modal .right .wapf--inner div.step-8 {  
    bottom: 35px;
    right: 180px;
    color: #f2f2f2;
}

#quick-view-modal #wapf_191 .wapf--inner div.step-3:last-child,
#quick-view-modal #wapf_206 .wapf--inner div.step-3:last-child,
#quick-view-modal #wapf_204231 .wapf--inner div.step-3:last-child,
#quick-view-modal #wapf_209 .wapf--inner div.step-2:last-child,
#quick-view-modal #wapf_537 .wapf--inner div.step-5:last-child,
#quick-view-modal #wapf_540 .wapf--inner div.step-5:last-child,
#quick-view-modal #wapf_477 .wapf--inner div.step-4:last-child
{
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: -60px;
    right: 150px;
    width: 105px;
    color: #000084;
    font-weight: bold;
    z-index: -1;
}

#quick-view-modal.modal-especialidad .left .wapf--inner div.step-4:last-child {
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: -70px;
    right: 150px;
    width: 105px;
    color: #000084;
    font-weight: bold;
    z-index: -1;
}

#quick-view-modal .wapf--inner div.side-left span:first-child, 
#quick-view-modal .wapf--inner div.side-right span:first-child {
    display: none;
}

#quick-view-modal.modal-especialidad .wapf--inner div.step-1 .wapf-total:before, 
#quick-view-modal.modal-arma-tu-pizza .wapf--inner div.step-1 .wapf-total:before, 
#quick-view-modal .right .wapf--inner div.step-1 .wapf-total:before {
    content: 'desde';
    font-weight: 300;
    font-size: .9rem;
    margin-right: .4rem;
}

/*** HEIGHT MODAL ***/
.esp-size-selection, .promo-size-selection {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.modal-arma-tu-pizza .left .seccion-tamano, .modal-especialidad .left .size-tab {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/***  BOTON DEL MODAL  ***/
#quick-view-modal .right .text-center.btn-continuar, #quick-view-modal .left .text-center.btn-continuar {
    margin-bottom: 1rem;
}


#quick-view-modal .text-right.btn-continuar {
    margin: auto 0 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.text-right.btn-continuar {
    text-align: right;
    color: #ffff;
    z-index: 99;
}

/* #quick-view-modal.modal-combo .left .text-right.btn-continuar, #quick-view-modal.modal-pizza-unitaria .left .text-right.btn-continuar {
    margin: auto 0 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
} */

#quick-view-modal .siguiente {
    position: unset;
    width: 130px;
    padding: .7rem 1.5rem;
    margin: 0;
    font-size: .8rem;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    background-color: #000084;
    border: 1px solid #000084;
    border-radius: 7px;
    cursor: pointer;
    transition: .2s all;
}

#quick-view-modal .siguiente:hover {
    background-color: #2a43d8;
    border: 1px solid #2a43d8;
    transform: scale(1.05);
}

#quick-view-modal .left button.single_add_to_cart_button.button.alt { 
    position: unset;
    min-width: 170px;
    padding: .7rem .8rem;
    margin: 1rem 0 10px;
    font-size: .8rem;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    background-color: #000084;
    border: 1px solid #000084;
    border-radius: 7px;
    cursor: pointer;
    transition: .2s all;
    float: right;
}

#quick-view-modal .left button.single_add_to_cart_button.button.alt:hover { 
    background-color: #2a43d8;
    border: 1px solid #2a43d8;
}

#quick-view-modal .right button.single_add_to_cart_button.button.alt {
    position: unset;
    min-width: 170px;
    padding: .5rem .8rem;
    margin: 1rem;
    font-size: .8rem;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    background-color: #c60e20;
    border: 1px solid #c60e20;
    border-radius: 7px;
    cursor: pointer;
    transition: .2s all;
    float: right;
}

#quick-view-modal .right button.single_add_to_cart_button.button.alt {  
    background-color: #eb1c25;
    border: 1px solid #eb1c25;
}

#quick-view-modal .right .siguiente.siguiente1.promo-next {
    position: unset;
    min-width: 120px;
    padding: .7rem 1.5rem;
    margin: 1rem;
    font-size: .8rem;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    background-color: #c60e20;
    border: 1px solid #c60e20;
    border-radius: 7px;
    cursor: pointer;
    transition: .2s all;
}

#quick-view-modal .left .siguiente.siguiente1 {
    position: relative;
    width: 130px;
    padding: .7rem 1.5rem;
    margin: 0;
    font-size: .8rem;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    background-color: #000084;
    border: 1px solid #000084;
    border-radius: 7px;
    cursor: pointer;
    transition: .2s all;
    z-index: 999;
}

#quick-view-modal.modal-combo .left .siguiente, #quick-view-modal.modal-pizza-unitaria .left .siguiente {
    display: block;
}

#quick-view-modal .left .siguiente.siguiente1:hover {
    background-color: #2a43d8;
    border: 1px solid #2a43d8;
    transform: scale(1.05);
}

.text-center.btn-continuar.btn-continuar-center {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
}

#quick-view-modal .right .siguiente.siguiente1.promo-next:hover {
    color: #ffffff;
    background-color: #eb1c25;
    border: 1px solid #eb1c25;
    transform: scale(1.05);
}

#quick-view-modal .left .wapf-checked label.wapf-input-label {
    border: 2px solid #2b43d8;
    transform: scale(1.01);
    box-shadow: 1px 1px 7px rgba(0, 0, 0, .1);
    padding: 0px 3px;
}

#quick-view-modal .left .selected .wapf-disabled label.wapf-input-label {
    border: 2px solid #2b43d8;
    transform: scale(1.01);
    box-shadow: 1px 1px 7px rgba(0, 0, 0, .1);
    padding: 0px 3px;
}

#quick-view-modal .left .selected .wapf-disabled label.wapf-input-label .wapf-label-text {
    color: #06038d;
    font-weight: 500;
    padding: 0px 8px;
}

#quick-view-modal .right .wapf-checked label.wapf-input-label {
    border: 2px solid #eb1c25;
    transform: scale(1.01);
    box-shadow: 1px 1px 7px rgba(0, 0, 0, .1);
    background: #1c1c1c;
}

#quick-view-modal .right .selected .wapf-disabled label.wapf-input-label {
    border: 2px solid #eb1c25;
    transform: scale(1.01);
    box-shadow: 1px 1px 7px rgba(0, 0, 0, .1);
    padding: 0px 3px;
}

#quick-view-modal .right .selected .wapf-disabled label.wapf-input-label .wapf-label-text {
    color: #ffffff;
    font-weight: 500;
    padding: 0px 8px;
}

.wapf input[type=checkbox], .wapf input[type=radio] {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}

#quick-view-modal .left .wapf-checked .wapf-label-text {
    z-index: 9;
    width: auto;
    padding: 0px;
    color: #06038d;
    font-weight: 500;
    padding: 0px 8px;
}

#quick-view-modal .right .wapf-checked .wapf-label-text {
    z-index: 9;
    width: auto;
    padding: 0px;
    color: #fafafa;
    font-weight: 500;
    padding: 0px 8px;
}

#quick-view-modal .right .promo-size-selection span.wapf-label-text:before {
    content: '2 pizzas ';
}

#quick-view-modal .right .promo-size-selection span.wapf-label-text:after {
    content: 's';
    position: relative;
    left: -2px;
}

#quick-view-modal.modal-arma-tu-pizza .left .seccion-tamano span.wapf-label-text:before, 
#quick-view-modal.modal-especialidad .left .size-tab span.wapf-label-text:before {
    content: '1 pizza ';
}

#quick-view-modal .left .size-stats-container {
    margin-bottom: 2rem !important;
}

span.dospor {
    animation: text-color-change;
    -webkit-animation: text-change-2x 2s 
linear infinite alternate both;
    animation: text-change-2x 2s 
linear infinite alternate both;
}

/* CIRCULOS BOTONERA PASO A PASO MODAL */
#quick-view-modal .numeros_circulo {
    height: 25px;
    width: 25px;
    padding: 0px;
    margin-right: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: .8rem;
    text-align: center;
    border-radius: 100px;
    transition: .5s all;
    color: #2136b1;
    background-color: #fafafa;
    border: 1px solid #f3f3f3;
}

#quick-view-modal .right .numeros_circulo {
    color: #c6c6cf;
    background-color: #0d0d42;
    border: 1px solid #0b0b44;
}

#quick-view-modal .left .numeros_circulo {
    color: #2136b1;
    background-color: #fafafa;
    border: 1px solid #f3f3f3;
}

#quick-view-modal .numeros_circulo.activo {
    background-color: #eb1b25;
    border: 1px solid #eb1b25;
    color: #fff;
}

#quick-view-modal .numeros_circulo.pasado {
    background-color: #06038d;
    border: 1px solid #06038d;
    color: #fff;
}

#quick-view-modal .botonera_superior_dinamica {
    width: 66%;
    height: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 0;
    margin: 0;
    z-index: 99;
}

/* END CIRCULOS BOTONERA PASO A PASO MODAL */

/* REMOVER LABELS */
.remove-label {
    width: 105px !important;
}

.remove-label.inline.selected {
    width: 100% !important;
}

.remove-label .wapf-field-label {
    display: none;
}

#quick-view-modal .label-above .wapf-field-label {
    margin: 10px 0 0;
}

#quick-view-modal .right.layout-horizontal .label-above .validacion-masa .wapf-field-label {
    margin: 10px 0 0;
}

/** #quick-view-modal .wapf-field-label label span
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    font-family: 'AvenirNextLTPro';
    line-height: 1;
    margin-top: 1rem;
    margin-bottom: .5rem;
**/

/* ---- ANIMATIONS PUFF-IN-CENTER ---- */
@-webkit-keyframes puff-in-center {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}

@keyframes puff-in-center {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}

/* ---- ANIMATION HEARTBEAT ---- */
@-webkit-keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

/* ---- ANIMATIONS VALIDACIÓN ---- */
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
    20%, 40%, 60%, 80% { transform: translateX(5px); }
}

@keyframes slideInDown {
    from {
        transform: translateY(-20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes shimmer {
    0% { left: -100%; }
    100% { left: 100%; }
}

@media (max-width: 767px) {
    div#quick-view-modal {
        background: #0101138f;
        z-index: 99999;
    }

    div#quick-view-modal .modal-body .row.m-0 {
        height: 100%;
    }

    #quick-view-modal .modal-dialog {
        height: 100dvh;
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 850px;
        border-radius: 0;
    }
    #quick-view-modal .modal-content {
        height: 100%;
        border-radius: 0;
    }
    .left div.img-modal, .right div.img-modal {
        display: none !important;
    }
    .left.layout-vertical, .right.layout-vertical {
        filter: brightness(1);
        height: 50dvh;
        border-radius: 0;
    }
    .left.layout-horizontal, .right.layout-horizontal {
        filter: brightness(1);
        height: 100%;
        border-radius: 0!important;
    }

    #quick-view-modal .botonera_superior_dinamica {
        width: auto;
        margin: 0 auto;
        top: 20px;
    }

    .left .btn-volver a {
        top: -55px;
    }

    .modal-pizza-unitaria .left .btn-volver a {
        top: -40px;
    }

    .right .btn-volver a {
        position: absolute;
        top: -15px;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 500;
        font-size: .8rem;
        color: #f0f0f0;
        transition: .5s all;
        z-index: 99999;
    }

    #quick-view-modal .layout-vertical .header-left, #quick-view-modal .layout-vertical .header-right {
        margin-top: 1.8rem;
    }

    #quick-view-modal .layout-horizontal .header-left {
        margin-top: 3rem;
    }

    #quick-view-modal .layout-horizontal .header-right {
        margin-top: 0;
    }

    #quick-view-modal.modal-especialidad .layout-vertical .header-left {
        margin-top: 0rem;
    }

    #quick-view-modal.modal-especialidad .layout-horizontal .header-left {
        margin-top:1rem;
    }

    #quick-view-modal.modal-especialidad .left.layout-vertical .titulo.uno {
        font-size: 1.2rem !important;
        height: 20px;
        margin: 0 auto .2rem;
        padding: 0 .3rem 0 .2rem;
    }

    #quick-view-modal .left.layout-vertical .titulo.dos {
        font-size: 1.2rem;
        min-width: 180px;
    }

    #quick-view-modal .right.layout-vertical .titulo.uno {
        font-size: 1.2rem;
        margin: 0 0 .5rem!important;
        padding: 0;
    }

    #quick-view-modal .right.layout-vertical .titulo.dos {
        margin: 0 0 .5rem;
    }

    #quick-view-modal.modal-arma-tu-pizza .left.layout-vertical .titulo.dos {
        max-width: 190px;
    }

    .modal-arma-tu-pizza form.cart {
        padding: 0 .5rem;
    }

    .modal-especialidad form.cart {
        padding: 0 .5rem;
    }

    .modal-combo .wapf-section, .modal-pizza-unitaria .wapf-section, .modal-arma-tu-pizza .layout-horizontal .wapf-section {
        min-height: 70dvh;
        padding: 0;
    }

    .modal-especialidad .layout-horizontal .wapf-section {
        min-height: 89dvh;
        padding: 0;
    }

    .modal-combo .wapf-section:last-child, .modal-pizza-unitaria .wapf-section:last-child, .modal-arma-tu-pizza .layout-horizontal .wapf-section:last-child, .modal-especialidad .layout-horizontal .wapf-section:last-child {
        min-height: 70dvh;
    }

    .modal-especialidad .left.layout-horizontal .wapf-section:last-child {
        min-height: 80dvh;
    }

    /* PIZZA UNITARIA MODAL HEIGHT */
    .modal-pizza-unitaria form.cart {
        padding: 0 .5rem;
    }

    .modal-pizza-unitaria .wapf-section:first-child, .modal-pizza-unitaria .wapf-section:nth-child(2) {
        min-height: 89dvh;
        padding: 0;
    }

    .modal-pizza-unitaria .wapf-section:last-child {
        min-height: 82dvh;
        padding: 0;
    }

    /* PIZZA UNITARIA PRICE */
    #quick-view-modal.modal-pizza-unitaria .wapf--inner div:last-child {
        bottom: 65px;
    }

    #quick-view-modal #wapf_204231 .wapf--inner div.step-3:last-child {
        bottom: 5px;
        right: unset;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    #quick-view-modal .right .wapf-checked .wapf-label-text {
        padding: 0px 4px!important;
    }

    /* #quick-view-modal .right.layout-vertical .titulo.dos {
        display: none !important;
    } */
     
    #quick-view-modal .right .siguiente.siguiente1.promo-next{
        margin: 0;
        min-width: 145px;
        padding: .7rem 1rem;
    }

    #quick-view-modal .right .titulo.uno {
        color: #fafafa;
        font-weight: 800;
        font-size: 1.5rem;
        font-style: italic;
        font-family: 'AvenirNextLTPro';
        text-align: center;
        align-items: center;
        text-transform: uppercase;
        margin: 1rem 0 0;
        line-height: .8;
        transition: .5s all;
        padding-top: 1rem;
    }

    #quick-view-modal .right .titulo.dos { 
        display: none;
    }

    #quick-view-modal .label-above .wapf-field-label {
        margin: 5px 0 0;
    }

    .wapf-field-group, .wapf-section {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        padding: 0;
    }
    
    .modal-combo .wapf-field-group {
        height: 100%;
    }

    .modal-combo .wapf-section {
        display: flex;
        min-height: 89dvh;
        padding: 0;
    }

    .size-stats-container {
        margin: 0rem 2rem !important;
    }

    .wapf-product-totals .wapf--inner {
        margin: 0;
        position: relative;
    }

    .content-prod-modal {
        padding: .2rem;
    }

    #quick-view-modal .left .wapf-label-text {
        padding: 0px;
        text-align: center;
        color: #8a8a8a;
        font-size: .65rem;
        margin: 0px;
    }

    #quick-view-modal .left .wapf-checkbox label, .wapf-radio label {
        display: flex;
        align-items: center;
        min-width: 22.2dvw;
        width: 22.2dvw;
        max-width: 86px;
        height: 50px;
        border: 1px solid #f1f1f1;
        background-color: #ffffff;
        justify-content: center;
        border-radius: .3rem;
        transition: .3s;
        padding: 0px 8px;
    }

    #quick-view-modal .right .wapf-checkbox label, #quick-view-modal .wapf-radio label {
        display: flex;
        align-items: center;
        min-width: 22.2dvw;
        width: 22.2dvw;
        max-width: 86px;
        height: 50px;
        border: 1px solid #9d9b9b;
        background-color: transparent;
        justify-content: center;
        border-radius: .3rem;
        transition: .3s;
        padding: 0px 4px;
    }

    #quick-view-modal .right .wapf-label-text {
        padding: 0px;
        text-align: center;
        color: #e0e0e0;
        font-size: .65rem;
        margin: 0px;
    }

    .modal-arma-tu-pizza .left .seccion-tamano, .modal-especialidad .left .size-tab {
        min-height: 90px;
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;
    }

    #quick-view-modal .left .pizza-size-stats, #quick-view-modal .right .pizza-size-stats {
        margin-bottom: 1.5rem;
        padding: 0;
    }

    .esp-size-selection, .promo-size-selection {
        min-height: 90px;
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;
    }

    #quick-view-modal .left .wapf-field-label label {
        color: #000084;
        margin: 0;
        text-transform: uppercase;
        font-weight: 600;
        font-family: 'AvenirNextLTPro';
    }

    #quick-view-modal.modal-especialidad .left .wapf--inner div:last-child {
        display: flex;
        justify-content: center;
        position: absolute;
        bottom: 70px;
        right: 0;
        width: 0;
        color: #000084;
        font-weight: bold;
        width: 100%;
    }

    #quick-view-modal.modal-arma-tu-pizza .left .wapf--inner div:last-child {
        display: flex;
        justify-content: center;
        position: absolute;
        bottom: 0px;
        right: 0;
        width: 0;
        color: #000084;
        font-weight: bold;
        width: 100%;
    }

    #quick-view-modal .right .wapf-field-label label, #quick-view-modal .right .wapf-field-label div.esp-label {
        color: #fff;
        margin: 0px 0px 2px 0px;
        text-transform: uppercase;
        font-weight: 600;
        font-family: 'AvenirNextLTPro';
    }

    #quick-view-modal .wapf-checkboxes, .wapf-radios {
        display: inline-flex;
        flex-wrap: wrap !important;
        gap: 5px !important;
        padding: 0 0 .4rem;
    }

    /* Estilos responsivos para validación en modal */
    #quick-view-modal .wapf-validation-message {
        padding: 6px 10px;
        margin: 6px 0 30px 0 !important;
    }

    #quick-view-modal .validation-error-content .material-symbols-outlined {
        font-size: 14px;
    }
    
    #quick-view-modal .validation-text {
        font-size: 0.75rem;
    }

    #quick-view-modal .siguiente {
        bottom: -70px;
        display: block;
    }

    #quick-view-modal .right .siguiente {
        bottom: -70px;
        display: block;
        width: 100%;
        position: absolute;
    }

    #quick-view-modal .right .wapf--inner div:last-child {
        bottom: 0;
        right: auto;
        left: auto;
        justify-content: center;
        width: 100%;
    }

    #quick-view-modal .right span.sub-titulo.uno {
        color: #fafafa;
        text-transform: uppercase;
        font-weight: 600;
        font-family: 'AvenirNextLTPro';
        font-style: italic;
        font-size: .75rem;
        text-align: center;
        background-color: #eb1d25;
        max-width: fit-content;
        padding: .3rem .4rem .1rem;
        clip-path: polygon(3% 0%, 100% 0, 98% 100%, 0% 100%);
        line-height: 1;
        margin: 1rem 0 .5rem!important;
    }

    #quick-view-modal .siguiente.siguiente1 {
        bottom: 0px;
        display: block;
    }

    #quick-view-modal.modal-especialidad .siguiente {
        display: block;
    }

    #quick-view-modal .left.layout-horizontal .siguiente {
        position: relative;
        top: 0;
        display: block;
        width: 100%;
        padding: .7rem 1.5rem;
        margin: auto 0 0;
        font-size: .8rem;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        color: #ffffff;
        background-color: #000084;
        border: 1px solid #000084;
        border-radius: 7px;
        cursor: pointer;
        transition: .2s all;
        transform: none;
    }

    #quick-view-modal.modal-arma-tu-pizza .left.layout-horizontal .siguiente {
        top: 70px;
    }

    #quick-view-modal.modal-arma-tu-pizza .left #wapf_477_left .wapf--inner div.step-4, #quick-view-modal.modal-arma-tu-pizza .left #wapf_399_left .wapf--inner div.step-5 {
        display: flex;
        justify-content: center;
        right: unset;
        bottom: 5px;
        width: 100%;
    }

    #quick-view-modal.modal-especialidad .left .wapf--inner div.step-4:last-child {
        display: flex;
        justify-content: center;
        position: absolute;
        bottom: 5px;
        right: unset;
        width: 100%;
        color: #000084;
        font-weight: bold;
        z-index: -1;
    }

    #quick-view-modal .right button.single_add_to_cart_button.button.alt {
        position: unset;
        min-width: 170px;
        width: -webkit-fill-available;
        padding: .5rem .8rem;
        margin: 1rem 0;
        font-size: .8rem;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        color: #ffffff;
        background-color: #c60e20;
        border: 1px solid #c60e20;
        border-radius: 7px;
        cursor: pointer;
        transition: .2s all;
        float: none;
    }

    #quick-view-modal.modal-especialidad .right .wapf--inner div.step-6, #quick-view-modal.modal-arma-tu-pizza .right #wapf_1415064_right .wapf--inner div.step-6 {
        bottom: 0px;
        right: 0;
    }

    #quick-view-modal .left.layout-horizontal .siguiente:hover {
        transform: none;
    }

    #quick-view-modal .left.layout-horizontal .siguiente:active {  
        transform: none;
        background-color: #2a43d8;
    }

    #quick-view-modal .left button.single_add_to_cart_button.button.alt {
        position: unset;
        min-width: 100%;
        padding: .7rem .8rem;
        margin: 0;
        font-size: .8rem;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        color: #ffffff;
        background-color: #000084;
        border: 1px solid #000084;
        border-radius: 7px;
        cursor: pointer;
        transition: .2s all;
        float: none;
    }

    /* .pizza-size-info {
        display: none;
    } */

    #quick-view-modal.modal-pizza-unitaria .left.layout-horizontal .titulo.dos, #quick-view-modal.modal-combo .left.layout-horizontal .titulo.dos, #quick-view-modal.modal-arma-tu-pizza .left.layout-horizontal .titulo.dos, #quick-view-modal.modal-especialidad .left.layout-horizontal .titulo.dos {
        font-size: 1.2rem;
        margin: 0 auto;
        padding: 0;
        max-width: 200px;
    }

    #quick-view-modal.modal-combo .wapf--inner {
        display: flex;
        justify-content: flex-end;
    }

    /* MODAL COMBO */

    .modal-combo form.cart {
        padding: 0 .5rem;
    }

    .modal-combo .header-left {
        margin-top: 3rem;
    }

    #quick-view-modal.modal-combo .left .btn-volver a {
        top: -35px;
        z-index: 999;
    }

    /* COMBOS 1 al 5*/
    #quick-view-modal #wapf_191 .wapf--inner div:last-child,
    #quick-view-modal #wapf_206 .wapf--inner div:last-child,
    #quick-view-modal #wapf_209 .wapf--inner div:last-child,
    #quick-view-modal #wapf_537 .wapf--inner div:last-child,
    #quick-view-modal #wapf_540 .wapf--inner div:last-child,
    #quick-view-modal #wapf_477 .wapf--inner div:last-child {
        position: relative;
        bottom: 80px;
        right: 0;
        width: 100%;
        padding: 0 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* COMBOS 1 al 5 */
    #quick-view-modal #wapf_191 .wapf--inner div.step-3:last-child, 
    #quick-view-modal #wapf_206 .wapf--inner div.step-3:last-child, 
    #quick-view-modal #wapf_209 .wapf--inner div.step-2:last-child, 
    #quick-view-modal #wapf_537 .wapf--inner div.step-5:last-child, 
    #quick-view-modal #wapf_540 .wapf--inner div.step-5:last-child,
    #quick-view-modal #wapf_477 .wapf--inner div.step-4:last-child {
        position: relative;
        bottom: 0;
        right: 0;
        width: 105px;
        justify-content: flex-end;
    }

    /* MODAL 2x */
    #quick-view-modal.modal-especialidad .right .wapf--inner div.step-1, #quick-view-modal.modal-arma-tu-pizza .right .wapf--inner div.step-1 {
        bottom: 85px;
        color: #f2f2f2;
        width: 100%;
        left: auto;
        right: auto;
        justify-content: center;
    }

    #quick-view-modal.modal-especialidad .left .wapf--inner div.step-1 .wapf-total, #quick-view-modal.modal-especialidad .right .wapf--inner div.step-1 .wapf-total {
        margin: 0 auto;
        padding: 0;
    }

    #quick-view-modal.modal-especialidad .left .wapf--inner div.step-1 {
        bottom: 85px;
        width: 100%;
        right: auto;
        left: auto;
    }

    #quick-view-modal.modal-arma-tu-pizza .left .wapf--inner div.step-1 {
        bottom: 84px;
        left: auto;
        right: auto;
        width: 100%;
        justify-content: center;
    }

    .home .card-product-caontainer {
        min-height: 150px;
        height: 100%;
    }

    .modal-especialidad .layout-horizontal #wapf_1415063_right .wapf-section:nth-child(2), .modal-especialidad .layout-horizontal #wapf_1415063_right .wapf-section:nth-child(4) {
        min-height: 80dvh;
    }
    
    .modal-especialidad .layout-horizontal #wapf_1415063_right .wapf-section:nth-child(3), .modal-especialidad .layout-horizontal #wapf_1415063_right .wapf-section:nth-child(5) {
        min-height: 80dvh;
    }

    #quick-view-modal .text-right.btn-continuar {
        margin: auto 0 0;
        padding: 0 0 .3rem !important;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
    }

    /* MODAL COMBO 6 */
    #quick-view-modal.modal-combo .left #wapf_538 .text-right.btn-continuar {
        margin-bottom: 0;
    }

    /* MODAL COMBO 6 */
    #quick-view-modal.modal-combo #wapf_538 .wapf--inner div:last-child {
        display: block;
        position: absolute;
        bottom: 50px;
        right: 150px;
        width: 105px;
        color: #000084;
        font-weight: bold;
    }

    /* MODAL COMBO 6 */
    #quick-view-modal.modal-combo #wapf_538 .wapf-section:last-child {
        min-height: 79dvh;
    }

    /* MODAL COMBO 6 */
    #quick-view-modal.modal-combo #wapf_538 .wapf--inner div.step-4:last-child {
        display: block;
        position: absolute;
        bottom: 5px;
        right: unset;
        display: flex;
        justify-content: center;
        width: 100%;
        color: #000084;
        font-weight: bold;
    }

    #quick-view-modal .text-right.btn-continuar .wapf-field-input {
        width: 100%;
    }

    /* FIX PROd */
    #quick-view-modal .right.layout-horizontal .titulo.uno {
        margin-bottom: 0px;
        font-size: 1rem;
        height: 0;
        visibility: hidden;
    }

    #quick-view-modal button.close {
        background-color: #ffffffbb !important;
        padding: .2rem;
        position: absolute;
        z-index: 999;
        top: 0px;
        transition: 0.25s;
        border-radius: 2rem;
        margin: 1.5rem 1rem 0px 0px;
    }

    /* COMBOS LAST PRICE */
    #quick-view-modal #wapf_191 .wapf--inner div.step-3:last-child,
    #quick-view-modal #wapf_206 .wapf--inner div.step-3:last-child,
    #quick-view-modal #wapf_209 .wapf--inner div.step-2:last-child,
    #quick-view-modal #wapf_537 .wapf--inner div.step-5:last-child,
    #quick-view-modal #wapf_540 .wapf--inner div.step-5:last-child
    {
        justify-content: center;
        bottom: 0px;
        right: unset;
        width: 100%;
    }
    
    #quick-view-modal.modal-especialidad .left .wapf--inner div.step-2:last-child,
    #quick-view-modal.modal-especialidad .left .wapf--inner div.step-3:last-child {
        bottom: 70px;
    }
}