.wf-precio-display{
 display:flex;
 flex-direction:column;
 align-items:center;
 width:100%;
 padding:10px 0;
}
.wf-precio-unico{
 color:#ffffff;
 font-weight:bold;
 font-size:18px;
 text-align:center;
 border:solid 1px;
 border-radius:5px;
 padding:.1em .5em;
}
.wf-precios-multiples{
 background:transparent;
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 width:100%;
 gap:.7em 1em;
}
.wf-precio-item{
 text-align:center;
 color:#ffffff;
 font-size:18px;
 border:solid 1px;
 border-radius:5px;
 padding:.1em .5em;
}
.wf-precio-label{
 font-weight:bold;
 margin-right:8px;
}
.wf-precio-valor{
 font-weight:bold;
}
.selector-precios-pedido{
 display:flex;
 flex-direction:column;
 align-items:center;
 margin-top:.5em;
}
.selector-precios-pedido.modo-activo .opciones-precio{
 margin-bottom:10px;
 border-radius:5px;
 background:transparent;
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 width:100%;
}
.selector-precios-pedido.modo-activo .opcion-precio{
 margin:5px 15px;
 border-radius:3px;
}
.selector-precios-pedido.modo-activo .opcion-precio label{
 display:flex;
 align-items:center;
 cursor:pointer;
 padding:5px;
 transition:background 0.3s;
 font-size:18px;
}
.selector-precios-pedido.modo-activo .opcion-precio label:hover{
 background:rgba(255,255,255,0.1);
}
.selector-precios-pedido.modo-activo .opcion-precio input[type="radio"]{
 margin-right:10px;
 cursor:pointer;
}
.selector-precios-pedido.modo-activo .label-precio{
 font-weight:bold;
 margin-right:15px;
 min-width:120px;
 color:#ffffff;
 font-size:16px;
}
.selector-precios-pedido.modo-activo .valor-precio{
 color:#ffffff;
 font-weight:bold;
}
.selector-precios-pedido.modo-activo .btn-agregar-pedido{
 background:#0a6680;
 color:white;
 border:none;
 padding:10px 20px;
 border-radius:5px;
 cursor:pointer;
 transition:all 0.3s ease;
 width:60%;
 font-size:18px;
 font-family:"Josefin Sans",-apple-system,BlinkMacSystemFont,sans-serif;
 box-shadow:none !important;
 display:block;
}
@media (max-width:667px){
 .selector-precios-pedido.modo-activo .btn-agregar-pedido{
 width:90%;
 margin-top:.5em;
}
}
.selector-precios-pedido.modo-activo .btn-agregar-pedido:hover{
 background:#0d7a99;
 transform:translateY(-2px);
}
.selector-precios-pedido.modo-activo .btn-agregar-pedido.agregado{
 background:#4CAF50;
}
.carrito-pedidos-flotante{
 position:fixed;
 bottom:6em;
 right:.5em;
 z-index:9999991;
}
.btn-lista-pedidos{
 background:#333;
 color:white;
 border:none;
 border-radius:50%;
 width:60px;
 height:60px;
 font-size:24px;
 cursor:pointer;
 box-shadow:0 4px 12px rgba(0,0,0,0.2);
 display:flex;
 align-items:center;
 justify-content:center;
 position:relative;
 transition:all 0.3s ease;
}
.btn-lista-pedidos:hover{
 background:#0a6680;
 transform:scale(1.1);
}
.carrito-contador{
 position:absolute;
 top:-5px;
 right:-5px;
 background:#ff3838;
 color:white;
 border-radius:50%;
 width:24px;
 height:24px;
 font-size:14px;
 font-weight:bold;
 display:flex;
 align-items:center;
 justify-content:center;
}
button:focus{
 outline:none;
 background-color:#0a6680!important;
}
.modal-pedidos{
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background:rgba(0,0,0,0.7);
 z-index:9999999;
 display:none;
 align-items:center;
 justify-content:center;
 padding:20px;
 box-sizing:border-box;
}
.modal-contenido{
 background:#333;
 width:100%;
 max-width:800px;
 height:auto;
 max-height:90vh;
 border-radius:10px;
 overflow:hidden;
 display:flex;
 flex-direction:column;
 box-shadow:0 10px 30px rgba(0,0,0,0.3);
 margin:0 auto;
}
body .modal-comanda{
 z-index:99999991 !important;
}
@media (min-width:769px){
 .modal-contenido{
 width:60%;
 max-height:85vh;
}
}
@media (max-width:768px){
 .modal-pedidos{
 padding:0;
 align-items:stretch;
}
 .modal-contenido{
 width:100%;
 height:100%;
 max-height:100vh;
 border-radius:0;
 max-width:100%;
}
}
.modal-header{
 background:#333;
 color:white;
 padding:5px 20px;
 display:flex;
 justify-content:space-between;
 align-items:center;
 flex-shrink:0;
 box-shadow:0px 12px 18px -6px rgba(0,0,0,0.3);
}
.modal-header h3{
 margin:0;
 font-size:1.3em;
 color:white;
 padding:0 !important;
}
.cerrar-modal{
 background:none;
 border:none;
 color:white;
 font-size:28px;
 cursor:pointer;
 line-height:1;
 padding:0;
 width:30px;
 height:30px;
 display:flex;
 align-items:center;
 justify-content:center;
 border-radius:50%;
}
.modal-body{
 padding:20px;
 overflow-y:auto;
 flex-grow:1;
 -webkit-overflow-scrolling:touch;
 background:rgba(0,48,59,0.95);
}
.lista-pedidos-vacia{
 text-align:center;
 color:#666;
 padding:40px 0;
 display:block;
}
.lista-pedidos{
 list-style:none;
 padding:0;
 margin:0;
 display:none;
}
.lista-pedidos li.grupo-tag-header{
 display:flex;
 align-items:center;
 gap:8px;
 padding:10px 0 6px;
 border-bottom:none;
 border-top:1px solid rgba(201,168,76,0.25);
 margin-top:6px;
}
.lista-pedidos li.grupo-tag-header:first-child{
 margin-top:0;
 border-top:none;
}
.grupo-tag-icono{
 font-size:16px;
 line-height:1;
}
.grupo-tag-nombre{
 font-size:12px;
 font-weight:700;
 text-transform:uppercase;
 letter-spacing:0.1em;
 color:#c9a84c;
}
.lista-pedidos li{
 display:flex;
 align-items:center;
 padding:15px 0;
 border-bottom:1px dashed grey;
}
.lista-pedidos li.grupo-tag-header + li{
 border-top:none;
}
.item-media{
 margin-right:15px;
 position:relative;
 flex-shrink:0;
 width:60px;
 height:60px;
 overflow:hidden;
 border-radius:5px;
}
.item-media video,
.item-media img{
 width:100%;
 height:100%;
 object-fit:cover;
 display:block;
}
.video-indicator{
 position:absolute;
 top:2px;
 right:2px;
 background:rgba(0,0,0,0.7);
 color:white;
 border-radius:50%;
 width:18px;
 height:18px;
 display:flex;
 align-items:center;
 justify-content:center;
 font-size:9px;
 z-index:2;
}
.item-container{
 display:flex;
 width:100%;
}
.item-contenido{
 flex-grow:1;
 min-width:0;
}
.item-inferior{
 display:flex;
 align-items:center;
 justify-content:flex-end;
}
.item-controles{
 display:flex;
}
.item-titulo{
 font-weight:bold;
 margin-bottom:5px;
 word-break:break-word;
 font-size:14px;
 color:#fff;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;
 line-clamp:2;
 overflow:hidden;
 line-height:1.2em;
}
.item-precio-info{
 font-size:12px;
 color:#fff;
 margin-bottom:3px;
 min-width:30%;
}
.item-precio{
 color:#00303b;
 font-weight:bold;
 font-size:14px;
}
.item-cantidad{
 display:flex;
 align-items:center;
 margin:0 15px;
 flex-shrink:0;
}
.btn-cantidad{
 background:#f0f0f0;
 border:none;
 width:30px;
 height:30px;
 border-radius:50%;
 cursor:pointer;
 display:flex;
 align-items:center;
 justify-content:center;
 font-weight:bold;
 font-size:16px;
 color:#333;
}
.btn-cantidad:hover{
 background:#e0e0e0;
}
.cantidad-numero{
 margin:0 10px;
 min-width:30px;
 text-align:center;
 color:#fff;
 font-weight:bold;
}
.btn-eliminar{
 background:#ff6b6b;
 color:white;
 border:none;
 width:30px;
 height:30px;
 border-radius:50%;
 cursor:pointer;
 display:flex;
 align-items:center;
 justify-content:center;
 flex-shrink:0;
 font-size:18px;
}
.btn-eliminar:hover{
 background:#ff5252;
}
.resumen-pedido{
 padding:0 20px;
 background:#022830;
 border-top:1px solid rgba(255,255,255,0.1);
 flex-shrink:0;
 display:none;
 box-shadow:0px -12px 18px -6px rgba(0,0,0,0.3);
}
.resumen-linea{
 display:flex;
 justify-content:space-between;
 align-items:center;
 padding:0;
 color:rgba(255,255,255,0.75);
 font-size:14px;
}
.resumen-linea + .resumen-linea{
 border-top:1px dashed rgba(255,255,255,0.1);
}
.resumen-total-linea{
 padding-top:0 !important;
 border-top:1px solid rgba(255,255,255,0.3) !important;
 color:#fff !important;
 font-size:17px;
 font-weight:bold;
}
.resumen-concepto{
 letter-spacing:0.02em;
}
.resumen-monto{
 font-weight:600;
 font-variant-numeric:tabular-nums;
}
.resumen-total-linea .resumen-monto{
 font-size:18px;
 color:#c9a84c;
}
.resumen-imp-inc-linea{
 justify-content:center;
}
.resumen-imp-inc-texto{
 font-size:12px;
 font-style:italic;
 color:rgba(255,255,255,0.5);
 letter-spacing:0.03em;
 text-align:center;
}
.modal-footer{
 padding:20px;
 display:flex;
 justify-content:center;
 background:#03313b;
 border-top:1px solid grey;
 flex-shrink:0;
}
body .pedido-min-aviso{
 background:#ff6b6b !important;
 border-top:1px solid rgba(201,168,76,0.3);
 color:#fff !important;
 font-size:14px !important;
 text-align:center;
 padding:10px 16px;
 line-height:1.5;
 flex-shrink:0;
 display:none;
}
body .pedido-min-aviso strong{
 font-weight:bold !important;
 color:#333!important;
 padding:.1em .3em;
 border-radius:100px;
 background:#f0f0f0;
 border:#000 dashed 1px;
}
.generar-pedido:disabled,
.generar-pedido[disabled]{
 background:#2a2a2a !important;
 color:#555 !important;
 border-color:#444 !important;
 cursor:not-allowed !important;
 transform:none !important;
 box-shadow:none !important;
}
.vaciar-pedido{
 background:#ff6b6b;
 color:white;
 border:none;
 padding:12px 24px;
 border-radius:5px;
 cursor:pointer;
 font-size:14px;
 font-weight:bold;
 letter-spacing:.1em;
}
.vaciar-pedido:hover{
 background:#ff5252;
}
@media (max-width:480px){
 .modal-header{
 padding:5px 15px !important;
 box-shadow:0px 12px 18px -6px rgba(0,0,0,0.3);
}
 .modal-header h3{
 font-size:1.1em;
 padding:0 !important;
}
 .modal-body{
 padding:15px;
}
 .lista-pedidos li{
 flex-wrap:nowrap !important;
 padding:12px 0;
}
 .modal-footer{
 padding:15px;
}
 .vaciar-pedido{
 padding:10px 20px;
 font-size:13px;
}
 .resumen-pedido{
 padding:0px 15px;
}
}
@media (min-width:481px) and (max-width:768px){
 .modal-contenido{
 margin:20px;
 max-height:90vh;
 border-radius:10px;
}
 .modal-pedidos{
 align-items:center;
}
}
.comanda-linea-decorativa{
 font-size:18px;
 color:#c9a84c;
 margin:10px 0;
 letter-spacing:6px;
 text-align:center;
}
.comanda-gracias{
 font-size:16px;
 font-style:italic;
 color:#7a6a50;
 margin-top:12px;
 letter-spacing:1px;
 text-align:center;
}
.comanda-mesa-numero-display{
 display:flex;
 align-items:center;
 gap:10px;
 padding:12px 16px;
 background:#fdfaf4;
 border:1.5px solid #c9a84c;
 border-radius:8px;
}
.mesa-icono{
 font-size:22px;
}
.mesa-texto{
 font-size:18px;
 font-family:"Georgia",serif;
 color:#1a1a1a;
}
.mesa-texto strong{
 color:#c9a84c;
 font-size:20px;
}
.comanda-mesa-toggle-wrap{padding:4px 0;}
.comanda-acordeon.sin-formulario{
 border:none !important;
 border-radius:0 !important;
 background:transparent !important;
}
.comanda-acordeon.sin-formulario .comanda-acordeon-trigger{
 display:none !important;
}
.comanda-acordeon.sin-formulario .comanda-acordeon-body{
 max-height:none !important;
 padding:0 !important;
 border-top:0 !important;
 overflow:visible !important;
}
.comanda-mesa-comensales{
 display:flex;
 flex-direction:column;
 gap:6px;
}
.comanda-mesa-aviso{
 display:flex;
 gap:10px;
 align-items:flex-start;
 padding:12px 14px;
 background:#fff8e1;
 border:1.5px solid #c9a84c;
 border-radius:8px;
 font-family:"Georgia",serif;
}
.comanda-mesa-aviso span{
 font-size:18px;
 flex-shrink:0;
 line-height:1.4;
}
.comanda-mesa-aviso p{
 font-size:13px;
 color:#7a6a50;
 margin:0;
 line-height:1.5;
}
.comanda-rgpd-texto{
 font-size:11px;
 color:#aaa;
 font-style:italic;
 text-align:center;
 margin:0;
 line-height:1.5;
 font-family:sans-serif;
 padding:0 4px;
}
.comanda-mesa-section{
 margin-top:24px;
 padding:16px;
 background:#fff;
 border:2px solid #c9a84c;
 border-radius:12px;
 display:flex;
 flex-direction:column;
 gap:16px;
 text-align:left;
}
.comanda-mesa-section .comanda-wa-input-cambio{
 max-width:180px;
}
@media (max-width:480px){
 .comanda-mesa-section{
 padding:12px;
 gap:12px;
}
 .mesa-texto{
 font-size:16px;
}
 .mesa-texto strong{
 font-size:18px;
}
 .comanda-mesa-aviso p{
 font-size:12px;
}
 .mesa-toggle-texto{
 font-size:13px;
}
}
.wf-toggle-restaurante{
 padding:5px;
 border-top:1px dashed rgba(201,168,76,0.35);
 background:#022830;
 flex-shrink:0;
}
.wf-toggle-restaurante .switch label{
 display:flex;
 align-items:center;
 gap:5px;
 font-size:14px;
 color:#e4655a;
 font-weight:600;
 cursor:pointer;
 line-height:1.4;
 margin:0;
}
.wf-toggle-restaurante .switch label #wfToggleTexto{
 flex:1;
}
.wf-toggle-restaurante .switch label #wfToggleTexto:before{
 content:"🍽️ ";
 font-size:18px;
}
.comanda-guardar-numero{
 display:flex;
 align-items:center;
 gap:10px;
 padding:10px 14px;
 background:#fff8e1;
 border:1.5px dashed #c9a84c;
 border-radius:8px;
 font-family:"Georgia",serif;
 font-size:13px;
 color:#7a6a50;
 line-height:1.5;
 margin:0;
 text-align:left;
}