@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{height:100%;width:100%}#root,*,body,html{margin:0;padding:0}*{-webkit-user-drag:none;box-sizing:border-box;transition:all .2s linear}img{user-select:none;-webkit-user-select:none}:root{--text-color:#000;--text-color2:#5c5959;--bg-color:#111;--gris:#fafafa;--gris2:#f3eeee;--color1:#fe1e78;--color2:#752fb5;--color3:rgba(186,16,216,.455);--blanco:#fff;--input:#c1bfbf;--loading:#fe1e78}[data-theme=dark]{--text-color:#e0e0e0;--text-color2:#b0b0b0;--bg-color:#1a1a1a;--gris:#1e1e1e;--gris2:#2a2a2a;--blanco:#2c2c2c;--input:#3a3a3a;--color1:#fe1e78;--color2:#8c4bc9;--color3:#ba10d899;--loading:#fe1e78}.HeaderDashContain,.cardProdcutSelected,.cardProdcutmasVendido,.modalNav,.modaldashboard,.navbarDashboard,body,button,div,header,input,nav,section,select,textarea{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease!important}[data-theme=dark] .navbarDashboard{background-color:#1a1a1a!important;box-shadow:0 0 20px #00000080}[data-theme=dark] .navbarDashboard a{color:#e0e0e0!important}[data-theme=dark] .activeLink,[data-theme=dark] .navbarDashboard a.active,[data-theme=dark] .navbarDashboard a:hover{background-color:#2c2c2c!important;color:#fe1e78!important;color:var(--color1)!important}[data-theme=dark] .table th{background-color:#2a2a2a!important;color:#e0e0e0!important}[data-theme=dark] .table td{color:#b0b0b0!important}[data-theme=dark] .table tr:hover{background-color:#2c2c2c!important}[data-theme=dark] .tablaReservasContainer,[data-theme=dark] .table-container{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .tablaReservas{color:#e0e0e0}[data-theme=dark] .tablaReservas thead{background-color:#2a2a2a!important}[data-theme=dark] .tablaReservas th{color:#e0e0e0!important}[data-theme=dark] .tablaReservas td{border-color:#3a3a3a!important;color:#b0b0b0!important}[data-theme=dark] .tablaReservas tbody tr:hover{background-color:#2c2c2c!important}[data-theme=dark] .reservaCard{border-color:#3a3a3a!important}[data-theme=dark] .reservaCardHeader{background-color:#2a2a2a!important;color:#e0e0e0!important}[data-theme=dark] .reservaCardBody p{color:#b0b0b0!important}[data-theme=dark] .reservaCardBody strong{color:#e0e0e0!important}[data-theme=dark] .reportsContainer{background-color:#fafafa!important;background-color:var(--gris)!important}[data-theme=dark] .reportsHeader h2{color:#e0e0e0!important}[data-theme=dark] .reportsFilters{background-color:#fff!important;background-color:var(--blanco)!important;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .filterLabel{color:#b0b0b0!important}[data-theme=dark] .presetBtn{background-color:#2a2a2a!important;border-color:#3a3a3a!important;color:#b0b0b0!important}[data-theme=dark] .presetBtn:hover{border-color:#fe1e78!important;border-color:var(--color1)!important;color:#fe1e78!important;color:var(--color1)!important}[data-theme=dark] .presetBtn.active{background-color:#fe1e78!important;background-color:var(--color1)!important;border-color:#fe1e78!important;border-color:var(--color1)!important;color:#fff!important}[data-theme=dark] .customDateFilters input{background-color:#2a2a2a!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .metricCard{background-color:#fff!important;background-color:var(--blanco)!important;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .metricValue{color:#e0e0e0!important}[data-theme=dark] .metricLabel{color:#b0b0b0!important}[data-theme=dark] .chartCard{background-color:#fff!important;background-color:var(--blanco)!important;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .chartTitle{color:#e0e0e0!important}[data-theme=dark] .lastOrdersTable{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .lastOrdersTable th{background-color:#2a2a2a!important;color:#e0e0e0!important}[data-theme=dark] .lastOrdersTable td{border-color:#3a3a3a!important;color:#b0b0b0!important}[data-theme=dark] .paymentMethodsTable th{background-color:#2a2a2a!important}[data-theme=dark] .paymentMethodsTable td{color:#b0b0b0!important}[data-theme=dark] .FooterContain{background-color:#1a1a1a!important;border-top:1px solid #2a2a2a}[data-theme=dark] .footerText a,[data-theme=dark] .footerText h2,[data-theme=dark] .footerText h3{color:#e0e0e0!important}[data-theme=dark] .btnAnch,[data-theme=dark] .btnDownloadApp{background-color:#fe1e78!important;background-color:var(--color1)!important;color:#fff!important}[data-theme=dark] .filtrosReservas{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .inputFiltro,[data-theme=dark] .inputFiltroFecha,[data-theme=dark] .selectFiltro{background-color:#2a2a2a!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .iconoFiltro{color:#b0b0b0!important}[data-theme=dark] .overlay,[data-theme=dark] .overlay-cart,[data-theme=dark] .overlay-modal,[data-theme=dark] .overlay-wpp,[data-theme=dark] .overlayInput{background-color:#0009}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{border:1px solid #ffffff1a;color:#000;color:var(--text-color)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#5c5959;color:var(--text-color2)}[data-theme=dark] .modal-cart,[data-theme=dark] .modal-send-form,[data-theme=dark] .modaldashboard{box-shadow:0 4px 30px #000000b3}[data-theme=dark] .HeaderDashContain{box-shadow:0 4px 15px #00000080}[data-theme=dark] nav{box-shadow:0 4px 30px #00000080}[data-theme=dark] .containerSection,[data-theme=dark] .content_tables{background-color:#fafafa!important;background-color:var(--gris)!important}[data-theme=dark] p,[data-theme=dark] span{color:#5c5959;color:var(--text-color2)}[data-theme=dark] label{color:#000;color:var(--text-color)}[data-theme=dark] .containerBanners,[data-theme=dark] .containerCategorias,[data-theme=dark] .containerCocina,[data-theme=dark] .containerEvaluaciones,[data-theme=dark] .containerGastos,[data-theme=dark] .containerInventarios,[data-theme=dark] .containerMesas,[data-theme=dark] .containerPaymentMethods,[data-theme=dark] .containerPedidos,[data-theme=dark] .containerProductos,[data-theme=dark] .containerUsuarios{background-color:#fafafa!important;background-color:var(--gris)!important}[data-theme=dark] .tabsContainer{background-color:#fff!important;background-color:var(--blanco)!important;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .tabButton{border-color:#3a3a3a!important;color:#b0b0b0!important}[data-theme=dark] .tabButton.active{background-color:#fe1e78!important;background-color:var(--color1)!important;color:#fff!important}[data-theme=dark] .tabButton:hover{background-color:#2c2c2c!important;color:#fe1e78!important;color:var(--color1)!important}[data-theme=dark] .cardsCantidad{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .cardsCantidad h3,[data-theme=dark] .cardsCantidad h4,[data-theme=dark] .cardsCantidad p{color:#e0e0e0!important}[data-theme=dark] .inputsGrap input{border-color:#3a3a3a!important}[data-theme=dark] .buscador,[data-theme=dark] .inputsGrap input{background-color:#c1bfbf!important;background-color:var(--input)!important;color:#e0e0e0!important}[data-theme=dark] .btnAgregar,[data-theme=dark] .btnNuevo{box-shadow:0 2px 8px #fe1e784d}[data-theme=dark] .btnSecundario,[data-theme=dark] .pagination button{background-color:#2a2a2a!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .pagination button.active{background-color:#fe1e78!important;background-color:var(--color1)!important;color:#fff!important}[data-theme=dark] .chartLabel,[data-theme=dark] .chartLegend,[data-theme=dark] .loadingOverlay{color:#b0b0b0!important}[data-theme=dark] .badge,[data-theme=dark] .estado,[data-theme=dark] .status{filter:brightness(1.1)}[data-theme=dark] .noResult{background:linear-gradient(90deg,#2a2a2a,#3a3a3a 50%,#2a2a2a)}[data-theme=dark] ::-webkit-scrollbar-track{background:#1a1a1a}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#fe1e78;background:var(--color1)}[data-theme=dark] .modalNav{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .modalNav h2,[data-theme=dark] .modalNav h3,[data-theme=dark] .modalNav label,[data-theme=dark] .modalNav p{color:#e0e0e0!important}[data-theme=dark] .cardProdcutSelected,[data-theme=dark] .cardProdcutmasVendido{background-color:#fff!important;background-color:var(--blanco)!important;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .cardProdcutSelected h3,[data-theme=dark] .cardProdcutSelected p,[data-theme=dark] .cardProdcutmasVendido h3,[data-theme=dark] .cardProdcutmasVendido p{color:#e0e0e0!important}[data-theme=dark] .detail-contain{background-color:#fafafa!important;background-color:var(--gris)!important}[data-theme=dark] .detail-contain h1,[data-theme=dark] .detail-contain h2,[data-theme=dark] .detail-contain h3,[data-theme=dark] .detail-contain p{color:#e0e0e0!important}[data-theme=dark] .cardProductCart{background-color:#f3eeee!important;background-color:var(--gris2)!important;border-color:#3a3a3a!important}[data-theme=dark] .cardProductCart h3,[data-theme=dark] .cardProductCart p{color:#e0e0e0!important}[data-theme=dark] .totalCart{background-color:#f3eeee!important;background-color:var(--gris2)!important;border-top:1px solid #3a3a3a}[data-theme=dark] .legendText,[data-theme=dark] .totalCart h3,[data-theme=dark] .totalCart p{color:#e0e0e0!important}[data-theme=dark] .legendItem:hover{background-color:#2c2c2c!important}[data-theme=dark] .comparativoLabel,[data-theme=dark] .comparativoValue{color:#e0e0e0!important}[data-theme=dark] .comparativoBar{background-color:#2a2a2a!important}[data-theme=dark] .formasPagoTable,[data-theme=dark] .pedidosTable{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .formasPagoTable th,[data-theme=dark] .pedidosTable th{background-color:#2a2a2a!important;color:#e0e0e0!important}[data-theme=dark] .formasPagoTable td,[data-theme=dark] .pedidosTable td{border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .analysisCard{background-color:#fff!important;background-color:var(--blanco)!important;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .analysisCard h3{color:#e0e0e0!important}[data-theme=dark] .tiposPedidoChart{color:#e0e0e0}[data-theme=dark] .tipoPedidoLabel,[data-theme=dark] .tipoPedidoValue{color:#e0e0e0!important}[data-theme=dark] .tipoPedidoPercentage{color:#b0b0b0!important}[data-theme=dark] .tipoPedidoBar{background-color:#2a2a2a!important}[data-theme=dark] .pwaContainer{background-color:#fafafa!important;background-color:var(--gris)!important}[data-theme=dark] .pwaContainer h2{color:#e0e0e0!important}[data-theme=dark] .pwaContainer p{color:#b0b0b0!important}[data-theme=dark] .pwaInfoCard{background-color:#fff!important;background-color:var(--blanco)!important;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .pwaInfoRow{border-color:#3a3a3a!important}[data-theme=dark] .pwaInfoRow strong{color:#e0e0e0!important}[data-theme=dark] .pwaInfoRow span{color:#b0b0b0!important}[data-theme=dark] .flexGrap select{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .ConfigDataContainer{background-color:#fafafa!important;background-color:var(--gris)!important}[data-theme=dark] .ConfigDataContainer h2{color:#e0e0e0!important}[data-theme=dark] .subtitle{color:#b0b0b0!important}[data-theme=dark] .configSection h3{border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .configCard{background-color:#fff!important;background-color:var(--blanco)!important;box-shadow:0 2px 10px #0000004d}[data-theme=dark] .configCard:hover{box-shadow:0 5px 20px #00000080}[data-theme=dark] .configIcon{color:#fe1e78!important;color:var(--color1)!important}[data-theme=dark] .configInfo h4{color:#e0e0e0!important}[data-theme=dark] .configInfo p{color:#b0b0b0!important}[data-theme=dark] .infoBox{background-color:#2a2a2a!important;border-color:#fe1e78!important;border-color:var(--color1)!important;color:#f0f8ff}[data-theme=dark] .infoBox strong{color:#fe1e78!important;color:var(--color1)!important}[data-theme=dark] .infoBox p{color:#e0e0e0!important}[data-theme=dark] .loading{color:#b0b0b0!important}[data-theme=dark] .btn,[data-theme=dark] .btnAgregar,[data-theme=dark] .btnBuscar,[data-theme=dark] .btnCancelar,[data-theme=dark] .btnDanger,[data-theme=dark] .btnEditar,[data-theme=dark] .btnEliminar,[data-theme=dark] .btnExportExcel,[data-theme=dark] .btnExportar,[data-theme=dark] .btnFiltrar,[data-theme=dark] .btnGuardar,[data-theme=dark] .btnInfo,[data-theme=dark] .btnLimpiarFiltros,[data-theme=dark] .btnNuevo,[data-theme=dark] .btnPrimary,[data-theme=dark] .btnRefresh,[data-theme=dark] .btnSecondary,[data-theme=dark] .btnSuccess,[data-theme=dark] .btnWarning,[data-theme=dark] button,[data-theme=dark] button[style*=background-color]{color:#fff!important}[data-theme=dark] .sucursalesSection{background-color:#fafafa!important;background-color:var(--gris)!important}[data-theme=dark] .sucursalesTitle{color:#e0e0e0!important}[data-theme=dark] .btnSucursal{box-shadow:0 4px 15px #fe1e7866;color:#fff!important}[data-theme=dark] .btnSucursal:hover{box-shadow:0 6px 20px #fe1e7899}[data-theme=dark] .paymentMethodsContainer{background-color:#fafafa!important;background-color:var(--gris)!important}[data-theme=dark] .paymentMethodsHeader h2{color:#e0e0e0!important}[data-theme=dark] .paymentMethodsTable{background-color:#fff!important;background-color:var(--blanco)!important;box-shadow:0 2px 10px #0000004d}[data-theme=dark] .paymentMethodsTable thead{background-color:#2a2a2a!important}[data-theme=dark] .paymentMethodsTable th{color:#e0e0e0!important}[data-theme=dark] .paymentMethodsTable td{border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .paymentMethodsTable tbody tr:hover{background-color:#2c2c2c!important}[data-theme=dark] .methodName{color:#e0e0e0!important}[data-theme=dark] .modalPayment{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .modalPayment h2,[data-theme=dark] .modalPayment h3,[data-theme=dark] .modalPayment label{color:#e0e0e0!important}[data-theme=dark] .modalPayment input,[data-theme=dark] .modalPayment select,[data-theme=dark] .modalPayment textarea{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .systemBadge{background-color:#2a2a2a!important;color:#b0b0b0!important}[data-theme=dark] .linkUrl{color:#64b5f6!important}[data-theme=dark] .linkUrl:hover{color:#90caf9!important}[data-theme=dark] .flexGrap fieldset{border-color:#3a3a3a!important}[data-theme=dark] .flexGrap legend{color:#e0e0e0!important}[data-theme=dark] .flexGrap input,[data-theme=dark] .flexGrap select,[data-theme=dark] .flexGrap textarea{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .Modal,[data-theme=dark] .ReactModal__Content,[data-theme=dark] .modal-content,[data-theme=dark] .modalContent{background-color:#fff!important;background-color:var(--blanco)!important;color:#e0e0e0!important}[data-theme=dark] .Modal h2,[data-theme=dark] .Modal h3,[data-theme=dark] .Modal h4,[data-theme=dark] .modal-header,[data-theme=dark] .modalHeader{color:#e0e0e0!important}[data-theme=dark] .Modal input,[data-theme=dark] .Modal select,[data-theme=dark] .Modal textarea,[data-theme=dark] .modal-body input,[data-theme=dark] .modal-body select,[data-theme=dark] .modal-body textarea,[data-theme=dark] .modalBody input,[data-theme=dark] .modalBody select,[data-theme=dark] .modalBody textarea{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .Modal label,[data-theme=dark] .modal-body label,[data-theme=dark] .modalBody label{color:#e0e0e0!important}[data-theme=dark] .Modal-NewProduct,[data-theme=dark] .containerNewProduct{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .containerNewProduct h2,[data-theme=dark] .containerNewProduct h3,[data-theme=dark] .containerNewProduct label{color:#e0e0e0!important}[data-theme=dark] .containerNewProduct input,[data-theme=dark] .containerNewProduct select,[data-theme=dark] .containerNewProduct textarea{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .containerNewProduct .preview-image{border-color:#3a3a3a!important}[data-theme=dark] .modal-pedido-detalle,[data-theme=dark] .modal-send{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .modal-send h3,[data-theme=dark] .modal-send h4,[data-theme=dark] .modal-send label,[data-theme=dark] .modal-send p{color:#e0e0e0!important}[data-theme=dark] .modal-send .info-item strong{color:#b0b0b0!important}[data-theme=dark] .modal-send .payment-info-section{background-color:#2a2a2a!important;border-color:#3a3a3a!important}[data-theme=dark] .reservaModal,[data-theme=dark] .reservaModalContent{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .reservaModal h3,[data-theme=dark] .reservaModal h4,[data-theme=dark] .reservaModal label,[data-theme=dark] .reservaModal p{color:#e0e0e0!important}[data-theme=dark] .reservaModal input,[data-theme=dark] .reservaModal select,[data-theme=dark] .reservaModal textarea{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .reservaModal .info-row strong{color:#b0b0b0!important}[data-theme=dark] .articulo-modal,[data-theme=dark] .inventarioModal,[data-theme=dark] .receta-modal{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .inventarioModal h3,[data-theme=dark] .inventarioModal h4,[data-theme=dark] .inventarioModal label{color:#e0e0e0!important}[data-theme=dark] .inventarioModal input,[data-theme=dark] .inventarioModal select,[data-theme=dark] .inventarioModal textarea{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .ingrediente-item,[data-theme=dark] .ingredientes-list{background-color:#2a2a2a!important;border-color:#3a3a3a!important}[data-theme=dark] .gastoModal{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .gastoModal h3,[data-theme=dark] .gastoModal label{color:#e0e0e0!important}[data-theme=dark] .gastoModal input,[data-theme=dark] .gastoModal select,[data-theme=dark] .gastoModal textarea{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .categoriaModal{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .categoriaModal h3,[data-theme=dark] .categoriaModal label{color:#e0e0e0!important}[data-theme=dark] .categoriaModal input,[data-theme=dark] .categoriaModal textarea{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .bannerModal{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .bannerModal h3,[data-theme=dark] .bannerModal label{color:#e0e0e0!important}[data-theme=dark] .bannerModal input,[data-theme=dark] .bannerModal textarea{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .contactoModal{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .contactoModal h3,[data-theme=dark] .contactoModal label{color:#e0e0e0!important}[data-theme=dark] .contactoModal input,[data-theme=dark] .contactoModal textarea{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .usuarioModal{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .usuarioModal h3,[data-theme=dark] .usuarioModal label{color:#e0e0e0!important}[data-theme=dark] .usuarioModal input,[data-theme=dark] .usuarioModal select{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .codigoModal,[data-theme=dark] .historialModal{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .codigoModal h3,[data-theme=dark] .codigoModal label,[data-theme=dark] .historialModal h3,[data-theme=dark] .historialModal h4{color:#e0e0e0!important}[data-theme=dark] .codigoModal input,[data-theme=dark] .codigoModal select,[data-theme=dark] .codigoModal textarea{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .cupones-table,[data-theme=dark] .historial-table{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .cupones-table thead,[data-theme=dark] .historial-table thead{background-color:#2a2a2a!important}[data-theme=dark] .cupones-table td,[data-theme=dark] .cupones-table th,[data-theme=dark] .historial-table td,[data-theme=dark] .historial-table th{border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .cupones-table tbody tr:hover,[data-theme=dark] .historial-table tbody tr:hover{background-color:#2c2c2c!important}[data-theme=dark] .testimonioModal{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .testimonioModal h3,[data-theme=dark] .testimonioModal label{color:#e0e0e0!important}[data-theme=dark] .testimonioModal input,[data-theme=dark] .testimonioModal textarea{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .testimonioModal .preview-image{border-color:#3a3a3a!important}[data-theme=dark] .sucursalModal{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .sucursalModal h3,[data-theme=dark] .sucursalModal label{color:#e0e0e0!important}[data-theme=dark] .sucursalModal input,[data-theme=dark] .sucursalModal textarea{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}h2,h3,h4,h5{color:#000;color:var(--text-color)}a{text-decoration:none}body{background-color:#fafafa;background-color:var(--gris)}#SwiperSlide-scroll-products,.cardProdcutSelected,.cardProdcutmasVendido,.cartIconFixed,.categoriasInputs input,.detail-contain img,.inputsGrap,.modalNav,a,p{animation:slideFromLeft 1s ease-in-out forwards;-webkit-animation:slideFromLeft 1s ease-in-out forwards;opacity:0}.modaldashboard{animation:slideUp .4s ease-in-out forwards;-webkit-animation:slideUp .4s ease-in-out forwards;opacity:0}@keyframes slideFromLeft{0%{opacity:0;transform:translateX(-20%);-webkit-transform:translateX(-20%);-moz-transform:translateX(-20%);-ms-transform:translateX(-20%);-o-transform:translateX(-20%)}to{opacity:1;transform:translateX(0)}}@keyframes slideFromCenter{0%{opacity:0}to{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}[data-theme=dark] .gastosFiltros{background-color:#2a2a2a!important;border:1px solid #3a3a3a}[data-theme=dark] .filtroInput{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .filtroInput:focus{background-color:#2c2c2c!important;border-color:#fe1e78!important;border-color:var(--color1)!important}[data-theme=dark] .filtroInput::placeholder{color:#b0b0b0!important}[data-theme=dark] .recetaModal,[data-theme=dark] .recetaModal .modal-content{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .recetaModal h2,[data-theme=dark] .recetaModal h3,[data-theme=dark] .recetaModal label{color:#e0e0e0!important}[data-theme=dark] .recetaModal input,[data-theme=dark] .recetaModal select,[data-theme=dark] .recetaModal textarea{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .categoriaModal,[data-theme=dark] .categoriaModal .modal-content,[data-theme=dark] .modalCategoria{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .categoriaModal h2,[data-theme=dark] .categoriaModal h3,[data-theme=dark] .categoriaModal label,[data-theme=dark] .modalCategoria h2,[data-theme=dark] .modalCategoria h3,[data-theme=dark] .modalCategoria label{color:#e0e0e0!important}[data-theme=dark] .categoriaModal input,[data-theme=dark] .categoriaModal select,[data-theme=dark] .categoriaModal textarea,[data-theme=dark] .modalCategoria input,[data-theme=dark] .modalCategoria select,[data-theme=dark] .modalCategoria textarea{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .modalCupon,[data-theme=dark] .modalCupon .modal-content{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .modalCupon h2,[data-theme=dark] .modalCupon h3,[data-theme=dark] .modalCupon label{color:#e0e0e0!important}[data-theme=dark] .modalCupon input,[data-theme=dark] .modalCupon select,[data-theme=dark] .modalCupon textarea{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .modalHistorial,[data-theme=dark] .modalHistorial .modal-content{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .modalHistorial h2,[data-theme=dark] .modalHistorial h3,[data-theme=dark] .modalHistorial label,[data-theme=dark] .modalHistorial p{color:#e0e0e0!important}[data-theme=dark] .modalHistorial table{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .modalHistorial th{background-color:#2a2a2a!important;color:#e0e0e0!important}[data-theme=dark] .modalHistorial td{border-color:#3a3a3a!important;color:#b0b0b0!important}[data-theme=dark] .usuariosContainer{background-color:#fafafa!important;background-color:var(--gris)!important}[data-theme=dark] .usuariosContainer h2,[data-theme=dark] .usuariosContainer h3{color:#e0e0e0!important}[data-theme=dark] .gastosDataContainer{background-color:#fafafa!important;background-color:var(--gris)!important}[data-theme=dark] .gastosHeader h2{color:#e0e0e0!important}[data-theme=dark] .categoriasGastosContainer{background-color:#fafafa!important;background-color:var(--gris)!important}[data-theme=dark] .categoriasGastosContainer h2{color:#e0e0e0!important}[data-theme=dark] .modal{background-color:#000000b3!important}[data-theme=dark] .modal .modal-content{background-color:#fff!important;background-color:var(--blanco)!important;color:#e0e0e0!important}[data-theme=dark] .modal h2,[data-theme=dark] .modal h3,[data-theme=dark] .modal h4,[data-theme=dark] .modal label{color:#e0e0e0!important}[data-theme=dark] .modal p{color:#b0b0b0!important}[data-theme=dark] .modal input,[data-theme=dark] .modal select,[data-theme=dark] .modal textarea{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .modal input:focus,[data-theme=dark] .modal select:focus,[data-theme=dark] .modal textarea:focus{background-color:#2c2c2c!important;border-color:#fe1e78!important;border-color:var(--color1)!important}[data-theme=dark] .modal .close{color:#e0e0e0!important}[data-theme=dark] .modal-historial{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .modal-overlay{background-color:#000000b3!important}[data-theme=dark] .modal-historial .modal-header{background-color:#2a2a2a!important}[data-theme=dark] .modal-historial h2,[data-theme=dark] .modal-historial h3{color:#e0e0e0!important}[data-theme=dark] .modal-historial .modal-body,[data-theme=dark] .modal-historial table{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .modal-historial th{background-color:#2a2a2a!important;color:#e0e0e0!important}[data-theme=dark] .modal-historial td{border-color:#3a3a3a!important;color:#b0b0b0!important}[data-theme=dark] .deFlexBtnsModal{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .formGroup,[data-theme=dark] .formGroup label{color:#e0e0e0!important}[data-theme=dark] .formGroup input,[data-theme=dark] .formGroup select,[data-theme=dark] .formGroup textarea{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .filtrosContain{background-color:#2a2a2a!important;border:1px solid #3a3a3a}[data-theme=dark] .inputsColumn,[data-theme=dark] .inputsColumn label{color:#e0e0e0!important}[data-theme=dark] .inputsColumn input,[data-theme=dark] .inputsColumn select{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .inputsColumn input:focus,[data-theme=dark] .inputsColumn select:focus{background-color:#2c2c2c!important;border-color:#fe1e78!important;border-color:var(--color1)!important}[data-theme=dark] .filtrosMesas{background-color:#2a2a2a;border-radius:8px;padding:.5rem}[data-theme=dark] .btnFiltro{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .btnFiltro:hover{background-color:#4a4a4a!important}[data-theme=dark] .btnFiltro.active{background-color:#fe1e78!important;background-color:var(--color1)!important;border-color:#fe1e78!important;border-color:var(--color1)!important;color:#fff!important}[data-theme=dark] .modalDetalleContent{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .modalDetalleContent h2,[data-theme=dark] .modalDetalleContent h3,[data-theme=dark] .modalDetalleContent h4,[data-theme=dark] .modalDetalleContent label,[data-theme=dark] .modalDetalleContent p,[data-theme=dark] .modalDetalleContent strong{color:#e0e0e0!important}[data-theme=dark] .detalleSection{border-color:#3a3a3a!important}[data-theme=dark] .productosList{background-color:#2a2a2a!important}[data-theme=dark] .productoItem{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important}[data-theme=dark] .productoNombre,[data-theme=dark] .productoPrecio{color:#e0e0e0!important}[data-theme=dark] .totalPedido{background-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .totalPedido strong{color:#e0e0e0!important}[data-theme=dark] .modalActions{background-color:#fff!important;background-color:var(--blanco)!important;border-top-color:#3a3a3a!important}[data-theme=dark] .selectEstado{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .selectEstado option{background-color:#2a2a2a!important;color:#e0e0e0!important}[data-theme=dark] .selectEstado:focus{background-color:#2c2c2c!important;border-color:#fe1e78!important;border-color:var(--color1)!important}[data-theme=dark] .modalEditContent{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .modalEditContent h2,[data-theme=dark] .modalEditContent h3,[data-theme=dark] .modalEditContent label{color:#e0e0e0!important}[data-theme=dark] .modalEditContent input,[data-theme=dark] .modalEditContent select{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .modalEditContent input:focus,[data-theme=dark] .modalEditContent select:focus{background-color:#2c2c2c!important;border-color:#fe1e78!important;border-color:var(--color1)!important}[data-theme=dark] .inputGroup{background-color:initial!important}[data-theme=dark] .inputGroup label{color:#e0e0e0!important}[data-theme=dark] .cocina-filtros{background-color:#2a2a2a!important;border:1px solid #3a3a3a}[data-theme=dark] .cocina-filtros .filtro{background-color:initial}[data-theme=dark] .cocina-filtros .filtro label{color:#e0e0e0!important}[data-theme=dark] .cocina-filtros .filtro input[type=date]{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .cocina-filtros .filtro input[type=date]:focus{background-color:#2c2c2c!important;border-color:#fe1e78!important;border-color:var(--color1)!important}[data-theme=dark] .filtros-estado{background-color:initial}[data-theme=dark] .filtro-btn{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .filtro-btn:hover{background-color:#4a4a4a!important}[data-theme=dark] .filtro-btn.active{background-color:#fe1e78!important;background-color:var(--color1)!important;border-color:#fe1e78!important;border-color:var(--color1)!important;color:#fff!important}[data-theme=dark] .containerReservas{background-color:#fafafa!important;background-color:var(--gris)!important}[data-theme=dark] .containerReservas h2,[data-theme=dark] .containerReservas h3{color:#e0e0e0!important}[data-theme=dark] .filtrosReservas{background-color:#2a2a2a!important;border:1px solid #3a3a3a}[data-theme=dark] .filtrosReservas input,[data-theme=dark] .filtrosReservas select{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .reservaCard{background-color:#fff!important;background-color:var(--blanco)!important;box-shadow:0 2px 10px #0000004d}[data-theme=dark] .reservaCard h4,[data-theme=dark] .reservaCard p{color:#e0e0e0!important}[data-theme=dark] .reservasCardsContainer{background-color:#fafafa!important;background-color:var(--gris)!important}[data-theme=dark] .cupon-modal{background-color:#000000b3!important}[data-theme=dark] .cupon-modal-content{background-color:#fff!important;background-color:var(--blanco)!important}[data-theme=dark] .cupon-modal-content h2,[data-theme=dark] .cupon-modal-content h3{color:#e0e0e0!important}[data-theme=dark] .section-title{border-bottom-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .cupon-form label{color:#e0e0e0!important}[data-theme=dark] .cupon-form input,[data-theme=dark] .cupon-form select,[data-theme=dark] .cupon-form textarea{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .cupon-form input:focus,[data-theme=dark] .cupon-form select:focus,[data-theme=dark] .cupon-form textarea:focus{background-color:#2c2c2c!important;border-color:#fe1e78!important;border-color:var(--color1)!important}[data-theme=dark] .form-section{border-color:#3a3a3a!important}[data-theme=dark] .form-row,[data-theme=dark] .form-section{background-color:initial!important}[data-theme=dark] .checkbox-label{color:#e0e0e0!important}[data-theme=dark] .checkbox-group label{background-color:#2a2a2a!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .checkbox-group input:checked+label{background-color:#fe1e78!important;background-color:var(--color1)!important;border-color:#fe1e78!important;border-color:var(--color1)!important}[data-theme=dark] .form-group{background-color:initial!important}[data-theme=dark] .form-group label{color:#e0e0e0!important}[data-theme=dark] .selectMesa{background-color:#c1bfbf!important;background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .selectMesa:focus{background-color:#2c2c2c!important;border-color:#fe1e78!important;border-color:var(--color1)!important}[data-theme=dark] .selectMesa option{background-color:#2a2a2a!important;color:#e0e0e0!important}[data-theme=dark] .mesaSelectContainer label{color:#e0e0e0!important}[data-theme=dark] .mesaWarning{color:#ff6b6b!important}[data-theme=dark] button.btnClose,[data-theme=dark] button.installPwaClose{color:#636363!important}.table-container{overflow-y:auto}.table-container::-webkit-scrollbar{height:1px!important;width:1px!important}.table-container::-webkit-scrollbar-track{background:#f1f1f1!important}.table-container::-webkit-scrollbar-thumb{background:#fe1e78!important;background:var(--color1)!important}[data-theme=dark] .table-container::-webkit-scrollbar-track{background:#1a1a1a!important}[data-theme=dark] .flexGrap legend,[data-theme=dark] .input-description,[data-theme=dark] .modal-vista p,[data-theme=dark] .modulo-nombre,[data-theme=dark] .permiso-label,[data-theme=dark] .permiso-opt,[data-theme=dark] .permiso-tag,[data-theme=dark] .permisos-fieldset legend,[data-theme=dark] .permisos-grid span,[data-theme=dark] .permisos-section h4,[data-theme=dark] .roles-label,[data-theme=dark] .roles-section h4,[data-theme=dark] .vista-item,[data-theme=dark] .vista-item strong,[data-theme=dark] .vista-permisos-section h3{color:#fff!important}.dark-mode .btn-whatsapp-stock,.dark-mode .btn-whatsapp-stock *{color:#1a1a1a!important}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:#007aff;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:44px;height:var(--swiper-navigation-size);justify-content:center;margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:50%;top:var(--swiper-navigation-top-offset,50%);width:27px;width:calc(var(--swiper-navigation-size)/44*27);z-index:10}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:auto;right:10px;right:var(--swiper-navigation-sides-offset,10px)}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:8px;bottom:var(--swiper-pagination-bottom,8px);left:0;top:auto;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{background:#000;background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:50%;border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:8px;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:8px;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{-webkit-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:#007aff;background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1;opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:auto;left:var(--swiper-pagination-left,auto);right:8px;right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:inherit;color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:#00000040;background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:4px;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:4px;width:var(--swiper-pagination-progressbar-size,4px)}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:#0000001a;background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:10px;border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{bottom:4px;bottom:var(--swiper-scrollbar-bottom,4px);height:4px;height:var(--swiper-scrollbar-size,4px);left:1%;left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:auto;top:var(--swiper-scrollbar-top,auto);width:98%;width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{height:98%;height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:auto;left:var(--swiper-scrollbar-left,auto);position:absolute;right:4px;right:var(--swiper-scrollbar-right,4px);top:1%;top:var(--swiper-scrollbar-sides-offset,1%);width:4px;width:var(--swiper-scrollbar-size,4px);z-index:50}.swiper-scrollbar-drag{background:#00000080;background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:10px;border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-height:100%;max-width:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:0}.swiper-cube .swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0}.swiper-cube .swiper-cube-shadow:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:0}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}.profileContain{background-color:var(--blanco);display:flex;flex-direction:column;gap:2rem;padding:10px 5%;z-index:9900000000!important}.profileContain img{background-color:var(--blanco);border-radius:100%;box-shadow:0 4px 10px rgba(0,0,0,.127);height:5rem;margin-top:-3rem;object-fit:cover;width:5rem}.profileContain h2{color:var(--text-color2);font-weight:500}.socials a{color:var(--text-color2);font-size:18px}.profileText{display:flex;flex-direction:column;gap:10px}.profileText a{border-bottom:1px solid var(--gris2);color:var(--text-color2);padding-bottom:10px}@media (max-width:700px){.profileContain{padding:10px 7%}}header{position:absolute;z-index:10;z-index:100}header,nav{transition:all .2s linear;width:100%}nav{align-content:center;background-color:var(--blanco);box-shadow:0 4px 30px rgba(0,0,0,.071);display:flex;gap:2rem;height:9vh;height:4rem;justify-content:space-between;padding:30px 10%}.deFLexNavs,nav{align-items:center}.deFLexNavs{display:flex!important;flex-direction:row!important;gap:5rem}.theme-toggle-desktop{align-items:center;display:flex}.theme-toggle-mobile-modal{position:absolute;right:1rem;top:1rem;z-index:1000}@media (max-width:768px){.theme-toggle-desktop{display:none!important}}@media (min-width:769px){.theme-toggle-mobile-modal{display:none!important}}.nav_items.open{transform:translateX(0)!important}.nav_toggle{cursor:pointer;display:flex!important;flex-direction:column}.nav_toggle,.nav_toggle span{justify-content:right;text-align:right}.nav_toggle span{background:var(--color1);border-radius:20px;display:flex;height:3px;margin-bottom:5px;transform-origin:3px 0;transition:all .2s linear;width:25px}.nav_toggle span:first-child{margin-left:25%;width:15px}.nav_toggle span:nth-child(2){margin-left:-2%;width:25px}.nav_toggle span:nth-child(3){margin-left:-30%;width:35px}.logo img{border-radius:100%;width:50px}.fondo,.fondo img{display:flex;flex-direction:column;height:15rem}.loadingBannerFondo{animation:gradientMove 1s linear infinite;background:linear-gradient(90deg,#e8e6e6,#fff,#fff);background-size:400% 400%;height:15rem;width:100%}.enlaces{display:flex;flex-direction:column;overflow-y:scroll;padding:10px;text-align:left}.enlaces::-webkit-scrollbar{background-color:initial;cursor:pointer;height:5px;width:5px}.enlaces::-webkit-scrollbar-thumb{background-color:var(--color1);border-radius:10px;margin-top:3rem}.enlaces a{align-items:center;border-radius:7px;color:var(--text-color2)!important;display:flex;gap:1rem;margin-top:1rem;padding:10px;text-decoration:none}.enlaces a:hover{background-color:var(--color1);color:var(--blanco)!important}.enlaces2 a{color:var(--text-color2)!important;padding:0 20px;text-decoration:none;width:8rem}.modalNav{background-color:var(--blanco);border:none;border-radius:0 10px 10px 0;display:flex;flex-direction:column;height:100vh;overflow:hidden;top:0;width:30%}.overlay{background-color:rgba(0,0,0,.333);bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.modalNav-content{width:100%}@media (max-width:900px){.modalNav{width:80%}.deFLexNavs{display:flex;gap:2rem}.deNone{display:none}nav{background-color:var(--color1)!important;border-radius:0 0 0 30px;box-shadow:none;gap:1rem;padding:0 3%}.enlaces2 a{display:none}.logo img{width:35px}.nav_toggle span{background:var(--blanco)}.fondo,.fondo img,.loadingBannerFondo{height:10rem}}.header-auth-container{align-items:center;display:flex;gap:1rem}.btn-auth{align-items:center;border-radius:50px;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;justify-content:center;letter-spacing:.5px;outline:none;padding:10px 22px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-login{background:#0000;border:2px solid var(--color1);color:var(--color1)!important}.btn-login:hover{background:var(--color1);box-shadow:0 6px 20px #fe1e7840;color:var(--blanco)!important;transform:translateY(-2px)}.btn-register{background:linear-gradient(135deg,var(--color1) 0,var(--color2) 100%);border:none;box-shadow:0 4px 15px #fe1e7833;color:#fff!important}.btn-register:hover{box-shadow:0 8px 25px #fe1e7866;filter:brightness(1.15);transform:translateY(-2px)}.overlayAuth{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000a6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.modalAuth{animation:modalFadeIn .35s cubic-bezier(.34,1.56,.64,1);background-color:var(--blanco);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 24px 60px #00000059;max-width:460px;outline:none;overflow:visible;padding:35px 25px;position:relative;width:100%}.modalAuthRegister{border-radius:20px;max-height:90vh;max-width:800px;overflow-y:auto}.modalAuthRegister::-webkit-scrollbar{width:6px}.modalAuthRegister::-webkit-scrollbar-track{background:#0000}.modalAuthRegister::-webkit-scrollbar-thumb{background:var(--color1);border-radius:10px}.modalAuth-content{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.modalAuth-close{align-items:center;background:linear-gradient(135deg,var(--color1) 0,var(--color2) 100%);border-radius:50%;box-shadow:0 6px 15px #fe1e7859;color:#fff!important;cursor:pointer;display:flex;font-size:24px;font-weight:400;height:36px;justify-content:center;line-height:1;position:absolute;right:-10px;top:-45px;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px;z-index:10000}.modalAuth-close:hover{box-shadow:0 8px 20px #fe1e7880;transform:rotate(90deg) scale(1.1)}.registerModalWrapper{padding:10px;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(30px) scale(.93)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:900px){.header-auth-container{gap:.5rem}.btn-auth{border-radius:30px;font-size:.75rem;font-weight:700;padding:8px 14px}.btn-login{background:#0000;border:1.5px solid var(--blanco);color:var(--blanco)!important}.btn-login:hover{box-shadow:none;transform:none}.btn-login:hover,.btn-register{background:var(--blanco);color:var(--color1)!important}.btn-register{border:1.5px solid var(--blanco);box-shadow:0 4px 10px #0000001a}.btn-register:hover{background:#ffffffe6;box-shadow:0 6px 15px #00000026;color:var(--color1)!important;filter:none;transform:none}.modalAuth{padding:30px 20px}.modalAuth-close{right:0;top:-40px}}@media (max-width:480px){.header-auth-container{gap:.35rem}.btn-auth{font-size:.68rem;letter-spacing:0;padding:6px 10px}}.deleteFav{background-color:initial;border:none;color:#ff00e1;cursor:pointer;font-size:17px;font-weight:500}.search-container{position:relative;width:100%}.overlayInput{align-items:center;background-color:rgba(0,0,0,.333);bottom:0;display:flex;height:100vh;justify-content:center;place-content:center;position:fixed;top:0;width:100%;z-index:999}.modalInput{border:none;border-radius:20px;display:flex;flex-direction:column;height:80vh;overflow:hidden;padding:20px;width:30rem!important}.sectionSearch h3{color:var(--text-color2);font-weight:500;padding:10px}.modalSearch{background-color:var( --gris);border-radius:7px;box-shadow:0 2px 6px #0000000d;left:0;margin-top:1rem;overflow-y:scroll;padding:10px;top:4rem;transition:all .4s ease;width:100%;z-index:10000000000!important}.modalSearch img{border-radius:10px;height:50px;object-fit:cover;width:50px}.modalSearch p{color:var(--text-color2)!important;display:block;font-size:14px;font-weight:500;padding:10px 0;text-align:left;text-decoration:none}.inputSearch{align-items:center;background-color:var(  --gris)!important;border:.3px solid #00000037;border-radius:20px;color:var(--text-color2);display:flex;gap:10px;padding:5px 10px;width:100%}.input{width:90%}.input,.inputSerch{background-color:initial;border:none;height:100%;padding:6px}.inputSerch{width:100%}.modalSearch a{align-content:center;align-items:center;color:var(--color1);display:flex;gap:20px;margin-bottom:1rem;padding:10px;text-decoration:none}.modalSearch a:hover,.modalSearch a:hover p{color:var(--blanco)!important}.modalSearch a:hover{background-color:var(--color1);border-radius:7px;transition:all .5s ease}.modalSearch button{background-color:initial;border:none}.search-icon{background-color:var(--color1);border-radius:100%;color:var(--blanco);cursor:pointer;font-size:14px;padding:8px}.modalSearch::-webkit-scrollbar{cursor:pointer;height:7px;width:7px}.modalSearch::-webkit-scrollbar-thumb{background-color:var(--color1);border-radius:20px;cursor:pointer;width:10px}.inputSerch span{display:flex;width:100%}@media (max-width:1024px){.inputSerch{display:none}.modal p{font-size:13px}.modal a{gap:10px;padding:0}.modalInput{border-radius:20px 20px 0 0;height:100vh;width:100%!important}.overlayInput{align-items:end;justify-content:end;place-content:end}.search-icon{font-size:16px}}.estadoRestaurante{align-items:center;background-color:#fff3;border-radius:20px;cursor:pointer;display:flex;gap:8px;padding:6px 15px;transition:all .3s ease}.estadoRestaurante:hover{background-color:#ffffff4d;transform:scale(1.05)}.estadoRestaurante svg{color:var(--blanco);font-size:16px}.estadoRestaurante span{font-size:14px;font-weight:700;letter-spacing:.5px}.estadoRestaurante span.abierto{color:#4caf50}.estadoRestaurante span.cerrado{color:#f44336}.modal-horarios{background-color:var(--blanco);border-radius:15px;box-shadow:0 10px 40px #0003;left:50%;max-height:90vh;max-width:600px;outline:none;overflow:hidden;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.overlay-horarios{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.modalHorariosContainer{display:flex;flex-direction:column}.headerHorarios{background-color:var(--color1);justify-content:space-between;padding:20px 25px}.headerHorarios,.headerHorarios h3{align-items:center;color:var(--blanco);display:flex}.headerHorarios h3{gap:10px;margin:0}.closeBtnHorarios{align-items:center;background:none;border:none;color:var(--blanco);cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:5px;transition:transform .3s ease}.closeBtnHorarios:hover{transform:rotate(90deg)}.horariosLista{max-height:calc(90vh - 80px);overflow-y:auto;padding:20px 25px}.horariosLista::-webkit-scrollbar{width:6px}.horariosLista::-webkit-scrollbar-thumb{background-color:var(--color1);border-radius:10px}.horarioItem{align-items:center;background-color:var(--gris);border-left:4px solid #0000;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;transition:all .3s ease}.horarioItem:hover{background-color:var(--gris2)}.horarioItem.diaActual{background-color:#fe1e781a;border-left-color:var(--color1)}.horarioItem.cerrado{opacity:.6}.horarioDiaLabel{align-items:center;color:var(--text-color);display:flex;font-weight:600;gap:10px}.badge{background-color:var(--color1);border-radius:10px;color:var(--blanco);font-size:11px;padding:2px 8px}.horarioHoras{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.horarioHoras span{color:var(--text-color2);font-size:14px}.textoCerrado{color:var(--text-color2);font-style:italic}@media (max-width:900px){.estadoRestaurante span.abierto,.estadoRestaurante span.cerrado,.estadoRestaurante svg{color:var(--blanco)}}@media (max-width:600px){.modal-horarios{max-height:85vh;width:95%}.headerHorarios{padding:15px 20px}.headerHorarios h3{font-size:18px}.horariosLista{padding:15px 20px}.horarioItem{flex-direction:column;gap:10px}.horarioHoras,.horarioItem{align-items:flex-start}}.theme-toggle-button{align-items:center;background:linear-gradient(135deg,#fe1e78,#ff6ba9);border:none;border-radius:10px;box-shadow:0 4px 15px #fe1e784d,0 2px 5px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1.15rem;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:40px}.theme-toggle-button:before{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .4s ease;width:200%}.theme-toggle-button:hover:before{opacity:1}.theme-toggle-button:hover{box-shadow:0 8px 25px #fe1e7880,0 4px 10px #0003;transform:translateY(-3px) scale(1.08)}.theme-toggle-button svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.theme-toggle-button:hover svg{transform:rotate(180deg) scale(1.15)}.theme-toggle-button:active{box-shadow:0 4px 15px #fe1e7866,0 2px 5px #0000001a;transform:translateY(-1px) scale(1.02)}[data-theme=dark] .theme-toggle-button{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:2px solid #fe1e78;box-shadow:0 4px 15px #fe1e7866,0 0 30px #fe1e7833,inset 0 1px 3px #ffffff1a}[data-theme=dark] .theme-toggle-button svg{color:gold;filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}[data-theme=dark] .theme-toggle-button:hover{background:linear-gradient(135deg,#fe1e78,#ff6ba9);border-color:#ff6ba9;box-shadow:0 8px 25px #fe1e7899,0 0 40px #fe1e784d,inset 0 1px 3px #fff3}[data-theme=dark] .theme-toggle-button:hover svg{color:#fff;filter:drop-shadow(0 0 12px rgba(255,255,255,.8))}@keyframes glow-pulse{0%,to{box-shadow:0 4px 15px #fe1e7866,0 0 30px #fe1e7833,inset 0 1px 3px #ffffff1a}50%{box-shadow:0 4px 20px #fe1e7899,0 0 40px #fe1e7866,inset 0 1px 3px #ffffff26}}[data-theme=dark] .theme-toggle-button{animation:glow-pulse 3s infinite}[data-theme=dark] .theme-toggle-button:hover{animation:none}.theme-toggle-button:focus{box-shadow:0 4px 15px #fe1e7880,0 0 0 4px #fe1e7833;outline:none}[data-theme=dark] .theme-toggle-button:focus{box-shadow:0 4px 20px #fe1e7899,0 0 0 4px #fe1e784d,0 0 40px #fe1e784d}.theme-toggle-button:after{background:#fff6;border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.theme-toggle-button:active:after{height:120%;opacity:0;width:120%}.navbar-theme-toggle{margin-left:0}.admin-theme-toggle{margin-right:0}@media (max-width:768px){.navbar-theme-toggle{margin-left:0}.theme-toggle-button{font-size:1.1rem;height:38px;width:38px}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.theme-toggle-button{animation:fadeInScale .5s ease-out}.theme-toggle-button[aria-label]:before{background:#000c;border-radius:6px;bottom:-35px;color:#fff;content:attr(aria-label);font-size:.75rem;left:50%;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;transform:translateX(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;white-space:nowrap;z-index:1000}.theme-toggle-button:hover[aria-label]:before{opacity:1;transform:translateX(-50%) scale(1)}[data-theme=dark] .theme-toggle-button[aria-label]:before{background:#fe1e78f2;box-shadow:0 4px 12px #fe1e784d}.theme-toggle-button .fa-moon{font-size:1.05rem}.theme-toggle-button .fa-sun{font-size:1.15rem}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}}.Toastify__toast{--y:0;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;touch-action:none;z-index:0}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.formContain,.inputsAuth{display:flex;flex-direction:column}.formContain{width:50vh}.formContain h2{color:var(--text-color2);margin-bottom:2rem;margin-top:1rem;text-align:center}.inputsAuth input{border:none;border-bottom:1px solid var(--text-color2);color:#000;font-weight:500;padding:10px}.inputsAuth label{color:var(--text-color2);display:none}.formAuth{display:flex;flex-direction:column;gap:1rem;width:1005}.deFlexInputs{border:none;border-bottom:1px solid var(--text-color2);display:flex;gap:10px;padding:10px 0}.deFlexInputs input{border:none;color:#000;font-weight:500;width:100%}.deFlexInputs button{background-color:initial;border:none;color:var(--text-color2);cursor:pointer}.btn{border-radius:30rem;font-size:16px;margin-top:10px;padding:13px}@media (max-width:500px){.formContain{width:100%}}.deFlexPass button{background-color:initial;border:none}.permisos-fieldset{margin-top:1rem;width:100%}.input-description{color:#999;font-size:.65rem;font-style:italic;margin-top:4px;padding-left:5px}#swiper_container{border-radius:20px;height:70vh;width:100%}#SwiperSlide-scroll{display:flex;justify-content:center}#SwiperSlide-scroll img{object-fit:cover;width:100%}.loadingBanner{animation:gradientMove 1s linear infinite;-webkit-animation:gradientMove 1s linear infinite;background:linear-gradient(90deg,#e8e6e6,#fff,#fff);background-size:400% 400%;border-radius:20px;height:70vh;width:100%}.BannerContain{padding:5rem 10% 0}@media (max-width:700px){.BannerContain{padding:1rem 3% 0}#swiper_container{border-radius:20px;height:23vh}.loadingBanner{border-radius:20px;height:20vh}}.espaciobg{height:80px!important;margin:0!important;padding:0!important}.section-bg-color{background:#0000!important}@keyframes fadeInMuteBtn{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes gradientMove{0%{background-position:0 50%}to{background-position:100% 50%}}.ProductsContain{min-height:60vh;padding:50px 10%;width:100%}.Products{flex-direction:column;padding-top:2rem}.Products,.categoriaProductos{display:flex;gap:2rem;width:100%}.cardProdcut{border-radius:10px;padding:8px}.cardProdcut,.cardProdcutSelected{background-color:var(--blanco);box-shadow:0 4px 10px rgba(0,0,0,.073);display:flex;height:10.5rem;overflow:hidden;width:23rem}.cardProdcutSelected{border-radius:20px;padding:10px}.cardProdcutmasVendido{background-color:var(--blanco);border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.073);display:flex;flex-direction:column;overflow:hidden;position:relative;width:13rem}.masVendido{border-radius:2px;padding:6px}.iconCard,.masVendido{background-color:var(--color1);color:var(--blanco);position:absolute}.iconCard{border-radius:3px;font-size:12px;left:90%;padding:3px;top:78%}.cardProdcutmasVendido img{aspect-ratio:1/1;object-fit:cover;width:100%}.cardProdcut img{border-radius:8px;height:8rem;object-fit:cover;width:8rem}.cardProdcutSelected img{aspect-ratio:1/1;border-radius:15px;height:8.5rem;object-fit:cover;width:8.5rem}.cardText{display:flex;flex-direction:column;gap:6px;justify-content:space-between;padding:10px}.cardText h4{color:var(--text-color2);font-size:19px;max-width:20ch}.cardText h4,.cardText h5{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cardText h5{color:var(--color1);font-size:15px;max-width:40ch}.cardText span{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-color2);display:-webkit-box;font-size:14px;font-weight:400;height:4.5em;line-height:1.5;overflow:hidden;text-overflow:ellipsis}.fixed{background-color:var(--blanco);left:0;padding:0 10%;position:fixed;right:0;top:0;z-index:999}.categoriasInputs{align-items:center;display:flex;gap:2rem;overflow-x:scroll;padding-bottom:10px;padding-top:1rem}.categoriasInputs::-webkit-scrollbar{background-color:initial;height:5px;width:5px}.categoriasInputs::-webkit-scrollbar-thumb{background-color:var(--color1);border-radius:10px;height:5px;width:5px}.categoriasInputs input{background-color:#fff;border:1px solid #fe1e78;border-radius:20px;color:#fe1e78;cursor:pointer;font-size:18px;padding:10px 20px;transition:all .3s ease;z-index:10}.categoriasInputs input.selected{background-color:#fe1e78!important;border:1px solid #fe1e78!important;color:#fff!important;font-weight:600}[data-theme=dark] .categoriasInputs input{background-color:#fff;border:1px solid #fe1e78;color:#fe1e78}[data-theme=dark] .categoriasInputs input.selected{background-color:#fe1e78!important;border:1px solid #fe1e78!important;color:#fff!important}#swiper_container_products{width:100%}#SwiperSlide-scroll-products{margin:1rem 1rem 2rem;width:23rem}#SwiperSlide-scroll-products-masvendidos{margin:1rem 1rem 2rem;width:13rem}.categoriSection{display:flex;flex-direction:column;gap:1rem;width:100%}.espacio{height:100vh}.modalText{background-color:var(--blanco);border-radius:20px 20px;display:flex;flex-direction:column;gap:10px;height:40vh;margin-top:-2rem;overflow-y:scroll;padding:20px;z-index:2}.modalText::-webkit-scrollbar{background-color:initial;cursor:pointer;height:5px;width:5px}.modalText::-webkit-scrollbar-thumb{background-color:var(--color1);border-radius:10px}.modalText p,h2{color:var(--text-color2);white-space:pre-line}.modalText h5{color:var(--color1);font-size:20px}.modal-content-detail{display:flex;flex-direction:column;position:relative}.modal-detail{background-color:var(--blanco);border:none;border-radius:10px;display:flex;flex-direction:column;height:90vh;overflow:hidden;top:0;width:30%}.overlay-detail{align-items:center;background-color:rgba(0,0,0,.333);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}#SwiperSlide-scroll-img{display:flex;width:100%}#swiper_container_Imgs{height:40vh;width:100%}#swiper_container_Imgs img{object-fit:cover;width:100%}.deFlexCart{margin-left:2rem;margin-top:1rem}.deFlexCart,.deFlexGoTocart{align-items:center;display:flex;gap:1rem}.deFlexGoTocart{bottom:0;left:0;right:0;width:100%;z-index:2}.deFlexCart button{border:none;border-radius:5px;padding:4px 8px}.btnAdd,.deFlexCart button{background-color:var(--color1);color:var(--blanco);cursor:pointer}.btnAdd{align-items:center;border:none;border-radius:10rem;box-shadow:0 4px 30px rgba(0,0,0,.196);display:flex;font-size:17px;gap:10px;justify-content:center;padding:12px 20px;width:10rem}.categoriSectionSelected{display:flex;flex-wrap:wrap;gap:2rem;padding-top:2rem;width:100%}.cardTextSelected{display:flex;flex-direction:column;gap:6px;justify-content:space-between;padding:10px}.cardTextSelected h4{color:var(--text-color2);font-size:19px;max-width:20ch}.cardTextSelected h4,.cardTextSelected h5{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cardTextSelected h5{color:var(--color1);font-size:15px;max-width:40ch}.cardTextSelected span{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-color2);display:-webkit-box;font-size:14px;font-weight:400;height:4.5em;line-height:1.5;overflow:hidden;text-overflow:ellipsis}.itemsDetail{display:flex;flex-wrap:wrap;gap:1rem}.itemsDetail label{background-color:var(--gris);border-radius:2px;gap:2px;padding:10px}.deFLexPrice{gap:20px}.precioTachado{color:var(--text-color2)!important;text-decoration:line-through}.deFlexTitlesection{align-items:center;display:flex;justify-content:space-between;padding:0 2%}.deFlexTitlesection h3{color:var(--text-color2);font-weight:500}.deFlexTitlesection button{background-color:initial;border:none;color:var(--color1)}@media (max-width:700px){.iconCard{top:72%}.overlay-detail{align-items:flex-end;justify-content:flex-end}.modal-detail{border-radius:0;height:100%;width:100%}.deFlexTitlesection{padding:0 4%}.deFlexTitlesection h3{font-size:17px}.fixed{background-color:var(--blanco)!important;padding:0 2%}.categoriasInputs input{background-color:#fff;border:1px solid #fe1e78;color:#fe1e78;font-size:14px;padding:10px 20px 8px}.categoriasInputs{background-color:initial;gap:10px;padding:10px 3% 0}#swiper_container_products{padding:0 3%;width:100%}#SwiperSlide-scroll-products{margin:0 1rem 1rem 0;width:19rem}#SwiperSlide-scroll-products-masvendidos{margin:0 1rem 1rem 0;width:10rem}#swiper_container_Imgs{height:20rem}.cardProdcutmasVendido{width:10rem}.cardProdcutSelected img{height:5rem;width:5rem}.categoriSectionSelected{flex-direction:column;flex-wrap:nowrap;gap:1rem;padding:2%;width:100%}.cardProdcutSelected{align-items:center;background-color:initial;border-bottom:1px solid var(--gris2);border-radius:0;box-shadow:none;height:auto;min-height:7.5rem;width:100%}.cardProdcutmasVendido img{aspect-ratio:1/1;object-fit:cover;width:100%}.ProductsContain{padding:10px 0}.cardProdcut{align-items:center;flex-direction:row;height:auto;min-height:7.5rem;width:19rem}.cardProdcut img{border-radius:8px;height:6rem;object-fit:cover;width:6rem}.cardText h4{font-size:16px;max-width:15ch}.cardText h5{max-width:25ch}.cardText span{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px;height:4.5em;line-height:1.5;overflow:hidden;text-overflow:ellipsis}.Products{display:flex;flex-wrap:wrap;gap:1rem;padding:10px 0 0}.categoriasInputs::-webkit-scrollbar,.categoriasInputs::-webkit-scrollbar-thumb{background-color:initial}}.ProductsCatalogMessage{align-items:center;color:inherit;color:var(--texto,inherit);display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:180px;padding:28px 18px;text-align:center;width:100%}.ProductsCatalogMessage p{margin:0;max-width:560px}.ProductsCatalogMessage button{background:#ff1684;background:var(--color1,#ff1684);border:0;border-radius:8px;color:#fff;cursor:pointer;font:inherit;padding:10px 18px}.loadingContain{padding:20px 0}.cardsLoading{display:flex;gap:2rem;overflow:hidden}.cardLoading{animation:gradientMove 1s linear infinite;background:linear-gradient(90deg,#e8e6e6,#fff,#fff);background-size:400% 400%;border-radius:20px;height:14rem;margin-bottom:2rem;margin-right:2rem;width:13rem}.cardsLoading2{display:flex;gap:2rem;overflow:hidden;width:100%}.cardLoading2{animation:gradientMove 1s linear infinite;background:linear-gradient(90deg,#e8e6e6,#fff,#fff);background-size:400% 400%;border-radius:20px;height:8rem;margin-right:2rem;width:23rem}@media (max-width:700px){.cardLoading{height:12rem;margin-right:1rem;width:10rem}.cardsLoading,.cardsLoading2{padding-left:3%}.cardLoading2{height:6rem;margin-right:1rem;width:19rem}}.testimoniosContain{background-color:var(--blanco);padding:3rem 5%;width:100%}.testimoniosTitle{color:var(--text-color2);font-size:28px;font-weight:700;margin-bottom:2rem;text-align:center}#swiper_testimonios{padding-bottom:3rem;width:100%}.testimonioSlide{height:auto;width:350px!important}.testimonioCard{align-items:center;background:var(--blanco);border-radius:15px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;gap:1rem;min-height:250px;padding:2rem;text-align:center;transition:transform .3s ease}.testimonioCard:hover{box-shadow:0 6px 25px #00000026;transform:translateY(-5px)}.testimonioFoto{object-fit:cover}.testimonioFoto,.testimonioFotoPlaceholder{border:3px solid var(--color1);border-radius:50%;height:80px;width:80px}.testimonioFotoPlaceholder{align-items:center;background-color:var(--color1);display:flex;justify-content:center}.testimonioFotoPlaceholder span{color:var(--blanco);font-size:32px;font-weight:700}.testimonioNombre{color:var(--text-color2);font-size:20px;font-weight:600;margin:0}.testimonioTexto{color:var(--text-color2);font-size:16px;font-style:italic;line-height:1.6;margin:0}@media (max-width:768px){.testimoniosContain{padding:2rem 5%}.testimoniosTitle{font-size:24px}.testimonioSlide{width:300px!important}.testimonioCard{min-height:220px;padding:1.5rem}.testimonioFoto,.testimonioFotoPlaceholder{height:70px;width:70px}.testimonioNombre{font-size:18px}.testimonioTexto{font-size:14px}}.sucursalesSection{background-color:#fff;padding:60px 10%;width:100%}.sucursalesContainer{margin:0 auto;max-width:1200px}.sucursalesTitle{color:#333;font-size:32px;font-weight:700;letter-spacing:1px;margin-bottom:40px;text-align:center;text-transform:uppercase}.sucursalesGrid{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.btnSucursal{background:var(--color1);border:none;border-radius:50px;box-shadow:0 4px 15px #d830984d;color:#fff;cursor:pointer;display:inline-block;font-size:20px;font-weight:600;min-width:200px;padding:20px 40px;text-align:center;text-decoration:none;transition:all .3s ease}.btnSucursal:hover{background:linear-gradient(135deg,#d81a7e,#c0288a);box-shadow:0 6px 20px #d8309880;transform:translateY(-3px)}.btnSucursal:active{box-shadow:0 3px 10px #d8309866;transform:translateY(-1px)}@media (max-width:768px){.sucursalesSection{padding:40px 5%}.sucursalesTitle{font-size:26px;margin-bottom:30px}.sucursalesGrid{flex-direction:column;gap:15px}.btnSucursal{font-size:18px;max-width:350px;padding:18px 30px;width:100%}}@media (max-width:480px){.sucursalesSection{padding:30px 4%}.sucursalesTitle{font-size:22px;margin-bottom:25px}.btnSucursal{font-size:16px;min-width:160px;padding:16px 25px}}@media (max-width:700px){.demo{background-color:var(--gris);border-radius:0 30px 0 0}.section-bg-color{background-color:var(--color1)}.espaciobg{background-color:var(--blanco);height:4rem}}.credits-bar{background-color:#fff;color:#000;display:block;font-size:14px;font-weight:500;margin-top:0;padding:15px 20px;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.credits-bar:hover{background-color:#f8f8f8;color:#d83098}@media (max-width:900px){.credits-bar{font-size:13px;margin-bottom:0;padding:15px 10px 85px}}.FooterContain{grid-gap:2rem;background-color:var(--color1);border-radius:20px 20px 0 0;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);justify-items:center;padding:50px 5%;text-align:center}.FooterContain a img{border-radius:100%;height:50px;object-fit:contain;width:50px}.footerText{align-items:center;display:flex;flex-direction:column;gap:10px}.footerText h2,.footerText h3{color:var(--blanco)}.footerText h2{font-weight:500;margin-bottom:10px}.footerText a{color:var(--blanco)}.socials{display:flex;gap:2rem}.btnAnch{border-radius:5px;color:var(--color1)!important;gap:5px;padding:5px 10px;text-align:center;width:8rem}.btnAnch,.btnDownloadApp{align-items:center;background-color:var(--blanco);display:flex;justify-content:center}.btnDownloadApp{border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:var(--color1);cursor:pointer;font-size:14px;font-weight:600;gap:8px;margin-bottom:10px;padding:10px 20px;transition:all .3s ease}.btnDownloadApp:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}@media (min-width:701px) and (max-width:1100px){.FooterContain{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;justify-items:center;padding:40px 5%;text-align:center}.footerText{align-items:center;width:100%}.btnAnch,.socials *{margin:0 auto}}@media (max-width:700px){.FooterContain{border-radius:20px 20px 0 0;display:flex;flex-direction:column;margin:0;padding:20px 4%}.btnAnch,.socials *{margin:0 auto}.footerText{align-items:center;text-align:center}}@media (max-width:1024px) and (orientation:landscape){.FooterContain{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);padding:20px 3%}.footerText{font-size:.85rem}}.scroll-to-top{background-color:initial;display:flex;grid-column:1/-1;justify-content:center;padding:1px 0;position:relative;width:100%;z-index:100}.product-page-scroll{padding-bottom:2.5px!important}.scroll-btn{align-items:center;background-color:#fff;border:1px solid #0000000d;border-radius:50%;box-shadow:0 4px 15px #0000001a;color:var(--color1);cursor:pointer;display:flex;height:45px;justify-content:center;transition:all .3s ease;width:45px}.scroll-btn:hover{box-shadow:0 6px 20px #0003;color:#d83098;transform:scale(1.1)}[data-theme=dark] .scroll-btn{background-color:var(--color1);border:none;box-shadow:0 4px 15px #0006;color:#fff}[data-theme=dark] .scroll-btn:hover{background-color:#d83098;color:#fff}@media (max-width:900px){.scroll-to-top{padding:1px 0}.product-page-scroll{padding-bottom:85px!important}.scroll-btn{height:42px;width:42px}}@media (max-width:500px) and (orientation:portrait){.product-page-scroll{padding-bottom:42px!important}}.btnWhatsapp img{width:30px}.btnWhatsapp{align-items:center;background-color:#1eb81e;border:none;border-radius:100%;bottom:140px;box-shadow:0 4px 30px rgba(0,0,0,.196);color:var(--blanco);cursor:pointer;display:flex;font-size:17px;height:2.5rem;justify-content:center;left:92%;padding:25px;position:fixed;right:0;transition:transform .3s ease,box-shadow .3s ease;width:2.5rem;z-index:2}.btnWhatsapp:hover{box-shadow:0 6px 35px #1eb81e66;transform:scale(1.05)}.overlay-wpp{background-color:rgba(0,0,0,.384);bottom:0;justify-content:end;left:0;padding:10rem 2rem 2rem;right:0;top:0;z-index:999}.modal-wpp,.overlay-wpp{display:flex;position:fixed}.modal-wpp{background-color:var(--blanco);border-radius:15px;bottom:50px;flex-direction:column;height:23rem;margin-right:2%;overflow:hidden;width:20rem}.headerWpp{background-color:#1eb81e;display:flex;justify-content:space-between;padding:10px 20px;width:100%}.headerWpp,.headerWpp button{border:none;color:var(--blanco)}.headerWpp button{background-color:initial;font-weight:700}.btnsWpp{display:flex;flex-direction:column;gap:1rem;height:11rem;overflow-y:scroll;padding:1rem 10px 10px}.btnsWpp::-webkit-scrollbar{background-color:initial;cursor:pointer;height:5px;width:5px}.btnsWpp::-webkit-scrollbar-thumb{background-color:#1eb81e;border-radius:10px}.sendWpp textarea{background-color:var(--gris);border-radius:15px;color:var(--text-color2);display:flex;min-height:3rem;resize:none}.sendWpp{align-items:center;display:flex;gap:10px;margin-top:1vh;padding:10px}.sendWpp button{background-color:initial;border:none;color:#1eb81e;font-size:25px}.mensaje{background-color:var(--gris);border-radius:0 20px 20px 20px;margin:15px 20px 0 10px;padding:10px}.mensaje p{color:var(--text-color2);font-weight:400}@media (max-width:900px){.btnWhatsapp,.containWpp{display:none!important}}@media (max-width:500px){.modal-wpp{background-color:var(--blanco);border-radius:15px;display:flex;flex-direction:column;height:25rem;margin-right:0;margin-top:40vh;overflow:hidden;width:95%}.overlay-wpp{justify-content:center;padding:10px}.btnsWpp{height:12rem}}.btnReserva{align-items:center;background-color:#000;border:none;border-radius:100%;bottom:210px;box-shadow:0 4px 30px rgba(0,0,0,.196);color:var(--blanco);cursor:pointer;display:flex;font-size:20px;height:2.5rem;justify-content:center;left:92%;padding:25px;position:fixed;right:0;transition:transform .3s ease,box-shadow .3s ease;width:2.5rem;z-index:2}.btnReserva:hover{box-shadow:0 6px 35px #ff6b3566;transform:scale(1.05)}.overlay-reserva{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:999}.modal-reserva{background-color:var(--blanco);border-radius:15px;box-shadow:0 10px 50px #0000004d;display:flex;flex-direction:column;max-height:95vh;max-width:500px;overflow-y:auto;width:100%}.modal-reserva::-webkit-scrollbar{width:6px}.modal-reserva::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}.containModalReserva{display:flex;flex-direction:column}.headerReserva{align-items:center;background-color:#000;color:var(--blanco);display:flex;justify-content:space-between;padding:20px;width:100%}.headerReserva h3{color:#fff;font-size:20px;font-weight:600;margin:0}.closeBtnReserva{background-color:initial;border:none;color:var(--blanco);cursor:pointer;font-size:20px;transition:transform .2s ease}.closeBtnReserva:hover{transform:scale(1.1)}.formReserva{gap:1rem;padding:20px 25px}.fieldReserva,.formReserva{display:flex;flex-direction:column}.fieldReserva{gap:8px}.fieldReserva label{color:var(--text-color2);font-size:14px;font-weight:500}.fieldReserva input{background-color:var(--gris2);border:1px solid #e0e0e0;border-radius:8px;color:var(--text-color2);font-size:15px;padding:12px 15px;transition:border-color .3s ease}.fieldReserva input:focus{border-color:#ff6b35;outline:none}.fieldReserva input::placeholder{color:#999}.btnReservarSubmit{background-color:#000;border:none;border-radius:8px;color:var(--blanco);cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:background-color .3s ease,transform .2s ease}.btnReservarSubmit:hover{background-color:#000;transform:translateY(-2px)}.btnReservarSubmit:active{transform:translateY(0)}.btnReservarSubmit:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.btnReservarSubmit:disabled:hover{background-color:#ccc;transform:none}.errorHorario{color:#f44336;font-size:12px;font-weight:500;line-height:1.4;margin-top:5px;white-space:pre-line}@media (max-width:900px){.btnReserva,.containReserva{display:none!important}}@media (max-width:500px){.overlay-reserva{padding:1rem}.modal-reserva{max-width:none;width:95%}.headerReserva{padding:15px}.headerReserva h3{color:#fff;font-size:18px}.formReserva{gap:1rem;padding:20px}.rowReserva{flex-direction:column;gap:1rem}.fieldReserva input{font-size:14px;padding:10px 12px}.btnReservarSubmit{font-size:15px;padding:12px}}.modal-cart{border:none;border-radius:10px 0 0 10px;height:100vh;overflow:hidden;top:0;width:65vh}.modal-cart,.modal-send-form{background-color:var(--blanco);display:flex;flex-direction:column}.modal-send-form{flex:1 1;gap:1rem;overflow-y:auto;padding:20px}.modal-cart .btn{margin:1rem 0 0;width:100%}.modal-send-form input,.modal-send-form textarea{background-color:var(--gris2);border:none;border-radius:6px;padding:13px}.overlay-cart{background-color:rgba(0,0,0,.333);bottom:0;display:flex;justify-content:right;left:0;position:fixed;right:0;top:0;z-index:999}.modal-content-cart{min-height:70vh;overflow-y:scroll;padding:10px;width:100%}.modal-content-cart::-webkit-scrollbar{background-color:initial;cursor:pointer;height:5px;width:5px}.modal-content-cart::-webkit-scrollbar-thumb{background-color:var(--color1);border-radius:10px;margin-top:3rem}.cardProductCart{align-items:center;border-bottom:1px solid var(--gris2);border-radius:10px;display:flex;gap:10px;justify-content:space-around;margin-bottom:1rem;padding-bottom:10px;position:relative}.deleteToCart{background-color:var(--color1);border-radius:10px;color:var(--blanco)}.deleteCart,.deleteToCart{border:none;cursor:pointer}.deleteCart{background-color:initial;color:var(--color1);font-size:17px;font-weight:500;text-align:right}.cardProductCart img{border-radius:15px;height:5rem;object-fit:cover;width:5rem}.cardProductCartText{display:flex;flex-direction:column;gap:7px;justify-content:space-around;width:50%}.cardProductCartText h3{color:var(--text-color2);font-size:16px;font-weight:500;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cardProductCartText span{color:var(--text-color2);font-size:14px}.cardProductCartText strong{color:var(--text-color2);font-size:15px;font-weight:500}.deFLex{background-color:var(--color1);color:var(--blanco);padding:15px 20px}.deFLex h4{font-weight:400}.deFLex button,.deFLex h4{color:var(--blanco);font-size:17px}.deFLex button{background-color:initial;border:none;cursor:pointer}.deFLexBtns{gap:2rem;justify-content:space-between}.btnWpp,.deFLexBtns{align-items:center;display:flex}.btnWpp{background-color:#1eb81e;border:none;border-radius:60px;color:var(--blanco);cursor:pointer;gap:10px;justify-content:center;padding:11px;text-align:center;width:100%}.deColumnCart{background-color:var(--blanco);border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.255);display:flex;flex-direction:column;gap:10px;justify-content:space-between;margin:0 20px;padding:10px}.btnWpp img{width:25px}.deColumnCart h4{border-bottom:1px solid var(--text-color2);color:var(--text-color2);padding-bottom:10px}.cartIcon{background-color:initial;border:none;color:var(--color1);cursor:pointer;font-size:20px}.btn{background-color:var(--color1);border:none;border-radius:60px;color:var(--blanco);cursor:pointer;padding:15px;width:100%}.nohay{color:var(--text-color2);padding-top:5rem;text-align:center}.cartIconFixed{align-items:center;background-color:var(--color1);border:none;border-radius:100%;bottom:60px;box-shadow:0 4px 30px rgba(0,0,0,.196);color:var(--blanco);cursor:pointer;display:flex;font-size:17px;height:2.5rem;justify-content:center;left:92%;padding:25px;position:fixed;right:0;transition:transform .3s ease,box-shadow .3s ease;width:2.5rem;z-index:2}.cartIconFixed:hover{transform:scale(1.05)}.cartIconFixed span{background-color:#f09;border-radius:100%;color:var(--blanco);font-size:12px;margin-left:1rem;margin-top:-15px;padding:4px 7px;position:absolute}.deFLexRadio{background-color:var(--gris2);border:none;border-radius:6px;color:var(--text-color2);display:flex;flex-direction:column;font-size:14px;gap:10px;justify-content:space-between;padding:13px}.deFLexRadio div{align-items:center;display:flex;gap:10px}.deFlexCantidad{align-items:center;display:flex;gap:1rem;justify-content:space-between}.deFlexCantidad button{background-color:var(--color1);border:none;border-radius:5px;color:var(--blanco);cursor:pointer;padding:3px 6px}.deFlexCantidad span{font-weight:600}.deNonefieldset{display:none}@media (max-width:900px){.modal-cart{border-radius:0;height:100vh;overflow-y:auto!important;padding-bottom:90px!important;width:100%}.modal-content-cart::-webkit-scrollbar-thumb{background-color:initial}.cartIcon{color:var(--blanco)}.cartIconFixed{display:none!important}.deFLexBtns{margin-bottom:20px!important}.deColumnCart,.deFLexBtns,.modal-send-form{padding-bottom:20px!important}.deColumnCart{margin-bottom:0!important}.modal-content-cart{max-height:none!important;min-height:auto!important;padding-bottom:20px!important}}.selectMesa{background:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:1rem;padding:12px;transition:border-color .3s;width:100%}.selectMesa:focus{border-color:#007bff;border-color:var(--primary-color,#007bff);outline:none}.mesaSelectContainer{display:flex;flex-direction:column;gap:8px}.mesaSelectContainer label{color:#333;font-size:.95rem;font-weight:600}.mesaWarning{color:#dc3545;font-size:.85rem;font-weight:500;margin:5px 0 0}.cupon-container{margin:15px 0}.cupon-input-group{align-items:center;display:flex;gap:10px}.cupon-input-group input{flex:1 1}.cupon-input-group input:disabled{background-color:#e0e0e0;cursor:not-allowed}.btn-aplicar-cupon:disabled{background-color:#ccc}.btn-quitar-cupon{background-color:#f44336;color:#fff}.btn-quitar-cupon:hover{background-color:#d32f2f}.cupon-aplicado-info{background-color:#e8f5e9;border-left:4px solid #4caf50;border-radius:4px;margin-top:12px;padding:12px}.cupon-aplicado-mensaje{color:#2e7d32;font-size:14px;margin:0 0 8px}.cupon-aplicado-descripcion{color:#555;font-size:13px;margin:0 0 8px}.cupon-descuento{color:#333;font-size:15px;margin:0}.resumen-precios{background-color:#f9f9f9;border-radius:8px;margin-bottom:15px;padding:15px}.precio-linea{display:flex;font-size:16px;justify-content:space-between;padding:8px 0}.precio-linea.descuento-linea{color:#4caf50;font-weight:600}.precio-linea.total-linea{border-top:2px solid #ddd;font-size:18px;margin-top:8px;padding-top:12px}@media (max-width:768px){.cupon-input-group{flex-direction:column}.btn-aplicar-cupon,.btn-quitar-cupon{width:100%}}.paymentInstructions{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:15px 0;padding:15px}.paymentInstructions label{color:#333;display:block;font-weight:600;margin-bottom:10px}.paymentImageContainer{margin:15px 0;text-align:center}.paymentImage{border-radius:8px;box-shadow:0 2px 8px #0000001a;display:inline-block;height:auto;max-height:400px;max-width:100%}.instructionsContent{color:#555;line-height:1.6;margin-top:10px}.instructionsContent img{border-radius:5px;display:block;height:auto;margin:10px 0;max-width:100%}.instructionsContent p{margin:8px 0}.instructionsContent strong{color:#333}.paymentReferenceContainer{margin:15px 0}.paymentReferenceContainer input{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:12px;width:100%}.paymentProofContainer{margin:15px 0}.paymentProofContainer label{color:#333;display:block;font-weight:600;margin-bottom:8px}.paymentProofContainer .required{color:#fe1e78}.paymentProofContainer input[type=file]{border:2px dashed #ddd;border-radius:5px;cursor:pointer;padding:10px;transition:border-color .3s ease;width:100%}.paymentProofContainer input[type=file]:hover{border-color:#fe1e78}.proofPreview{background:#f9f9f9;border-radius:5px;margin-top:15px;padding:10px;text-align:center}.proofPreview img{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:300px;max-width:100%}.fileSelected{color:#28a745;font-size:14px;font-weight:500;margin-top:10px}@media (max-width:768px){.proofPreview img{max-height:200px}.paymentInstructions{padding:12px}.instructionsContent{font-size:14px}}.propina-container{background:linear-gradient(135deg,#fff2f6,#ffe6f0);border:2px solid #fe1e78;border:2px solid var(--color1,#fe1e78);border-radius:14px;display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.1rem}.propina-titulo{color:#fe1e78;color:var(--color1,#fe1e78);font-size:.97rem;font-weight:700;margin:0;text-align:center}.propina-botones{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.propina-btn{background:#fff;border:2px solid #fe1e78;border:2px solid var(--color1,#fe1e78);border-radius:30px;color:#fe1e78;color:var(--color1,#fe1e78);cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem .85rem;transition:all .18s ease}.propina-btn:hover{background:#fe1e78;background:var(--color1,#fe1e78);box-shadow:0 4px 12px #fe1e7859;color:#fff;transform:translateY(-2px)}.propina-btn--activo{background:#fe1e78!important;background:var(--color1,#fe1e78)!important;box-shadow:0 4px 12px #fe1e7873;color:#fff!important;transform:translateY(-1px)}.propina-btn--no{border-color:#b0bec5;color:#78909c}.propina-btn--no.propina-btn--activo{background:#b0bec5!important;box-shadow:none;color:#fff!important}.propina-custom{align-items:center;display:flex;gap:.5rem}.propina-input-custom{background:#fff;border:1.5px solid #fe1e78;border:1.5px solid var(--color1,#fe1e78);border-radius:8px;color:#333;flex:1 1;font-size:.9rem;outline:none;padding:.5rem .75rem}.propina-btn-aplicar{background:#fe1e78;background:var(--color1,#fe1e78);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;padding:.5rem .9rem;transition:background .2s}.propina-btn-aplicar:hover{background:#d8006b}.propina-seleccionada{color:#2e7d32;font-size:.88rem;margin:0;text-align:center}.propina-seleccionada strong{color:#1b5e20}[data-theme=dark] .propina-container{background:linear-gradient(135deg,#2d1624,#1e0d16)!important;border-color:#fe1e78!important;border-color:var(--color1,#fe1e78)!important}[data-theme=dark] .propina-titulo{color:#fff!important}[data-theme=dark] .propina-btn{background:#1a1a1a!important;border-color:#3d3d3d!important;color:#fff!important}[data-theme=dark] .propina-btn:hover{box-shadow:0 4px 12px #fe1e7873!important}[data-theme=dark] .propina-btn--activo,[data-theme=dark] .propina-btn:hover{background:#fe1e78!important;background:var(--color1,#fe1e78)!important;border-color:#fe1e78!important;border-color:var(--color1,#fe1e78)!important;color:#fff!important}[data-theme=dark] .propina-btn--activo{box-shadow:0 4px 12px #fe1e788c!important}[data-theme=dark] .propina-btn--no{border-color:#3d3d3d!important;color:#888!important}[data-theme=dark] .propina-btn--no.propina-btn--activo{background:#444!important;color:#fff!important}[data-theme=dark] .propina-input-custom{background:#1a1a1a!important;border-color:#3d3d3d!important;color:#fff!important}[data-theme=dark] .propina-input-custom:focus{border-color:#fe1e78!important;border-color:var(--color1,#fe1e78)!important}[data-theme=dark] .propina-btn-aplicar{background:#fe1e78!important;background:var(--color1,#fe1e78)!important;color:#fff!important}[data-theme=dark] .propina-btn-aplicar:hover{background:#d8006b!important}[data-theme=dark] .propina-seleccionada{color:#81c784!important}[data-theme=dark] .propina-seleccionada strong{color:#a5d6a7!important}.dian-invoice-toggle-container{align-items:center;background-color:var(--gris2);border-radius:6px;display:flex;gap:10px;margin:10px 0;padding:13px}.dian-invoice-checkbox{accent-color:var(--color1);cursor:pointer;height:20px!important;margin:0!important;padding:0!important;width:20px!important}.dian-invoice-toggle-label{color:var(--text-color2);cursor:pointer;font-size:14px;font-weight:600}.dian-invoice-fields{animation:fadeInDian .25s ease-out;background-color:#fafafa;border:1px solid var(--gris2);border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:15px}@keyframes fadeInDian{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dian-invoice-field-group{display:flex;flex-direction:column;gap:6px}.dian-invoice-label{color:var(--text-color2);font-size:13px;font-weight:600}.dian-invoice-select{background-color:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:14px;outline:none;padding:12px;transition:border-color .2s}.dian-invoice-select:focus{border-color:var(--color1)}.dian-invoice-input{background-color:#fff!important;border:1px solid #ddd!important;border-radius:6px!important;color:#333!important;font-size:14px!important;outline:none!important;padding:12px!important;transition:border-color .2s!important}.dian-invoice-input:focus{border-color:var(--color1)!important}.modal-bottom-panel{background-color:var(--blanco);border-top:1px solid var(--gris2);box-shadow:0 -4px 10px #0000000d;display:flex;flex-direction:column;flex-shrink:0;gap:12px;padding:15px 20px 25px}[data-theme=dark] .modal-bottom-panel{background-color:#1a1a1a!important;border-top-color:#3d3d3d!important;box-shadow:0 -4px 10px #0000004d!important}[data-theme=dark] .dian-invoice-fields{background-color:#1a1a1a!important;border-color:#3d3d3d!important}[data-theme=dark] .dian-invoice-label{color:#fff!important}[data-theme=dark] .dian-invoice-select{border-color:#444!important}[data-theme=dark] .dian-invoice-input,[data-theme=dark] .dian-invoice-select,[data-theme=dark] .dian-invoice-select option{background-color:#2b2b2b!important;color:#fff!important}[data-theme=dark] .dian-invoice-input{border-color:#444!important}[data-theme=dark] .dian-invoice-input::placeholder{color:#888!important}[data-theme=dark] .dian-invoice-toggle-container{background-color:#1a1a1a!important;border:1px solid #3d3d3d!important}[data-theme=dark] .dian-invoice-toggle-label{color:#fff!important}[data-theme=dark] .paymentInstructions{background:#1a1a1a!important;border-color:#3d3d3d!important}[data-theme=dark] .paymentInstructions label{color:#fff!important}[data-theme=dark] .instructionsContent{color:#b0b0b0!important}[data-theme=dark] .instructionsContent strong,[data-theme=dark] .paymentProofContainer label{color:#fff!important}[data-theme=dark] .paymentProofContainer input[type=file]{background-color:#2b2b2b!important;border-color:#444!important;color:#fff!important}[data-theme=dark] .proofPreview{background-color:#1a1a1a!important}[data-theme=dark] .fileSelected{color:#81c784!important}[data-theme=dark] .paymentReferenceContainer input{color:#fff!important}[data-theme=dark] .paymentReferenceContainer input,[data-theme=dark] .selectMesa{background-color:#2b2b2b!important;border-color:#444!important}[data-theme=dark] .selectMesa option{background-color:#2b2b2b!important}[data-theme=dark] .mesaWarning{color:#ff5252!important}.modal-feedback{background:#fff;border-radius:12px;bottom:auto;box-shadow:0 4px 20px #0000004d;left:50%;max-width:500px;padding:2rem;position:fixed;right:auto;top:50%;transform:translate(-50%,-50%);width:90%;z-index:2000}.overlay-feedback{background-color:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1999}.feedback-content{display:flex;flex-direction:column;gap:1.5rem}.feedback-content h2{color:var(--color1);font-size:1.8rem;margin:0;text-align:center}.feedback-subtitle{color:var(--text-color2);font-size:.95rem;margin:-.5rem 0 0;text-align:center}.stars-container{display:flex;gap:.5rem;justify-content:center}.star-button{background:none;border:none;cursor:pointer;padding:.2rem;transition:transform .2s ease}.star-button:hover{transform:scale(1.15)}.star-button:active{transform:scale(1.05)}.star-filled{color:#ffc107;filter:drop-shadow(0 2px 4px rgba(255,193,7,.3));font-size:2.5rem}.star-empty{color:#ddd;font-size:2.5rem}.rating-text{color:var(--text-color2);font-size:1.1rem;font-weight:500;min-height:1.5rem;text-align:center}.feedback-textarea-container{display:flex;flex-direction:column;gap:.5rem}.feedback-textarea-container label{color:var(--text-color2);font-weight:600}.feedback-textarea-container textarea{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:1rem;padding:.8rem;resize:vertical;transition:border .3s ease}.feedback-textarea-container textarea:focus{border-color:var(--color1);outline:none}.char-count{color:#999;font-size:.85rem;text-align:right}.feedback-buttons{display:flex;gap:1rem;justify-content:center;margin-top:.5rem}.btn-primary-feedback,.btn-secondary-feedback{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:all .3s ease}.btn-primary-feedback{background-color:var(--color1);color:#fff}.btn-primary-feedback:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.btn-primary-feedback:disabled{background-color:#ccc;cursor:not-allowed}.btn-secondary-feedback{background-color:#6c757d;color:#fff}.btn-secondary-feedback:hover:not(:disabled){opacity:.9}.btn-secondary-feedback:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.modal-feedback{padding:1.5rem;width:95%}.feedback-content h2{font-size:1.5rem}.star-empty,.star-filled{font-size:2rem}.stars-container{gap:.3rem}.feedback-buttons{flex-direction:column;gap:.5rem}.btn-primary-feedback,.btn-secondary-feedback{padding:.8rem;width:100%}}.mobile-nav{align-items:center;background:linear-gradient(135deg,#fe1e78,#ff6ba9);border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -4px 20px #fe1e784d;display:none;height:70px;justify-content:space-around;left:0;padding:0 10px;position:fixed;right:0;z-index:1000}.mobile-nav-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;max-width:100px;padding:8px 12px;position:relative;transition:all .3s ease}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-item.active{background:#fff3;transform:translateY(-3px)}.mobile-nav-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:22px;margin-bottom:2px}.mobile-nav-item span{font-size:11px;font-weight:500;line-height:1.2;text-align:center;text-shadow:0 1px 3px #0003}.cart-badge{align-items:center;background:#f06;border-radius:50%;box-shadow:0 2px 6px #0003;color:#fff;display:flex;font-size:11px;height:18px;justify-content:center;position:absolute;right:16px;top:0;width:18px}@media (max-width:900px){.mobile-nav{display:flex!important}}@media (max-width:380px){.mobile-nav{height:65px;padding:0 5px}.mobile-nav-item{gap:2px;max-width:80px;padding:6px 8px}.mobile-nav-icon{font-size:20px}.mobile-nav-item span{font-size:10px}}[data-theme=dark] .mobile-nav{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-top:3px solid #fe1e78;box-shadow:0 -4px 20px #fe1e7866,0 0 30px #fe1e7833}[data-theme=dark] .mobile-nav-item{color:#e0e0e0}[data-theme=dark] .mobile-nav-item.active{background:#fe1e784d;color:#fff}[data-theme=dark] .mobile-nav-icon{filter:drop-shadow(0 2px 6px rgba(254,30,120,.4))}[data-theme=dark] .mobile-nav-item span{color:#e0e0e0}[data-theme=dark] .mobile-nav-item.active span{color:#fff}[data-theme=dark] .modal-reserva-mobile,[data-theme=dark] .modal-wpp-mobile{background-color:var(--blanco)}[data-theme=dark] .modal-reserva-mobile .headerReserva,[data-theme=dark] .modal-wpp-mobile .headerWpp{background-color:#1a1a1a}[data-theme=dark] .modal-reserva-mobile .formReserva,[data-theme=dark] .modal-wpp-mobile .mensaje{background-color:var(--blanco)}[data-theme=dark] .modal-reserva-mobile input,[data-theme=dark] .modal-reserva-mobile textarea,[data-theme=dark] .modal-wpp-mobile .sendWpp textarea{background-color:var(--input);border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .overlay-reserva-mobile,[data-theme=dark] .overlay-wpp-mobile{background-color:#000000b3}.modal-wpp-mobile{background-color:var(--blanco);border-radius:15px;display:flex;flex-direction:column;height:auto;left:50%;max-height:500px;max-width:400px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:95%}.overlay-wpp-mobile{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.modal-reserva-mobile{background-color:var(--blanco);border-radius:15px;box-shadow:0 10px 50px #0000004d;left:50%;max-height:90vh;max-width:450px;overflow:hidden;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:95%}.rowReserva{display:flex;gap:1rem}.rowReserva .fieldReserva{flex:1 1}@media (max-width:500px){.rowReserva{flex-direction:column;gap:1rem}}.overlay-reserva-mobile{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}@media (max-width:900px){.main-wrapper,body{padding-bottom:0!important}footer{margin-bottom:70px}}.cookies-banner-wrapper{animation:slideInUp .5s cubic-bezier(.16,1,.3,1) forwards;background-color:#1a1a1a;border-top:1px solid #ffffff14;bottom:0;box-shadow:0 -4px 20px #0006;box-sizing:border-box;left:0;padding:16px 24px;position:fixed;right:0;z-index:99999}.cookies-banner-wrapper.dismissing{animation:slideOutDown .4s cubic-bezier(.16,1,.3,1) forwards}.cookies-banner-content{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px}.cookies-text{color:#fff;font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;text-align:left}.cookies-link{color:var(--color1)!important;cursor:pointer;font-weight:700;text-decoration:underline;transition:all .2s ease}.cookies-link:hover{filter:brightness(1.25);text-decoration:none}.cookies-buttons{align-items:center;display:flex;flex-shrink:0;gap:12px}.cookies-btn{background-color:var(--color1)!important;border:none;border-radius:8px;box-shadow:0 4px 10px #0003;color:#000!important;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.5px;padding:10px 24px;transition:all .25s ease}.cookies-btn:hover{box-shadow:0 6px 14px #0000004d;filter:brightness(1.15);transform:translateY(-2px)}.cookies-btn:active{transform:translateY(0)}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@media (max-width:768px){.cookies-banner-wrapper{padding:16px 20px 24px}.cookies-banner-content{flex-direction:column;gap:16px;text-align:center}.cookies-text{font-size:13.5px;text-align:center}.cookies-buttons{gap:10px;justify-content:center;width:100%}.cookies-btn{flex:1 1;font-size:13px;max-width:150px;padding:12px 16px;text-align:center}}.installPwaPopup{animation:slideUp .4s ease-out;bottom:20px;position:fixed;right:20px;z-index:9999}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.installPwaContent{background-color:#fff;border:2px solid #d83098;border:2px solid var(--primary-color,#d83098);border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:320px;padding:20px;position:relative}.installPwaClose{background:#0000;border:none;cursor:pointer;font-size:18px;padding:5px;position:absolute;right:10px;top:10px;transition:color .3s ease}.installPwaClose,.installPwaClose:hover{color:#636363!important}.installPwaLogo{border-radius:12px;display:block;height:60px;margin:0 auto 15px;object-fit:contain;width:60px}.installPwaContent h3{color:#d83098;color:var(--primary-color,#d83098);font-size:20px;margin:0 0 10px;text-align:center}.installPwaContent p{color:#666;font-size:14px;line-height:1.5;margin:0 0 20px;text-align:center}.installPwaBtns{display:flex;flex-direction:column;gap:10px}.btnInstall{align-items:center;background-color:#d83098;background-color:var(--primary-color,#d83098);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.btnInstall:hover{background-color:#b82479;box-shadow:0 4px 12px #d830984d;transform:translateY(-2px)}.btnClose{background-color:initial;border:1px solid #ddd;border-radius:8px;color:#636363!important;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.btnClose:hover{background-color:#f5f5f5;border-color:#ccc;color:#636363!important}@media (max-width:768px){.installPwaPopup{bottom:10px;left:10px;right:10px}.installPwaContent{max-width:100%}}@media (max-width:500px){.installPwaPopup{bottom:80px}}.pwaInstalledToast{align-items:center;animation:fadeInDown .4s ease-out,fadeOutUp .4s ease-in 3.6s forwards;background-color:#2e7d32;border-radius:50px;box-shadow:0 4px 15px #0003;color:#fff;display:flex;font-size:15px;font-weight:600;gap:8px;left:50%;padding:12px 24px;position:fixed;top:20px;transform:translateX(-50%);z-index:10000}@keyframes fadeInDown{0%{opacity:0;top:-50px}to{opacity:1;top:20px}}@keyframes fadeOutUp{0%{opacity:1;top:20px}to{opacity:0;top:-50px}}.pwa-instructions-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:100000}.pwa-instructions-card{animation:zoomIn .3s ease-out;background:#fff;border:2px solid #d83098;border:2px solid var(--primary-color,#d83098);border-radius:16px;box-shadow:0 10px 30px #0000004d;color:#333;max-width:380px;padding:25px;position:relative;text-align:center;width:100%}.pwa-instructions-title{color:#d83098;color:var(--primary-color,#d83098);font-size:1.25rem;font-weight:700;margin:0 0 15px}.pwa-steps-list{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;text-align:left}.pwa-step-item{align-items:flex-start;display:flex;font-size:.95rem;gap:12px;line-height:1.4}.pwa-step-num{align-items:center;background:#d83098;background:var(--primary-color,#d83098);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:24px;justify-content:center;margin-top:2px;width:24px}.pwa-step-text{color:#444}.pwa-step-text strong{color:#000}.pwa-instruction-icon{align-items:center;background:#f0f0f0;border-radius:4px;color:#333;display:inline-flex;font-size:.9rem;justify-content:center;margin:0 2px;padding:3px 6px}.pwa-btn-close-instructions{background:#d83098;background:var(--primary-color,#d83098);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:10px 20px;transition:background-color .2s;width:100%}.pwa-btn-close-instructions:hover{background-color:#b82479}.splash-loader-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at center,#181824 0,#0a0a0f 100%);display:flex;height:100vh;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .6s cubic-bezier(.25,1,.5,1),visibility .6s;visibility:visible;width:100vw;z-index:999999}.splash-loader-overlay.splash-fade-out{opacity:0;pointer-events:none;visibility:hidden}.splash-loader-content{flex-direction:column;gap:2rem}.splash-loader-content,.splash-logo-wrapper{align-items:center;display:flex;justify-content:center}.splash-logo-wrapper{animation:splashEntrance 1.2s cubic-bezier(.175,.885,.32,1.275) forwards,splashPulse 2.2s ease-in-out 1.2s infinite alternate;background-color:#fff!important;border-radius:50%;box-shadow:0 8px 30px #00000040;box-sizing:border-box;height:150px;padding:15px;position:relative;width:150px}.splash-logo-animated{height:100%;object-fit:contain;width:100%;z-index:2}.splash-logo-glow{animation:glowPulse 2.2s ease-in-out 1.2s infinite alternate;background:radial-gradient(circle,#ff007f73 0,#ff007f00 70%);border-radius:50%;filter:blur(20px);height:120px;position:absolute;width:120px;z-index:1}.splash-spinner-container{background:#ffffff1a;border-radius:10px;height:3px;overflow:hidden;position:relative;width:140px}.splash-spinner-bar{animation:loadingBar 2s cubic-bezier(.4,0,.2,1) forwards;background:linear-gradient(90deg,#ff007f,#a78bfa);border-radius:10px;height:100%;position:absolute;width:50%}@keyframes splashEntrance{0%{opacity:0;transform:scale(0) rotate(-15deg)}70%{opacity:.9;transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes splashPulse{0%{filter:drop-shadow(0 0 10px rgba(255,0,127,.3));transform:scale(1)}to{filter:drop-shadow(0 0 25px rgba(255,0,127,.6)) drop-shadow(0 0 45px rgba(167,139,250,.4));transform:scale(1.05)}}@keyframes glowPulse{0%{opacity:.5;transform:scale(.9)}to{opacity:.95;transform:scale(1.2)}}@keyframes loadingBar{0%{left:-50%;width:30%}30%{left:10%;width:60%}60%{left:40%;width:40%}to{left:100%;width:10%}}.spinnerContainer{height:100vh;justify-content:center}.spinner,.spinnerContainer{align-items:center;display:flex}.spinner{color:var(--color1);flex-direction:column}.spinnerImage{animation:resize .7s ease-in-out infinite alternate;border-radius:100%;height:50px;object-fit:cover;width:50px}@keyframes resize{0%{transform:scale(1)}to{transform:scale(1.1)}}p{margin-top:10px}.AuthContainer{align-items:center;background-color:var(--blanco);display:flex;flex-direction:column;height:100vh;justify-content:center;padding:60px 5%}.AuthContainer img{border-radius:100%;height:80px;object-fit:cover;width:80px}.sinCuenta{background-color:initial;border:none;color:var(--text-color2);cursor:pointer;font-size:17px;margin-top:2rem;text-align:center}.sinCuenta span{color:var(--color1);font-size:18px;margin-left:10px}.logoAtuh{width:100px}.navbarDashboard{background-color:var(--color1);border-radius:0 10px 10px 0;display:flex;flex-direction:column;max-height:100%;min-height:100vh;overflow:hidden;padding:20px 0 0 6px;transition:width .5s;width:4rem}.navbarDashboard:hover{transition:width .5s;width:20rem}.navbarDashboard img{border-radius:100%;margin-left:-10px;padding:0;width:2.5rem}.content_tables{transition:height .5s,width .5s}.navbarDashboard a{align-items:center;border-radius:30px 0 0 30px;color:var(--blanco);display:flex;gap:2rem;margin-top:1rem;padding:10px 1.1em;width:100%}.navbarDashboard a.active,.navbarDashboard a:hover{background-color:var(--gris);color:var(--color1)}.activeLink{background-color:var(--gris);color:var(--color1)!important;width:100%}@media (max-width:1024px){.navbarDashboard{border-radius:0;max-height:4rem;min-height:4rem;padding:0;transition:max-height .5s;width:100%}.navbarDashboard:hover{max-height:100%;transition:max-height .5s;width:100%}.navbarDashboard a{margin-bottom:1rem;margin-top:0}}.containerGrid{display:flex}.containerSection{background-color:var(--gris);display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:0 2rem;width:100%}.container{background-color:var(--blanco);border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.114);flex:1 1;margin-bottom:2rem;overflow-y:auto;padding:2rem;width:100%}.containerMain{flex-direction:column}.containerMain,.deFLexMain{display:flex;gap:2rem;justify-content:space-between}.deFLexMain{align-items:center}@media (max-width:1024px){.containerGrid{flex-direction:column}.containerSection{gap:1rem;height:100%;margin:0;padding:0}.deFLexMain{flex-direction:column;gap:1rem}.container{padding:10px}}.items{display:flex;flex-wrap:wrap;gap:10px}.items fieldset{width:15%}@media (max-width:824px){.items fieldset{width:45%!important}.items{display:flex;gap:10px;justify-content:space-between}}.HeaderDashContain{background-color:var(--blanco);border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.114);padding:5px 10px;width:100%}.HeaderDashContain,.deFlexHeader{align-items:center;display:flex;justify-content:space-between}.deFlexHeader{gap:2rem}@media (max-width:1024px){.HeaderDashContain{flex-direction:column;padding-top:1rem}.deFlexHeader{gap:10px;padding:10px}}.FullScreenButton{background-color:initial;border:none;color:var(--color1);cursor:pointer;font-size:18px}.inputSearchDashboard{display:flex;flex-direction:column;gap:10px;position:relative}.inputSearchDashboard .modalInput{height:auto}.search{align-items:center;border:1px solid #d1cccc;border-radius:8px;display:flex;gap:10px;padding:3px 4px;width:40vh}.search input{border:none;padding:3px;width:100%}.modalInput{background-color:var(--blanco);box-shadow:0 4px 15px rgba(0,0,0,.114);position:absolute;top:50px;width:40vh;z-index:2}.link,.modalInput{border-radius:10px;padding:10px}.link{align-items:center;color:var(--text-color2);display:flex;gap:10px}.link:hover{background-color:var(--color1);color:var(--blanco)}@media (max-width:1024px){.search{width:45vh}.modalInput{width:100%}}.btn-sesion{align-items:center;background-color:var(--blanco);border-radius:10rem;display:flex;gap:15px;padding:10px 20px;text-decoration:none}.btn-sesion,.icon{color:var(--text-color2)}.icon{background-color:var(--gris2);border-radius:100%;font-size:13px;padding:7px}.arrow-icon{font-size:14px}.btnInstall{background-color:var(--color1);border:none;border-radius:7px;color:var(--blanco);padding:6px 10px}.table-container,table{width:100%}table{border-collapse:collapse}td,th{border-bottom:1px solid #eee;padding:12px;text-align:left}.permisos-grid{background:#1a1a1a;border:1px solid #333;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-top:10px;max-height:250px;overflow-x:auto;overflow-y:auto;padding:10px}.permisos-grid::-webkit-scrollbar{height:1px;width:1px}.permisos-grid::-webkit-scrollbar-track{background:#1a1a1a;border-radius:10px}.permisos-grid::-webkit-scrollbar-thumb{background:var(--color1);border-radius:10px}.permisos-grid::-webkit-scrollbar-thumb:hover{background:#ff0080}.permiso-row{align-items:center;border-bottom:1px solid #333;display:flex;flex-wrap:nowrap;justify-content:space-between;padding:10px 8px}.modulo-nombre{color:#fff;font-size:.9rem;font-weight:600;min-width:120px;text-align:left;width:120px}.permiso-options{display:flex;flex:1 1;gap:8px;justify-content:flex-end}.permiso-opt{align-items:center;background:#2a2a2a;border:1px solid #0000;border-radius:6px;color:#bbb;cursor:pointer;display:flex;font-size:.75rem;gap:4px;justify-content:center;min-width:65px;padding:5px 10px;transition:all .3s ease}.permiso-opt.selected{background:var(--color1);box-shadow:0 0 10px #ff14934d;color:#fff!important;font-weight:700}.permiso-opt input{display:none}.btnActions{gap:8px}.btnActions,.btnActions button{align-items:center;display:flex}.btnActions button{border:none;border-radius:6px;color:#fff;cursor:pointer;height:35px;justify-content:center;padding:8px;transition:all .3s ease;width:35px}.btnActions .vista{background-color:#6c757d}.btnActions .editar{background-color:#4169e1}.btnActions .eliminar{background-color:#ff4500}.btnActions button:hover{opacity:.9;transform:scale(1.1)}.modal-vista{max-width:500px!important}.vista-detalles{display:flex;flex-direction:column;gap:15px;padding:20px 0}.vista-item{border-bottom:1px solid #eee;color:#333;font-size:1rem;padding-bottom:8px}.badge-rol{background-color:var(--color1);border-radius:4px;color:#fff;font-size:.8rem;padding:2px 8px;text-transform:uppercase}.vista-permisos-section h3{color:#1a1a1a;font-size:1.1rem;margin-bottom:12px}.permisos-tags{display:flex;flex-wrap:wrap;gap:8px}.permiso-tag{background:#f0f0f0;border:1px solid #ddd;border-radius:20px;color:#555;font-size:.8rem;padding:5px 12px}.permiso-tag.editar{background:#ff14930d;border-color:var(--color1);color:var(--color1)}.deFlexPass{align-items:center;display:flex;position:relative;width:100%}.deFlexPass input{flex:1 1;padding-right:40px!important}.btnShow{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;position:absolute;right:10px}.btnShow:hover{color:var(--color1)}.deFlexPermisosBtns{display:flex;gap:10px;margin-bottom:10px}.btnClearAll,.btnSelectAll{border:none;border-radius:6px;cursor:pointer;font-size:.7rem;font-weight:600;padding:6px 12px;transition:all .3s ease}.btnSelectAll{background-color:var(--color1);color:#fff}.btnClearAll{background-color:#444;color:#ccc}.btnClearAll:hover,.btnSelectAll:hover{opacity:.8;transform:translateY(-1px)}.cardBanner img{height:100%;object-fit:cover;width:100%}.cardBanner{background-color:var(--gris);border-radius:10px;height:130px;overflow:hidden;position:relative;width:240px}.BannerContainer{display:flex;flex-direction:column;gap:2rem}.BannerWrap{display:flex;flex-wrap:wrap;gap:1rem;max-height:60vh;overflow:auto}.btnBannerDelete{background-color:var(--blanco);border:none;border-radius:2px;color:var(--color1);font-size:16px;margin-left:-30px;margin-top:10px;padding:4px;position:absolute}.BannerWrap::-webkit-scrollbar{background-color:initial;cursor:pointer;height:5px;width:5px}.BannerWrap::-webkit-scrollbar-thumb{background-color:var(--color1);border-radius:10px;margin-top:3rem}.cardBannerOuter{align-items:center;background-color:var(--blanco);border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 15px #0000000d;display:flex;flex-direction:column;gap:8px;padding:10px;width:260px}[data-theme=dark] .cardBannerOuter{background-color:var(--gris);border-color:#ffffff0d;box-shadow:0 4px 15px #0003}.bannerLinkContainer{display:flex;gap:5px;margin-top:5px;width:100%}.inputBannerLink{background-color:#fff;border:1px solid #ddd;border-radius:6px;color:#000;flex:1 1;font-size:12px;outline:none;padding:6px 10px}[data-theme=dark] .inputBannerLink{background-color:var(--input);border-color:#3a3a3a;color:#e0e0e0}.btnGuardarLink{background-color:var(--color1);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:6px 10px;transition:all .2s ease}.btnGuardarLink:hover{background-color:#d61865}@media (max-width:1024px){.cardBannerOuter{width:180px}.cardBanner{border-radius:10px;height:100px;width:160px}.BannerWrap{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;max-height:60vh;overflow:auto}}#crearForm{display:flex;flex-direction:column;gap:10px}#crearForm input,select{border:none;padding:5px 10px;width:100%}.deFlexBack,.flexGrap{align-items:center}.deFlexBack{display:flex;justify-content:space-between}.deFlexBack h4{color:var(--text-color2)}.previevCategori{display:flex;gap:10px;margin-top:1rem;overflow-x:scroll;padding-bottom:10px}.previevCategori::-webkit-scrollbar{background-color:initial;cursor:pointer;height:5px;width:5px}.previevCategori::-webkit-scrollbar-thumb{background-color:var(--color1);border-radius:10px;margin-top:3rem}.previevCategori img{border-radius:10px;height:130px;object-fit:cover;width:250px}@media (max-width:824px){#crearForm{flex-direction:column;flex-wrap:nowrap}}.table-containerProductos{background-color:var(--blanco);border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.114);max-height:40vh;min-height:40vh;overflow:auto;padding:1rem;width:100%}.table-containerProductos::-webkit-scrollbar{background-color:initial;cursor:pointer;height:5px;width:5px}.table-containerProductos::-webkit-scrollbar-thumb{background-color:var(--color1);border-radius:10px}.deFlexMore{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.deFlexMore a{color:var(--color1)}.deFlexMore h3{color:var(--text-color2);font-size:20px;font-weight:500}.table-containerUsuarios{background-color:var(--blanco);border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.114);max-height:35vh;min-height:35vh;overflow:auto;padding:1rem;width:55%}.table-containerUsuarios::-webkit-scrollbar{background-color:initial;cursor:pointer;height:5px;width:5px}.table-containerUsuarios::-webkit-scrollbar-thumb{background-color:var(--color1);border-radius:10px}@media (max-width:824px){.table-containerUsuarios{width:100%}}.cardCantidad{align-items:center;background-color:var(--blanco);border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.114);display:flex;gap:20px;height:15vh;padding:1rem;width:30%}.CardsCantidad{display:flex;flex-wrap:wrap;gap:2rem}.CardsCantidad a{background-color:var(--blanco)}.CardsCantidad a:hover{background-color:var(--color1);color:var(--blanco)}.CardsCantidad a:hover h2,.CardsCantidad a:hover h3{color:var(--blanco)}.CardsCantidad a:hover .icons{background-color:var(--blanco);color:var(--color1)}.deFlex{display:flex;flex-direction:column}.cardCantidad h2{color:var(--color1);font-size:20px}.cardCantidad h3{color:var(--text-color2);font-size:17px;font-weight:500}.icons{background-color:var(--color1);border-radius:7px;color:var(--blanco);font-size:20px;padding:14px}@media (max-width:1024px){.CardsCantidad{flex-direction:row;gap:1rem;justify-content:space-around;width:100%}.cardCantidad{width:45%}.icons{font-size:15px;padding:10px}.cardCantidad h2{font-size:17px}.cardCantidad h3{font-size:15px}}.infoUser{background-color:var(--blanco);border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.114);flex-direction:column;gap:1rem;max-height:40vh;min-height:40vh;padding:1rem;width:40vh}.iconName,.infoUser{align-items:center;display:flex}.iconName{background-color:var(--color1);border-radius:100%;color:var(--blanco);font-size:30px;height:70px;justify-content:center;padding:20px;text-align:center;width:70px}.name{font-size:20px;font-weight:400}.email,.name{color:var(--text-color2)}.email{font-size:17px}.rol{color:green}@media (max-width:1024px){.infoUser{width:100%}}.NewContain{margin-bottom:20px}.btnSave{background-color:#4caf50;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;gap:5px;padding:10px 20px;transition:background-color .3s}.btnSave:hover{background-color:#45a049}.cupon-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.cupon-modal-content{background-color:#fefefe;border:1px solid #888;border-radius:8px;margin:auto;max-height:90vh;max-width:900px;overflow-y:auto;padding:0;width:90%}.cupon-form{padding:20px}.form-section{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:20px}.section-title{border-bottom:2px solid #4caf50;color:#333;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:10px}.form-row{display:flex;gap:15px;margin-bottom:15px}.field-50{flex:1 1}fieldset{border:1px solid #ddd;border-radius:5px;margin-bottom:15px;padding:10px 15px}fieldset legend{color:#555;font-size:14px;font-weight:600;padding:0 5px}fieldset input,fieldset select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}fieldset input:focus,fieldset select:focus{border-color:#4caf50;outline:none}.input-with-button{display:flex;gap:10px}.input-with-button input{flex:1 1}.btn-generar{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;transition:background-color .3s;white-space:nowrap}.btn-generar:hover{background-color:#0b7dda}.toggle-container{margin-bottom:15px}.toggle-label{align-items:center;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:10px}.toggle-label input[type=checkbox]{cursor:pointer;height:20px;width:20px}.radio-group{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.radio-label{align-items:center;border-radius:5px;cursor:pointer;display:flex;font-size:15px;gap:10px;padding:10px;transition:background-color .2s}.radio-label:hover{background-color:#f0f0f0}.radio-label input[type=radio]{cursor:pointer;height:18px;width:18px}.selection-container{background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:15px}.selection-title{color:#555;font-size:14px;font-weight:600;margin-bottom:12px}.checkbox-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding:10px}.checkbox-list.products-list{max-height:250px}.checkbox-label{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:8px 10px;transition:background-color .2s}.checkbox-label:hover{background-color:#f5f5f5}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.form-actions{border-top:1px solid #ddd;display:flex;gap:15px;justify-content:flex-end;margin-top:20px;padding-top:20px}.btnPost{background-color:#4caf50;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:background-color .3s}.btnPost:hover{background-color:#45a049}.btnCancel{background-color:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:background-color .3s}.btnCancel:hover{background-color:#da190b}.btnLoading{background-color:#ccc;border-radius:5px;color:#666;cursor:not-allowed;font-size:16px;font-weight:600;padding:12px 30px}@media (max-width:768px){.cupon-modal-content{max-height:95vh;width:95%}.form-actions,.form-row{flex-direction:column}.form-actions button{width:100%}.input-with-button{flex-direction:column}.btn-generar{width:100%}}.codigos-data-container{width:100%}.table-container{margin-top:20px;overflow-x:auto}.cupones-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;width:100%}.cupones-table thead{background-color:#f5f5f5}.cupones-table th{border-bottom:2px solid #ddd;color:#333;font-weight:600;padding:15px 10px;text-align:left}.cupones-table td{border-bottom:1px solid #eee;padding:12px 10px;vertical-align:middle}.cupones-table tr:hover{background-color:#f9f9f9}.codigo-badge{background-color:#2196f3;border-radius:4px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:5px 12px}.descuento-value{color:#4caf50;font-size:16px;font-weight:700}.aplicar-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.aplicar-todos{background-color:#e3f2fd;color:#1976d2}.aplicar-categorias{background-color:#f3e5f5;color:#7b1fa2}.aplicar-productos{background-color:#fff3e0;color:#e65100}.usos-info{color:#555;font-weight:600}.estado-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;margin-right:5px;padding:5px 10px}.estado-activo{background-color:#e8f5e9;color:#2e7d32}.estado-inactivo{background-color:#ffebee;color:#c62828}.estado-expirado{background-color:#fff3e0;color:#ef6c00}.fecha-vigencia{color:#666;font-size:13px}.acciones-cell{display:flex;gap:8px;justify-content:flex-start}.btn-accion{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .3s}.btn-historial{background-color:#2196f3;color:#fff}.btn-historial:hover{background-color:#1976d2}.btn-editar{background-color:#ff9800;color:#fff}.btn-editar:hover{background-color:#f57c00}.btn-eliminar{background-color:#f44336;color:#fff}.btn-eliminar:hover{background-color:#d32f2f}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-historial{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:1000px;overflow-y:auto;width:90%}.modal-header{border-bottom:2px solid #eee}.modal-header h2{color:#333;font-size:24px;margin:0}.btn-close{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;width:32px}.btn-close:hover{color:#333}.historial-info{background-color:#f5f5f5;border-radius:8px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:15px}.info-item{flex:1 1;min-width:200px}.info-item strong{color:#555;display:block;font-size:14px;margin-bottom:5px}.no-historial{color:#999;padding:40px 20px;text-align:center}.no-historial p{font-size:16px;margin:0}.historial-table{background-color:#fff;border-collapse:collapse;width:100%}.historial-table th{background-color:#f5f5f5;border-bottom:2px solid #ddd;color:#333;font-weight:600;padding:12px;text-align:left}.historial-table td{border-bottom:1px solid #eee;padding:12px}.historial-table tr:hover{background-color:#f9f9f9}.descuento-historial{color:#4caf50;font-weight:700}.estado-pedido{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.estado-pendiente{background-color:#fff3e0;color:#e65100}.estado-confirmado,.estado-entregado{background-color:#e8f5e9;color:#2e7d32}.estado-rechazado{background-color:#ffebee;color:#c62828}@media (max-width:768px){.cupones-table{font-size:14px}.cupones-table td,.cupones-table th{padding:8px 5px}.acciones-cell{flex-direction:column;gap:5px}.btn-accion{width:100%}.modal-historial{width:95%}.historial-info{flex-direction:column}.table-container{overflow-x:scroll}}[data-theme=dark] .aplicar-badge,[data-theme=dark] .estado-badge{color:#000!important}[data-theme=dark] .cupones-table tr:hover{background-color:#333}:root{--bg:#f7f8fa;--card-bg:#fff;--radius:18px;--shadow:0 4px 20px #00000014;--text-primary:#1f1f1f;--text-secondary:#555;--accent:#fe1e78;--accent-soft:#ffe5e5;--border:#e2e8f0}html[data-theme=dark]{--bg:#0f0f10;--card-bg:#1a1b1e;--shadow:0 4px 20px #0006;--text-primary:#f2f2f2;--text-secondary:#bdbdbd;--accent-soft:#ff4d4d26;--border:#333}.detail{background:#f7f8fa;background:var(--bg);min-height:100vh;padding:4% 10%;width:100%}.deFlexDetail{align-items:center;display:flex;justify-content:space-between;padding:18px;position:relative;z-index:150}.back,.favoritos-btn,.share{background:#fff;background:var(--card-bg);border:none;border-radius:50%;box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow);color:#1f1f1f;color:var(--text-primary);cursor:pointer;font-size:18px;padding:10px 12px;transition:.2s ease}.back:hover,.favoritos-btn:hover,.share:hover{transform:scale(1.1)}.detail-contain{display:flex;gap:3rem;margin-top:20px;width:100%}#swiperDetail{background:#000;border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:18px;border-radius:var(--radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow);height:35rem;overflow:hidden;width:35rem}#swiperDetail img{height:100%;object-fit:cover;width:100%}.textDetail{background:#fff;background:var(--card-bg);border-radius:18px;border-radius:var(--radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1rem;padding:25px}.textDetail h2{color:#1f1f1f;color:var(--text-primary);font-size:26px;font-weight:700}.textDetail p{color:#555;color:var(--text-secondary);line-height:1.5;max-height:10rem;overflow-y:auto;padding-right:6px}.textDetail p::-webkit-scrollbar{width:6px}.textDetail p::-webkit-scrollbar-thumb{background:#fe1e78;background:var(--accent);border-radius:10px}.deFLexPrice{align-items:center;display:flex;gap:1rem}.price{color:#fe1e78;color:var(--accent);font-size:26px;font-weight:800}.precioTachadoDetail{color:#999;font-size:20px;text-decoration:line-through}.itemsDetail label{align-items:center;background:#ffe5e5;background:var(--accent-soft);border-radius:8px;color:#1f1f1f;color:var(--text-primary);cursor:pointer;display:flex;font-size:15px;gap:10px;margin-bottom:8px;padding:10px 14px}.qty-control{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;gap:12px;margin:10px auto;padding:8px 14px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.qty-btn,.qty-control{align-items:center;display:flex;justify-content:center}.qty-btn{background:#f7f8fa;background:var(--bg);border:none;border-radius:10px;box-shadow:0 1px 4px #00000014;color:#1f1f1f;color:var(--text-primary);cursor:pointer;font-size:22px;font-weight:600;height:36px;transition:all .2s ease;width:36px}html[data-theme=dark] .qty-btn{background:#2a2a2d}.qty-btn:hover{transform:scale(1.07)}.qty-btn:active{transform:scale(.95)}.qty-value{color:#1f1f1f;color:var(--text-primary);font-size:20px;font-weight:600;min-width:28px;text-align:center}.deFlexGoTocart .btnAdd{background:#fe1e78;background:var(--accent);border:none;border-radius:18px;border-radius:var(--radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin:0 auto;padding:16px 60px;transition:.2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.deFlexGoTocart .btnAdd:hover{transform:translateY(-2px)}.custom-modal{background:#000000e6}.custom-modal img{border-radius:18px;border-radius:var(--radius);width:100%}@media (max-width:1024px){.detail{padding:5rem 0 0}.detail-contain{flex-direction:column;padding-bottom:80px}#swiperDetail{border-radius:0;height:100vw;width:100%}.textDetail{border-radius:20px 20px 0 0;margin-top:-2rem}}.react-responsive-modal-root{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.react-responsive-modal-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.react-responsive-modal-container{height:100%;outline:0;overflow-x:hidden;overflow-y:auto;text-align:center}.react-responsive-modal-containerCenter:after{content:"";display:inline-block;height:100%;vertical-align:middle;width:0}.react-responsive-modal-modal{background:#fff;box-shadow:0 12px 15px 0 #00000040;display:inline-block;margin:1.2rem;max-width:800px;overflow-y:auto;padding:1.2rem;position:relative;text-align:left;vertical-align:middle}.react-responsive-modal-closeButton{background-color:initial;border:none;cursor:pointer;display:flex;padding:0;position:absolute;right:14px;top:14px}.react-responsive-modal-container,.react-responsive-modal-modal,.react-responsive-modal-overlay{animation-fill-mode:forwards!important}@keyframes react-responsive-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes react-responsive-modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes react-responsive-modal-modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(100%)}}@keyframes react-responsive-modal-modal-out{0%{opacity:1;transform:scale(100%)}to{opacity:0;transform:scale(.96)}}.detailLoading{display:flex;flex-wrap:wrap;gap:2rem;min-height:100vh;padding:120px 10%}.textLoadingDetail{display:flex;flex-direction:column;gap:1rem}.textLoadingDetail span{border-radius:20px;height:1rem;width:23rem}.imgLoadingDetail,.textLoadingDetail span{animation:gradientMove 1s linear infinite;background:linear-gradient(90deg,#e8e6e6,#fff,#fff);background-size:400% 400%}.imgLoadingDetail{border-radius:10px;border-radius:20px;height:30rem;width:34rem}@media (max-width:1024px){.detailLoading{gap:0;padding:0}.textLoadingDetail span{height:1rem;width:100%}.imgLoadingDetail{height:50vh;width:100%}.textLoadingDetail{padding:20px;width:100%}}.pageDetail{background-color:var(--blanco);border-radius:30px;min-height:100vh}.ProductsContainPage{display:flex;gap:2rem;min-height:100vh;overflow:hidden;padding:50px 7%;width:100%}.filtrosPage{background-color:var(--blanco);border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.073);display:flex;flex-direction:column;gap:2rem;height:100%;max-width:17rem;min-width:17rem;padding:20px}.ProductsGrap{display:flex;flex-wrap:wrap;gap:2rem}.inputsGrap{display:flex;flex-direction:column;gap:2rem}.inputsGrap select{background-color:var(--gris);border:.3px solid #00000037;border-radius:10rem;padding:8px}.range input{width:100%}@media (max-width:1000px){.range{padding:0 4%;width:100%}.inputsGrap{display:flex;flex-direction:row;gap:10px;overflow:scroll;padding-left:4%;width:100%}.inputsGrap::-webkit-scrollbar,.inputsGrap::-webkit-scrollbar-thumb{background-color:initial}.inputsGrap select{padding:8px 2rem 8px 8px;width:10rem}.ProductsContainPage{background-color:var(--blanco);border-radius:30px 30px 0 0;flex-direction:column;margin-top:-2rem;padding:20px 0 100px}.filtrosPage{background-color:initial;border-radius:10px;box-shadow:none;gap:10px;height:100%;max-width:100%;min-width:100%;padding:0}.searchInput{padding:1rem}.ProductsGrap{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-around}.ProductsGrap .cardProdcutmasVendido{margin-bottom:2rem}}.bgPage{align-items:center;background-color:var(--color1);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;display:flex;gap:1rem;justify-content:center;margin:0 9%;padding-top:4rem}.bgPage,.bgPage a{color:var(--blanco)}@media (max-width:1024px){.bgPage{border-radius:0;height:30vh!important;margin:0;padding-top:0}}.headerBack{display:none}@media (max-width:900px){.headerBack{align-items:center;background-color:var(--color1);display:flex;justify-content:space-between;padding:20px;position:absolute;top:0;width:100%;z-index:200}.headerBack a,.headerBack span{color:var(--blanco)}.headerBack span{font-weight:500}}.btn-info{background-color:#156798!important;color:#fff!important}.cardsProductData{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-top:1rem}.cardProductData{align-items:center;background-color:var(--blanco);border-radius:10px;display:flex;gap:10px;margin-bottom:4px;min-width:18rem;padding:4px;width:47%}.cardProductData img{background-image:var(--gris);border-radius:10px;height:5rem;object-fit:cover;width:5rem}.cardProductDataText{display:flex;flex-direction:column;gap:3px}.cardProductDataText h3,.cardProductDataText h5{color:var(--text-color2);font-weight:500}.cardProductDataText h5{font-size:11px}.cardProductDataText span{color:var(--text-color2);font-size:13px;font-weight:500}.cardProductDataText strong{color:var(--color1);font-size:15px;font-weight:500}.cardProductDataText strong span{color:var(--color1);font-size:15px;padding-left:2rem}.pendiente{background-color:#ff0!important;color:#000!important}.cancelado{background-color:red!important;color:#fff!important}.entregado{background-color:blue!important}.entregado,.pagado{color:#fff!important}.pagado{background-color:green!important}.cupon-info-card{background-color:#e8f5e9;border-left:4px solid #4caf50;border-radius:4px;margin-top:12px;padding:12px}.cupon-info-title{color:#2e7d32;font-size:14px;font-weight:600;margin:0 0 6px}.cupon-info-row{color:#555;display:flex;font-size:13px;justify-content:space-between;margin:4px 0}.cupon-info-label{font-weight:600}.cupon-info-value{color:#333}.cupon-descuento-valor{color:#4caf50;font-weight:700}.comprobanteCol{text-align:center}.btnComprobante{background:none;border:none;border-radius:5px;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:all .3s ease}.btnComprobanteVerde{color:#28a745}.btnComprobanteVerde:hover{background-color:#d4edda}.btnComprobanteGris{color:#6c757d}.btnComprobanteGris:hover{background-color:#e2e3e5}.noComprobante{color:#999;font-style:italic}.detalleSeccion{border-top:2px solid #f0f0f0;margin-top:1.5rem;padding-top:1.5rem}.detalleSeccion h4{color:var(--text-color2);font-weight:600;margin-bottom:1rem}.btnVerComprobante{background-color:var(--color1);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;padding:.6rem 1.2rem;transition:all .3s ease;width:100%}.btnVerComprobante:hover{opacity:.85;transform:translateY(-2px)}.sinComprobante{color:#999;font-size:14px;font-style:italic;margin:.5rem 0}.uploadSection{background-color:#f9f9f9;border:2px dashed #ddd;border-radius:8px;margin-top:1rem;padding:1rem}.uploadSection label{color:var(--text-color2);display:block;font-weight:600;margin-bottom:.5rem}.uploadSection input[type=file]{border:1px solid #ddd;border-radius:5px;cursor:pointer;padding:.5rem;width:100%}.uploadSection small{color:#666;display:block;font-size:12px;margin-top:.5rem}.uploadingText{font-size:14px;font-weight:600;margin:.5rem 0}@media (max-width:768px){.btnComprobante{font-size:1rem;padding:.4rem}.uploadSection{padding:.8rem}.btnVerComprobante{font-size:14px;padding:.5rem 1rem}}.resumen-dashboard{display:flex;flex-wrap:wrap;gap:15px;margin:20px 0}.card-resumen{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000000f;flex:1 1;min-width:150px;padding:15px;text-align:center;transition:.2s ease}.card-resumen:hover{transform:translateY(-3px)}.card-resumen h3{font-size:14px;font-weight:600;margin:0;opacity:.8}.card-resumen p{font-size:24px;font-weight:700;margin:5px 0 0}.card-resumen.disponible{background:#088b08}.card-resumen.disponible h3,.card-resumen.disponible p{color:#fff!important}.card-resumen.pendiente{background:#ff0!important}.card-resumen.pendiente h3,.card-resumen.pendiente p{color:#000!important}.card-resumen.entregado{background:blue!important}.card-resumen.entregado h3,.card-resumen.entregado p{color:#fff!important}.card-resumen.rechazado{background:#ffd6d6}.card-resumen.rechazado h3,.card-resumen.rechazado p{color:#d60000!important}.card-resumen.dinero{background:#000}.card-resumen.dinero h3,.card-resumen.dinero p{color:#fff}.modal-pedidos-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.modal-pedidos-content{animation:slideDownPedidos .3s ease-out;background-color:var(--blanco);border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;padding:0;position:relative;width:90%}@keyframes slideDownPedidos{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .modal-pedidos-overlay{background-color:#000000d9}[data-theme=dark] .modal-pedidos-content{background-color:var(--blanco);border:1px solid #444}[data-theme=dark] .modal-pedidos-content h3,[data-theme=dark] .modal-pedidos-content h4,[data-theme=dark] .modal-pedidos-content label,[data-theme=dark] .modal-pedidos-content legend{color:#e0e0e0!important}[data-theme=dark] .modal-pedidos-content input,[data-theme=dark] .modal-pedidos-content select,[data-theme=dark] .modal-pedidos-content textarea{background-color:var(--input)!important;border-color:#3a3a3a!important;color:#e0e0e0!important}[data-theme=dark] .sectiontext{background-color:initial!important}[data-theme=dark] .deFlexBtnsModal{background-color:#2a2a2a!important;border-bottom:1px solid #3a3a3a}[data-theme=dark] .close{color:#fff!important}.swal-on-top{z-index:10001!important}.crm-quick-actions{background-color:#1a1a1a;border:1px solid #2d2d2d;border-radius:12px;box-shadow:0 4px 15px #00000080;box-sizing:border-box;display:flex;flex-direction:column;gap:1.2rem;margin:1.5rem 0;padding:1.2rem;width:100%}.crm-title{align-items:center;color:#ff007f;display:flex;font-size:1.15rem;gap:8px;margin:0}.crm-actions-container{display:flex;flex-direction:column;gap:1.2rem;width:100%}.crm-row-bienvenida{width:100%}.crm-btn-bienvenida{align-items:center;background-color:#25d366;border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:8px;justify-content:center;padding:.8rem 1.4rem;transition:opacity .2s;width:100%}.crm-btn-bienvenida:hover{opacity:.9}.crm-confirm-form{background:#222;border:1px solid #333;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;padding:1.2rem;width:100%}.crm-confirm-title{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .5rem}.crm-fields-grid{gap:.8rem}.crm-field-group,.crm-fields-grid{display:flex;flex-direction:column;width:100%}.crm-field-group{gap:.4rem}.crm-field-label{color:#bbb;font-size:.85rem;font-weight:700}.crm-input{background-color:#111!important;border:1px solid #3d3d3d!important;border-radius:8px;box-sizing:border-box;color:#fff!important;font-size:.95rem;outline:none;padding:.8rem 1rem;transition:border-color .2s;width:100%}.crm-input:focus{border-color:#ff007f!important}.crm-btn-confirmar{align-items:center;background-color:#ff007f;border:none;border-radius:8px;box-shadow:0 4px 12px #ff007f4d;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;justify-content:center;margin-top:.5rem;padding:.8rem 1.4rem;transition:all .2s;width:100%}.crm-btn-confirmar:hover{background-color:#d8006b;transform:translateY(-1px)}.crm-btn-confirmar:active{transform:none}@media (min-width:576px){.crm-fields-grid{flex-direction:row;gap:1rem}.crm-field-group{flex:1 1}}.imprimir{background-color:initial;border:none;color:#4caf50;cursor:pointer;font-size:20px;margin-left:9px;transition:color .2s ease}.imprimir:hover{color:#388e3c}.editar,.eliminar{background-color:initial;border:none;cursor:pointer;font-size:20px}.editar{color:#752fb5;color:var(--color2,#752fb5)}.eliminar{color:#fe1e78;color:var(--color1,#fe1e78)}.containerSection,.modal-send-form{height:auto!important}.container{max-height:inherit;min-height:inherit}.btn-ctidad{border:1px solid #000;border-radius:5px;width:20px}.pedido-container{box-sizing:border-box;padding:20px;width:100%}.pedido-layout{display:flex;gap:20px;margin-top:20px}.pedido-left{background:#fff;flex:0 0 70%}.pedido-left,.pedido-right{border-radius:10px;box-shadow:0 0 8px #ddd;color:#000;min-height:70vh;padding:15px}.pedido-right{background:#f9f9f9;flex:0 0 30%}.carrito-placeholder,.productos-placeholder{border:2px dashed #ccc;border-radius:10px;color:#000;margin-top:20px;padding:20px;text-align:center}.input-buscar{border:1px solid #ccc;border-radius:8px;font-size:15px;margin-bottom:15px;padding:10px;width:100%}.categorias-container{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.cat-btn{background:#000;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 12px}.cat-btn.active{background:#0d6efd;border-color:#0d6efd;color:#fff}.productos-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.producto-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 0 6px #ddd;color:#000;display:flex;flex-direction:column;padding:12px}.producto-img{border-radius:10px;height:140px;object-fit:cover;width:100%}.producto-info{color:#000;margin-top:10px;text-align:center}.precio{color:#000;font-weight:700}.btn-agregar{background:#198754;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 12px}.cantidad-control{align-items:center;display:flex;gap:10px;margin-top:10px;text-align:center}.cantidad-control button{background:#0d6efd;border:none;border-radius:6px;color:#fff;cursor:pointer;height:28px;width:28px}.btn-aplicar-cupon,.btn-quitar-cupon{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:13px 20px;transition:all .3s;white-space:nowrap}.btn-aplicar-cupon{background-color:#4caf50;color:#fff}.btn-aplicar-cupon:hover:not(:disabled){background-color:#45a049}.btn-aplicar-cupon:disabled{background-color:#000;cursor:not-allowed}.btn-success{background-color:#198755}.align-r{float:right}.cat-btn{background:#fff;color:#000}[data-theme=dark] .cat-btn{background:#000!important;color:#fff!important}[data-theme=dark] .btn-ctidad,[data-theme=dark] .pedido-title{color:#000!important}[data-theme=dark] .cantidad-control input{background:#000!important;color:#fff!important}[data-theme=dark] .pedido-right *,[data-theme=dark] .producto-info *{color:#000!important}[data-theme=dark] .mesaSelectContainer label{color:#fff!important}[data-theme=dark] .selectMesa,[data-theme=dark] .selectMesa option{background-color:#333!important;color:#fff!important}[data-theme=dark] .imput-buscar,[data-theme=dark] .number,[data-theme=dark] .pedido-layout,[data-theme=dark] .pedido-left,[data-theme=dark] .precio{color:#000!important}[data-theme=dark] .btn-add{color:#fff!important}[data-theme=dark] .deFLexRadio,[data-theme=dark] .detalles-formulario .deFLex,[data-theme=dark] .modal-send-form input,[data-theme=dark] .pedido-right textarea{background-color:initial!important;border:1px solid #000!important}[data-theme=dark] .detalles-formulario .modal-send-form{background-color:initial!important;box-shadow:none!important}@media (max-width:768px){.pedido-layout{flex-direction:column;gap:15px}.pedido-left,.pedido-right{flex:1 1 100%;min-height:auto}}.pwaContainer{margin:0 auto;max-width:1200px;padding:20px}.pwaContainer h2{color:#d83098;color:var(--primary-color,#d83098);margin-bottom:10px}.pwaContainer p{color:#666;margin-bottom:20px}.pwaInfoCard{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.pwaInfoRow{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 0}.pwaInfoRow:last-child{border-bottom:none}.pwaInfoRow strong{color:#333;font-weight:600}.pwaInfoRow span{color:#666}.estadoActivo{background-color:#e8f5e9;color:#4caf50!important}.estadoActivo,.estadoInactivo{border-radius:4px;font-weight:600;padding:4px 12px}.estadoInactivo{background-color:#ffebee;color:#f44336!important}.logoMiniatura{border-radius:8px;box-shadow:0 2px 4px #0000001a;height:48px;object-fit:cover;width:48px}.btnEditar{margin-top:10px}.flexGrap select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}@media (max-width:768px){.pwaContainer{padding:15px}.pwaInfoRow{align-items:flex-start;flex-direction:column;gap:8px}.flexGrap fieldset{min-width:100%}}.linkUrl{align-items:center;color:#1976d2;display:inline-flex;gap:5px;text-decoration:none;transition:color .3s}.linkUrl:hover{color:#1565c0;text-decoration:underline}.flexGrap{gap:15px;margin-bottom:20px;width:100%}.flexGrap fieldset{flex:1 1;min-width:250px}.NewSucursalContain{padding:20px 0;width:100%}.formSucursal{border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:row;gap:15px;padding:20px}.formSucursal h2{font-size:20px;margin:0 0 15px}.formSucursal fieldset{border:1px solid #ddd;border-radius:6px;display:flex;flex-direction:column;padding:15px}.formSucursal legend{font-size:14px;font-weight:600;padding:0 8px}.formSucursal input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;transition:border-color .3s}.formSucursal input:focus{border-color:#d83098;border-color:var(--primary-color,#d83098);outline:none}.formSucursal small{margin-top:5px}@media (max-width:768px){.NewSucursalContain{padding:15px 0}.formSucursal{flex-direction:column;padding:15px}}.horariosContainer{background-color:initial;border-radius:0;box-shadow:none;padding:0}.horariosHeader{align-items:center;border-bottom:2px solid var(--gris);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:25px;padding-bottom:20px}html[data-theme=dark] .horarioRango input{background-color:#000;color:#fff}.horariosHeader h2{color:var(--text-color)}.horariosHeader h2,.timezoneSelector{align-items:center;display:flex;gap:10px}.timezoneSelector label{color:#000!important;font-weight:600}[data-theme=dark] .timezoneSelector label{color:#fff!important}.timezoneSelector select{border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:14px;font-weight:600;outline:none;padding:8px 15px}.timezoneSelector select,.timezoneSelector select option,[data-theme=dark] .timezoneSelector select,[data-theme=dark] .timezoneSelector select option{background-color:#fff!important;color:#000!important}.timezoneSelector select:focus{border-color:var(--color1)}.horariosTable{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.horarioRow{grid-gap:15px;align-items:center;background-color:var(--gris);border:1px solid #e0e0e0;border-radius:6px;display:grid;gap:15px;grid-template-columns:180px 1fr 1fr;padding:12px 15px;transition:all .3s ease}.horarioRow.inactivo{background-color:var(--gris2);opacity:.5}.horarioDia{align-items:center;display:flex;gap:10px}.horarioDia input[type=checkbox]{accent-color:var(--color1);cursor:pointer;height:18px;width:18px}.horarioDia span{color:var(--text-color);font-weight:600}.horarioRango{align-items:center;display:flex;gap:10px}.horarioRango label{color:var(--text-color2);font-size:13px;min-width:100px}.horarioRango input[type=time]{border:1px solid #ddd;border-radius:5px;font-size:14px;outline:none;padding:8px 12px}.horarioRango input[type=time]:focus{border-color:var(--color1)}.horarioRango span{color:var(--text-color2);font-weight:500}.horarioCerrado{grid-column:2/4;text-align:center}.horarioCerrado span{color:var(--text-color2);font-style:italic}.horariosActions{display:flex;gap:15px;justify-content:flex-end}.btnGuardar,.btnRecargar{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 30px;transition:all .3s ease}.btnGuardar{color:var(--blanco)}.btnGuardar:hover{background-color:#d61865;box-shadow:0 4px 15px #fe1e784d;transform:translateY(-2px)}.btnRecargar{background-color:var(--text-color2);color:var(--blanco)}.btnRecargar:hover{background-color:#4a4747;transform:translateY(-2px)}.loadingHorarios{color:var(--text-color2);font-size:18px;padding:40px;text-align:center}@media (max-width:1024px){.horarioRow{gap:10px;grid-template-columns:1fr}.horarioCerrado{grid-column:1}.horarioRango{flex-wrap:wrap}.horariosHeader{margin-bottom:20px}.horariosTable{gap:10px}}@media (max-width:768px){.horariosHeader{align-items:flex-start;flex-direction:column;gap:15px;padding-bottom:15px}.timezoneSelector{width:100%}.timezoneSelector select{flex:1 1}.horariosActions{flex-direction:column;gap:10px;width:100%}.btnGuardar,.btnRecargar{justify-content:center;width:100%}.horarioRow{padding:10px}.horarioRango label{font-size:12px;min-width:80px}}.horarios-container-wrapper{background-color:var(--blanco);border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.114);padding:2rem;width:100%}@media (max-width:1024px){.horarios-container-wrapper{padding:10px}}.cocina-container{padding:0}.cocina-header{align-items:center;border-bottom:2px solid var(--gris);display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px;padding-bottom:20px}.cocina-header h2{color:var(--text-color);margin:0}.header-actions{display:flex;gap:10px}.btn-recargar,.btn-vista{align-items:center;background-color:var(--gris);border:none;border-radius:6px;color:var(--text-color2);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-recargar:hover,.btn-vista.active,.btn-vista:hover{background-color:var(--color1);color:#fff}.cocina-filtros{flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.cocina-filtros,.filtro{align-items:center;display:flex}.filtro{gap:10px}.filtro label{color:var(--text-color2);font-weight:600}.filtro input[type=date]{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px}.filtros-estado{display:flex;flex-wrap:wrap;gap:8px}.filtro-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;opacity:.7;padding:8px 16px;transition:all .3s ease}.filtro-btn.active,.filtro-btn:hover{opacity:1;transform:scale(1.05)}.cocina-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.columna-estado{background-color:var(--gris);border-radius:8px;overflow:hidden}.columna-titulo{color:#fff;font-size:16px;font-weight:600;margin:0;padding:12px 15px;text-align:center}.columna-contenido{display:flex;flex-direction:column;gap:15px;max-height:720px;overflow-y:auto;padding:15px;scrollbar-color:#f0f #0000;scrollbar-width:thin}.columna-contenido::-webkit-scrollbar{width:1px!important}.columna-contenido::-webkit-scrollbar-track{background:#0000!important}.columna-contenido::-webkit-scrollbar-thumb{background:#f0f!important;border-radius:0}.cocina-list{display:flex;flex-direction:column;gap:15px}.cocina-card{background-color:var(--blanco);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:15px;transition:all .3s ease}.cocina-card:hover{box-shadow:0 4px 12px #00000026}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.card-id{color:var(--text-color);font-size:16px;font-weight:700}.card-estado{border-radius:20px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;transition:all .2s ease}.card-estado:hover{box-shadow:0 2px 8px #0003;transform:scale(1.05)}.card-info{margin-bottom:12px}.card-info p{color:var(--text-color2);font-size:14px;margin:6px 0}.btn-ver-mas{align-items:center;background-color:var(--gris);border:none;border-radius:6px;color:var(--text-color2);cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:center;margin-bottom:12px;padding:8px;transition:all .3s ease;width:100%}.btn-ver-mas:hover{background-color:var(--gris2)}.card-detalles{background-color:var(--gris);border-radius:6px;margin-bottom:12px;padding:15px}.card-detalles h4{color:var(--text-color);font-size:14px;margin:0 0 12px}.producto-item{border-bottom:1px solid #ddd;margin-bottom:10px;padding-bottom:10px}.producto-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.producto-item p{color:var(--text-color);font-size:13px;margin:4px 0}.items-list{list-style:none;margin:5px 0;padding-left:15px}.items-list li{color:var(--text-color2);font-size:12px;margin:3px 0}.observaciones{border-top:1px solid #ddd;margin-top:12px;padding-top:12px}.observaciones strong{color:var(--text-color);font-size:13px}.observaciones p{color:var(--text-color2);font-size:13px;margin:5px 0 0}.card-actions{display:flex;gap:8px}.btn-action{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;transition:all .3s ease}.btn-delete{background-color:#f44336}.btn-delete:hover{background-color:#d32f2f}.btn-view{background-color:#2196f3}.btn-view:hover{background-color:#1976d2}.btn-print{background-color:#ff9800}.btn-print:hover{background-color:#f57c00}.sin-pedidos{font-style:italic;padding:40px 20px}.loading,.sin-pedidos{color:var(--text-color2)}.loading{font-size:18px;padding:60px 20px}.modal-detalle-pedido{background-color:var(--blanco);border-radius:12px;box-shadow:0 10px 40px #0003;left:50%;max-height:90vh;max-width:600px;outline:none;overflow-y:auto;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.overlay-modal{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-header{padding:20px}.modal-header h3{color:#fff}.btn-cerrar{background:none;border:none;color:#fff;cursor:pointer;font-size:28px;line-height:1}.modal-body{padding:20px}.detalle-item{border-bottom:1px solid var(--gris);margin-bottom:15px;padding-bottom:15px}.detalle-item:last-child{border-bottom:none}.detalle-item strong{color:var(--text-color);display:block;margin-bottom:5px}.detalle-item p{color:var(--text-color2);margin:0}.detalle-productos{margin-top:20px}.detalle-productos h4{color:var(--text-color);margin-bottom:15px}.producto-detalle{background-color:var(--gris);border-radius:6px;margin-bottom:10px;padding:12px}.producto-detalle p{color:var(--text-color);margin:4px 0}.producto-detalle ul{list-style:none;margin-top:8px;padding-left:15px}.producto-detalle li{color:var(--text-color2);font-size:13px;margin:3px 0}@media (max-width:1200px){.cocina-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.cocina-grid{grid-template-columns:1fr}.cocina-header{align-items:flex-start;flex-direction:column}.header-actions{justify-content:space-between;width:100%}.cocina-filtros{align-items:flex-start;flex-direction:column}.filtros-estado{width:100%}.filtro-btn{flex:1 1;justify-content:center}.card-actions{flex-direction:column}.modal-detalle-pedido{width:95%}}.cocina-container-custom,.mesas-container-custom{height:auto!important;max-height:none!important;min-height:auto!important}.MesasDataContainer{padding:20px}.mesasHeader{margin-bottom:30px}.mesasHeader h2{font-size:1.8rem;margin:0 0 20px}.mesasHeaderActions{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.filtrosMesas{display:flex;flex-wrap:wrap;gap:10px}.btnFiltro{background:#fff;border:2px solid #ddd;border-radius:5px;color:#666;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s}.btnFiltro:hover{color:#007bff;color:var(--primary-color,#007bff)}.btnFiltro.active,.btnFiltro:hover{border-color:#007bff;border-color:var(--primary-color,#007bff)}.btnFiltro.active{background:#007bff;background:var(--primary-color,#007bff);color:#fff}.mesasHeaderButtons{display:flex;gap:10px}.btnNewMesa{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s}.btnNewMesa:hover{background:#218838;transform:translateY(-2px)}.btnRefresh{background:#007bff;background:var(--primary-color,#007bff);border-radius:5px;padding:10px 15px;transition:all .3s}.btnRefresh:hover{background:#0056b3;background:var(--primary-color-dark,#0056b3);transform:translateY(-2px)}.mesasGrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.mesaCard{background:#fff;border:3px solid #0000;border-radius:10px;box-shadow:0 2px 10px #0000001a;cursor:pointer;padding:20px;position:relative;transition:all .3s}.mesaCard.disponible{border-color:#28a745}.mesaCard.ocupada{background:#f0f8ff;border-color:#007bff}.mesaCard:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-5px)}.mesaIcon{color:#666;font-size:3rem;margin-bottom:15px;text-align:center}.mesaCard.ocupada .mesaIcon{color:#007bff}.mesaInfo{text-align:center}.mesaInfo h3{color:#333;font-size:1.5rem;margin:0 0 10px}.mesaInfo .capacidad{color:#666;margin:5px 0}.estadoBadge{border-radius:20px;display:inline-block;font-size:.85rem;margin-top:10px;padding:5px 15px}.estadoBadge.disponible{background:#28a745;color:#fff}.estadoBadge.ocupada{background:#007bff;color:#fff}.mesaActions{display:flex;gap:10px;justify-content:center;margin-top:15px}.mesaActions button{border:none;border-radius:5px;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .3s}.btnEdit{background:#ffc107;color:#000}.btnEdit:hover{background:#e0a800}.btnDelete{background:#dc3545;color:#fff}.btnDelete:hover{background:#c82333}.noMesas{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:40px;text-align:center}.noMesas p{color:#666;font-size:1.1rem}.modalDetalleContent{max-width:600px;padding:20px}.modalDetalleContent h2{color:#333;font-size:1.5rem;margin-bottom:20px}.detalleSection{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:15px}.detalleSection:last-of-type{border-bottom:none}.detalleSection h3{color:#555;font-size:1.1rem;margin-bottom:10px}.detalleSection p{color:#666;margin:5px 0}.productosList{margin-top:10px}.productoItem{background:#f8f9fa;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px}.productoNombre{color:#333;font-weight:600}.productoPrecio{color:#007bff;color:var(--primary-color,#007bff);font-weight:600}.totalPedido{border-top:2px solid #333;color:#333;font-size:1.2rem;margin-top:15px;padding-top:15px;text-align:right}.modalActions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.btnDisponible{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:background .3s}.btnDisponible:hover{background:#218838}.selectEstado{border:2px solid #ddd;border-radius:5px;cursor:pointer;font-size:1rem;padding:12px;transition:border-color .3s}.selectEstado:focus{border-color:#007bff;border-color:var(--primary-color,#007bff);outline:none}.modalEditContent{min-width:300px;padding:20px}.modalEditContent h2{color:#333;margin-bottom:20px}.modalEditContent form{display:flex;flex-direction:column;gap:15px}.modalEditContent .inputGroup{display:flex;flex-direction:column;gap:5px}.modalEditContent .inputGroup label{color:#555;font-weight:600}.modalEditContent .inputGroup input{border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:10px}.modalEditContent .inputGroup input:focus{border-color:#007bff;border-color:var(--primary-color,#007bff);outline:none}.modalEditContent .btnSubmit{background:#007bff;background:var(--primary-color,#007bff);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:background .3s}.modalEditContent .btnSubmit:hover{background:#0056b3;background:var(--primary-color-dark,#0056b3)}@media (max-width:768px){.mesasGrid{grid-template-columns:1fr}.mesasHeaderActions{flex-direction:column;width:100%}.filtrosMesas{width:100%}.btnFiltro{flex:1 1;font-size:.85rem;padding:8px 12px}.mesasHeaderButtons{width:100%}.btnNewMesa,.btnRefresh{flex:1 1}.mesaCard,.modalDetalleContent{padding:15px}}.configuracion-container-custom{height:auto!important;max-height:none!important;min-height:auto!important}.ConfigDataContainer{padding:20px}.ConfigDataContainer h2{color:#333;font-size:1.8rem;margin-bottom:10px}.subtitle{color:#666;font-size:1rem;margin-bottom:30px}.configSection{margin-bottom:40px}.configSection h3{border-bottom:2px solid #eee;color:#444;font-size:1.3rem;margin-bottom:20px;padding-bottom:10px}.configGrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.configCard{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;gap:15px;padding:20px;transition:all .3s}.configCard:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-2px)}.configIcon{color:#007bff;color:var(--primary-color,#007bff);font-size:2.5rem;min-width:60px;text-align:center}.configInfo{flex:1 1}.configInfo h4{color:#333;font-size:1.1rem;margin:0 0 8px}.configInfo p{color:#666;font-size:.9rem;line-height:1.4;margin:0}.switch{display:inline-block;flex-shrink:0;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#007bff;background-color:var(--primary-color,#007bff)}input:focus+.slider{box-shadow:0 0 1px #007bff;box-shadow:0 0 1px var(--primary-color,#007bff)}input:checked+.slider:before{transform:translateX(26px)}.infoBox{background:#e3f2fd;border-left:4px solid #007bff;border-left:4px solid var(--primary-color,#007bff);border-radius:5px;margin-top:30px;padding:15px 20px}.infoBox strong{color:#007bff;color:var(--primary-color,#007bff);margin-right:5px}.loading{color:#666;font-size:1.2rem;padding:40px;text-align:center}@media (max-width:768px){.configGrid{grid-template-columns:1fr}.configCard{flex-direction:column;text-align:center}.configIcon{margin-bottom:10px}.configInfo{margin-bottom:15px}}.dianCard{align-items:stretch!important;background:#1c1c1e!important;border:1px solid #2c2c2e;border-radius:12px;box-shadow:0 4px 15px #0003;flex-direction:column!important;gap:1rem;max-width:600px;padding:1.5rem;width:100%}.dianHeader{align-items:center;display:flex;gap:1.5rem;justify-content:space-between}.dianTitle{color:#fff!important;font-size:1.1rem;margin:0 0 .3rem}.dianDesc{color:#aaa!important;font-size:.9rem;line-height:1.4;margin:0}.dianForm{border-top:1px solid #2c2c2e;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.dianForm,.dianInputGroup{display:flex;flex-direction:column}.dianInputGroup{gap:.4rem}.dianLabel{color:#aaa;font-size:.85rem;font-weight:700}.dianInput{background-color:#111;border:1px solid #3d3d3d;border-radius:6px;box-sizing:border-box;color:#fff;font-size:.9rem;outline:none;padding:.7rem .9rem;transition:border-color .2s;width:100%}.dianInput:focus{border-color:#ff007f}.dianRow{display:flex;gap:1rem}.dianHalf{flex:1 1}.dianBtn{align-self:flex-start;background-color:#ff007f;border:none;border-radius:6px;box-shadow:0 4px 12px #ff007f33;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;margin-top:.5rem;padding:.8rem 1.4rem;transition:background-color .2s,transform .1s}.dianBtn:hover{background-color:#d8006b}.dianBtn:active{transform:scale(.98)}@media (max-width:576px){.dianHeader{align-items:center;flex-direction:column;gap:1rem;text-align:center}.dianHeader .switch{align-self:center}.dianRow{flex-direction:column;gap:1rem}.dianBtn{align-self:stretch;text-align:center;width:100%}}.inventarios-container-wrapper{background-color:var(--blanco);border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.114);padding:2rem;width:100%}.inventariosTabs{border-bottom:2px solid #f2f2f2;display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.inventariosTabs::-webkit-scrollbar{background-color:initial;height:5px}.inventariosTabs::-webkit-scrollbar-thumb{background-color:var(--color1);border-radius:10px}.inventariosTabs button{background-color:initial;border:none;border-radius:7px 7px 0 0;color:var(--text-color2);cursor:pointer;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.inventariosTabs button:hover{background-color:#8d8d8d}.inventariosTabs .tabActiva{background-color:var(--color1);color:var(--blanco);font-weight:700}.inventariosContent{width:100%}@media (max-width:1024px){.inventarios-container-wrapper{padding:10px}}@media (max-width:824px){.inventariosTabs{justify-content:flex-start}.inventariosTabs button{font-size:14px;padding:8px 15px}}.table-container::-webkit-scrollbar-thumb{margin-top:3rem}.table{table-layout:fixed}.table td,.table th{overflow:hidden;padding:8px;text-overflow:ellipsis;white-space:nowrap}.table tr:hover{background-color:#f2f2f28b}.noResult{animation:gradientMove 1s linear infinite;border-radius:7px;display:flexbox;height:10px;width:20rem}.table img{border-radius:100%;object-fit:cover}.imgNonetd,.table img{height:35px;width:35px}.imgNonetd{border-radius:4px}.modal{z-index:1}.modal,.modalImg{align-items:center;background-color:#0006;display:flex;justify-content:center}.modalImg{height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:2}.modal-contentImg{background-color:var(--text-color);border-radius:10px;height:80vh;overflow:hidden;padding:0;width:120vh}.modal-contentImg img{cursor:pointer;height:100%;object-fit:contain;width:100%}.modal-content{height:80vh;overflow-y:scroll;padding:20px;width:120vh}.modal-content::-webkit-scrollbar{background-color:initial;cursor:pointer;height:5px;width:5px}.modal-content::-webkit-scrollbar-thumb{background-color:var(--color1);border-radius:10px;margin-top:3rem}.close,.close2{font-size:30px;text-align:right}.close2{background-color:var(--blanco);border-radius:10px;cursor:pointer;left:75%;margin-top:1rem;position:absolute}.deFLexImg{display:flex;gap:2rem;justify-content:space-between}.deFLexImg img{border-radius:10px;cursor:pointer;height:30vh;margin-top:10px;min-width:50vh;object-fit:cover;width:100%}.modal-content p{background-color:var(--gris);border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:10px}.modal-content strong{color:var(--text-color2)}.deColumnGuardar{background-color:var(--gris);border-radius:10px;display:flex;flex-direction:column;gap:1rem;margin-top:10px;padding:10px}.deColumnGuardar button,.deColumnGuardar select{border-radius:7px;padding:10px}.deColumnGuardar button{background-color:var(--color1);border:none;color:var(--blanco);cursor:pointer}button{cursor:pointer}.deFLex{align-items:center;display:flex;gap:1rem;justify-content:space-between;width:100%}.deFLex h2{color:var(--text-color2)}.editar{margin-left:2px}.editar,.editar2{background-color:initial;border:none;color:var(--color2);font-size:20px}.editar2{margin-left:8px}.duplicar{background-color:initial;border:none;color:#2196f3;font-size:20px;margin-left:9px;transition:color .3s ease}.duplicar:hover{color:#1976d2}.eliminar{background-color:initial;border:none;color:var(--color1);font-size:20px;margin-left:9px}.filtrosContain{align-items:center;display:flex;gap:1rem;justify-content:space-between;overflow-x:scroll}.filtrosContain::-webkit-scrollbar{background-color:initial;cursor:pointer;height:5px;width:5px}.filtrosContain::-webkit-scrollbar-thumb{background-color:var(--color1);border-radius:10px;padding-bottom:10px}.inputsColumn{display:flex;flex-direction:column;gap:10px}.inputsColumn input,.inputsColumn select{border:1px solid #949191;border-radius:7px;padding:10px 13px;width:20vh}.excel{background-color:green;padding:7px 13px}.excel,.pdf{align-items:center;border:none;border-radius:7px;color:var(--blanco);display:flex;gap:10px}.pdf{background-color:var(--color1);padding:6px 13px}.reverse{display:flex;gap:10px}.reload,.reverse{background-color:initial;border:1px solid #949191;border-radius:7px;color:var(--text-color2);padding:10px 13px}.deFlex2{display:flex;gap:1rem}.deFlexBtns{gap:2rem}.deFlexBtns,.deFlexBtnsModal{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.deFlexBtnsModal{gap:1rem}.deFlexBtnsModal button{background-color:initial;border:none;color:var(--text-color2);padding:5px 10px}.selected{border-bottom:2px solid var(--color1)!important;color:var(--color1)!important}.previevProduct{display:flex;gap:10px;overflow-x:scroll}.previevProduct::-webkit-scrollbar{background-color:initial;cursor:pointer;height:5px;width:5px}.previevProduct::-webkit-scrollbar-thumb{background-color:var(--color1);border-radius:10px;margin-top:3rem}.previevProduct{padding-bottom:10px}.previevProduct img{object-fit:cover}.imgNone,.previevProduct img{border-radius:10px;height:200px;width:200px}.imgNone{align-items:center;background-color:var(--gris);color:var(--text-color2);display:flex;justify-content:center;text-align:center}.sectiontext{display:flex;flex-direction:column;gap:10px}.sectionImg{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}legend{color:var(--text-color2);padding:10px}fieldset{align-items:center;border:1px solid #d1cccc;border-radius:8px;display:flex;gap:10px;padding:3px 4px;width:49%}fieldset input{border:none;padding:3px;width:100%}.sectiontext input{padding:0 10px 10px}textarea{border:none;min-height:10vh;padding:10px;width:100%}.sectiontext select{border:none;padding:0 10px 10px;width:100%}#descripcion{width:100%}.btnSave{padding:7px 13px}.btnPost,.btnSave{align-items:center;background-color:var(--color1);border:none;border-radius:10px;color:var(--blanco);display:flex;gap:10px;justify-content:center;width:20vh}.btnPost{margin-bottom:16px;margin-top:0;padding:13px}.btnLoading{align-items:center;background-color:var(--loading);border:none;border-radius:10px;color:var(--blanco);display:flex;gap:10px;justify-content:center;margin-top:1rem;padding:13px;width:20vh}.btnSave span{font-size:20px;font-weight:700}.deFlexContent{align-items:center;flex-wrap:nowrap;gap:2rem;justify-content:space-between;width:100%}@media (max-width:824px){.imgNone,.previevProduct img{height:100px;width:100px}.imgNone{font-size:12px}.close2{left:90%}fieldset{width:100%}.inputsColumn input,.inputsColumn select{width:17vh}.filtrosContain{display:flex;flex-direction:row;gap:1rem;overflow-x:scroll}.filtrosContain::-webkit-scrollbar-thumb{background-color:initial;border-radius:10px;padding-bottom:10px}.deFLexImg img{height:17vh;min-width:17vh;width:17vh}.modal{align-items:flex-end;justify-content:flex-end}.modal-contentImg{border-radius:0;height:100vh;overflow:hidden;width:100%}.modal-content{height:90vh;padding:10px;width:100%}.table-container{overflow-x:scroll}.table{border-collapse:inherit;table-layout:auto;text-align:none;width:100%}.deFlex2,.deFlexBtns{gap:10px}.deFlexContent{align-items:normal;flex-direction:column;flex-wrap:nowrap;gap:1rem}}.flexGrap{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}@media (max-width:768px){.gastosFiltros{grid-template-columns:1fr}}.low-stock{background-color:#ffebee}[data-theme=dark] .low-stock{background-color:#fff!important}[data-theme=dark] .low-stock .duplicar,[data-theme=dark] .low-stock .editar,[data-theme=dark] .low-stock .eliminar,[data-theme=dark] .low-stock button,[data-theme=dark] .low-stock td{color:#000!important}[data-theme=dark] .table tr:hover .duplicar,[data-theme=dark] .table tr:hover .editar,[data-theme=dark] .table tr:hover .eliminar,[data-theme=dark] .table tr:hover button,[data-theme=dark] .table tr:hover span,[data-theme=dark] .table tr:hover td{color:#fff!important}.ingredientesContainer{display:flex;flex-direction:column;gap:10px;margin:10px 0}.ingredienteItem{align-items:center;display:flex;gap:10px}.ingredienteItem select{flex:2 1}.ingredienteItem input,.ingredienteItem select{border:1px solid #d1cccc;border-radius:5px;padding:8px}.ingredienteItem input{flex:1 1}.unidadLabel{color:var(--text-color2);font-weight:700;min-width:50px}.btnAgregar{background-color:#4caf50;margin-bottom:10px;padding:8px 16px}.btnAgregar:hover{background-color:#45a049}@media (max-width:824px){.ingredienteItem{align-items:stretch;flex-direction:column}.ingredienteItem input,.ingredienteItem select{width:100%}}.badge{border-radius:4px;color:#fff;font-size:12px;font-weight:700;padding:4px 8px}.badge.entrada{background-color:#4caf50}.badge.salida{background-color:#f44336}.inputsColumn label{color:var(--text-color2);font-size:12px;margin-bottom:5px}[data-theme=dark] .table tr:hover button,[data-theme=dark] .table tr:hover span,[data-theme=dark] .table tr:hover td{color:#fff!important}[data-theme=dark] .table tr:hover{background-color:#333!important}.gastos-container-wrapper{background-color:var(--blanco);border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.114);padding:2rem;width:100%}.gastosTabs{border-bottom:2px solid #eee;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.gastosTabs button{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-color2);cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:all .3s ease}.gastosTabs button:hover{color:var(--color1)}.gastosTabs button.tabActiva{border-bottom-color:var(--color1);color:var(--color1);font-weight:600}.gastosContent{padding:1rem 0}@media (max-width:1024px){.gastos-container-wrapper{padding:10px}}@media (max-width:768px){.gastosTabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem}.gastosTabs button{font-size:.9rem;padding:.6rem 1rem;white-space:nowrap}}.gastosDataContainer{padding:1rem}.gastosHeader{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.gastosHeader h2{color:var(--text-color2);margin:0}.gastosHeaderActions{display:flex;flex-wrap:wrap;gap:.5rem}.btnAgregar{padding:.7rem 1.5rem}.btnAgregar:hover{opacity:.8;transform:scale(1.02)}.btnExportar{font-size:.9rem;padding:.7rem 1rem}.gastosFiltros{grid-gap:1rem;background-color:#f9f9f9;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem;padding:1rem}.close{color:#fff}.formGroup{margin-bottom:1.2rem}.formGroup label{font-weight:600}.formGroup input,.formGroup select,.formGroup textarea{font-size:1rem}.formGroup textarea{font-family:inherit}.detalleGasto{line-height:2}.detalleGasto p{color:var(--text-color2);margin:.5rem 0}.detalleGasto strong{color:var(--color1);margin-right:.5rem}@media (max-width:768px){.gastosHeader{align-items:flex-start;flex-direction:column}.gastosHeaderActions{width:100%}.btnAgregar,.btnExportar{justify-content:center;width:100%}.gastosFiltros{grid-template-columns:1fr}.table-container{overflow-x:auto}.table{font-size:.85rem}.table td,.table th{padding:8px;white-space:nowrap}.modal-content{margin:5% auto;width:95%}.modal-body{padding:1rem}.modal-footer{flex-direction:column;gap:.5rem}.btnCancelar,.btnGuardar{width:100%}}.categoriasGastosContainer{padding:1.5rem}.categoriasGastosHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.categoriasGastosHeader h3{color:var(--text-color2);font-size:1.5rem;margin:0}.evaluacionesContainer{padding:1rem}.evaluaciones-container-wrapper{background-color:var(--blanco);border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.114);padding:2rem;width:100%}@media (max-width:1024px){.evaluaciones-container-wrapper{padding:10px}}.evaluacionesDataContainer{padding:1rem}.evaluacionesHeader{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.evaluacionesHeader h2{color:var(--text-color2);margin:0}.headerActions{display:flex;flex-wrap:wrap;gap:.5rem}.btnToggle{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.7rem 1.5rem;transition:all .3s ease}.btnToggle.activo{background-color:#28a745}.btnToggle.inactivo{background-color:#dc3545}.btnToggle:hover{opacity:.8;transform:scale(1.02)}.btnExportar{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.7rem 1.5rem;transition:all .3s ease}.btnExportar:hover{opacity:.8}.statsCards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.statsCard{align-items:center;background:linear-gradient(135deg,var(--color1) 0,#ff4081 100%);border-radius:12px;box-shadow:0 4px 10px #0000001a;color:#fff;display:flex;gap:1rem;padding:1.5rem;transition:transform .3s ease}.statsCard:hover{transform:translateY(-5px)}.statsCardIcon{font-size:3rem}.statsCardContent h3{color:#fff;font-size:2.5rem;font-weight:700;margin:0}.statsCardContent p{font-size:.95rem;margin:.3rem 0 0;opacity:.9}.graficosContainer{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.grafico{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.grafico h3{color:var(--color1);font-size:1.3rem;margin:0 0 1.5rem}.barrasContainer{display:flex;flex-direction:column;gap:1rem}.barraItem{align-items:center;display:flex;gap:.5rem}.barraLabel{color:var(--text-color2);font-weight:600;min-width:60px}.barraWrapper{background-color:#f0f0f0;border-radius:8px;flex:1 1;height:30px;overflow:hidden}.barra{align-items:center;background:linear-gradient(90deg,var(--color1),#ff4081);border-radius:8px;color:#fff;display:flex;font-weight:700;height:100%;justify-content:flex-end;padding-right:.5rem;transition:width .5s ease}.barraValor{color:var(--text-color2);font-weight:700;min-width:40px;text-align:right}.lineChartContainer{align-items:center;display:flex;justify-content:center;min-height:200px}.lineChart{align-items:flex-end;display:flex;gap:.5rem;height:200px;padding:1rem 0;width:100%}.lineChartPoint{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end}.lineChartBar{align-items:flex-start;background:linear-gradient(180deg,var(--color1),#ff4081);border-radius:4px 4px 0 0;cursor:pointer;display:flex;justify-content:center;min-height:20px;position:relative;transition:all .3s ease;width:100%}.lineChartBar:hover{opacity:.8;transform:scaleY(1.05)}.lineChartValue{color:#fff;font-size:.75rem;font-weight:700;padding:.2rem}.lineChartLabel{color:var(--text-color2);font-size:.7rem;margin-top:.3rem;text-align:center;writing-mode:horizontal-tb}.filtrosEvaluaciones{grid-gap:1rem;background-color:#f9f9f9;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem;padding:1rem}.filtroInput{border:1px solid #ddd;border-radius:5px;font-size:.9rem;padding:.6rem;transition:border .3s ease}.filtroInput:focus{border-color:var(--color1);outline:none}.btnLimpiarFiltros{padding:.6rem 1rem}.table-container{margin-top:1rem;max-height:60vh;overflow:auto}.table-container::-webkit-scrollbar{background-color:initial;cursor:pointer;height:5px;width:5px}.table-container::-webkit-scrollbar-thumb{background-color:var(--color1);border-radius:10px}.table{border-collapse:collapse;table-layout:auto;text-align:left;width:100%}.table td,.table th{border-bottom:1px solid #eee;color:var(--text-color2);padding:12px;text-align:left}.table th{background-color:#f2f2f28b;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.table tbody tr:hover{background-color:#f5f5f5}.stars-display{display:flex;gap:.2rem}.star-filled-display{color:#ffc107;font-size:1rem}.star-empty-display{color:#ddd;font-size:1rem}.btnAccion{margin:0 .2rem;padding:.4rem .6rem}.modal{background-color:#00000080;display:block;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:slideDown .3s ease;background-color:#fefefe;border:1px solid #888;border-radius:10px;box-shadow:0 4px 20px #0003;margin:2% auto;max-width:600px;padding:0;width:90%}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background-color:var(--color1);border-radius:10px 10px 0 0;color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{margin:0}.close{color:#6d6b6b;cursor:pointer;font-size:2rem;font-weight:700;line-height:1}.close:hover{opacity:.7}.modal-body{max-height:70vh;overflow-y:auto;padding:1.5rem}.detalleEvaluacion{line-height:2}.detalleEvaluacion p{color:var(--text-color2);margin:.5rem 0}.detalleEvaluacion strong{color:var(--color1);margin-right:.5rem}.comentarioCompleto{word-wrap:break-word;background-color:#f9f9f9;border-radius:8px;margin-top:.5rem;padding:1rem;white-space:pre-wrap}.modal-footer{border-top:1px solid #eee;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem}.btnCancelar{border:none;border-radius:5px;cursor:pointer;padding:.7rem 1.5rem;transition:all .3s ease}@media (max-width:1024px){.graficosContainer{grid-template-columns:1fr}}@media (max-width:768px){.evaluacionesHeader{align-items:flex-start;flex-direction:column}.headerActions{width:100%}.btnExportar,.btnToggle{justify-content:center;width:100%}.filtrosEvaluaciones,.graficosContainer,.statsCards{grid-template-columns:1fr}.table-container{overflow-x:auto}.table{font-size:.85rem}.table td,.table th{padding:8px;white-space:nowrap}.modal-content{margin:5% auto;width:95%}.lineChartLabel{font-size:.6rem}.lineChartValue{font-size:.65rem}}.containerReservas{background:#fff;border-radius:10px;padding:1.5rem}.filtrosReservas{grid-gap:1rem;background-color:#f9f9f9;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem;padding:1.5rem}.filtroItem{align-items:center;display:flex;gap:.5rem;position:relative}.iconoFiltro{color:#666;left:12px;position:absolute}.inputFiltro,.inputFiltroFecha{padding:.7rem .7rem .7rem 2.5rem}.inputFiltro,.inputFiltroFecha,.selectFiltro{border:1px solid #ddd;border-radius:5px;font-size:.9rem;transition:border .3s ease;width:100%}.selectFiltro{background-color:#fff;cursor:pointer;padding:.7rem}.inputFiltro:focus,.inputFiltroFecha:focus,.selectFiltro:focus{border-color:var(--color1);outline:none}.btnLimpiarFiltros{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:.7rem 1rem;transition:all .3s ease}.btnLimpiarFiltros:hover{opacity:.8}.btnNuevaReserva{align-items:center;background-color:var(--color1);border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.7rem 1.2rem;transition:all .3s ease}.btnNuevaReserva:hover{opacity:.9}.tablaReservasContainer{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;max-height:330px;overflow-x:auto;overflow-y:auto}.tablaReservasContainer::-webkit-scrollbar{height:1px;width:1px}.tablaReservasContainer::-webkit-scrollbar-track{background:#f1f1f1}.tablaReservasContainer::-webkit-scrollbar-thumb{background:var(--color1)}.tablaReservas{border-collapse:collapse;min-width:900px;width:100%}.tablaReservas thead{background-color:var(--color1);color:#fff}.tablaReservas th{font-size:.9rem;font-weight:600;padding:1rem;text-align:left;text-transform:uppercase}.tablaReservas td{border-bottom:1px solid #eee;color:var(--text-color2);font-size:.9rem;padding:1rem}.tablaReservas tbody tr:hover{background-color:#f8f9fa}.motivoCol{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accionesCol{flex-wrap:wrap;justify-content:flex-start}.btnVer{color:#17a2b8}.btnVer:hover{background-color:#d1ecf1}.selectEstadoBadge{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-position:right .5rem center;background-repeat:no-repeat;background-size:.6rem;border:none;border-radius:20px;cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem 1.8rem .4rem .8rem;transition:all .3s ease}.selectEstadoBadge:focus{opacity:.8;outline:none}.selectEstadoBadge.estado-pendiente{background-color:#fff3cd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23856404' d='M6 9 3 6h6z'/%3E%3C/svg%3E");color:#856404}.selectEstadoBadge.estado-confirmada{background-color:#d1ecf1;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%230c5460' d='M6 9 3 6h6z'/%3E%3C/svg%3E");color:#0c5460}.selectEstadoBadge.estado-rechazada{background-color:#f8d7da;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23721c24' d='M6 9 3 6h6z'/%3E%3C/svg%3E");color:#721c24}.selectEstadoBadge.estado-completada{background-color:#d4edda;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23155724' d='M6 9 3 6h6z'/%3E%3C/svg%3E");color:#155724}.selectEstadoBadge.estado-cancelada{background-color:#e2e3e5;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23383d41' d='M6 9 3 6h6z'/%3E%3C/svg%3E");color:#383d41}.badge-estado{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;padding:.4rem .8rem}.badge-pendiente{background-color:#fff3cd;color:#856404}.badge-confirmada{background-color:#d1ecf1;color:#0c5460}.badge-rechazada{background-color:#f8d7da;color:#721c24}.badge-completada{background-color:#d4edda;color:#155724}.badge-cancelada{background-color:#e2e3e5;color:#383d41}.formGroup input,.formGroup select,.formGroup textarea{border:1px solid #ddd;border-radius:5px;font-size:.9rem;padding:.7rem;transition:border .3s ease;width:100%}.formGroup input:focus,.formGroup select:focus,.formGroup textarea:focus{border-color:var(--color1);outline:none}.detalleItem{border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:.3rem;padding:.8rem 0}.detalleItem:last-child{border-bottom:none}.detalleItem strong{color:var(--text-color2);font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.btnCancelar,.btnCerrar{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.7rem 1.5rem;transition:all .3s ease}.btnCancelar:hover,.btnCerrar:hover{opacity:.8}.btnGuardar{border:none;border-radius:5px;cursor:pointer;padding:.7rem 1.5rem;transition:all .3s ease}.reservasCardsContainer{display:none;max-height:calc(100vh - 300px);overflow-y:auto}.reservasCardsContainer::-webkit-scrollbar{width:1px}.reservasCardsContainer::-webkit-scrollbar-track{background:#f1f1f1}.reservasCardsContainer::-webkit-scrollbar-thumb{background:var(--color1)}.vistaCards{display:none}.reservaCard{background:#fff;border-left:4px solid var(--color1);border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-bottom:1rem;padding:1rem}.cardHeader{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:1rem;padding-bottom:.8rem}.cardId{color:var(--color1);font-size:1.1rem;font-weight:700}.cardBody{margin-bottom:1rem}.cardRow{border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:.6rem 0}.cardRow:last-child{border-bottom:none}.cardRow strong{color:#666;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.cardRow span{color:var(--text-color2);font-weight:500;max-width:60%;text-align:right;word-break:break-word}.cardFooter{border-top:2px solid #f0f0f0;display:flex;gap:.5rem;justify-content:space-around;padding-top:1rem}.cardFooter .btnAccion{align-items:center;display:flex;flex:1 1;font-size:.85rem;gap:.3rem;justify-content:center;padding:.6rem}@media (max-width:1024px){.vistaTabla{display:none!important}.vistaCards{display:block!important}.reservasCardsContainer{display:block}}@media (max-width:768px){.containerReservas{padding:1rem}.filtrosReservas{grid-template-columns:1fr;padding:1rem}.modalContent{max-height:85vh;width:95%}.modalHeader{padding:1rem}.modalHeader h3{font-size:1.1rem}.modalBody{padding:1.5rem}.modalFooter{flex-direction:column;padding:1rem 1.5rem 1.5rem}.btnCancelar,.btnCerrar,.btnGuardar{width:100%}.cardHeader{align-items:flex-start;gap:.8rem}.cardFooter,.cardHeader{flex-direction:column}.cardFooter .btnAccion{width:100%}}.paymentMethodsContainer{background:#fff;border-radius:10px}.payment-methods-container-wrapper{background-color:var(--blanco);border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.114);padding:2rem;width:100%}@media (max-width:1024px){.payment-methods-container-wrapper{padding:10px}}.paymentMethodsContainer{padding:1.5rem}.paymentMethodsHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.paymentMethodsHeader h2{color:var(--text-color2);font-size:1.8rem;margin:0}.btnAgregar{align-items:center;background-color:var(--color1);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.8rem 1.5rem;transition:all .3s ease}.btnAgregar:hover{opacity:.9;transform:translateY(-2px)}.paymentMethodsTable{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;overflow-x:auto}.paymentMethodsTable table{border-collapse:collapse;min-width:700px;width:100%}.paymentMethodsTable thead{background-color:var(--color1);color:#fff}.paymentMethodsTable th{font-size:.9rem;font-weight:600;padding:1rem;text-align:left;text-transform:uppercase}.paymentMethodsTable td{border-bottom:1px solid #eee;color:var(--text-color2);font-size:.9rem;padding:1rem}.paymentMethodsTable tbody tr:hover{background-color:#f8f9fa}.methodName{font-weight:500}.accionesCol{align-items:center;display:flex;gap:.5rem}.btnAccion{background:none;border:none;border-radius:5px;cursor:pointer;font-size:1rem;padding:.5rem;transition:all .3s ease}.btnEditar{color:#ffc107}.btnEditar:hover{background-color:#fff3cd}.btnEliminar{color:#dc3545}.btnEliminar:hover{background-color:#f8d7da}.btnActivar{color:#28a745}.btnActivar:hover{background-color:#d4edda}.btnDesactivar{color:#6c757d}.btnDesactivar:hover{background-color:#e2e3e5}.sinDatos{color:#999;font-style:italic;padding:2rem!important;text-align:center}.badge-activo,.badge-inactivo,.badge-no,.badge-si,.badge-sistema{border-radius:15px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.badge-si{background-color:#d4edda;color:#155724}.badge-no{background-color:#e2e3e5;color:#383d41}.badge-activo{background-color:#d1ecf1;color:#0c5460}.badge-inactivo{background-color:#f8d7da;color:#721c24}.badge-sistema{background-color:#fff3cd;color:#856404;gap:.3rem}.badge-sistema,.modalOverlay{align-items:center;display:flex}.modalOverlay{background-color:#00000080;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modalContent{background-color:#fff;border-radius:10px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modalHeader{align-items:center;background-color:var(--color1);border-radius:10px 10px 0 0;color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.modalHeader h3{font-size:1.3rem;margin:0}.btnCerrarModal{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;transition:transform .2s ease}.btnCerrarModal:hover{transform:scale(1.1)}.modalBody{padding:2rem}.formGroup{margin-bottom:1.5rem}.formGroup label{color:var(--text-color2);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.formGroup input[type=text],.formGroup textarea{border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:.9rem;padding:.7rem;transition:border .3s ease;width:100%}.formGroup input:focus,.formGroup textarea:focus{border-color:var(--color1);outline:none}.formGroup input:disabled,.formGroup textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.formGroup textarea{resize:vertical}.helpText{color:#666;display:block;font-size:.75rem;font-style:italic;margin-top:.3rem}.checkboxGroup,.checkboxLabel{align-items:center;display:flex}.checkboxLabel{cursor:pointer;gap:.5rem;-webkit-user-select:none;user-select:none}.checkboxLabel input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkboxLabel span{color:var(--text-color2);font-weight:500}.modalFooter{display:flex;gap:1rem;justify-content:flex-end;padding:1rem 2rem 2rem}.btnCancelar,.btnGuardar{border:none;border-radius:5px;cursor:pointer;font-size:.9rem;padding:.7rem 1.5rem;transition:all .3s ease}.btnCancelar{background-color:#6c757d;color:#fff}.btnCancelar:hover{opacity:.8}.btnGuardar{background-color:var(--color1);color:#fff}.btnGuardar:hover{opacity:.8}@media (max-width:768px){.paymentMethodsContainer{padding:1rem}.paymentMethodsHeader{align-items:flex-start;flex-direction:column;gap:1rem}.paymentMethodsHeader h2{font-size:1.5rem}.btnAgregar{justify-content:center;width:100%}.paymentMethodsTable{border-radius:5px}.paymentMethodsTable td,.paymentMethodsTable th{font-size:.8rem;padding:.7rem .5rem}.accionesCol{flex-direction:column;gap:.3rem}.modalContent{max-height:85vh;width:95%}.modalHeader{padding:1rem}.modalHeader h3{font-size:1.1rem}.modalBody{padding:1.5rem}.modalFooter{flex-direction:column;padding:1rem 1.5rem 1.5rem}.btnCancelar,.btnGuardar{width:100%}}.fileInput{background-color:#f8f9fa;border:2px dashed #ddd;border-radius:5px;cursor:pointer;padding:12px;transition:border-color .3s ease;width:100%}.fileInput:hover{border-color:var(--color1)}.imagePreviewContainer{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-top:15px;padding:15px;text-align:center}.uploadingText{color:var(--color1);font-weight:500;margin:0}.imagePreview{border-radius:5px;display:block;height:auto;margin-bottom:10px;margin-left:auto;margin-right:auto;max-height:300px;max-width:100%}.btnEliminarImagen{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:10px;padding:8px 16px;transition:all .3s ease}.btnEliminarImagen:hover{background-color:#c82333;transform:translateY(-2px)}[data-theme=dark] .badge-activo,[data-theme=dark] .badge-inactivo,[data-theme=dark] .badge-no,[data-theme=dark] .badge-si,[data-theme=dark] .badge-sistema{color:#000!important}.reportsContainer{background-color:#f5f5f5;min-height:calc(100vh - 80px);padding:2rem;width:100%}.reportsHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.reportsHeader h2{color:#333;font-size:2rem;font-weight:700}.btnExportExcel{background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btnExportExcel:hover{background-color:#218838;transform:translateY(-2px)}.reportsFilters{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem}.filterLabel{color:#666;font-weight:600}.filterPresets{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.presetBtn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.presetBtn:hover{color:#007bff;color:var(--color1,#007bff)}.presetBtn.active,.presetBtn:hover{border-color:#007bff;border-color:var(--color1,#007bff)}.presetBtn.active{background-color:#007bff;background-color:var(--color1,#007bff);color:#fff}.customDateFilters{display:flex;gap:.5rem}.customDateFilters input{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:.5rem}.btnRefresh{background-color:#007bff;background-color:var(--color1,#007bff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-left:auto;padding:.5rem 1.25rem;transition:all .3s ease}.btnRefresh:hover{opacity:.9}.btnRefresh:disabled{cursor:not-allowed;opacity:.6}.loadingOverlay{color:#666;font-size:1.2rem;padding:3rem;text-align:center}.metricsGrid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.metricCard{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;gap:1rem;padding:1.5rem;transition:transform .3s ease}.metricCard:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-5px)}.metricIcon{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.metricIcon.ventas{background-color:#4caf50}.metricIcon.pedidos{background-color:#2196f3}.metricIcon.rating{background-color:#ff9800}.metricIcon.pendientes{background-color:#9c27b0}.metricContent h3{align-items:center;display:flex;font-size:1.8rem;font-weight:700;gap:5px;margin:0 0 .25rem}.moneda-small{color:#666;font-size:1.1rem;font-weight:500}.metricContent p{font-size:.9rem;margin:0 0 .5rem}.metricChange{border-radius:4px;font-size:.85rem;font-weight:600;padding:.25rem .5rem}.metricChange.positive{background-color:#e8f5e9;color:#4caf50}.metricChange.negative{background-color:#ffebee;color:#f44336}.chartsRow{grid-gap:1.5rem;grid-template-columns:1fr}.chartsRow,.chartsRowTwo{display:grid;gap:1.5rem;margin-bottom:2rem}.chartsRowTwo{grid-gap:1.5rem;grid-template-columns:repeat(2,1fr)}.chartCard{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.chartCard.chartLarge{grid-column:span 1}.chartHeader{margin-bottom:1.5rem}.chartHeader h3{font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.chartSubtitle{color:#999;font-size:.85rem}.chartContent{min-height:250px}.noData{color:#999;font-style:italic;padding:3rem;text-align:center}.barChart{align-items:flex-end;display:flex;gap:1rem;height:280px;justify-content:space-around;padding:1rem 0}.barItemWrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end}.bar{align-items:flex-start;background-color:#e3f2fd;border-radius:8px 8px 0 0;cursor:pointer;display:flex;justify-content:center;min-height:20px;padding-top:.5rem;position:relative;transition:all .3s ease;width:100%}.bar:hover{opacity:.8;transform:translateY(-3px)}.bar.active{background-color:#2196f3}.bar.active .barValue{color:#fff}.barValue{font-weight:600}.barLabel,.barValue{color:#666;font-size:.75rem}.barLabel{font-weight:500;margin-top:.5rem;order:2}@media (max-width:480px){.barLabel{font-size:.65rem}.barChart{gap:.3rem}.barValue{font-size:.6rem}}.donutChart{align-items:center;display:flex;flex-direction:column;gap:2rem;padding:1rem 0}.donutCircle{height:280px;position:relative;width:280px}.donutCircle svg{height:100%;transform:rotate(-90deg);width:100%}.donutSvg .donutSegment{cursor:pointer;transition:opacity .3s ease}.donutSvg .donutSegment:hover{opacity:.8}.donutCenter{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.donutTotal{color:#333;display:block;font-size:2.5rem;font-weight:700}.donutLabel{color:#666;display:block;font-size:1rem;margin-top:.25rem}.donutTooltip{background:#000c;border-radius:6px;color:#fff;left:50%;min-width:150px;padding:.5rem 1rem;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.tooltipProducto{display:block;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.tooltipCantidad{display:block;font-size:.85rem}.donutLegend{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr;width:100%}.legendItem{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:background-color .3s ease}.legendItem:hover{background-color:#f5f5f5}.legendColor{border-radius:3px;flex-shrink:0;height:14px;width:14px}.legendText{color:#666;flex:1 1;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.areaChart{align-items:center;display:flex;height:100%;justify-content:center}.comparativoSimple{width:100%}.comparativoItem{margin-bottom:2rem}.comparativoLabel{color:#333;font-weight:600;margin-bottom:.5rem}.comparativoBar{background-color:#f0f0f0;border-radius:8px;height:40px;margin-bottom:.5rem;overflow:hidden;width:100%}.comparativoFill{height:100%;transition:width .5s ease}.comparativoItem.ingresos .comparativoFill{background-color:#4caf50}.comparativoItem.gastos .comparativoFill{background-color:#f44336}.comparativoValue{color:#333;font-size:1.2rem;font-weight:700}.tableWrapper{overflow-x:auto}.tableWrapperScroll{max-height:235px;overflow-y:auto}.tableWrapperScroll::-webkit-scrollbar{width:1px!important}.tableWrapperScroll::-webkit-scrollbar-track{background:#0000!important}.tableWrapperScroll::-webkit-scrollbar-thumb{background:#f0f!important;border-radius:0}.tableWrapperScroll{scrollbar-color:#f0f #0000;scrollbar-width:thin}.formasPagoTable,.pedidosTable{border-collapse:collapse;width:100%}.formasPagoTable td,.formasPagoTable th,.pedidosTable td,.pedidosTable th{border-bottom:1px solid #f0f0f0;padding:.75rem;text-align:left}.formasPagoTable th,.pedidosTable th{color:#666;font-size:.85rem;font-weight:600;text-transform:uppercase}.formasPagoTable td,.pedidosTable td{color:#333}.totalCol{color:#4caf50;font-weight:600}.estadoBadge{border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.estadoBadge.completado,.estadoBadge.entregado,.estadoBadge.pagado{background-color:#4caf50;color:#fff}.estadoBadge.pendiente{background-color:#fff3e0;color:#ff9800}.estadoBadge.cancelado,.estadoBadge.rechazado{background-color:#ffebee;color:#f44336}.analysisRow{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.analysisCard{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.analysisCard h3{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.tiposPedidoChart{display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}.tipoPedidoItem{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:180px 1fr 100px}.tipoPedidoLabel{align-items:center;color:#666;display:flex;font-size:.9rem;gap:.5rem}.tipoIndicator{border-radius:3px;height:12px;width:12px}.tipoPedidoBar{background-color:#f0f0f0;border-radius:6px;height:30px;overflow:hidden}.tipoPedidoFill{height:100%;transition:width .5s ease}.tipoPedidoValor{font-weight:600;text-align:right}.estadosPedidoChart{display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}.estadoPedidoItem{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:150px 1fr 120px}.estadoPedidoLabel{align-items:center;color:#666;display:flex;font-size:.9rem;gap:.5rem}.estadoIndicator{border-radius:3px;height:12px;width:12px}.estadoPedidoBar{background-color:#f0f0f0;border-radius:6px;cursor:pointer;height:30px;overflow:hidden}.estadoPedidoFill{height:100%;transition:width .5s ease}.estadoPedidoBar:hover .estadoPedidoFill{opacity:.8}.estadoPedidoValor{color:#333;font-size:.9rem;font-weight:600;text-align:right}@media (max-width:1200px){.chartCard.chartLarge{grid-column:span 1}.chartsRowTwo{grid-template-columns:1fr}}@media (max-width:768px){.reportsContainer{padding:1rem}.reportsHeader{align-items:flex-start;flex-direction:column;gap:1rem}.reportsFilters{align-items:stretch}.filterPresets,.reportsFilters{flex-direction:column}.presetBtn{width:100%}.btnRefresh{margin-left:0;width:100%}.analysisRow,.chartsRow,.chartsRowTwo,.donutLegend,.metricsGrid{grid-template-columns:1fr}.donutCircle{height:220px;width:220px}.tipoPedidoItem{gap:.5rem;grid-template-columns:1fr}.tipoPedidoValor{text-align:left}.estadoPedidoItem{gap:.5rem;grid-template-columns:1fr}.estadoPedidoValor{text-align:left}.barChart{gap:.5rem}}.containerReportes{overflow-x:hidden;padding:0;width:100%}@media (max-width:768px){.containerReportes{padding:0}}.politica-container{align-items:flex-start;background-color:#1a1a1a;background-color:var(--bg-color,#1a1a1a);box-sizing:border-box;color:#e0e0e0;color:var(--text-color,#e0e0e0);display:flex;font-family:inherit;justify-content:center;min-height:100vh;padding:120px 20px 60px}.politica-card{animation:fadeInUp .6s ease-out;background-color:#2c2c2c;background-color:var(--blanco,#2c2c2c);border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 10px 30px #0000004d;max-width:900px;padding:40px;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.politica-header{margin-bottom:30px;text-align:center}.politica-header h1{color:#111;font-size:2.2rem;font-weight:800;letter-spacing:1px;margin:0 0 15px}[data-theme=dark] .politica-header h1{color:#fff}.politica-divider{background:linear-gradient(90deg,#fe1e78,#8c4bc9);background:linear-gradient(90deg,var(--color1,#fe1e78),var(--color2,#8c4bc9));border-radius:2px;height:4px;margin:0 auto;width:80px}.politica-intro{background:#fe1e7814;border-left:4px solid #fe1e78;border-left:4px solid var(--color1,#fe1e78);border-radius:0 8px 8px 0;font-size:1.1rem;line-height:1.6;padding:15px 20px}.politica-intro,.politica-section{margin-bottom:35px}.politica-section h2{border-bottom:1px solid #ffffff1a;color:#fe1e78;color:var(--color1,#fe1e78);font-size:1.4rem;font-weight:700;margin-bottom:18px;padding-bottom:8px}.politica-section p{color:#b0b0b0;color:var(--text-color2,#b0b0b0);font-size:1rem;line-height:1.7;margin-bottom:15px}.definition-item{background:#ffffff05;border:1px solid #ffffff08;border-radius:12px;margin-bottom:25px;padding:20px}.definition-item h3{color:#222;font-size:1.15rem;font-weight:600;margin:0 0 10px}[data-theme=dark] .definition-item h3{color:#fff}.definition-item p{margin:0 0 10px}.definition-item p:last-child{margin-bottom:0}.grid-definitions{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:25px}.cookie-type-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:20px;transition:transform .3s ease,border-color .3s ease}.cookie-type-card:hover{background:#fe1e7805;border-color:#fe1e784d;transform:translateY(-3px)}.cookie-type-card h4{color:#222;font-size:1.1rem;font-weight:600;margin:0 0 10px}[data-theme=dark] .cookie-type-card h4{color:#fff}.cookie-type-card p{color:#b0b0b0;color:var(--text-color2,#b0b0b0);font-size:.9rem;line-height:1.5;margin:0}.warning-text{color:#ff9800!important;font-weight:600}.politica-back-btn{align-items:center;background:#0000;border:1px solid #fe1e784d;border-radius:20px;color:#fe1e78;color:var(--color1,#fe1e78);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 16px;transition:all .3s ease}.politica-back-btn:hover{background:#fe1e78;background:var(--color1,#fe1e78);border-color:#fe1e78;border-color:var(--color1,#fe1e78);box-shadow:0 4px 12px #fe1e7833;color:#000;transform:translateX(-3px)}@media (max-width:768px){.politica-container{padding:90px 15px 40px}.politica-card{padding:24px}.politica-header h1{font-size:1.8rem}.grid-definitions{grid-template-columns:1fr}}.repartos-container{background-color:#121212;box-sizing:border-box;color:#e0e0e0;font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;padding:1.5rem}.repartos-header{align-items:center;border-bottom:1px solid #2d2d2d;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.repartos-header h2{color:#fff;font-size:1.6rem;margin:0}.btn-sync{background-color:#1e1e1e;border:1px solid #3d3d3d;border-radius:8px;color:#e0e0e0;cursor:pointer;font-size:1.1rem;padding:.6rem 1rem;transition:all .2s ease}.btn-sync:hover{background-color:#2a2a2a}.btn-back-dashboard{background-color:#ff007f;background-color:var(--color1,#ff007f);border:none;border-radius:8px;box-shadow:0 4px 10px #ff007f4d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:.6rem 1.2rem;text-decoration:none;transition:all .2s ease}.btn-back-dashboard:hover{background-color:#d8006b;box-shadow:0 6px 15px #ff007f80;transform:translateY(-2px)}.btn-logout{align-items:center;background-color:#c62828;border:none;border-radius:8px;box-shadow:0 4px 10px #c628284d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:6px;padding:.6rem 1.2rem;transition:all .2s ease}.btn-logout:hover{background-color:#b71c1c;box-shadow:0 6px 15px #c6282880;transform:translateY(-2px)}.driver-info{background-color:#1a1a1a;border-left:4px solid #ff007f;border-left:4px solid var(--color1,#ff007f);border-radius:8px;margin-bottom:1.5rem;padding:.8rem 1rem}.driver-info p{font-size:.95rem;margin:0}.repartos-list{display:flex;flex-direction:column;gap:1.2rem;perspective:1000px}.reparto-card{background-color:#1e1e1e;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 15px #00000080;overflow:hidden;padding:1.2rem;position:relative;transition:transform .3s ease,border-color .3s ease}.reparto-card.estado-listo{border-color:#ffd54f}.reparto-card.estado-camino{border-color:#29b6f6}.reparto-card.estado-entregado{border-color:#66bb6a}.card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.order-id{color:#fff;font-size:1.2rem;font-weight:700}.status-badge{border-radius:20px;font-size:.8rem;font-weight:700;padding:.3rem .6rem;text-transform:uppercase}.status-badge.estado-listo{background-color:#ffd54f26;color:#ffd54f}.status-badge.estado-camino{background-color:#29b6f626;color:#29b6f6}.status-badge.estado-entregado{background-color:#66bb6a26;color:#66bb6a}.card-middle{line-height:1.5;margin-bottom:1rem}.card-middle p{font-size:.95rem;margin:.4rem 0}.client-name{font-size:1.1rem!important}.client-address span,.payment-info span{color:#b0b0b0}.order-total{border-top:1px dashed #3d3d3d;font-size:1.15rem!important;margin-top:.5rem!important;padding-top:.5rem}.order-total strong{color:#ffd54f}.card-actions-zone{display:flex;gap:1rem;margin-bottom:1.5rem}.action-btn{align-items:center;border-radius:8px;display:flex;flex:1 1;font-size:1.1rem;font-weight:700;justify-content:center;padding:.75rem;text-decoration:none;transition:background-color .2s ease}.btn-call{background-color:#2e7d32;color:#fff}.btn-call:hover{background-color:#1b5e20}.btn-map{background-color:#1565c0;color:#fff}.btn-map:hover{background-color:#0d47a1}.thumb-first-zone{margin-top:1rem}.gigante-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 10px #0000004d;cursor:pointer;display:flex;font-size:1.15rem;font-weight:700;gap:.8rem;justify-content:center;padding:1.1rem;transition:opacity .2s ease,transform .1s ease;width:100%}.gigante-btn:active{transform:scale(.98)}.btn-iniciar{background-color:#ff9800;color:#fff}.btn-entregar{background-color:#4caf50;color:#fff}.reparto-card.floating{animation:floatAntigravity 2s cubic-bezier(.25,.8,.25,1) forwards;pointer-events:none;position:relative;will-change:transform,opacity;z-index:9999}@keyframes floatAntigravity{0%{box-shadow:0 4px 15px #00000080;opacity:1;transform:translateY(0) scale(1) rotate(0deg)}35%{box-shadow:0 25px 45px #000000b3;opacity:1;transform:translateY(-40vh) rotate(-3deg)}60%{box-shadow:0 10px 20px #00000080;opacity:.9;transform:translateY(-85vh) scale(.95) rotate(2deg)}75%{box-shadow:0 18px 30px #0009;opacity:.8;transform:translateY(-75vh) scale(.97) rotate(-1deg)}to{opacity:0;transform:translateY(-120vh) scale(.7) rotate(4deg)}}.sin-pedidos{background-color:#1a1a1a;border:1px dashed #3d3d3d;border-radius:12px;padding:3rem 1.5rem;text-align:center}.sin-pedidos p{color:#888;font-size:1.1rem;margin:0}.filtros-repartos-panel{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #2d3561;border-radius:14px;box-shadow:0 4px 20px #0006;margin-bottom:1.5rem;padding:1.2rem 1.4rem}.filtros-repartos-titulo{align-items:center;color:#a78bfa;display:flex;font-size:1rem;font-weight:700;gap:.6rem;letter-spacing:.02em;margin-bottom:1rem}.filtros-repartos-titulo svg{font-size:.95rem}.filtros-repartos-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.filtro-campo{display:flex;flex-direction:column;gap:.4rem}.filtro-campo label{color:#9ca3af;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.filtro-input-reparto{background:#ffffff0d;border:1px solid #374151;border-radius:8px;box-sizing:border-box;color:#fff;font-size:.95rem;outline:none;padding:.6rem .8rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.filtro-input-reparto:focus{border-color:#a78bfa;box-shadow:0 0 0 2px #a78bfa33}.filtro-input-reparto::placeholder{color:#6b7280}.filtro-resultado-count{border-top:1px solid #2d3561;color:#9ca3af;font-size:.85rem;margin-top:1rem;padding-top:.7rem}.filtro-resultado-count strong{color:#fff}.btn-limpiar-filtros,.filtro-activo-badge{color:#a78bfa;font-weight:600}.btn-limpiar-filtros{align-items:center;background:#a78bfa1f;border:1px solid #a78bfa66;border-radius:20px;cursor:pointer;display:inline-flex;font-size:.82rem;gap:.4rem;margin-left:auto;padding:.35rem .8rem;transition:all .2s ease}.btn-limpiar-filtros:hover{background:#a78bfa40;box-shadow:0 0 8px #a78bfa4d}.domiciliario-asignado-badge{align-items:center;background:#a78bfa14;border:1px solid #a78bfa40;border-radius:8px;color:#e2e8f0;display:flex;flex-wrap:wrap;font-size:.92rem;gap:.6rem;justify-content:space-between;margin-bottom:1rem;padding:.55rem .9rem}.domiciliario-asignado-badge strong{color:#a78bfa}.tel-domiciliario{align-items:center;color:#34d399;display:inline-flex;font-size:.88rem;font-weight:600;gap:.4rem;text-decoration:none;transition:color .2s}.tel-domiciliario:hover{color:#6ee7b7}@media (max-width:768px){.repartos-container{padding:1rem .8rem}.repartos-header{align-items:stretch;flex-direction:column;gap:.8rem;text-align:center}.repartos-header h2{font-size:1.3rem}.repartos-header>div{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.btn-back-dashboard,.btn-logout,.btn-sync{font-size:.82rem;padding:.5rem .8rem}.driver-info{font-size:.88rem;padding:.6rem .8rem}.filtros-repartos-panel{padding:.9rem 1rem}.filtros-repartos-grid{grid-template-columns:1fr}.card-actions-zone{flex-direction:column;gap:.6rem}.action-btn{font-size:.95rem;padding:.65rem}.gigante-btn{font-size:1rem;padding:.9rem}.reparto-card{padding:1rem}.card-top{flex-wrap:wrap;gap:.5rem}.order-id{font-size:1.05rem}.card-middle p{font-size:.88rem}.domiciliario-asignado-badge{align-items:flex-start;flex-direction:column;font-size:.85rem;gap:.4rem}}@media (max-width:480px){.repartos-header h2{font-size:1.15rem}.btn-back-dashboard,.btn-logout{flex:1 1;font-size:.78rem;justify-content:center;padding:.5rem;text-align:center}.btn-sync{min-width:42px;padding:.5rem}.status-badge{font-size:.7rem;padding:.2rem .5rem}.order-total{font-size:1rem!important}.client-name{font-size:.95rem!important}.filtros-repartos-titulo{font-size:.9rem}.filtro-input-reparto{font-size:.88rem;padding:.5rem .7rem}}.propina-info{border-top:1px dashed #3d3d3d;font-size:1.05rem!important;margin-top:.5rem!important;padding-top:.5rem}.propina-info strong{color:#4caf50}.repartos-list.con-scroll{max-height:70vh;overflow-y:auto;padding-right:8px;scrollbar-color:#ff007f #ffffff0d;scrollbar-color:var(--color1,#ff007f) #ffffff0d;scrollbar-width:thin}.repartos-list.con-scroll::-webkit-scrollbar{width:2px}.repartos-list.con-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.repartos-list.con-scroll::-webkit-scrollbar-thumb{background:#ff007f;background:var(--color1,#ff007f);border-radius:10px}.rp-wrapper{background:#0f1117;color:#e8eaf6;font-family:Inter,sans-serif;min-height:100vh;padding:2rem 1.5rem 4rem}.rp-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.rp-header{border-left:4px solid #f9a825;padding-left:1rem}.rp-btn-volver{background-color:#ff007f;background-color:var(--color1,#ff007f);border:1px solid #0000;border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;padding:.6rem 1.4rem;text-decoration:none;transition:all .2s ease}.rp-btn-volver:hover{background-color:initial;border-color:#ff007f;border-color:var(--color1,#ff007f);color:#ff007f;color:var(--color1,#ff007f)}.rp-titulo{color:#fff;font-size:1.75rem;font-weight:800;letter-spacing:-.5px;margin:0 0 .3rem}.rp-subtitulo{color:#90a4ae;font-size:.9rem;margin:0}.rp-filtros{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.rp-filtro-btn{background:#1a1f2e;border:1.5px solid #37474f;border-radius:30px;color:#b0bec5;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1.1rem;transition:all .18s ease}.rp-filtro-btn:hover{border-color:#f9a825;color:#f9a825}.rp-filtro-btn--activo{background:#f9a825;border-color:#f9a825;box-shadow:0 4px 14px #f9a82566;color:#0f1117}.rp-rango{background:#1a1f2e;border:1px solid #37474f;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.25rem}.rp-rango-inputs{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.rp-campo{display:flex;flex-direction:column;gap:.3rem}.rp-campo label{color:#78909c;font-size:.78rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.rp-campo input[type=date]{background:#0f1117;border:1.5px solid #37474f;border-radius:8px;color:#e8eaf6;font-size:.9rem;outline:none;padding:.5rem .75rem;transition:border-color .2s}.rp-campo input[type=date]:focus{border-color:#f9a825}.rp-btn-buscar{background:#f9a825;border:none;border-radius:8px;color:#0f1117;cursor:pointer;font-size:.9rem;font-weight:700;padding:.55rem 1.2rem;transition:background .2s}.rp-btn-buscar:hover:not(:disabled){background:#e65100;color:#fff}.rp-btn-buscar:disabled{cursor:not-allowed;opacity:.6}.rp-error{background:#d32f2f26;border:1px solid #d32f2f;border-radius:8px;color:#ef9a9a;font-size:.9rem;margin-bottom:1.5rem;padding:.75rem 1rem}.rp-loading{align-items:center;color:#78909c;display:flex;flex-direction:column;gap:1rem;padding:3rem}.rp-spinner{animation:rp-spin .8s linear infinite;border:3px solid #37474f;border-radius:50%;border-top-color:#f9a825;height:40px;width:40px}@keyframes rp-spin{to{transform:rotate(1turn)}}.rp-tarjetas{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2.5rem}.rp-tarjeta{align-items:center;border:1px solid #0000;border-radius:14px;display:flex;gap:1rem;padding:1.25rem 1.4rem}.rp-tarjeta--dom{background:linear-gradient(135deg,#1a2a1a,#1b3a1b);border-color:#388e3c}.rp-tarjeta--local{background:linear-gradient(135deg,#1a1a2e,#1b2a3b);border-color:#1976d2}.rp-tarjeta--total{background:linear-gradient(135deg,#2a1a0e,#3b2a0a);border-color:#f9a825}.rp-tarjeta-icono{font-size:2rem;line-height:1}.rp-tarjeta-label{color:#90a4ae;font-size:.78rem;font-weight:600;letter-spacing:.5px;margin:0 0 .2rem;text-transform:uppercase}.rp-tarjeta-valor{color:#fff;font-size:1.4rem;font-weight:800;margin:0}.rp-seccion{background:#1a1f2e;border:1px solid #2d3748;border-radius:16px;margin-bottom:2rem;overflow:hidden}.rp-seccion-header{align-items:center;border-bottom:1px solid #2d3748;display:flex;justify-content:space-between;padding:1rem 1.4rem}.rp-seccion-header--dom{background:linear-gradient(90deg,#1b3a1b,#1a1f2e)}.rp-seccion-header--local{background:linear-gradient(90deg,#1b2a3b,#1a1f2e)}.rp-seccion-header h2{color:#fff;font-size:1rem;font-weight:700;margin:0}.rp-badge{background:#388e3c;border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .75rem}.rp-badge--local{background:#1976d2}.rp-vacio{color:#546e7a;font-style:italic;padding:2rem;text-align:center}.rp-tabla-wrapper{overflow-x:auto}.rp-tabla{border-collapse:collapse;font-size:.9rem;width:100%}.rp-tabla thead tr{background:#0f1117}.rp-tabla th{border-bottom:1px solid #2d3748;color:#78909c;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.rp-tabla td{border-bottom:1px solid #1e2535;color:#cfd8dc;padding:.85rem 1rem}.rp-tabla tbody tr:hover{background:#f9a8250d}.rp-tabla tbody tr:last-child td{border-bottom:none}.rp-nombre{gap:.6rem}.rp-avatar,.rp-nombre{align-items:center;display:flex}.rp-avatar{background:linear-gradient(135deg,#f9a825,#e65100);border-radius:50%;color:#fff;flex-shrink:0;font-size:.85rem;font-weight:800;height:32px;justify-content:center;width:32px}.rp-center{text-align:center}.rp-monto{font-size:.95rem;font-weight:700}.rp-monto--dom{color:#66bb6a}.rp-tabla tfoot td{background:#0f1117;border-top:2px solid #2d3748;padding:.9rem 1rem}.rp-total-label{color:#90a4ae;font-size:.8rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.rp-total-val{font-size:1.1rem!important}.rp-local-caja{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.rp-local-monto{background:linear-gradient(135deg,#0d1b2a,#1b2a3b);border:1px solid #1976d2;border-radius:12px;padding:1.5rem;text-align:center}.rp-local-label{color:#78909c;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.rp-local-valor{color:#42a5f5;font-size:2.2rem;font-weight:800;margin:0}.rp-local-nota{background:#1976d21a;border:1px solid #1976d2;border-radius:10px;color:#90caf9;font-size:.85rem;line-height:1.55;padding:.9rem 1rem}.rp-local-nota strong{color:#42a5f5}@media (max-width:600px){.rp-wrapper{padding:1rem .75rem 3rem}.rp-titulo{font-size:1.3rem}.rp-tarjeta-valor{font-size:1.15rem}.rp-local-valor{font-size:1.6rem}.rp-tabla{font-size:.8rem}.rp-tabla td,.rp-tabla th{padding:.6rem}}.error-boundary-container{align-items:center;background:radial-gradient(circle at center,#1a1a2e 0,#16121e 100%);box-sizing:border-box;color:#fff;display:flex;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;left:0;min-height:100vh;padding:20px;position:fixed;top:0;width:100vw;z-index:999999}.error-boundary-card{animation:zoomIn .3s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 10px 30px #00000080;max-width:500px;padding:40px;text-align:center;width:100%}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.error-icon{animation:pulse 2s infinite;font-size:64px;margin-bottom:20px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.error-boundary-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff8a00,#e52e71);-webkit-background-clip:text;font-size:24px;font-weight:700;margin:0 0 15px}.error-boundary-card p{color:#b3b3b3;font-size:15px;line-height:1.6;margin:0 0 30px}.error-reload-btn{background:linear-gradient(135deg,#d83098,#b82479);border:none;border-radius:50px;box-shadow:0 4px 15px #d8309866;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s cubic-bezier(.16,1,.3,1)}.error-reload-btn:hover{box-shadow:0 6px 20px #d8309899;transform:translateY(-2px)}.error-reload-btn:active{transform:translateY(0)}.error-details{background:#0000004d;border:1px solid #ffffff0d;border-radius:8px;color:#ff6b6b;font-size:13px;margin-top:30px;text-align:left}.error-details summary{color:#aaa;cursor:pointer;font-weight:600;outline:none;padding:10px 15px;-webkit-user-select:none;user-select:none}.error-details summary:hover{color:#fff}.error-details pre{font-family:Courier New,Courier,monospace;margin:0;overflow-x:auto;padding:15px;white-space:pre-wrap;word-break:break-all}.error-stack{border-top:1px solid #ffffff0d;color:#888!important}
/*# sourceMappingURL=main.a005a9c3.css.map*/
/* Socios Food V13: dashboard layout refinement */
.dashboard,.dashboardContainer,.dashboard-content,.contentDashboard,.containerDashboard,.HeaderDashContain{min-width:0;max-width:100%}
.card,.dashboardCard,.cardDashboard,.cardInfo,.cardTotal,.resumenCard{border-radius:14px!important;box-shadow:0 5px 20px rgba(18,24,40,.07)!important}
.table-container,.tablaReservasContainer,.table-responsive{max-width:100%;overflow-x:auto!important;overscroll-behavior-x:contain}
.table{width:100%;border-collapse:separate;border-spacing:0}
.table th,.table td{padding:13px 15px;vertical-align:middle}
.table th{font-weight:700;white-space:nowrap}
.table td{overflow-wrap:anywhere}
@media(min-width:1200px){.HeaderDashContain{gap:18px}.dashboard-content,.contentDashboard{padding:22px!important}}
@media(max-width:900px){.HeaderDashContain{flex-wrap:wrap}.table-container,.tablaReservasContainer,.table-responsive{width:100%}}
@media(max-width:600px){.HeaderDashContain{padding:12px!important}.table th,.table td{padding:10px;font-size:13px}.dashboard,.dashboardContainer,.dashboard-content,.contentDashboard,.containerDashboard{width:100%;max-width:100%;overflow-x:hidden}.table-container,.tablaReservasContainer,.table-responsive{border-radius:10px}.card,.dashboardCard,.cardDashboard,.cardInfo,.cardTotal,.resumenCard{margin-bottom:14px!important}}

/* SOCIOS FOOD V21 - ajustes visuales de modo oscuro y menú lateral */
/* El contenido de tarjetas sobre fondo blanco debe conservar contraste legible. */
[data-theme="dark"] .cardProdcutSelected,
[data-theme="dark"] .cardProdcutmasVendido,
[data-theme="dark"] .cardProdcutSelected h3,
[data-theme="dark"] .cardProdcutSelected p,
[data-theme="dark"] .cardProdcutmasVendido h3,
[data-theme="dark"] .cardProdcutmasVendido p {
  color: #111 !important;
}
/* En el modal de horarios, los días se leen en blanco en tema oscuro. */
[data-theme="dark"] .horarioItem:not(.horarioItemActual) .horarioDiaLabel {
  color: #fff !important;
}
/* El día actual mantiene texto negro sobre su fondo claro, también en tema oscuro. */
[data-theme="dark"] .horarioItemActual .horarioDiaLabel {
  color: #111 !important;
}
/* Contraste de las horas en las filas oscuras. */
[data-theme="dark"] .horarioItem:not(.horarioItemActual) .horarioHoras span,
[data-theme="dark"] .horarioItem:not(.horarioItemActual) .textoCerrado {
  color: #f1f1f1 !important;
}
/* Evita que el panel lateral quede detrás del overlay o con contenido recortado. */
.modalNav {
  z-index: 1200 !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
}
.modalNav-content {
  display: block !important;
  min-height: 100%;
  overflow: visible !important;
  position: relative;
  color: #111;
}
.modalNav-content .enlaces {
  display: flex !important;
  flex-direction: column !important;
  position: relative;
  z-index: 2;
  min-height: 120px;
  overflow-y: auto !important;
}
.modalNav-content .enlaces a {
  color: #222 !important;
  visibility: visible !important;
  opacity: 1 !important;
}
[data-theme="dark"] .modalNav-content .enlaces a {
  color: #222 !important;
}
.modalNav-content .fondo {
  position: relative;
  z-index: 1;
}

/* SOCIOS FOOD V22: correcciones de contraste y navegación lateral */
[data-theme="dark"] .product-card h1,
[data-theme="dark"] .product-card h2,
[data-theme="dark"] .product-card h3,
[data-theme="dark"] .product-card h4,
[data-theme="dark"] .product-card p,
[data-theme="dark"] .product-card .description,
[data-theme="dark"] .product-card .product-description,
[data-theme="dark"] .card-product h1,
[data-theme="dark"] .card-product h2,
[data-theme="dark"] .card-product h3,
[data-theme="dark"] .card-product p,
[data-theme="dark"] .testimonial-card,
[data-theme="dark"] .testimonial-card h3,
[data-theme="dark"] .testimonial-card p,
[data-theme="dark"] .testimonio-card,
[data-theme="dark"] .testimonio-card h3,
[data-theme="dark"] .testimonio-card p {
  color: #000 !important;
}
/* Mantener legible el panel de navegación y sus enlaces al abrirlo */
.mobile-nav,
.mobile-nav.open,
.mobile-nav.active,
.nav_items,
.nav_items.open,
.nav_items.active {
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  visibility: visible;
}
.mobile-nav a,
.mobile-nav button,
.nav_items a,
.nav_items button {
  visibility: visible;
  opacity: 1;
}
[data-theme="dark"] .mobile-nav a,
[data-theme="dark"] .mobile-nav button,
[data-theme="dark"] .nav_items a,
[data-theme="dark"] .nav_items button {
  color: #fff !important;
}
/* En el panel de horarios, solo los días distintos del día actual se aclaran */
[data-theme="dark"] .modal-horarios .dia-semana,
[data-theme="dark"] .modalHorariosContainer .dia-semana,
[data-theme="dark"] .modal-horarios .nombre-dia:not(.hoy),
[data-theme="dark"] .modalHorariosContainer .nombre-dia:not(.hoy) {
  color: #fff !important;
}
[data-theme="dark"] .modal-horarios .hoy,
[data-theme="dark"] .modalHorariosContainer .hoy {
  color: #000 !important;

/* SOCIOS FOOD V23: correcciones aplicadas a las clases reales del sitio */
/* Tarjetas de productos: fondos claros y texto negro en modo oscuro. */
[data-theme="dark"] .cardProdcutSelected,
[data-theme="dark"] .cardProdcutmasVendido,
[data-theme="dark"] .cardProdcutSelected .cardText,
[data-theme="dark"] .cardProdcutmasVendido .cardText,
[data-theme="dark"] .cardProdcutSelected .cardText h4,
[data-theme="dark"] .cardProdcutSelected .cardText span,
[data-theme="dark"] .cardProdcutSelected .cardText p,
[data-theme="dark"] .cardProdcutmasVendido .cardText h4,
[data-theme="dark"] .cardProdcutmasVendido .cardText span,
[data-theme="dark"] .cardProdcutmasVendido .cardText p,
[data-theme="dark"] .testimoniosContain .testimoniosTitle,
[data-theme="dark"] .testimonioCard,
[data-theme="dark"] .testimonioCard .testimonioNombre,
[data-theme="dark"] .testimonioCard .testimonioTexto {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
/* Los nombres de días reales usan .diaActual, no .horarioItemActual. */
[data-theme="dark"] .horarioItem:not(.diaActual) .horarioDiaLabel {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
[data-theme="dark"] .horarioItem.diaActual .horarioDiaLabel {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
[data-theme="dark"] .horarioItem:not(.diaActual) .horarioHoras,
[data-theme="dark"] .horarioItem:not(.diaActual) .horarioHoras span,
[data-theme="dark"] .horarioItem:not(.diaActual) .textoCerrado {
  color: #f1f1f1 !important;
  -webkit-text-fill-color: #f1f1f1 !important;
}
/* Panel lateral: el menú y sus enlaces permanecen visibles aunque falle el banner. */
.ReactModal__Overlay.overlay { z-index: 10000 !important; }
.ReactModal__Content.modalNav {
  z-index: 10001 !important;
  position: fixed !important;
  inset: 0 auto 0 0 !important;
  width: min( min( 88vw, 505px), 100vw) !important;
  max-width: 100vw !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  overflow-y: auto !important;
  background: #fff !important;
  color: #111 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 14px 14px 0 !important;
  outline: none !important;
}
.modalNav-content {
  min-height: 100% !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: visible !important;
  background: #fff !important;
  color: #111 !important;
}
.modalNav-content .loadingBannerFondo { display: none !important; }
.modalNav-content .fondo { position: relative !important; z-index: 0 !important; flex: 0 0 auto !important; max-height: 32vh !important; overflow: hidden !important; }
.modalNav-content .fondo img { width: 100% !important; max-height: 32vh !important; object-fit: cover !important; }
.modalNav-content .enlaces {
  position: relative !important;
  z-index: 5 !important;
  display: flex !important;
  flex: 1 0 auto !important;
  flex-direction: column !important;
  min-height: 180px !important;
  overflow: visible !important;
  background: #fff !important;
  padding: 12px 18px 28px !important;
}
.modalNav-content .enlaces a,
.modalNav-content .enlaces button,
[data-theme="dark"] .modalNav-content .enlaces a,
[data-theme="dark"] .modalNav-content .enlaces button {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  background-color: transparent;
}
.modalNav-content .theme-toggle-mobile-modal { position: relative !important; z-index: 6 !important; }



/* V24: contraste corregido en modo oscuro sin cambiar fondos ni modo claro. */
[data-theme="dark"] .cardProdcutSelected h1,
[data-theme="dark"] .cardProdcutSelected h2,
[data-theme="dark"] .cardProdcutSelected h3,
[data-theme="dark"] .cardProdcutSelected h4,
[data-theme="dark"] .cardProdcutSelected p,
[data-theme="dark"] .cardProdcutSelected span,
[data-theme="dark"] .cardProdcutmasVendido h1,
[data-theme="dark"] .cardProdcutmasVendido h2,
[data-theme="dark"] .cardProdcutmasVendido h3,
[data-theme="dark"] .cardProdcutmasVendido h4,
[data-theme="dark"] .cardProdcutmasVendido p,
[data-theme="dark"] .cardProdcutmasVendido span,
[data-theme="dark"] .cardProductCart h1,
[data-theme="dark"] .cardProductCart h2,
[data-theme="dark"] .cardProductCart h3,
[data-theme="dark"] .cardProductCart p,
[data-theme="dark"] .cardProductCart span,
[data-theme="dark"] .testimonial-card h1,
[data-theme="dark"] .testimonial-card h2,
[data-theme="dark"] .testimonial-card h3,
[data-theme="dark"] .testimonial-card p,
[data-theme="dark"] .testimonio-card h1,
[data-theme="dark"] .testimonio-card h2,
[data-theme="dark"] .testimonio-card h3,
[data-theme="dark"] .testimonio-card p {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
}
/* Días sobre tarjeta oscura: blanco para todos salvo el día actual. */
[data-theme="dark"] .horarioItem:not(.horarioItemActual) .horarioDiaLabel,
[data-theme="dark"] .horarioItem:not(.horarioItemActual) .horarioDia,
[data-theme="dark"] .horarioItem:not(.horarioItemActual) .diaNombre,
[data-theme="dark"] .horarioItem:not(.horarioItemActual) .day-name,
[data-theme="dark"] .horarioItem:not(.horarioItemActual) strong,
[data-theme="dark"] .horarioItem:not(.horarioItemActual) h3,
[data-theme="dark"] .horarioItem:not(.horarioItemActual) h4 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
[data-theme="dark"] .horarioItemActual .horarioDiaLabel,
[data-theme="dark"] .horarioItemActual .horarioDia,
[data-theme="dark"] .horarioItemActual .diaNombre,
[data-theme="dark"] .horarioItemActual .day-name {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}


/* SOCIOS FOOD V25: contraste explícito para textos de productos y testimonios en modo oscuro. */
html[data-theme="dark"] .cardProdcutSelected *,
html[data-theme="dark"] .cardProdcutmasVendido *,
html[data-theme="dark"] .cardProductCart *,
html[data-theme="dark"] .testimonial-card *,
html[data-theme="dark"] .testimonio-card * { color:#000 !important; -webkit-text-fill-color:#000 !important; opacity:1 !important; }
/* Los horarios oscuros necesitan nombres de día blancos; el día actual mantiene negro. */
html[data-theme="dark"] .horariosContainer > div:not(:has([class*="Hoy"])),
html[data-theme="dark"] .horariosContainer > div:not(.horario-hoy) { }
html[data-theme="dark"] .horariosContainer [class*="dia"],
html[data-theme="dark"] .horariosContainer [class*="Dia"],
html[data-theme="dark"] .horariosContainer [class*="day"],
html[data-theme="dark"] .horariosContainer [class*="Day"] { color:#fff !important; -webkit-text-fill-color:#fff !important; }
html[data-theme="dark"] .horariosContainer [class*="hoy"],
html[data-theme="dark"] .horariosContainer [class*="Hoy"],
html[data-theme="dark"] .horariosContainer [class*="actual"],
html[data-theme="dark"] .horariosContainer [class*="Actual"] { color:#000 !important; -webkit-text-fill-color:#000 !important; }
/* Evitar que un splash persistente tape la aplicación; el JS aplica el límite de 7 s. */
.splash-loader-overlay { z-index:999999; }


/* SOCIOS FOOD V26: selectores reales de tarjetas y horarios. */
html[data-theme="dark"] .cardProdcut .cardProductData *,
html[data-theme="dark"] .cardProdcutSelected .cardProductData *,
html[data-theme="dark"] .cardProdcutmasVendido .cardProductData *,
html[data-theme="dark"] .cardProductCart .cardProductCartText *,
html[data-theme="dark"] .testimonioCard .testimonioNombre,
html[data-theme="dark"] .testimonioCard .testimonioTexto,
html[data-theme="dark"] .testimonioCard .testimonioNombre *,
html[data-theme="dark"] .testimonioCard .testimonioTexto *,
html[data-theme="dark"] .testimonioSlide .testimonioNombre,
html[data-theme="dark"] .testimonioSlide .testimonioTexto {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
}
/* En el modal de horarios: días normales blancos; el día actual sigue negro. */
html[data-theme="dark"] .horariosLista .horarioItem:not(.diaActual) .horarioDiaLabel,
html[data-theme="dark"] .horariosLista .horarioItem:not(.diaActual) .horarioDiaLabel *,
html[data-theme="dark"] .horariosLista .horarioItem:not(.diaActual) .horarioDia,
html[data-theme="dark"] .horariosLista .horarioItem:not(.diaActual) strong {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .horariosLista .horarioItem.diaActual .horarioDiaLabel,
html[data-theme="dark"] .horariosLista .horarioItem.diaActual .horarioDiaLabel *,
html[data-theme="dark"] .horariosLista .horarioItem.diaActual .badge {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
/* Failsafe visual: evita que una animación del splash bloquee la web indefinidamente. */
.splash-loader-overlay.sf-v26-expired { display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; }


/* SOCIOS FOOD V27 — contraste coherente en modo oscuro sobre superficies blancas.
   Se limita a tarjetas, paneles, tablas y formularios con fondo claro para no
   convertir en negro el texto de superficies realmente oscuras o de color. */
html[data-theme="dark"] :is(
  .cardProdcut, .cardProdcutSelected, .cardProdcutmasVendido,
  .cardProductCart, .cardProductData, .cardProductDataText,
  .cardText, .cardTextSelected, .cardBody, .cardHeader, .cardFooter,
  .cardDashboard, .cardInfo, .card-info, .card-detalles,
  .tablaReservasContainer, .table-container, .table-responsive,
  .modal-content, .modal-body, .modaldashboard .modal-body,
  .form-container, .form-card, .config-card, .settings-card,
  .dashboard-card, .panel-card, .white-card, .bg-white,
  .testimonio, .testimonial, .testimonioCard, .testimonial-card,
  .opiniones-card, .review-card, .producto-card, .product-card,
  .pedido-card, .reserva-card, .sucursal-card,
  .admin-content .card, .dashboard-content .card,
  .contenidoDashboard .card, .module-content .card
) {
  color: #000 !important;
}
html[data-theme="dark"] :is(
  .cardProdcut, .cardProdcutSelected, .cardProdcutmasVendido,
  .cardProductCart, .cardProductData, .cardText, .cardTextSelected,
  .tablaReservasContainer, .table-container, .table-responsive,
  .modal-content, .modal-body, .form-container, .form-card,
  .config-card, .settings-card, .dashboard-card, .panel-card,
  .white-card, .bg-white, .testimonio, .testimonial, .testimonioCard,
  .testimonial-card, .opiniones-card, .review-card, .producto-card,
  .product-card, .pedido-card, .reserva-card, .sucursal-card,
  .admin-content .card, .dashboard-content .card,
  .contenidoDashboard .card, .module-content .card
) :is(h1,h2,h3,h4,h5,h6,p,span,label,small,strong,b,em,li,td,th,a,legend,dt,dd) {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1;
}
/* Tablas del administrador: texto legible en celdas claras. */
html[data-theme="dark"] :is(.tablaReservasContainer,.table-container,.table-responsive) .table td,
html[data-theme="dark"] :is(.tablaReservasContainer,.table-container,.table-responsive) .table td :is(span,strong,small,a) {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
/* Campos de formulario que conservan fondo blanco en modo oscuro. */
html[data-theme="dark"] :is(input,textarea,select)[style*="255, 255, 255"],
html[data-theme="dark"] :is(input,textarea,select)[style*="#fff"],
html[data-theme="dark"] :is(input,textarea,select)[style*="#ffffff"] {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}


/* V28 - Contraste final: texto negro en paneles y tarjetas con fondo blanco, incluso en modo oscuro. */
html[data-theme="dark"] .profileContain,
html[data-theme="dark"] .profileContain :is(h1,h2,h3,h4,h5,h6,p,span,a,i,svg,label,small,strong,b,em,li),
html[data-theme="dark"] .profileText,
html[data-theme="dark"] .profileText :is(h1,h2,h3,h4,h5,h6,p,span,a,i,svg,label,small,strong,b,em,li),
html[data-theme="dark"] .socials,
html[data-theme="dark"] .socials :is(a,i,svg),
html[data-theme="dark"] .modalNav,
html[data-theme="dark"] .modalNav :is(h1,h2,h3,h4,h5,h6,p,span,a,i,label,small,strong,b,em,li),
html[data-theme="dark"] .modaldashboard,
html[data-theme="dark"] .modaldashboard :is(h1,h2,h3,h4,h5,h6,p,span,a,i,label,small,strong,b,em,li),
html[data-theme="dark"] .navbarDashboard,
html[data-theme="dark"] .navbarDashboard :is(h1,h2,h3,h4,h5,h6,p,span,a,i,label,small,strong,b,em,li),
html[data-theme="dark"] .card-product,
html[data-theme="dark"] .card-product :is(h1,h2,h3,h4,h5,h6,p,span,a,label,small,strong,b,em,li),
html[data-theme="dark"] .cardProductCart,
html[data-theme="dark"] .cardProductCart :is(h1,h2,h3,h4,h5,h6,p,span,a,label,small,strong,b,em,li),
html[data-theme="dark"] .testimonial-card,
html[data-theme="dark"] .testimonial-card :is(h1,h2,h3,h4,h5,h6,p,span,a,label,small,strong,b,em,li),
html[data-theme="dark"] .testimonio-card,
html[data-theme="dark"] .testimonio-card :is(h1,h2,h3,h4,h5,h6,p,span,a,label,small,strong,b,em,li) {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
}
/* Los fondos blancos del perfil y tarjetas conservan texto negro; el resto del tema oscuro no cambia. */
html[data-theme="dark"] .profileContain,
html[data-theme="dark"] .modalNav,
html[data-theme="dark"] .modaldashboard,
html[data-theme="dark"] .navbarDashboard,
html[data-theme="dark"] .card-product,
html[data-theme="dark"] .cardProductCart,
html[data-theme="dark"] .testimonial-card,
html[data-theme="dark"] .testimonio-card {
  color: #000 !important;
}


/* SOCIOS FOOD V30: contraste accesible en superficies claras sin ocultar ni reemplazar sliders */
:root{--sf-light-text:#111!important;}
[data-theme="dark"] .profileContain,
[data-theme="dark"] .profileContain h1,[data-theme="dark"] .profileContain h2,[data-theme="dark"] .profileContain h3,[data-theme="dark"] .profileContain h4,[data-theme="dark"] .profileContain p,[data-theme="dark"] .profileContain span,[data-theme="dark"] .profileContain a,
[data-theme="dark"] .menuLateral,[data-theme="dark"] .menuLateral h1,[data-theme="dark"] .menuLateral h2,[data-theme="dark"] .menuLateral h3,[data-theme="dark"] .menuLateral p,[data-theme="dark"] .menuLateral span,[data-theme="dark"] .menuLateral a,
[data-theme="dark"] .sidebar-menu,[data-theme="dark"] .sidebar-menu h1,[data-theme="dark"] .sidebar-menu h2,[data-theme="dark"] .sidebar-menu h3,[data-theme="dark"] .sidebar-menu p,[data-theme="dark"] .sidebar-menu span,[data-theme="dark"] .sidebar-menu a,
[data-theme="dark"] .offcanvas,[data-theme="dark"] .offcanvas h1,[data-theme="dark"] .offcanvas h2,[data-theme="dark"] .offcanvas h3,[data-theme="dark"] .offcanvas p,[data-theme="dark"] .offcanvas span,[data-theme="dark"] .offcanvas a,
[data-theme="dark"] .modal-content,[data-theme="dark"] .modal-content h1,[data-theme="dark"] .modal-content h2,[data-theme="dark"] .modal-content h3,[data-theme="dark"] .modal-content p,[data-theme="dark"] .modal-content span,[data-theme="dark"] .modal-content label,
[data-theme="dark"] .cardProductCartText,[data-theme="dark"] .cardProductCartText h3,[data-theme="dark"] .cardProductCartText span,
[data-theme="dark"] .cardText,[data-theme="dark"] .cardText h4,[data-theme="dark"] .cardText span,
[data-theme="dark"] .cardTextSelected,[data-theme="dark"] .cardTextSelected h4,[data-theme="dark"] .cardTextSelected span,
[data-theme="dark"] .detail,[data-theme="dark"] .detail h1,[data-theme="dark"] .detail h2,[data-theme="dark"] .detail h3,[data-theme="dark"] .detail h4,[data-theme="dark"] .detail p,[data-theme="dark"] .detail span,
[data-theme="dark"] .testimonio,[data-theme="dark"] .testimonio h1,[data-theme="dark"] .testimonio h2,[data-theme="dark"] .testimonio h3,[data-theme="dark"] .testimonio p,[data-theme="dark"] .testimonio span{color:#111!important;}
/* Fondos claros frecuentes en la tienda y el menú lateral */
[data-theme="dark"] .profileContain,[data-theme="dark"] .menuLateral,[data-theme="dark"] .sidebar-menu,[data-theme="dark"] .offcanvas{background-color:#fff;}
[data-theme="dark"] .cardText,[data-theme="dark"] .cardTextSelected,[data-theme="dark"] .cardProductCartText{color:#111!important;}


/* SOCIOS FOOD V31: contraste por superficies y superposicion del perfil lateral */
/* Panel lateral: el banner queda detrás y el logo/perfil siempre por encima. */
.menuLateral,.sidebar-menu,.offcanvas,.profileContain{position:relative;isolation:isolate}
.menuLateral .profileContain,.sidebar-menu .profileContain,.offcanvas .profileContain{position:relative;z-index:20;background:#fff!important;color:#111!important}
.menuLateral .profileContain img,.sidebar-menu .profileContain img,.offcanvas .profileContain img{position:relative;z-index:21;display:block;object-fit:contain}
.menuLateral .profileContain h1,.menuLateral .profileContain h2,.menuLateral .profileContain h3,.menuLateral .profileContain p,.menuLateral .profileContain span,.menuLateral .profileContain a,
.sidebar-menu .profileContain h1,.sidebar-menu .profileContain h2,.sidebar-menu .profileContain h3,.sidebar-menu .profileContain p,.sidebar-menu .profileContain span,.sidebar-menu .profileContain a,
.offcanvas .profileContain h1,.offcanvas .profileContain h2,.offcanvas .profileContain h3,.offcanvas .profileContain p,.offcanvas .profileContain span,.offcanvas .profileContain a{color:#111!important}
/* Regla explícita: componentes de superficie clara conservan texto, iconos y bordes oscuros aun en tema oscuro. */
[data-theme="dark"] .profileContain,[data-theme="dark"] .cardText,[data-theme="dark"] .cardTextSelected,
[data-theme="dark"] .cardProductCartText,[data-theme="dark"] .tablaReservasContainer,
[data-theme="dark"] .table-container,[data-theme="dark"] .reportsContainer,
[data-theme="dark"] .reportsFilters,[data-theme="dark"] .metricCard,[data-theme="dark"] .chartCard,
[data-theme="dark"] .lastOrdersTable,[data-theme="dark"] .filtrosReservas,
[data-theme="dark"] .containerBanners,[data-theme="dark"] .containerCategorias,
[data-theme="dark"] .containerCocina,[data-theme="dark"] .containerEvaluaciones,
[data-theme="dark"] .containerGastos,[data-theme="dark"] .containerInventarios,
[data-theme="dark"] .containerMesas,[data-theme="dark"] .containerPaymentMethods,
[data-theme="dark"] .containerPedidos,[data-theme="dark"] .containerProductos,
[data-theme="dark"] .containerUsuarios,[data-theme="dark"] .tabsContainer{color:#111!important}
[data-theme="dark"] .profileContain :is(h1,h2,h3,h4,h5,p,span,a,label,small,strong,li),
[data-theme="dark"] .cardText :is(h1,h2,h3,h4,h5,p,span,a,label,small,strong),
[data-theme="dark"] .cardTextSelected :is(h1,h2,h3,h4,h5,p,span,a,label,small,strong),
[data-theme="dark"] .cardProductCartText :is(h1,h2,h3,h4,h5,p,span,a,label,small,strong),
[data-theme="dark"] .tablaReservasContainer :is(h1,h2,h3,h4,h5,p,span,a,label,small,strong,td),
[data-theme="dark"] .table-container :is(h1,h2,h3,h4,h5,p,span,a,label,small,strong,td),
[data-theme="dark"] .reportsFilters :is(h1,h2,h3,h4,h5,p,span,a,label,small,strong),
[data-theme="dark"] .metricCard :is(h1,h2,h3,h4,h5,p,span,a,label,small,strong),
[data-theme="dark"] .chartCard :is(h1,h2,h3,h4,h5,p,span,a,label,small,strong),
[data-theme="dark"] .tabsContainer :is(h1,h2,h3,h4,h5,p,span,a,label,small,strong){color:#111!important}
[data-theme="dark"] .profileContain :is(i,svg),[data-theme="dark"] .cardText :is(i,svg),
[data-theme="dark"] .cardTextSelected :is(i,svg),[data-theme="dark"] .cardProductCartText :is(i,svg){color:#111!important;fill:currentColor;stroke:currentColor}
/* Superficies oscuras: texto e iconos claros, salvo botones de marca. */
[data-theme="dark"] .navbarDashboard,[data-theme="dark"] .FooterContain,[data-theme="dark"] .HeaderDashContain{color:#fff}
[data-theme="dark"] .navbarDashboard :is(h1,h2,h3,p,span,a,label,i,svg),
[data-theme="dark"] .FooterContain :is(p,span,a,label,i,svg),
[data-theme="dark"] .HeaderDashContain :is(h1,h2,h3,p,span,a,label,i,svg){color:#fff!important}
[data-theme="dark"] .navbarDashboard svg,[data-theme="dark"] .FooterContain svg,[data-theme="dark"] .HeaderDashContain svg{fill:currentColor;stroke:currentColor}

/* SOCIOS FOOD V32: contraste real por superficies y prioridad del menu lateral */
/* El panel lateral debe superponerse al carrusel y mantener visible su cabecera/logo. */
.menuLateral,.sidebar-menu,.offcanvas,[class*="sidebar"],[class*="Sidebar"]{z-index:1050}
.menuLateral .profileContain,.sidebar-menu .profileContain,.offcanvas .profileContain,
.menuLateral [class*="profile"],.sidebar-menu [class*="profile"],.offcanvas [class*="profile"]{position:relative;z-index:1060;background:#fff!important;color:#111!important}
.menuLateral .profileContain img,.sidebar-menu .profileContain img,.offcanvas .profileContain img{position:relative;z-index:1061;max-width:100%;object-fit:contain}
/* Superficies blancas: texto, iconos, bordes y líneas negros tanto en modo claro como oscuro. */
.profileContain,.cardText,.cardTextSelected,.cardProductCartText,.tablaReservasContainer,.table-container,
.reportsContainer,.reportsFilters,.metricCard,.chartCard,.lastOrdersTable,.filtrosReservas,
.containerBanners,.containerCategorias,.containerCocina,.containerEvaluaciones,.containerGastos,
.containerInventarios,.containerMesas,.containerPaymentMethods,.containerPedidos,.containerProductos,
.containerUsuarios,.tabsContainer,.testimonio,.detail{color:#111}
.profileContain :is(h1,h2,h3,h4,h5,p,span,a,label,small,strong,li,td,th,div),
.cardText :is(h1,h2,h3,h4,h5,p,span,a,label,small,strong),
.cardTextSelected :is(h1,h2,h3,h4,h5,p,span,a,label,small,strong),
.cardProductCartText :is(h1,h2,h3,h4,h5,p,span,a,label,small,strong),
.testimonio :is(h1,h2,h3,h4,h5,p,span,a,label,small,strong),
.detail :is(h1,h2,h3,h4,h5,p,span,a,label,small,strong){color:#111!important}
.profileContain :is(i,svg),.cardText :is(i,svg),.cardTextSelected :is(i,svg),.cardProductCartText :is(i,svg){color:#111!important;fill:currentColor;stroke:currentColor}
.profileContain :is(hr,td,th,input,select,textarea),.cardText :is(hr,input,select,textarea),.cardTextSelected :is(hr,input,select,textarea){border-color:#222!important}
/* Superficies oscuras: texto e iconos blancos. Se excluyen controles y etiquetas de marca. */
[data-theme="dark"] body,[data-theme="dark"] .navbarDashboard,[data-theme="dark"] .FooterContain,
[data-theme="dark"] .HeaderDashContain,[data-theme="dark"] .containerPrincipal,[data-theme="dark"] .contenedorPrincipal{color:#fff}
[data-theme="dark"] .navbarDashboard :is(h1,h2,h3,h4,p,span,a,label,small,strong,i,svg),
[data-theme="dark"] .FooterContain :is(p,span,a,label,small,strong,i,svg),
[data-theme="dark"] .HeaderDashContain :is(h1,h2,h3,h4,p,span,a,label,small,strong,i,svg){color:#fff!important}
[data-theme="dark"] .navbarDashboard svg,[data-theme="dark"] .FooterContain svg,[data-theme="dark"] .HeaderDashContain svg{fill:currentColor;stroke:currentColor}


/* SOCIOS FOOD V33: contraste del dia activo en modal de horarios */
[data-theme="dark"] .horarioItem.diaActual,
html[data-theme="dark"] .horarioItem.diaActual {
  background-color: #ffe6f1 !important;
  color: #000 !important;
}
[data-theme="dark"] .horarioItem.diaActual :is(.horarioDiaLabel,.horarioHoras,.horarioHoras span,.textoCerrado,p,span,strong,small),
html[data-theme="dark"] .horarioItem.diaActual :is(.horarioDiaLabel,.horarioHoras,.horarioHoras span,.textoCerrado,p,span,strong,small) {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
[data-theme="dark"] .horarioItem.diaActual .badge,
html[data-theme="dark"] .horarioItem.diaActual .badge {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}


/* SOCIOS FOOD V34: contraste contextual, horarios centrados y logo del panel lateral */
/* No mostrar el acceso flotante de Diseño; el acceso del menú original permanece intacto. */
#sf-design-shortcut { display:none !important; visibility:hidden !important; pointer-events:none !important; }
/* Evitar que el logo de la navegación lateral quede debajo del banner o de la cabecera. */
.modalNav { position:relative !important; z-index:10020 !important; isolation:isolate; }
.modalNav > header, .modalNav .sidebar-header, .modalNav .profileContain,
.modalNav .logo, .modalNav .logo-container { position:relative; z-index:2; }
.modalNav img { position:relative; z-index:3; max-width:100%; object-fit:contain; }
/* Las tarjetas de horario se centran en ambos temas. */
.horariosLista .horarioItem,
.horariosContainer .horarioItem,
.horarioItem {
  text-align:center !important;
}
.horariosLista .horarioItem :is(.horarioDiaLabel,.horarioDia,.horarioHoras,.horarioHoras span,.textoCerrado,p,small,strong),
.horariosContainer .horarioItem :is(.horarioDiaLabel,.horarioDia,.horarioHoras,.horarioHoras span,.textoCerrado,p,small,strong),
.horarioItem :is(.horarioDiaLabel,.horarioDia,.horarioHoras,.horarioHoras span,.textoCerrado,p,small,strong) {
  text-align:center !important;
}
/* Tema claro: tarjetas claras, texto e iconos negros. */
html:not([data-theme="dark"]) :is(.horariosLista,.horariosContainer) .horarioItem,
html:not([data-theme="dark"]) .horarioItem {
  color:#000 !important;
}
html:not([data-theme="dark"]) :is(.horariosLista,.horariosContainer) .horarioItem :is(*,svg,i),
html:not([data-theme="dark"]) .horarioItem :is(*,svg,i) {
  color:#000 !important;
  -webkit-text-fill-color:#000;
}
/* Tema oscuro: días no activos sobre tarjetas oscuras, texto e iconos blancos. */
html[data-theme="dark"] .horariosLista .horarioItem:not(.diaActual):not(.horarioItemActual),
html[data-theme="dark"] .horariosContainer .horarioItem:not(.diaActual):not(.horarioItemActual),
html[data-theme="dark"] .horarioItem:not(.diaActual):not(.horarioItemActual) {
  color:#fff !important;
}
html[data-theme="dark"] .horariosLista .horarioItem:not(.diaActual):not(.horarioItemActual) :is(*,svg,i),
html[data-theme="dark"] .horariosContainer .horarioItem:not(.diaActual):not(.horarioItemActual) :is(*,svg,i),
html[data-theme="dark"] .horarioItem:not(.diaActual):not(.horarioItemActual) :is(*,svg,i) {
  color:#fff !important;
  -webkit-text-fill-color:#fff;
}
/* El día activo tiene fondo rosado claro: siempre texto e iconos negros. */
html[data-theme="dark"] .horariosLista .horarioItem:is(.diaActual,.horarioItemActual),
html[data-theme="dark"] .horariosLista .horarioItem:is(.diaActual,.horarioItemActual) :is(*,svg,i),
html[data-theme="dark"] .horariosContainer .horarioItem:is(.diaActual,.horarioItemActual),
html[data-theme="dark"] .horariosContainer .horarioItem:is(.diaActual,.horarioItemActual) :is(*,svg,i),
html[data-theme="dark"] .horarioItem:is(.diaActual,.horarioItemActual),
html[data-theme="dark"] .horarioItem:is(.diaActual,.horarioItemActual) :is(*,svg,i) {
  color:#000 !important;
  -webkit-text-fill-color:#000 !important;
}
html[data-theme="dark"] .horariosLista .horarioItem:is(.diaActual,.horarioItemActual) .badge,
html[data-theme="dark"] .horariosLista .horarioItem:is(.diaActual,.horarioItemActual) [class*="Hoy"],
html[data-theme="dark"] .horariosLista .horarioItem:is(.diaActual,.horarioItemActual) [class*="hoy"] {
  color:#000 !important;
  -webkit-text-fill-color:#000 !important;
}




/* SOCIOS FOOD V37 — overrides de contraste y menú lateral */
/* Tarjetas claras en tema oscuro: fijar texto, iconos y bordes en negro. */
html[data-theme="dark"] .cardProdcutSelected,
html[data-theme="dark"] .cardProdcutmasVendido,
html[data-theme="dark"] .cardProductCart,
html[data-theme="dark"] .cardProdcutSelected :is(h1,h2,h3,h4,p,span,small,strong,label,a),
html[data-theme="dark"] .cardProdcutmasVendido :is(h1,h2,h3,h4,p,span,small,strong,label,a),
html[data-theme="dark"] .cardProductCart :is(h1,h2,h3,h4,p,span,small,strong,label,a),
html[data-theme="dark"] .cardProdcutSelected svg,
html[data-theme="dark"] .cardProdcutmasVendido svg,
html[data-theme="dark"] .cardProductCart svg { color:#111 !important; -webkit-text-fill-color:#111 !important; }
/* Superficies oscuras: texto e iconos claros; excepciones rosadas conservan su identidad. */
html[data-theme="dark"] .navbarDashboard,
html[data-theme="dark"] .navbarDashboard :is(a,button,span,p,svg),
html[data-theme="dark"] .modalNav:not(.light-surface) .enlaces :is(a,button,span,svg) { color:#fff !important; -webkit-text-fill-color:#fff !important; }
/* Horarios: centrados en ambos temas y contraste específico del día activo. */
.horarioItem,.horarioItem .horarioDiaLabel,.horarioItem .horarioHoras { text-align:center !important; }
html[data-theme="dark"] .horarioItem.diaActual :is(.horarioDiaLabel,.horarioHoras,.horarioHoras *, .badge, strong, span) { color:#000 !important; -webkit-text-fill-color:#000 !important; }
html[data-theme="dark"] .horarioItem:not(.diaActual) :is(.horarioDiaLabel,.horarioHoras,.horarioHoras *, .textoCerrado, strong, span) { color:#fff !important; -webkit-text-fill-color:#fff !important; }
/* El banner del panel lateral debe conservar su zona visible, por encima del fondo. */
.ReactModal__Overlay.overlay { z-index:100000 !important; }
.ReactModal__Content.modalNav { z-index:100001 !important; position:fixed !important; overflow-y:auto !important; }
.modalNav .modalNav-content { position:relative !important; isolation:isolate !important; }
.modalNav .modalNav-content .fondo { display:block !important; position:relative !important; z-index:1 !important; width:100% !important; min-height:140px !important; overflow:hidden !important; }
.modalNav .modalNav-content .fondo img { display:block !important; width:100% !important; height:auto !important; min-height:140px !important; object-fit:cover !important; object-position:center !important; visibility:visible !important; opacity:1 !important; }
.modalNav .modalNav-content .enlaces { position:relative !important; z-index:2 !important; }

}
/* Cierre de regla heredada desbalanceada en V39. */

/* SOCIOS FOOD V40: contraste de controles; no fuerza colores dentro de productos. */
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] .searchInput input,
html[data-theme="dark"] .searchInput textarea,
html[data-theme="dark"] .searchInput select,
html[data-theme="dark"] .buscador input,
html[data-theme="dark"] .buscador textarea,
html[data-theme="dark"] .buscador select {
  color:#fff !important; -webkit-text-fill-color:#fff !important; caret-color:#fff !important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder,
html[data-theme="dark"] .searchInput input::placeholder,
html[data-theme="dark"] .searchInput textarea::placeholder,
html[data-theme="dark"] .buscador input::placeholder,
html[data-theme="dark"] .buscador textarea::placeholder {
  color:#d0d0d0 !important; opacity:1 !important; -webkit-text-fill-color:#d0d0d0 !important;
}
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select,
html[data-theme="light"] .searchInput input,
html[data-theme="light"] .searchInput textarea,
html[data-theme="light"] .searchInput select,
html[data-theme="light"] .buscador input,
html[data-theme="light"] .buscador textarea,
html[data-theme="light"] .buscador select {
  color:#111 !important; -webkit-text-fill-color:#111 !important; caret-color:#111 !important;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {
  color:#555 !important; opacity:1 !important;
}
/* Visibilidad y posición del control de tema en el menú lateral. */
.modalNav-content .theme-toggle-mobile-modal {
  position:relative !important; inset:auto !important; align-self:flex-end !important;
  margin:12px 16px 8px auto !important; z-index:10050 !important;
  display:flex !important; visibility:visible !important; opacity:1 !important; flex-shrink:0 !important;
}
.modalNav-content .theme-toggle-mobile-modal .theme-toggle-button {
  position:relative !important; z-index:10051 !important; flex-shrink:0 !important;
}
@media (max-width:767px) {
  .modalNav-content { overflow-y:auto !important; overflow-x:hidden !important; }
  .modalNav-content .theme-toggle-mobile-modal { margin-right:12px !important; }
}


/* SOCIOS FOOD V41
   Contraste por superficie para interfaz general y administración.
   EXCLUSIÓN EXPLÍCITA: detalle/tarjetas de productos y sus descendientes. */
html[data-theme="dark"] body :not(.cardProdcutSelected):not(.cardProdcutmasVendido):not(.cardProductCart):not(.card-product):not(.product-detail):not(.detalleProducto):not(.product-card) {
  /* No se fija color en el contenedor; solo reglas concretas de texto debajo. */
}
/* V100: removed conflicting black-on-dark rule */
/* V100: removed conflicting black-on-dark rule */
/* En tema oscuro, superficies oscuras conservan texto claro en la interfaz general. */
html[data-theme="dark"] body :is(.modalNav,.modaldashboard,.navbarDashboard,.HeaderDashContain,.containerSection,.content_tables,.dashboard,.dashboard-content,.admin-content,.modal-horarios,.modalHorariosContainer,.modal-send-form,.modal-cart,.searchInput,.buscador,.filtrosPage,.bgPage,.form-container,.card-admin,.dashboard-card).surface-dark,
html[data-theme="dark"] body :is(.modalNav,.modaldashboard,.navbarDashboard,.HeaderDashContain,.containerSection,.content_tables,.dashboard,.dashboard-content,.admin-content,.modal-horarios,.modalHorariosContainer,.modal-send-form,.modal-cart,.searchInput,.buscador,.filtrosPage,.bgPage,.form-container,.card-admin,.dashboard-card)[style*="background-color: rgb(0"],
html[data-theme="dark"] body :is(.modalNav,.modaldashboard,.navbarDashboard,.HeaderDashContain,.containerSection,.content_tables,.dashboard,.dashboard-content,.admin-content,.modal-horarios,.modalHorariosContainer,.modal-send-form,.modal-cart,.searchInput,.buscador,.filtrosPage,.bgPage,.form-container,.card-admin,.dashboard-card)[style*="background: rgb(0"] {
  color:#fff !important; -webkit-text-fill-color:#fff !important;
}
/* Corregir textos grises heredados en controles y tablas de administración sobre tarjetas claras. */
html[data-theme="dark"] .modaldashboard :is(h1,h2,h3,h4,h5,h6,p,span,a,label,small,strong,b,em,li,td,th),
html[data-theme="dark"] .navbarDashboard :is(h1,h2,h3,h4,h5,h6,p,span,a,label,small,strong,b,em,li,td,th),
html[data-theme="dark"] .HeaderDashContain :is(h1,h2,h3,h4,h5,h6,p,span,a,label,small,strong,b,em,li,td,th),
html[data-theme="dark"] .containerSection :is(h1,h2,h3,h4,h5,h6,p,span,a,label,small,strong,b,em,li,td,th),
html[data-theme="dark"] .content_tables :is(h1,h2,h3,h4,h5,h6,p,span,a,label,small,strong,b,em,li,td,th) {
  color:#111 !important; -webkit-text-fill-color:#111 !important;
}
/* Los encabezados de tablas oscuros siguen usando texto blanco. */
html[data-theme="dark"] .containerSection thead :is(th,td),
html[data-theme="dark"] .content_tables thead :is(th,td),
html[data-theme="dark"] .modaldashboard thead :is(th,td) {
  color:#fff !important; -webkit-text-fill-color:#fff !important;
}
/* El buscador del sitio y del administrador mantiene contraste en ambos temas. */
html[data-theme="dark"] .searchInput input,
html[data-theme="dark"] .searchInput textarea,
html[data-theme="dark"] .searchInput select,
html[data-theme="dark"] .modalNav input,
html[data-theme="dark"] .modaldashboard input,
html[data-theme="dark"] .navbarDashboard input,
html[data-theme="dark"] .HeaderDashContain input,
html[data-theme="dark"] .containerSection input,
html[data-theme="dark"] .content_tables input {
  color:#111 !important; -webkit-text-fill-color:#111 !important;
}
html[data-theme="dark"] .searchInput input::placeholder,
html[data-theme="dark"] .modalNav input::placeholder,
html[data-theme="dark"] .modaldashboard input::placeholder,
html[data-theme="dark"] .navbarDashboard input::placeholder,
html[data-theme="dark"] .HeaderDashContain input::placeholder,
html[data-theme="dark"] .containerSection input::placeholder,
html[data-theme="dark"] .content_tables input::placeholder {
  color:#555 !important; opacity:1 !important; -webkit-text-fill-color:#555 !important;
}
/* Mantener la regla fuera del contenido visual de las tarjetas y detalle de producto. */
html[data-theme="dark"] :is(.cardProdcutSelected,.cardProdcutmasVendido,.cardProductCart,.card-product,.product-detail,.detalleProducto,.product-card),
html[data-theme="dark"] :is(.cardProdcutSelected,.cardProdcutmasVendido,.cardProductCart,.card-product,.product-detail,.detalleProducto,.product-card) * {
  color: revert !important;
  -webkit-text-fill-color: revert !important;
}

/* SOCIOS FOOD V42: contraste de superficies generales, excluyendo deliberadamente el interior de productos. */
html[data-theme="dark"] body :is(.HeaderDashContain,.navbarDashboard,.modaldashboard,.containerSection,.content_tables,.dashboard,.dashboard-content,.admin-content,.containerBanners,.containerCategorias,.containerCocina,.containerEvaluaciones,.containerGastos,.containerInventarios,.containerMesas,.containerPaymentMethods,.containerPedidos,.containerProductos,.containerUsuarios,.reportsContainer,.reportsFilters,.metricCard,.chartCard,.lastOrdersTable,.tabsContainer,.cardsCantidad,.table-container,.tablaReservasContainer,.form-container,.card-admin,.dashboard-card) {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}
html[data-theme="dark"] body :is(.HeaderDashContain,.navbarDashboard,.modaldashboard,.containerSection,.content_tables,.dashboard,.dashboard-content,.admin-content,.containerBanners,.containerCategorias,.containerCocina,.containerEvaluaciones,.containerGastos,.containerInventarios,.containerMesas,.containerPaymentMethods,.containerPedidos,.containerProductos,.containerUsuarios,.reportsContainer,.reportsFilters,.metricCard,.chartCard,.lastOrdersTable,.tabsContainer,.cardsCantidad,.table-container,.tablaReservasContainer,.form-container,.card-admin,.dashboard-card) :is(h1,h2,h3,h4,h5,h6,p,span,a,label,small,strong,b,em,li,td,th,legend) {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}
/* Superficies oscuras explícitas de administración: texto claro. */
html[data-theme="dark"] :is(.containerSection thead,.content_tables thead,.modaldashboard thead,.table thead,.lastOrdersTable thead) :is(th,td),
html[data-theme="dark"] :is(.containerSection thead,.content_tables thead,.modaldashboard thead,.table thead,.lastOrdersTable thead) :is(th,td) * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html[data-theme="dark"] :is(.modalNav,.modalNav-content,.modalNav-content .enlaces) :is(a,button,p,span,label,h1,h2,h3,h4) {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}
html[data-theme="dark"] :is(.searchInput,.buscador,.filtrosPage,.reportsFilters,.tabsContainer,.form-container) input,
html[data-theme="dark"] :is(.searchInput,.buscador,.filtrosPage,.reportsFilters,.tabsContainer,.form-container) select,
html[data-theme="dark"] :is(.searchInput,.buscador,.filtrosPage,.reportsFilters,.tabsContainer,.form-container) textarea {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}
html[data-theme="dark"] :is(.searchInput,.buscador,.filtrosPage,.reportsFilters,.tabsContainer,.form-container) input::placeholder,
html[data-theme="dark"] :is(.searchInput,.buscador,.filtrosPage,.reportsFilters,.tabsContainer,.form-container) textarea::placeholder {
  color: #555 !important;
  -webkit-text-fill-color: #555 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .horarioItem:not(.diaActual) :is(.horarioDiaLabel,.horarioHoras,.horarioHoras span,.textoCerrado) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html[data-theme="dark"] .horarioItem.diaActual :is(.horarioDiaLabel,.horarioHoras,.horarioHoras span,.textoCerrado) {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}
/* El control de tema queda flotando en la esquina superior derecha del área del banner; sigue accesible en móvil y escritorio. */
.theme-toggle-desktop {
  display: flex !important;
  position: fixed !important;
  top: max(118px, calc(env(safe-area-inset-top) + 78px)) !important;
  right: clamp(12px, 3vw, 30px) !important;
  z-index: 15000 !important;
  pointer-events: auto !important;
}
.theme-toggle-desktop .theme-toggle-button,
.theme-toggle-desktop button {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  position: relative !important;
  z-index: 15001 !important;
}
@media (max-width: 600px) {
  .theme-toggle-desktop { top: max(88px, calc(env(safe-area-inset-top) + 62px)) !important; right: 12px !important; }
  .theme-toggle-desktop .theme-toggle-button,
  .theme-toggle-desktop button { width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; }
}
@media (min-width: 601px) and (max-width: 1024px) {
  .theme-toggle-desktop { top: max(108px, calc(env(safe-area-inset-top) + 72px)) !important; right: 18px !important; }
}


/* SOCIOS FOOD V43 — posición definitiva del selector de tema.
   Escritorio: integrado en la fila del header, sin posición flotante.
   Móvil: anclado al header para que no se desplace sobre los productos al hacer scroll.
   No se modifican estilos internos de tarjetas ni detalles de productos. */
.theme-toggle-desktop {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  flex: 0 0 auto !important;
  align-self: center !important;
  display: flex !important;
  z-index: 15000 !important;
  margin: 0 !important;
}
.theme-toggle-desktop .theme-toggle-button,
.theme-toggle-desktop button {
  position: relative !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  z-index: 15001 !important;
}
@media (min-width: 901px) {
  .deFLexNavs { position: relative !important; }
  .theme-toggle-desktop { order: 0 !important; }
}
@media (max-width: 900px) {
  header { position: absolute !important; }
  nav { position: relative !important; }
  .deFLexNavs { position: static !important; }
  .theme-toggle-desktop {
    position: absolute !important;
    top: 50% !important;
    right: 62px !important;
    left: auto !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
  }
  .theme-toggle-desktop .theme-toggle-button,
  .theme-toggle-desktop button {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }
}


/* SOCIOS FOOD V44
   Ubicación del selector de tema por dispositivo y contraste de la interfaz.
   Exclusión estricta: no aplicar reglas a tarjetas ni detalle de productos. */

/* Escritorio: el control forma parte del header y no se superpone al buscador. */
@media (min-width: 901px) {
  .theme-toggle-desktop {
    display: flex !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    order: 2 !important;
    flex: 0 0 48px !important;
    width: 48px !important;
    margin: 0 10px !important;
    align-self: center !important;
  }
  .deFLexNavs { display: flex !important; align-items: center !important; }
  .theme-toggle-mobile-modal { display: none !important; }
}

/* Móvil/tablet: ocultar el control del header principal. Solo aparece dentro del menú,
   en la esquina superior derecha del banner (el banner es el primer bloque .fondo). */
@media (max-width: 900px) {
  .theme-toggle-desktop { display: none !important; }
  .modalNav-content { position: relative !important; }
  .modalNav-content .fondo {
    position: relative !important;
    isolation: isolate !important;
  }
  .modalNav-content .theme-toggle-mobile-modal {
    display: flex !important;
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    left: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10060 !important;
    pointer-events: auto !important;
  }
  .modalNav-content .theme-toggle-mobile-modal .theme-toggle-button,
  .modalNav-content .theme-toggle-mobile-modal button {
    position: relative !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    z-index: 10061 !important;
  }
}

/* Contraste para panel administrativo: tarjetas y paneles claros llevan texto negro. */
html[data-theme="dark"] body :is(.modaldashboard,.navbarDashboard,.HeaderDashContain,.containerSection,.content_tables,.dashboard,.dashboard-content,.admin-content,.containerBanners,.containerCategorias,.containerCocina,.containerEvaluaciones,.containerGastos,.containerInventarios,.containerMesas,.containerPaymentMethods,.containerPedidos,.containerProductos,.containerUsuarios,.reportsContainer,.reportsFilters,.metricCard,.chartCard,.lastOrdersTable,.tabsContainer,.cardsCantidad,.table-container,.tablaReservasContainer,.form-container,.card-admin,.dashboard-card) :is(.card,.card-body,.card-header,.bg-white,.bg-light,.white,.panel,.panel-body,.stat-card,.summary-card,.table-responsive) :is(h1,h2,h3,h4,h5,h6,p,span,a,label,small,strong,b,em,li,td,th,legend,div) {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}
/* Los contenedores claros del administrador no deben heredar gris pálido en modo oscuro. */
html[data-theme="dark"] body :is(.modaldashboard,.navbarDashboard,.HeaderDashContain,.containerSection,.content_tables,.dashboard,.dashboard-content,.admin-content,.containerBanners,.containerCategorias,.containerCocina,.containerEvaluaciones,.containerGastos,.containerInventarios,.containerMesas,.containerPaymentMethods,.containerPedidos,.containerProductos,.containerUsuarios,.reportsContainer,.reportsFilters,.metricCard,.chartCard,.lastOrdersTable,.tabsContainer,.cardsCantidad,.table-container,.tablaReservasContainer,.form-container,.card-admin,.dashboard-card) :is(.bg-white,.bg-light,.white,.panel,.panel-body,.stat-card,.summary-card,.table-responsive,[style*="background-color: rgb(255"],[style*="background: rgb(255"],[style*="background-color: #fff"],[style*="background: #fff"]) {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}
/* Fondos oscuros reales del menú lateral y del dashboard: texto e iconos claros. */
html[data-theme="dark"] body :is(.modalNav,.modalNav-content,.modalNav-content .enlaces) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html[data-theme="dark"] body :is(.modalNav,.modalNav-content,.modalNav-content .enlaces) :is(a,p,span,label,small,strong,b,em,li,h1,h2,h3,h4,h5,h6) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html[data-theme="dark"] body :is(.modaldashboard,.navbarDashboard,.HeaderDashContain,.containerSection,.content_tables,.dashboard,.dashboard-content,.admin-content,.containerBanners,.containerCategorias,.containerCocina,.containerEvaluaciones,.containerGastos,.containerInventarios,.containerMesas,.containerPaymentMethods,.containerPedidos,.containerProductos,.containerUsuarios,.reportsContainer,.reportsFilters,.metricCard,.chartCard,.lastOrdersTable,.tabsContainer,.cardsCantidad,.table-container,.tablaReservasContainer,.form-container,.card-admin,.dashboard-card) :is(.bg-dark,.dark,.surface-dark,[style*="background-color: rgb(0, 0, 0)"],[style*="background: rgb(0, 0, 0)"],[style*="background-color: #1"],[style*="background: #1"]) :is(h1,h2,h3,h4,h5,h6,p,span,a,label,small,strong,b,em,li,td,th,legend) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
/* Controles de búsqueda/filtros sobre superficies claras: texto legible y placeholder visible. */
html[data-theme="dark"] body :is(.modaldashboard,.navbarDashboard,.HeaderDashContain,.containerSection,.content_tables,.dashboard,.dashboard-content,.admin-content,.reportsFilters,.tabsContainer,.form-container) :is(input,select,textarea) {
  background-color: #fff !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  border-color: #bbb !important;
}
html[data-theme="dark"] body :is(.modaldashboard,.navbarDashboard,.HeaderDashContain,.containerSection,.content_tables,.dashboard,.dashboard-content,.admin-content,.reportsFilters,.tabsContainer,.form-container) :is(input,textarea)::placeholder {
  color: #555 !important;
  -webkit-text-fill-color: #555 !important;
  opacity: 1 !important;
}
/* Tabla: encabezados oscuros con texto blanco, filas claras con texto negro. */
html[data-theme="dark"] body :is(.modaldashboard,.containerSection,.content_tables,.dashboard,.dashboard-content,.admin-content) thead :is(th,td),
html[data-theme="dark"] body :is(.modaldashboard,.containerSection,.content_tables,.dashboard,.dashboard-content,.admin-content) thead :is(th,td) * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html[data-theme="dark"] body :is(.modaldashboard,.containerSection,.content_tables,.dashboard,.dashboard-content,.admin-content) tbody tr :is(td,th,p,span,a,label,small,strong,b) {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}
/* Excluir explícitamente cada producto y todos sus descendientes del ajuste de contraste. */
html[data-theme="dark"] :is(.cardProdcutSelected,.cardProdcutmasVendido,.cardProductCart,.card-product,.product-detail,.detalleProducto,.product-card),
html[data-theme="dark"] :is(.cardProdcutSelected,.cardProdcutmasVendido,.cardProductCart,.card-product,.product-detail,.detalleProducto,.product-card) * {
  color: revert !important;
  -webkit-text-fill-color: revert !important;
}


/* SOCIOS FOOD V45 — correcciones de estructura y contraste fuera de productos.
   No alterar las tarjetas de catálogo ni las vistas/detalles de producto. */

/* El banner del menú tiene altura controlada; no puede cubrir el logo ni los enlaces. */
@media (max-width: 900px) {
  .modalNav .modalNav-content { display:flex !important; flex-direction:column !important; overflow-y:auto !important; }
  .modalNav .modalNav-content .fondo { position:relative !important; flex:0 0 auto !important; width:100% !important; height:clamp(132px, 28vw, 190px) !important; min-height:132px !important; max-height:190px !important; overflow:hidden !important; z-index:1 !important; }
  .modalNav .modalNav-content .fondo img { display:block !important; width:100% !important; height:100% !important; min-height:0 !important; max-height:none !important; object-fit:cover !important; object-position:center !important; }
  .modalNav .modalNav-content .theme-toggle-mobile-modal { top:14px !important; right:14px !important; z-index:20 !important; }
  .modalNav .modalNav-content .enlaces { position:relative !important; flex:0 0 auto !important; width:100% !important; min-height:180px !important; margin:0 !important; padding:18px 20px 28px !important; box-sizing:border-box !important; z-index:2 !important; }
}

/* El selector de escritorio ocupa un espacio propio entre buscador y menú; nunca flota. */
@media (min-width: 901px) {
  .deFLexNavs { display:flex !important; align-items:center !important; gap:clamp(10px,1.2vw,22px) !important; }
  .theme-toggle-desktop { position:relative !important; top:auto !important; right:auto !important; bottom:auto !important; left:auto !important; transform:none !important; flex:0 0 48px !important; width:48px !important; margin:0 4px !important; order:2 !important; }
  .theme-toggle-desktop button { width:46px !important; height:46px !important; min-width:46px !important; min-height:46px !important; }
}

/* Formularios de autenticación: etiquetas y campos con contraste suficiente. */
.modalAuth-content input, .modalAuth-content textarea, .modalAuth-content select,
.modalAuth input, .modalAuth textarea, .modalAuth select,
input[placeholder="Email"], input[placeholder="Contraseña"] {
  color:#171717 !important; -webkit-text-fill-color:#171717 !important;
  background:#fff !important; border-color:#777 !important; opacity:1 !important;
}
.modalAuth-content input::placeholder, .modalAuth input::placeholder,
input[placeholder="Email"]::placeholder, input[placeholder="Contraseña"]::placeholder {
  color:#555 !important; -webkit-text-fill-color:#555 !important; opacity:1 !important;
}
.modalAuth-content label, .modalAuth label, .modalAuth-content h1, .modalAuth-content h2,
.modalAuth h1, .modalAuth h2 { color:#171717 !important; -webkit-text-fill-color:#171717 !important; }

/* Testimonios y textos institucionales, sin afectar elementos del catálogo de productos. */
html[data-theme="light"] body :is(.testimonios,.testimonials,.testimonial-section,.testimonial-card,.opiniones,.clientes-opiniones) :is(h1,h2,h3,h4,p,span,strong,em,small) {
  color:#222 !important; -webkit-text-fill-color:#222 !important;
}
html[data-theme="dark"] body :is(.testimonios,.testimonials,.testimonial-section,.testimonial-card,.opiniones,.clientes-opiniones) :is(h1,h2,h3,h4,p,span,strong,em,small) {
  color:#f5f5f5 !important; -webkit-text-fill-color:#f5f5f5 !important;
}

/* Menú lateral oscuro: texto blanco; en modo claro, texto oscuro sobre panel claro. */
html[data-theme="dark"] .modalNav .modalNav-content .enlaces,
html[data-theme="dark"] .modalNav .modalNav-content .enlaces :is(a,button,p,span,li,h1,h2,h3,h4,h5,h6,i,svg) {
  color:#fff !important; -webkit-text-fill-color:#fff !important;
}
html[data-theme="dark"] .modalNav .modalNav-content .enlaces { background:#202020 !important; }
html[data-theme="light"] .modalNav .modalNav-content .enlaces { background:#fff !important; }
html[data-theme="light"] .modalNav .modalNav-content .enlaces :is(a,button,p,span,li,h1,h2,h3,h4,h5,h6) {
  color:#171717 !important; -webkit-text-fill-color:#171717 !important;
}

/* No tocar producto: las reglas de V45 no apuntan a tarjetas ni al detalle de producto. */


/* SOCIOS FOOD V46 — correcciones puntuales según capturas. No se modifica el diseño del detalle del producto. */
/* Menú lateral: mostrar el banner completo desde arriba, evitando cortar el texto/parte superior. */
@media (max-width: 900px) {
  .modalNav .modalNav-content .fondo { overflow: hidden !important; }
  .modalNav .modalNav-content .fondo img,
  .modalNav .modalNav-content .fondo picture img,
  .modalNav .modalNav-content .fondo a img {
    object-fit: contain !important;
    object-position: top center !important;
    background: #202020 !important;
  }
}
/* Horarios: en tarjetas oscuras, texto blanco; el día activo conserva texto oscuro sobre rosa claro. */
html[data-theme="dark"] .modal-horarios .modalHorariosContainer .horarioItem:not(.diaActual) {
  background: #252525 !important;
  color: #fff !important;
  border-color: #3d3d3d !important;
}
html[data-theme="dark"] .modal-horarios .modalHorariosContainer .horarioItem:not(.diaActual) :is(.horarioDiaLabel,.horarioHoras,.horarioHoras span,.textoCerrado) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .modal-horarios .modalHorariosContainer .horarioItem.diaActual {
  background: #ffe7f2 !important;
  color: #171717 !important;
}
html[data-theme="dark"] .modal-horarios .modalHorariosContainer .horarioItem.diaActual :is(.horarioDiaLabel,.horarioHoras,.horarioHoras span,.textoCerrado) {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
  opacity: 1 !important;
}
/* Catálogo de inicio: las tarjetas son blancas incluso en modo oscuro, por eso su texto debe ser negro.
   Se excluye deliberadamente .detail y todo el detalle de cada producto. */
html[data-theme="dark"] body :is(.cardProdcutmasVendido,.cardProdcutSelected,.cardProductCart,.card-product,.product-card) {
  background-color: #fff !important;
}
html[data-theme="dark"] body :is(.cardProdcutmasVendido,.cardProdcutSelected,.cardProductCart,.card-product,.product-card) :is(.cardText,h1,h2,h3,h4,h5,h6,p,span,strong,b,small,del,s) {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body :is(.cardProdcutmasVendido,.cardProdcutSelected,.cardProductCart,.card-product,.product-card) :is(.price,.precio,.price h5,.deFLexPrice h5) {
  color: #d51b83 !important;
  -webkit-text-fill-color: #d51b83 !important;
}
/* No cambiar colores de botones/etiquetas del catálogo. */
html[data-theme="dark"] body :is(.cardProdcutmasVendido,.cardProdcutSelected,.cardProductCart,.card-product,.product-card) :is(button,.masVendido) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}


/* SOCIOS FOOD V47 — ajustes puntuales de footer, carrito y checkout */
/* Reducir el bloque vacío que queda debajo del crédito del desarrollador. */
@media (max-width: 767px) {
  footer, .footer, .FooterContain, .footer-container, .footerContent {
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 18px !important;
    margin-bottom: 0 !important;
  }
  footer .developer, .footer .developer, .FooterContain .developer,
  footer .desarrollado-por, .footer .desarrollado-por, .FooterContain .desarrollado-por {
    margin-bottom: 0 !important; padding-bottom: 12px !important;
  }
}
/* El carrito y el formulario de checkout vuelven a superficies claras y texto oscuro,
   incluso si el resto del sitio está en modo oscuro. */
[data-theme="dark"] .carrito, [data-theme="dark"] .cart,
[data-theme="dark"] .carrito-container, [data-theme="dark"] .cart-container,
[data-theme="dark"] .checkout, [data-theme="dark"] .checkout-container,
[data-theme="dark"] .form-checkout, [data-theme="dark"] .pedido-container,
[data-theme="dark"] .carritoResumen, [data-theme="dark"] .resumenCarrito {
  background: #fff !important; color: #171717 !important;
}
[data-theme="dark"] .carrito :is(h1,h2,h3,h4,p,span,label,strong,small,a,div),
[data-theme="dark"] .cart :is(h1,h2,h3,h4,p,span,label,strong,small,a,div),
[data-theme="dark"] .carrito-container :is(h1,h2,h3,h4,p,span,label,strong,small,a,div),
[data-theme="dark"] .cart-container :is(h1,h2,h3,h4,p,span,label,strong,small,a,div),
[data-theme="dark"] .checkout :is(h1,h2,h3,h4,p,span,label,strong,small,a,div),
[data-theme="dark"] .checkout-container :is(h1,h2,h3,h4,p,span,label,strong,small,a,div),
[data-theme="dark"] .form-checkout :is(h1,h2,h3,h4,p,span,label,strong,small,a,div),
[data-theme="dark"] .pedido-container :is(h1,h2,h3,h4,p,span,label,strong,small,a,div),
[data-theme="dark"] .carritoResumen :is(h1,h2,h3,h4,p,span,label,strong,small,a,div),
[data-theme="dark"] .resumenCarrito :is(h1,h2,h3,h4,p,span,label,strong,small,a,div) {
  color: #171717 !important;
}
[data-theme="dark"] .carrito input, [data-theme="dark"] .carrito textarea,
[data-theme="dark"] .checkout input, [data-theme="dark"] .checkout textarea,
[data-theme="dark"] .checkout select, [data-theme="dark"] .form-checkout input,
[data-theme="dark"] .form-checkout textarea, [data-theme="dark"] .form-checkout select {
  background: #fff !important; color: #171717 !important; border-color: #bdbdbd !important;
}
/* El panel de propina no debe quedar negro con letras negras. */
[data-theme="dark"] .propina-container, [data-theme="dark"] .propina-box,
[data-theme="dark"] .propina-opcional, [data-theme="dark"] .propina-panel {
  background: #fff !important; color: #171717 !important;
}
[data-theme="dark"] .propina-container :is(h1,h2,h3,p,span,label,strong,button),
[data-theme="dark"] .propina-box :is(h1,h2,h3,p,span,label,strong,button),
[data-theme="dark"] .propina-opcional :is(h1,h2,h3,p,span,label,strong,button),
[data-theme="dark"] .propina-panel :is(h1,h2,h3,p,span,label,strong,button) { color: #171717 !important; }


/* SOCIOS FOOD V48 — correcciones basadas en las clases reales del carrito y detalle */
/* El modal de carrito y checkout mantiene superficies claras, como en el diseño anterior. */
html[data-theme="dark"] .overlay-cart { background: rgba(0,0,0,.58) !important; }
html[data-theme="dark"] .modal-cart,
html[data-theme="dark"] .modal-cart .modal-send-form,
html[data-theme="dark"] .modal-cart .modal-content-cart,
html[data-theme="dark"] .modal-cart .cardProductCart,
html[data-theme="dark"] .modal-cart .deFLexBtns,
html[data-theme="dark"] .modal-cart .deFLexBtns + div {
  background: #fff !important;
  color: #171717 !important;
}
html[data-theme="dark"] .modal-cart :is(h1,h2,h3,h4,h5,h6,p,span,label,strong,b,small,a,li) {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .modal-cart input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] .modal-cart textarea,
html[data-theme="dark"] .modal-cart select {
  background: #fff !important; color: #171717 !important;
  -webkit-text-fill-color: #171717 !important; border: 1px solid #777 !important;
}
html[data-theme="dark"] .modal-cart input::placeholder,
html[data-theme="dark"] .modal-cart textarea::placeholder { color: #777 !important; -webkit-text-fill-color: #777 !important; opacity: 1 !important; }
html[data-theme="dark"] .modal-cart .deFLex,
html[data-theme="dark"] .modal-cart .deFLex button { color: #171717 !important; }
html[data-theme="dark"] .modal-cart .btnWpp { color: #fff !important; -webkit-text-fill-color: #fff !important; }
html[data-theme="dark"] .modal-cart .deleteToCart { color: #171717 !important; -webkit-text-fill-color: #171717 !important; }
/* El cuadro real de propina vive dentro de modal-send-form; neutralizar fondos heredados oscuros. */
html[data-theme="dark"] .modal-cart .modal-send-form > div,
html[data-theme="dark"] .modal-cart .modal-send-form > section {
  color: #171717 !important;
}
html[data-theme="dark"] .modal-cart .modal-send-form button:not(.btnWpp) {
  color: #171717 !important; -webkit-text-fill-color: #171717 !important;
}
/* Footer: reducir el espacio inferior sin afectar la barra inferior fija de navegación. */
@media (max-width: 767px) {
  footer, .footer, .FooterContain, .footer-container, .footerContent {
    min-height: 0 !important; height: auto !important;
    padding-bottom: 8px !important; margin-bottom: 0 !important;
  }
  .footerText, footer .footerText, .FooterContain .footerText {
    margin-bottom: 0 !important; padding-bottom: 8px !important;
  }
  footer > :last-child, .footer > :last-child, .FooterContain > :last-child,
  .footerContent > :last-child { margin-bottom: 0 !important; }
}
/* Horarios: contraste reforzado también en el caso en que la tarjeta no tenga la clase esperada. */
html[data-theme="dark"] .modal-horarios :is(.horarioItem,.horario-item,.diaHorario,.horarioDia) {
  background-color: #252525 !important; color: #fff !important;
}
html[data-theme="dark"] .modal-horarios :is(.horarioItem,.horario-item,.diaHorario,.horarioDia):not(.diaActual) :is(*) {
  color: #fff !important; -webkit-text-fill-color: #fff !important; opacity: 1 !important;
}
html[data-theme="dark"] .modal-horarios :is(.horarioItem,.horario-item,.diaHorario,.horarioDia).diaActual,
html[data-theme="dark"] .modal-horarios .diaActual {
  background-color: #ffe7f2 !important; color: #171717 !important;
}
html[data-theme="dark"] .modal-horarios .diaActual :is(*) { color: #171717 !important; -webkit-text-fill-color: #171717 !important; opacity: 1 !important; }
/* Evitar que el banner lateral se recorte por altura fija o por object-fit: cover. */
@media (max-width: 900px) {
  .modalNav .modalNav-content .fondo,
  .modalNav .modalNav-content .fondo a,
  .modalNav .modalNav-content .fondo picture { height: auto !important; max-height: none !important; overflow: visible !important; }
  .modalNav .modalNav-content .fondo img,
  .modalNav .modalNav-content .fondo picture img,
  .modalNav .modalNav-content .fondo a img {
    display: block !important; width: 100% !important; height: auto !important;
    max-height: none !important; object-fit: contain !important; object-position: top center !important;
  }
}
/* Mensaje de producto no disponible debe ser legible en ambos temas. */
.sf-product-not-found { background: #fff !important; color: #171717 !important; }
.sf-product-not-found :is(h1,h2,h3,p,a) { color: #171717 !important; -webkit-text-fill-color: #171717 !important; }


/* SOCIOS FOOD V49 — capa final de contraste y consistencia visual móvil.
   Solo estilos; conserva la lógica, productos, API y configuración existentes. */
:root { color-scheme: light; }
html, body { max-width: 100%; }
body { overflow-x: hidden; }

/* Catálogo: tarjetas con superficie oscura en tema oscuro y contraste uniforme. */
html[data-theme="dark"] body :is(.cardProdcutmasVendido,.cardProdcutSelected,.card-product,.product-card,.ProductsContainPage .ProductsGrap > *, .ProductsContain .ProductsGrap > *) {
  background-color: #202124 !important;
  color: #f7f7f7 !important;
  border-color: #454545 !important;
}
html[data-theme="dark"] body :is(.cardProdcutmasVendido,.cardProdcutSelected,.card-product,.product-card,.ProductsContainPage .ProductsGrap > *, .ProductsContain .ProductsGrap > *) :is(h1,h2,h3,h4,h5,p,span,strong,b,small,label,del,s) {
  color: #f7f7f7 !important; -webkit-text-fill-color: #f7f7f7 !important; opacity: 1 !important;
}
html[data-theme="dark"] body :is(.cardProdcutmasVendido,.cardProdcutSelected,.card-product,.product-card,.ProductsContainPage .ProductsGrap > *, .ProductsContain .ProductsGrap > *) :is(.price,.precio,.deFLexPrice h5) {
  color: #ff2997 !important; -webkit-text-fill-color: #ff2997 !important;
}
/* Los fondos blancos reales del catálogo conservan texto negro legible. */
html[data-theme="dark"] body :is(.cardProdcutmasVendido,.cardProdcutSelected,.card-product,.product-card).sf-light-card {
  background: #fff !important; color: #171717 !important;
}

/* Buscador y filtros: siempre visibles, sin quedar detrás del banner. */
.ProductsContainPage .filtrosPage, .ProductsContainPage .searchInput,
.ProductsContainPage .inputSearch, .ProductsContainPage .inputsGrap {
  min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important;
}
.ProductsContainPage .inputSearch input, .ProductsContainPage .searchInput input {
  width: 100% !important; min-width: 0 !important; box-sizing: border-box !important;
}
html[data-theme="dark"] .ProductsContainPage .inputSearch,
html[data-theme="dark"] .ProductsContainPage .inputSearch input,
html[data-theme="dark"] .ProductsContainPage .searchInput input {
  background: #fff !important; color: #171717 !important; -webkit-text-fill-color: #171717 !important;
}
html[data-theme="dark"] .ProductsContainPage .inputSearch input::placeholder,
html[data-theme="dark"] .ProductsContainPage .searchInput input::placeholder {
  color: #666 !important; -webkit-text-fill-color: #666 !important; opacity: 1 !important;
}

/* Detalle y estado de error: no permite texto gris claro sobre blanco. */
.sf-product-not-found { background: #fff !important; color: #171717 !important; border-radius: 14px; }
.sf-product-not-found :is(h1,h2,h3,p,a) { color: #171717 !important; -webkit-text-fill-color: #171717 !important; opacity: 1 !important; }
.sf-product-not-found button { color: #fff !important; -webkit-text-fill-color: #fff !important; }

/* Carrito/checkout: tarjetas, inputs y propina legibles en ambos temas. */
html[data-theme="dark"] .modal-cart { background: #fff !important; color: #171717 !important; }
html[data-theme="dark"] .modal-cart .cardProductCart,
html[data-theme="dark"] .modal-cart .modal-content-cart,
html[data-theme="dark"] .modal-cart .modal-send-form,
html[data-theme="dark"] .modal-cart .modal-send-form > div,
html[data-theme="dark"] .modal-cart .modal-send-form > section {
  background-color: #fff !important; color: #171717 !important; border-color: #dedede !important;
}
html[data-theme="dark"] .modal-cart :is(input,textarea,select) {
  background: #fff !important; color: #171717 !important; -webkit-text-fill-color: #171717 !important;
}
html[data-theme="dark"] .modal-cart button.btnWpp,
html[data-theme="dark"] .modal-cart button[class*="finalizar"],
html[data-theme="dark"] .modal-cart button[class*="Finalizar"] {
  background: #09c451 !important; color: #fff !important; -webkit-text-fill-color: #fff !important;
}

/* Horarios: contraste AA aproximado, incluyendo texto secundario y horas. */
html[data-theme="dark"] .modal-horarios :is(.horarioItem,.horario-item,.diaHorario,.horarioDia) {
  background: #252525 !important; border-color: #484848 !important; color: #fff !important;
}
html[data-theme="dark"] .modal-horarios :is(.horarioItem,.horario-item,.diaHorario,.horarioDia):not(.diaActual) * {
  color: #fff !important; -webkit-text-fill-color: #fff !important; opacity: 1 !important;
}
html[data-theme="dark"] .modal-horarios :is(.horarioItem,.horario-item,.diaHorario,.horarioDia).diaActual,
html[data-theme="dark"] .modal-horarios .diaActual {
  background: #ffe7f2 !important; color: #171717 !important;
}
html[data-theme="dark"] .modal-horarios .diaActual * { color: #171717 !important; -webkit-text-fill-color: #171717 !important; opacity: 1 !important; }

/* Banner del menú lateral: imagen completa, sin superponer el logo. */
@media (max-width: 900px) {
  .modalNav .modalNav-content .fondo { display: block !important; height: auto !important; min-height: 0 !important; overflow: visible !important; }
  .modalNav .modalNav-content .fondo img { display: block !important; width: 100% !important; height: auto !important; max-height: none !important; object-fit: contain !important; object-position: center top !important; }
  .modalNav .modalNav-content .fondo + :is(img,.logo),
  .modalNav .modalNav-content :is(.logo, .logoRestaurante) { position: relative; z-index: 2; }
}

/* Footer compacto; no modifica la navegación inferior fija. */
.FooterContain { min-height: 0 !important; }
.FooterContain .footerText { padding-bottom: 8px !important; margin-bottom: 0 !important; }
@media (max-width: 767px) {
  .FooterContain, .FooterContain .footerText { height: auto !important; min-height: 0 !important; }
  .FooterContain > :last-child { margin-bottom: 0 !important; padding-bottom: 8px !important; }
}

/* Layout móvil y barra inferior: evita desbordamiento horizontal. */
@media (max-width: 767px) {
  #root, .App, main { max-width: 100%; overflow-x: clip; }
  .modal-cart { max-width: calc(100vw - 20px) !important; }
}


/* SOCIOS FOOD V50 — corrección específica de los elementos visibles en capturas */
/* Categorías del catálogo: las categorías inactivas son blancas con texto negro. */
html[data-theme="dark"] .categoriasInputs input,
html[data-theme="dark"] .categoriasInputs input:not(.selected) {
  background: #fff !important;
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
  border: 1px solid #fe1e78 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .categoriasInputs input.selected {
  background: #fe1e78 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
/* Todas las tarjetas de producto del inicio, no solo la de más vendidos. */
html[data-theme="dark"] .Products .cardProdcut,
html[data-theme="dark"] .Products .cardProdcutmasVendido,
html[data-theme="dark"] .Products .cardProdcutSelected,
html[data-theme="dark"] .ProductsGrap .cardProdcutmasVendido,
html[data-theme="dark"] .categoriSection .cardProdcutmasVendido {
  background: #202124 !important;
  color: #f7f7f7 !important;
  border-color: #454545 !important;
}
html[data-theme="dark"] .Products .cardProdcut :is(h1,h2,h3,h4,h5,h6,p,span,strong,b,small,label,del,s),
html[data-theme="dark"] .Products .cardProdcutmasVendido :is(h1,h2,h3,h4,h5,h6,p,span,strong,b,small,label,del,s),
html[data-theme="dark"] .Products .cardProdcutSelected :is(h1,h2,h3,h4,h5,h6,p,span,strong,b,small,label,del,s),
html[data-theme="dark"] .ProductsGrap .cardProdcutmasVendido :is(h1,h2,h3,h4,h5,h6,p,span,strong,b,small,label,del,s),
html[data-theme="dark"] .categoriSection .cardProdcutmasVendido :is(h1,h2,h3,h4,h5,h6,p,span,strong,b,small,label,del,s) {
  color: #f7f7f7 !important;
  -webkit-text-fill-color: #f7f7f7 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .Products :is(.deFLexPrice h5,.precio,.price),
html[data-theme="dark"] .ProductsGrap :is(.deFLexPrice h5,.precio,.price) {
  color: #ff2997 !important;
  -webkit-text-fill-color: #ff2997 !important;
}
/* Horarios: en los días no activos el fondo es oscuro y todos los textos blancos. */
html[data-theme="dark"] .modal-horarios .modalHorariosContainer .horarioItem:not(.diaActual) {
  background: #252525 !important;
  color: #fff !important;
  border-color: #484848 !important;
}
html[data-theme="dark"] .modal-horarios .modalHorariosContainer .horarioItem:not(.diaActual) *,
html[data-theme="dark"] .modal-horarios .modalHorariosContainer .horarioItem:not(.diaActual) *::before,
html[data-theme="dark"] .modal-horarios .modalHorariosContainer .horarioItem:not(.diaActual) *::after {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .modal-horarios .modalHorariosContainer .horarioItem.diaActual {
  background: #ffe7f2 !important;
  color: #171717 !important;
}
html[data-theme="dark"] .modal-horarios .modalHorariosContainer .horarioItem.diaActual * {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
  opacity: 1 !important;
}
/* Administración: menú lateral oscuro con etiquetas e iconos blancos. */
html[data-theme="dark"] body :is(.navbarDashboard,.modaldashboard,.sidebar-menu,.sidebar-header) {
  color: #fff !important;
}
html[data-theme="dark"] body :is(.navbarDashboard,.modaldashboard,.sidebar-menu,.sidebar-header) :is(a,button,span,p,small,strong,b,label,li,h1,h2,h3,h4,h5,h6,svg) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .navbarDashboard a.active,
html[data-theme="dark"] .navbarDashboard a:hover,
html[data-theme="dark"] .modaldashboard a.active,
html[data-theme="dark"] .modaldashboard a:hover {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html[data-theme="dark"] .navbarDashboard :is(input,select,textarea) {
  background: #fff !important;
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}


/* SOCIOS FOOD V51 — checkout oscuro legible y footer compacto (ajuste basado en capturas) */
html[data-theme="dark"] .propina-container {
  background: #ffffff !important;
  color: #171717 !important;
  border-color: #fe1e78 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .propina-container :is(h1,h2,h3,h4,p,span,label,strong,b,small,div) {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .propina-container .propina-btn {
  background: #ffffff !important;
  border: 2px solid #fe1e78 !important;
  color: #c20d60 !important;
  -webkit-text-fill-color: #c20d60 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .propina-container .propina-btn--activo {
  background: #fe1e78 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="dark"] .propina-container .propina-btn--no {
  background: #f3f3f3 !important;
  border-color: #777 !important;
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}
html[data-theme="dark"] .propina-container .propina-btn--no.propina-btn--activo {
  background: #444 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html[data-theme="dark"] .propina-container .propina-input-custom,
html[data-theme="dark"] .propina-container input {
  background: #fff !important;
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
  border-color: #fe1e78 !important;
}
/* Mantener legibles los campos, opciones y textos del formulario checkout. */
html[data-theme="dark"] :is(.checkout,.checkout-container,.form-checkout,.pedido-container) :is(input,textarea,select) {
  background: #fff !important;
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}
html[data-theme="dark"] :is(.checkout,.checkout-container,.form-checkout,.pedido-container) :is(label,p,h1,h2,h3,h4,span,strong,small) {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}
/* La barra de créditos tenía 85px de padding inferior en móvil: eliminar ese hueco. */
@media (max-width: 900px) {
  .credits-bar {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 12px 10px 12px !important;
  }
}
@media (max-width: 767px) {
  footer, .footer, .footer-container, .footerContent, .credits-bar {
    min-height: 0 !important;
    margin-bottom: 0 !important;
  }
  .FooterContain { padding-bottom: 12px !important; }
}

/* SOCIOS FOOD V52 — ÚNICAMENTE los cinco ajustes de texto solicitados. */
/* 1. Categoría dentro del detalle del producto: blanco en modo oscuro. */
html[data-theme="dark"] .detail .categoriSection,
html[data-theme="dark"] .detail-contain .categoriSection,
html[data-theme="dark"] .producto-detalle .categoriSection,
html[data-theme="dark"] .pageDetail .categoriSection,
body[data-theme="dark"] .detail .categoriSection,
body[data-theme="dark"] .detail-contain .categoriSection,
body[data-theme="dark"] .producto-detalle .categoriSection,
body[data-theme="dark"] .pageDetail .categoriSection,
[data-theme="dark"] .detail .categoriSection,
[data-theme="dark"] .detail-contain .categoriSection,
[data-theme="dark"] .producto-detalle .categoriSection,
[data-theme="dark"] .pageDetail .categoriSection {
  color: #fff !important; -webkit-text-fill-color: #fff !important; opacity: 1 !important;
}
/* 2. Horarios: los días que no son el activo y todos sus textos en blanco. */
html[data-theme="dark"] .modal-horarios .horarioItem:not(.diaActual),
body[data-theme="dark"] .modal-horarios .horarioItem:not(.diaActual),
[data-theme="dark"] .modal-horarios .horarioItem:not(.diaActual) {
  color: #fff !important;
}
html[data-theme="dark"] .modal-horarios .horarioItem:not(.diaActual) *,
body[data-theme="dark"] .modal-horarios .horarioItem:not(.diaActual) *,
[data-theme="dark"] .modal-horarios .horarioItem:not(.diaActual) * {
  color: #fff !important; -webkit-text-fill-color: #fff !important; opacity: 1 !important;
}
/* 3. Aplicar cupón: el botón deshabilitado negro mantiene texto blanco visible. */
html[data-theme="dark"] .btn-aplicar-cupon,
body[data-theme="dark"] .btn-aplicar-cupon,
[data-theme="dark"] .btn-aplicar-cupon {
  color: #fff !important; -webkit-text-fill-color: #fff !important;
}
/* 4. Login de administrador: texto y placeholder negros sobre fondo claro. */
html[data-theme="dark"] .formContain input,
body[data-theme="dark"] .formContain input,
[data-theme="dark"] .formContain input {
  color: #000 !important; -webkit-text-fill-color: #000 !important;
}
html[data-theme="dark"] .formContain input::placeholder,
body[data-theme="dark"] .formContain input::placeholder,
[data-theme="dark"] .formContain input::placeholder {
  color: #000 !important; -webkit-text-fill-color: #000 !important; opacity: 1 !important;
}
/* 5. Menú del administrador: textos de opciones no activas en blanco. */
html[data-theme="dark"] .navbarDashboard a:not(.active):not(.tabActiva),
html[data-theme="dark"] .navbarDashboard button:not(.active):not(.tabActiva),
html[data-theme="dark"] .navbarDashboard a:not(.active):not(.tabActiva) *,
html[data-theme="dark"] .navbarDashboard button:not(.active):not(.tabActiva) *,
body[data-theme="dark"] .navbarDashboard a:not(.active):not(.tabActiva),
body[data-theme="dark"] .navbarDashboard button:not(.active):not(.tabActiva),
body[data-theme="dark"] .navbarDashboard a:not(.active):not(.tabActiva) *,
body[data-theme="dark"] .navbarDashboard button:not(.active):not(.tabActiva) *,
[data-theme="dark"] .navbarDashboard a:not(.active):not(.tabActiva),
[data-theme="dark"] .navbarDashboard button:not(.active):not(.tabActiva),
[data-theme="dark"] .navbarDashboard a:not(.active):not(.tabActiva) *,
[data-theme="dark"] .navbarDashboard button:not(.active):not(.tabActiva) * {
  color: #fff !important; -webkit-text-fill-color: #fff !important; opacity: 1 !important;
}


/* V54: únicamente contraste en modo oscuro y ocultar logo duplicado en Diseño. */
html[data-theme="dark"] .reportsHeader h1,
html[data-theme="dark"] .reportsHeader h2,
html[data-theme="dark"] .reportsHeader h3,
html[data-theme="dark"] .reportsContainer > h1,
html[data-theme="dark"] .reportsContainer > h2,
html[data-theme="dark"] .reportsContainer > h3,
html[data-theme="dark"] .containerSection > h1,
html[data-theme="dark"] .containerSection > h2,
html[data-theme="dark"] .containerSection > h3,
html[data-theme="dark"] .containerSection .dashboardTitle,
html[data-theme="dark"] .containerSection .sectionTitle {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html[data-theme="dark"] .containerSection svg,
html[data-theme="dark"] .containerSection i,
html[data-theme="dark"] .reportsContainer svg,
html[data-theme="dark"] .reportsContainer i {
  color: #fff !important;
  fill: currentColor;
}
/* Botones de periodo inactivos sobre tarjeta clara: conservan fondo oscuro, texto blanco. */
html[data-theme="dark"] .presetBtn:not(.active),
body[data-theme="dark"] .presetBtn:not(.active) {
  background-color: #292929 !important;
  border-color: #444 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html[data-theme="dark"] .presetBtn:not(.active) *,
body[data-theme="dark"] .presetBtn:not(.active) * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
/* Horarios: refuerzo de contraste para todos los textos de días no activos. */
html[data-theme="dark"] .modal-horarios .horarioItem:not(.horarioItemActual):not(.diaActual),
html[data-theme="dark"] .modal-horarios .horarioItem:not(.horarioItemActual):not(.diaActual) *,
html[data-theme="dark"] .modal-horarios .horarioRow:not(.activo),
html[data-theme="dark"] .modal-horarios .horarioRow:not(.activo) *,
html[data-theme="dark"] .modal-horarios .horarioDiaLabel,
html[data-theme="dark"] .modal-horarios .horarioRango,
html[data-theme="dark"] .modal-horarios .horarioRango * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .modal-horarios .horarioItemActual,
html[data-theme="dark"] .modal-horarios .horarioItemActual *,
html[data-theme="dark"] .modal-horarios .diaActual,
html[data-theme="dark"] .modal-horarios .diaActual * {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}
/* Checkout: botones Aplicar y sus iconos/textos blancos incluso deshabilitados. */
html[data-theme="dark"] .btn-aplicar-cupon,
html[data-theme="dark"] .btn-aplicar-cupon:disabled,
html[data-theme="dark"] .btn-aplicar-cupon *,
body[data-theme="dark"] .btn-aplicar-cupon,
body[data-theme="dark"] .btn-aplicar-cupon:disabled {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}


/* SOCIOS FOOD V55: corrección puntual de contraste en días no activos del modal de horarios. */
[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual),
[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) *,
[data-theme="dark"] .modal-horarios .horarioItem:not(.diaActual),
[data-theme="dark"] .modal-horarios .horarioItem:not(.diaActual) *,
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) *,
html[data-theme="dark"] .horariosLista .horarioItem:not(.diaActual) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
/* El día activo conserva texto oscuro sobre su fondo claro. */
[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.diaActual,
[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.diaActual *,
html[data-theme="dark"] .horariosLista .horarioItem.diaActual,
html[data-theme="dark"] .horariosLista .horarioItem.diaActual * {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}


/* SOCIOS FOOD V56: contraste efectivo para días no activos del modal de horarios.
   La clase real es .horarioItem.cerrado; evitar que la opacidad del contenedor oscurezca el texto. */
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.cerrado:not(.diaActual),
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.cerrado:not(.diaActual) .horarioDiaLabel,
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.cerrado:not(.diaActual) .horarioDiaLabel *,
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.cerrado:not(.diaActual) .horarioHoras,
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.cerrado:not(.diaActual) .horarioHoras *,
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.cerrado:not(.diaActual) .textoCerrado,
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.cerrado:not(.diaActual) svg,
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.cerrado:not(.diaActual) i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  fill: #ffffff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.cerrado:not(.diaActual) {
  opacity: 1 !important;
}


/* SOCIOS FOOD V57 — correcciones específicas solicitadas; no altera diseño ni lógica. */
/* Horarios: los días que no son el activo siempre muestran texto/iconos blancos en fondos oscuros,
   incluso si el tema no está marcado en html/body por el navegador o por la PWA. */
.modal-horarios .horariosLista .horarioItem:not(.diaActual):not(.horarioItemActual),
.modal-horarios .horariosLista .horarioItem:not(.diaActual):not(.horarioItemActual) *,
.modal-horarios .horarioItem:not(.diaActual):not(.horarioItemActual),
.modal-horarios .horarioItem:not(.diaActual):not(.horarioItemActual) *,
.horariosLista .horarioItem.cerrado:not(.diaActual),
.horariosLista .horarioItem.cerrado:not(.diaActual) * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
/* El día activo conserva texto oscuro sobre el fondo rosa claro. */
.modal-horarios .horariosLista .horarioItem.diaActual,
.modal-horarios .horariosLista .horarioItem.diaActual *,
.modal-horarios .horarioItem.horarioItemActual,
.modal-horarios .horarioItem.horarioItemActual * {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
  opacity: 1 !important;
}
/* Cupón: texto e iconos de Aplicar blancos, también cuando el botón está deshabilitado y es negro. */
.btn-aplicar-cupon,
.btn-aplicar-cupon:disabled,
.btn-aplicar-cupon *,
button.btn-aplicar-cupon,
button.btn-aplicar-cupon:disabled {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
/* La barra inferior móvil debe permanecer fija y por encima del contenido. */
@media (max-width: 900px) {
  .mobile-nav {
    display: flex !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 100000 !important;
    visibility: visible !important;
    transform: none !important;
  }
  body, #root, .main-wrapper {
    padding-bottom: max(78px, calc(70px + env(safe-area-inset-bottom))) !important;
  }
}
/* No mostrar la pantalla intermedia con el logo del loader. */
.splash-loader-overlay,
#splash-loader-overlay,
.splash-loader,
#splash-loader {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}


/* SOCIOS FOOD V64 — ajustes puntuales solicitados sobre la base V57.
   En modo oscuro, usar tarjetas blancas con texto negro en los cuatro componentes indicados. */
/* Horarios: días no activos/cerrados: fondo blanco y texto negro. El día activo no cambia. */
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.cerrado:not(.diaActual),
body[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.cerrado:not(.diaActual),
[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.cerrado:not(.diaActual) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #111111 !important;
  border-color: #e5e5e5 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.cerrado:not(.diaActual) *,
body[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.cerrado:not(.diaActual) *,
[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.cerrado:not(.diaActual) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  fill: #ffffff !important;
  opacity: 1 !important;
}
/* Menú lateral del administrador: fondo blanco y textos/iconos negros. */
.sidebar,
.sidebar .sidebar-item,
.sidebar a,
.sidebar button,
.sidebar nav,
.sidebar .nav-link,
.sidebar .menu-item {
  background-color: #ffffff !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}
.sidebar .sidebar-item svg,
.sidebar .sidebar-item i,
.sidebar a svg,
.sidebar button svg,
.sidebar .nav-link svg,
.sidebar .menu-item svg {
  color: #111111 !important;
  fill: currentColor !important;
}
.sidebar .sidebar-item span,
.sidebar a span,
.sidebar button span,
.sidebar .nav-link span,
.sidebar .menu-item span {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}
/* Aplicar cupón: fondo blanco y texto negro incluso si el botón está deshabilitado. */
.btn-aplicar-cupon,
button.btn-aplicar-cupon,
.btn-aplicar-cupon:disabled,
button.btn-aplicar-cupon:disabled,
.btn-aplicar-cupon *,
button.btn-aplicar-cupon * {
  background-color: #ffffff !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  border-color: #d0d0d0 !important;
  opacity: 1 !important;
}
/* Opción para rechazar propina: fondo blanco y texto negro. */
.propina-btn--no,
button.propina-btn--no,
.propina-btn--no *,
button.propina-btn--no * {
  background-color: #ffffff !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  border-color: #e72991 !important;
  opacity: 1 !important;
}


/* V66: correccion puntual de horarios SOLO en modo oscuro.
   Dias no activos: fondo negro y texto/iconos blancos.
   Dia activo (.diaActual): conserva el fondo rosa y texto oscuro.
   No modifica carrito, modo claro ni barra inferior. */
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual),
body[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual),
[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) *,
body[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) *,
[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  fill: #ffffff !important;
  opacity: 1 !important;
}
/* Dia activo: texto oscuro sobre el fondo rosa existente. */
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.diaActual *,
body[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.diaActual *,
[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.diaActual * {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
  fill: currentColor !important;
}


/* V67: contraste de horarios en ambos temas. Solo afecta al modal de horarios. */
html[data-theme="light"] .modal-horarios .horariosLista .horarioItem:not(.diaActual),
body[data-theme="light"] .modal-horarios .horariosLista .horarioItem:not(.diaActual),
[data-theme="light"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) {
  background-color: #f4f4f4 !important;
  color: #222222 !important;
  opacity: 1 !important;
}
html[data-theme="light"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) *,
body[data-theme="light"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) *,
[data-theme="light"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) * {
  color: #222222 !important;
  -webkit-text-fill-color: #222222 !important;
  fill: #222222 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual),
body[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual),
[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) {
  background-color: #252525 !important;
  color: #ffffff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) *,
body[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) *,
[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  fill: #ffffff !important;
  opacity: 1 !important;
}
/* El día actual conserva su estilo rosado y texto oscuro en ambos temas. */
html[data-theme="light"] .modal-horarios .horariosLista .horarioItem.diaActual *,
body[data-theme="light"] .modal-horarios .horariosLista .horarioItem.diaActual *,
[data-theme="light"] .modal-horarios .horariosLista .horarioItem.diaActual *,
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.diaActual *,
body[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.diaActual *,
[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.diaActual * {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}

/* V68: corrección final y aislada del contraste de horarios.
   Solo afecta las tarjetas dentro del modal de horarios. */
html[data-theme="light"] .modal-horarios .horariosLista .horarioItem:not(.diaActual),
html[data-theme="light"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) *,
body[data-theme="light"] .modal-horarios .horariosLista .horarioItem:not(.diaActual),
body[data-theme="light"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) *,
html[data-theme="light"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) :is(span,p,strong,b,i,small,div),
html[data-theme="light"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) svg {
  color: #222222 !important;
  -webkit-text-fill-color: #222222 !important;
  fill: #222222 !important;
  opacity: 1 !important;
}
html[data-theme="light"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) {
  background: #f4f4f4 !important;
}
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual),
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) *,
body[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual),
body[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) *,
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) :is(span,p,strong,b,i,small,div),
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) svg {
  background-color: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  fill: #ffffff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) {
  background: #252525 !important;
}
/* El día de hoy mantiene su tarjeta rosada y texto oscuro en ambos temas. */
html[data-theme="light"] .modal-horarios .horariosLista .horarioItem.diaActual,
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.diaActual {
  background: #fce7f3 !important;
}
html[data-theme="light"] .modal-horarios .horariosLista .horarioItem.diaActual *,
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.diaActual * {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}


/* V71: ÚNICO AJUSTE — texto blanco en días no activos del modal de horarios en modo oscuro.
   No cambia fondos, día activo, modo claro, carrito ni navegación. */
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual):not(.horarioItemActual) :is(.horarioDiaLabel,.horarioDia,.horarioHoras,.horarioHoras span,.textoCerrado,p,span,strong,b,small),
body[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual):not(.horarioItemActual) :is(.horarioDiaLabel,.horarioDia,.horarioHoras,.horarioHoras span,.textoCerrado,p,span,strong,b,small),
[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual):not(.horarioItemActual) :is(.horarioDiaLabel,.horarioDia,.horarioHoras,.horarioHoras span,.textoCerrado,p,span,strong,b,small) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}


/* V72: corrección exclusiva de contraste del texto de días no actuales en el modal de horarios. */
html[data-theme="dark"] body .modal-horarios .horariosLista .horarioItem:not(.diaActual) *,
body[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) *,
[data-theme="dark"] body .modal-horarios .horariosLista .horarioItem:not(.diaActual) * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body .modal-horarios .horariosLista .horarioItem.diaActual *,
body[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.diaActual *,
[data-theme="dark"] body .modal-horarios .horariosLista .horarioItem.diaActual * {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}

/* V74: contraste de horarios, limitado al modo oscuro. */
html[data-theme="dark"] .modal-horarios .horarioItem:not(.diaActual) .horarioDiaLabel,
html[data-theme="dark"] .modal-horarios .horarioItem:not(.diaActual) .horarioHoras,
html[data-theme="dark"] .modal-horarios .horarioItem:not(.diaActual) .horarioHoras *,
html[data-theme="dark"] .modal-horarios .horarioItem:not(.diaActual) .horarioDiaLabel * { color:#fff !important; -webkit-text-fill-color:#fff !important; opacity:1 !important; }
html[data-theme="dark"] .modal-horarios .horarioItem:not(.diaActual) {opacity:1 !important;}
/* V74: banner de cookies por encima de los cuatro accesos móviles, sin mover la navegación. */
@media (max-width:899px) {
  .cookies-banner-wrapper {bottom:calc(76px + env(safe-area-inset-bottom, 0px)) !important; max-height:calc(100dvh - 100px); overflow-y:auto;}
}


/* V75: fix exclusivo de contraste de días cerrados en horario oscuro.
   El componente real genera .horarioItem.cerrado y .diaActual; no modificar carrito/productos. */
html[data-theme="dark"] .modal-horarios .modalHorariosContainer .horariosLista .horarioItem.cerrado:not(.diaActual) .horarioDiaLabel,
html[data-theme="dark"] .modal-horarios .modalHorariosContainer .horariosLista .horarioItem.cerrado:not(.diaActual) .horarioHoras,
html[data-theme="dark"] .modal-horarios .modalHorariosContainer .horariosLista .horarioItem.cerrado:not(.diaActual) .horarioHoras span,
html[data-theme="dark"] .modal-horarios .modalHorariosContainer .horariosLista .horarioItem.cerrado:not(.diaActual) .textoCerrado {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .modal-horarios .modalHorariosContainer .horariosLista .horarioItem.cerrado:not(.diaActual) .horarioDiaLabel * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


/* V76 — corrección aislada de contraste para horarios y carrito en modo oscuro.
   No afecta el modo claro ni cambia la lógica de productos/carrito. */
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual),
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.cerrado:not(.diaActual) {
  background-color: #111111 !important;
  background-image: none !important;
}
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) .horarioDiaLabel,
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) .horarioHoras,
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) .horarioHoras *,
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) .horarioDiaLabel *,
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) .textoCerrado {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.diaActual {
  background-color: #fce7f3 !important;
}
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.diaActual,
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.diaActual * {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}

/* Restaurar superficies oscuras del carrito; las reglas antiguas V47/V48 las forzaban a blanco. */
html[data-theme="dark"] .modal-cart,
html[data-theme="dark"] .modal-cart .modal-content-cart,
html[data-theme="dark"] .modal-cart .cardProductCart,
html[data-theme="dark"] .modal-cart .modal-send-form,
html[data-theme="dark"] .modal-cart .modal-send-form > div,
html[data-theme="dark"] .modal-cart .modal-send-form > section,
html[data-theme="dark"] .modal-cart .deFLexBtns,
html[data-theme="dark"] .modal-cart .deFLexBtns + div {
  background-color: #111111 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #3a3a3a !important;
}
html[data-theme="dark"] .modal-cart :is(h1,h2,h3,h4,h5,h6,p,span,label,strong,b,small,a,li,legend),
html[data-theme="dark"] .modal-cart .cardProductCartText :is(*),
html[data-theme="dark"] .modal-cart .totalCart :is(*) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="dark"] .modal-cart :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select) {
  background-color: #222222 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #666666 !important;
}
html[data-theme="dark"] .modal-cart :is(input,textarea)::placeholder {
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
}
html[data-theme="dark"] .modal-cart button.btnWpp,
html[data-theme="dark"] .modal-cart button[class*="finalizar"],
html[data-theme="dark"] .modal-cart button[class*="Finalizar"] {
  background-color: #09c451 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


/* V77: contraste final aislado para los elementos reales del modal de horarios. */
html[data-theme="dark"] .modal-horarios .horarioItem.cerrado:not(.diaActual),
body[data-theme="dark"] .modal-horarios .horarioItem.cerrado:not(.diaActual),
[data-theme="dark"] .modal-horarios .horarioItem.cerrado:not(.diaActual) {
  background: #111111 !important;
  background-color: #111111 !important;
}
html[data-theme="dark"] .modal-horarios .horarioItem.cerrado:not(.diaActual) *,
body[data-theme="dark"] .modal-horarios .horarioItem.cerrado:not(.diaActual) *,
[data-theme="dark"] .modal-horarios .horarioItem.cerrado:not(.diaActual) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  fill: #ffffff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .modal-horarios .horarioItem.diaActual,
body[data-theme="dark"] .modal-horarios .horarioItem.diaActual,
[data-theme="dark"] .modal-horarios .horarioItem.diaActual {
  background: #fce7f3 !important;
  background-color: #fce7f3 !important;
}
html[data-theme="dark"] .modal-horarios .horarioItem.diaActual *,
body[data-theme="dark"] .modal-horarios .horarioItem.diaActual *,
[data-theme="dark"] .modal-horarios .horarioItem.diaActual * {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
  fill: #171717 !important;
  opacity: 1 !important;
}
/* Carrito: superficies y textos legibles sin alterar botones funcionales. */
html[data-theme="dark"] .modal-cart,
html[data-theme="dark"] .modal-cart .modal-content-cart,
html[data-theme="dark"] .modal-cart .cardProductCart,
html[data-theme="dark"] .modal-cart .modal-send-form,
html[data-theme="dark"] .modal-cart .totalCart,
body[data-theme="dark"] .modal-cart,
body[data-theme="dark"] .modal-cart .modal-content-cart,
body[data-theme="dark"] .modal-cart .cardProductCart,
body[data-theme="dark"] .modal-cart .modal-send-form,
body[data-theme="dark"] .modal-cart .totalCart {
  background-color: #222222 !important;
  color: #ffffff !important;
  border-color: #454545 !important;
}
html[data-theme="dark"] .modal-cart :is(h1,h2,h3,h4,h5,h6,p,span,label,strong,b,small,a,li,legend),
body[data-theme="dark"] .modal-cart :is(h1,h2,h3,h4,h5,h6,p,span,label,strong,b,small,a,li,legend) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="dark"] .modal-cart :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select),
body[data-theme="dark"] .modal-cart :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select) {
  background-color: #171717 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #666666 !important;
}
html[data-theme="dark"] .modal-cart :is(input,textarea)::placeholder,
body[data-theme="dark"] .modal-cart :is(input,textarea)::placeholder {
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
}
html[data-theme="dark"] .modal-cart .propina-btn--no,
html[data-theme="dark"] .modal-cart .propina-btn--no *,
body[data-theme="dark"] .modal-cart .propina-btn--no,
body[data-theme="dark"] .modal-cart .propina-btn--no * {
  background-color: #ffffff !important;
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}


/* V78: único ajuste solicitado: texto blanco en días no activos del horario oscuro. */
html[data-theme="dark"] body .modal-horarios .horarioItem:not(.diaActual):not(.horarioItemActual) *,
html[data-theme="dark"] .modal-horarios .horarioItem:not(.diaActual):not(.horarioItemActual) *,
body[data-theme="dark"] .modal-horarios .horarioItem:not(.diaActual):not(.horarioItemActual) *,
[data-theme="dark"] .modal-horarios .horarioItem:not(.diaActual):not(.horarioItemActual) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}


/* V80: corrección de contraste limitada al modo oscuro. Selectores sin depender
   del contenedor modal, porque la estructura renderizada puede variar entre vistas. */
html[data-theme="dark"] .horarioItem:not(.diaActual):not(.horarioItemActual),
html[data-theme="dark"] .horarioItem.cerrado:not(.diaActual),
html[data-theme="dark"] .horarioItem:not(.diaActual):not(.horarioItemActual) *,
html[data-theme="dark"] .horarioItem.cerrado:not(.diaActual) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .horarioItem:not(.diaActual):not(.horarioItemActual),
html[data-theme="dark"] .horarioItem.cerrado:not(.diaActual) {
  background-color: #111111 !important;
  background-image: none !important;
}
html[data-theme="dark"] .horarioItem.diaActual,
html[data-theme="dark"] .horarioItem.diaActual * {
  background-color: #fce7f3 !important;
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}

/* Carrito en oscuro: aplicar contraste a los componentes reales sin exigir .modal-cart. */
html[data-theme="dark"] .cardProductCart,
html[data-theme="dark"] .modal-content-cart,
html[data-theme="dark"] .modal-send-form,
html[data-theme="dark"] .totalCart,
html[data-theme="dark"] .cardProductCartText,
html[data-theme="dark"] .cardProductCartText *,
html[data-theme="dark"] .totalCart *,
html[data-theme="dark"] .modal-content-cart :is(h1,h2,h3,h4,h5,h6,p,span,label,strong,b,small,a,li,legend),
html[data-theme="dark"] .modal-send-form :is(label,p,span,strong,b,small,legend) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="dark"] .cardProductCart,
html[data-theme="dark"] .modal-content-cart,
html[data-theme="dark"] .modal-send-form,
html[data-theme="dark"] .totalCart {
  background-color: #222222 !important;
  border-color: #454545 !important;
}
html[data-theme="dark"] .modal-send-form input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] .modal-send-form textarea,
html[data-theme="dark"] .modal-send-form select {
  background-color: #171717 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #666666 !important;
}
html[data-theme="dark"] .modal-send-form input::placeholder,
html[data-theme="dark"] .modal-send-form textarea::placeholder {
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
}
html[data-theme="dark"] .propina-btn--no,
html[data-theme="dark"] .propina-btn--no * {
  background-color: #ffffff !important;
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}


/* V81: correcciones puntuales solicitadas, solo en tema oscuro. */
html[data-theme="dark"] .horarioItem:not(.diaActual) .horarioDiaLabel,
html[data-theme="dark"] .horarioItem:not(.diaActual) .horarioHoras,
html[data-theme="dark"] .horarioItem:not(.diaActual) .horarioHoras span,
html[data-theme="dark"] .horarioItem:not(.diaActual) .textoCerrado,
[data-theme="dark"] .horarioItem:not(.diaActual) .horarioDiaLabel,
[data-theme="dark"] .horarioItem:not(.diaActual) .horarioHoras,
[data-theme="dark"] .horarioItem:not(.diaActual) .horarioHoras span,
[data-theme="dark"] .horarioItem:not(.diaActual) .textoCerrado {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
/* El icono de favoritos usa el color primario de la marca. */
.favoritos-btn, .favoritos-btn svg, .favoritos-btn i,
.favorites-btn, .favorites-btn svg, .favorites-btn i,
.btnFavoritos, .btnFavoritos svg, .btnFavoritos i,
#btnFavoritos, #btnFavoritos svg, #btnFavoritos i,
.favorite-btn, .favorite-btn svg, .favorite-btn i {
  color: var(--color1, #fe1e78) !important;
  fill: var(--color1, #fe1e78) !important;
}


/* V82: selector basado en el DOM real de horarios (horarioItem/cerrado).
   Solo tema oscuro. El día actual rosado conserva su texto oscuro. */
html[data-theme="dark"] .horariosLista .horarioItem.cerrado .horarioDiaLabel,
html[data-theme="dark"] .horariosLista .horarioItem.cerrado .horarioDiaLabel *,
html[data-theme="dark"] .horariosLista .horarioItem.cerrado .horarioHoras,
html[data-theme="dark"] .horariosLista .horarioItem.cerrado .horarioHoras *,
html[data-theme="dark"] .horariosLista .horarioItem.cerrado .textoCerrado {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html[data-theme="dark"] .horariosLista .horarioItem.cerrado {
  background-color: #111111 !important;
}
html[data-theme="dark"] .horariosLista .horarioItem.diaActual,
html[data-theme="dark"] .horariosLista .horarioItem.diaActual .horarioDiaLabel,
html[data-theme="dark"] .horariosLista .horarioItem.diaActual .horarioHoras,
html[data-theme="dark"] .horariosLista .horarioItem.diaActual .horarioDiaLabel * {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}
/* Favoritos: rosa primario, también frente a color inline del icono. */
html[data-theme="dark"] .favoritos-btn,
html[data-theme="dark"] .favoritos-btn svg,
html[data-theme="dark"] .favoritos-btn i {
  color: #fe1e78 !important;
  fill: #fe1e78 !important;
  stroke: #fe1e78 !important;
}

/* V84 — contraste del carrito SOLO en tema oscuro.
   Se cubren los tres posibles nodos que guardan data-theme (html/body/contenedor),
   porque el carrito se monta como panel lateral fuera del contenido principal. */
html[data-theme="dark"] .modal-cart,
html[data-theme="dark"] .modal-cart *,
body[data-theme="dark"] .modal-cart,
body[data-theme="dark"] .modal-cart *,
[data-theme="dark"] .modal-cart,
[data-theme="dark"] .modal-cart *,
html[data-theme="dark"] .modal-content-cart,
html[data-theme="dark"] .modal-content-cart *,
body[data-theme="dark"] .modal-content-cart,
body[data-theme="dark"] .modal-content-cart *,
[data-theme="dark"] .modal-content-cart,
[data-theme="dark"] .modal-content-cart *,
html[data-theme="dark"] .cardProductCart,
html[data-theme="dark"] .cardProductCart *,
body[data-theme="dark"] .cardProductCart,
body[data-theme="dark"] .cardProductCart *,
[data-theme="dark"] .cardProductCart,
[data-theme="dark"] .cardProductCart *,
html[data-theme="dark"] .modal-send-form,
html[data-theme="dark"] .modal-send-form *,
body[data-theme="dark"] .modal-send-form,
body[data-theme="dark"] .modal-send-form *,
[data-theme="dark"] .modal-send-form,
[data-theme="dark"] .modal-send-form *,
html[data-theme="dark"] .totalCart,
html[data-theme="dark"] .totalCart *,
body[data-theme="dark"] .totalCart,
body[data-theme="dark"] .totalCart *,
[data-theme="dark"] .totalCart,
[data-theme="dark"] .totalCart * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="dark"] .modal-cart,
html[data-theme="dark"] .modal-content-cart,
html[data-theme="dark"] .cardProductCart,
html[data-theme="dark"] .modal-send-form,
html[data-theme="dark"] .totalCart,
body[data-theme="dark"] .modal-cart,
body[data-theme="dark"] .modal-content-cart,
body[data-theme="dark"] .cardProductCart,
body[data-theme="dark"] .modal-send-form,
body[data-theme="dark"] .totalCart,
[data-theme="dark"] .modal-cart,
[data-theme="dark"] .modal-content-cart,
[data-theme="dark"] .cardProductCart,
[data-theme="dark"] .modal-send-form,
[data-theme="dark"] .totalCart {
  background-color: #222222 !important;
  border-color: #454545 !important;
}
html[data-theme="dark"] .modal-cart input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] .modal-cart textarea,
html[data-theme="dark"] .modal-cart select,
body[data-theme="dark"] .modal-cart input:not([type="checkbox"]):not([type="radio"]),
body[data-theme="dark"] .modal-cart textarea,
body[data-theme="dark"] .modal-cart select,
[data-theme="dark"] .modal-cart input:not([type="checkbox"]):not([type="radio"]),
[data-theme="dark"] .modal-cart textarea,
[data-theme="dark"] .modal-cart select,
html[data-theme="dark"] .modal-send-form input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] .modal-send-form textarea,
html[data-theme="dark"] .modal-send-form select,
body[data-theme="dark"] .modal-send-form input:not([type="checkbox"]):not([type="radio"]),
body[data-theme="dark"] .modal-send-form textarea,
body[data-theme="dark"] .modal-send-form select,
[data-theme="dark"] .modal-send-form input:not([type="checkbox"]):not([type="radio"]),
[data-theme="dark"] .modal-send-form textarea,
[data-theme="dark"] .modal-send-form select {
  background-color: #171717 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #666666 !important;
}
html[data-theme="dark"] .propina-btn--no,
html[data-theme="dark"] .propina-btn--no *,
body[data-theme="dark"] .propina-btn--no,
body[data-theme="dark"] .propina-btn--no *,
[data-theme="dark"] .propina-btn--no,
[data-theme="dark"] .propina-btn--no * {
  background-color: #ffffff !important;
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}
html[data-theme="dark"] .modal-cart button.btnWpp,
html[data-theme="dark"] .modal-cart button[class*="finalizar"],
html[data-theme="dark"] .modal-cart button[class*="Finalizar"],
body[data-theme="dark"] .modal-cart button.btnWpp,
body[data-theme="dark"] .modal-cart button[class*="finalizar"],
body[data-theme="dark"] .modal-cart button[class*="Finalizar"],
[data-theme="dark"] .modal-cart button.btnWpp,
[data-theme="dark"] .modal-cart button[class*="finalizar"],
[data-theme="dark"] .modal-cart button[class*="Finalizar"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


/* V85: aviso inicial de política de cookies, contraste en ambos temas.
   Solo afecta el banner de cookies; conserva la lógica y el resto de la interfaz. */
.cookies-banner-wrapper {
  background: #ffffff !important;
  color: #171717 !important;
  border: 1px solid #e5e7eb !important;
  border-top: 3px solid #fe1e78 !important;
  box-shadow: 0 -8px 28px rgba(0,0,0,.18) !important;
  padding: 16px 24px !important;
  padding-bottom: max(16px, env(safe-area-inset-bottom, 0px)) !important;
}
.cookies-banner-wrapper .cookies-text {
  color: #171717 !important;
  line-height: 1.55 !important;
}
.cookies-banner-wrapper .cookies-buttons { gap: 10px !important; }
.cookies-banner-wrapper .cookies-btn {
  min-height: 44px !important;
  border: 1px solid #fe1e78 !important;
  border-radius: 9px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  background: #fe1e78 !important;
  text-decoration: none !important;
}
.cookies-banner-wrapper .cookies-btn.btn-ver {
  color: #a81050 !important;
  background: #ffffff !important;
  border-color: #a81050 !important;
}
.cookies-banner-wrapper .cookies-btn.btn-aceptar {
  color: #ffffff !important;
  background: #fe1e78 !important;
}
[data-theme="dark"] .cookies-banner-wrapper {
  background: #171717 !important;
  color: #f5f5f5 !important;
  border-color: #393939 !important;
  border-top-color: #fe1e78 !important;
  box-shadow: 0 -8px 28px rgba(0,0,0,.55) !important;
}
[data-theme="dark"] .cookies-banner-wrapper .cookies-text {
  color: #f5f5f5 !important;
}
[data-theme="dark"] .cookies-banner-wrapper .cookies-btn.btn-ver {
  color: #ffffff !important;
  background: #292929 !important;
  border-color: #f472b6 !important;
}
[data-theme="dark"] .cookies-banner-wrapper .cookies-btn.btn-aceptar {
  color: #ffffff !important;
  background: #fe1e78 !important;
  border-color: #fe1e78 !important;
}
@media (max-width: 768px) {
  .cookies-banner-wrapper {
    padding: 14px 16px max(14px, env(safe-area-inset-bottom, 0px)) !important;
    max-width: 100vw !important;
  }
  .cookies-banner-content { gap: 12px !important; width: 100% !important; }
  .cookies-banner-wrapper .cookies-text { font-size: 13.5px !important; }
  .cookies-banner-wrapper .cookies-buttons { width: 100% !important; gap: 10px !important; }
  .cookies-banner-wrapper .cookies-btn { flex: 1 1 0 !important; min-width: 0 !important; max-width: 180px !important; padding: 11px 12px !important; }
}
@media (max-width: 899px) {
  .cookies-banner-wrapper {
    bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
    max-height: calc(100dvh - 100px) !important;
    overflow-y: auto !important;
  }
}


/* V86 — contraste real en modo oscuro para Política de cookies y categoría del detalle del producto.
   Solo estilos: no modifica JavaScript, datos ni reglas de interacción/responsive. */
html[data-theme="dark"] .politica-container {
  background-color: #121212 !important;
  color: #f5f5f5 !important;
}
html[data-theme="dark"] .politica-card {
  background-color: #1e1e1e !important;
  color: #f5f5f5 !important;
  border-color: #3a3a3a !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.65) !important;
}
html[data-theme="dark"] .politica-card .politica-header h1,
html[data-theme="dark"] .politica-card .definition-item h3,
html[data-theme="dark"] .politica-card .cookie-type-card h4 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .politica-card .politica-section p,
html[data-theme="dark"] .politica-card .definition-item p,
html[data-theme="dark"] .politica-card .cookie-type-card p,
html[data-theme="dark"] .politica-card .politica-intro,
html[data-theme="dark"] .politica-card .politica-intro strong {
  color: #eeeeee !important;
  -webkit-text-fill-color: #eeeeee !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .politica-card .politica-intro {
  background: #30202a !important;
  border-left-color: #fe1e78 !important;
}
html[data-theme="dark"] .politica-card .politica-section h2 {
  color: #ff5ba0 !important;
  -webkit-text-fill-color: #ff5ba0 !important;
}
html[data-theme="dark"] .politica-card .definition-item,
html[data-theme="dark"] .politica-card .cookie-type-card {
  background: #262626 !important;
  border-color: #414141 !important;
}
html[data-theme="dark"] .politica-card .politica-back-btn {
  color: #ff5ba0 !important;
  -webkit-text-fill-color: #ff5ba0 !important;
  border-color: #ff5ba0 !important;
}

/* La categoría situada junto al título dentro de la ficha individual del producto. */
html[data-theme="dark"] .detail-contain .deFLexBuet,
html[data-theme="dark"] .detail-contain .deFLexBuet h4,
html[data-theme="dark"] .detail-contain .deFLexBuet h4 *,
html[data-theme="dark"] .pageDetail .detail-contain .deFLexBuet,
html[data-theme="dark"] .pageDetail .detail-contain .deFLexBuet h4,
html[data-theme="dark"] .pageDetail .detail-contain .deFLexBuet h4 * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .detail-contain .deFLexBuet svg,
html[data-theme="dark"] .detail-contain .deFLexBuet i {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}


/* V87 — contraste específico para carrito, checkout, favoritos, horarios y testimonios.
   Solo CSS. No altera lógica de pedidos, cantidades, pagos, favoritos ni diseño responsive. */

/* 1) Carrito: en tema oscuro, todo el texto del producto y resumen es legible. */
html[data-theme="dark"] .modal-cart .cardProductCartText,
html[data-theme="dark"] .modal-cart .cardProductCartText h3,
html[data-theme="dark"] .modal-cart .cardProductCartText span,
html[data-theme="dark"] .modal-cart .cardProductCartText strong,
html[data-theme="dark"] .modal-cart .cardProductCartText p,
html[data-theme="dark"] .modal-cart .cardProductCartText label,
html[data-theme="dark"] .modal-cart .deColumnCart,
html[data-theme="dark"] .modal-cart .deColumnCart :is(h1,h2,h3,h4,h5,h6,p,span,strong,b,small,label),
html[data-theme="dark"] .modal-cart .resumen-precios,
html[data-theme="dark"] .modal-cart .resumen-precios *,
html[data-theme="dark"] .modal-cart .precio-linea,
html[data-theme="dark"] .modal-cart .precio-linea * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .modal-cart .deColumnCart,
html[data-theme="dark"] .modal-cart .resumen-precios {
  background-color: #222222 !important;
  border-color: #454545 !important;
}
html[data-theme="dark"] .modal-cart .deleteCart,
html[data-theme="dark"] .modal-cart .deleteFav,
html[data-theme="dark"] .modal-cart .deleteCart svg,
html[data-theme="dark"] .modal-cart .deleteFav svg {
  color: #fe1e78 !important;
  -webkit-text-fill-color: #fe1e78 !important;
  fill: #fe1e78 !important;
  stroke: #fe1e78 !important;
}
html[data-theme="dark"] .modal-cart .deFLex,
html[data-theme="dark"] .modal-cart .deFLex h4,
html[data-theme="dark"] .modal-cart .deFLex button,
html[data-theme="dark"] .modal-cart .deFLex button * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="dark"] .modal-cart .deFLex {
  background-color: #fe1e78 !important;
}

/* 2) Checkout: textos y opciones blancas sobre superficies oscuras. */
html[data-theme="dark"] .modal-cart .modal-send-form,
html[data-theme="dark"] .modal-cart .modal-send-form > .deFLexRadio,
html[data-theme="dark"] .modal-cart .modal-send-form .deFLexRadio,
html[data-theme="dark"] .modal-cart .modal-send-form .deFLexRadio > div,
html[data-theme="dark"] .modal-cart .modal-send-form .deFLexRadio label,
html[data-theme="dark"] .modal-cart .modal-send-form .deFLexRadio label * ,
html[data-theme="dark"] .modal-cart .modal-send-form .mesaSelectContainer,
html[data-theme="dark"] .modal-cart .modal-send-form .mesaSelectContainer label,
html[data-theme="dark"] .modal-cart .modal-send-form .paymentInstructions,
html[data-theme="dark"] .modal-cart .modal-send-form .paymentInstructions * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .modal-cart .modal-send-form {
  background-color: #1d1d1d !important;
}
html[data-theme="dark"] .modal-cart .modal-send-form .deFLexRadio,
html[data-theme="dark"] .modal-cart .modal-send-form .mesaSelectContainer,
html[data-theme="dark"] .modal-cart .modal-send-form .paymentInstructions {
  background-color: #292929 !important;
  border-color: #555555 !important;
}
html[data-theme="dark"] .modal-cart .modal-send-form :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select, .selectMesa) {
  background-color: #171717 !important;
  border: 1px solid #666666 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="dark"] .modal-cart .modal-send-form :is(input,textarea)::placeholder {
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .modal-cart .modal-send-form input[type="radio"],
html[data-theme="dark"] .modal-cart .modal-send-form input[type="checkbox"] {
  accent-color: #fe1e78 !important;
}

/* La tarjeta de propina tiene fondo blanco: sus textos deben seguir oscuros. */
html[data-theme="dark"] .modal-cart .propina-container,
html[data-theme="dark"] .modal-cart .propina-container * {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .modal-cart .propina-container {
  background: #ffffff !important;
  border-color: #fe1e78 !important;
}
html[data-theme="dark"] .modal-cart .propina-container .propina-titulo {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}
html[data-theme="dark"] .modal-cart .propina-container .propina-btn {
  background: #ffffff !important;
  border-color: #fe1e78 !important;
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}
html[data-theme="dark"] .modal-cart .propina-container .propina-btn--activo {
  background: #fe1e78 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="dark"] .modal-cart .propina-container .propina-btn--no {
  background: #ffffff !important;
  border-color: #777777 !important;
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}

/* 3) Favoritos: el corazón siempre queda rosa, también el SVG y su path. */
html[data-theme="dark"] .favoritos-btn,
html[data-theme="dark"] .favoritos-btn svg,
html[data-theme="dark"] .favoritos-btn svg *,
html[data-theme="dark"] .favoritos-btn i,
html[data-theme="dark"] .deFLexIcon .favoritos-btn,
html[data-theme="dark"] .deFLexIcon .favoritos-btn svg,
html[data-theme="dark"] .deFLexIcon .favoritos-btn svg *,
html[data-theme="dark"] .favorites-btn,
html[data-theme="dark"] .favorites-btn svg,
html[data-theme="dark"] .favorites-btn svg * {
  color: #fe1e78 !important;
  -webkit-text-fill-color: #fe1e78 !important;
  fill: #fe1e78 !important;
  stroke: #fe1e78 !important;
  opacity: 1 !important;
}

/* 4) Horarios: todos los días no actuales con fondo oscuro y texto blanco legible.
   El día actual conserva fondo rosa y texto oscuro. */
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual),
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem:not(.diaActual) {
  background: #252525 !important;
  background-color: #252525 !important;
}
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.diaActual,
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.diaActual * {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.diaActual {
  background: #fce7f3 !important;
  background-color: #fce7f3 !important;
}
html[data-theme="dark"] .modal-horarios .horariosLista .horarioItem.diaActual .badge {
  background: #fe1e78 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* 5) Testimonios: conservan tarjeta clara y todo el texto en negro de alto contraste. */
html[data-theme="dark"] .testimoniosContain {
  background: #ffffff !important;
}
html[data-theme="dark"] .testimoniosContain .testimoniosTitle,
html[data-theme="dark"] .testimonioCard,
html[data-theme="dark"] .testimonioCard .testimonioNombre,
html[data-theme="dark"] .testimonioCard .testimonioTexto,
html[data-theme="dark"] .testimonioCard .testimonioNombre *,
html[data-theme="dark"] .testimonioCard .testimonioTexto *,
html[data-theme="dark"] .testimonioSlide .testimonioNombre,
html[data-theme="dark"] .testimonioSlide .testimonioTexto {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .testimonioCard {
  background: #ffffff !important;
}


/* SOCIOS FOOD V88 — legibilidad del dashboard y menú lateral adaptable.
   Solo CSS de presentación: conserva rutas, eventos, pedidos, pagos y datos. */

/* 1. Panel lateral administrativo: mantener todos los enlaces visibles y legibles. */
[data-theme="dark"] .navbarDashboard,
[data-theme="dark"] body .navbarDashboard {
  background-color: #191919 !important;
  color: #ffffff !important;
  border-color: #333333 !important;
}
[data-theme="dark"] .navbarDashboard .links,
[data-theme="dark"] .navbarDashboard .links a,
[data-theme="dark"] .navbarDashboard > a:not(.logo),
[data-theme="dark"] .navbarDashboard .sidebar-item,
[data-theme="dark"] .navbarDashboard .links a :is(span, p, i, svg, path),
[data-theme="dark"] .navbarDashboard > a:not(.logo) :is(span, p, i, svg, path),
[data-theme="dark"] .navbarDashboard .sidebar-item :is(span, p, i, svg, path) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
[data-theme="dark"] .navbarDashboard .links a.activeLink,
[data-theme="dark"] .navbarDashboard .links a.active,
[data-theme="dark"] .navbarDashboard .links a[aria-current="page"],
[data-theme="dark"] .navbarDashboard .links a:hover,
[data-theme="dark"] .navbarDashboard > a.activeLink,
[data-theme="dark"] .navbarDashboard > a.active,
[data-theme="dark"] .navbarDashboard .sidebar-item:hover {
  background-color: #303030 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: inset 4px 0 0 #fe1e78 !important;
}
[data-theme="dark"] .navbarDashboard .links a svg,
[data-theme="dark"] .navbarDashboard .sidebar-item svg {
  fill: currentColor !important;
  stroke: currentColor !important;
  color: #ffffff !important;
}

/* 2. Cabeceras de tablas administrativas: fondo oscuro con texto blanco, no negro. */
[data-theme="dark"] .modaldashboard table thead th,
[data-theme="dark"] .modaldashboard table th,
[data-theme="dark"] .containerSection table thead th,
[data-theme="dark"] .containerSection table th,
[data-theme="dark"] .content_tables table thead th,
[data-theme="dark"] .content_tables table th,
[data-theme="dark"] .dashboard table thead th,
[data-theme="dark"] .dashboard table th,
[data-theme="dark"] .dashboard-content table thead th,
[data-theme="dark"] .dashboard-content table th,
[data-theme="dark"] .admin-content table thead th,
[data-theme="dark"] .admin-content table th,
[data-theme="dark"] .table-container table thead th,
[data-theme="dark"] .table-container table th,
[data-theme="dark"] .lastOrdersTable thead th,
[data-theme="dark"] .lastOrdersTable th,
[data-theme="dark"] table.lastOrdersTable thead th,
[data-theme="dark"] .table th {
  background-color: #2a2a2a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #444444 !important;
  opacity: 1 !important;
}
[data-theme="dark"] .modaldashboard table thead th *,
[data-theme="dark"] .containerSection table thead th *,
[data-theme="dark"] .content_tables table thead th *,
[data-theme="dark"] .dashboard table thead th *,
[data-theme="dark"] .dashboard-content table thead th *,
[data-theme="dark"] .admin-content table thead th *,
[data-theme="dark"] .table-container table thead th *,
[data-theme="dark"] .lastOrdersTable thead th * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* 3. Sidebar público: panel completo en pantalla y logo sin recorte por margen negativo. */
.ReactModal__Content.modalNav {
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
}
.modalNav .modalNav-content {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 100% !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  position: relative !important;
}
.modalNav .profileContain {
  flex: 0 0 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  padding: 18px 7% 28px !important;
  gap: 1.25rem !important;
  overflow-wrap: anywhere !important;
  background: #ffffff !important;
  color: #171717 !important;
}
.modalNav .profileContain > img {
  position: relative !important;
  display: block !important;
  align-self: flex-start !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
  width: 5rem !important;
  height: 5rem !important;
  max-width: 100% !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
}
.modalNav .profileContain h2 {
  max-width: 100% !important;
  margin: 0 !important;
  overflow-wrap: anywhere !important;
}
.modalNav .profileContain .socials {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  width: 100% !important;
}
.modalNav .profileContain :is(p, a, span, h2, h3, h4, li, label) {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}
.modalNav .profileContain :is(hr, input, select, textarea) {
  max-width: 100% !important;
}

/* Móvil/tablet: la navegación administrativa pasa a una fila desplazable,
   en lugar de cortar todos los enlaces dentro de una barra de 4 rem. */
@media (max-width: 1024px) {
  .navbarDashboard {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 64px !important;
    height: auto !important;
    max-height: none !important;
    padding: 6px 10px !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    border-radius: 0 !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  .navbarDashboard::-webkit-scrollbar { display: none !important; }
  .navbarDashboard:hover {
    width: 100% !important;
    max-height: none !important;
    min-height: 64px !important;
  }
  .navbarDashboard > .logo {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    margin: 0 6px 0 0 !important;
  }
  .navbarDashboard > .logo img {
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
  }
  .navbarDashboard .links {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 48px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .navbarDashboard .links::-webkit-scrollbar { display: none !important; }
  .navbarDashboard .links a,
  .navbarDashboard .links button,
  .navbarDashboard > a:not(.logo),
  .navbarDashboard .sidebar-item {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: max-content !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    gap: 9px !important;
    border-radius: 12px !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }
  .navbarDashboard .links a svg,
  .navbarDashboard .links button svg,
  .navbarDashboard .sidebar-item svg { flex: 0 0 auto !important; }
}

/* Tema oscuro en el menú público: panel oscuro homogéneo, texto e iconos blancos. */
[data-theme="dark"] .ReactModal__Content.modalNav,
[data-theme="dark"] .modalNav-content,
[data-theme="dark"] .modalNav .profileContain,
[data-theme="dark"] .modalNav .modalNav-content .enlaces {
  background-color: #1b1b1b !important;
  color: #f5f5f5 !important;
  border-color: #3d3d3d !important;
}
[data-theme="dark"] .modalNav .profileContain :is(h1,h2,h3,h4,h5,h6,p,span,a,label,small,strong,b,li,i,svg),
[data-theme="dark"] .modalNav .profileContain :is(h1,h2,h3,h4,h5,h6,p,span,a,label,small,strong,b,li,i,svg) *,
[data-theme="dark"] .modalNav .modalNav-content .enlaces :is(a,button,p,span,li,h1,h2,h3,h4,h5,h6,i,svg) {
  color: #f5f5f5 !important;
  -webkit-text-fill-color: #f5f5f5 !important;
  opacity: 1 !important;
}
[data-theme="dark"] .modalNav .profileContain :is(hr) { border-color: #444444 !important; }
[data-theme="dark"] .modalNav .profileContain :is(i,svg) { fill: currentColor !important; stroke: currentColor !important; }
[data-theme="light"] .ReactModal__Content.modalNav,
[data-theme="light"] .modalNav-content,
[data-theme="light"] .modalNav .profileContain,
[data-theme="light"] .modalNav .modalNav-content .enlaces {
  background-color: #ffffff !important;
  color: #171717 !important;
}
[data-theme="light"] .modalNav .profileContain :is(h1,h2,h3,h4,h5,h6,p,span,a,label,small,strong,b,li,i,svg) {
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
}

/* Selector de tema dentro del menú: fijarlo en la esquina superior derecha,
   sin superponer el logotipo ni quedar fuera del panel. */
.ReactModal__Content.modalNav .modalNav-content > .theme-toggle-mobile-modal {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  left: auto !important;
  bottom: auto !important;
  inset-inline-start: auto !important;
  margin: 0 !important;
  align-self: auto !important;
  z-index: 10080 !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.ReactModal__Content.modalNav .modalNav-content > .theme-toggle-mobile-modal button,
.ReactModal__Content.modalNav .modalNav-content > .theme-toggle-mobile-modal .theme-toggle-button {
  position: relative !important;
  min-width: 44px !important;
  min-height: 44px !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}
@media (max-width: 900px) {
  .ReactModal__Content.modalNav { width: 80% !important; max-width: 100vw !important; }
}
@media (max-width: 480px) {
  .ReactModal__Content.modalNav { width: min(88vw, 420px) !important; }
  .modalNav .profileContain { padding: 16px 7% 94px !important; gap: 1rem !important; }
  .navbarDashboard { padding-left: 8px !important; padding-right: 8px !important; }
}


/* SOCIOS FOOD V89 — corrección de contraste de componentes persistentes.
   Capa final de compatibilidad con las clases reales usadas por los modales y el dashboard.
   Mantiene intacta la lógica JavaScript y los estilos del tema claro. */

/* Horarios: los selectores reales del día actual usan .horarioItemActual.
   Los demás días deben ser siempre blancos sobre gris oscuro. */
html[data-theme="dark"] .modal-horarios .horarioItem:not(.horarioItemActual):not(.diaActual),
html[data-theme="dark"] .modalHorariosContainer .horarioItem:not(.horarioItemActual):not(.diaActual),
[data-theme="dark"] .horarioItem:not(.horarioItemActual):not(.diaActual) {
  background-color: #252525 !important;
  background-image: none !important;
  color: #ffffff !important;
}
html[data-theme="dark"] .modal-horarios .horarioItem:not(.horarioItemActual):not(.diaActual) *,
html[data-theme="dark"] .modal-horarios .horarioItem:not(.horarioItemActual):not(.diaActual) *::before,
html[data-theme="dark"] .modalHorariosContainer .horarioItem:not(.horarioItemActual):not(.diaActual) *,
html[data-theme="dark"] .modalHorariosContainer .horarioItem:not(.horarioItemActual):not(.diaActual) *::before,
[data-theme="dark"] .horarioItem:not(.horarioItemActual):not(.diaActual) *,
[data-theme="dark"] .horarioItem:not(.horarioItemActual):not(.diaActual) *::before {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
html[data-theme="dark"] .modal-horarios .horarioItem.horarioItemActual,
html[data-theme="dark"] .modal-horarios .horarioItem.diaActual,
html[data-theme="dark"] .modalHorariosContainer .horarioItem.horarioItemActual,
html[data-theme="dark"] .modalHorariosContainer .horarioItem.diaActual,
[data-theme="dark"] .horarioItem.horarioItemActual,
[data-theme="dark"] .horarioItem.diaActual {
  background-color: #fce7f3 !important;
  color: #171717 !important;
}
html[data-theme="dark"] .modal-horarios .horarioItem.horarioItemActual *,
html[data-theme="dark"] .modal-horarios .horarioItem.diaActual *,
html[data-theme="dark"] .modalHorariosContainer .horarioItem.horarioItemActual *,
html[data-theme="dark"] .modalHorariosContainer .horarioItem.diaActual *,
[data-theme="dark"] .horarioItem.horarioItemActual *,
[data-theme="dark"] .horarioItem.diaActual * {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
  opacity: 1 !important;
}

/* Carrito: nombre, opciones, cantidad, precio y total se leen sobre superficies oscuras.
   Botones de acción conservan su fondo de marca/WhatsApp. */
html[data-theme="dark"] .modal-cart .cardProductCart,
html[data-theme="dark"] .cardProductCart {
  background-color: #222222 !important;
  color: #ffffff !important;
  border-color: #454545 !important;
}
html[data-theme="dark"] .modal-cart .cardProductCartText,
html[data-theme="dark"] .modal-cart .cardProductCartText *,
html[data-theme="dark"] .cardProductCartText,
html[data-theme="dark"] .cardProductCartText *,
html[data-theme="dark"] .modal-cart .totalCart,
html[data-theme="dark"] .modal-cart .totalCart *,
html[data-theme="dark"] .totalCart,
html[data-theme="dark"] .totalCart *,
html[data-theme="dark"] .modal-cart .deColumnCart :is(h1,h2,h3,h4,h5,h6,p,span,strong,b,small,label),
html[data-theme="dark"] .deColumnCart :is(h1,h2,h3,h4,h5,h6,p,span,strong,b,small,label) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .modal-cart .totalCart,
html[data-theme="dark"] .totalCart,
html[data-theme="dark"] .modal-cart .deColumnCart {
  background-color: #222222 !important;
  border-color: #454545 !important;
}
/* Los controles rosas y el botón verde mantienen texto legible y no pierden su acción. */
html[data-theme="dark"] .modal-cart .cardProductCart button,
html[data-theme="dark"] .cardProductCart button {
  -webkit-text-fill-color: currentColor !important;
}
html[data-theme="dark"] .modal-cart .cardProductCart button:is(.deleteCart,.deleteToCart,.deleteFav),
html[data-theme="dark"] .cardProductCart button:is(.deleteCart,.deleteToCart,.deleteFav) {
  color: #fe1e78 !important;
}

/* Dashboard y todos los enlaces internos del menú lateral: el color se aplica a las clases
   .nav_items/.nav-link/menu-item también, no solo a la estructura .links. */
html[data-theme="dark"] .navbarDashboard :is(a,button,span,p,li,label,small,strong,b,em,i),
html[data-theme="dark"] .navbarDashboard :is(.links,.nav_items,.nav-link,.menu-item,.sidebar-item) *,
html[data-theme="dark"] .navbarDashboard :is(a,button,span,p,li,label,small,strong,b,em,i) *,
[data-theme="dark"] .navbarDashboard :is(a,button,span,p,li,label,small,strong,b,em,i),
[data-theme="dark"] .navbarDashboard :is(.links,.nav_items,.nav-link,.menu-item,.sidebar-item) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .navbarDashboard svg,
html[data-theme="dark"] .navbarDashboard svg *,
[data-theme="dark"] .navbarDashboard svg,
[data-theme="dark"] .navbarDashboard svg * {
  color: #ffffff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .navbarDashboard :is(a,button,.nav_items,.nav-link,.menu-item,.sidebar-item):is(.active,.activeLink,[aria-current="page"]),
html[data-theme="dark"] .navbarDashboard :is(a,button,.nav_items,.nav-link,.menu-item,.sidebar-item).active *,
html[data-theme="dark"] .navbarDashboard :is(a,button,.nav_items,.nav-link,.menu-item,.sidebar-item).activeLink * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Tablas/cajas del administrador: algunos módulos usan containerDashboard y cardDashboard,
   que no estaban cubiertos por los selectores anteriores. Solo se ajustan encabezados oscuros. */
html[data-theme="dark"] :is(.containerDashboard,.contentDashboard,.dashboardContainer,.cardDashboard,.containerSection,.content_tables,.dashboard,.dashboard-content,.admin-content,.modaldashboard,.lastOrdersTable,.table-container,.tableWrapper,.tableWrapperScroll,.containerBanners,.containerCategorias,.containerCocina,.containerEvaluaciones,.containerGastos,.containerInventarios,.containerMesas,.containerPaymentMethods,.containerPedidos,.containerProductos,.containerUsuarios) table thead,
html[data-theme="dark"] :is(.containerDashboard,.contentDashboard,.dashboardContainer,.cardDashboard,.containerSection,.content_tables,.dashboard,.dashboard-content,.admin-content,.modaldashboard,.lastOrdersTable,.table-container,.tableWrapper,.tableWrapperScroll,.containerBanners,.containerCategorias,.containerCocina,.containerEvaluaciones,.containerGastos,.containerInventarios,.containerMesas,.containerPaymentMethods,.containerPedidos,.containerProductos,.containerUsuarios) table thead tr {
  background-color: #292929 !important;
  color: #ffffff !important;
}
html[data-theme="dark"] :is(.containerDashboard,.contentDashboard,.dashboardContainer,.cardDashboard,.containerSection,.content_tables,.dashboard,.dashboard-content,.admin-content,.modaldashboard,.lastOrdersTable,.table-container,.tableWrapper,.tableWrapperScroll,.containerBanners,.containerCategorias,.containerCocina,.containerEvaluaciones,.containerGastos,.containerInventarios,.containerMesas,.containerPaymentMethods,.containerPedidos,.containerProductos,.containerUsuarios) table thead :is(th,td,*),
html[data-theme="dark"] :is(.containerDashboard,.contentDashboard,.dashboardContainer,.cardDashboard,.containerSection,.content_tables,.dashboard,.dashboard-content,.admin-content,.modaldashboard,.lastOrdersTable,.table-container,.tableWrapper,.tableWrapperScroll,.containerBanners,.containerCategorias,.containerCocina,.containerEvaluaciones,.containerGastos,.containerInventarios,.containerMesas,.containerPaymentMethods,.containerPedidos,.containerProductos,.containerUsuarios) :is(.table th,.lastOrdersTable th,.tableWrapperScroll th,.tableWrapper th),
html[data-theme="dark"] .containerDashboard :is(th,td).table-heading,
html[data-theme="dark"] .contentDashboard :is(th,td).table-heading {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #444444 !important;
  opacity: 1 !important;
}


/* SOCIOS FOOD V90 — correcciones definitivas de favicon, banner lateral y contraste.
   Ajustes visuales puntuales. Mantiene la funcionalidad de pedidos, pagos y navegación. */

/* El panel lateral muestra la primera imagen del slider, con carga inmediata y altura responsive. */
.ReactModal__Content.modalNav .modalNav-content .fondo {
  display: block !important;
  position: relative !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: clamp(180px, 24vh, 270px) !important;
  min-height: 180px !important;
  max-height: 270px !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #fe1e78, #252525) !important;
  z-index: 1 !important;
}
.ReactModal__Content.modalNav .modalNav-content .fondo img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  visibility: visible !important;
  opacity: 1 !important;
}
@media (max-width: 900px) {
  .ReactModal__Content.modalNav .modalNav-content .fondo {
    height: clamp(140px, 28vw, 205px) !important;
    min-height: 140px !important;
    max-height: 205px !important;
  }
}

/* Menú lateral público: blanco en tema claro; fondo oscuro y todos los textos/iconos blancos en oscuro. */
html[data-theme="dark"] .ReactModal__Content.modalNav,
html[data-theme="dark"] .ReactModal__Content.modalNav .modalNav-content,
html[data-theme="dark"] .ReactModal__Content.modalNav .profileContain,
html[data-theme="dark"] .ReactModal__Content.modalNav .profileText,
html[data-theme="dark"] .ReactModal__Content.modalNav .profileText a,
html[data-theme="dark"] .ReactModal__Content.modalNav .socials,
html[data-theme="dark"] .ReactModal__Content.modalNav .socials a {
  background-color: #1b1b1b !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #414141 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .ReactModal__Content.modalNav .profileContain :is(h1,h2,h3,h4,h5,h6,p,span,a,label,small,strong,b,li,div),
html[data-theme="dark"] .ReactModal__Content.modalNav .profileText :is(a,p,span,small,strong,b),
html[data-theme="dark"] .ReactModal__Content.modalNav .socials :is(a,i,svg),
html[data-theme="dark"] .ReactModal__Content.modalNav .socials svg * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .ReactModal__Content.modalNav .profileText a {
  border-bottom-color: #414141 !important;
}
html[data-theme="light"] .ReactModal__Content.modalNav,
html[data-theme="light"] .ReactModal__Content.modalNav .modalNav-content,
html[data-theme="light"] .ReactModal__Content.modalNav .profileContain,
html[data-theme="light"] .ReactModal__Content.modalNav .profileText,
html[data-theme="light"] .ReactModal__Content.modalNav .profileText a,
html[data-theme="light"] .ReactModal__Content.modalNav .socials {
  background-color: #ffffff !important;
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
  border-color: #ededed !important;
}
html[data-theme="light"] .ReactModal__Content.modalNav .profileContain :is(h1,h2,h3,h4,h5,h6,p,span,a,label,small,strong,b,li),
html[data-theme="light"] .ReactModal__Content.modalNav .socials :is(a,i,svg) {
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Corazón de favoritos de la cabecera: siempre usa el rosa primario en tema oscuro. */
html[data-theme="dark"] .deFLexNavs .cartIcon,
html[data-theme="dark"] .deFLexNavs .cartIcon i,
html[data-theme="dark"] .deFLexNavs .cartIcon svg,
html[data-theme="dark"] .deFLexNavs .cartIcon svg *,
html[data-theme="dark"] .favoritos-btn,
html[data-theme="dark"] .favoritos-btn i,
html[data-theme="dark"] .favoritos-btn svg,
html[data-theme="dark"] .favoritos-btn svg *,
html[data-theme="dark"] .favorites-btn,
html[data-theme="dark"] .favorites-btn i,
html[data-theme="dark"] .favorites-btn svg,
html[data-theme="dark"] .favorites-btn svg * {
  color: #fe1e78 !important;
  -webkit-text-fill-color: #fe1e78 !important;
  fill: #fe1e78 !important;
  stroke: #fe1e78 !important;
  opacity: 1 !important;
}

/* Carrito oscuro: forzar contraste en la ficha del producto, cantidades, precios y resumen. */
html[data-theme="dark"] .ReactModal__Content.modal-cart .modal-content-cart,
html[data-theme="dark"] .ReactModal__Content.modal-cart .cardProductCart,
html[data-theme="dark"] .ReactModal__Content.modal-cart .cardProductCartText,
html[data-theme="dark"] .ReactModal__Content.modal-cart .deColumnCart,
html[data-theme="dark"] .ReactModal__Content.modal-cart .resumen-precios,
html[data-theme="dark"] .ReactModal__Content.modal-cart .precio-linea,
html[data-theme="dark"] .ReactModal__Content.modal-cart .totalCart {
  background-color: #222222 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #464646 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .ReactModal__Content.modal-cart .cardProductCart :is(h1,h2,h3,h4,h5,h6,p,span,strong,b,small,label,em,div),
html[data-theme="dark"] .ReactModal__Content.modal-cart .cardProductCartText *,
html[data-theme="dark"] .ReactModal__Content.modal-cart .deColumnCart :is(h1,h2,h3,h4,h5,h6,p,span,strong,b,small,label,div),
html[data-theme="dark"] .ReactModal__Content.modal-cart .resumen-precios *,
html[data-theme="dark"] .ReactModal__Content.modal-cart .precio-linea *,
html[data-theme="dark"] .ReactModal__Content.modal-cart .totalCart * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
html[data-theme="dark"] .ReactModal__Content.modal-cart .cardProductCart :is(.deleteCart,.deleteToCart,.deleteFav) svg,
html[data-theme="dark"] .ReactModal__Content.modal-cart .cardProductCart :is(.deleteCart,.deleteToCart,.deleteFav) svg * {
  color: #fe1e78 !important;
  fill: #fe1e78 !important;
  stroke: #fe1e78 !important;
}

/* Checkout: textos de entrega, pago, opciones y campos blancos en superficies oscuras. */
html[data-theme="dark"] .ReactModal__Content.modal-cart .modal-send-form,
html[data-theme="dark"] .ReactModal__Content.modal-cart .modal-send-form .deFLexRadio,
html[data-theme="dark"] .ReactModal__Content.modal-cart .modal-send-form .deFLexRadio > div,
html[data-theme="dark"] .ReactModal__Content.modal-cart .modal-send-form .mesaSelectContainer,
html[data-theme="dark"] .ReactModal__Content.modal-cart .modal-send-form .paymentInstructions,
html[data-theme="dark"] .ReactModal__Content.modal-cart .modal-send-form .paymentReferenceContainer,
html[data-theme="dark"] .ReactModal__Content.modal-cart .modal-send-form .paymentProofContainer,
html[data-theme="dark"] .ReactModal__Content.modal-cart .modal-send-form .cupon-container,
html[data-theme="dark"] .ReactModal__Content.modal-cart .modal-send-form .dian-invoice-field-group {
  background-color: #202020 !important;
  color: #ffffff !important;
  border-color: #484848 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .ReactModal__Content.modal-cart .modal-send-form :is(label,p,span,strong,b,small,legend,h1,h2,h3,h4,h5,h6,li),
html[data-theme="dark"] .ReactModal__Content.modal-cart .modal-send-form .deFLexRadio *,
html[data-theme="dark"] .ReactModal__Content.modal-cart .modal-send-form .mesaSelectContainer *,
html[data-theme="dark"] .ReactModal__Content.modal-cart .modal-send-form .paymentInstructions *,
html[data-theme="dark"] .ReactModal__Content.modal-cart .modal-send-form .paymentReferenceContainer *,
html[data-theme="dark"] .ReactModal__Content.modal-cart .modal-send-form .paymentProofContainer *,
html[data-theme="dark"] .ReactModal__Content.modal-cart .modal-send-form .cupon-container label,
html[data-theme="dark"] .ReactModal__Content.modal-cart .modal-send-form .dian-invoice-field-group * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .ReactModal__Content.modal-cart .modal-send-form :is(input:not([type="radio"]):not([type="checkbox"]),textarea,select,.selectMesa,.cupon-input-group input,.dian-invoice-input) {
  background-color: #171717 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid #666666 !important;
}
html[data-theme="dark"] .ReactModal__Content.modal-cart .modal-send-form :is(input,textarea)::placeholder {
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .ReactModal__Content.modal-cart .modal-send-form input[type="radio"],
html[data-theme="dark"] .ReactModal__Content.modal-cart .modal-send-form input[type="checkbox"] {
  accent-color: #fe1e78 !important;
}
/* La tarjeta blanca de propina mantiene texto negro para asegurar contraste. */
html[data-theme="dark"] .ReactModal__Content.modal-cart .modal-bottom-panel .propina-container,
html[data-theme="dark"] .ReactModal__Content.modal-cart .modal-bottom-panel .propina-container * {
  background-color: #ffffff !important;
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}
html[data-theme="dark"] .ReactModal__Content.modal-cart .modal-bottom-panel .propina-container .propina-btn--activo {
  background-color: #fe1e78 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="dark"] .ReactModal__Content.modal-cart .modal-bottom-panel .propina-container .propina-btn--activo * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Horarios: asegura contraste de cada día y conserva el tratamiento del día actual. */
html[data-theme="dark"] .ReactModal__Content.modal-horarios .modalHorariosContainer .horarioItem:not(.horarioItemActual):not(.diaActual),
html[data-theme="dark"] .ReactModal__Content.modal-horarios .modalHorariosContainer .horarioItem:not(.horarioItemActual):not(.diaActual) * {
  background-color: #252525 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
html[data-theme="dark"] .ReactModal__Content.modal-horarios .modalHorariosContainer .horarioItem:is(.horarioItemActual,.diaActual) {
  background-color: #fce7f3 !important;
}
html[data-theme="dark"] .ReactModal__Content.modal-horarios .modalHorariosContainer .horarioItem:is(.horarioItemActual,.diaActual) * {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .ReactModal__Content.modal-horarios .modalHorariosContainer .horarioItem:is(.horarioItemActual,.diaActual) .badge {
  background-color: #fe1e78 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Dashboard: los elementos del menú oscuro y las cabeceras de tabla no usan texto negro. */
html[data-theme="dark"] body .navbarDashboard,
html[data-theme="dark"] body .navbarDashboard .links,
html[data-theme="dark"] body .navbarDashboard .links a,
html[data-theme="dark"] body .navbarDashboard .sidebar-item,
html[data-theme="dark"] body .navbarDashboard .menu-item,
html[data-theme="dark"] body .navbarDashboard .nav_items,
html[data-theme="dark"] body .navbarDashboard .nav-link {
  background-color: #191919 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body .navbarDashboard .links a *,
html[data-theme="dark"] body .navbarDashboard .sidebar-item *,
html[data-theme="dark"] body .navbarDashboard .menu-item *,
html[data-theme="dark"] body .navbarDashboard .nav_items *,
html[data-theme="dark"] body .navbarDashboard .nav-link * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body .modaldashboard :is(table,thead,tbody,tr,th),
html[data-theme="dark"] body .modaldashboard table thead :is(th,td,*),
html[data-theme="dark"] body .modaldashboard :is(.table th,.lastOrdersTable th,.table-heading) {
  background-color: #292929 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #454545 !important;
  opacity: 1 !important;
}


/* V90: en estado de error de banners, presentar una zona útil con reintento visible. */
.loadingBanner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(96%, 1100px) !important;
  min-height: clamp(180px, 30vw, 280px) !important;
  margin: 0 auto !important;
  padding: 20px !important;
  background: #f7f7f7 !important;
  color: #242424 !important;
  border-radius: 18px !important;
  text-align: center !important;
}
.loadingBanner button {
  min-height: 44px !important;
  padding: 10px 18px !important;
  border: 1px solid #fe1e78 !important;
  border-radius: 999px !important;
  background: #fe1e78 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
html[data-theme="dark"] .loadingBanner {
  background: #222222 !important;
  color: #ffffff !important;
  border: 1px solid #444444 !important;
}

/* Mantener visible la ruta seleccionada del dashboard tras fijar el contraste del menú. */
html[data-theme="dark"] body .navbarDashboard .links a:is(.active,.activeLink,[aria-current="page"]),
html[data-theme="dark"] body .navbarDashboard .links a:is(.active,.activeLink,[aria-current="page"]):hover,
html[data-theme="dark"] body .navbarDashboard .sidebar-item:is(.active,.activeLink,[aria-current="page"]),
html[data-theme="dark"] body .navbarDashboard .menu-item:is(.active,.activeLink,[aria-current="page"]) {
  background-color: #303030 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: inset 4px 0 0 #fe1e78 !important;
}


/* SOCIOS FOOD V91 — capa final de contraste, aplicada a los nombres de clase reales del frontend. */
/* Side drawer público: la clase modalNav la aplica directamente ReactModal; no se exige ReactModal__Content. */
html[data-theme="dark"] .modalNav,
html[data-theme="dark"] .modalNav .modalNav-content,
html[data-theme="dark"] .modalNav .profileContain,
html[data-theme="dark"] .modalNav .profileText,
html[data-theme="dark"] .modalNav .profileText a {
  background-color: #1b1b1b !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #414141 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .modalNav .profileContain *,
html[data-theme="dark"] .modalNav .profileText *,
html[data-theme="dark"] .modalNav .socials *,
html[data-theme="dark"] .modalNav-content .profileContain *,
html[data-theme="dark"] .modalNav-content .profileText *,
html[data-theme="dark"] .modalNav-content .socials * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .modalNav .socials svg,
html[data-theme="dark"] .modalNav .socials svg *,
html[data-theme="dark"] .modalNav .socials i,
html[data-theme="dark"] .modalNav-content .socials svg,
html[data-theme="dark"] .modalNav-content .socials svg *,
html[data-theme="dark"] .modalNav-content .socials i {
  fill: currentColor !important;
  stroke: currentColor !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Horarios: nombre y horas de días no seleccionados siempre blancos sobre fondo oscuro. */
html[data-theme="dark"] .modal-horarios .modalHorariosContainer .horarioItem:not(.diaActual) {
  background: #252525 !important;
  color: #ffffff !important;
  border-color: #454545 !important;
}
html[data-theme="dark"] .modal-horarios .modalHorariosContainer .horarioItem:not(.diaActual) :is(div,span,p,strong,b,small,label,i,svg) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
html[data-theme="dark"] .modal-horarios .modalHorariosContainer .horarioItem.diaActual {
  background: #fce7f3 !important;
  color: #171717 !important;
}
html[data-theme="dark"] .modal-horarios .modalHorariosContainer .horarioItem.diaActual :is(div,span,p,strong,b,small,label) {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .modal-horarios .modalHorariosContainer .horarioItem.diaActual .badge {
  background: #fe1e78 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Carrito y checkout: todo el texto del panel oscuro es blanco; las excepciones claras vienen después. */
html[data-theme="dark"] .modal-cart {
  background-color: #202020 !important;
  color: #ffffff !important;
  border-color: #414141 !important;
}
html[data-theme="dark"] .modal-cart :is(.modal-content-cart,.cardProductCart,.cardProductCartText,.deColumnCart,.resumen-precios,.precio-linea,.totalCart,.modal-send-form,.deFLexRadio,.mesaSelectContainer,.paymentInstructions,.paymentReferenceContainer,.paymentProofContainer,.cupon-container,.dian-invoice-field-group,.cart-total,.cart-summary,.cartFooter,.cart-footer) {
  background-color: #202020 !important;
  color: #ffffff !important;
  border-color: #454545 !important;
}
html[data-theme="dark"] .modal-cart :is(.modal-content-cart,.cardProductCart,.cardProductCartText,.deColumnCart,.resumen-precios,.precio-linea,.totalCart,.modal-send-form,.deFLexRadio,.mesaSelectContainer,.paymentInstructions,.paymentReferenceContainer,.paymentProofContainer,.cupon-container,.dian-invoice-field-group,.cart-total,.cart-summary,.cartFooter,.cart-footer) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
html[data-theme="dark"] .modal-cart :is(input:not([type="radio"]):not([type="checkbox"]),textarea,select) {
  background-color: #151515 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #666666 !important;
}
html[data-theme="dark"] .modal-cart :is(input,textarea)::placeholder {
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  opacity: 1 !important;
}
/* Excepción deliberada: tarjeta de propina blanca, con texto negro y botones accesibles. */
html[data-theme="dark"] .modal-cart .propina-container,
html[data-theme="dark"] .modal-cart .propina-container :is(h1,h2,h3,h4,h5,h6,p,span,strong,b,small,label,div) {
  background-color: #ffffff !important;
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}
html[data-theme="dark"] .modal-cart .propina-container button,
html[data-theme="dark"] .modal-cart .propina-container button * {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}
html[data-theme="dark"] .modal-cart .propina-container .propina-btn--activo,
html[data-theme="dark"] .modal-cart .propina-container .propina-btn--activo * {
  background-color: #fe1e78 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Icono de favoritos usa siempre el rosa primario en tema oscuro, no blanco ni gris. */
html[data-theme="dark"] .favoritos-btn,
html[data-theme="dark"] .favoritos-btn i,
html[data-theme="dark"] .favoritos-btn svg,
html[data-theme="dark"] .favoritos-btn svg *,
html[data-theme="dark"] .cartIcon,
html[data-theme="dark"] .cartIcon i,
html[data-theme="dark"] .cartIcon svg,
html[data-theme="dark"] .cartIcon svg * {
  color: #fe1e78 !important;
  -webkit-text-fill-color: #fe1e78 !important;
  fill: #fe1e78 !important;
  stroke: #fe1e78 !important;
}

/* Dashboard: reforzar cabeceras de tabla reales y enlaces del menú lateral. */
html[data-theme="dark"] body .navbarDashboard .links,
html[data-theme="dark"] body .navbarDashboard .links a,
html[data-theme="dark"] body .navbarDashboard .links a span,
html[data-theme="dark"] body .navbarDashboard .links a svg,
html[data-theme="dark"] body .navbarDashboard .links a svg *,
html[data-theme="dark"] body .navbarDashboard .sidebar-item,
html[data-theme="dark"] body .navbarDashboard .sidebar-item *,
html[data-theme="dark"] body .navbarDashboard .links a.activeLink,
html[data-theme="dark"] body .navbarDashboard .links a.activeLink * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body .navbarDashboard .links a,
html[data-theme="dark"] body .navbarDashboard .sidebar-item {
  background-color: transparent !important;
}
html[data-theme="dark"] body .navbarDashboard .links a.activeLink {
  background-color: #303030 !important;
  box-shadow: inset 4px 0 0 #fe1e78 !important;
}
html[data-theme="dark"] body table thead,
html[data-theme="dark"] body table thead tr,
html[data-theme="dark"] body table thead th,
html[data-theme="dark"] body table thead td {
  background-color: #292929 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #454545 !important;
}
html[data-theme="dark"] body table thead * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}


/* SOCIOS FOOD V91.1 — protección explícita contra texto negro sobre superficies oscuras en overlays. */
html[data-theme="dark"] .modalNav,
html[data-theme="dark"] .modalNav .modalNav-content,
html[data-theme="dark"] .modalNav .profileContain,
html[data-theme="dark"] .modalNav .profileContain h2,
html[data-theme="dark"] .modalNav .profileContain .profileText,
html[data-theme="dark"] .modalNav .profileContain .profileText a,
html[data-theme="dark"] .modalNav .profileContain .socials,
html[data-theme="dark"] .modalNav .profileContain .socials a,
html[data-theme="dark"] .modalNav .profileContain .socials i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .modalNav .profileContain,
html[data-theme="dark"] .modalNav .modalNav-content {
  background-color: #1b1b1b !important;
  border-color: #414141 !important;
}

/* Todos los textos dentro del carrito/checkout heredan blanco; se exceptúa la tarjeta blanca de propina debajo. */
html[data-theme="dark"] .modal-cart,
html[data-theme="dark"] .modal-cart * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
}
html[data-theme="dark"] .modal-cart :is(.deFLex,.deFLex h4,.deFLex button,.deleteToCart,.cardProductCart,.cardProductCartText,.cardProductCartText h3,.cardProductCartText span,.cardProductCartText strong,.modal-content-cart,.modal-send-form,.modal-send-form label,.modal-send-form p,.modal-send-form h4,.deFLexRadio,.deFLexRadio label,.mesaSelectContainer,.paymentInstructions,.paymentReferenceContainer,.paymentProofContainer,.dian-invoice-field-group,.modal-bottom-panel,.totalCart,.resumen-precios,.cart-total,.cart-summary) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="dark"] .modal-cart :is(input:not([type="radio"]):not([type="checkbox"]),textarea,select) {
  background-color: #151515 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #666666 !important;
}
html[data-theme="dark"] .modal-cart :is(input,textarea)::placeholder {
  color: #cccccc !important;
  -webkit-text-fill-color: #cccccc !important;
  opacity: 1 !important;
}
/* Excepción de contraste: la tarjeta de propina es clara y conserva texto oscuro. */
html[data-theme="dark"] .modal-cart .propina-container,
html[data-theme="dark"] .modal-cart .propina-container * {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}
html[data-theme="dark"] .modal-cart .propina-container {
  background-color: #ffffff !important;
}
html[data-theme="dark"] .modal-cart .propina-container button,
html[data-theme="dark"] .modal-cart .propina-container button * {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}
html[data-theme="dark"] .modal-cart .propina-container .propina-btn--activo,
html[data-theme="dark"] .modal-cart .propina-container .propina-btn--activo * {
  background-color: #fe1e78 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="dark"] .modal-cart .propina-container .propina-btn--no:not(.propina-btn--activo),
html[data-theme="dark"] .modal-cart .propina-container .propina-btn--no:not(.propina-btn--activo) * {
  background-color: #ffffff !important;
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}

/* Dashboard: todos los enlaces/íconos del lateral y los encabezados oscuros usan texto blanco. */
html[data-theme="dark"] .navbarDashboard,
html[data-theme="dark"] .navbarDashboard .links,
html[data-theme="dark"] .navbarDashboard .links a,
html[data-theme="dark"] .navbarDashboard .links a *,
html[data-theme="dark"] .navbarDashboard .sidebar-item,
html[data-theme="dark"] .navbarDashboard .sidebar-item * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .navbarDashboard .links a.activeLink,
html[data-theme="dark"] .navbarDashboard .sidebar-item.activeLink {
  background-color: #303030 !important;
  box-shadow: inset 4px 0 0 #fe1e78 !important;
}
html[data-theme="dark"] body table thead,
html[data-theme="dark"] body table thead tr,
html[data-theme="dark"] body table thead th,
html[data-theme="dark"] body table thead td,
html[data-theme="dark"] body table thead * {
  background-color: #292929 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #454545 !important;
  opacity: 1 !important;
}


/* SOCIOS FOOD V95 — selectores reales del tema y navegación administrativa responsive */
/* Modo oscuro: paneles negros y texto blanco. La tarjeta de propina blanca queda excluida. */
html[data-theme="dark"] .modal-cart,
html[data-theme="dark"] .modal-cart .modal-content-cart,
html[data-theme="dark"] .modal-cart .cardProductCart,
html[data-theme="dark"] .modal-cart .cardProductCartText,
html[data-theme="dark"] .modal-cart .deFLex,
html[data-theme="dark"] .modal-cart .modal-send-form,
html[data-theme="dark"] .modal-cart .modal-send-form label,
html[data-theme="dark"] .modal-cart .modal-send-form p,
html[data-theme="dark"] .modal-cart .modal-send-form span,
html[data-theme="dark"] .modal-cart .modal-send-form h1,
html[data-theme="dark"] .modal-cart .modal-send-form h2,
html[data-theme="dark"] .modal-cart .modal-send-form h3,
html[data-theme="dark"] .modal-cart .modal-send-form h4,
html[data-theme="dark"] .modal-cart .modal-content-cart p,
html[data-theme="dark"] .modal-cart .modal-content-cart span,
html[data-theme="dark"] .modal-cart .modal-content-cart h1,
html[data-theme="dark"] .modal-cart .modal-content-cart h2,
html[data-theme="dark"] .modal-cart .modal-content-cart h3,
html[data-theme="dark"] .modal-cart .modal-content-cart h4,
html[data-theme="dark"] .modal-cart .cardProductCartText *,
html[data-theme="dark"] .modal-cart .nohay,
html[data-theme="dark"] .modalNav .modalNav-content .enlaces a,
html[data-theme="dark"] .modalNav .modalNav-content .enlaces a *,
html[data-theme="dark"] .modalNav .modalNav-content h2,
html[data-theme="dark"] .modalNav .modalNav-content h3,
html[data-theme="dark"] .modalNav .modalNav-content p,
html[data-theme="dark"] .modalNav .modalNav-content label,
html[data-theme="dark"] .modalNav .modalNav-content span,
html[data-theme="dark"] .horariosLista .horarioItem:not(.diaActual) .horarioDiaLabel,
html[data-theme="dark"] .horariosLista .horarioItem:not(.diaActual) .horarioHoras,
html[data-theme="dark"] .horariosLista .horarioItem:not(.diaActual) .horarioHoras * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
/* Corazón negro únicamente en viewport móvil/tablet; no afecta escritorio. */
@media (max-width: 1024px) {
  html[data-theme="dark"] .favorite,
  html[data-theme="dark"] .favorito,
  html[data-theme="dark"] .btnFavorito,
  html[data-theme="dark"] .favoriteButton,
  html[data-theme="dark"] button[class*="favorit" i],
  html[data-theme="dark"] button[class*="heart" i] {
    color: #000 !important; fill: #000 !important; stroke: #000 !important;
    -webkit-text-fill-color: #000 !important;
  }
  html[data-theme="dark"] .favorite svg,
  html[data-theme="dark"] .favorito svg,
  html[data-theme="dark"] .btnFavorito svg,
  html[data-theme="dark"] .favoriteButton svg,
  html[data-theme="dark"] button[class*="favorit" i] svg,
  html[data-theme="dark"] button[class*="heart" i] svg,
  html[data-theme="dark"] button[class*="favorit" i] svg path,
  html[data-theme="dark"] button[class*="heart" i] svg path {
    color: #000 !important; fill: #000 !important; stroke: #000 !important;
  }
}
/* Imagen del menú lateral: altura natural, sin recorte ni contenedor con overflow hidden. */
html[data-theme="dark"] .modalNav .modalNav-content .fondo,
.modalNav .modalNav-content .fondo {
  display: block !important; flex: 0 0 auto !important; height: auto !important;
  min-height: 0 !important; max-height: none !important; overflow: visible !important;
}
.modalNav .modalNav-content .fondo img {
  display: block !important; width: 100% !important; height: auto !important;
  min-height: 0 !important; max-height: none !important; object-fit: contain !important;
  object-position: center top !important;
}
/* Menú administrador: visible y utilizable en móviles y tabletas; navegación horizontal desplazable. */
@media (max-width: 1024px) {
  .containerGrid { display: flex !important; flex-direction: column !important; width: 100% !important; min-width: 0 !important; }
  .navbarDashboard {
    display: flex !important; flex-direction: row !important; align-items: center !important;
    justify-content: flex-start !important; width: 100% !important; min-width: 0 !important;
    height: auto !important; min-height: 62px !important; max-height: none !important;
    padding: 6px 8px !important; gap: 8px !important; overflow-x: auto !important;
    overflow-y: hidden !important; white-space: nowrap !important; border-radius: 0 !important;
  }
  .navbarDashboard:hover { width: 100% !important; min-height: 62px !important; max-height: none !important; }
  .navbarDashboard > .logo { display: flex !important; flex: 0 0 auto !important; margin: 0 4px !important; }
  .navbarDashboard > .logo img { width: 38px !important; height: 38px !important; margin: 0 !important; }
  .navbarDashboard .links {
    display: flex !important; visibility: visible !important; opacity: 1 !important;
    flex: 1 0 auto !important; flex-direction: row !important; align-items: center !important;
    width: max-content !important; min-width: max-content !important; height: auto !important;
    max-height: none !important; overflow: visible !important; gap: 6px !important;
  }
  .navbarDashboard .links a, .navbarDashboard > a:not(.logo), .navbarDashboard .sidebar-item {
    display: inline-flex !important; flex: 0 0 auto !important; width: auto !important;
    min-width: max-content !important; min-height: 42px !important; margin: 0 !important;
    padding: 9px 11px !important; gap: 8px !important; white-space: nowrap !important;
  }
}


/* V99 HOTFIX: contraste oscuro final. Debe permanecer al FINAL de la hoja. */
html[data-theme="dark"] body .modalNav,
html[data-theme="dark"] body .modalNav .modalNav-content,
html[data-theme="dark"] body .modalNav .modalNav-content .enlaces,
html[data-theme="dark"] body .modal-cart,
html[data-theme="dark"] body .modal-cart .modal-send-form,
html[data-theme="dark"] body .modal-horarios,
html[data-theme="dark"] body .modalHorariosContainer,
html[data-theme="dark"] body .modalNav :is(h1,h2,h3,h4,p,span,a,li,label,strong,small),
html[data-theme="dark"] body .modal-cart :is(h1,h2,h3,h4,p,span,a,li,label,strong,small),
html[data-theme="dark"] body .modal-cart .modal-send-form :is(*),
html[data-theme="dark"] body .modal-horarios :is(h1,h2,h3,h4,p,span,a,li,label,strong,small),
html[data-theme="dark"] body .modalHorariosContainer .horarioItem:not(.horarioItemActual):not(.diaActual) :is(*) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
/* Excepción deliberada: tarjeta blanca de propina y sus controles. */
html[data-theme="dark"] body .modal-cart :is(.propina-container,[class*="propina"],.tip-card,.tipContainer),
html[data-theme="dark"] body .modal-cart :is(.propina-container,[class*="propina"],.tip-card,.tipContainer) * {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}
html[data-theme="dark"] body .modal-cart :is(.propina-container,[class*="propina"],.tip-card,.tipContainer) button {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}
/* Favoritos: negro únicamente en tablet y móvil; mantener el icono visible. */
@media (max-width: 1024px) {
 html[data-theme="dark"] body :is(.favoritos-btn,.favorites-btn,.btnFavoritos,#btnFavoritos,.favorite-btn),
 html[data-theme="dark"] body :is(.favoritos-btn,.favorites-btn,.btnFavoritos,#btnFavoritos,.favorite-btn) :is(svg,path,i) {
   color:#000 !important; fill:#000 !important; stroke:#000 !important;
   -webkit-text-fill-color:#000 !important; opacity:1 !important; visibility:visible !important;
   display:inline-flex !important;
 }
}
/* Menú de administración: mostrar enlaces en tablet/móvil y permitir varias filas; no ocultar módulos. */
@media (max-width: 1024px) {
 html body .navbarDashboard { display:flex !important; flex-direction:column !important; align-items:stretch !important; width:100% !important; height:auto !important; max-height:none !important; overflow:visible !important; }
 html body .navbarDashboard .links { display:flex !important; flex-direction:column !important; flex-wrap:nowrap !important; width:100% !important; min-width:0 !important; max-width:100% !important; height:auto !important; max-height:none !important; overflow:visible !important; visibility:visible !important; opacity:1 !important; }
 html body .navbarDashboard .links a,
 html body .navbarDashboard .links button,
 html body .navbarDashboard .sidebar-item,
 html body .navbarDashboard > a:not(.logo) { display:flex !important; width:100% !important; min-width:0 !important; max-width:100% !important; white-space:normal !important; visibility:visible !important; opacity:1 !important; }
 html body .containerGrid { display:flex !important; flex-direction:column !important; width:100% !important; min-width:0 !important; }
}
/* Imagen del encabezado lateral completa, sin recorte superior. */
html body .modalNav .modalNav-content .fondo { height:auto !important; max-height:none !important; overflow:visible !important; }
html body .modalNav .modalNav-content .fondo img { display:block !important; width:100% !important; height:auto !important; max-height:none !important; object-fit:contain !important; object-position:center top !important; }