﻿*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:"Raleway",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI Emoji","Noto Color Emoji",sans-serif;background-color:#232323}*::-webkit-scrollbar{width:5px !important}*::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px}*::-webkit-scrollbar-thumb{border-radius:10px;background-color:#773232;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}html,body{background-color:#232323 !important}body{cursor:url("/staticfiles/assets/img/happy_mouse.webp"),auto}button,a,.btn{cursor:url("/staticfiles/assets/img/happy_mouse.webp"),pointer !important}li{cursor:auto}.containerPrincipal{height:100dvh;background-color:#fffbf8;background-image:url("/staticfiles/assets/img/Rinoceronte_Happyanimals.webp");background-position:center;background-repeat:no-repeat;background-size:cover;color:#773232;display:flex;gap:1%;padding:1%}.containerPrincipal .menuLateral{width:4%;min-width:70px}.containerPrincipal .contenedor{display:flex;flex-direction:column;width:100%}.box{background-color:rgba(244,232,224,.9490196078);border-radius:10px;padding:1vh}.tittle{font-size:50px;color:#773232;text-align:center;position:relative;padding-top:3vh;animation:aparecerCentro 2.5s ease forwards}.tittle::after{content:"";position:absolute;bottom:-1vh;left:0;width:50%;height:2px;background-color:#773232;transform:translateX(50%)}.button{background-color:#d1e1d7 !important;border-radius:1vh !important;color:#3a4249 !important;border:3px solid #87a1b2 !important;padding:1vh 2vh !important;margin:1vh 0px !important;transition:all .1s linear !important}.button:hover{border:3px solid #f49898 !important}.buttonReverse{background-color:#e3e3e3;border-radius:1vh;color:#e3843b;border:1px solid #e3843b;padding:1vh 2vh;margin:1vh 0px}.buttonReverse:hover{transform:scale(1.06)}.formularioCrud .form-control{color:#3a4249}.formularioCrud .form-control:hover{border:1px solid #e3843b}#cuerpo-registros .tabla__linea:hover td{color:#e3843b}.tabla{margin-bottom:0 !important}.tabla thead tr th{background-color:#773232;color:#e3e3e3}.tabla tbody .tabla__linea{vertical-align:middle}.tabla tbody .tabla__linea:hover{cursor:pointer}.tabla tbody .tabla__linea:nth-child(odd) td{background-color:#fffbf8}.tabla tbody .tabla__linea:nth-child(even) td{background-color:#f5d6cf}.userInfo_profilePhoto{aspect-ratio:1/1;object-fit:cover;border-radius:100%;border:2px solid #e3e3e3}.priceRed{color:#e3843b;text-decoration:underline}.happyApps-button{text-decoration:none;background-color:#f5d6cf;border:3px solid #773232;color:#773232;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:15px;padding:1rem;transition:all .2s ease-in-out}.happyApps-button:hover{background-color:#773232;color:#f5d6cf;text-decoration:none;box-shadow:0 0 5px #773232;border-color:#f5d6cf}@media screen and (max-width: 1400px){.error404 img{width:300px}.error404 .text{top:20px !important;left:20px !important}.error404 .code{bottom:0 !important;left:25rem !important}.sectionProfile .profile__userInfo{margin-top:1.5rem;height:70vh !important;overflow-y:scroll}}@media screen and (max-width: 1200px){.menuLateral{width:100% !important;flex-direction:row !important}.menuLateral>div{width:100%;display:flex;align-items:center;justify-content:center}.menuLateral .menuLateral__profile{width:10% !important}.menuLateral .menuLateral__profile img{width:40% !important}.menuLateral .menuLateral__enlaces{width:100%}.menuLateral .menuLateral__enlaces .enlaces__lista{margin:0;width:100%;display:flex !important;align-items:center;justify-content:space-between;padding-inline:50px}.menuLateral .menuLateral__enlaces .enlaces__lista li{padding-block:25px}.menuLateral .menuLateral__logo{width:10%}.containerPrincipal{flex-direction:column-reverse;justify-content:space-between}.containerPrincipal .sectionInicio{height:90vh;margin-top:0 !important}.containerPrincipal .sectionTrello .listaCategorias ul{width:100% !important}.containerPrincipal .sectionTrello .filtros{width:100%}.containerPrincipal .sectionInventario{height:100%}.containerPrincipal .sectionInventario .inventario__buttons a{padding:2rem 3rem !important;font-size:2rem}.containerPrincipal .sectionPedidos,.containerPrincipal .sectionArticulos,.containerPrincipal .sectionPedidosDetalle,.containerPrincipal .sectionArticulosDetalle,.containerPrincipal .sectionArticuloNuevo,.containerPrincipal .sectionPedidoNuevo,.containerPrincipal .sectionRegistros,.containerPrincipal .sectionPicking{height:100%}.containerPrincipal .sectionPedidosDetalle .formularioCrud,.containerPrincipal .sectionArticulosDetalle .formularioCrud{height:100% !important;overflow-y:scroll}.containerPrincipal .sectionArticuloNuevo .formularioCrud,.containerPrincipal .sectionPedidoNuevo .formularioCrud{height:150% !important;overflow-y:scroll}.sectionProfile{height:100%}.sectionProfile .profile__userInfo{height:40vh !important;overflow-y:scroll}.sectionPedidos h2{padding-top:0}.sectionPedidos .pedidos__menu{margin-top:0 !important}.sectionPedidos .pedidos__menu>div{width:100% !important}.sectionPedidos .pedidos__filtros{width:100% !important;gap:1rem !important}.sectionPedidos .pedidos__filtros>div:last-child{width:100%}.sectionPedidos .pedidos__table{height:40vh !important}.sectionPedidos .pedidos__afterTable{padding-top:1rem !important;display:flex;flex-direction:column-reverse;gap:1rem}.sectionPedidos .pedidos__afterTable>span{display:none}.sectionPedidos .pedidos__afterTable nav{width:100%;display:flex;align-items:center;justify-content:center}.sectionPedidos .pedidos__afterTable .afterTable__button{width:100%;display:flex;justify-content:center;bottom:15vh;left:0}.sectionPedidos .pedidos__afterTable .afterTable__button>a{width:90%}.sectionPedidos #pedidos__help{display:none}}@media screen and (max-width: 865px){.containerPrincipal .menuLateral__enlaces{height:10vh !important}.containerPrincipal>section:nth-child(2){height:86vh !important}.containerPrincipal section.sectionAdmin{height:95vh !important;justify-content:space-around !important}.containerPrincipal section.sectionAdmin .inventario__buttons{gap:0 !important}.containerPrincipal section.sectionAdmin .inventario__buttons a{padding:4rem 8rem !important;font-size:1.5rem !important}.sectionPedidos .inventario__subButtons{width:100%;justify-content:center !important}.sectionPedidos .inventario__subButtons a{padding:1rem 1.5rem !important}.sectionPedidos .inventario__subButtons a p{display:none}.sectionAnalisis .dashboard-container{margin:0;padding:10px}.sectionInicio .inicio__buttons{width:100% !important;flex-direction:column;gap:1rem !important}.sectionInicio .inicio__buttons a{width:100% !important}.sectionInicio .inicio__comenzar{width:100% !important}.sectionPedidos .pedidos__contenido,.sectionArticulos .articulos__contenido,.sectionRegistros .registros__contenido{width:100% !important}.formularioCrud__productos p{font-size:small !important}.sectionPicking{overflow-y:scroll}.sectionPicking>section{margin-top:1rem !important;flex-direction:column}.sectionPicking>section .picking__preparar .picking__subtitulo{text-align:start}.sectionPicking>section .picking__preparar li{margin-top:.2rem !important}.sectionPicking>section .picking__productos ul{height:20vh !important;gap:.5rem !important;overflow-y:scroll}.sectionPicking>section .picking__productos ul li p:first-child{font-size:.5rem !important}.sectionPicking>section .picking__productos ul li p:last-child{font-size:.8rem !important}.sectionPicking>section .picking__preparar,.sectionPicking>section .picking__productos{width:100% !important;height:50%}.sectionPicking>section .picking__preparar .picking__subtitulo,.sectionPicking>section .picking__productos .picking__subtitulo{font-size:.7rem !important}.sectionPicking>section .picking__preparar ul,.sectionPicking>section .picking__productos ul{height:90%;gap:.5rem !important;overflow-y:scroll}}@media screen and (max-width: 768px){.sectionPicking .picking__preparar{height:100% !important}.menuLateral .menuLateral__enlaces{height:8vh !important;min-height:50px}.menuLateral .menuLateral__enlaces .enlaces__lista{padding-block:8px !important}.menuLateral .menuLateral__enlaces .enlaces__lista li{padding-block:10px !important}.menuLateral .menuLateral__enlaces .enlaces__lista li a{width:2.2rem;height:2.2rem;font-size:1rem}.sectionPedidos{padding:0 !important;height:calc(100vh - 50px) !important}.sectionPedidos .pedidos__contenido{padding:0 !important;height:100%;display:flex;flex-direction:column}.sectionPedidos h2.tittle{display:none}.sectionPedidos .pedidos__menu{margin:0 !important;padding:.5rem;background:linear-gradient(135deg, #773232 0%, #9c4545 100%);border-bottom:none;display:flex;flex-direction:column;gap:.4rem}.sectionPedidos .pedidos__menu::before{content:"Pedidos";font-size:1rem;font-weight:700;color:#fff;padding-left:.25rem}.sectionPedidos .pedidos__menu .d-flex{gap:.3rem !important;justify-content:flex-start !important;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.25rem}.sectionPedidos .pedidos__menu .d-flex::-webkit-scrollbar{display:none}.sectionPedidos .pedidos__menu .button{padding:.35rem .5rem !important;margin:0 !important;border-radius:6px !important;min-width:34px;min-height:34px;max-height:34px;background:hsla(0,0%,100%,.95) !important;border:1px solid hsla(0,0%,100%,.3) !important;flex-shrink:0;display:flex !important;align-items:center;justify-content:center}.sectionPedidos .pedidos__menu .button i{font-size:.85rem;color:#773232 !important}.sectionPedidos .pedidos__menu .button p{display:none !important}.sectionPedidos .pedidos__menu .button:active{background:hsla(0,0%,100%,.8) !important;transform:scale(0.95)}.sectionPedidos .pedidos__menu>.d-flex:first-of-type{display:flex !important}.sectionPedidos .pedidos__table{flex:1;height:auto !important;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:0;background:#f8f9fa}.sectionPedidos .pedidos__table .table{margin:0}.sectionPedidos .pedidos__table .table thead{display:none}.sectionPedidos .pedidos__table .table tbody{display:flex;flex-direction:column;gap:.35rem;padding:.35rem}.sectionPedidos .pedidos__table .table tr.tabla__linea{display:flex;flex-wrap:wrap;align-items:stretch;padding:0;border:none;border-radius:8px;cursor:pointer;gap:0;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:all .15s;overflow:hidden;min-height:52px;position:relative;border-left:4px solid #ccc}.sectionPedidos .pedidos__table .table tr.tabla__linea:active{transform:scale(0.99);box-shadow:0 1px 2px rgba(0,0,0,.1)}.sectionPedidos .pedidos__table .table tr.tabla__linea td{padding:0;border:none;vertical-align:middle}.sectionPedidos .pedidos__table .table tr.tabla__linea td:nth-child(1){flex:1;min-width:0;padding:.5rem;display:flex;flex-direction:column;justify-content:center}.sectionPedidos .pedidos__table .table tr.tabla__linea td:nth-child(1)>div.d-flex{flex-direction:column !important;align-items:flex-start !important;gap:.15rem !important}.sectionPedidos .pedidos__table .table tr.tabla__linea td:nth-child(1)>div.d-flex>div.d-flex:first-child{display:flex !important;flex-direction:row !important;align-items:center !important;gap:.35rem !important;width:100%}.sectionPedidos .pedidos__table .table tr.tabla__linea td:nth-child(1)>div.d-flex>div.d-flex:first-child strong{font-size:.6rem;color:#fff;background:#773232;padding:.1rem .35rem;border-radius:3px;text-transform:uppercase;letter-spacing:.3px}.sectionPedidos .pedidos__table .table tr.tabla__linea td:nth-child(1)>div.d-flex>div.d-flex:first-child .badge{font-size:.5rem !important;padding:.1rem .25rem !important}.sectionPedidos .pedidos__table .table tr.tabla__linea td:nth-child(1)>div.d-flex>div.d-flex:first-child .badge.bg-success{background:#198754 !important}.sectionPedidos .pedidos__table .table tr.tabla__linea td:nth-child(1)>div.d-flex>div.d-flex:first-child .badge.bg-secondary{display:none}.sectionPedidos .pedidos__table .table tr.tabla__linea td:nth-child(1)>div.d-flex>span:nth-of-type(1){font-size:.85rem;font-weight:700;color:#212529}.sectionPedidos .pedidos__table .table tr.tabla__linea td:nth-child(1)>div.d-flex>span:nth-of-type(2){font-size:.65rem;color:#6c757d}.sectionPedidos .pedidos__table .table tr.tabla__linea td:nth-child(2){display:none}.sectionPedidos .pedidos__table .table tr.tabla__linea td:nth-child(3){flex:1;min-width:0;padding:.5rem;padding-left:0;display:flex;flex-direction:column;justify-content:center}.sectionPedidos .pedidos__table .table tr.tabla__linea td:nth-child(3)>div.d-flex{flex-direction:column !important;align-items:flex-start !important;gap:.1rem !important}.sectionPedidos .pedidos__table .table tr.tabla__linea td:nth-child(3)>div.d-flex>span:nth-child(1){font-size:.7rem;font-weight:500;color:#495057;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sectionPedidos .pedidos__table .table tr.tabla__linea td:nth-child(3)>div.d-flex>span:nth-child(2){display:none}.sectionPedidos .pedidos__table .table tr.tabla__linea td:nth-child(3)>div.d-flex>span:nth-child(3){font-size:.6rem;color:#6c757d}.sectionPedidos .pedidos__table .table tr.tabla__linea td:nth-child(3)>div.d-flex>span:nth-child(3) .badge{font-size:.5rem !important;padding:.1rem .25rem !important}.sectionPedidos .pedidos__table .table tr.tabla__linea td:nth-child(3)>div.d-flex>div:last-child{font-size:.55rem;color:#6c757d}.sectionPedidos .pedidos__table .table tr.tabla__linea td:nth-child(4){flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:.25rem .35rem;background:rgba(0,0,0,.02)}.sectionPedidos .pedidos__table .table tr.tabla__linea td:nth-child(4) span{font-size:.55rem !important;padding:.25rem .35rem !important;white-space:nowrap;text-align:center}.sectionPedidos .pedidos__table .table tr.tabla__linea td:nth-child(5){display:none}.sectionPedidos .pedidos__afterTable{background:#fff;border-top:1px solid #e9ecef;padding:.4rem .5rem !important;gap:.4rem;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;position:sticky;bottom:0;z-index:100;box-shadow:0 -2px 10px rgba(0,0,0,.05)}.sectionPedidos .pedidos__afterTable>span{display:block !important;font-size:.65rem;color:#6c757d;order:2;flex:0 0 auto}.sectionPedidos .pedidos__afterTable>span strong{color:#773232;font-weight:700}.sectionPedidos .pedidos__afterTable .afterTable__button{order:1;flex:1;display:flex;gap:.3rem}.sectionPedidos .pedidos__afterTable .afterTable__button a.btn{flex:1;padding:.4rem .5rem;font-size:.65rem;font-weight:600;border-radius:6px;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:.25rem}.sectionPedidos .pedidos__afterTable .afterTable__button a.btn i{font-size:.75rem}.sectionPedidos .pedidos__afterTable nav{order:3;width:100%;margin-top:.2rem}.sectionPedidos .pedidos__afterTable nav .pagination{justify-content:center;gap:.1rem;margin:0}.sectionPedidos .pedidos__afterTable nav .pagination .page-item .page-link{padding:.2rem .4rem;font-size:.65rem;min-width:26px;text-align:center;border-radius:4px}.sectionPedidos .pedidos__afterTable nav .pagination .page-item:first-child .page-link,.sectionPedidos .pedidos__afterTable nav .pagination .page-item:last-child .page-link{font-size:0}.sectionPedidos .pedidos__afterTable nav .pagination .page-item:first-child .page-link::before,.sectionPedidos .pedidos__afterTable nav .pagination .page-item:last-child .page-link::before{font-size:.65rem}.sectionPedidos .pedidos__afterTable nav .pagination .page-item:first-child .page-link::before{content:"‹";font-size:.85rem}.sectionPedidos .pedidos__afterTable nav .pagination .page-item:last-child .page-link::before{content:"›";font-size:.85rem}.sectionPedidos .pedidos__afterTable nav .pagination .page-item.disabled{display:none}.sectionPedidos #pedidos__help{display:none !important}.offcanvas{width:85% !important;max-width:320px}.offcanvas .offcanvas-header{padding:.75rem 1rem;background:#773232}.offcanvas .offcanvas-header .offcanvas-title{font-size:1rem;color:#fff}.offcanvas .offcanvas-body{padding:1rem}.offcanvas .offcanvas-body .form-label{font-size:.8rem;font-weight:600;margin-bottom:.3rem}.offcanvas .offcanvas-body .form-select,.offcanvas .offcanvas-body .form-control{font-size:.85rem;padding:.5rem .75rem}.offcanvas .offcanvas-body .btn{font-size:.85rem}}@media screen and (max-width: 576px){h2.tittle{font-size:2rem}.sectionInicio,.sectionRegistros,.sectionProfile,.sectionIncidencias{height:100% !important}.sectionProfile form{height:20vh}.sectionProfile form .userInfo__profilePhoto img{width:60px}.sectionProfile form .userInfo__signature img{margin:0 auto;width:90px;height:35px}.sectionProfile .profile__userInfo{height:35vh !important}.sectionIncidencias .incidencias__filtros{width:90% !important;margin:0 auto !important;justify-content:space-between !important}.sectionIncidencias .incidencias__table{width:90% !important;height:45vh !important;padding-bottom:0 !important}.sectionRegistros .registros__contenido{margin-top:2rem !important;height:50vh !important;display:flex;flex-direction:column-reverse !important}.containerPrincipal{height:100dvh !important}.containerInicio{height:100% !important}.containerInicio .inicio__contenido{width:90% !important}.menuLateral img{width:30px !important}.menuLateral .menuLateral__profile{width:100px !important}.menuLateral .menuLateral__enlaces .enlaces__lista{padding:0 !important;padding-left:5px !important;width:90% !important}.sectionInventario{height:100%}.sectionInventario .inventario__buttons{flex-direction:column}.sectionInventario .inventario__buttons a{width:auto !important;height:auto !important;padding:1rem 2rem !important;font-size:1rem}.formularioCrud{height:50%;overflow-y:scroll}.sectionProfile .profile__userInfo{display:flex !important;flex-direction:column;width:100% !important;gap:1.5rem !important}.sectionProfile .profile__userInfo>section{width:100%}.sectionPedidos .pedidos__table tr.tabla__linea{min-height:50px}.sectionPedidos .pedidos__menu .button{min-width:32px;min-height:32px;max-height:32px;padding:.3rem .4rem !important}.sectionPedidos .pedidos__menu .button i{font-size:.8rem}.sectionPedidos .pedidos__afterTable .afterTable__button a.btn{padding:.35rem .4rem;font-size:.6rem}.sectionPedidos .pedidos__afterTable .afterTable__button a.btn i{font-size:.7rem}}@media screen and (max-width: 400px){.sectionPedidos .pedidos__menu{padding:.35rem}.sectionPedidos .pedidos__menu::before{font-size:.9rem}.sectionPedidos .pedidos__menu .button{padding:.25rem .35rem !important;min-width:30px;min-height:30px;max-height:30px}.sectionPedidos .pedidos__menu .button i{font-size:.75rem}.sectionPedidos .pedidos__table tbody{gap:.25rem;padding:.25rem}.sectionPedidos .pedidos__table tr.tabla__linea{min-height:48px}.sectionPedidos .pedidos__afterTable{padding:.35rem !important}.sectionPedidos .pedidos__afterTable>span{font-size:.55rem}.sectionPedidos .pedidos__afterTable .afterTable__button a.btn{padding:.3rem .35rem;font-size:.55rem}.sectionPedidos .pedidos__afterTable nav .pagination .page-item .page-link{padding:.15rem .3rem;font-size:.55rem;min-width:22px}.menuLateral .menuLateral__enlaces{height:7vh !important;min-height:45px}.menuLateral .menuLateral__enlaces .enlaces__lista li a{width:2rem;height:2rem;font-size:.9rem}}.menuLateral .menuLateral__profile{display:flex;align-items:center;justify-content:center;flex-direction:column}.menuLateral .menuLateral__profile>img.profile__photo{object-fit:contain;width:80%;padding:.3rem 0}.menuLateral .menuLateral__profile .link{text-decoration:none;color:#3a4249}.menuLateral .menuLateral__profile .link p{font-weight:500}.menuLateral .menuLateral__profile .link:hover{text-decoration:underline}.menuLateral .menuLateral__logo img{object-fit:contain;width:100%;margin-top:.5rem}.menuLateral .menuLateral__enlaces ul{list-style:none;padding:0;margin-top:1rem}.menuLateral .menuLateral__enlaces ul li{margin-top:1rem;text-align:center;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:100%;font-size:larger;transition:background .2s linear}.menuLateral .menuLateral__enlaces ul a{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:100%;text-decoration:none;color:#773232}.menuLateral .menuLateral__enlaces ul li:hover{background-color:#773232}.menuLateral .menuLateral__enlaces ul li:hover a{color:#f49898}.menuLateral .menuLateral__enlaces ul .selected a{transition:color .2s linear}.menuLateral .menuLateral__enlaces ul li.selected:hover{background-color:#773232 !important}.menuLateral .menuLateral__enlaces ul li.selected:hover a{color:#e3e3e3 !important}.sectionProfile .logoutBtn{width:100%;padding:.7rem 2rem;border-radius:10px;color:#e3e3e3;border:2px solid #c93333;transition:all .3s linear;text-decoration:none}.sectionProfile .logoutBtn:hover{background-color:#c93333;border:2px solid #a42525;font-weight:bold}.sectionProfile .profile__userInfo{display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));gap:4rem;padding:1rem;align-items:center}.sectionProfile .profile__userInfo>section input{background-color:#e3e3e3;padding:.7rem 2rem}.sectionProfile .profile__userInfo .userInfo_logout{align-self:flex-end}label.userInfo_profileWrapper{position:relative;display:inline-block;cursor:pointer;transition:all .3s ease;color:#e3843b;border:3px solid #e3e3e3;border-radius:100%}label.userInfo_profileWrapper:hover{border:3px solid #d64545}label.userInfo_profileWrapper img{border:none}label.userInfo_profileWrapper:hover img{filter:brightness(0.3);transition:filter .3s ease}label.userInfo_profileWrapper::after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:24px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none;opacity:0;transition:opacity .3s ease}label.userInfo_profileWrapper:hover::after{opacity:1}.containerInicio{background-color:#f4e8e0;height:100%;border-radius:10px}.containerInicio .portadaForms{background-color:#f5d6cf;border-radius:1vh;text-align:center;width:50%;padding:50px 0px;color:#773232}.containerInicio .portadaForms p{padding:0px 10px}.containerInicio .portadaForms div{background-image:linear-gradient(51deg, #d64545 50%, rgb(213, 89, 55) 65%, #e3843b 100%);width:100px;height:100px;display:flex;align-items:center;justify-content:center;font-size:60px;border-radius:100px;margin:20px 0px 40px 0px}.containerInicio .portadaForms button{background-color:#f49898;color:#773232;padding:5px 40px;border:2px solid #773232;font-weight:bold;border-radius:3vh;text-transform:uppercase;transition:all .3s ease-in-out}.containerInicio .portadaForms button:hover{background-color:#d1e1d7;color:#3a4249;border:2px solid #87a1b2}.containerInicio .portadaForms form input{background-color:#e3e3e3;border:1px inset #fffbf8;border-radius:1vh;padding:.5rem 1rem;margin:0px 20px}.containerInicio .formularios{top:0;left:50%;height:100%;width:50%;background-image:linear-gradient(51deg, #d64545 50%, rgb(213, 89, 55) 65%, #e3843b 100%);border-radius:1vh;text-align:center;padding:50px 15px;transition:left .3s linear}.containerInicio .formularios .formRegistrarse form{padding:10px 0px;gap:12px !important}.containerInicio .formularios .formRegistrarse form input{padding:3px 10px}.containerInicio .formularios h3{color:#e3e3e3}.containerInicio .formularios form input{background-color:hsla(0,0%,100%,.399);border:1px solid #e3e3e3;border-radius:1vh;padding:3px 10px;margin:0px 20px}.containerInicio .formularios form input::placeholder{color:#e3e3e3}.containerInicio .formularios button{background-color:#232323;color:#e3e3e3;padding:5px 25px;border:none;border-radius:3vh;text-transform:uppercase;margin-top:6px}@media only screen and (max-width: 767px){.containerInicio .portadaForms{width:95%}.containerInicio h3{font-size:19px}.containerInicio p,.containerInicio input,.containerInicio button{font-size:12px;margin:0 !important}.containerInicio p{margin-top:15px !important}.containerInicio button{margin-top:10px !important}}@media only screen and (min-width: 768px)and (max-width: 991px){.containerInicio .portadaForms{width:75%}.containerInicio h3{font-size:22px}.containerInicio p,.containerInicio input,.containerInicio button{font-size:14px}}@media only screen and (min-width: 992px){.containerInicio .portadaForms{width:50%}.containerInicio h3{font-size:24px}.containerInicio p,.containerInicio input,.containerInicio button{font-size:14px}}:root{--bg: #FFFBF8;--card: #ffffff;--accent: #e3843b;--primary: #773232;--muted: #6b7280;--success: #16a34a;--glass: rgba(255,255,255,0.6)}*{box-sizing:border-box}.dashboard-container{max-width:1200px;margin:24px auto;padding:20px}.dashboard-header{background:linear-gradient(90deg, var(--primary), var(--accent));color:#fff;padding:20px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:16px}.dashboard-header .left{display:flex;flex-direction:column}.dashboard-title{font-size:24px;font-weight:800}.dashboard-subtitle{opacity:.9}.header-stats{display:flex;gap:12px}.mini-stat{background:hsla(0,0%,100%,.12);padding:8px 12px;border-radius:10px;font-weight:600}.stats-grid-modern{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:16px;margin-top:18px}.modern-card{background:var(--card);border-radius:12px;padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.06)}.card-header{display:flex;justify-content:space-between;align-items:center}.card-title{font-size:12px;text-transform:uppercase;color:var(--primary);font-weight:700}.card-value{font-size:28px;font-weight:900;color:var(--primary);margin-top:8px}.card-info{font-size:13px;color:var(--muted)}.progress-bar{background:rgba(0,0,0,.06);border-radius:8px;height:10px;overflow:hidden;margin-top:10px}.progress-fill{height:100%;background:linear-gradient(90deg, var(--primary), var(--accent));width:0%}.charts-grid-modern{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin-top:20px}.chart-card-modern{background:var(--card);border-radius:12px;padding:1rem 16px;min-height:320px;display:flex;flex-direction:column}.chart-container{height:320px;position:relative}.chart-container.small{height:220px}.chart-body{position:relative;display:flex;align-items:stretch;gap:12px;margin-top:8px;overflow:hidden;flex:1;min-height:clamp(240px,32vh,340px)}.chart-body canvas{max-width:100%;max-height:100%;height:100%;width:100%;display:block;object-fit:contain}.chart-card-modern.full-width .chart-body{height:380px}.chart-header{position:relative;z-index:2;padding-bottom:8px;background:var(--card);margin-bottom:0}.chart-card-modern{overflow:hidden;position:relative}.chart-body{padding:6px}.colors-chart-layout{display:flex;align-items:stretch;width:100%;height:100%;gap:12px}.colors-chart-layout .custom-legend{flex:1 1 55%;display:flex;flex-direction:column;gap:10px;padding-right:8px;overflow-y:auto}.colors-chart-layout .canvas-wrapper{flex:0 1 45%;min-width:0;display:flex;align-items:center;justify-content:center;aspect-ratio:1}.colors-chart-layout .canvas-wrapper canvas{width:100%;height:100%}.color-legend-item{display:flex;align-items:center;gap:12px;margin-bottom:12px}.color-legend-item:last-child{margin-bottom:0}.color-swatch{width:18px;height:18px;border-radius:4px;flex-shrink:0;box-shadow:0 0 0 1px rgba(0,0,0,.05)}.color-legend-text{display:flex;flex-direction:column;gap:4px}.color-legend-label{font-weight:700;color:var(--primary);font-size:.95rem}.color-legend-value{font-size:.8rem;color:var(--muted)}@media(max-width: 992px){.colors-chart-layout{flex-direction:column}.colors-chart-layout .custom-legend{max-height:160px}.colors-chart-layout .canvas-wrapper{margin:0 auto;max-width:240px}}.color-category{margin-bottom:16px;padding:12px;border-radius:8px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1)}.color-category h4{margin:0 0 8px 0;font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.color-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid hsla(0,0%,100%,.05)}.color-item:last-child{border-bottom:none}.color-name{font-weight:500;color:var(--text-primary)}.color-sales{color:var(--text-secondary);font-size:12px}.sectionAnalisis{max-height:100dvh;padding-right:8px}.sectionAnalisis::-webkit-scrollbar{width:10px}.sectionAnalisis::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--primary), var(--accent));border-radius:8px}.dashboard-content{height:92%;overflow-y:scroll;border-radius:15px}.secondary-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}.loading-overlay{position:absolute;inset:0;background:hsla(0,0%,100%,.85);display:flex;align-items:center;justify-content:center;border-radius:8px}@media(max-width: 1100px){.charts-grid-modern{grid-template-columns:1fr 1fr}.chart-container{height:300px}}@media(max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start}.charts-grid-modern{grid-template-columns:1fr}.secondary-charts{grid-template-columns:1fr}}.text-muted{color:var(--muted)}.kpi-row{display:flex;gap:12px;align-items:center}.kpi{display:flex;flex-direction:column}.kpi .label{font-size:12px;color:var(--muted)}.kpi .value{font-size:20px;font-weight:800;color:var(--primary)}canvas.chart-canvas{width:100%;height:100%;display:block}.inventory-summary{margin-top:16px}.inventory-grid{display:flex;gap:12px;align-items:stretch;overflow-x:auto;padding-bottom:6px}.inventory-grid::-webkit-scrollbar{height:8px}.inventory-grid::-webkit-scrollbar-thumb{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:6px}.inv-card{min-width:180px;background:var(--card);border-radius:10px;padding:12px;box-shadow:0 6px 18px rgba(0,0,0,.05);flex:0 0 auto}.inv-card.wide{min-width:360px}.inv-title{font-size:13px;color:var(--muted);font-weight:700}.inv-value{font-size:20px;font-weight:900;color:var(--primary);margin-top:8px}@media(max-width: 600px){.inv-card{min-width:140px;padding:10px}.inv-card.wide{min-width:260px}}:root{--bg: #FFFBF8;--card: #ffffff;--accent: #e3843b;--primary: #773232;--muted: #6b7280;--success: #16a34a;--glass: rgba(255,255,255,0.6)}*{box-sizing:border-box}.dashboard-container{max-width:100%;margin:24px;padding:20px}.dashboard-header{background:linear-gradient(90deg, var(--primary), var(--accent));color:#fff;padding:20px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:16px}.dashboard-header .left{display:flex;flex-direction:column}.dashboard-title{font-size:24px;font-weight:800}.dashboard-subtitle{opacity:.9}.header-stats{display:flex;gap:12px}.mini-stat{background:hsla(0,0%,100%,.12);padding:8px 12px;border-radius:10px;font-weight:600}.stats-grid-modern{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:16px;margin-top:18px}.modern-card{background:var(--card);border-radius:12px;padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.06)}.card-header{display:flex;justify-content:space-between;align-items:center}.card-title{font-size:12px;text-transform:uppercase;color:var(--primary);font-weight:700}.card-value{font-size:28px;font-weight:900;color:var(--primary);margin-top:8px}.card-info{font-size:13px;color:var(--muted)}.progress-bar{background:rgba(0,0,0,.06);border-radius:8px;height:10px;overflow:hidden;margin-top:10px}.progress-fill{height:100%;background:linear-gradient(90deg, var(--primary), var(--accent));width:0%}.charts-grid-modern{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin-top:20px}.chart-card-modern{background:var(--card);border-radius:12px;padding:16px;min-height:260px}.chart-container{height:320px;position:relative}.chart-container.small{height:220px}.chart-body{position:relative;display:flex;align-items:stretch;gap:12px;min-height:clamp(240px,32vh,340px)}.chart-body canvas{max-width:100%;max-height:100%;height:100%;width:100%;display:block}.chart-card-modern.full-width .chart-body{height:380px}.chart-card-modern{overflow:hidden;position:relative}.chart-body{padding:6px}.sectionInventario{max-height:calc(100vh - 80px);overflow:auto;padding-right:8px}.sectionInventario::-webkit-scrollbar{width:10px}.sectionInventario::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--primary), var(--accent));border-radius:8px}.secondary-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}.loading-overlay{position:absolute;inset:0;background:hsla(0,0%,100%,.85);display:flex;align-items:center;justify-content:center;border-radius:8px}@media(max-width: 1100px){.charts-grid-modern{grid-template-columns:1fr 1fr}.chart-container{height:300px}}@media(max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start}.charts-grid-modern{grid-template-columns:1fr}.secondary-charts{grid-template-columns:1fr}}.text-muted{color:var(--muted)}.kpi-row{display:flex;gap:12px;align-items:center}.kpi{display:flex;flex-direction:column}.kpi .label{font-size:12px;color:var(--muted)}.kpi .value{font-size:20px;font-weight:800;color:var(--primary)}canvas.chart-canvas{width:100%;height:100%;display:block}.inventory-summary{margin-top:16px}.inventory-grid{display:flex;gap:12px;align-items:stretch;overflow-x:auto;padding-bottom:6px}.inventory-grid::-webkit-scrollbar{height:8px}.inventory-grid::-webkit-scrollbar-thumb{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:6px}.inv-card{min-width:180px;background:var(--card);border-radius:10px;padding:12px;box-shadow:0 6px 18px rgba(0,0,0,.05);flex:0 0 auto}.inv-card.wide{min-width:360px}.inv-title{font-size:13px;color:var(--muted);font-weight:700}.inv-value{font-size:20px;font-weight:900;color:var(--primary);margin-top:8px}@media(max-width: 600px){.inv-card{min-width:140px;padding:10px}.inv-card.wide{min-width:260px}}.colors-charts-container{display:flex;gap:16px;margin-bottom:20px;align-items:stretch}.colors-charts-container .chart-card-modern{flex:1;min-width:0}@media(max-width: 1100px){.colors-charts-container{flex-direction:column}}@media(max-width: 768px){.colors-charts-container{flex-direction:column;gap:12px}}.tabla thead th:last-child{border-radius:0px 10px 0px 0px}.tabla thead th:first-child{border-radius:10px 0px 0px 0px}.tabla tbody tr{cursor:pointer}.clients-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1.5rem;padding:1rem 0;width:100%}@media(max-width: 768px){.clients-grid{grid-template-columns:1fr;gap:1rem}}.client-card{background:#fff;border-radius:15px;padding:1.5rem;color:#333;position:relative;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 2px 10px rgba(0,0,0,.1);border:1px solid #e9ecef;overflow:hidden}.client-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.client-card:hover .client-avatar img,.client-card:hover .avatar-placeholder{transform:scale(1.05)}.client-card:hover .client-actions{opacity:1;transform:translateY(0)}.client-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.client-avatar{width:70px;height:70px;border-radius:50%;overflow:hidden;border:3px solid #e9ecef;transition:all .3s ease}.client-avatar img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.avatar-placeholder{width:100%;height:100%;background:#f8f9fa;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#6c757d;transition:transform .3s ease}.avatar-placeholder i{font-size:1.8rem}.client-status{position:relative}.client-status .status-online{color:#4caf50;font-size:.8rem;filter:drop-shadow(0 0 3px rgba(76, 175, 80, 0.7));animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}.client-card__body{margin-bottom:1.5rem}.client-name{font-size:1.4rem;font-weight:700;margin-bottom:1rem;color:#2c3e50;line-height:1.2}.client-info{display:flex;flex-direction:column;gap:.6rem}.info-item{display:flex;align-items:center;gap:.8rem;font-size:.9rem;color:#6c757d}.info-item i{width:16px;text-align:center;color:#495057;font-size:.85rem}.info-item span{flex:1;word-break:break-word;color:#495057}.client-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.client-actions{display:flex;gap:.5rem;opacity:0;transform:translateY(10px);transition:all .3s ease}.action-btn{width:35px;height:35px;border:none;border-radius:50%;background:#f8f9fa;color:#6c757d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;border:1px solid #dee2e6}.action-btn:hover{background:#e9ecef;transform:scale(1.1)}.action-btn.edit-btn:hover{background:#ffc107;color:#fff;border-color:#ffc107}.action-btn.call-btn:hover{background:#28a745;color:#fff;border-color:#28a745}.action-btn.message-btn:hover{background:#007bff;color:#fff;border-color:#007bff}.action-btn i{font-size:.8rem}.client-stats small{color:#6c757d;font-size:.75rem}.no-clients{grid-column:1/-1;text-align:center;padding:4rem 2rem;color:#6c757d}.no-clients i{opacity:.5;margin-bottom:1rem}.no-clients h3{color:#495057;margin-bottom:.5rem}.no-clients p{margin-bottom:2rem;opacity:.8}@keyframes animacionTexto{50%{font-size:18px}}.buttonReverse a{text-decoration:none;color:#e3843b}.formularioCrud{background-color:rgba(0,0,0,0)}.formularioCrud .fa-camera{bottom:20px;left:90px;font-size:30px;background-color:#e3e3e3;border-radius:100px;padding:7px;cursor:pointer}.formularioCrud img{width:17vh;height:17vh}.formularioCrud .btnAceptar{align-self:flex-start;margin:0}.formularioCrud input{border:2px solid rgba(0,0,0,0);color:#e3e3e3;padding:3px;background-color:#fff !important;border-radius:5px}.formularioCrud input:enabled{border:2px solid #773232;animation:animacionTexto .5s ease;border-radius:3px 3px 0px 0px}.formularioCrud select{background-color:#fff !important}.formularioCrud select:enabled{animation:animacionTexto .5s ease}.formularioCrud textarea{height:135px;color:#e3e3e3}.formularioCrud select{padding:3px}.formularioCrud select .form-select:focus{box-shadow:0 0 0 .25rem rgba(230,86,34,.6862745098)}.formularioCrud select .custom{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:8px 12px;border-radius:5px;cursor:pointer}.formularioCrud select .custom:hover{background-color:#1e2225 !important}.table{cursor:pointer !important}@media screen and (max-width: 1200px){.table{border:0px}.table caption{font-size:22px}.table thead{display:none}.table tr{margin-bottom:8px;border-bottom:4px solid #ddd;display:grid;grid-template-columns:1fr 2fr}.table th,.table td{font-size:12px}.table td{display:flex;border:none;text-align:right}.table td:last-child{border-bottom:0px}.table td::before{content:attr(data-label);font-weight:bold;text-transform:uppercase;float:left;margin-right:3rem;margin-bottom:1rem;padding-left:5px}table.tabla{display:block;width:100%}table.tabla thead{display:none}table.tabla tbody{display:flex;flex-direction:column;gap:1rem}table.tabla .tabla__linea{display:grid;grid-template-columns:1fr;background-color:#bbb6c5;border:2px solid #87a1b2;border-radius:10px;cursor:pointer}table.tabla .tabla__linea td{display:block;width:100%;text-align:center;padding:.5rem 0;border:none}table.tabla .tabla__linea td:first-child{border-radius:10px 10px 0 0}table.tabla .tabla__linea td:last-child{border-radius:0 0 10px 10px}table.tabla .tabla__linea td:nth-child(2) ul{padding-top:.5rem;display:flex;flex-direction:column;gap:.5rem}table.tabla .tabla__linea td:nth-child(4){display:flex;align-items:center;justify-content:center}table.tabla .tabla__linea td:nth-child(4) span{width:100% !important;margin-right:2.5rem}table.tabla .tabla__linea td:not(:last-child){border-bottom:1px solid #444}table.tabla .tabla__linea td div,table.tabla .tabla__linea td>span{padding-inline:1rem;width:100%}.pedido__opciones{justify-content:center;flex-wrap:wrap;gap:.5rem}}@media(max-width: 480px){.clients-grid{grid-template-columns:1fr;padding:.5rem 0}.client-card{padding:1rem;border-radius:15px}.client-card .client-name{font-size:1.2rem}.client-card .client-avatar{width:60px;height:60px}.client-card .info-item{font-size:.85rem}}@keyframes cardEnter{from{opacity:0;transform:translateY(30px) scale(0.9)}to{opacity:1;transform:translateY(0) scale(1)}}.client-card{animation:cardEnter .6s cubic-bezier(0.4, 0, 0.2, 1) forwards}.client-card:nth-child(1){animation-delay:.1s}.client-card:nth-child(2){animation-delay:.2s}.client-card:nth-child(3){animation-delay:.3s}.client-card:nth-child(4){animation-delay:.4s}.client-card:nth-child(5){animation-delay:.5s}.client-card:nth-child(6){animation-delay:.6s}.client-card:nth-child(n+7){animation-delay:.7s}#optionSelect{border-radius:15px !important;border:2px solid rgba(0,0,0,0) !important;transition:all .3s ease !important}#optionSelect:focus{border-color:#667eea !important;box-shadow:0 0 0 .2rem rgba(102,126,234,.25) !important}#loadingSpinner .spinner-border{color:#773232 !important;border-color:#773232 rgba(0,0,0,0) #773232 rgba(0,0,0,0) !important;animation:spinner-border .75s linear infinite;width:3rem !important;height:3rem !important}#endMessage{color:#6c757d;font-style:italic}#endMessage i{color:#28a745}#scrollContainer{scroll-behavior:smooth}.clients-grid{min-height:200px}.enterprises-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1.5rem;padding:1rem 0;width:100%;min-height:200px}@media(max-width: 768px){.enterprises-grid{grid-template-columns:1fr;gap:1rem}}.enterprise-card{background:#fff;border-radius:15px;padding:1.5rem;color:#333;position:relative;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 2px 10px rgba(0,0,0,.1);border:1px solid #e9ecef;overflow:hidden}.enterprise-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.enterprise-card:hover .enterprise-logo img,.enterprise-card:hover .logo-placeholder{transform:scale(1.05)}.enterprise-card:hover .enterprise-actions{opacity:1;transform:translateY(0)}.enterprise-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.enterprise-logo{width:70px;height:70px;border-radius:15px;overflow:hidden;border:2px solid #e9ecef;transition:all .3s ease}.enterprise-logo img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.logo-placeholder{width:100%;height:100%;background:#f8f9fa;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#6c757d;transition:transform .3s ease}.logo-placeholder i{font-size:1.8rem}.enterprise-status{position:relative}.enterprise-status .status-active{color:#28a745;font-size:.8rem;filter:drop-shadow(0 0 3px rgba(40, 167, 69, 0.7));animation:pulse 2s infinite}.enterprise-card__body{margin-bottom:1.5rem}.enterprise-name{font-size:1.4rem;font-weight:700;margin-bottom:1rem;color:#2c3e50;line-height:1.2}.enterprise-info{display:flex;flex-direction:column;gap:.6rem}.enterprise-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.enterprise-actions{display:flex;gap:.5rem;opacity:0;transform:translateY(10px);transition:all .3s ease}.enterprise-actions .web-btn:hover{background:#17a2b8;color:#fff;border-color:#17a2b8}.enterprise-actions .email-btn:hover{background:#6f42c1;color:#fff;border-color:#6f42c1}.enterprise-stats small{color:#6c757d;font-size:.75rem}.no-enterprises{grid-column:1/-1;text-align:center;padding:4rem 2rem;color:#6c757d}.no-enterprises i{opacity:.5;margin-bottom:1rem}.no-enterprises h3{color:#495057;margin-bottom:.5rem}.no-enterprises p{margin-bottom:2rem;opacity:.8}.enterprise-card{animation:cardEnter .6s cubic-bezier(0.4, 0, 0.2, 1) forwards}.enterprise-card:nth-child(1){animation-delay:.1s}.enterprise-card:nth-child(2){animation-delay:.2s}.enterprise-card:nth-child(3){animation-delay:.3s}.enterprise-card:nth-child(4){animation-delay:.4s}.enterprise-card:nth-child(5){animation-delay:.5s}.enterprise-card:nth-child(6){animation-delay:.6s}.enterprise-card:nth-child(n+7){animation-delay:.7s}@media(max-width: 480px){.enterprises-grid{grid-template-columns:1fr;padding:.5rem 0}.enterprise-card{padding:1rem;border-radius:15px}.enterprise-card .enterprise-name{font-size:1.2rem}.enterprise-card .enterprise-logo{width:60px;height:60px}.enterprise-card .info-item{font-size:.85rem}}.client-detail-container{width:100%;overflow-y:hidden;margin:0;padding:1rem;display:flex;flex-direction:column;height:100vh}@media(max-width: 768px){.client-detail-container{padding:.5rem;height:auto;min-height:100vh;overflow-y:visible}}.client-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem;background-color:#fff;border-radius:15px;box-shadow:0 8px 20px rgba(0,0,0,.06);border:1px solid rgba(119,50,50,.1);flex-shrink:0}@media(max-width: 768px){.client-header{flex-direction:column;gap:1rem;text-align:center}}.client-header .client-title{font-size:2.2rem;font-weight:700;color:#773232;margin:0}@media(max-width: 768px){.client-header .client-title{font-size:1.8rem}}.client-header .client-actions-header{display:flex;gap:1rem}@media(max-width: 480px){.client-header .client-actions-header{flex-direction:column;width:100%}}.client-header .btn-action{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer}.client-header .btn-action i{font-size:1rem}.client-header .btn-action.btn-back{background:rgba(119,50,50,.1);color:#773232;border:2px solid rgba(0,0,0,0)}.client-header .btn-action.btn-back:hover{background:rgba(119,50,50,.2);border-color:rgba(119,50,50,.3);text-decoration:none;color:#773232}.client-header .btn-action.btn-edit{background:#773232;color:#fff;border:2px solid #773232}.client-header .btn-action.btn-edit:hover{background:hsl(0,40.8284023669%,23.137254902%);border-color:hsl(0,40.8284023669%,23.137254902%);transform:translateY(-2px)}@media(max-width: 480px){.client-header .btn-action{justify-content:center;width:100%}}.client-content{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1rem;min-height:0;height:65vh}@media(max-width: 1024px){.client-content{grid-template-columns:1fr;gap:1rem}}.client-left-column{display:flex;flex-direction:column;height:100%;min-height:0;overflow-y:auto;padding-right:.5rem}.client-left-column::-webkit-scrollbar{width:6px}.client-left-column::-webkit-scrollbar-track{background:rgba(119,50,50,.1);border-radius:3px}.client-left-column::-webkit-scrollbar-thumb{background:rgba(119,50,50,.4);border-radius:3px}.client-left-column::-webkit-scrollbar-thumb:hover{background:rgba(119,50,50,.6)}.client-left-column>*+*{margin-top:.75rem}.client-left-column .section-title{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.1rem;font-weight:700;color:#773232;padding-bottom:.5rem;border-bottom:2px solid rgba(119,50,50,.1);flex-shrink:0}.client-left-column .section-title i{color:#773232;font-size:.9rem}@media(max-width: 768px){.client-left-column .section-title{font-size:1rem;justify-content:center}}.client-right-column{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.client-right-column>*+*{margin-top:.75rem}.section-title{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.1rem;font-weight:700;color:#773232;padding-bottom:.5rem;border-bottom:2px solid rgba(119,50,50,.1);flex-shrink:0}.section-title i{color:#773232;font-size:1.2rem}.section-title .orders-badge{background:linear-gradient(135deg, #773232, rgb(83.0887573964, 34.9112426036, 34.9112426036));color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-left:.5rem}.section-title .orders-subtitle{color:rgba(119,50,50,.6);font-weight:400;font-size:.8rem;margin-left:.5rem}@media(max-width: 768px){.section-title{font-size:1.2rem;flex-direction:column;align-items:center;text-align:center;gap:.5rem}.section-title .orders-badge,.section-title .orders-subtitle{margin-left:0}}.orders-table-wrapper{flex:1;display:flex;flex-direction:column;min-height:0}.orders-table-wrapper .orders-table-container{flex:1;overflow-y:auto;border:2px solid rgba(119,50,50,.1);border-radius:12px;background:#fff;max-height:100%}.orders-table-wrapper .orders-table-container::-webkit-scrollbar{width:6px;height:6px}.orders-table-wrapper .orders-table-container::-webkit-scrollbar-track{background:rgba(119,50,50,.1);border-radius:3px}.orders-table-wrapper .orders-table-container::-webkit-scrollbar-thumb{background:rgba(119,50,50,.4);border-radius:3px}.orders-table-wrapper .orders-table-container::-webkit-scrollbar-thumb:hover{background:rgba(119,50,50,.6)}.orders-table-wrapper .orders-table-container .orders-table{width:100%;margin:0;border-collapse:collapse}.orders-table-wrapper .orders-table-container .orders-table thead{position:sticky;top:0;background:#343a40;z-index:10}.orders-table-wrapper .orders-table-container .orders-table tbody tr:hover{background-color:rgba(119,50,50,.05)}.orders-table-wrapper .orders-info,.orders-table-wrapper .no-orders-state{flex-shrink:0;margin-top:1rem}.no-orders-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;background:rgba(119,50,50,.02);border:2px dashed rgba(119,50,50,.2);border-radius:12px}.no-orders-state i{font-size:3rem;color:rgba(119,50,50,.4);margin-bottom:1rem}.no-orders-state h5{color:#773232;margin-bottom:.5rem}.no-orders-state p{color:rgba(119,50,50,.6);margin:0}.client-financial-summary{margin-bottom:.75rem}.client-financial-summary .financial-cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:.75rem}@media(max-width: 768px){.client-financial-summary .financial-cards{grid-template-columns:repeat(2, 1fr);gap:.5rem}}.client-financial-summary .financial-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border:1px solid rgba(119,50,50,.15);border-radius:8px;transition:all .3s ease;box-shadow:0 2px 6px rgba(0,0,0,.04);position:relative;overflow:hidden}.client-financial-summary .financial-card::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg, #773232, rgb(83.0887573964, 34.9112426036, 34.9112426036));opacity:0;transition:opacity .3s ease}.client-financial-summary .financial-card:hover{transform:translateY(-1px);border-color:rgba(119,50,50,.3);box-shadow:0 4px 12px rgba(119,50,50,.1)}.client-financial-summary .financial-card:hover::before{opacity:1}.client-financial-summary .financial-card:hover .financial-icon{transform:scale(1.02)}.client-financial-summary .financial-card .financial-icon{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg, rgba(119, 50, 50, 0.1), rgba(119, 50, 50, 0.2));display:flex;align-items:center;justify-content:center;color:#773232;font-size:1rem;flex-shrink:0;transition:all .3s ease;border:1px solid rgba(119,50,50,.1)}@media(max-width: 768px){.client-financial-summary .financial-card .financial-icon{width:32px;height:32px;font-size:.9rem}}.client-financial-summary .financial-card .financial-content{flex:1;min-width:0}.client-financial-summary .financial-card .financial-content h5{font-size:.7rem;font-weight:600;color:#6c757d;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.3px;line-height:1.2}@media(max-width: 768px){.client-financial-summary .financial-card .financial-content h5{font-size:.65rem}}.client-financial-summary .financial-card .financial-content h3{font-size:1.1rem;font-weight:700;margin:0;line-height:1;transition:all .3s ease}.client-financial-summary .financial-card .financial-content h3.amount-success{color:#28a745;text-shadow:0 1px 3px rgba(40,167,69,.2)}.client-financial-summary .financial-card .financial-content h3.amount-primary{color:#007bff;text-shadow:0 1px 3px rgba(0,123,255,.2)}.client-financial-summary .financial-card .financial-content h3.amount-info{color:#17a2b8;text-shadow:0 1px 3px rgba(23,162,184,.2)}@media(max-width: 768px){.client-financial-summary .financial-card .financial-content h3{font-size:1.2rem}}@media(max-width: 480px){.client-financial-summary .financial-card .financial-content h3{font-size:1.1rem}}@media(max-width: 480px){.client-financial-summary .financial-card{padding:1rem;gap:.8rem}}.client-financial-summary .financial-card{animation:financialCardEnterColumn .6s cubic-bezier(0.4, 0, 0.2, 1) forwards;opacity:0;transform:translateX(-30px)}.client-financial-summary .financial-card:nth-child(1){animation-delay:.1s}.client-financial-summary .financial-card:nth-child(2){animation-delay:.2s}.client-financial-summary .financial-card:nth-child(3){animation-delay:.3s}@keyframes financialCardEnterColumn{from{opacity:0;transform:translateX(-30px) scale(0.95)}to{opacity:1;transform:translateX(0) scale(1)}}.client-form-section{height:100%;overflow:hidden}.client-form-section .form-container{background:#fff;border-radius:15px;padding:1rem;box-shadow:0 8px 20px rgba(0,0,0,.06);border:1px solid rgba(119,50,50,.1);height:calc(100% - .5rem);max-height:60vh;overflow-y:auto;display:flex;flex-direction:column}.client-form-section .form-container::-webkit-scrollbar{width:4px}.client-form-section .form-container::-webkit-scrollbar-track{background:rgba(119,50,50,.1);border-radius:2px}.client-form-section .form-container::-webkit-scrollbar-thumb{background:rgba(119,50,50,.3);border-radius:2px}.client-form-section .form-container::-webkit-scrollbar-thumb:hover{background:rgba(119,50,50,.5)}@media(max-width: 768px){.client-form-section .form-container{padding:.8rem;height:auto;max-height:none;overflow-y:visible}}.client-form-section .client-form{margin-bottom:0}.client-form-section .form-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:.7rem;flex:1}@media(max-width: 768px){.client-form-section .form-grid{grid-template-columns:1fr;gap:.6rem}}.client-form-section .form-group{display:flex;flex-direction:column;gap:.4rem}.client-form-section .form-group.form-group-full{grid-column:1/-1}.client-form-section .form-label{font-weight:600;color:#495057;font-size:.8rem;display:flex;align-items:center;gap:.3rem}.client-form-section .form-label.required .required-asterisk{color:#dc3545;font-size:.7rem}.client-form-section .form-input{padding:.7rem;border:2px solid #e9ecef;border-radius:8px;background:#fff;color:#495057;font-size:.9rem;transition:all .3s ease}.client-form-section .form-input:focus{outline:none;border-color:#773232;box-shadow:0 0 0 .2rem rgba(119,50,50,.25)}.client-form-section .form-input:disabled{background-color:#f8f9fa;border-color:#e9ecef;color:#6c757d;opacity:1}.client-form-section .form-input:enabled{border-color:#773232;background-color:#fff}.client-form-section .form-actions{margin-top:1rem;padding-top:.8rem;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;flex-shrink:0}.client-form-section .form-actions .btn-danger{display:flex;align-items:center;gap:.3rem;padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease}.client-form-section .form-actions .btn-danger:hover{background:rgb(189.2151898734,32.7848101266,47.7721518987);transform:translateY(-2px)}.client-form-section .form-actions .btn-danger i{font-size:.8rem}.client-orders-section .orders-header{margin-bottom:1.5rem}.client-orders-section .orders-header .orders-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#773232;margin:0}.client-orders-section .orders-header .orders-title i{color:#773232;font-size:1.3rem}.client-orders-section .orders-header .orders-title .orders-badge{background:#773232;color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600}.client-orders-section .orders-header .orders-title .orders-subtitle{color:#6c757d;font-weight:400;font-size:.85rem;margin-left:.5rem}.client-orders-section .orders-table-wrapper{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1);border:1px solid #e9ecef}.client-orders-section .orders-table-container{overflow-x:auto}.client-orders-section .orders-table-container::-webkit-scrollbar{height:6px}.client-orders-section .orders-table-container::-webkit-scrollbar-track{background:rgba(119,50,50,.1)}.client-orders-section .orders-table-container::-webkit-scrollbar-thumb{background:rgba(119,50,50,.4);border-radius:3px}.client-orders-section .orders-table-container::-webkit-scrollbar-thumb:hover{background:rgba(119,50,50,.6)}.client-orders-section .orders-table{width:100%;border-collapse:collapse;min-width:700px}.client-orders-section .orders-table thead{background:linear-gradient(135deg, #773232, rgb(83.0887573964, 34.9112426036, 34.9112426036))}.client-orders-section .orders-table thead th{padding:1rem;text-align:left;font-weight:600;color:#fff;border:none;font-size:.9rem;letter-spacing:.3px;white-space:nowrap}.client-orders-section .orders-table tbody .order-row{transition:all .2s ease;cursor:pointer}.client-orders-section .orders-table tbody .order-row:hover{background-color:rgba(119,50,50,.05)}.client-orders-section .orders-table tbody .order-row:nth-child(even){background-color:rgba(248,249,250,.5)}.client-orders-section .orders-table tbody .order-row:nth-child(even):hover{background-color:rgba(119,50,50,.05)}.client-orders-section .orders-table tbody .order-row td{padding:1rem;border-bottom:1px solid #e9ecef;vertical-align:middle;white-space:nowrap}.client-orders-section .orders-table tbody .order-row td.order-number{font-weight:700;color:#773232}.client-orders-section .orders-table tbody .order-row td.order-date{color:#6c757d;font-size:.9rem}.client-orders-section .orders-table tbody .order-row td.order-total{color:#28a745;font-weight:700;font-size:1.1rem}.client-orders-section .orders-info{margin:1.5rem;padding:1rem;background:rgba(23,162,184,.1);border:1px solid rgba(23,162,184,.2);border-radius:10px;color:#17a2b8;text-align:center}.client-orders-section .orders-info i{margin-right:.5rem}.client-orders-section .orders-info small{display:block;margin-top:.5rem;color:#6c757d}@media(max-width: 992px){.client-detail-container{padding:1.5rem}.client-content{gap:1.5rem}.client-form-section .form-container{padding:1.5rem}}@media(max-width: 768px){.client-orders-section .orders-table-wrapper{margin:0 -1rem;border-radius:0}.client-orders-section .orders-table{min-width:600px;font-size:.85rem}.client-orders-section .orders-table thead th{padding:.75rem .5rem;font-size:.8rem}.client-orders-section .orders-table tbody td{padding:.75rem .5rem}.client-orders-section .orders-info{margin:1rem;font-size:.9rem}}@media(max-width: 480px){.client-orders-section .orders-table{min-width:500px;font-size:.8rem}.client-orders-section .orders-table .channel-badge,.client-orders-section .orders-table .status-badge{font-size:.7rem;padding:.3rem .6rem}.client-orders-section .orders-table .action-btn{padding:.4rem .8rem;font-size:.8rem}}.comercial-detail-container{width:100%;overflow-y:scroll;margin:0;padding:1rem;display:flex;flex-direction:column;height:100vh}@media(max-width: 768px){.comercial-detail-container{padding:.5rem;height:auto;min-height:100vh}}.comercial-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding:1rem;background-color:#fff;border-radius:15px;box-shadow:0 8px 20px rgba(0,0,0,.06);border:1px solid rgba(119,50,50,.1);position:relative;overflow:hidden;flex-shrink:0}@media(max-width: 768px){.comercial-header{flex-direction:column;gap:.75rem;text-align:center;padding:.75rem}}.comercial-header .comercial-profile{display:flex;align-items:center;gap:1.5rem;position:relative}@media(max-width: 768px){.comercial-header .comercial-profile{flex-direction:column;gap:1rem}}.comercial-header .comercial-profile .comercial-avatar{position:relative}.comercial-header .comercial-profile .comercial-avatar .avatar-image{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 6px 15px rgba(119,50,50,.12);transition:all .3s ease}.comercial-header .comercial-profile .comercial-avatar .avatar-image:hover{transform:scale(1.05);box-shadow:0 8px 20px rgba(119,50,50,.2)}@media(max-width: 768px){.comercial-header .comercial-profile .comercial-avatar .avatar-image{width:70px;height:70px}}.comercial-header .comercial-profile .comercial-avatar .avatar-placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg, rgba(119, 50, 50, 0.1), rgba(119, 50, 50, 0.2));display:flex;align-items:center;justify-content:center;color:#773232;font-size:1.8rem;border:3px solid #fff;box-shadow:0 6px 15px rgba(119,50,50,.12)}@media(max-width: 768px){.comercial-header .comercial-profile .comercial-avatar .avatar-placeholder{width:70px;height:70px;font-size:1.5rem}}.comercial-header .comercial-profile .comercial-avatar .status-indicator{position:absolute;bottom:5px;right:8px;width:24px;height:24px;background:#28a745;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(40,167,69,.4);animation:pulse 2s infinite}.comercial-header .comercial-profile .comercial-info{flex:1}.comercial-header .comercial-profile .comercial-info .comercial-title{font-size:1.4rem;font-weight:700;color:#773232;margin:0 0 .25rem 0;line-height:1.1}@media(max-width: 768px){.comercial-header .comercial-profile .comercial-info .comercial-title{font-size:1.2rem}}.comercial-header .comercial-profile .comercial-info .comercial-subtitle{font-size:.85rem;color:#6c757d;margin-bottom:.5rem;font-weight:500}@media(max-width: 768px){.comercial-header .comercial-profile .comercial-info .comercial-subtitle{font-size:.8rem}}.comercial-header .comercial-profile .comercial-info .comercial-badges{display:flex;gap:.5rem;flex-wrap:wrap}@media(max-width: 768px){.comercial-header .comercial-profile .comercial-info .comercial-badges{justify-content:center}}.comercial-header .comercial-profile .comercial-info .comercial-badges .badge{display:flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:15px;font-size:.7rem;font-weight:600}.comercial-header .comercial-profile .comercial-info .comercial-badges .badge.badge-zone{background:rgba(23,162,184,.1);color:#17a2b8;border:1px solid rgba(23,162,184,.2)}.comercial-header .comercial-profile .comercial-info .comercial-badges .badge.badge-cargo{background:rgba(111,66,193,.1);color:#6f42c1;border:1px solid rgba(111,66,193,.2)}.comercial-header .comercial-profile .comercial-info .comercial-badges .badge.badge-empresas{background:rgba(119,50,50,.1);color:#773232;border:1px solid rgba(119,50,50,.2)}.comercial-header .comercial-profile .comercial-info .comercial-badges .badge i{font-size:.7rem}.comercial-header .comercial-actions-header{display:flex;gap:1rem;position:relative}@media(max-width: 768px){.comercial-header .comercial-actions-header{flex-direction:column;width:100%}}@media(max-width: 480px){.comercial-header .comercial-actions-header{flex-direction:column;width:100%}}.comercial-header .btn-action{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;border:none;border-radius:8px;font-weight:600;font-size:.85rem;text-decoration:none;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;position:relative;overflow:hidden}.comercial-header .btn-action i{font-size:.85rem}.comercial-header .btn-action::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition:left .5s ease}.comercial-header .btn-action:hover::before{left:100%}.comercial-header .btn-action.btn-back{background:rgba(119,50,50,.1);color:#773232;border:2px solid rgba(119,50,50,.3)}.comercial-header .btn-action.btn-back:hover{background:rgba(119,50,50,.15);border-color:rgba(119,50,50,.5);text-decoration:none;color:#773232;transform:translateY(-2px);box-shadow:0 6px 20px rgba(119,50,50,.2)}.comercial-header .btn-action.btn-edit{background:linear-gradient(135deg, #773232, rgb(83.0887573964, 34.9112426036, 34.9112426036));color:#fff;border:2px solid #773232}.comercial-header .btn-action.btn-edit:hover{background:linear-gradient(135deg, rgb(101.0443786982, 42.4556213018, 42.4556213018), rgb(65.1331360947, 27.3668639053, 27.3668639053));transform:translateY(-2px);box-shadow:0 8px 25px rgba(119,50,50,.3)}@media(max-width: 480px){.comercial-header .btn-action{justify-content:center;width:100%}}.comercial-content{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1rem;min-height:0;height:45vh}@media(max-width: 1024px){.comercial-content{grid-template-columns:1fr;gap:1rem}}.comercial-left-column{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.comercial-left-column .section-title{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.1rem;font-weight:700;color:#773232;padding-bottom:.5rem;border-bottom:2px solid rgba(119,50,50,.1);position:relative;flex-shrink:0}.comercial-left-column .section-title::after{content:"";position:absolute;bottom:-2px;left:0;width:40px;height:2px;background:linear-gradient(90deg, #773232, rgb(83.0887573964, 34.9112426036, 34.9112426036));border-radius:1px}.comercial-left-column .section-title i{color:#773232;font-size:.9rem}@media(max-width: 768px){.comercial-left-column .section-title{font-size:1rem;justify-content:center;text-align:center}}.comercial-right-column{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.comercial-form-section{flex:1;display:flex;flex-direction:column;min-height:0;margin-top:.75rem}.comercial-form-section .form-container{background:#fff;border-radius:15px;padding:1.2rem;box-shadow:0 8px 20px rgba(0,0,0,.06);border:1px solid rgba(119,50,50,.1);position:relative;flex:1;display:flex;flex-direction:column;min-height:0}.comercial-form-section .form-container::before{content:"";position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle, rgba(119, 50, 50, 0.05), transparent);z-index:1}.comercial-form-section .form-container>*{position:relative;z-index:2}@media(max-width: 768px){.comercial-form-section .form-container{padding:1.2rem;height:auto}}.comercial-form-section .form-content{flex:1;overflow-y:auto;padding-right:.5rem;min-height:0}.comercial-form-section .form-content::-webkit-scrollbar{width:6px}.comercial-form-section .form-content::-webkit-scrollbar-track{background:rgba(119,50,50,.1);border-radius:3px}.comercial-form-section .form-content::-webkit-scrollbar-thumb{background:rgba(119,50,50,.4);border-radius:3px}.comercial-form-section .form-content::-webkit-scrollbar-thumb:hover{background:rgba(119,50,50,.6)}.comercial-form-section .form-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1.5rem}@media(max-width: 768px){.comercial-form-section .form-grid{grid-template-columns:1fr;gap:1rem}}.comercial-form-section .form-group{display:flex;flex-direction:column;gap:.3rem}.comercial-form-section .form-group.form-group-full{grid-column:1/-1}.comercial-form-section .form-group.form-group-textarea{grid-column:1/-1}.comercial-form-section .form-label{font-weight:600;color:#495057;font-size:.8rem;display:flex;align-items:center;gap:.3rem;margin-bottom:.3rem}.comercial-form-section .form-label.required .required-asterisk{color:#dc3545;font-size:.8rem}.comercial-form-section .form-label i{color:#773232;font-size:.7rem}.comercial-form-section .form-input{padding:.4rem .6rem;border:1px solid #e9ecef;border-radius:6px;background:#fff;color:#495057;font-size:.8rem;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.comercial-form-section .form-input:focus{outline:none;border-color:#773232;box-shadow:0 0 0 .1rem rgba(119,50,50,.15);transform:translateY(-1px)}.comercial-form-section .form-input:disabled{background-color:#f8f9fa;border-color:#e9ecef;color:#6c757d;opacity:.8}.comercial-form-section .form-input:enabled{border-color:rgba(119,50,50,.3);background-color:#fff}.comercial-form-section .form-input:enabled:hover{border-color:rgba(119,50,50,.5);box-shadow:0 2px 10px rgba(119,50,50,.1)}.comercial-form-section .form-textarea{min-height:70px;resize:vertical;font-family:inherit;line-height:1.4}.comercial-form-section .form-actions{margin-top:.75rem;padding-top:.75rem;border-top:2px solid rgba(119,50,50,.1);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background:#fff;position:relative;z-index:3}@media(max-width: 768px){.comercial-form-section .form-actions{flex-direction:column;gap:1rem}}.comercial-form-section .form-actions .btn-save{display:flex;align-items:center;gap:.4rem;padding:.7rem 1.4rem;background:linear-gradient(135deg, #28a745, #20c997);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}.comercial-form-section .form-actions .btn-save::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition:left .5s ease}.comercial-form-section .form-actions .btn-save:hover::before{left:100%}.comercial-form-section .form-actions .btn-save:hover{background:linear-gradient(135deg, #218838, #1e7e4a);transform:translateY(-3px);box-shadow:0 10px 30px rgba(40,167,69,.3)}.comercial-form-section .form-actions .btn-save:disabled{background:#6c757d;cursor:not-allowed;transform:none}.comercial-form-section .form-actions .btn-save:disabled:hover{box-shadow:none}.comercial-form-section .form-actions .btn-save i{font-size:1rem}.comercial-form-section .form-actions .btn-danger{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;background:linear-gradient(135deg, #dc3545, #c82333);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.comercial-form-section .form-actions .btn-danger:hover{background:linear-gradient(135deg, #c82333, #bd2130);transform:translateY(-1px);box-shadow:0 6px 20px rgba(220,53,69,.3)}.comercial-form-section .form-actions .btn-danger i{font-size:.9rem}.comercial-empresas-section{flex:1;display:flex;flex-direction:column;min-height:0;margin-top:.75rem}.comercial-empresas-section .empresas-container{background:#fff;border-radius:15px;padding:1.2rem;box-shadow:0 8px 20px rgba(0,0,0,.06);border:1px solid rgba(119,50,50,.1);flex:1;display:flex;flex-direction:column;min-height:0}@media(max-width: 768px){.comercial-empresas-section .empresas-container{padding:1rem}}.comercial-empresas-section .empresas-container .empresas-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:1rem;flex:1;overflow-y:auto;padding-right:.5rem;min-height:0}.comercial-empresas-section .empresas-container .empresas-grid::-webkit-scrollbar{width:6px}.comercial-empresas-section .empresas-container .empresas-grid::-webkit-scrollbar-track{background:rgba(119,50,50,.1);border-radius:3px}.comercial-empresas-section .empresas-container .empresas-grid::-webkit-scrollbar-thumb{background:rgba(119,50,50,.4);border-radius:3px}.comercial-empresas-section .empresas-container .empresas-grid::-webkit-scrollbar-thumb:hover{background:rgba(119,50,50,.6)}@media(max-width: 768px){.comercial-empresas-section .empresas-container .empresas-grid{grid-template-columns:1fr;max-height:300px}}.comercial-empresas-section .empresas-container .empresa-checkbox{display:flex;align-items:center;padding:.75rem;border:2px solid #e9ecef;border-radius:12px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;background:#fff}.comercial-empresas-section .empresas-container .empresa-checkbox:hover{border-color:rgba(119,50,50,.3);box-shadow:0 4px 12px rgba(119,50,50,.1);transform:translateY(-1px)}.comercial-empresas-section .empresas-container .empresa-checkbox.checked{border-color:#773232;background:linear-gradient(135deg, rgba(119, 50, 50, 0.05), rgba(119, 50, 50, 0.1));box-shadow:0 4px 12px rgba(119,50,50,.15)}.comercial-empresas-section .empresas-container .empresa-checkbox input[type=checkbox]{width:18px;height:18px;margin-right:.75rem;accent-color:#773232;cursor:pointer}.comercial-empresas-section .empresas-container .empresa-checkbox .empresa-info{flex:1}.comercial-empresas-section .empresas-container .empresa-checkbox .empresa-info .empresa-name{font-weight:600;color:#773232;margin-bottom:.25rem;font-size:.9rem}.comercial-empresas-section .empresas-container .empresa-checkbox .empresa-info .empresa-cif{font-size:.8rem;color:#6c757d;margin-bottom:.25rem}.comercial-empresas-section .empresas-container .empresa-checkbox .empresa-info .empresa-contact{font-size:.75rem;color:#858585;display:flex;align-items:center;gap:.25rem}.comercial-empresas-section .empresas-container .empresa-checkbox .empresa-info .empresa-contact i{width:12px;text-align:center}.comercial-empresas-section .empresas-container .no-empresas{text-align:center;padding:2rem;color:#6c757d}.comercial-empresas-section .empresas-container .no-empresas i{font-size:2.5rem;margin-bottom:1rem;color:rgba(119,50,50,.3)}.comercial-empresas-section .empresas-container .no-empresas h5{margin-bottom:.5rem;color:#773232;font-weight:600}.comercial-empresas-section .empresas-container .no-empresas p{margin:0;font-size:.9rem;line-height:1.4}.enterprise-comerciales-section{flex:1;display:flex;flex-direction:column;min-height:0;margin-bottom:.75rem}.enterprise-comerciales-section .comerciales-container{background:#fff;border-radius:15px;padding:1.2rem;box-shadow:0 8px 20px rgba(0,0,0,.06);border:1px solid rgba(119,50,50,.1);flex:1;display:flex;flex-direction:column;min-height:0}@media(max-width: 768px){.enterprise-comerciales-section .comerciales-container{padding:1rem}}.enterprise-comerciales-section .comerciales-container .comerciales-grid{display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto;padding-right:.5rem;min-height:0}.enterprise-comerciales-section .comerciales-container .comerciales-grid::-webkit-scrollbar{width:6px}.enterprise-comerciales-section .comerciales-container .comerciales-grid::-webkit-scrollbar-track{background:rgba(119,50,50,.1);border-radius:3px}.enterprise-comerciales-section .comerciales-container .comerciales-grid::-webkit-scrollbar-thumb{background:rgba(119,50,50,.4);border-radius:3px}.enterprise-comerciales-section .comerciales-container .comerciales-grid::-webkit-scrollbar-thumb:hover{background:rgba(119,50,50,.6)}.enterprise-comerciales-section .comerciales-container .comercial-card{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border:2px solid #e9ecef;border-radius:12px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);background:#fff}.enterprise-comerciales-section .comerciales-container .comercial-card:hover{border-color:rgba(119,50,50,.3);box-shadow:0 4px 12px rgba(119,50,50,.1);transform:translateY(-1px)}.enterprise-comerciales-section .comerciales-container .comercial-card .comercial-info{display:flex;align-items:center;flex:1}.enterprise-comerciales-section .comerciales-container .comercial-card .comercial-info .comercial-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg, #773232, rgb(83.0887573964, 34.9112426036, 34.9112426036));display:flex;align-items:center;justify-content:center;margin-right:.75rem}.enterprise-comerciales-section .comerciales-container .comercial-card .comercial-info .comercial-avatar i{color:#fff;font-size:1.2rem}.enterprise-comerciales-section .comerciales-container .comercial-card .comercial-info .comercial-details .comercial-name{font-weight:600;color:#773232;margin-bottom:.25rem;font-size:.9rem}.enterprise-comerciales-section .comerciales-container .comercial-card .comercial-info .comercial-details .comercial-email,.enterprise-comerciales-section .comerciales-container .comercial-card .comercial-info .comercial-details .comercial-phone{font-size:.75rem;color:#6c757d;margin-bottom:.1rem;display:flex;align-items:center;gap:.25rem}.enterprise-comerciales-section .comerciales-container .comercial-card .comercial-info .comercial-details .comercial-email i,.enterprise-comerciales-section .comerciales-container .comercial-card .comercial-info .comercial-details .comercial-phone i{width:12px;text-align:center}.enterprise-comerciales-section .comerciales-container .comercial-card .comercial-actions .action-btn{width:32px;height:32px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;transition:all .3s ease;text-decoration:none}.enterprise-comerciales-section .comerciales-container .comercial-card .comercial-actions .action-btn.view-btn{background:rgba(119,50,50,.1);color:#773232}.enterprise-comerciales-section .comerciales-container .comercial-card .comercial-actions .action-btn.view-btn:hover{background:#773232;color:#fff;transform:scale(1.05)}.enterprise-comerciales-section .comerciales-container .comercial-card .comercial-actions .action-btn i{font-size:.8rem}.enterprise-comerciales-section .comerciales-container .no-comerciales{text-align:center;padding:2rem;color:#6c757d}.enterprise-comerciales-section .comerciales-container .no-comerciales i{font-size:2.5rem;margin-bottom:1rem;color:rgba(119,50,50,.3)}.enterprise-comerciales-section .comerciales-container .no-comerciales h5{margin-bottom:.5rem;color:#773232;font-weight:600}.enterprise-comerciales-section .comerciales-container .no-comerciales p{margin:0;font-size:.9rem;line-height:1.4}.empresas-container{background:#fff;border-radius:15px;padding:1.2rem;box-shadow:0 8px 20px rgba(0,0,0,.06);border:1px solid rgba(119,50,50,.1);flex:1;display:flex;flex-direction:column;min-height:0}@media(max-width: 768px){.empresas-container{padding:1rem}}.empresas-container .empresas-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:1rem;flex:1;overflow-y:auto;padding-right:.5rem;min-height:0}.empresas-container .empresas-grid::-webkit-scrollbar{width:6px}.empresas-container .empresas-grid::-webkit-scrollbar-track{background:rgba(119,50,50,.1);border-radius:3px}.empresas-container .empresas-grid::-webkit-scrollbar-thumb{background:rgba(119,50,50,.4);border-radius:3px}.empresas-container .empresas-grid::-webkit-scrollbar-thumb:hover{background:rgba(119,50,50,.6)}@media(max-width: 768px){.empresas-container .empresas-grid{grid-template-columns:1fr;max-height:300px}}.empresas-container .empresa-checkbox{display:flex;align-items:center;padding:.75rem;border:2px solid #e9ecef;border-radius:12px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;background:#fff}.empresas-container .empresa-checkbox:hover{border-color:rgba(119,50,50,.3);transform:translateY(-1px);box-shadow:0 6px 15px rgba(0,0,0,.08)}.empresas-container .empresa-checkbox.checked{border-color:#773232;background:rgba(119,50,50,.05)}.empresas-container .empresa-checkbox.checked .empresa-name{color:#773232;font-weight:600}.empresas-container .empresa-checkbox input[type=checkbox]{appearance:none;width:20px;height:20px;border:2px solid #dee2e6;border-radius:4px;background:#fff;margin-right:1rem;position:relative;cursor:pointer;transition:all .3s ease}.empresas-container .empresa-checkbox input[type=checkbox]:checked{background:#773232;border-color:#773232}.empresas-container .empresa-checkbox input[type=checkbox]:checked::after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;font-size:.8rem;font-weight:bold}.empresas-container .empresa-checkbox input[type=checkbox]:hover{border-color:#773232}.empresas-container .empresa-checkbox .empresa-name{flex:1;font-size:.85rem;color:#495057;transition:all .3s ease}.empresas-container .no-empresas{text-align:center;padding:3rem 2rem;color:#6c757d}.empresas-container .no-empresas i{font-size:3rem;opacity:.5;margin-bottom:1rem;color:rgba(119,50,50,.4)}.empresas-container .no-empresas h5{color:#495057;margin-bottom:.5rem}.empresas-container .no-empresas p{margin:0;opacity:.8}.enterprise-comerciales-section{flex:1;display:flex;flex-direction:column;min-height:0;margin-bottom:.75rem}.enterprise-comerciales-section .comerciales-container{background:#fff;border-radius:15px;padding:1.2rem;box-shadow:0 8px 20px rgba(0,0,0,.06);border:1px solid rgba(119,50,50,.1);flex:1;display:flex;flex-direction:column;min-height:0}.enterprise-comerciales-section .comerciales-container .comerciales-grid{display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto;padding-right:.5rem;min-height:0}.enterprise-comerciales-section .comerciales-container .comerciales-grid::-webkit-scrollbar{width:6px}.enterprise-comerciales-section .comerciales-container .comerciales-grid::-webkit-scrollbar-track{background:rgba(119,50,50,.1);border-radius:3px}.enterprise-comerciales-section .comerciales-container .comerciales-grid::-webkit-scrollbar-thumb{background:rgba(119,50,50,.4);border-radius:3px}.enterprise-comerciales-section .comerciales-container .comerciales-grid::-webkit-scrollbar-thumb:hover{background:rgba(119,50,50,.6)}.enterprise-comerciales-section .comerciales-container .comercial-card{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border:1px solid #e9ecef;border-radius:12px;transition:all .3s ease;background:#fff}.enterprise-comerciales-section .comerciales-container .comercial-card:hover{border-color:rgba(119,50,50,.3);box-shadow:0 4px 12px rgba(119,50,50,.1)}.enterprise-comerciales-section .comerciales-container .comercial-card .comercial-info{display:flex;align-items:center;flex:1}.enterprise-comerciales-section .comerciales-container .comercial-card .comercial-info .comercial-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg, #f49898, #e67e7e);display:flex;align-items:center;justify-content:center;margin-right:.75rem;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.enterprise-comerciales-section .comerciales-container .comercial-card .comercial-info .comercial-avatar i{color:#fff;font-size:1rem;font-weight:500}.enterprise-comerciales-section .comerciales-container .comercial-card .comercial-info .comercial-details .comercial-name{font-weight:600;color:#773232;margin-bottom:.25rem;font-size:.8rem}.enterprise-comerciales-section .comerciales-container .comercial-card .comercial-info .comercial-details .comercial-email,.enterprise-comerciales-section .comerciales-container .comercial-card .comercial-info .comercial-details .comercial-phone{font-size:.7rem;color:#6c757d;margin-bottom:.1rem}.enterprise-comerciales-section .comerciales-container .comercial-card .comercial-actions .action-btn{width:24px;height:24px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;transition:all .3s ease;text-decoration:none}.enterprise-comerciales-section .comerciales-container .comercial-card .comercial-actions .action-btn.view-btn{background:rgba(119,50,50,.1);color:#773232}.enterprise-comerciales-section .comerciales-container .comercial-card .comercial-actions .action-btn.view-btn:hover{background:#773232;color:#fff}.enterprise-comerciales-section .comerciales-container .comercial-card .comercial-actions .action-btn i{font-size:.6rem}.enterprise-comerciales-section .comerciales-container .no-comerciales{text-align:center;padding:1.5rem;color:#6c757d}.enterprise-comerciales-section .comerciales-container .no-comerciales i{font-size:1.8rem;margin-bottom:.75rem;color:rgba(119,50,50,.3)}.enterprise-comerciales-section .comerciales-container .no-comerciales h5{margin-bottom:.5rem;color:#773232;font-weight:600;font-size:.85rem}.enterprise-comerciales-section .comerciales-container .no-comerciales p{margin:0;font-size:.75rem;line-height:1.4}.client-orders-section{flex:1;display:flex;flex-direction:column;min-height:0}.client-orders-section .orders-content{flex:1;display:flex;flex-direction:column;min-height:0;background:#fff;border-radius:15px;padding:1.2rem;box-shadow:0 8px 20px rgba(0,0,0,.06);border:1px solid rgba(119,50,50,.1);margin-top:.75rem}.client-orders-section .orders-content .orders-table-container{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.client-orders-section .orders-content .orders-table-container::-webkit-scrollbar{width:6px}.client-orders-section .orders-content .orders-table-container::-webkit-scrollbar-track{background:rgba(119,50,50,.1);border-radius:3px}.client-orders-section .orders-content .orders-table-container::-webkit-scrollbar-thumb{background:rgba(119,50,50,.4);border-radius:3px}.client-orders-section .orders-content .orders-table-container::-webkit-scrollbar-thumb:hover{background:rgba(119,50,50,.6)}.client-orders-section .orders-content .orders-table{width:100%;border-collapse:collapse;font-size:.75rem;table-layout:fixed}.client-orders-section .orders-content .orders-table th{background:#773232;color:#fff;font-weight:600;padding:.5rem;text-align:left;border-bottom:2px solid hsl(0,40.8284023669%,23.137254902%);position:sticky;top:0;z-index:10;font-size:.75rem;text-transform:uppercase;letter-spacing:.3px}.client-orders-section .orders-content .orders-table th:nth-child(1){width:20%}.client-orders-section .orders-content .orders-table th:nth-child(2){width:25%}.client-orders-section .orders-content .orders-table th:nth-child(3){width:25%}.client-orders-section .orders-content .orders-table th:nth-child(4){width:30%}.client-orders-section .orders-content .orders-table td{padding:.4rem .5rem;border-bottom:1px solid #e9ecef;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis}.client-orders-section .orders-content .orders-table .order-row:hover{background:rgba(119,50,50,.02)}.client-orders-section .orders-content .orders-table .action-btn{width:24px;height:24px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease}.client-orders-section .orders-content .orders-table .action-btn.view-btn{background:rgba(119,50,50,.1);color:#773232}.client-orders-section .orders-content .orders-table .action-btn.view-btn:hover{background:#773232;color:#fff}.client-orders-section .orders-content .orders-table .action-btn i{font-size:.6rem}.client-orders-section .no-orders-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:#fff;border-radius:15px;box-shadow:0 8px 20px rgba(0,0,0,.06);border:1px solid rgba(119,50,50,.1);color:#6c757d;margin-top:.75rem}.client-orders-section .no-orders-state i{font-size:1.8rem;margin-bottom:.75rem;color:rgba(119,50,50,.3)}.client-orders-section .no-orders-state h5{margin-bottom:.5rem;color:#773232;font-weight:600;font-size:.85rem}.client-orders-section .no-orders-state p{margin:0;font-size:.75rem}.integrated-financial-summary{background:linear-gradient(135deg, #f8f9fa, #e9ecef);border-radius:6px;padding:.5rem;margin-bottom:.6rem;border-left:3px solid #773232}.integrated-financial-summary .financial-cards-compact{display:grid;grid-template-columns:repeat(4, 1fr);gap:.3rem}@media(max-width: 768px){.integrated-financial-summary .financial-cards-compact{grid-template-columns:repeat(2, 1fr)}}.integrated-financial-summary .financial-card-mini{display:flex;align-items:center;gap:.3rem;padding:.3rem;background:#fff;border-radius:4px;border:1px solid rgba(119,50,50,.1);transition:all .3s ease}.integrated-financial-summary .financial-card-mini:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.integrated-financial-summary .financial-card-mini i{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg, #773232, rgb(83.0887573964, 34.9112426036, 34.9112426036));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.6rem;flex-shrink:0}.integrated-financial-summary .financial-card-mini div{display:flex;flex-direction:column;min-width:0}.integrated-financial-summary .financial-card-mini div .financial-label{font-size:.55rem;color:#6c757d;text-transform:uppercase;letter-spacing:.2px;font-weight:600;line-height:1}.integrated-financial-summary .financial-card-mini div .financial-value{font-size:.7rem;color:#773232;font-weight:700;line-height:1.1;margin-top:.05rem}@keyframes comercialEnter{from{opacity:0;transform:translateY(30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.comercial-header,.comercial-form-section .form-container,.comercial-empresas-section .empresas-container{animation:comercialEnter .6s cubic-bezier(0.4, 0, 0.2, 1) forwards}.comercial-header:nth-child(1),.comercial-form-section .form-container:nth-child(1),.comercial-empresas-section .empresas-container:nth-child(1){animation-delay:.1s}.comercial-header:nth-child(2),.comercial-form-section .form-container:nth-child(2),.comercial-empresas-section .empresas-container:nth-child(2){animation-delay:.2s}.comercial-header:nth-child(3),.comercial-form-section .form-container:nth-child(3),.comercial-empresas-section .empresas-container:nth-child(3){animation-delay:.3s}@media(max-width: 992px){.comercial-detail-container{padding:.8rem}.comercial-content{gap:.8rem}}@media(max-width: 768px){.comercial-header .comercial-profile .comercial-info .comercial-badges .badge{font-size:.75rem;padding:.3rem .6rem}.comercial-form-section .form-grid .form-group .form-input{padding:.8rem}}@media(max-width: 480px){.comercial-empresas-section .empresas-container .empresas-grid .empresa-checkbox{padding:.8rem}.comercial-empresas-section .empresas-container .empresas-grid .empresa-checkbox input[type=checkbox]{width:18px;height:18px}.comercial-empresas-section .empresas-container .empresas-grid .empresa-checkbox .empresa-name{font-size:.9rem}}.employees-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:1.5rem;padding:1rem 0;width:100%;min-height:200px}@media(max-width: 768px){.employees-grid{grid-template-columns:1fr;gap:1rem}}.employee-card{background:#fff;border-radius:15px;padding:1.5rem;color:#333;position:relative;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 2px 10px rgba(0,0,0,.1);border:1px solid #e9ecef;overflow:hidden}.employee-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.employee-card:hover .employee-avatar img,.employee-card:hover .avatar-placeholder{transform:scale(1.1)}.employee-card:hover .employee-actions{opacity:1;transform:translateY(0)}.employee-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.employee-avatar{width:70px;height:70px;border-radius:50%;overflow:hidden;border:3px solid #e9ecef;transition:all .3s ease}.employee-avatar img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;transition:transform .3s ease}.avatar-placeholder i{font-size:1.8rem}.employee-status{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.employee-status .badge{font-size:.75rem;font-weight:600;padding:.35rem .6rem;border-radius:6px;display:flex;align-items:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}.employee-status .badge i{font-size:.7rem}.employee-card__body{margin-bottom:1.5rem}.employee-name{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:#2c3e50;line-height:1.3}.employee-info{display:flex;flex-direction:column;gap:.6rem}.info-item{display:flex;align-items:center;gap:.8rem;font-size:.9rem;color:#6c757d}.info-item i{width:18px;text-align:center;color:#495057;font-size:.9rem}.info-item span{flex:1;word-break:break-word;color:#495057}.employee-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.employee-actions{display:flex;gap:.5rem;opacity:0;transform:translateY(10px);transition:all .3s ease}.action-btn{width:35px;height:35px;border:none;border-radius:50%;background:#f8f9fa;color:#6c757d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;border:1px solid #dee2e6}.action-btn:hover{background:#e9ecef;transform:scale(1.1)}.action-btn.edit-btn:hover{background:#ffc107;color:#fff;border-color:#ffc107}.action-btn.call-btn:hover{background:#28a745;color:#fff;border-color:#28a745}.action-btn.message-btn:hover{background:#007bff;color:#fff;border-color:#007bff}.action-btn i{font-size:.85rem}.employee-stats small{color:#6c757d;font-size:.75rem}.no-employees{grid-column:1/-1;text-align:center;padding:4rem 2rem;color:#6c757d}.no-employees i{opacity:.5;margin-bottom:1rem}.no-employees h3{color:#495057;margin-bottom:.5rem}.no-employees p{margin-bottom:2rem;opacity:.8}@keyframes employeeCardEnter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.employee-card{animation:employeeCardEnter .6s cubic-bezier(0.4, 0, 0.2, 1) forwards}.employee-card:nth-child(1){animation-delay:.1s}.employee-card:nth-child(2){animation-delay:.2s}.employee-card:nth-child(3){animation-delay:.3s}.employee-card:nth-child(4){animation-delay:.4s}.employee-card:nth-child(5){animation-delay:.5s}.employee-card:nth-child(6){animation-delay:.6s}.employee-card:nth-child(n+7){animation-delay:.7s}@media(max-width: 480px){.employees-grid{grid-template-columns:1fr;gap:1rem}.employee-card{padding:1.2rem}.employee-card .employee-name{font-size:1.1rem}.employee-card .info-item{font-size:.85rem}.employee-card .info-item i{font-size:.8rem}.employee-card .employee-avatar{width:60px;height:60px}}.employee-detail-container{width:100%;overflow-y:auto;margin:0;padding:1rem;display:flex;flex-direction:column;height:100vh}@media(max-width: 768px){.employee-detail-container{padding:.8rem}}.employee-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding:1.5rem;background-color:#fff;border-radius:15px;box-shadow:0 8px 20px rgba(0,0,0,.06);border:1px solid rgba(119,50,50,.1);position:relative;overflow:hidden;flex-shrink:0}@media(max-width: 768px){.employee-header{flex-direction:column;gap:1.5rem}}.employee-header .employee-profile{display:flex;align-items:center;gap:1.5rem;flex:1}.employee-header .employee-profile .employee-photo{position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid #773232;box-shadow:0 4px 10px rgba(0,0,0,.1);flex-shrink:0}.employee-header .employee-profile .employee-photo .employee-photo-img{width:100%;height:100%;object-fit:cover}.employee-header .employee-profile .employee-photo .photo-upload-btn{position:absolute;bottom:0;right:0;background:#773232;color:#fff;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.2)}.employee-header .employee-profile .employee-photo .photo-upload-btn:hover{background:hsl(0,40.8284023669%,23.137254902%);transform:scale(1.1)}.employee-header .employee-profile .employee-photo .photo-upload-btn i{font-size:.9rem}.employee-header .employee-profile .employee-info{flex:1}.employee-header .employee-profile .employee-info .employee-title{font-size:1.8rem;font-weight:700;color:#773232;margin-bottom:.8rem;line-height:1.2}.employee-header .employee-profile .employee-info .employee-badges{display:flex;flex-wrap:wrap;gap:.5rem}.employee-header .employee-profile .employee-info .employee-badges .badge{font-size:.85rem;font-weight:600;padding:.4rem .8rem;border-radius:8px;display:flex;align-items:center;gap:.4rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.employee-header .employee-profile .employee-info .employee-badges .badge i{font-size:.75rem}.employee-header .employee-actions-header{display:flex;gap:.8rem;align-items:flex-start}.employee-header .employee-actions-header .button{margin:0 !important;display:inline-flex;align-items:center;gap:.5rem}.employee-header .employee-actions-header .button.btn-save{background-color:#773232 !important;color:#fff !important;border-color:hsl(0,40.8284023669%,28.137254902%) !important}.employee-header .employee-actions-header .button.btn-save:hover{background-color:hsl(0,40.8284023669%,23.137254902%) !important;border-color:hsl(0,40.8284023669%,18.137254902%) !important}.employee-header .employee-actions-header .button.btn-danger-custom{background-color:#dc3545 !important;color:#fff !important;border-color:rgb(210.9493670886,36.5506329114,53.2594936709) !important}.employee-header .employee-actions-header .button.btn-danger-custom:hover{background-color:rgb(189.2151898734,32.7848101266,47.7721518987) !important;border-color:rgb(167.4810126582,29.0189873418,42.2848101266) !important}@media(max-width: 768px){.employee-header .employee-actions-header{width:100%;justify-content:flex-end}}.employee-header .btn-action{padding:.7rem 1.5rem;border-radius:10px;border:none;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.6rem;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.1)}.employee-header .btn-action i{font-size:.9rem}.employee-header .btn-action.btn-primary{background:linear-gradient(135deg, #773232, rgb(83.0887573964, 34.9112426036, 34.9112426036));color:#fff}.employee-header .btn-action.btn-primary:hover{background:linear-gradient(135deg, rgb(101.0443786982, 42.4556213018, 42.4556213018), rgb(65.1331360947, 27.3668639053, 27.3668639053));transform:translateY(-2px);box-shadow:0 4px 12px rgba(119,50,50,.3)}.employee-header .btn-action.btn-secondary{background:#6c757d;color:#fff}.employee-header .btn-action.btn-secondary:hover{background:rgb(84.3605150215,91.3905579399,97.6394849785);transform:translateY(-2px)}.employee-header .btn-action.btn-danger{background:#dc3545;color:#fff}.employee-header .btn-action.btn-danger:hover{background:rgb(189.2151898734,32.7848101266,47.7721518987);transform:translateY(-2px)}.employee-content{flex:1;display:grid;grid-template-columns:2fr 1fr;gap:1rem;min-height:0}@media(max-width: 1200px){.employee-content{grid-template-columns:1fr}}.employee-left-column{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.employee-right-column{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.employee-form-section{flex:1;display:flex;flex-direction:column;min-height:0;margin-top:.75rem}.employee-form-section .employee-form{flex:1;background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 15px rgba(0,0,0,.06);border:1px solid rgba(119,50,50,.1);overflow-y:auto}.employee-form-section .employee-form::-webkit-scrollbar{width:8px}.employee-form-section .employee-form::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.employee-form-section .employee-form::-webkit-scrollbar-thumb{background:#773232;border-radius:10px}.employee-form-section .employee-form::-webkit-scrollbar-thumb:hover{background:hsl(0,40.8284023669%,23.137254902%)}.employee-form-section .form-section-header{margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:2px solid rgba(119,50,50,.2)}.employee-form-section .form-section-header h4{font-size:1.2rem;font-weight:700;color:#773232;margin:0;display:flex;align-items:center}.employee-form-section .form-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem}.employee-form-section .form-group{display:flex;flex-direction:column}.employee-form-section .form-group .form-label{font-size:.9rem;font-weight:600;color:#495057;margin-bottom:.5rem;display:flex;align-items:center}.employee-form-section .form-group .form-label .text-danger{margin-left:.3rem;font-size:.7rem}.employee-form-section .form-group .form-input{padding:.8rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;transition:all .3s ease;background:#fff;color:#495057}.employee-form-section .form-group .form-input:focus{outline:none;border-color:#773232;box-shadow:0 0 0 .2rem rgba(119,50,50,.15)}.employee-form-section .form-group .form-input::placeholder{color:#adb5bd}.employee-form-section .form-group small{margin-top:.4rem;font-size:.8rem}.employee-form-section .form-actions{display:flex;gap:1rem;justify-content:flex-start;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e9ecef}.employee-form-section .form-actions .btn-action{padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.employee-form-section .form-actions .btn-action i{font-size:1rem}.employee-form-section .form-actions .btn-action.btn-primary,.employee-form-section .form-actions .btn-action.btn-save{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;box-shadow:0 4px 15px rgba(102,126,234,.3);font-size:1rem;padding:.9rem 2rem}.employee-form-section .form-actions .btn-action.btn-primary:hover:not(:disabled),.employee-form-section .form-actions .btn-action.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.employee-form-section .form-actions .btn-action.btn-primary:disabled,.employee-form-section .form-actions .btn-action.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.employee-form-section .form-actions .btn-action.btn-secondary{background:#6c757d;color:#fff}.employee-form-section .form-actions .btn-action.btn-secondary:hover{background:#5a6268;transform:translateY(-2px)}.employee-form-section .form-actions .btn-action.btn-danger{background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);color:#fff;box-shadow:0 4px 15px rgba(245,87,108,.3)}.employee-form-section .form-actions .btn-action.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,87,108,.4)}@media(max-width: 768px){.employee-form-section .form-actions{flex-direction:column}.employee-form-section .form-actions .btn-action{width:100%;justify-content:center}}.employee-historico-section{flex:1;display:flex;flex-direction:column;min-height:0;margin-top:.75rem;background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 15px rgba(0,0,0,.06);border:1px solid rgba(119,50,50,.1)}.employee-historico-section .historico-list{flex:1;overflow-y:auto}.employee-historico-section .historico-list::-webkit-scrollbar{width:6px}.employee-historico-section .historico-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.employee-historico-section .historico-list::-webkit-scrollbar-thumb{background:#773232;border-radius:10px}.employee-historico-section .historico-item{background:#f8f9fa;border-left:4px solid #773232;border-radius:8px;padding:1rem;margin-bottom:1rem;transition:all .3s ease}.employee-historico-section .historico-item:hover{box-shadow:0 4px 8px rgba(0,0,0,.08);transform:translateX(4px)}.employee-historico-section .historico-item:last-child{margin-bottom:0}.employee-historico-section .historico-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.employee-historico-section .historico-header .historico-tipo{font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.4rem}.employee-historico-section .historico-header .historico-tipo i{font-size:.75rem}.employee-historico-section .historico-body .cambio-detalle{font-size:.9rem;margin-bottom:.4rem}.employee-historico-section .historico-body .cambio-detalle strong{color:#495057;font-weight:600}.employee-historico-section .historico-body .cambio-detalle .valor-anterior{color:#dc3545;text-decoration:line-through;font-weight:500}.employee-historico-section .historico-body .cambio-detalle .valor-nuevo{color:#28a745;font-weight:600}.employee-historico-section .historico-body .cambio-usuario,.employee-historico-section .historico-body .cambio-observaciones{font-size:.8rem;color:#6c757d;margin-top:.6rem}.employee-historico-section .historico-body .cambio-usuario i,.employee-historico-section .historico-body .cambio-observaciones i{color:#773232}.no-historico{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#6c757d;padding:3rem 1rem;background:#fff;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.06);border:1px solid rgba(119,50,50,.1);margin-top:.75rem}.no-historico i{opacity:.4;color:#773232}.no-historico p{font-size:1.1rem;font-weight:600;color:#495057;margin-bottom:.5rem}@media(max-width: 992px){.employee-detail-container{padding:.8rem}.employee-content{gap:.8rem}.form-grid{grid-template-columns:1fr !important}}@media(max-width: 768px){.employee-header .employee-profile .employee-photo{width:80px;height:80px}.employee-header .employee-profile .employee-info .employee-title{font-size:1.4rem}.employee-header .employee-profile .employee-info .employee-badges .badge{font-size:.75rem;padding:.3rem .6rem}.employee-form-section .form-input{padding:.7rem .9rem}}#horarios-container{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.horario-range-item{background:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;padding:1rem;transition:all .3s ease}.horario-range-item:hover{background:#e9ecef;border-color:#773232;box-shadow:0 2px 8px rgba(0,0,0,.1)}.horario-range-content{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}.horario-dias{flex:1;min-width:200px}.horario-dias .form-label-small{font-size:.85rem;font-weight:600;color:#495057;margin-bottom:.5rem;display:block}.dias-selector{display:flex;flex-wrap:wrap;gap:.4rem}.dia-checkbox{position:relative;cursor:pointer;user-select:none}.dia-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.dia-checkbox input[type=checkbox]:checked+.dia-label{background:linear-gradient(135deg, #773232, rgb(83.0887573964, 34.9112426036, 34.9112426036));color:#fff;border-color:#773232;transform:scale(1.05);box-shadow:0 2px 8px rgba(119,50,50,.3)}.dia-checkbox .dia-label{display:inline-block;width:36px;height:36px;line-height:36px;text-align:center;border:2px solid #dee2e6;border-radius:8px;background:#fff;color:#6c757d;font-weight:600;font-size:.85rem;transition:all .2s ease}.dia-checkbox .dia-label:hover{border-color:#773232;background:rgba(119,50,50,.1);transform:translateY(-2px)}.horario-horas{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.hora-input-group{display:flex;flex-direction:column;gap:.3rem}.hora-input-group .form-label-small{font-size:.8rem;font-weight:600;color:#495057}.hora-input-group .hora-input{padding:.5rem .75rem;border:2px solid #dee2e6;border-radius:8px;font-size:.95rem;font-weight:600;color:#495057;background:#fff;transition:all .2s ease;width:110px}.hora-input-group .hora-input:focus{outline:none;border-color:#773232;box-shadow:0 0 0 3px rgba(119,50,50,.1)}.hora-input-group .hora-input:hover{border-color:hsl(0,40.8284023669%,53.137254902%)}.hora-separator{color:#773232;font-size:1.2rem;margin:0 .3rem;padding-top:1.5rem}.btn-remove-horario{background-color:#773232;color:#fff;border:2px solid hsl(0,40.8284023669%,28.137254902%);border-radius:1vh;padding:.6rem .8rem;cursor:pointer;transition:all .2s ease;font-size:1rem;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-top:1.5rem}.btn-remove-horario:hover{background-color:hsl(0,40.8284023669%,23.137254902%);border-color:hsl(0,40.8284023669%,18.137254902%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(119,50,50,.3)}.btn-remove-horario:active{transform:translateY(0)}.btn-remove-horario i{font-size:.9rem}#add-horario-btn{width:fit-content;display:inline-flex;align-items:center}#add-horario-btn i{margin-right:.5rem}.form-group.full-width{grid-column:1/-1}.input-with-button{display:flex;gap:.5rem}.input-with-button .form-input{flex:1}.btn-plus{background:linear-gradient(135deg, #773232 0%, rgb(90.2710059172, 37.9289940828, 37.9289940828) 100%);color:#e3e3e3;border:none;border-radius:8px;padding:.4rem .7rem;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;box-shadow:0 2px 8px rgba(119,50,50,.25);position:relative;overflow:hidden}.btn-plus::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:left .5s}.btn-plus:hover{background:linear-gradient(135deg, rgb(101.0443786982, 42.4556213018, 42.4556213018) 0%, rgb(72.3153846154, 30.3846153846, 30.3846153846) 100%);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 16px rgba(119,50,50,.4)}.btn-plus:hover::before{left:100%}.btn-plus:hover i{transform:rotate(90deg)}.btn-plus:active{transform:translateY(0) scale(0.98);box-shadow:0 2px 6px rgba(119,50,50,.3)}.btn-plus i{font-size:.9rem;transition:transform .3s ease}.modal .modal-content{border:none;border-radius:16px;box-shadow:0 20px 60px rgba(58,66,73,.3);overflow:hidden}.modal .modal-header{background:linear-gradient(135deg, #773232 0%, rgb(83.0887573964, 34.9112426036, 34.9112426036) 100%);color:#e3e3e3;border:none;padding:1.5rem;border-radius:16px 16px 0 0}.modal .modal-header .modal-title{font-weight:600;font-size:1.25rem;display:flex;align-items:center;gap:.5rem}.modal .modal-header .modal-title i{font-size:1.4rem;opacity:.9}.modal .modal-header .btn-close{filter:brightness(0) invert(1);opacity:.8;transition:all .2s}.modal .modal-header .btn-close:hover{opacity:1;transform:rotate(90deg)}.modal .modal-body{padding:1.5rem;background:#fffbf8}.modal .modal-body .card{border:2px solid #f4e8e0;border-radius:12px;box-shadow:0 2px 8px rgba(58,66,73,.08);background:#fff;transition:all .3s}.modal .modal-body .card:hover{border-color:hsl(0,40.8284023669%,63.137254902%);box-shadow:0 4px 16px rgba(119,50,50,.15)}.modal .modal-body .card .card-body{padding:1.25rem}.modal .modal-body .card .card-body .card-title{color:#773232;font-weight:600;font-size:1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.modal .modal-body .card .card-body .card-title i{color:#f49898}.modal .modal-body .form-control,.modal .modal-body .form-input{border:2px solid #f4e8e0;border-radius:8px;padding:.6rem .9rem;transition:all .3s;background:#fff}.modal .modal-body .form-control:focus,.modal .modal-body .form-input:focus{border-color:#773232;box-shadow:0 0 0 .2rem rgba(119,50,50,.15);outline:none}.modal .modal-body .table{margin-bottom:0;background:#fff;border-radius:8px;overflow:hidden}.modal .modal-body .table thead{background:linear-gradient(135deg, #F4E8E0 0%, #EFE0CC 100%)}.modal .modal-body .table thead th{color:#773232;font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px;padding:1rem .75rem;border:none}.modal .modal-body .table tbody tr{transition:all .2s}.modal .modal-body .table tbody tr:hover{background:#fffbf8;transform:scale(1.01);box-shadow:0 2px 8px rgba(58,66,73,.08)}.modal .modal-body .table tbody tr td{padding:.9rem .75rem;vertical-align:middle;border-bottom:1px solid #f4e8e0}.modal .modal-body .table .badge{padding:.4rem .8rem;border-radius:6px;font-weight:500;font-size:.85rem}.modal .modal-body .table .badge.bg-success{background:linear-gradient(135deg, #30a846 0%, rgb(36.6666666667, 128.3333333333, 53.4722222222) 100%) !important;box-shadow:0 2px 6px rgba(48,168,70,.3)}.modal .modal-body .table .badge.bg-secondary{background:linear-gradient(135deg, #6c757d 0%, rgb(84.3605150215, 91.3905579399, 97.6394849785) 100%) !important;box-shadow:0 2px 6px rgba(108,117,125,.3)}.modal .modal-body .btn{border-radius:8px;padding:.5rem 1rem;font-weight:500;transition:all .3s;border:none}.modal .modal-body .btn.btn-primary{background:linear-gradient(135deg, #87A1B2 0%, rgb(103.9340101523, 136.6649746193, 158.0659898477) 100%);box-shadow:0 2px 8px rgba(135,161,178,.3)}.modal .modal-body .btn.btn-primary:hover{background:linear-gradient(135deg, rgb(119.4670050761, 148.8324873096, 168.0329949239) 0%, rgb(92.4390862944, 123.652284264, 144.0609137056) 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(135,161,178,.4)}.modal .modal-body .btn.btn-sm{padding:.35rem .65rem;font-size:.85rem}.modal .modal-body .btn.btn-sm.btn-outline-primary{border:2px solid #87a1b2;color:#87a1b2;background:rgba(0,0,0,0)}.modal .modal-body .btn.btn-sm.btn-outline-primary:hover{background:#87a1b2;color:#fff;transform:translateY(-1px)}.modal .modal-body .btn.btn-sm.btn-outline-warning{border:2px solid #e3843b;color:#e3843b;background:rgba(0,0,0,0)}.modal .modal-body .btn.btn-sm.btn-outline-warning:hover{background:#e3843b;color:#fff;transform:translateY(-1px)}.modal .modal-body .btn.btn-sm.btn-outline-success{border:2px solid #30a846;color:#30a846;background:rgba(0,0,0,0)}.modal .modal-body .btn.btn-sm.btn-outline-success:hover{background:#30a846;color:#fff;transform:translateY(-1px)}.modal .modal-body .btn.btn-sm.btn-outline-danger{border:2px solid #c93333;color:#c93333;background:rgba(0,0,0,0)}.modal .modal-body .btn.btn-sm.btn-outline-danger:hover{background:#c93333;color:#fff;transform:translateY(-1px)}@keyframes fadeInModal{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}.modal.show .modal-content{animation:fadeInModal .3s cubic-bezier(0.4, 0, 0.2, 1)}@media(max-width: 768px){.horario-range-content{flex-direction:column}.horario-horas{width:100%;justify-content:space-between}.hora-input-group{flex:1}.hora-input-group .hora-input{width:100%}.hora-separator{padding-top:1.8rem}.btn-remove-horario{width:100%;margin-top:.5rem}}.contact-warning-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;align-items:center;justify-content:center}.contact-warning-modal.show{display:flex;animation:fadeIn .3s ease-in-out}.contact-warning-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(5px)}.contact-warning-modal__content{position:relative;background:#fff;border-radius:20px;padding:3rem 2.5rem;max-width:550px;width:90%;box-shadow:0 20px 60px rgba(119,50,50,.4);animation:slideInModal .4s cubic-bezier(0.34, 1.56, 0.64, 1);text-align:center;border:4px solid #773232}.contact-warning-modal__icon{width:100px;height:100px;margin:0 auto 1.5rem;background:linear-gradient(135deg, #773232 0%, #f49898 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}.contact-warning-modal__icon i{font-size:3rem;color:#fff}.contact-warning-modal__title{font-size:2rem;font-weight:800;color:#773232;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.contact-warning-modal__message{font-size:1.1rem;color:#555;margin-bottom:1.5rem;line-height:1.6}.contact-warning-modal__message strong{color:#773232;font-weight:700}.contact-warning-modal__missing{background:linear-gradient(135deg, #fff5f5 0%, #ffe5e5 100%);border-left:4px solid #f49898;padding:1rem 1.5rem;margin-bottom:2rem;border-radius:8px;text-align:left}.contact-warning-modal__missing ul{margin:0;padding-left:1.5rem;list-style:none}.contact-warning-modal__missing ul li{position:relative;padding-left:1.5rem;margin-bottom:.5rem;color:#773232;font-weight:600}.contact-warning-modal__missing ul li:before{content:"✗";position:absolute;left:0;color:#f49898;font-weight:900}.contact-warning-modal__missing ul li:last-child{margin-bottom:0}.contact-warning-modal__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.contact-warning-modal__btn{padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);display:inline-flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px}.contact-warning-modal__btn i{font-size:1.1rem}.contact-warning-modal__btn--cancel{background:#e9ecef;color:#495057;border:2px solid #dee2e6}.contact-warning-modal__btn--cancel:hover{background:#dee2e6;transform:translateY(-2px);box-shadow:0 4px 12px rgba(73,80,87,.2)}.contact-warning-modal__btn--proceed{background:linear-gradient(135deg, #773232 0%, #f49898 100%);color:#fff;border:2px solid #773232}.contact-warning-modal__btn--proceed:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(119,50,50,.4);filter:brightness(1.1)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInModal{from{transform:translateY(-50px) scale(0.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(119,50,50,.7)}50%{transform:scale(1.05);box-shadow:0 0 0 20px rgba(119,50,50,0)}}@media(max-width: 768px){.contact-warning-modal__content{padding:2rem 1.5rem;max-width:95%}.contact-warning-modal__icon{width:80px;height:80px}.contact-warning-modal__icon i{font-size:2.5rem}.contact-warning-modal__title{font-size:1.5rem}.contact-warning-modal__message{font-size:1rem}.contact-warning-modal__actions{flex-direction:column}.contact-warning-modal__actions .contact-warning-modal__btn{width:100%}}.users-management-container{padding:.75rem;max-width:100%;margin:0 auto;height:100%;display:flex;flex-direction:column;overflow:hidden}.management-header{background:linear-gradient(135deg, #773232 0%, #F49898 100%);color:#fff;padding:.75rem 1rem;border-radius:8px;margin-bottom:.75rem;box-shadow:0 2px 8px rgba(0,0,0,.1);flex-shrink:0}.management-header h1{font-size:1.5rem;margin-bottom:.25rem}.management-header p{font-size:.875rem;margin-bottom:0}.stats-card{background:#fff;padding:.75rem;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.05);transition:transform .2s}.stats-card:hover{transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.stats-card h6{font-size:.75rem;margin-bottom:.25rem}.stats-number{font-size:1.75rem;font-weight:bold;color:#773232;line-height:1}.nav-tabs{flex-shrink:0;margin-bottom:.5rem}.nav-tabs .nav-link{color:#773232;border:none;border-bottom:2px solid rgba(0,0,0,0);font-weight:600;font-size:.875rem;padding:.5rem 1rem}.nav-tabs .nav-link.active{color:#f49898;border-bottom:2px solid #f49898;background:rgba(0,0,0,0)}.tab-content{flex:1;overflow:hidden}.tab-content .tab-pane{height:100%}.tab-content .tab-pane .card{height:100%;display:flex;flex-direction:column}.tab-content .tab-pane .card .card-body{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:.75rem}.tab-content .tab-pane .card .card-header{padding:.5rem .75rem;font-size:.875rem}.table-responsive{flex:1;overflow-y:auto;max-height:calc(100vh - 280px)}.table-responsive::-webkit-scrollbar{width:6px}.table-responsive::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.table-responsive::-webkit-scrollbar-thumb{background:#773232;border-radius:10px}.table-responsive::-webkit-scrollbar-thumb:hover{background:hsl(0,40.8284023669%,23.137254902%)}.table-responsive table{font-size:.8rem}.table-responsive table thead th{padding:.5rem .75rem;font-size:.75rem;white-space:nowrap}.table-responsive table tbody td{padding:.4rem .75rem;vertical-align:middle}.table-actions{display:flex;gap:.25rem}.btn-action{padding:.15rem .5rem;font-size:.75rem;border-radius:4px;line-height:1.2}.btn-sm{padding:.25rem .5rem;font-size:.8rem}.modal-header{background:linear-gradient(135deg, #773232 0%, #F49898 100%);color:#fff;padding:.75rem 1rem}.modal-header .modal-title{font-size:1.1rem}.modal-body{padding:1rem}.modal-body .form-group,.modal-body .mb-3{margin-bottom:.75rem}.modal-body label{font-size:.875rem;margin-bottom:.25rem}.modal-body input,.modal-body select,.modal-body textarea{font-size:.875rem;padding:.375rem .75rem}.modal-footer{padding:.75rem}.form-label-required::after{content:" *";color:red}.permissions-grid{max-height:300px;overflow-y:auto;padding:.75rem;background:#f8f9fa;border-radius:6px}.permissions-grid::-webkit-scrollbar{width:6px}.permissions-grid::-webkit-scrollbar-track{background:#e9ecef;border-radius:10px}.permissions-grid::-webkit-scrollbar-thumb{background:#773232;border-radius:10px}.permissions-grid::-webkit-scrollbar-thumb:hover{background:hsl(0,40.8284023669%,23.137254902%)}.permission-app{margin-bottom:1.5rem}.permission-app-title{font-weight:bold;color:#773232;margin-bottom:.5rem;padding:.5rem;background:#fff;border-radius:5px}.permission-item{padding:.3rem .5rem}.badge-group{background:#773232;color:#fff;padding:.3rem .6rem;border-radius:5px;font-size:.75rem;margin:.2rem;display:inline-block}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.search-box{position:relative;flex-shrink:0}.search-box input{padding-left:2.5rem}.search-box i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6c757d}.sectionCRM{overflow-y:hidden}.cardClienteContainer{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;background-color:#fffbf8 !important;box-shadow:0 4px 6px rgba(0,0,0,.1)}.cardCliente__header{background-color:#773232;color:#e3e3e3;min-height:50px}.cardCliente__header button{background:none;border:none;color:#e3e3e3;font-size:1.2rem;transition:all .2s ease}.cardCliente__header button:hover{color:#f49898;transform:scale(1.1)}.cardCliente__header p{margin:0;font-size:1.1rem;font-weight:600}.cardCliente__header .leads__menu-container{position:relative}.cardCliente__header .leads__menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:#e3e3e3;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.cardCliente__header .leads__menu-btn:hover{background-color:hsla(0,0%,100%,.2);transform:scale(1.05)}.cardCliente__header .leads__menu-btn.active{background-color:hsla(0,0%,100%,.3)}.cardCliente__header .leads__menu-dropdown{position:absolute;top:calc(100% + .5rem);left:0;min-width:220px;background-color:#fffbf8;border:2px solid #efe0cc;border-radius:10px;box-shadow:0 6px 16px rgba(0,0,0,.25);z-index:1100;overflow:hidden;animation:slideDown .2s ease}.cardCliente__header .leads__menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background-color:rgba(0,0,0,0);border:none;border-bottom:1px solid #efe0cc;color:#3a4249;font-size:.95rem;text-align:left;cursor:pointer;transition:all .2s ease}.cardCliente__header .leads__menu-item:last-child{border-bottom:none}.cardCliente__header .leads__menu-item:hover{background-color:#f4e8e0;color:#773232}.cardCliente__header .leads__menu-item i{font-size:1.1rem;width:20px;text-align:center;color:#773232}.cardCliente__header .leads__menu-item span{flex:1}.leads__tabs{padding:.75rem 1rem 0 1rem;background-color:#f4e8e0;border-bottom:1px solid #efe0cc}.leads__tabs-container{display:flex;gap:.5rem;align-items:center}.leads__tab{position:relative;display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background-color:rgba(0,0,0,0);border:2px solid rgba(0,0,0,0);border-radius:20px;color:#773232;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.leads__tab:hover{background-color:rgba(119,50,50,.05);border-color:rgba(119,50,50,.15)}.leads__tab--active{background-color:#773232;border-color:#773232;color:#fffbf8;font-weight:600;box-shadow:0 2px 8px rgba(119,50,50,.2)}.leads__tab--active:hover{background-color:#773232;border-color:#773232}.leads__tab--active .leads__tab-badge{background-color:rgba(255,251,248,.25);color:#fffbf8}.leads__tab i{font-size:.9rem}.leads__tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 .4rem;background-color:rgba(119,50,50,.15);border-radius:11px;font-size:.75rem;font-weight:600;color:#773232;transition:all .2s ease}@keyframes badgePulse{0%{transform:scale(1)}50%{transform:scale(1.2);box-shadow:0 0 0 4px rgba(119,50,50,.3)}100%{transform:scale(1)}}.badge-pulse{animation:badgePulse .6s ease}.leads-update-notification{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;margin:1rem;background:linear-gradient(135deg, #87A1B2 0%, #6B8CA0 100%);color:#e3e3e3;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.15);font-size:.9rem;font-weight:500;animation:slideDown .3s ease}.leads-update-notification i{font-size:1rem;animation:rotate 1.5s linear infinite}.leads-update-notification .btn-recargar-leads{padding:.4rem .9rem;background-color:#e3e3e3;color:#87a1b2;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.leads-update-notification .btn-recargar-leads:hover{background-color:#f4e8e0;transform:scale(1.05)}.leads-update-notification .btn-recargar-leads:active{transform:scale(0.95)}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.leads__search{padding:1rem;background-color:#f4e8e0;border-bottom:2px solid #efe0cc}.leads__search .leads__header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #efe0cc}.leads__search .leads__title{flex:1;color:#773232;font-weight:600;font-size:1.1rem}.leads__search .leads__menu-container{position:relative}.leads__search .leads__menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#fffbf8;border:1px solid #efe0cc;border-radius:50%;color:#773232;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.leads__search .leads__menu-btn:hover{background-color:#773232;color:#e3e3e3;transform:scale(1.05)}.leads__search .leads__menu-btn.active{background-color:#773232;color:#e3e3e3}.leads__search .leads__menu-dropdown{position:absolute;top:calc(100% + .5rem);left:0;min-width:220px;background-color:#fffbf8;border:2px solid #efe0cc;border-radius:10px;box-shadow:0 6px 16px rgba(0,0,0,.15);z-index:1100;overflow:hidden;animation:slideDown .2s ease}.leads__search .leads__menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background-color:rgba(0,0,0,0);border:none;border-bottom:1px solid #efe0cc;color:#3a4249;font-size:.95rem;text-align:left;cursor:pointer;transition:all .2s ease}.leads__search .leads__menu-item:last-child{border-bottom:none}.leads__search .leads__menu-item:hover{background-color:#f4e8e0;color:#773232}.leads__search .leads__menu-item i{font-size:1.1rem;width:20px;text-align:center;color:#773232}.leads__search .leads__menu-item span{flex:1}.leads__search .search__bar{display:flex;align-items:center;gap:.5rem;background-color:#fffbf8;border:2px solid #87a1b2;border-radius:25px;padding:.35rem;transition:all .2s ease}.leads__search .search__bar:focus-within{border-color:#773232;box-shadow:0 0 0 3px rgba(119,50,50,.1)}.leads__search .search__filter-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:rgba(0,0,0,0);border:none;border-radius:50%;color:#773232;font-size:1.1rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.leads__search .search__filter-btn:hover{background-color:#f4e8e0;color:#773232}.leads__search .search__filter-btn.active{background-color:#773232;color:#e3e3e3}.leads__search .search__filter-btn .filters__count{position:absolute;top:-2px;right:-2px;display:none;min-width:18px;height:18px;padding:0 4px;background-color:#dc3545;color:#fff;border-radius:9px;font-size:.7rem;font-weight:bold;text-align:center;line-height:18px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.leads__search .search__filter-btn .filters__count:not(:empty){display:block}.leads__search .search__input-wrapper{position:relative;flex:1;display:flex;align-items:center}.leads__search .search__input-wrapper .search__icon{position:absolute;left:1rem;color:#3a4249;opacity:.5;font-size:1rem;pointer-events:none;transition:opacity .2s}.leads__search .search__input-wrapper .search__input{flex:1;padding:.6rem 1rem .6rem 2.75rem;border:none;background-color:rgba(0,0,0,0);color:#3a4249;font-size:.95rem;outline:none}.leads__search .search__input-wrapper .search__input::placeholder{color:#3a4249;opacity:.5}.leads__search .search__input-wrapper .search__input:focus~.search__icon{opacity:.8;color:#773232}.leads__search .search__field-selector{padding:.5rem .75rem;border:none;border-left:1px solid #efe0cc;background-color:rgba(0,0,0,0);color:#3a4249;font-size:.85rem;font-weight:500;cursor:pointer;border-radius:0 25px 25px 0;outline:none;transition:all .2s ease;flex-shrink:0;min-width:100px}.leads__search .search__field-selector:hover{background-color:#f4e8e0}.leads__search .search__field-selector:focus{background-color:#f4e8e0;color:#773232}.leads__search .search__field-selector option{background-color:#fffbf8;color:#3a4249}.leads__search .filters__panel{display:none;margin-top:1rem;padding:1.5rem;background-color:#fffbf8;border:1px solid #efe0cc;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.08);animation:slideDown .3s ease}.leads__search .filters__panel.show{display:block}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.leads__search .search__wrapper{position:relative;display:flex;align-items:center}.leads__search .search__wrapper i{position:absolute;left:1rem;color:#3a4249;opacity:.6;font-size:1rem}.leads__search .search__wrapper .search__input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:2px solid #87a1b2;border-radius:25px;background-color:#fffbf8;color:#3a4249;font-size:.95rem;transition:all .2s ease}.leads__search .search__wrapper .search__input:focus{outline:none;border-color:#773232;box-shadow:0 0 0 3px rgba(119,50,50,.1)}.leads__search .search__wrapper .search__input::placeholder{color:#3a4249;opacity:.6}.leads__list{flex:1;overflow-y:auto;background-color:#fffbf8}.lead__item{display:flex;gap:1rem;padding:1rem;border-bottom:1px solid #efe0cc;cursor:pointer;transition:background-color .2s ease}.lead__item:hover{background-color:#f4e8e0}.lead__item:active{background-color:hsl(24,47.619047619%,86.7647058824%)}.lead__item--selected{background-color:#f4e8e0 !important;border-left:3px solid #773232}.lead__item--selected:hover{background-color:hsl(24,47.619047619%,88.7647058824%) !important}.lead__item .lead__avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg, #773232 0%, #f49898 100%);display:flex;align-items:center;justify-content:center;color:#e3e3e3;font-size:1.1rem;font-weight:bold;flex-shrink:0;text-transform:uppercase;overflow:hidden}.lead__item .lead__avatar img{width:100%;height:100%;object-fit:cover}.lead__item .lead__info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.lead__item .lead__info .lead__header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.lead__item .lead__info .lead__header .lead__name-wrapper{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;flex-wrap:wrap}.lead__item .lead__info .lead__header .lead__name{margin:0;font-size:1rem;font-weight:600;color:#773232;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.lead__item .lead__info .lead__header .lead__tags-inline{display:flex;gap:.25rem;flex-wrap:wrap;align-items:center}.lead__item .lead__info .lead__header .lead__time{font-size:.75rem;color:#3a4249;opacity:.7;white-space:nowrap;flex-shrink:0}.lead__item .lead__info .lead__footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.lead__item .lead__info .lead__footer .lead__message{margin:0;font-size:.875rem;color:#3a4249;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead__item .lead__info .lead__footer .lead__badge{background:linear-gradient(51deg, #d64545 50%, rgb(213, 89, 55) 65%, #e3843b 100%);color:#e3e3e3;border-radius:50%;min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:bold;padding:0 6px;flex-shrink:0}.lead__item .lead__info .lead__footer .lead__badge--whatsapp{background:linear-gradient(135deg, #25D366 0%, #128C7E 100%);color:#fff;border-radius:12px;padding:2px 8px;min-width:auto;height:auto;font-size:.7rem}.lead__item .lead__info .lead__footer .lead__badge--whatsapp i{font-size:.8rem}.lead__item .lead__info .lead__contact{font-size:.75rem;color:#3a4249;opacity:.7;display:flex;align-items:center;margin-top:.25rem}.lead__item .lead__info .lead__contact i{margin-right:.25rem;opacity:.8}.leads__loading{padding:2rem 1rem}.tablink{transition:all .3s ease;font-size:.9rem;padding:.75rem 1rem}.tablink:hover{background-color:#f4e8e0;color:#773232 !important}.tablink.active{background-color:#fffbf8}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}.cardChatContainer{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;background-color:#fffbf8 !important;box-shadow:0 4px 6px rgba(0,0,0,.1)}.chat__empty{flex:1;display:flex;align-items:center;justify-content:center;background-color:#fffbf8;padding:2rem}.chat__empty .empty__content{text-align:center;max-width:400px}.chat__empty .empty__content i{opacity:.5}.chat__empty .empty__content h4{font-weight:600}.chat__empty .empty__content p{line-height:1.6}.chat__header{background-color:#773232;color:#e3e3e3;padding:1rem;display:flex;align-items:center;gap:1rem;min-height:70px}.chat__header .chat__avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(51deg, #D1E1D7 30%, #87A1B2 65%, #BBB6C5 100%);display:flex;align-items:center;justify-content:center;color:#e3e3e3;font-size:1.2rem;font-weight:bold;border:2px solid #e3e3e3}.chat__header .chat__info{flex:1}.chat__header .chat__info h5{margin:0;font-size:1.1rem;font-weight:600}.chat__header .chat__info p{margin:0;font-size:.85rem;opacity:.9}.chat__header .chat__actions button{background:none;border:none;color:#e3e3e3;font-size:1.2rem;transition:all .2s ease;margin-left:.5rem}.chat__header .chat__actions button:hover{color:#f49898;transform:scale(1.1)}.chat__banner-24h{background:linear-gradient(135deg, #fff3cd 0%, #ffe69c 100%);border-bottom:2px solid #ffc107;padding:.5rem 1rem}.chat__banner-24h .banner-24h__content{display:flex;align-items:center;gap:.75rem;max-width:100%}.chat__banner-24h .banner-24h__icon{background:#ffc107;color:#856404;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.85rem}.chat__banner-24h .banner-24h__text{flex:1;color:#856404;font-size:.8rem;line-height:1.5}.chat__banner-24h .banner-24h__text strong{font-size:.85rem}.chat__banner-24h .banner-24h__text p{display:inline;margin:0}.chat__banner-24h .banner-24h__text ul{display:inline;margin:0;padding-left:0;list-style:none}.chat__banner-24h .banner-24h__text ul li{display:inline}.chat__banner-24h .banner-24h__text ul li kbd{background:#fff;border:1px solid #c9a227;border-radius:3px;padding:.1rem .35rem;font-size:.8rem;font-family:monospace;font-weight:bold;color:#856404;box-shadow:0 1px 1px rgba(0,0,0,.1)}.chat__banner-24h .banner-24h__close{background:none;border:none;color:#856404;font-size:1rem;cursor:pointer;padding:.25rem;opacity:.7;transition:opacity .2s;flex-shrink:0}.chat__banner-24h .banner-24h__close:hover{opacity:1}.chat__body{flex:1;padding:1.5rem;overflow-y:auto;background-color:#fffbf8;display:flex;flex-direction:column;gap:1rem}.chat__message{display:flex;gap:.75rem;animation:fadeIn .3s ease}.chat__message .message__avatar{width:35px;height:35px;border-radius:50%;background:linear-gradient(51deg, #D1E1D7 30%, #87A1B2 65%, #BBB6C5 100%);display:flex;align-items:center;justify-content:center;color:#e3e3e3;font-size:.9rem;font-weight:bold;flex-shrink:0;align-self:flex-start}.chat__message .message__content{flex:1;display:flex;flex-direction:column;gap:.25rem}.chat__message .message__header{display:flex;align-items:center;gap:.5rem}.chat__message .message__header .message__author{font-weight:600;color:#773232;font-size:.95rem}.chat__message .message__header .message__time{font-size:.75rem;color:#3a4249;opacity:.7}.chat__message .message__bubble{background-color:#f4e8e0;padding:.75rem 1rem;border-radius:10px;color:#3a4249;line-height:1.5;box-shadow:0 2px 4px rgba(0,0,0,.05);max-width:85%;word-wrap:break-word}.chat__message.chat__message--own{flex-direction:row-reverse}.chat__message.chat__message--own .message__avatar{background:linear-gradient(51deg, #F49898 30%, #DE6B7D 65%, #FF4363 100%)}.chat__message.chat__message--own .message__content{align-items:flex-end}.chat__message.chat__message--own .message__header{flex-direction:row-reverse}.chat__message.chat__message--own .message__bubble{background-color:#d1e1d7;color:#3a4249}.chat__footer{padding:1rem;background-color:#f4e8e0;border-top:2px solid #efe0cc}.chat__footer .chat__input-wrapper{display:flex;gap:.75rem;align-items:flex-end}.chat__footer .chat__input-wrapper .chat__input{flex:1;border:2px solid #87a1b2;border-radius:25px;padding:.75rem 1.25rem;font-size:.95rem;background-color:#fffbf8;color:#3a4249;transition:all .2s ease;resize:none;overflow-y:hidden;min-height:40px;max-height:200px;line-height:1.4;font-family:inherit;white-space:pre-wrap;word-wrap:break-word}.chat__footer .chat__input-wrapper .chat__input:focus{outline:none;border-color:#773232;box-shadow:0 0 0 3px rgba(119,50,50,.1)}.chat__footer .chat__input-wrapper .chat__input::placeholder{color:#3a4249;opacity:.6}.chat__footer .chat__input-wrapper .chat__attachments button{width:40px;height:40px;border-radius:50%;background-color:#87a1b2;border:none;color:#e3e3e3;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:1.1rem}.chat__footer .chat__input-wrapper .chat__attachments button:hover{background-color:#773232;transform:scale(1.1)}.chat__footer .chat__input-wrapper .chat__send{width:45px;height:45px;border-radius:50%;background:linear-gradient(51deg, #d64545 50%, rgb(213, 89, 55) 65%, #e3843b 100%);border:none;color:#e3e3e3;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:1.2rem;box-shadow:-5px -5px 15px hsla(0,0%,100%,.9),5px 5px 15px rgba(60,14,189,.3)}.chat__footer .chat__input-wrapper .chat__send:hover{transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.2)}.chat__footer .chat__input-wrapper .chat__send:active{transform:scale(0.95)}.btn-guardar-sticky{position:sticky;bottom:0;z-index:10;padding:.5rem .75rem;background-color:#fffbf8;border-top:1px solid #efe0cc;margin:0 -0.5rem -0.5rem -0.5rem;box-shadow:0 -2px 4px rgba(0,0,0,.08)}#principal .form-label{margin-bottom:.25rem;font-size:.875rem}#principal .form-select-sm,#principal .form-control-sm{font-size:.875rem;padding:.375rem .5rem}#principal .badge{font-size:.7rem;padding:.25rem .5rem}#principal .btn-link{font-size:.875rem}#principal .btn-link i{font-size:.75rem}#principal .collapse .small{font-size:.8rem;line-height:1.4}@media(max-width: 992px){.sectionCRM{flex-direction:column;height:auto}.cardClienteContainer,.cardChatContainer{width:100% !important;min-height:400px}.tablink{font-size:.8rem;padding:.6rem .8rem}.lead__item{padding:.75rem}.lead__item .lead__avatar{width:40px;height:40px;font-size:1rem}}@media(max-width: 768px){.chat__message .message__bubble{max-width:95%}.chat__input-wrapper .chat__attachments button{width:35px;height:35px;font-size:.9rem}.lead__item .lead__info .lead__header .lead__name{font-size:.9rem}.lead__item .lead__info .lead__footer .lead__message{font-size:.8rem}}.lead__tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.tag-badge{display:inline-block;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);white-space:nowrap;transition:all .2s ease}.tag-badge--small{padding:.15rem .4rem;font-size:.7rem;border-radius:10px}.tag-badge--inline{padding:.125rem .35rem;font-size:.65rem;border-radius:8px;display:inline-block;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.tag-badge--more{background-color:#6c757d !important;opacity:.7;font-size:.65rem}.tag-badge:hover{transform:scale(1.05);box-shadow:0 2px 4px rgba(0,0,0,.2)}.etiquetas-selector{position:relative;margin-bottom:1rem}.etiquetas-selector__trigger{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;cursor:pointer;transition:border-color .15s ease-in-out}.etiquetas-selector__trigger:hover{border-color:#87a1b2}.etiquetas-selector__trigger.active{border-color:#773232;box-shadow:0 0 0 .2rem rgba(119,50,50,.25)}.etiquetas-selector__dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #dee2e6;border-top:none;border-radius:0 0 .25rem .25rem;box-shadow:0 4px 6px rgba(0,0,0,.1);max-height:300px;overflow-y:auto;z-index:1000;display:none}.etiquetas-selector__dropdown.show{display:block}.etiquetas-selector__search{padding:.5rem;border-bottom:1px solid #dee2e6}.etiquetas-selector__search input{width:100%;padding:.375rem .75rem;border:1px solid #dee2e6;border-radius:.25rem;font-size:.875rem}.etiquetas-selector__list{list-style:none;margin:0;padding:0}.etiquetas-selector__item{display:flex;align-items:center;padding:.5rem .75rem;cursor:pointer;transition:background-color .15s ease}.etiquetas-selector__item:hover{background-color:#f4e8e0}.etiquetas-selector__item input[type=checkbox]{margin-right:.5rem}.etiquetas-selector__item-color{width:16px;height:16px;border-radius:50%;margin-right:.5rem;flex-shrink:0}.etiquetas-selector__item-name{flex:1;font-size:.875rem;color:#3a4249}.etiquetas-display{display:flex;flex-wrap:wrap;gap:.35rem;min-height:32px;margin-bottom:.5rem}.etiquetas-display__tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.etiquetas-display__tag-remove{background:none;border:none;color:#fff;opacity:.8;cursor:pointer;padding:0;margin-left:.25rem;font-size:1rem;line-height:1;transition:opacity .2s ease}.etiquetas-display__tag-remove:hover{opacity:1}.etiquetas-display__empty{color:#6c757d;font-size:.875rem;font-style:italic}.filter__group{display:flex;flex-direction:column;gap:.75rem}.filter__group .form-select{width:100%;padding:.75rem;background-color:#f4e8e0;border:1px solid #efe0cc;border-radius:8px;color:#3a4249;font-size:.9rem;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%233A4249' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;padding-right:2.5rem}.filter__group .form-select:hover{background-color:hsl(24,47.619047619%,88.7647058824%);border-color:#87a1b2}.filter__group .form-select:focus{outline:none;border-color:#773232;box-shadow:0 0 0 3px rgba(119,50,50,.1)}.filter__group .form-select option{padding:.5rem;background-color:#fffbf8;color:#3a4249}.filter__label{font-weight:600;font-size:.9rem;color:#773232;display:flex;align-items:center;gap:.5rem}.filter__label i{font-size:.85rem;opacity:.8}.filter__tags-container{position:relative}.filter__tags-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem;background-color:#f4e8e0;border:1px solid #efe0cc;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.filter__tags-button:hover{background-color:hsl(24,47.619047619%,88.7647058824%);border-color:#87a1b2}.filter__tags-button:active{transform:scale(0.98)}.filter__tags-button>i{color:#3a4249;opacity:.7;font-size:1rem;transition:transform .2s ease;flex-shrink:0}.filter__tags-button.open>i{transform:rotate(180deg)}.filter__tags-selected{flex:1;display:flex;flex-wrap:wrap;gap:.25rem;min-height:24px;align-items:center;overflow:hidden}.filter__tags-placeholder{color:#3a4249;opacity:.5;font-size:.9rem;pointer-events:none}.filter__tags-dropdown{display:none;position:absolute;top:calc(100% + .5rem);left:0;right:0;background-color:#fffbf8;border:2px solid #efe0cc;border-radius:10px;box-shadow:0 6px 12px rgba(0,0,0,.15);z-index:1000;max-height:350px;overflow-y:auto;animation:slideDown .2s ease}.filter__tags-dropdown.show{display:block}.filter__tags-search-container{padding:.75rem;border-bottom:1px solid #efe0cc;background-color:#f4e8e0;position:sticky;top:0;z-index:1}.filter__tags-search{width:100%;padding:.5rem .75rem;border:1px solid #efe0cc;border-radius:6px;background-color:#fffbf8;color:#3a4249;font-size:.875rem}.filter__tags-search:focus{outline:none;border-color:#773232}.filter__tags-search::placeholder{color:#3a4249;opacity:.5}.filter__tags-list{padding:.5rem}.filter__tag-item{display:flex;align-items:center;padding:.5rem .75rem;cursor:pointer;border-radius:6px;transition:background-color .15s ease}.filter__tag-item:hover{background-color:#f4e8e0}.filter__tag-item input[type=checkbox]{margin-right:.75rem;cursor:pointer;width:16px;height:16px;accent-color:#773232}.filter__tag-color{width:16px;height:16px;border-radius:3px;margin-right:.5rem;flex-shrink:0;box-shadow:0 1px 2px rgba(0,0,0,.1)}.filter__tag-name{font-size:.875rem;color:#3a4249}.filters__actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #efe0cc}.btn--filter{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.btn--filter i{font-size:.85rem}.btn--filter.btn--primary{background:linear-gradient(51deg, #d64545 50%, rgb(213, 89, 55) 65%, #e3843b 100%);color:#e3e3e3;box-shadow:-5px -5px 15px hsla(0,0%,100%,.9),5px 5px 15px rgba(60,14,189,.3)}.btn--filter.btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.btn--filter.btn--primary:active{transform:scale(0.98)}.btn--filter.btn--secondary{background-color:#f4e8e0;color:#3a4249;border:1px solid #efe0cc}.btn--filter.btn--secondary:hover{background-color:hsl(24,47.619047619%,86.7647058824%)}@media(max-width: 768px){.leads__search .search__bar{flex-wrap:wrap}.leads__search .search__input-wrapper{flex:1 1 100%;order:2}.leads__search .search__filter-btn{order:1}.leads__search .search__field-selector{order:3;min-width:auto;flex:1;border-left:none;border-top:1px solid #efe0cc;border-radius:0 0 25px 25px}.filters__actions{flex-direction:column}.filters__actions .btn--filter{width:100%;justify-content:center}}#modalGestionEtiquetas .modal-content{border-radius:12px;border:none;box-shadow:0 10px 40px rgba(0,0,0,.2)}#modalGestionEtiquetas .modal-header{background:linear-gradient(51deg, #d64545 50%, rgb(213, 89, 55) 65%, #e3843b 100%);color:#e3e3e3;border-bottom:none;border-radius:12px 12px 0 0;padding:1.25rem 1.5rem}#modalGestionEtiquetas .modal-header .modal-title{font-weight:600;font-size:1.25rem}#modalGestionEtiquetas .modal-header .btn-close{filter:brightness(0) invert(1);opacity:.8}#modalGestionEtiquetas .modal-header .btn-close:hover{opacity:1}#modalGestionEtiquetas .modal-body{padding:1.5rem}#modalGestionEtiquetas .card{border:1px solid #efe0cc;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.05)}#modalGestionEtiquetas .card .card-header{border-bottom:1px solid #efe0cc;padding:.875rem 1.25rem}#modalGestionEtiquetas .card .card-header h6{color:#773232;font-weight:600}#modalGestionEtiquetas .card .card-body{padding:1.25rem}#modalGestionEtiquetas .form-control-color{height:40px;width:100%}#modalGestionEtiquetas .etiqueta-color-preview{border:2px solid #efe0cc;box-shadow:0 2px 4px rgba(0,0,0,.1)}#modalGestionEtiquetas .table{margin-bottom:0}#modalGestionEtiquetas .table thead{background-color:#f4e8e0}#modalGestionEtiquetas .table thead th{color:#773232;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #efe0cc;padding:.875rem .75rem}#modalGestionEtiquetas .table tbody tr{transition:background-color .15s ease}#modalGestionEtiquetas .table tbody tr:hover{background-color:#f4e8e0}#modalGestionEtiquetas .table tbody tr td{padding:.875rem .75rem;vertical-align:middle;border-bottom:1px solid hsl(34.2857142857,52.2388059701%,91.862745098%)}#modalGestionEtiquetas .modal-footer{border-top:1px solid #efe0cc;padding:1rem 1.5rem}.filter-panel{position:fixed;top:0;left:-400px;width:380px;height:100vh;background:#fffbf8;box-shadow:2px 0 15px rgba(0,0,0,.15);z-index:1050;transition:left .3s ease;overflow-y:auto}.filter-panel.open{left:0}.filter-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid #efe0cc;background:linear-gradient(51deg, #d64545 50%, rgb(213, 89, 55) 65%, #e3843b 100%);color:#e3e3e3}.filter-header h5{margin:0;color:#e3e3e3;font-weight:600;font-size:1.1rem}.btn-close-filters{background:hsla(0,0%,100%,.2);border:none;font-size:24px;color:#e3e3e3;cursor:pointer;padding:0;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.btn-close-filters:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.filter-content{padding:25px;background-color:#fffbf8}.filter-group{margin-bottom:25px}.filter-label{display:block;margin-bottom:8px;font-weight:600;color:#773232;font-size:.95rem}.filter-input{width:100%;padding:10px 12px;border:2px solid #efe0cc;border-radius:8px;font-size:14px;background-color:#f4e8e0;color:#3a4249;transition:all .2s ease}.filter-input:focus{outline:none;border-color:#773232;box-shadow:0 0 0 3px rgba(119,50,50,.1)}.date-inputs{display:flex;gap:10px}.date-inputs input{flex:1}.filter-actions{display:flex;gap:10px;margin-top:30px}.filter-actions button,.filter-actions a{flex:1;padding:12px;border-radius:8px;font-weight:600;transition:all .2s ease;text-decoration:none;text-align:center;border:none;cursor:pointer}.filter-actions .btn-primary{background:linear-gradient(51deg, #d64545 50%, rgb(213, 89, 55) 65%, #e3843b 100%);color:#e3e3e3;box-shadow:-5px -5px 15px hsla(0,0%,100%,.9),5px 5px 15px rgba(60,14,189,.3)}.filter-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(119,50,50,.4)}.filter-actions .btn-secondary{background-color:#f4e8e0;color:#3a4249;border:2px solid #efe0cc}.filter-actions .btn-secondary:hover{background-color:#efe0cc}.filter-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:1040;opacity:0;visibility:hidden;transition:all .3s ease}.filter-overlay.show{opacity:1;visibility:visible}.dashboard-container{max-width:1400px;margin:0 auto}.dashboard-container header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px 0;border-bottom:2px solid #efe0cc}.dashboard-container header section{flex:1}.dashboard-container header section:first-child{text-align:left}.dashboard-container header section:last-child{text-align:right}.dashboard-container header section:nth-child(2){text-align:center}.dashboard-container header h2{color:#773232;font-weight:700;margin:0}.button{background:#f4e8e0;border:2px solid #efe0cc;border-radius:10px;padding:.75rem 1.25rem;cursor:pointer;transition:all .2s ease;color:#3a4249;font-weight:600}.dashboard-content{overflow-y:auto;padding:0 15px}.dashboard-content .metric-box{padding:1rem}.dashboard-content .card{border:none;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.1);background-color:#fffbf8;transition:all .2s ease}.dashboard-content .card:hover{box-shadow:0 6px 12px rgba(0,0,0,.15)}.dashboard-content .card-header{border-radius:12px 12px 0 0 !important;padding:1rem 1.5rem;font-weight:600;border-bottom:2px solid hsla(0,0%,100%,.2)}.dashboard-content .card-header.bg-primary{background:linear-gradient(135deg, #87A1B2 0%, #6B8CA0 100%) !important}.dashboard-content .card-header.bg-danger{background:linear-gradient(135deg, #d9534f 0%, #c9302c 100%) !important}.dashboard-content .card-header.bg-success{background:linear-gradient(135deg, #5cb85c 0%, #449d44 100%) !important}.dashboard-content .card-header.bg-info{background:linear-gradient(135deg, #D1E1D7 0%, #9AD6E8 100%) !important}.dashboard-content .card-body{padding:1.5rem;background-color:#fffbf8}.dashboard-content .phase-box{background-color:#fff;border:2px solid #efe0cc !important;transition:all .2s ease}.dashboard-content .phase-box:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(119,50,50,.15);border-color:#773232 !important}.dashboard-content .ticket-box{background-color:#fff;border:2px solid #efe0cc !important;transition:all .2s ease}.dashboard-content .ticket-box:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(119,50,50,.15);border-color:#773232 !important}.dashboard-content .ticket-box.bg-primary{background:linear-gradient(51deg, #d64545 50%, rgb(213, 89, 55) 65%, #e3843b 100%) !important;border:none !important}.dashboard-content .ticket-box.bg-light{background-color:#f4e8e0 !important}.dashboard-content .progress{background-color:#f4e8e0;border-radius:10px;overflow:hidden}.dashboard-content .progress-bar{transition:width .6s ease}.dashboard-content .progress-bar.bg-secondary{background:linear-gradient(90deg, #6c757d 0%, #5a6268 100%) !important}.dashboard-content .progress-bar.bg-success{background:linear-gradient(90deg, #5cb85c 0%, #449d44 100%) !important}.dashboard-content .progress-bar.bg-warning{background:linear-gradient(90deg, #f0ad4e 0%, #ec971f 100%) !important}.dashboard-content .progress-bar.bg-primary{background:linear-gradient(90deg, #87A1B2 0%, #6B8CA0 100%) !important}.dashboard-content h3,.dashboard-content h5,.dashboard-content h6{color:#773232}.dashboard-content .text-muted{color:#3a4249 !important;opacity:.7}.dashboard-content .fa-paper-plane.text-success{color:#5cb85c !important}.dashboard-content .fa-inbox.text-info{color:#d1e1d7 !important}.dashboard-content .fa-clipboard-list.text-danger{color:#d9534f !important}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-content .card,.dashboard-content .phase-box,.dashboard-content .ticket-box{animation:fadeIn .4s ease}.dashboard-content .card-header-trafico,.dashboard-content .card-header-incidencias,.dashboard-content .card-header-conversion,.dashboard-content .card-header-ticket{background:linear-gradient(135deg, #F5D6CF 0%, #F49898 100%) !important;color:#3a4249 !important;font-weight:600}.dashboard-content .icon-saliente{color:#de6b7d !important}.dashboard-content .icon-entrante{color:#f49898 !important}.dashboard-content .icon-incidencia{color:#773232 !important}.dashboard-content .phase-sin-compras h3{color:#773232 !important}.dashboard-content .phase-compra h3{color:#de6b7d !important}.dashboard-content .phase-fidelizacion h3{color:#f49898 !important}.dashboard-content .phase-total h3{color:#773232 !important}.dashboard-content .progress-sin-compras{background:linear-gradient(90deg, #EFE0CC 0%, #D2BBA0 100%) !important}.dashboard-content .progress-compra{background:linear-gradient(90deg, #DE6B7D 0%, #F49898 100%) !important}.dashboard-content .progress-fidelizacion{background:linear-gradient(90deg, #F49898 0%, #DE6B7D 100%) !important}.dashboard-content .progress-total{background:linear-gradient(90deg, #773232 0%, #a42525 100%) !important}.dashboard-content .ticket-fase{background-color:#f4e8e0 !important;border-color:#efe0cc !important}.dashboard-content .ticket-global{background:linear-gradient(135deg, #F5D6CF 0%, #F49898 100%) !important;color:#773232 !important;border:none !important}.dashboard-content .ticket-global h5,.dashboard-content .ticket-global h2{color:#773232 !important}.dashboard-content .badge{padding:.4rem .8rem;font-weight:600;border-radius:6px}.dashboard-content .list-unstyled li{padding:.5rem 0;border-bottom:1px solid #efe0cc}.dashboard-content .list-unstyled li:last-child{border-bottom:none}.dashboard-content .btn-group .btn{transition:all .2s ease}.dashboard-content .btn-group .btn.active{background:linear-gradient(51deg, #d64545 50%, rgb(213, 89, 55) 65%, #e3843b 100%);color:#e3e3e3;border-color:#773232}.dashboard-content .bg-light{background-color:#f4e8e0 !important}.dashboard-content .cross-selling-card{background-color:#f4e8e0;border-color:#efe0cc !important;transition:all .3s ease}.dashboard-content .cross-selling-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(119,50,50,.15);border-color:#f49898 !important}.dashboard-content .cross-selling-card .producto-item .producto-img{width:60px;height:60px;object-fit:cover;border-radius:8px;border:2px solid #efe0cc}.dashboard-content .cross-selling-card .producto-item .producto-img-placeholder{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f5d6cf;border-radius:8px;border:2px solid #efe0cc}.dashboard-content .cross-selling-card .producto-item .producto-img-placeholder i{font-size:1.5rem;color:#773232}.dashboard-content .cross-selling-card .producto-item .producto-nombre{font-size:.9rem;font-weight:600;color:#3a4249;display:block;line-height:1.3}.dashboard-content .cross-selling-card .badge-frecuencia{background:linear-gradient(135deg, #DE6B7D 0%, #F49898 100%);color:#e3e3e3;padding:.5rem 1rem;font-size:.85rem;font-weight:600;border-radius:20px}@media(max-width: 768px){.filter-panel{width:320px}.dashboard-content .metric-box{padding:.5rem}.dashboard-content h3{font-size:1.5rem}.dashboard-content canvas{max-height:200px !important}.dashboard-content .cross-selling-card .producto-item .producto-img,.dashboard-content .cross-selling-card .producto-item .producto-img-placeholder{width:50px;height:50px}.dashboard-content .cross-selling-card .producto-item .producto-nombre{font-size:.8rem}.button p{display:none !important}}.whatsapp-header{background:linear-gradient(135deg, #5ec584 20%, #cbf5d9 100%);padding:1rem;border-radius:12px;color:#fff;margin-bottom:1.2rem}.whatsapp-header h2{color:#fff;font-weight:600}.whatsapp-header .quality-badge .badge,.whatsapp-header .messaging-limit .badge{padding:.5rem 1rem;font-size:.875rem;font-weight:500}#whatsappTabs{border-bottom:2px solid #e9ecef}#whatsappTabs .nav-link{color:#6c757d;font-weight:500;padding:.75rem 1.5rem;border:none;border-bottom:3px solid rgba(0,0,0,0);transition:all .3s ease}#whatsappTabs .nav-link:hover{color:#128c7e;border-bottom-color:#128c7e;background-color:rgba(0,0,0,0)}#whatsappTabs .nav-link.active{color:#128c7e;background-color:rgba(0,0,0,0);border-bottom-color:#25d366;font-weight:600}#whatsappTabs .nav-link i{font-size:1rem}#toggleFiltersBtn{padding:.5rem 1rem;border-color:#e9ecef;background:#fff;transition:all .3s ease}#toggleFiltersBtn i{color:#6c757d;transition:all .3s ease}#toggleFiltersBtn:hover{background:#128c7e;border-color:#128c7e}#toggleFiltersBtn:hover i{color:#fff}.templates-container{height:calc(100vh - 280px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#128c7e #f1f1f1}.templates-container::-webkit-scrollbar{width:6px}.templates-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.templates-container::-webkit-scrollbar-thumb{background:#128c7e;border-radius:3px}.templates-container::-webkit-scrollbar-thumb:hover{background:#0e6b61}.templates-main{overflow:visible;width:100%;height:auto}#filtersSidebar .offcanvas-header{background:linear-gradient(135deg, #128C7E 0%, #25D366 100%);color:#fff}#filtersSidebar .offcanvas-header .offcanvas-title{font-weight:600}#filtersSidebar .offcanvas-header .offcanvas-title i{color:#fff}#filtersSidebar .offcanvas-header .btn-close{filter:brightness(0) invert(1)}#filtersSidebar .offcanvas-body{padding:1.5rem}#filtersSidebar .sidebar-section{margin-bottom:1.5rem}#filtersSidebar .sidebar-section:last-child{margin-bottom:0}#filtersSidebar .sidebar-title{font-size:.875rem;font-weight:600;color:#212529;margin-bottom:.75rem;display:flex;align-items:center}#filtersSidebar .sidebar-title i{color:#128c7e;font-size:.875rem}#filtersSidebar .search-box{position:relative}#filtersSidebar .search-box i{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#6c757d;font-size:.875rem}#filtersSidebar .search-box input{padding-left:2.25rem;font-size:.875rem}#filtersSidebar .form-select-sm{font-size:.875rem}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1.25rem;padding-right:.5rem;padding-bottom:2rem}.template-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.template-card:hover{box-shadow:0 8px 16px rgba(0,0,0,.1);transform:translateY(-2px)}.template-card__header{padding:1rem;border-bottom:1px solid #e9ecef}.template-card__header h5{font-size:1rem;font-weight:600;color:#212529;margin:0}.template-card__header .badge{font-size:.75rem;padding:.25rem .75rem}.template-card__body{padding:1rem;min-height:100px}.template-card__body .template-preview{font-size:.875rem;color:#6c757d;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.template-card__footer{padding:.75rem 1rem;background-color:#f8f9fa;display:flex;justify-content:space-between;align-items:center}.template-card__footer small{font-size:.75rem}.template-card__footer small i{font-size:.625rem}.button-field{background-color:#f8f9fa;transition:background-color .2s ease}.button-field:hover{background-color:#e9ecef}.button-field .button-type,.button-field .button-text,.button-field .button-value{font-size:.875rem}.whatsapp-preview{background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center}.whatsapp-message{background:#fff;border-radius:8px;padding:0;max-width:350px;width:100%;box-shadow:0 4px 12px rgba(0,0,0,.15);overflow:hidden}.whatsapp-message__body{padding:1rem;font-size:.938rem;line-height:1.6;color:#303030;white-space:pre-wrap}.whatsapp-message__footer{padding:.5rem 1rem;font-size:.813rem;color:#8696a0;border-top:1px solid #e9e9e9}.whatsapp-message__buttons{display:flex;flex-direction:column;border-top:1px solid #e9e9e9}.whatsapp-message__buttons .whatsapp-button{background:#fff;border:none;border-top:1px solid #e9e9e9;padding:.75rem 1rem;color:#00a5f4;font-weight:500;font-size:.875rem;text-align:center;cursor:pointer;transition:background-color .2s ease}.whatsapp-message__buttons .whatsapp-button:first-child{border-top:none}.whatsapp-message__buttons .whatsapp-button:hover{background-color:#f5f5f5}.whatsapp-message__buttons .whatsapp-button i{color:#8696a0}.analytics-toolbar{display:flex;justify-content:center}.analytics-toolbar .btn-group{box-shadow:0 2px 4px rgba(0,0,0,.1);border-radius:8px;overflow:hidden}.analytics-toolbar .btn-group button{padding:.5rem 1.5rem;font-weight:500}.analytics-toolbar .btn-group button.active{background-color:#128c7e;border-color:#128c7e;color:#fff}.chart-container{position:relative;height:300px;max-height:300px;margin-bottom:1rem}.chart-container canvas{max-height:300px !important}.metric-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;align-items:center;gap:1rem;transition:all .3s ease}.metric-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.12);transform:translateY(-2px)}.metric-card .metric-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.metric-card .metric-content{flex:1}.metric-card .metric-content h3{font-size:2rem;font-weight:700;margin:0;color:#212529}.metric-card .metric-content p{font-size:.875rem;color:#6c757d;margin:0}.settings-container,.analytics-container{max-height:calc(100vh - 280px);overflow-y:auto;overflow-x:hidden;padding-right:.5rem;scrollbar-width:thin;scrollbar-color:#128c7e #f1f1f1}.settings-container::-webkit-scrollbar,.analytics-container::-webkit-scrollbar{width:6px}.settings-container::-webkit-scrollbar-track,.analytics-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.settings-container::-webkit-scrollbar-thumb,.analytics-container::-webkit-scrollbar-thumb{background:#128c7e;border-radius:3px}.settings-container::-webkit-scrollbar-thumb:hover,.analytics-container::-webkit-scrollbar-thumb:hover{background:#0e6b61}.settings-container .card{border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.settings-container .card .card-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:1rem 1.5rem}.settings-container .card .card-header h5{font-size:1.125rem;font-weight:600;margin:0}.settings-container .card .card-body{padding:1.5rem}.settings-container .form-label{font-size:.875rem;font-weight:500;color:#495057;margin-bottom:.5rem}.settings-container input[readonly]{background-color:#f8f9fa;cursor:not-allowed}@media(max-width: 1200px){.templates-container{height:calc(100vh - 280px)}.templates-grid{max-height:calc(100vh - 400px)}}@media(max-width: 992px){.templates-grid{grid-template-columns:repeat(auto-fill, minmax(250px, 1fr))}.whatsapp-header .d-flex{flex-direction:column;gap:1rem}}@media(max-width: 768px){.templates-grid{grid-template-columns:1fr;max-height:calc(100vh - 450px)}.templates-toolbar .row>div{width:100% !important}.metric-card .metric-icon{width:50px;height:50px;font-size:1.25rem}.metric-card .metric-content h3{font-size:1.5rem}#whatsappTabs .nav-link{padding:.5rem .75rem;font-size:.875rem}#whatsappTabs .nav-link i{display:none}}#previewModal .modal-dialog{max-width:1200px;height:90vh;margin:5vh auto;display:flex;align-items:center}#previewModal .modal-content{border-radius:16px;border:none;box-shadow:0 10px 40px rgba(0,0,0,.15);overflow:hidden;height:90vh;display:flex;flex-direction:column}#previewModal .modal-header{background:linear-gradient(135deg, #128C7E 0%, #25D366 100%);color:#fff;padding:1.5rem;border-bottom:none;flex-shrink:0}#previewModal .modal-header .modal-title{font-weight:600;font-size:1.5rem;display:flex;align-items:center;gap:.75rem}#previewModal .modal-header .modal-title i{font-size:1.75rem;color:hsla(0,0%,100%,.9)}#previewModal .modal-header .btn-close{filter:brightness(0) invert(1);opacity:.8;transition:opacity .2s ease}#previewModal .modal-header .btn-close:hover{opacity:1}#previewModal .modal-body{padding:0;flex:1;overflow:hidden;background:#fff;display:flex;flex-direction:column}.template-detail-layout{display:grid;grid-template-columns:400px 1fr;gap:0;height:100%;width:100%}.template-detail-layout .preview-column{background:#f8f9fa;display:flex;flex-direction:column;align-items:center;border-right:1px solid #e9ecef;overflow-y:auto;height:100%}.template-detail-layout .preview-column::-webkit-scrollbar{width:6px}.template-detail-layout .preview-column::-webkit-scrollbar-track{background:#f1f1f1}.template-detail-layout .preview-column::-webkit-scrollbar-thumb{background:#128c7e;border-radius:3px}.template-detail-layout .preview-column::-webkit-scrollbar-thumb:hover{background:#0e6b61}.template-detail-layout .preview-column h5{color:#212529;font-weight:600;font-size:1rem;margin:0;display:flex;align-items:center;gap:.5rem}.template-detail-layout .preview-column h5 i{color:#25d366}.template-detail-layout .details-column{background:#fff;padding:0;overflow:hidden;display:flex;flex-direction:column;height:100%}.template-tabs{border-bottom:2px solid #e9ecef;margin:0;padding:0 1.5rem;background:#f8f9fa;flex-shrink:0}.template-tabs .nav-item{margin-bottom:0}.template-tabs .nav-link{border:none;border-bottom:3px solid rgba(0,0,0,0);background:rgba(0,0,0,0);color:#6c757d;font-weight:500;font-size:.813rem;padding:.75rem 1.25rem;transition:all .2s ease}.template-tabs .nav-link i{font-size:.75rem;margin-right:.375rem}.template-tabs .nav-link:hover{color:#128c7e;background:rgba(18,140,126,.05);border-bottom-color:#128c7e}.template-tabs .nav-link.active{color:#128c7e;background:#fff;border-bottom-color:#25d366;font-weight:600}.template-tab-content{padding:1.5rem;flex:1;overflow-y:auto;width:100%}.template-tab-content::-webkit-scrollbar{width:6px}.template-tab-content::-webkit-scrollbar-track{background:#f1f1f1}.template-tab-content::-webkit-scrollbar-thumb{background:#128c7e;border-radius:3px}.template-tab-content::-webkit-scrollbar-thumb:hover{background:#0e6b61}.template-tab-content .tab-pane{animation:fadeIn .3s ease;width:100%}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.info-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:.875rem}.info-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:.875rem;transition:all .2s ease}.info-card:hover{background:#fff;border-color:#128c7e;box-shadow:0 2px 6px rgba(18,140,126,.1);transform:translateY(-2px)}.info-card__label{font-size:.688rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;display:flex;align-items:center;gap:.375rem}.info-card__label i{color:#128c7e;font-size:.75rem}.info-card__value{font-size:.813rem;color:#212529;font-weight:500;word-break:break-word}.info-card__value code{font-size:.75rem;background:#fff;padding:.25rem .5rem;border-radius:4px;color:#e83e8c;border:1px solid #e9ecef;display:inline-block}.info-card__value strong{color:#212529}.whatsapp-message{background:#fff;border-radius:8px;max-width:320px;width:100%;box-shadow:0 2px 12px rgba(0,0,0,.15);overflow:hidden;position:relative;display:flex;flex-direction:column;max-height:600px}.whatsapp-message::before{content:"";position:absolute;bottom:0;right:-8px;width:0;height:0;border:8px solid rgba(0,0,0,0);border-left-color:#fff;border-bottom:0;transform:translateY(-8px);z-index:1}.whatsapp-message__header{width:100%;max-height:180px;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.whatsapp-message__header img{width:100%;height:auto;display:block}.whatsapp-message__header .header-placeholder{padding:2rem 1rem;text-align:center;color:#8696a0}.whatsapp-message__header .header-placeholder i{font-size:2rem;margin-bottom:.5rem;display:block}.whatsapp-message__header .header-placeholder p{margin:0;font-size:.75rem;font-weight:500}.whatsapp-message__body{padding:.875rem;font-size:.875rem;line-height:1.5;color:#303030;white-space:pre-wrap;word-wrap:break-word;flex:1;overflow-y:auto;min-height:0}.whatsapp-message__body::-webkit-scrollbar{width:4px}.whatsapp-message__body::-webkit-scrollbar-track{background:#f1f1f1}.whatsapp-message__body::-webkit-scrollbar-thumb{background:#8696a0;border-radius:2px}.whatsapp-message__body::-webkit-scrollbar-thumb:hover{background:#667781}.whatsapp-message__body strong{background:linear-gradient(135deg, #FFF3E0 0%, #FFE0B2 100%);padding:.125rem .375rem;border-radius:4px;font-weight:600;color:#e65100}.whatsapp-message__footer{padding:.5rem .875rem;font-size:.75rem;color:#8696a0;border-top:1px solid #e9e9e9;background:#fafafa;font-style:italic;flex-shrink:0}.whatsapp-message__buttons{display:flex;flex-direction:column;border-top:2px solid #e9e9e9;flex-shrink:0}.whatsapp-message__buttons .whatsapp-button{background:#fff;border:none;border-top:1px solid #e9e9e9;padding:.75rem;color:#00a5f4;font-weight:500;font-size:.813rem;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.375rem}.whatsapp-message__buttons .whatsapp-button:first-child{border-top:none}.whatsapp-message__buttons .whatsapp-button:hover{background-color:#f0f7ff}.whatsapp-message__buttons .whatsapp-button:active{background-color:#e1f0ff}.whatsapp-message__buttons .whatsapp-button i{color:#8696a0;font-size:.875rem}.whatsapp-message__buttons .whatsapp-button--quick-reply{color:#00a5f4}.whatsapp-message__buttons .whatsapp-button--quick-reply i{color:#00a5f4}.whatsapp-message__buttons .whatsapp-button--url{color:#00a5f4}.whatsapp-message__buttons .whatsapp-button--phone{color:#25d366}.whatsapp-message__buttons .whatsapp-button--phone i{color:#25d366}.template-details h5{font-size:1rem;font-weight:700;color:#212529;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #128c7e;display:flex;align-items:center;gap:.5rem}.template-details h5 i{color:#128c7e;font-size:.875rem}.template-info-table{width:100%;margin-bottom:1.5rem;border-collapse:separate;border-spacing:0;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;font-size:.813rem}.template-info-table tr{transition:background-color .2s ease}.template-info-table tr:hover{background-color:#f8f9fa}.template-info-table tr:nth-child(even){background-color:#fafbfc}.template-info-table tr:nth-child(even):hover{background-color:#f0f2f5}.template-info-table th{width:35%;padding:.625rem .875rem;text-align:left;font-weight:600;font-size:.75rem;color:#495057;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.template-info-table th i{color:#128c7e;margin-right:.375rem;width:14px;text-align:center;font-size:.75rem}.template-info-table td{padding:.625rem .875rem;font-size:.813rem;color:#212529;border-bottom:1px solid #e9ecef;word-break:break-word}.template-info-table td code{font-size:.75rem;background:#f8f9fa;padding:.125rem .375rem;border-radius:3px;color:#e83e8c}.template-info-table td:last-child{border-bottom:none}.template-info-table tr:last-child th,.template-info-table tr:last-child td{border-bottom:none}.quality-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.quality-badge i{font-size:.75rem}.quality-badge--green{background:linear-gradient(135deg, #4CAF50 0%, #66BB6A 100%);color:#fff;box-shadow:0 1px 4px rgba(76,175,80,.25)}.quality-badge--yellow{background:linear-gradient(135deg, #FFC107 0%, #FFD54F 100%);color:#3e2723;box-shadow:0 1px 4px rgba(255,193,7,.25)}.quality-badge--red{background:linear-gradient(135deg, #F44336 0%, #E57373 100%);color:#fff;box-shadow:0 1px 4px rgba(244,67,54,.25)}.quality-badge--unknown{background:linear-gradient(135deg, #9E9E9E 0%, #BDBDBD 100%);color:#fff;box-shadow:0 1px 4px rgba(158,158,158,.25)}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-badge i{font-size:.75rem}.status-badge--approved{background:linear-gradient(135deg, #4CAF50 0%, #66BB6A 100%);color:#fff;box-shadow:0 1px 4px rgba(76,175,80,.25)}.status-badge--pending{background:linear-gradient(135deg, #FF9800 0%, #FFB74D 100%);color:#fff;box-shadow:0 1px 4px rgba(255,152,0,.25)}.status-badge--rejected{background:linear-gradient(135deg, #F44336 0%, #E57373 100%);color:#fff;box-shadow:0 1px 4px rgba(244,67,54,.25)}.status-badge--disabled{background:linear-gradient(135deg, #9E9E9E 0%, #BDBDBD 100%);color:#fff;box-shadow:0 1px 4px rgba(158,158,158,.25)}.component-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:10px;font-size:.688rem;font-weight:500;margin-right:.25rem;margin-bottom:.25rem}.component-badge i{font-size:.688rem}.component-badge--header{background:linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%);color:#0d47a1;border:1px solid #90caf9}.component-badge--body{background:linear-gradient(135deg, #F3E5F5 0%, #E1BEE7 100%);color:#4a148c;border:1px solid #ce93d8}.component-badge--footer{background:linear-gradient(135deg, #FFF3E0 0%, #FFE0B2 100%);color:#e65100;border:1px solid #ffcc80}.component-badge--buttons{background:linear-gradient(135deg, #E8F5E9 0%, #C8E6C9 100%);color:#1b5e20;border:1px solid #a5d6a7}.rejection-alert{background:linear-gradient(135deg, #FFEBEE 0%, #FFCDD2 100%);border:1px solid #ef9a9a;border-left:3px solid #f44336;border-radius:0;padding:.75rem 1.5rem;margin:0;display:flex;align-items:flex-start;gap:.75rem;border-bottom:2px solid #f44336}.rejection-alert i{color:#c62828;font-size:1.125rem;flex-shrink:0;margin-top:.125rem}.rejection-alert .rejection-content{flex:1}.rejection-alert .rejection-content h6{color:#c62828;font-weight:700;font-size:.813rem;margin-bottom:.375rem}.rejection-alert .rejection-content p{color:#b71c1c;font-size:.75rem;margin:0;line-height:1.4}.components-section{margin-top:0;width:100%}.components-section .component-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:.75rem 1rem;margin-bottom:.75rem;transition:all .2s ease}.components-section .component-item:last-child{margin-bottom:0}.components-section .component-item:hover{background:#fff;border-color:#128c7e;box-shadow:0 2px 6px rgba(18,140,126,.1)}.components-section .component-item .component-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.components-section .component-item .component-header h6{font-weight:600;font-size:.813rem;color:#212529;margin:0;display:flex;align-items:center;gap:.375rem}.components-section .component-item .component-header h6 i{color:#128c7e;font-size:.75rem}.components-section .component-item .component-content{font-size:.813rem;color:#495057;line-height:1.5;white-space:pre-wrap;word-break:break-word;background:#fff;padding:.625rem;border-radius:6px;border:1px solid #e9ecef}.components-section .component-item .component-content strong{background:linear-gradient(135deg, #FFF3E0 0%, #FFE0B2 100%);padding:.125rem .375rem;border-radius:3px;font-weight:600;color:#e65100}.components-section .component-item .component-meta{margin-top:.5rem;font-size:.75rem;color:#6c757d}.components-section .component-item .component-meta i{color:#128c7e;margin-right:.25rem}.json-accordion{margin-top:2rem}.json-accordion .accordion-item{border:1px solid #e9ecef;border-radius:8px !important;margin-bottom:1rem;overflow:hidden}.json-accordion .accordion-item:last-child{margin-bottom:0}.json-accordion .accordion-button{background:linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);color:#212529;font-weight:600;font-size:.938rem;padding:1rem 1.25rem;box-shadow:none}.json-accordion .accordion-button:not(.collapsed){background:linear-gradient(135deg, #128C7E 0%, #25D366 100%);color:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)}.json-accordion .accordion-button:not(.collapsed)::after{filter:brightness(0) invert(1)}.json-accordion .accordion-button:focus{box-shadow:none;border-color:#128c7e}.json-accordion .accordion-button i{margin-right:.5rem}.json-accordion .accordion-body{background:#f8f9fa;padding:1.25rem}.json-accordion .accordion-body pre{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:1rem;margin:0;max-height:400px;overflow-y:auto;font-family:"Courier New",Courier,monospace;font-size:.813rem;line-height:1.5;color:#212529}.json-accordion .accordion-body pre::-webkit-scrollbar{width:6px;height:6px}.json-accordion .accordion-body pre::-webkit-scrollbar-track{background:#f1f1f1}.json-accordion .accordion-body pre::-webkit-scrollbar-thumb{background:#128c7e;border-radius:3px}.json-accordion .accordion-body pre::-webkit-scrollbar-thumb:hover{background:#0e6b61}@media(max-width: 992px){.template-detail-layout{grid-template-columns:1fr}.template-detail-layout .preview-column{position:static;max-height:none;padding:2rem 1.5rem}.template-detail-layout .details-column{padding:2rem 1.5rem}.whatsapp-message{max-width:100%}}@media(max-width: 768px){#previewModal .modal-dialog{margin:.5rem}#previewModal .modal-header{padding:1rem}#previewModal .modal-header .modal-title{font-size:1.125rem}#previewModal .modal-header .modal-title i{font-size:1.25rem}.template-detail-layout .preview-column,.template-detail-layout .details-column{padding:1.5rem 1rem}.template-info-table th{width:45%;padding:.75rem;font-size:.813rem}.template-info-table td{padding:.75rem;font-size:.813rem}.components-section .component-item{padding:.875rem 1rem}}.template-autocomplete{position:absolute;left:0;right:0;bottom:calc(100% + 8px);background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 -8px 24px rgba(0,0,0,.12);max-height:280px;overflow-y:auto;z-index:1050;scrollbar-width:thin;scrollbar-color:#25d366 #f8f9fa}.template-autocomplete::-webkit-scrollbar{width:8px}.template-autocomplete::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px;margin:8px 0}.template-autocomplete::-webkit-scrollbar-thumb{background:#25d366;border-radius:4px;border:2px solid #f8f9fa}.template-autocomplete::-webkit-scrollbar-thumb:hover{background:#128c7e}.template-autocomplete-item{padding:1rem 1.25rem;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .15s ease;background:#fff;min-height:85px;display:flex;flex-direction:column;justify-content:center}.template-autocomplete-item:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.template-autocomplete-item:last-child{border-bottom:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.template-autocomplete-item:hover{background:#f8f9fa;border-left:4px solid #25d366;padding-left:calc(1.25rem - 4px);transform:translateX(2px)}.template-autocomplete-item.active{background:linear-gradient(90deg, #e8f5e9 0%, #f1f8f4 100%);border-left:4px solid #25d366;padding-left:calc(1.25rem - 4px);box-shadow:inset 0 0 0 1px rgba(37,211,102,.1)}.template-autocomplete-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.5rem}.template-autocomplete-header i{color:#25d366;font-size:1rem;flex-shrink:0}.template-autocomplete-header strong{font-size:.938rem;color:#1a1a1a;flex:1;font-weight:600;letter-spacing:-0.01em}.template-autocomplete-language{font-size:.688rem;color:#6b7280;background:#f3f4f6;padding:.25rem .625rem;border-radius:6px;text-transform:uppercase;font-weight:700;letter-spacing:.5px;flex-shrink:0}.template-autocomplete-preview{font-size:.875rem;color:#6b7280;line-height:1.5;margin-top:.25rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:42px}.template-autocomplete-vars{font-size:.75rem;color:#f59e0b;margin-top:.625rem;display:flex;align-items:center;gap:.375rem;font-weight:600}.template-autocomplete-vars i{font-size:.75rem;color:#f59e0b}.chat__footer{position:relative}.chat__footer .chat__input-wrapper{position:relative}@keyframes slideUpFadeIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.template-autocomplete{animation:slideUpFadeIn .25s cubic-bezier(0.4, 0, 0.2, 1)}.template-autocomplete-hint{padding:.625rem 1.25rem;background:linear-gradient(135deg, #128C7E 0%, #25D366 100%);color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-top-left-radius:12px;border-top-right-radius:12px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.template-autocomplete-hint .hint-count{background:hsla(0,0%,100%,.2);padding:.125rem .5rem;border-radius:12px;font-size:.688rem}.template-autocomplete-hint+.template-autocomplete-item{border-top-left-radius:0;border-top-right-radius:0}.automation-container{display:flex;flex-direction:column;height:100vh;background:#f5f6f8;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.automation-container--fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.automation-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#fff;border-bottom:1px solid #e1e4e8;box-shadow:0 1px 3px rgba(0,0,0,.05);z-index:10}.automation-header__left,.automation-header__right{display:flex;gap:.5rem;align-items:center}.automation-header__center h2{margin:0;font-size:1.25rem;font-weight:600;color:#24292e}.automation-header__center h2 i{color:#25d366;margin-right:.5rem}.btn-back{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f6f8fa;border:1px solid #d1d5da;border-radius:6px;color:#24292e;text-decoration:none;font-weight:500;transition:all .2s}.btn-back:hover{background:#e1e4e8;color:#24292e}.btn-action{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-action--save{background:#2ea44f;color:#fff}.btn-action--save:hover{background:#2c974b}.btn-action--test{background:#0969da;color:#fff}.btn-action--test:hover{background:#0860ca}.automation-canvas{display:flex;flex:1;overflow:hidden}.automation-sidebar{width:280px;background:#fff;border-right:1px solid #e1e4e8;display:flex;flex-direction:column;overflow-y:auto}.automation-sidebar .sidebar-header{padding:1rem 1.5rem;border-bottom:1px solid #e1e4e8}.automation-sidebar .sidebar-header h3{margin:0;font-size:1rem;font-weight:600;color:#24292e;display:flex;align-items:center;gap:.5rem}.automation-sidebar .sidebar-content{padding:1rem}.module-category{margin-bottom:1.5rem}.module-category__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem;background:#f6f8fa;border-radius:6px;font-weight:600;font-size:.875rem;color:#586069;text-transform:uppercase;letter-spacing:.5px}.module-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:.5rem;background:#fff;border:1px solid #d1d5da;border-radius:6px;cursor:grab;transition:all .2s;user-select:none;-webkit-user-drag:element;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.module-item:hover{border-color:#0969da;box-shadow:0 2px 8px rgba(9,105,218,.15);transform:translateY(-1px)}.module-item:active{cursor:grabbing}.module-item.dragging{opacity:.5;cursor:grabbing;transform:scale(0.95)}.module-item__icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:8px;color:#fff;font-size:1rem;pointer-events:none}.module-item__info{pointer-events:none}.module-item__info h4{margin:0 0 .25rem 0;font-size:.875rem;font-weight:600;color:#24292e}.module-item__info p{margin:0;font-size:.75rem;color:#586069}.automation-workspace{flex:1;position:relative;overflow:hidden;background:#f5f6f8}.workspace-background{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(#e1e4e8 1px, transparent 1px),linear-gradient(90deg, #e1e4e8 1px, transparent 1px);background-size:20px 20px;opacity:.5}.workspace-content{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;padding:2rem;min-height:400px}.workspace-content.drag-over{background-color:rgba(9,105,218,.05)}.workspace-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#586069;font-size:1.125rem;text-align:center}.workspace-placeholder i{font-size:4rem;margin-bottom:1rem;opacity:.3}.workspace-connections{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.workspace-connections path{fill:none;stroke:#586069;stroke-width:2;stroke-linecap:round;pointer-events:stroke;cursor:pointer}.workspace-connections path:hover{stroke:#0969da;stroke-width:3}.workspace-connections path.connection-yes{stroke:#2ea44f}.workspace-connections path.connection-no{stroke:#cf222e}.workflow-node{position:absolute;width:260px;background:#fff;border:2px solid #d1d5da;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .2s;z-index:5}.workflow-node:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);border-color:#0969da}.workflow-node.dragging{box-shadow:0 8px 24px rgba(0,0,0,.2);z-index:10}.workflow-node__header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;border-radius:6px 6px 0 0;cursor:grab;user-select:none}.workflow-node__header:active{cursor:grabbing}.workflow-node__header h4{flex:1;margin:0;font-size:.875rem;font-weight:600}.workflow-node__body{padding:1rem}.node-menu{display:flex;gap:.25rem}.node-menu button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.2);border:none;border-radius:4px;color:#fff;cursor:pointer;transition:all .2s}.node-menu button:hover{background:hsla(0,0%,100%,.3)}.node-config{margin-bottom:.75rem}.config-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem}.config-item i{color:#0969da;width:16px}.node-status{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#f6f8fa;border-radius:4px;font-size:.75rem;color:#586069}.node-status i{color:#0969da}.connection-point{position:absolute;width:14px;height:14px;background:#0969da;border:2px solid #fff;border-radius:50%;cursor:pointer;transition:all .2s;z-index:15}.connection-point:hover{width:18px;height:18px;background:#0860ca}.connection-point--input{top:50%;left:-7px;transform:translateY(-50%)}.connection-point--output{top:50%;right:-7px;transform:translateY(-50%)}.connection-point--output-yes{bottom:-7px;left:33%;transform:translateX(-50%);background:#2ea44f}.connection-point--output-no{bottom:-7px;right:33%;transform:translateX(50%);background:#cf222e}.connection-point.connecting{animation:pulse 1s infinite;background:#f0893e}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}#modalDiasSinRespuesta .modal-content,#modalHaRespondido .modal-content,#modalPlantillaWhatsApp .modal-content{border:none;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15)}#modalDiasSinRespuesta .modal-header,#modalHaRespondido .modal-header,#modalPlantillaWhatsApp .modal-header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;border-radius:12px 12px 0 0;padding:1.5rem}#modalDiasSinRespuesta .modal-header .modal-title,#modalHaRespondido .modal-header .modal-title,#modalPlantillaWhatsApp .modal-header .modal-title{display:flex;align-items:center;gap:.5rem;margin:0;font-weight:600}.config-group{margin-bottom:1.5rem}.config-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;color:#24292e;font-size:.875rem}.config-label i{color:#0969da}.config-input{width:100%;padding:.625rem .875rem;border:1px solid #d1d5da;border-radius:6px;font-size:.875rem;transition:all .2s}.config-input:focus{outline:none;border-color:#0969da;box-shadow:0 0 0 3px rgba(9,105,218,.1)}.config-help{display:block;margin-top:.25rem;font-size:.75rem;color:#586069}.condition-branches{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.branch-info{padding:1rem;border-radius:6px;display:flex;align-items:start;gap:.75rem}.branch-info--success{background:#dafbe1;border:1px solid #2ea44f}.branch-info--success i{color:#2ea44f}.branch-info--danger{background:#ffebe9;border:1px solid #cf222e}.branch-info--danger i{color:#cf222e}.branch-info i{font-size:1.5rem;margin-top:.25rem}.branch-info strong{display:block;margin-bottom:.25rem}.branch-info p{margin:0;font-size:.75rem;opacity:.8}.template-preview{margin-top:1rem;border:1px solid #d1d5da;border-radius:6px;overflow:hidden}.template-preview .preview-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f6f8fa;border-bottom:1px solid #d1d5da;font-weight:600;font-size:.875rem;color:#586069}.template-preview .preview-content{padding:1rem;background:#fff;font-size:.875rem;line-height:1.6;white-space:pre-wrap}.template-params{margin-top:1rem}.template-params .param-group{margin-bottom:1rem}.template-params .param-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.875rem;color:#24292e}@media(max-width: 768px){.automation-sidebar{width:240px}.workflow-node{width:220px}.automation-header{padding:.75rem 1rem}.automation-header__center h2{font-size:1rem}}.clientes-list .cliente-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:10px}.clientes-list .cliente-item:hover{background-color:#f5f5f5}.clientes-list .cliente-item:last-child{border-bottom:none}.clientes-list .cliente-item .cliente-icon{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:bold}.clientes-list .cliente-item .cliente-info{flex:1}.clientes-list .cliente-item .cliente-info .cliente-nombre{font-weight:600;color:#24292e;font-size:.9rem}.clientes-list .cliente-item .cliente-info .cliente-telefono{font-size:.8rem;color:#6c757d}.clientes-list .cliente-item .cliente-check{color:#28a745;font-size:1.2rem;display:none}.clientes-list .cliente-item .cliente-check.visible{display:block}.selected-clients-container{display:flex;flex-wrap:wrap;gap:8px;min-height:40px}.selected-clients-container .selected-client-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;border-radius:20px;font-size:.85rem;font-weight:500}.selected-clients-container .selected-client-badge .remove-client{cursor:pointer;padding:2px 4px;border-radius:50%;transition:background-color .2s}.selected-clients-container .selected-client-badge .remove-client:hover{background-color:hsla(0,0%,100%,.2)}.selected-clients-container .text-muted{width:100%;margin:0;padding:10px}.automatizaciones-container .sectionCRM{padding:2rem;background:#f8f9fa;min-height:calc(100vh - 100px)}.automatizaciones-container .whatsapp-header{background:linear-gradient(135deg, #F5D6CF 0%, #F4E8E0 100%);padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px rgba(119,50,50,.15);margin-bottom:2rem;border:1px solid rgba(119,50,50,.1)}.automatizaciones-container .whatsapp-header h2{margin:0;font-size:1.75rem;font-weight:600;display:flex;align-items:center;gap:.75rem;color:#773232}.automatizaciones-container .whatsapp-header h2 i{color:#de6b7d;font-size:1.85rem}.automatizaciones-container .whatsapp-header .btn-primary{background:linear-gradient(135deg, #DE6B7D 0%, #773232 100%);border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:all .3s;color:#fff}.automatizaciones-container .whatsapp-header .btn-primary i{color:#fff}.automatizaciones-container .whatsapp-header .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(222,107,125,.4);background:linear-gradient(135deg, rgb(217.3508287293, 86.1491712707, 106.6850828729) 0%, rgb(101.0443786982, 42.4556213018, 42.4556213018) 100%)}.automatizaciones-container .automatizaciones-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));gap:1.5rem}.automatizaciones-container .automatizacion-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden;transition:all .3s;cursor:pointer}.automatizaciones-container .automatizacion-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(119,50,50,.15)}.automatizaciones-container .automatizacion-card .card-header{padding:1.25rem;background:linear-gradient(135deg, #DE6B7D 0%, #773232 100%);color:#fff;display:flex;justify-content:space-between;align-items:center}.automatizaciones-container .automatizacion-card .card-header h3{margin:0;font-size:1.1rem;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.automatizaciones-container .automatizacion-card .card-status{padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.5rem;white-space:nowrap;margin-left:1rem}.automatizaciones-container .automatizacion-card .card-status.activo{background:hsla(0,0%,100%,.25);color:#fff}.automatizaciones-container .automatizacion-card .card-status.activo i{color:#4ade80}.automatizaciones-container .automatizacion-card .card-status.inactivo{background:rgba(0,0,0,.2);color:hsla(0,0%,100%,.9)}.automatizaciones-container .automatizacion-card .card-status.inactivo i{color:#fca5a5}.automatizaciones-container .automatizacion-card .card-body{padding:1.25rem}.automatizaciones-container .automatizacion-card .card-body .card-description{color:#6c757d;font-size:.9rem;margin-bottom:1rem;line-height:1.5;min-height:3rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.automatizaciones-container .automatizacion-card .card-body .badge-trigger{display:inline-block;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:1rem}.automatizaciones-container .automatizacion-card .card-body .badge-trigger.dias{background:rgba(222,107,125,.15);color:rgb(206.4640883978,46.0359116022,71.1464088398)}.automatizaciones-container .automatizacion-card .card-body .badge-trigger.evento{background:rgba(187,182,197,.2);color:hsl(260,11.4503816794%,54.3137254902%)}.automatizaciones-container .automatizacion-card .card-body .badge-trigger.programado{background:rgba(227,132,59,.15);color:rgb(205.625,105.9598214286,29.375)}.automatizaciones-container .automatizacion-card .card-body .badge-trigger i{margin-right:.25rem}.automatizaciones-container .automatizacion-card .card-body .card-stats{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;margin-top:1rem}.automatizaciones-container .automatizacion-card .card-body .card-stats .stat-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8f9fa;border-radius:8px;transition:all .2s}.automatizaciones-container .automatizacion-card .card-body .card-stats .stat-item:hover{background:rgba(245,214,207,.5)}.automatizaciones-container .automatizacion-card .card-body .card-stats .stat-item i{color:#de6b7d;font-size:1.3rem;width:24px;text-align:center}.automatizaciones-container .automatizacion-card .card-body .card-stats .stat-item .stat-content{flex:1}.automatizaciones-container .automatizacion-card .card-body .card-stats .stat-item .stat-content .stat-value{font-weight:600;color:#773232;font-size:1.2rem;line-height:1}.automatizaciones-container .automatizacion-card .card-body .card-stats .stat-item .stat-content .stat-label{font-size:.75rem;color:hsl(0,40.8284023669%,23.137254902%);display:block;margin-top:.25rem}.automatizaciones-container .automatizacion-card .card-footer{padding:1rem 1.25rem;background:#f8f9fa;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e9ecef}.automatizaciones-container .automatizacion-card .card-footer .card-date{font-size:.85rem;color:#6c757d;display:flex;align-items:center;gap:.5rem}.automatizaciones-container .automatizacion-card .card-footer .card-date i{color:#adb5bd}.automatizaciones-container .automatizacion-card .card-footer .card-actions{display:flex;gap:.5rem}.automatizaciones-container .automatizacion-card .card-footer .card-actions .btn-action{padding:.5rem .75rem;border-radius:6px;border:none;cursor:pointer;transition:all .2s;font-size:.9rem;display:inline-flex;align-items:center;gap:.25rem;color:#fff}.automatizaciones-container .automatizacion-card .card-footer .card-actions .btn-action.btn-edit{background:#3b82f6}.automatizaciones-container .automatizacion-card .card-footer .card-actions .btn-action.btn-edit:hover{background:#2563eb}.automatizaciones-container .automatizacion-card .card-footer .card-actions .btn-action.btn-execute{background:#10b981}.automatizaciones-container .automatizacion-card .card-footer .card-actions .btn-action.btn-execute:hover{background:#059669}.automatizaciones-container .automatizacion-card .card-footer .card-actions .btn-action.btn-delete{background:#ef4444}.automatizaciones-container .automatizacion-card .card-footer .card-actions .btn-action.btn-delete:hover{background:#dc2626}.automatizaciones-container .automatizacion-card .card-footer .card-actions .btn-action i{font-size:.85rem}.automatizaciones-container .empty-state{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg, #FFFBF8 0%, #F4E8E0 100%);border-radius:12px;box-shadow:0 2px 8px rgba(119,50,50,.1);border:1px solid rgba(119,50,50,.05)}.automatizaciones-container .empty-state i{font-size:5rem;color:rgba(222,107,125,.3);margin-bottom:1.5rem;display:block}.automatizaciones-container .empty-state h3{color:#773232;margin-bottom:.5rem;font-size:1.5rem}.automatizaciones-container .empty-state p{color:hsl(0,40.8284023669%,28.137254902%);margin-bottom:2rem;font-size:1rem}.automatizaciones-container .empty-state .btn-primary{background:linear-gradient(135deg, #DE6B7D 0%, #773232 100%);border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s}.automatizaciones-container .empty-state .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(222,107,125,.4);background:linear-gradient(135deg, rgb(217.3508287293, 86.1491712707, 106.6850828729) 0%, rgb(101.0443786982, 42.4556213018, 42.4556213018) 100%)}@media(max-width: 992px){.automatizaciones-container .automatizaciones-grid{grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))}}@media(max-width: 768px){.automatizaciones-container .sectionCRM{padding:1rem}.automatizaciones-container .whatsapp-header{padding:1rem}.automatizaciones-container .whatsapp-header h2{font-size:1.25rem}.automatizaciones-container .whatsapp-header .d-flex{flex-direction:column;gap:1rem}.automatizaciones-container .automatizaciones-grid{grid-template-columns:1fr;gap:1rem}.automatizaciones-container .automatizacion-card .card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.automatizaciones-container .automatizacion-card .card-header .card-status{margin-left:0}.automatizaciones-container .automatizacion-card .card-footer{flex-direction:column;gap:1rem;align-items:flex-start}}.automation-logs-panel{position:fixed;top:80px;right:-450px;width:450px;height:calc(100vh - 80px);background:#fff;box-shadow:-2px 0 10px rgba(0,0,0,.1);z-index:1000;transition:right .3s cubic-bezier(0.4, 0, 0.2, 1);display:flex;flex-direction:column}.automation-logs-panel.open{right:0}.logs-panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.logs-panel-header h3{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.btn-close-logs{background:hsla(0,0%,100%,.2);border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-close-logs:hover{background:hsla(0,0%,100%,.3);transform:rotate(90deg)}.btn-close-logs i{font-size:16px}.logs-panel-body{flex:1;overflow-y:auto;padding:15px;background:#f8f9fa}.logs-panel-body::-webkit-scrollbar{width:8px}.logs-panel-body::-webkit-scrollbar-track{background:#e9ecef}.logs-panel-body::-webkit-scrollbar-thumb{background:#adb5bd;border-radius:4px}.logs-panel-body::-webkit-scrollbar-thumb:hover{background:#6c757d}.logs-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#6c757d}.logs-empty-state i{font-size:48px;margin-bottom:15px;opacity:.5}.logs-empty-state p{margin:0;font-size:14px;line-height:1.5}.log-entry{background:#fff;border-radius:8px;padding:12px 15px;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,.1);border-left:4px solid #6c757d;animation:slideIn .3s ease}.log-entry.log-entry--info{border-left-color:#17a2b8}.log-entry.log-entry--info .log-entry__icon{color:#17a2b8}.log-entry.log-entry--success{border-left-color:#28a745}.log-entry.log-entry--success .log-entry__icon{color:#28a745}.log-entry.log-entry--warning{border-left-color:#ffc107}.log-entry.log-entry--warning .log-entry__icon{color:#ffc107}.log-entry.log-entry--error{border-left-color:#dc3545}.log-entry.log-entry--error .log-entry__icon{color:#dc3545}.log-entry.log-entry--debug{border-left-color:#6c757d;opacity:.8}.log-entry.log-entry--debug .log-entry__icon{color:#6c757d}@keyframes slideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.log-entry__header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.log-entry__icon{font-size:16px;width:20px;text-align:center}.log-entry__level{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#495057}.log-entry__timestamp{margin-left:auto;font-size:11px;color:#6c757d;font-family:"Courier New",monospace}.log-entry__message{font-size:13px;line-height:1.5;color:#212529;margin-bottom:0}.log-entry__details{margin-top:8px;padding:8px 10px;background:#f8f9fa;border-radius:4px;font-size:12px;color:#495057;font-family:"Courier New",monospace;line-height:1.4;white-space:pre-wrap;word-break:break-word}.logs-panel-footer{padding:15px;border-top:1px solid #dee2e6;background:#fff}.logs-panel-footer .btn-clear-logs{width:100%;padding:10px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500}.logs-panel-footer .btn-clear-logs:hover{background:#e9ecef;border-color:#adb5bd}.logs-panel-footer .btn-clear-logs i{font-size:14px}@media(max-width: 768px){.automation-logs-panel{width:100%;right:-100%;top:0;height:100vh}.automation-logs-panel.open{right:0}}.klaviyo-header{background:linear-gradient(135deg, #333 0%, #555 100%);color:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}.klaviyo-header h2{font-size:1.75rem;font-weight:600;margin:0}.klaviyo-header .badge{padding:.5rem 1rem;font-size:.875rem}#klaviyoTabs .nav-link{color:#6c757d;border:none;border-bottom:2px solid rgba(0,0,0,0);padding:.75rem 1.5rem;font-weight:500;transition:all .3s ease}#klaviyoTabs .nav-link:hover{color:#333;border-bottom-color:#333}#klaviyoTabs .nav-link.active{color:#333;border-bottom-color:#333;background:none}#templatesGrid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:1.5rem;margin-top:1.5rem}.template-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:all .3s ease;cursor:pointer;border:1px solid #e9ecef}.template-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(51,51,51,.15);border-color:#333}.template-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.template-icon{width:48px;height:48px;background:linear-gradient(135deg, #333 0%, #666 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem}.template-status .badge{font-size:.75rem;padding:.4rem .8rem}.template-card-body{margin-bottom:1rem}.template-name{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#212529}.template-subject{font-size:.875rem;color:#6c757d;margin-bottom:.5rem;display:flex;align-items:center}.template-description{font-size:.875rem;color:#6c757d;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e9ecef}.template-stats{display:flex;gap:1rem;font-size:.875rem;color:#6c757d}.template-stats span{display:flex;align-items:center}.template-actions{display:flex;gap:.5rem}.metric-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.08);border:1px solid #e9ecef;transition:all .3s ease}.metric-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.12)}.metric-card .metric-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;margin-bottom:1rem}.metric-card .metric-icon.bg-primary{background:linear-gradient(135deg, #333 0%, #666 100%)}.metric-card .metric-icon.bg-success{background:linear-gradient(135deg, #56ab2f 0%, #a8e063 100%)}.metric-card .metric-icon.bg-info{background:linear-gradient(135deg, #777 0%, #aaa 100%)}.metric-card .metric-icon.bg-warning{background:linear-gradient(135deg, #999 0%, #ccc 100%)}.metric-card .metric-label{font-size:.875rem;color:#6c757d;margin-bottom:.5rem}.metric-card .metric-value{font-size:2rem;font-weight:700;color:#212529;margin:0}.chart-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.08);border:1px solid #e9ecef;height:400px}.chart-card h5{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#212529}.filters-sidebar{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.filters-sidebar .form-label{font-weight:600;font-size:.875rem;color:#212529;margin-bottom:.5rem}.filters-sidebar .form-control,.filters-sidebar .form-select{border-radius:8px;border:1px solid #dee2e6;padding:.625rem 1rem}.filters-sidebar .form-control:focus,.filters-sidebar .form-select:focus{border-color:#333;box-shadow:0 0 0 .25rem rgba(51,51,51,.25)}.period-selector{display:flex;gap:.5rem;margin-bottom:2rem}.period-selector .form-check{margin:0}.period-selector .form-check-input:checked{background-color:#333;border-color:#333}.klaviyo-header .btn-primary,#klaviyoTabs~* .btn-primary{background:linear-gradient(135deg, #333 0%, #666 100%);border:none;padding:.625rem 1.5rem;font-weight:500;transition:all .3s ease}.klaviyo-header .btn-primary:hover,#klaviyoTabs~* .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(51,51,51,.4);background:linear-gradient(135deg, #222 0%, #555 100%)}.btn-outline-primary{color:#333;border-color:#333}.btn-outline-primary:hover{background-color:#333;border-color:#333;color:#fff}#templateDetailModal .modal-header{background:linear-gradient(135deg, #333 0%, #666 100%);color:#fff;border-bottom:none}#templateDetailModal .modal-header .btn-close{filter:brightness(0) invert(1)}#templateDetailModal .modal-body{padding:2rem}#templateDetailModal .template-detail{font-size:.9375rem}#templateDetailModal .template-detail strong{color:#495057}#templateDetailModal .template-detail code{background:#f8f9fa;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;color:#333}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}.empty-state{text-align:center;padding:4rem 2rem}.empty-state i{font-size:4rem;color:#dee2e6;margin-bottom:1.5rem}.empty-state p{color:#6c757d;font-size:1.125rem}@media(max-width: 768px){#templatesGrid{grid-template-columns:1fr}.klaviyo-header{padding:1.5rem}.klaviyo-header h2{font-size:1.5rem}.chart-card{height:300px}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.template-card{animation:fadeIn .3s ease}.klaviyo-header ::-webkit-scrollbar,#klaviyoTabs ::-webkit-scrollbar,#templatesGrid ::-webkit-scrollbar{width:8px;height:8px}.klaviyo-header ::-webkit-scrollbar-track,#klaviyoTabs ::-webkit-scrollbar-track,#templatesGrid ::-webkit-scrollbar-track{background:#f8f9fa}.klaviyo-header ::-webkit-scrollbar-thumb,#klaviyoTabs ::-webkit-scrollbar-thumb,#templatesGrid ::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.klaviyo-header ::-webkit-scrollbar-thumb:hover,#klaviyoTabs ::-webkit-scrollbar-thumb:hover,#templatesGrid ::-webkit-scrollbar-thumb:hover{background:#666}.lead-context-menu{position:fixed;background-color:#fffbf8;border:2px solid #efe0cc;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:9999;overflow:hidden;min-width:200px;animation:contextMenuShow .15s ease}@keyframes contextMenuShow{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.lead-context-menu__item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:rgba(0,0,0,0);border:none;width:100%;text-align:left;color:#3a4249;font-size:.9rem;cursor:pointer;transition:all .15s ease}.lead-context-menu__item:hover{background-color:#f4e8e0;color:#773232}.lead-context-menu__item i{font-size:1rem;color:#773232;width:20px;text-align:center}.lead-context-menu__item span{flex:1;font-weight:500}.lead__badge--manual-unread{background:linear-gradient(135deg, #25D366 0%, #128C7E 100%);color:#fff;border-radius:50%;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;box-shadow:0 2px 4px rgba(37,211,102,.3);animation:pulse-green-bright 2s infinite}.lead__badge--manual-unread i{font-size:.5rem;color:#fff}@keyframes pulse-green-bright{0%{box-shadow:0 0 0 0 rgba(37,211,102,.7)}50%{box-shadow:0 0 0 6px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}.sectionCRM--three-columns{display:flex;flex-direction:row;gap:0}.sectionCRM--three-columns .cardCliente__header{padding:.25rem .5rem !important;min-height:36px !important;max-height:36px !important;height:36px !important;display:flex;align-items:center}.sectionCRM--three-columns .cardCliente__header p{font-size:.75rem !important;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sectionCRM--three-columns .cardCliente__header button{font-size:.7rem;padding:.15rem .3rem;min-width:24px;height:24px}.sectionCRM--three-columns .cardLeadsListContainer--compact{width:30%;min-width:250px;max-width:350px;flex-shrink:0;border-right:1px solid #efe0cc;border-radius:10px 0 0 10px}.sectionCRM--three-columns .cardLeadsListContainer--compact .cardCliente__header .leads__menu-btn{width:24px;height:24px;font-size:.75rem}.sectionCRM--three-columns .cardLeadsListContainer--compact .leads__tabs{padding:.2rem .25rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.sectionCRM--three-columns .cardLeadsListContainer--compact .leads__tabs::-webkit-scrollbar{display:none}.sectionCRM--three-columns .cardLeadsListContainer--compact .leads__tabs .leads__tabs-container{display:flex;gap:.2rem;flex-wrap:nowrap}.sectionCRM--three-columns .cardLeadsListContainer--compact .leads__tabs .leads__tab{padding:.15rem .35rem;font-size:.6rem;border-radius:10px;gap:.15rem;flex-shrink:0;white-space:nowrap}.sectionCRM--three-columns .cardLeadsListContainer--compact .leads__tabs .leads__tab i{font-size:.55rem;display:none}.sectionCRM--three-columns .cardLeadsListContainer--compact .leads__tabs .leads__tab-badge{min-width:14px;height:14px;font-size:.5rem;padding:0 .2rem}.sectionCRM--three-columns .cardLeadsListContainer--compact .leads__search{padding:.35rem .4rem}.sectionCRM--three-columns .cardLeadsListContainer--compact .leads__search .search__bar{padding:.2rem}.sectionCRM--three-columns .cardLeadsListContainer--compact .leads__search .search__filter-btn{width:26px;height:26px;font-size:.75rem}.sectionCRM--three-columns .cardLeadsListContainer--compact .leads__search .search__input-wrapper .search__input{padding:.3rem .5rem .3rem 1.8rem;font-size:.75rem}.sectionCRM--three-columns .cardLeadsListContainer--compact .leads__search .search__input-wrapper .search__icon{left:.5rem;font-size:.75rem}.sectionCRM--three-columns .cardLeadsListContainer--compact .leads__search .search__field-selector{display:none}.sectionCRM--three-columns .cardLeadsListContainer--compact .lead__item{padding:.4rem .35rem;gap:.25rem;border-bottom-width:1px;min-height:auto;flex-direction:column;align-items:stretch}.sectionCRM--three-columns .cardLeadsListContainer--compact .lead__item>.lead__avatar{display:none}.sectionCRM--three-columns .cardLeadsListContainer--compact .lead__item .lead__info{gap:.1rem;overflow:hidden;flex:1;width:100%}.sectionCRM--three-columns .cardLeadsListContainer--compact .lead__item .lead__info .lead__header{gap:.2rem;flex-wrap:wrap;align-items:center}.sectionCRM--three-columns .cardLeadsListContainer--compact .lead__item .lead__info .lead__header .lead__name-wrapper{gap:.25rem;display:flex;align-items:center;flex-wrap:wrap}.sectionCRM--three-columns .cardLeadsListContainer--compact .lead__item .lead__info .lead__header .lead__name-wrapper .lead__avatar-inline{width:14px;height:14px;min-width:14px;border-radius:50%;background:linear-gradient(135deg, #773232, rgb(154.9112426036, 65.0887573964, 65.0887573964));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.45rem;font-weight:600;overflow:hidden}.sectionCRM--three-columns .cardLeadsListContainer--compact .lead__item .lead__info .lead__header .lead__name-wrapper .lead__avatar-inline img{width:14px;height:14px;border-radius:50%;object-fit:cover}.sectionCRM--three-columns .cardLeadsListContainer--compact .lead__item .lead__info .lead__header .lead__name{font-size:.85rem;font-weight:600}.sectionCRM--three-columns .cardLeadsListContainer--compact .lead__item .lead__info .lead__header .lead__time{font-size:.55rem;margin-left:auto}.sectionCRM--three-columns .cardLeadsListContainer--compact .lead__item .lead__info .lead__header .lead__tags-inline{display:flex;gap:.1rem;flex-wrap:wrap}.sectionCRM--three-columns .cardLeadsListContainer--compact .lead__item .lead__info .lead__header .lead__tags-inline .tag-badge--inline{font-size:.5rem;padding:.05rem .2rem;border-radius:6px}.sectionCRM--three-columns .cardLeadsListContainer--compact .lead__item .lead__info .lead__footer .lead__message{font-size:.65rem;max-width:100%;line-height:1.2;opacity:.7}.sectionCRM--three-columns .cardLeadsListContainer--compact .lead__item .lead__info .lead__footer .lead__badge{min-width:16px;height:16px;font-size:.55rem}.sectionCRM--three-columns .cardLeadsListContainer--compact .lead__item .lead__info .lead__footer .lead__badge--whatsapp{padding:1px 4px;font-size:.55rem}.sectionCRM--three-columns .cardLeadsListContainer--compact .lead__item .lead__info .lead__footer .lead__badge--whatsapp i{font-size:.6rem}.sectionCRM--three-columns .cardLeadsListContainer--compact .lead__item .lead__info .lead__footer .lead__badge--manual-unread{min-width:14px;height:14px}.sectionCRM--three-columns .cardLeadsListContainer--compact .lead__item .lead__info .lead__footer .lead__badge--manual-unread i{font-size:.4rem}.sectionCRM--three-columns .cardLeadsListContainer--compact .lead__item .lead__info .lead__contact{font-size:.55rem;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sectionCRM--three-columns .cardLeadsListContainer--compact .tag-badge--inline{font-size:.5rem !important;padding:.05rem .2rem !important}.sectionCRM--three-columns .cardLeadsListContainer--compact .leads__list::-webkit-scrollbar{width:4px}.sectionCRM--three-columns .cardLeadsListContainer--compact .leads__list::-webkit-scrollbar-thumb{background:rgba(119,50,50,.3);border-radius:2px}.sectionCRM--three-columns .cardClienteInfoContainer{width:35%;min-width:300px;max-width:450px;flex-shrink:0;border-radius:0;border-right:1px solid #efe0cc;display:flex;flex-direction:column}.sectionCRM--three-columns .cardClienteInfoContainer .cliente-empty-placeholder{background:linear-gradient(135deg, rgba(239, 224, 204, 0.3) 0%, rgba(244, 232, 224, 0.5) 100%)}.sectionCRM--three-columns .cardClienteInfoContainer .cliente-empty-placeholder i{color:rgba(119,50,50,.2)}.sectionCRM--three-columns .cardClienteInfoContainer .cliente-empty-placeholder h5{font-size:.9rem;color:rgba(119,50,50,.6)}.sectionCRM--three-columns .cardClienteInfoContainer .cliente-empty-placeholder p{font-size:.75rem;max-width:200px}.sectionCRM--three-columns .cardClienteInfoContainer .cardCliente__header{padding:.25rem .5rem !important;min-height:36px !important;max-height:36px !important;height:36px !important}.sectionCRM--three-columns .cardClienteInfoContainer .cardCliente__header .cliente-header-nombre{font-size:.75rem !important;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sectionCRM--three-columns .cardClienteInfoContainer .cliente-tabs-container{flex-shrink:0;border-bottom:1px solid #efe0cc;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;padding:.15rem .2rem;background:rgba(239,224,204,.3)}.sectionCRM--three-columns .cardClienteInfoContainer .cliente-tabs-container::-webkit-scrollbar{display:none}.sectionCRM--three-columns .cardClienteInfoContainer .cliente-tabs-container .nav-tabs,.sectionCRM--three-columns .cardClienteInfoContainer .cliente-tabs-container .cliente-tabs-nav{display:flex;flex-wrap:nowrap;gap:.15rem;border:none;margin:0;padding:0}.sectionCRM--three-columns .cardClienteInfoContainer .cliente-tabs-container .cliente-tab{flex-shrink:0;padding:.15rem .35rem;font-size:.6rem;white-space:nowrap;border:1px solid rgba(0,0,0,0);border-radius:8px;background:rgba(0,0,0,0);color:#773232;cursor:pointer;transition:all .15s}.sectionCRM--three-columns .cardClienteInfoContainer .cliente-tabs-container .cliente-tab:hover{background:rgba(119,50,50,.08)}.sectionCRM--three-columns .cardClienteInfoContainer .cliente-tabs-container .cliente-tab.active{background:#773232;color:#fff;font-weight:600}.sectionCRM--three-columns .cardClienteInfoContainer .cliente-tabs-container .nav-item{flex-shrink:0}.sectionCRM--three-columns .cardClienteInfoContainer .cliente-tabs-container .nav-link{padding:.15rem .35rem !important;font-size:.6rem !important;white-space:nowrap;border-radius:8px;border:none;line-height:1.2}.sectionCRM--three-columns .cardClienteInfoContainer .cliente-tabs-container .nav-link.active{font-weight:600;background:#773232;color:#fff}.sectionCRM--three-columns .cardClienteInfoContainer .cliente-tab-content{flex:1;overflow-y:auto;padding:.3rem}.sectionCRM--three-columns .cardClienteInfoContainer .nav-tabs:not(.cliente-tabs-nav){padding:0 !important;margin:0;border-bottom:1px solid #efe0cc;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;min-height:28px}.sectionCRM--three-columns .cardClienteInfoContainer .nav-tabs:not(.cliente-tabs-nav)::-webkit-scrollbar{display:none}.sectionCRM--three-columns .cardClienteInfoContainer .nav-tabs:not(.cliente-tabs-nav) .nav-item{flex-shrink:0}.sectionCRM--three-columns .cardClienteInfoContainer .nav-tabs:not(.cliente-tabs-nav) .nav-link{padding:.15rem .35rem !important;font-size:.6rem !important;white-space:nowrap;border-radius:0;line-height:1.2}.sectionCRM--three-columns .cardClienteInfoContainer .nav-tabs:not(.cliente-tabs-nav) .nav-link.active{font-weight:600}.sectionCRM--three-columns .cardClienteInfoContainer .tab-content{padding:.3rem}.sectionCRM--three-columns .cardClienteInfoContainer .tab-content .form-label{font-size:.6rem;margin-bottom:.1rem;font-weight:500}.sectionCRM--three-columns .cardClienteInfoContainer .tab-content .form-control,.sectionCRM--three-columns .cardClienteInfoContainer .tab-content .form-select{font-size:.65rem;padding:.2rem .35rem;min-height:auto}.sectionCRM--three-columns .cardClienteInfoContainer .tab-content .row{margin-bottom:.2rem !important}.sectionCRM--three-columns .cardClienteInfoContainer .tab-content .row>[class*=col]{padding-left:.2rem;padding-right:.2rem}.sectionCRM--three-columns .cardClienteInfoContainer .tab-content .mb-2,.sectionCRM--three-columns .cardClienteInfoContainer .tab-content .mb-3{margin-bottom:.2rem !important}.sectionCRM--three-columns .cardClienteInfoContainer .tab-content .badge{font-size:.5rem;padding:.1rem .25rem}.sectionCRM--three-columns .cardClienteInfoContainer .tab-content .btn{font-size:.6rem;padding:.15rem .35rem}.sectionCRM--three-columns .cardClienteInfoContainer .tab-content .btn-sm{font-size:.55rem;padding:.1rem .25rem}.sectionCRM--three-columns .cardClienteInfoContainer .tab-content h6,.sectionCRM--three-columns .cardClienteInfoContainer .tab-content .h6{font-size:.65rem;margin-bottom:.2rem}.sectionCRM--three-columns .cardClienteInfoContainer .tab-content small,.sectionCRM--three-columns .cardClienteInfoContainer .tab-content .small{font-size:.6rem !important}.sectionCRM--three-columns .cardClienteInfoContainer .tab-content p{font-size:.7rem;margin-bottom:.25rem}.sectionCRM--three-columns .cardChatContainer--with-cliente{width:35%;flex:1;min-width:320px;border-radius:0 10px 10px 0}.sectionCRM--three-columns .cardChatContainer--with-cliente .cardCliente__header,.sectionCRM--three-columns .cardChatContainer--with-cliente .chat__header{padding:.25rem .5rem !important;min-height:36px !important;max-height:36px !important;height:36px !important}.sectionCRM--three-columns .cardChatContainer--with-cliente .cardCliente__header .chat__contact-info h5,.sectionCRM--three-columns .cardChatContainer--with-cliente .cardCliente__header .chat__contact-info h6,.sectionCRM--three-columns .cardChatContainer--with-cliente .cardCliente__header .chat__contact-info .h5,.sectionCRM--three-columns .cardChatContainer--with-cliente .cardCliente__header .chat__contact-info .h6,.sectionCRM--three-columns .cardChatContainer--with-cliente .cardCliente__header>div h5,.sectionCRM--three-columns .cardChatContainer--with-cliente .cardCliente__header>div h6,.sectionCRM--three-columns .cardChatContainer--with-cliente .cardCliente__header>div .h5,.sectionCRM--three-columns .cardChatContainer--with-cliente .cardCliente__header>div .h6,.sectionCRM--three-columns .cardChatContainer--with-cliente .chat__header .chat__contact-info h5,.sectionCRM--three-columns .cardChatContainer--with-cliente .chat__header .chat__contact-info h6,.sectionCRM--three-columns .cardChatContainer--with-cliente .chat__header .chat__contact-info .h5,.sectionCRM--three-columns .cardChatContainer--with-cliente .chat__header .chat__contact-info .h6,.sectionCRM--three-columns .cardChatContainer--with-cliente .chat__header>div h5,.sectionCRM--three-columns .cardChatContainer--with-cliente .chat__header>div h6,.sectionCRM--three-columns .cardChatContainer--with-cliente .chat__header>div .h5,.sectionCRM--three-columns .cardChatContainer--with-cliente .chat__header>div .h6{font-size:.75rem !important;margin:0;line-height:1.2}.sectionCRM--three-columns .cardChatContainer--with-cliente .cardCliente__header .chat__contact-info p,.sectionCRM--three-columns .cardChatContainer--with-cliente .cardCliente__header .chat__contact-info small,.sectionCRM--three-columns .cardChatContainer--with-cliente .cardCliente__header .chat__contact-info .small,.sectionCRM--three-columns .cardChatContainer--with-cliente .cardCliente__header .chat__contact-info span,.sectionCRM--three-columns .cardChatContainer--with-cliente .cardCliente__header>div p,.sectionCRM--three-columns .cardChatContainer--with-cliente .cardCliente__header>div small,.sectionCRM--three-columns .cardChatContainer--with-cliente .cardCliente__header>div .small,.sectionCRM--three-columns .cardChatContainer--with-cliente .cardCliente__header>div span,.sectionCRM--three-columns .cardChatContainer--with-cliente .chat__header .chat__contact-info p,.sectionCRM--three-columns .cardChatContainer--with-cliente .chat__header .chat__contact-info small,.sectionCRM--three-columns .cardChatContainer--with-cliente .chat__header .chat__contact-info .small,.sectionCRM--three-columns .cardChatContainer--with-cliente .chat__header .chat__contact-info span,.sectionCRM--three-columns .cardChatContainer--with-cliente .chat__header>div p,.sectionCRM--three-columns .cardChatContainer--with-cliente .chat__header>div small,.sectionCRM--three-columns .cardChatContainer--with-cliente .chat__header>div .small,.sectionCRM--three-columns .cardChatContainer--with-cliente .chat__header>div span{font-size:.55rem !important;margin:0;line-height:1.2}.sectionCRM--three-columns .cardChatContainer--with-cliente .cardCliente__header .chat__avatar,.sectionCRM--three-columns .cardChatContainer--with-cliente .cardCliente__header img,.sectionCRM--three-columns .cardChatContainer--with-cliente .chat__header .chat__avatar,.sectionCRM--three-columns .cardChatContainer--with-cliente .chat__header img{width:24px !important;height:24px !important}.sectionCRM--three-columns .cardChatContainer--with-cliente .cardCliente__header button,.sectionCRM--three-columns .cardChatContainer--with-cliente .cardCliente__header .btn,.sectionCRM--three-columns .cardChatContainer--with-cliente .chat__header button,.sectionCRM--three-columns .cardChatContainer--with-cliente .chat__header .btn{font-size:.7rem;padding:.15rem .3rem;min-width:24px;height:24px}.sectionCRM--three-columns .cardChatContainer--with-cliente .cardCliente__header button i,.sectionCRM--three-columns .cardChatContainer--with-cliente .cardCliente__header .btn i,.sectionCRM--three-columns .cardChatContainer--with-cliente .chat__header button i,.sectionCRM--three-columns .cardChatContainer--with-cliente .chat__header .btn i{font-size:.75rem}@media(max-width: 1400px){.sectionCRM--three-columns .cardLeadsListContainer--compact{width:250px;min-width:250px;max-width:250px}.sectionCRM--three-columns .cardClienteInfoContainer,.sectionCRM--three-columns .cardChatContainer--with-cliente{min-width:280px}}@media(max-width: 1200px){.sectionCRM--three-columns .cardLeadsListContainer--compact{width:220px;min-width:220px;max-width:220px}.sectionCRM--three-columns .cardLeadsListContainer--compact .leads__tab{padding:.2rem .4rem;font-size:.65rem}.sectionCRM--three-columns .cardLeadsListContainer--compact .lead__item .lead__avatar{width:32px;height:32px;font-size:.7rem}.sectionCRM--three-columns .cardLeadsListContainer--compact .lead__item .lead__info .lead__header .lead__name{font-size:.75rem}.sectionCRM--three-columns .cardLeadsListContainer--compact .lead__item .lead__info .lead__footer .lead__message{font-size:.65rem;max-width:140px}.sectionCRM--three-columns .cardLeadsListContainer--compact .lead__item .lead__info .lead__tags-inline .tag-badge--inline{font-size:.5rem;padding:.05rem .2rem}.sectionCRM--three-columns .cardClienteInfoContainer,.sectionCRM--three-columns .cardChatContainer--with-cliente{min-width:250px}}@media(max-width: 992px){.sectionCRM--three-columns{flex-direction:column}.sectionCRM--three-columns .cardLeadsListContainer--compact{width:100%;min-width:100%;max-width:100%;max-height:300px;border-right:none;border-bottom:1px solid #efe0cc;border-radius:10px 10px 0 0}.sectionCRM--three-columns .cardClienteInfoContainer{border-right:none;border-bottom:1px solid #efe0cc}.sectionCRM--three-columns .cardChatContainer--with-cliente{border-radius:0 0 10px 10px}}.cliente-tabs-container{padding:.15rem .25rem !important;gap:.15rem !important;min-height:auto !important;border-bottom-width:1px !important;overflow-x:auto !important;flex-wrap:nowrap !important}.cliente-tab{flex-shrink:0;padding:.15rem .35rem !important;font-size:.65rem !important;white-space:nowrap;border:1px solid rgba(0,0,0,0);border-radius:4px;background:rgba(0,0,0,0);color:#773232;cursor:pointer;transition:all .15s;font-weight:500;line-height:1.2}.cliente-tab:hover{background:rgba(119,50,50,.08);color:#773232}.cliente-tab.active{background:#773232;color:#fff;font-weight:600;border-color:#773232}.cliente-tab-content{padding:0 !important;overflow:hidden !important}.cliente-tab-content .tabcontent{padding:.25rem !important;overflow-x:hidden !important;overflow-y:auto !important}.cliente-tab-content .tabcontent>div,.cliente-tab-content .tabcontent .p-2{padding:.25rem !important}.cliente-tab-content .tabcontent .form-label{font-size:.7rem !important;margin-bottom:.1rem !important;color:#773232;font-weight:600;line-height:1.2 !important}.cliente-tab-content .tabcontent .form-control,.cliente-tab-content .tabcontent .form-select{font-size:.7rem !important;padding:.15rem .25rem !important;min-height:24px !important;height:24px !important;line-height:1.2 !important}.cliente-tab-content .tabcontent .form-control-sm,.cliente-tab-content .tabcontent .form-select-sm{font-size:.7rem !important;padding:.15rem .25rem !important;min-height:22px !important;height:22px !important}.cliente-tab-content .tabcontent textarea.form-control,.cliente-tab-content .tabcontent textarea.form-control-sm{height:auto !important;min-height:60px !important}.cliente-tab-content .tabcontent p,.cliente-tab-content .tabcontent span{font-size:.7rem !important;line-height:1.3 !important}.cliente-tab-content .tabcontent h6,.cliente-tab-content .tabcontent .h6{font-size:.8rem !important;margin-bottom:.15rem !important;padding-bottom:.1rem !important}.cliente-tab-content .tabcontent .small,.cliente-tab-content .tabcontent small{font-size:.65rem !important}.cliente-tab-content .tabcontent .btn-sm{font-size:.7rem !important;padding:.2rem .4rem !important}.cliente-tab-content .tabcontent .mb-1{margin-bottom:.25rem !important}.cliente-tab-content .tabcontent .mb-2{margin-bottom:.35rem !important}.cliente-tab-content .tabcontent .mb-3{margin-bottom:.5rem !important}.cliente-tab-content .tabcontent .pb-1{padding-bottom:.15rem !important}.cliente-tab-content .tabcontent .pb-2{padding-bottom:.25rem !important}.cliente-tab-content .tabcontent .p-1{padding:.2rem !important}.cliente-tab-content .tabcontent .p-2{padding:.35rem !important}.cliente-tab-content .tabcontent .g-1{--bs-gutter-y: 0.25rem !important;--bs-gutter-x: 0.25rem !important}.cliente-tab-content .tabcontent .g-2{--bs-gutter-y: 0.35rem !important;--bs-gutter-x: 0.35rem !important}.cliente-tab-content .tabcontent .gap-1{gap:.25rem !important}.cliente-tab-content .tabcontent .gap-2{gap:.35rem !important}.cliente-tab-content .tabcontent .gap-3{gap:.5rem !important}.cliente-tab-content .tabcontent .badge{font-size:.6rem !important;padding:.1rem .2rem !important}.cliente-tab-content .tabcontent .form-check{min-height:auto !important;margin-bottom:.1rem !important;padding-left:1.2em !important}.cliente-tab-content .tabcontent .form-check .form-check-input{width:.8em !important;height:.8em !important;margin-top:.15em !important;margin-left:-1.2em !important}.cliente-tab-content .tabcontent .form-check .form-check-label{font-size:.65rem !important;line-height:1.2 !important;padding-top:0 !important}.cliente-tab-content .tabcontent .form-check-inline{margin-right:.3rem !important}.cliente-tab-content .tabcontent [style*="border:"],.cliente-tab-content .tabcontent [style*=border-radius],.cliente-tab-content .tabcontent [style*="padding: 0.5rem"]{padding:.25rem !important;border-radius:.2rem !important}.cliente-tab-content .tabcontent [style*="max-height: 120px"],.cliente-tab-content .tabcontent [style*="max-height: 150px"],.cliente-tab-content .tabcontent [style*="max-height: 180px"],.cliente-tab-content .tabcontent [style*="max-height: 200px"],.cliente-tab-content .tabcontent [style*="max-height: 250px"]{max-height:100px !important}.cliente-tab-content .tabcontent .border-bottom{padding-bottom:.15rem !important;margin-bottom:.25rem !important}.cliente-tab-content .tabcontent .bg-light{padding:.25rem !important}.cliente-tab-content .tabcontent .bg-light .border-bottom{padding-bottom:.1rem !important;margin-bottom:.1rem !important}.cliente-tab-content .tabcontent .btn-guardar-sticky{padding:.2rem 0 !important;margin-top:.2rem !important}.cliente-tab-content .tabcontent .btn-guardar-sticky .btn{padding:.25rem .5rem !important;font-size:.7rem !important}.cliente-tab-content .tabcontent .etiquetas-display{gap:.2rem !important;padding:.2rem !important;min-height:auto !important}.cliente-tab-content .tabcontent .etiquetas-display .etiquetas-display__tag{font-size:.6rem !important;padding:.1rem .25rem !important}.cliente-tab-content .tabcontent .etiquetas-selector .etiquetas-selector__trigger{padding:.15rem .25rem !important;font-size:.55rem !important}.cliente-tab-content .tabcontent #contactoCollapse .bg-light{padding:.15rem !important;font-size:.55rem !important}.cliente-tab-content .tabcontent #contactoCollapse .bg-light strong{font-size:.55rem !important}.cliente-tab-content .tabcontent .row{--bs-gutter-x: 0.25rem !important;--bs-gutter-y: 0.1rem !important}.chat__body{padding:.4rem !important;gap:.2rem !important}.chat__body #indicador-mas-mensajes{padding:.2rem !important;font-size:.6rem !important}.chat__message{gap:.3rem !important;margin-bottom:.2rem !important}.chat__message .message__avatar,.chat__message .chat__avatar{width:22px !important;height:22px !important;min-width:22px !important;font-size:.55rem !important}.chat__message .message__avatar img,.chat__message .chat__avatar img{width:22px !important;height:22px !important}.chat__message .message__content{gap:.05rem !important;max-width:calc(100% - 30px) !important}.chat__message .message__header{margin-bottom:0 !important;gap:.2rem !important}.chat__message .message__header .message__author{font-size:.55rem !important;font-weight:600}.chat__message .message__header .message__time{font-size:.5rem !important}.chat__message .message__header .fase-badge{font-size:.45rem !important;padding:.05rem .2rem !important}.chat__message .message__bubble{padding:.2rem .4rem !important;font-size:.65rem !important;border-radius:6px !important;line-height:1.25 !important;max-width:100% !important}.chat__message .message__bubble p{margin-bottom:0 !important;font-size:.65rem !important;line-height:1.25 !important}.chat__message .message__bubble img{max-width:150px !important;border-radius:4px !important}.chat__message .message__bubble audio{height:28px !important;max-width:180px !important}.chat__message .message__bubble a{font-size:.6rem !important}.chat__message--received .message__bubble,.chat__message--sent .message__bubble{font-size:.65rem !important}.whatsapp-image-container img{max-width:140px !important;max-height:100px !important}.whatsapp-audio-container{padding:.15rem !important}.whatsapp-audio-container audio{height:26px !important}.chat__footer{padding:.35rem .5rem !important;min-height:auto !important;border-top:1px solid rgba(0,0,0,.1)}.chat__footer .chat__input-wrapper{gap:.3rem !important}.chat__footer .chat__input-wrapper .chat__input-container{padding-right:.3rem !important}.chat__footer .chat__input-wrapper .chat__input-container .chat__input{padding:.3rem .5rem !important;font-size:.75rem !important;min-height:28px !important}.chat__footer .chat__input-wrapper .chat__input-container .chat__voice{padding:.3rem .5rem !important;font-size:.9rem !important}.chat__footer .chat__input-wrapper .chat__send{width:28px !important;height:28px !important;min-width:28px !important;font-size:.85rem !important}.chat__footer .chat__input-wrapper .chat__attachments button{width:28px !important;height:28px !important;font-size:.85rem !important}.chat__header{padding:.25rem .5rem !important;min-height:36px !important;max-height:40px !important}.chat__header .chat__avatar{width:28px !important;height:28px !important;font-size:.8rem !important}.chat__header .chat__info h5{font-size:.7rem !important;margin-bottom:0 !important}.chat__header .chat__info h5 .fase-badge{font-size:.5rem !important;padding:.05rem .2rem !important}.chat__header .chat__info p{font-size:.55rem !important;margin:0 !important}.chat__header .chat__actions{gap:.2rem !important}.chat__header .chat__actions button{width:26px !important;height:26px !important;font-size:.75rem !important;padding:0 !important}.sectionInicio .inicio__buttons a{padding:1rem;border:5px solid #de6b7d;font-weight:bold;color:#3a4249;z-index:1;position:relative}.sectionInicio .inicio__buttons .button--bg::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#d1e1d7;clip-path:circle(0 at bottom left);transition:clip-path .5s}.sectionInicio .inicio__buttons .button--bg:nth-child(even):before{clip-path:circle(0 at bottom right)}.sectionInicio .inicio__buttons .button--bg:hover::before{clip-path:circle(150% at bottom left);z-index:-1}.sectionInicio .inicio__buttons .button--bg:nth-child(even):hover::before{clip-path:circle(150% at bottom right)}.sectionInicio .inicio__buttons .button--bg:hover{border:5px solid #87a1b2;z-index:1}.sectionInicio .inicio__comenzar button{padding:1rem;border:5px solid #30a846;font-weight:bold;color:#3a4249;z-index:1;position:relative}.sectionInicio .inicio__comenzar .button--bg-red{border:5px solid #c93333}.sectionInicio .inicio__comenzar .button--bg::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#30a846;clip-path:circle(0 at center);transition:clip-path 1s}.sectionInicio .inicio__comenzar .button--bg-red::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#c93333;clip-path:circle(0 at center);transition:clip-path 1s}.sectionInicio .inicio__comenzar .button--bg:hover::before{clip-path:circle(150% at center);z-index:-1}.sectionInicio .inicio__comenzar .button--bg-red:hover::before{clip-path:circle(150% at center);z-index:-1}.sectionInicio .inicio__comenzar .button--bg:hover{border:5px solid #006400;color:#e3e3e3;z-index:1}.sectionInicio .inicio__comenzar .button--bg-red:hover{border:5px solid #c93333;color:#e3e3e3;z-index:1}.alert svg.bi{width:20px;height:20px}.formulario__buttons button{width:7rem;padding:.5rem 1rem;border:2px solid #e3843b;font-weight:bold;color:#e3e3e3;z-index:1;position:relative}.formulario__buttons .button--bg::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(51deg, #d64545 50%, rgb(213, 89, 55) 65%, #e3843b 100%);clip-path:circle(0 at bottom left);transition:clip-path .5s}.formulario__buttons .button--bg:hover::before{clip-path:circle(150% at bottom left);z-index:-1}.formulario__buttons .button--bg:hover{border:2px solid #e3e3e3;z-index:1}.pedidos__table{border-bottom:3px solid #773232}.inventario__buttons a{padding:5rem 10rem;border:5px solid #de6b7d;font-weight:bold;font-size:3rem;color:#3a4249;z-index:1;position:relative}.inventario__buttons .button--bg::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#d1e1d7;clip-path:circle(0 at bottom left);transition:clip-path .5s}.inventario__buttons .button--bg:nth-child(even):before{clip-path:circle(0 at bottom right)}.inventario__buttons .button--bg:hover::before,.inventario__buttons .button--bg:focus::before{clip-path:circle(150% at bottom left);z-index:-1}.inventario__buttons .button--bg:nth-child(even):hover::before,.inventario__buttons .button--bg:nth-child(even):focus::before{clip-path:circle(150% at bottom right)}.inventario__buttons .button--bg:hover,.inventario__buttons .button--bg:focus{border:5px solid #87a1b2;color:#3a4249;z-index:1}.pedido__listaProductos{height:65%}.pedido__listaProductos .listaProductos__img{width:90px;height:90px;object-fit:contain;aspect-ratio:1/1}.btnInfo{display:none;cursor:pointer;z-index:50;top:2rem}.priorityLegend{display:none;top:1rem;right:.5rem;width:250px;color:#fff;z-index:9999;border:2px solid #e3843b}.btnInfo:hover+.priorityLegend,.priorityLegend:hover{display:block}.priorityLegend span{display:inline-block;width:25px;height:20px;vertical-align:middle;border-radius:9999px}.pedidos__contenido .estadoPedido-RETORNO,.priorityLegend .estadoPedido-RETORNO{background-color:#dc3545;color:#fff !important;font-weight:bold}.pedidos__contenido .estadoPedido-incidencia,.priorityLegend .estadoPedido-incidencia{background-color:#e26c78}.pedidos__contenido .estadoPedido-revisar-prod,.priorityLegend .estadoPedido-revisar-prod{background-color:#ffc107;color:#825b14 !important;font-weight:bold}.pedidos__contenido .estadoPedido-revisar-atc,.priorityLegend .estadoPedido-revisar-atc{background-color:#ffc107;color:#825b14 !important;font-weight:bold}.pedidos__contenido .estadoPedido-revisar,.priorityLegend .estadoPedido-revisar{background-color:#ffc107;color:#825b14 !important;font-weight:bold}.pedidos__contenido .estadoPedido-pendiente,.priorityLegend .estadoPedido-pendiente{background-color:#fd7e14}.pedidos__contenido .estadoPedido-cancelado,.priorityLegend .estadoPedido-cancelado{background-color:#6c757d}.pedidos__contenido .estadoPedido-en_preparacion,.priorityLegend .estadoPedido-en_preparacion{background-color:#0d6efd}.pedidos__contenido .estadoPedido-en_picking,.priorityLegend .estadoPedido-en_picking{background-color:#a4efd6;color:#198754 !important}.pedidos__contenido .estadoPedido-pausa,.priorityLegend .estadoPedido-pausa{background-color:#adb5bd}.pedidos__contenido .estadoPedido-revisar-prod,.priorityLegend .estadoPedido-revisar-prod{background-color:#cd8df7;color:#7909cf !important;font-weight:bold}.pedidos__contenido .estadoPedido-preparado,.priorityLegend .estadoPedido-preparado{background-color:#198754}.pedidos__contenido .estadoPedido-enviado,.priorityLegend .estadoPedido-enviado{background-color:#0dcaf0}.pedidos__contenido .estadoPedido-reembolsado,.priorityLegend .estadoPedido-reembolsado{background-color:#6610f2}.pedidos__contenido .estadoPedido-pendiente_pago,.priorityLegend .estadoPedido-pendiente_pago{background-color:#d8bc97}.pedidos__contenido .estadoPedido-pago_fallido,.priorityLegend .estadoPedido-pago_fallido{background-color:#e26c78}.pedidos__contenido .estadoPedido-ctt_etiqueta_generada,.priorityLegend .estadoPedido-ctt_etiqueta_generada{background-color:#0d6efd}.pedidos__contenido .estadoPedido-ctt_en_transito,.priorityLegend .estadoPedido-ctt_en_transito{background-color:#0dcaf0}.pedidos__contenido .estadoPedido-ctt_entregado,.priorityLegend .estadoPedido-ctt_entregado{background-color:#198754}.pedidos__contenido .estadoPedido-gls_etiqueta_generada,.priorityLegend .estadoPedido-gls_etiqueta_generada{background-color:#0d6efd}.pedidos__contenido .estadoPedido-gls_enviado,.priorityLegend .estadoPedido-gls_enviado{background-color:#0d6efd}.pedidos__contenido .estadoPedido-gls_en_transito,.priorityLegend .estadoPedido-gls_en_transito{background-color:#0dcaf0}.pedidos__contenido .estadoPedido-gls_entregado,.priorityLegend .estadoPedido-gls_entregado{background-color:#198754}.pedidos__contenido .estadoPedido-entregado_manualmente,.priorityLegend .estadoPedido-entregado_manualmente{background-color:#198754}.pedidos__contenido .estadoPedido-entregado,.priorityLegend .estadoPedido-entregado{background-color:#198754}.pedidos__contenido .estadoPedido-hecho,.priorityLegend .estadoPedido-hecho{background-color:#aaedc4;color:#198754}.pedidos__contenido .estadoPedido-completado,.priorityLegend .estadoPedido-completado{background-color:#aaedc4;color:#198754 !important}.pagination{--bs-pagination-color: #773232 !important;--bs-pagination-active-bg: #773232 !important;--bs-pagination-active-border-color: #773232 !important;--bs-pagination-active-color: #ffffff !important;--bs-pagination-hover-bg: #F5D6CF !important;--bs-pagination-hover-border-color: #F5D6CF !important;--bs-pagination-hover-color: #773232 !important;--bs-pagination-disabled-bg: #a5a5a46e !important;--bs-pagination-disabled-border-color: #a5a5a46e !important;--bs-pagination-disabled-color: #666666 !important}.sectionPicking>section{height:85% !important}.picking__preparar,.picking__productos{border:3px solid #773232 !important}.picking__preparar ul,.picking__productos ul{margin-top:1rem;height:95%;overflow-y:scroll}.picking__subtitulo{background-color:#773232}input.form-check-input[type=checkbox]{border:2px solid #773232}.picking__productos{height:75vh !important}.picking__preparar{height:75vh !important}.picking__preparar li:has(input:checked){background-color:#f2f2f2;color:#cacaca}.form-check-input:checked{background-color:#773232 !important;border-color:#de6b7d}.pedidos__menu .button{transition:transform .15s ease,background .15s ease}.pedidos__menu .button:active{transform:scale(0.95)}@media(max-width: 768px){.offcanvas.offcanvas-start{width:85% !important;max-width:320px}}.offcanvas .offcanvas-header{border-bottom:1px solid hsla(0,0%,100%,.1);padding:1rem 1.25rem}.offcanvas .offcanvas-body{padding:1rem}.offcanvas .offcanvas-body .form-label{font-weight:600;font-size:.875rem;margin-bottom:.5rem}.offcanvas .offcanvas-body .form-select,.offcanvas .offcanvas-body .form-control{border-radius:8px;border:1px solid rgba(0,0,0,.1);padding:.625rem .875rem;font-size:.9rem}.offcanvas .offcanvas-body .form-select:focus,.offcanvas .offcanvas-body .form-control:focus{border-color:#773232;box-shadow:0 0 0 3px rgba(119,50,50,.1)}.pedidos__afterTable{background:#fffbf8}.pedidos__afterTable .afterTable__button a.btn{border-radius:8px;font-weight:600;padding:.6rem 1rem;transition:transform .15s ease,box-shadow .15s ease}.pedidos__afterTable .afterTable__button a.btn:not(.disabled-link):hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.pedidos__afterTable .afterTable__button a.btn:active{transform:translateY(0)}.pedidos__afterTable .pagination .page-link{border-radius:6px;margin:0 2px;font-weight:500;min-width:36px;text-align:center}.pedidos__afterTable .pagination .page-item.active .page-link{font-weight:700}.sectionPedidos{display:flex;flex-direction:column;height:100%;overflow:hidden}.pedidos__contenido{display:flex;flex-direction:column;height:100%;overflow:hidden}.pedidos__contenido h2.tittle{font-size:1.5rem;font-weight:700;color:#773232;white-space:nowrap}.pedidos__menu{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;flex-shrink:0}.pedidos__menu .button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;background:#fffbf8;border:1px solid rgba(0,0,0,.08);transition:all .15s ease;text-decoration:none;color:#3a4249;font-weight:600;font-size:.875rem}.pedidos__menu .button:hover{background:#f5d6cf;border-color:#773232}.pedidos__menu .button:active{transform:scale(0.97)}.pedidos__menu .button i{font-size:1rem}.pedidos__menu .button p{margin:0}.tabla-compacta{margin-bottom:0;font-size:.875rem}.tabla-compacta thead{background:#773232;color:#fff}.tabla-compacta thead th{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;padding:.625rem .5rem;border:none;white-space:nowrap}.tabla-compacta tbody tr{border-bottom:1px solid rgba(0,0,0,.08);cursor:pointer;transition:background-color .15s ease}.tabla-compacta tbody tr:hover{background-color:rgba(0,0,0,.03)}.tabla-compacta tbody tr:last-child{border-bottom:none}.tabla-compacta tbody td{padding:.5rem;vertical-align:middle;line-height:1.4;border:none}.badge-sm{font-size:.65rem;padding:.2em .5em;font-weight:600;border-radius:4px}.pedido-info{display:flex;flex-direction:column;gap:.125rem}.pedido-info .pedido-canal{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.pedido-info .pedido-canal strong{font-size:.8rem;color:#3a4249}.pedido-info .pedido-numero{font-size:.8rem;font-weight:500;color:#3a4249}.pedido-info .pedido-fecha{font-size:.7rem;color:#6c757d}.productos-lista{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.productos-lista li{display:flex;align-items:center;gap:.375rem;font-size:.8rem}.productos-lista li img{width:28px;height:28px;object-fit:contain;border-radius:4px;flex-shrink:0}.productos-lista li .sku{font-weight:500;color:#3a4249}.envio-info{display:flex;flex-direction:column;gap:.125rem;font-size:.8rem}.envio-info .cliente-nombre{font-weight:600;color:#3a4249}.envio-info .direccion{font-size:.7rem;color:#6c757d;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.envio-info .transportista{display:flex;align-items:center;gap:.25rem;font-size:.75rem}.envio-info .pais{font-size:.7rem;color:#6c757d}.estado-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-align:center;white-space:nowrap}.pedido__opciones{display:flex;align-items:center;justify-content:center;gap:.375rem}.pedido__opciones .btn{padding:.375rem .5rem;font-size:.75rem;border-radius:4px}.pedido__opciones .btn.incidencia-btn{padding:.375rem}.pedido__opciones .estadoPedido-hecho,.pedido__opciones .estadoPedido-incidencia,.pedido__opciones .estadoPedido-cancelado{font-size:.7rem;padding:.25rem .5rem;border-radius:12px;gap:.25rem}.pedido__opciones .estadoPedido-hecho i,.pedido__opciones .estadoPedido-incidencia i,.pedido__opciones .estadoPedido-cancelado i{font-size:.65rem}.pedidos__afterTable{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#fffbf8;border-top:1px solid rgba(0,0,0,.08);flex-shrink:0;gap:1rem}.pedidos__afterTable>span{font-size:.8rem;color:#3a4249;white-space:nowrap}.pedidos__afterTable>span strong{font-weight:700;color:#773232}.pedidos__afterTable .afterTable__button{display:flex;align-items:center;gap:.5rem}.pedidos__afterTable .afterTable__button .btn{padding:.5rem .875rem;font-size:.8rem;font-weight:600;border-radius:6px;white-space:nowrap}.pedidos__afterTable .afterTable__button .btn i{font-size:.875rem}.pedidos__afterTable .pagination{margin:0;gap:.125rem}.pedidos__afterTable .pagination .page-item .page-link{padding:.375rem .625rem;font-size:.75rem;border-radius:4px;min-width:auto}.pedidos__table{flex:1;overflow-y:auto;overflow-x:hidden;border-bottom:2px solid #773232}.pedidos__table::-webkit-scrollbar{width:6px}.pedidos__table::-webkit-scrollbar-track{background:#fffbf8}.pedidos__table::-webkit-scrollbar-thumb{background:#f5d6cf;border-radius:3px}.pedidos__table::-webkit-scrollbar-thumb:hover{background:#773232}@media screen and (max-width: 991px){.sectionPedidos{padding:0 !important}.pedidos__contenido{padding:0 .5rem !important}.pedidos__contenido h2.tittle{font-size:1.2rem}.pedidos__menu{flex-wrap:wrap;gap:.5rem;padding:.5rem 0}.pedidos__menu h2.tittle{width:100%;text-align:center;margin-bottom:.25rem}.pedidos__menu>div:last-child{display:flex;gap:.375rem;flex-wrap:wrap;justify-content:center;width:100%}.pedidos__menu .button{flex:1;min-width:80px;max-width:120px;justify-content:center;padding:.5rem;font-size:.75rem}.pedidos__menu .button p{display:none}.tabla-compacta thead{display:none}.tabla-compacta tbody{display:flex;flex-direction:column;gap:.75rem;padding:.5rem}.tabla-compacta tbody tr{display:grid;grid-template-columns:1fr;grid-template-rows:auto;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.08);padding:0;overflow:hidden;transition:box-shadow .2s ease}.tabla-compacta tbody tr:hover{box-shadow:0 4px 16px rgba(0,0,0,.12)}.tabla-compacta tbody tr td{padding:0;border:none;display:block}.tabla-compacta tbody tr td:nth-child(1){background:linear-gradient(135deg, #773232 0%, rgb(147.7289940828, 62.0710059172, 62.0710059172) 100%);color:#fff;padding:.625rem .75rem}.tabla-compacta tbody tr td:nth-child(1) .pedido-info{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.tabla-compacta tbody tr td:nth-child(1) .pedido-info .pedido-canal{order:1}.tabla-compacta tbody tr td:nth-child(1) .pedido-info .pedido-canal strong{color:#fff;font-size:.85rem}.tabla-compacta tbody tr td:nth-child(1) .pedido-info .pedido-canal .badge{font-size:.6rem;padding:.15em .4em}.tabla-compacta tbody tr td:nth-child(1) .pedido-info .pedido-numero{order:3;width:100%;color:hsla(0,0%,100%,.9);font-size:.75rem;font-weight:400}.tabla-compacta tbody tr td:nth-child(1) .pedido-info .pedido-fecha{order:2;color:hsla(0,0%,100%,.85);font-size:.7rem;background:rgba(0,0,0,.15);padding:.15rem .5rem;border-radius:10px}.tabla-compacta tbody tr td:nth-child(3){padding:.75rem;background:#fffbf8;border-bottom:1px solid rgba(0,0,0,.08)}.tabla-compacta tbody tr td:nth-child(3) .envio-info{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.25rem .75rem;align-items:start}.tabla-compacta tbody tr td:nth-child(3) .envio-info .cliente-nombre{grid-column:1/-1;font-size:.9rem;font-weight:700;color:#3a4249;margin-bottom:.25rem}.tabla-compacta tbody tr td:nth-child(3) .envio-info .direccion{grid-column:1/-1;display:block !important;max-width:none;white-space:normal;font-size:.75rem;color:#555;line-height:1.3}.tabla-compacta tbody tr td:nth-child(3) .envio-info .transportista{grid-column:1;font-size:.7rem;margin-top:.375rem}.tabla-compacta tbody tr td:nth-child(3) .envio-info .transportista .badge{font-size:.65rem}.tabla-compacta tbody tr td:nth-child(3) .envio-info .pais{grid-column:2;text-align:right;font-size:.7rem;margin-top:.375rem}.tabla-compacta tbody tr td:nth-child(2){padding:.625rem .75rem;border-bottom:1px solid rgba(0,0,0,.08)}.tabla-compacta tbody tr td:nth-child(2) .productos-lista{flex-direction:row;flex-wrap:wrap;gap:.5rem}.tabla-compacta tbody tr td:nth-child(2) .productos-lista li{background:#fff;border:1px solid rgba(0,0,0,.08);padding:.375rem .5rem;border-radius:8px;font-size:.75rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}.tabla-compacta tbody tr td:nth-child(2) .productos-lista li img{width:32px;height:32px}.tabla-compacta tbody tr td:nth-child(2) .productos-lista li .sku{font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabla-compacta tbody tr td:nth-child(2) .productos-lista li .badge{font-size:.6rem}.tabla-compacta tbody tr td:nth-child(4),.tabla-compacta tbody tr td:nth-child(5){display:inline-flex !important}.tabla-compacta tbody tr td:nth-child(4){padding:.625rem .75rem;flex:1;align-items:center}.tabla-compacta tbody tr td:nth-child(4) .estado-badge{font-size:.75rem;padding:.375rem .75rem;border-radius:20px}.tabla-compacta tbody tr td:nth-child(5){padding:.625rem .75rem;justify-content:flex-end;align-items:center;border-left:1px solid rgba(0,0,0,.08)}.tabla-compacta tbody tr td:nth-child(5) .pedido__opciones{gap:.5rem}.tabla-compacta tbody tr td:nth-child(5) .pedido__opciones .btn{padding:.5rem .75rem;font-size:.75rem}.tabla-compacta tbody tr td:nth-child(5) .pedido__opciones .estadoPedido-hecho,.tabla-compacta tbody tr td:nth-child(5) .pedido__opciones .estadoPedido-incidencia,.tabla-compacta tbody tr td:nth-child(5) .pedido__opciones .estadoPedido-cancelado{font-size:.7rem;padding:.375rem .625rem}.pedidos__afterTable{flex-direction:column;gap:.625rem;padding:.75rem}.pedidos__afterTable>span{order:3;font-size:.75rem}.pedidos__afterTable .afterTable__button{order:1;width:100%;flex-direction:column;gap:.5rem}.pedidos__afterTable .afterTable__button .btn{width:100%;padding:.75rem;font-size:.85rem;justify-content:center}.pedidos__afterTable nav{order:2;width:100%}.pedidos__afterTable nav .pagination{justify-content:center;flex-wrap:wrap;gap:.25rem}.pedidos__afterTable nav .pagination .page-item .page-link{padding:.5rem .75rem;font-size:.8rem}}@media screen and (max-width: 575px){.pedidos__contenido{padding:0 .25rem !important}.pedidos__contenido h2.tittle{font-size:1rem}.pedidos__menu .button{min-width:60px;padding:.4rem}.pedidos__menu .button i{font-size:.9rem}.tabla-compacta tbody{padding:.375rem;gap:.625rem}.tabla-compacta tbody tr{border-radius:10px}.tabla-compacta tbody tr td:nth-child(1){padding:.5rem .625rem}.tabla-compacta tbody tr td:nth-child(1) .pedido-info .pedido-canal strong{font-size:.8rem}.tabla-compacta tbody tr td:nth-child(1) .pedido-info .pedido-numero{font-size:.7rem}.tabla-compacta tbody tr td:nth-child(1) .pedido-info .pedido-fecha{font-size:.65rem}.tabla-compacta tbody tr td:nth-child(3){padding:.625rem}.tabla-compacta tbody tr td:nth-child(3) .envio-info .cliente-nombre{font-size:.85rem}.tabla-compacta tbody tr td:nth-child(3) .envio-info .direccion{font-size:.7rem}.tabla-compacta tbody tr td:nth-child(2){padding:.5rem .625rem}.tabla-compacta tbody tr td:nth-child(2) .productos-lista li{padding:.25rem .375rem}.tabla-compacta tbody tr td:nth-child(2) .productos-lista li img{width:26px;height:26px}.tabla-compacta tbody tr td:nth-child(2) .productos-lista li .sku{max-width:80px;font-size:.7rem}.tabla-compacta tbody tr td:nth-child(4){padding:.5rem .625rem}.tabla-compacta tbody tr td:nth-child(4) .estado-badge{font-size:.7rem;padding:.3rem .625rem}.tabla-compacta tbody tr td:nth-child(5){padding:.5rem .625rem}.pedidos__afterTable{padding:.625rem}.pedidos__afterTable .afterTable__button .btn{padding:.625rem;font-size:.8rem}.pedidos__afterTable nav .pagination .page-item .page-link{padding:.4rem .6rem;font-size:.75rem}}@media screen and (min-width: 992px)and (max-width: 1199px){.pedidos__menu .button{padding:.4rem .625rem}.pedidos__menu .button p{font-size:.75rem}.tabla-compacta{font-size:.8rem}.tabla-compacta thead th{font-size:.7rem;padding:.5rem .375rem}.tabla-compacta tbody td{padding:.375rem}.envio-info .direccion{max-width:150px}.pedidos__afterTable .afterTable__button .btn{padding:.5rem .625rem;font-size:.75rem}}.tabla-compacta tbody tr:focus-visible{outline:2px solid #773232;outline-offset:-2px}@keyframes cardSlideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 991px){.tabla-compacta tbody tr{animation:cardSlideIn .3s ease forwards}.tabla-compacta tbody tr:nth-child(1){animation-delay:0.03s}.tabla-compacta tbody tr:nth-child(2){animation-delay:0.06s}.tabla-compacta tbody tr:nth-child(3){animation-delay:0.09s}.tabla-compacta tbody tr:nth-child(4){animation-delay:0.12s}.tabla-compacta tbody tr:nth-child(5){animation-delay:0.15s}.tabla-compacta tbody tr:nth-child(6){animation-delay:0.18s}.tabla-compacta tbody tr:nth-child(7){animation-delay:0.21s}.tabla-compacta tbody tr:nth-child(8){animation-delay:0.24s}.tabla-compacta tbody tr:nth-child(9){animation-delay:0.27s}.tabla-compacta tbody tr:nth-child(10){animation-delay:0.3s}.tabla-compacta tbody tr:nth-child(11){animation-delay:0.33s}.tabla-compacta tbody tr:nth-child(12){animation-delay:0.36s}.tabla-compacta tbody tr:nth-child(13){animation-delay:0.39s}.tabla-compacta tbody tr:nth-child(14){animation-delay:0.42s}.tabla-compacta tbody tr:nth-child(15){animation-delay:0.45s}.tabla-compacta tbody tr:nth-child(16){animation-delay:0.48s}.tabla-compacta tbody tr:nth-child(17){animation-delay:0.51s}.tabla-compacta tbody tr:nth-child(18){animation-delay:0.54s}.tabla-compacta tbody tr:nth-child(19){animation-delay:0.57s}.tabla-compacta tbody tr:nth-child(20){animation-delay:0.6s}}.estado-badge{position:relative}.estado-badge::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:.375rem;background:currentColor;opacity:.7}.containerPersona{margin:1% !important;border-radius:5px}.containerPersona figure{margin-bottom:0;padding:0}.containerPersona figure img{width:80%;margin:0;padding:0}.containerPersona figure div{width:200px !important}.containerPersona figure div i{width:100%}.containerPersona p{margin:0;padding:0}.containerPersona .ultMensaje{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.containerPersona:hover{cursor:pointer;transform:scale(1.01)}#containerChat{display:grid;grid-template-rows:2fr 8fr 2fr}#containerChat #nombreUsuario{grid-row:1/2}#containerChat .containerMensajes{grid-row:2/3;overflow-y:auto}#containerChat .containerCreateMensaje{grid-row:3/4}#containerChat #containerMensajes .divFecha{background-color:#639}#containerChat #containerMensajes .divFecha p{margin:0}#containerChat #containerMensajes .mensajeEnviado{background-color:#e3843b;clip-path:polygon(0 0, 7% 33%, 7% 100%, 100% 100%, 100% 0)}#containerChat #containerMensajes .mensajeEnviado p{padding-left:7%}#containerChat #containerMensajes .mensajeRecibido{background-color:#232323;align-self:end;clip-path:polygon(100% 0%, 93% 33%, 93% 100%, 0 100%, 0 0)}#containerChat #containerMensajes .mensajeRecibido p{padding-right:7%}#containerChat #containerMensajes .mensajeEnviado,#containerChat #containerMensajes .mensajeRecibido{width:75%;border-radius:5px;padding:10px 15px;animation:opacity .3s ease-in-out}#containerChat #containerMensajes .mensajeEnviado p,#containerChat #containerMensajes .mensajeRecibido p{margin:0}#containerChat #containerMensajes .mensajeEnviado p.text-end,#containerChat #containerMensajes .mensajeRecibido p.text-end{font-size:13px}#containerChat .containerCreateMensaje{border-radius:5px;cursor:pointer}@keyframes opacity{from{opacity:0}to{opacity:1}}.circleEmpleado{width:35px;height:35px;border-radius:100px;display:flex;align-items:center;justify-content:center;font-weight:bold;background-image:linear-gradient(51deg, #d64545 50%, rgb(213, 89, 55) 65%, #e3843b 100%);cursor:pointer;border:3px solid #e3e3e3}.circleEmpleado:hover{background-color:#e3e3e3;background-image:none;border:3px solid #d64545;color:#d64545}.circleEmpleado:hover>div{margin-top:10px}.circleEmpleado:hover>div::after{content:"";position:absolute;top:-10%;left:45%;width:10px;height:10px;clip-path:polygon(50% 40%, 0% 100%, 100% 100%);background-color:#fff}.circleEmpleado:hover>div button.editarBtn:hover{border:2px solid #e3843b;background-color:#d64545;color:#e3e3e3}.fa-asterisk{font-size:10px;transform:translateY(-8px)}#offcanvasWithBothOptions textarea,#offcanvasWithBothOptions input{border-radius:10px;padding:5px}.circleEmpleado .position-absolute{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background-color:#fff;border:1px solid #ccc;border-radius:10px;padding:10px;z-index:1;opacity:0;transition:opacity .3s ease-in-out;margin-bottom:20px}.circleEmpleado:hover .position-absolute{display:block;opacity:1}.circleEmpleado button{border:1px solid #e3843b;text-wrap:nowrap}#formFiltros option:hover{appearance:none !important;cursor:pointer;background-color:#ccc !important}.sectionTrello{position:relative;overflow:hidden;background-color:#f4e8e0}.sectionTrello .trello-wrapper{display:flex;width:100%;height:100%;gap:1rem}.listaCategorias{display:flex;align-items:flex-start;min-width:80px}.listaCategorias ul{width:80px;background-image:linear-gradient(51deg, #773232 50%, #5a2424 65%, #3d1818 100%);border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.2);padding:.5rem 0}.listaCategorias ul li{border:none;width:100%}.listaCategorias ul li a{font-size:.6rem;background:none;border:none;color:#f5d6cf;padding:.75rem .5rem;border-radius:8px;transition:all .3s ease;margin:.25rem 0}.listaCategorias ul li a i{background-color:rgba(0,0,0,0);color:#f5d6cf;transition:all .3s ease}.listaCategorias ul li a p{margin:0;margin-top:.25rem;font-weight:500;color:#f5d6cf;transition:all .3s ease}.listaCategorias ul li a:hover{background-color:rgba(245,214,207,.2);transform:translateX(3px)}.listaCategorias ul li a:hover i{color:#fff;transform:scale(1.1)}.listaCategorias ul li a:hover p{color:#fff}.listaCategorias ul li a.active{background-color:rgba(245,214,207,.3)}.listaCategorias ul li a.active i{color:#fff}.listaCategorias ul li a.active p{color:#fff}.filters-sidebar{position:fixed;top:0;right:-300px;width:300px;height:100vh;background:linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);box-shadow:-5px 0 25px rgba(0,0,0,.15);z-index:1000;transition:right .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);padding:2rem 1.5rem;overflow-y:auto}.filters-sidebar.active{right:0}.filters-sidebar .filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.filters-sidebar .filters-header h3{color:#2c3e50;font-size:1.5rem;margin:0;font-weight:600;display:flex;align-items:center;gap:.5rem}.filters-sidebar .filters-header h3 i{font-size:1.3rem;color:#773232}.filters-sidebar .filters-header .close-filters{background:none;border:none;color:#2c3e50;font-size:1.5rem;cursor:pointer;transition:all .3s ease;padding:.25rem;border-radius:5px}.filters-sidebar .filters-header .close-filters:hover{background-color:#f0f0f0;color:#773232;transform:rotate(90deg)}.filters-sidebar .filter-group{margin-bottom:1.5rem}.filters-sidebar .filter-group label{display:block;color:#2c3e50;font-size:.85rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.filters-sidebar .filter-group label i{color:#773232;margin-right:.25rem}.filters-sidebar .filter-group select,.filters-sidebar .filter-group input[type=search]{width:100%;padding:.75rem;background-color:#fff;border:1px solid #dee2e6;border-radius:8px;color:#2c3e50;font-size:.95rem;transition:all .3s ease}.filters-sidebar .filter-group select:focus,.filters-sidebar .filter-group input[type=search]:focus{outline:none;background-color:#fff;border-color:#773232;box-shadow:0 0 0 3px rgba(119,50,50,.1)}.filters-sidebar .filter-group select:disabled,.filters-sidebar .filter-group input[type=search]:disabled{opacity:.5;cursor:not-allowed;background-color:#f5f5f5}.filters-sidebar .filter-group select option,.filters-sidebar .filter-group input[type=search] option{background-color:#fff;color:#2c3e50}.filters-sidebar .filter-group input[type=search]::placeholder{color:#adb5bd}.filters-sidebar .filter-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e0e0e0}.filters-sidebar .filter-actions button{width:100%;padding:.75rem;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.filters-sidebar .filter-actions button#clearFiltersBtn{background:linear-gradient(135deg, #773232 0%, #5a2424 100%);color:#fff}.filters-sidebar .filter-actions button#clearFiltersBtn:hover{background:linear-gradient(135deg, #5a2424 0%, #3d1818 100%);transform:translateY(-2px);box-shadow:0 5px 15px rgba(119,50,50,.4)}.filters-sidebar::-webkit-scrollbar{width:8px}.filters-sidebar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.filters-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(90deg, #773232 0%, #5a2424 100%);border-radius:10px}.filters-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg, #5a2424 0%, #3d1818 100%)}.filters-toggle{position:fixed;top:50%;right:20px;transform:translateY(-50%);width:50px;height:50px;background-image:linear-gradient(51deg, #773232 50%, #5a2424 65%, #3d1818 100%);border:none;border-radius:50%;color:#fff;font-size:1.25rem;cursor:pointer;z-index:999;box-shadow:0 4px 15px rgba(0,0,0,.3);transition:all .3s ease}.filters-toggle:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px rgba(119,50,50,.5)}.filters-toggle.active{right:320px}.filters-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.filters-overlay.active{opacity:1;visibility:visible}.trello-content{flex:1;display:flex;flex-direction:column;overflow-x:hidden;padding-right:.5rem;max-width:calc(100vw - 150px)}.category-filter-top{width:100%;margin-bottom:1.5rem}.category-filter-top select{width:100%;max-width:400px;padding:.75rem 1rem;background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#2c3e50;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.category-filter-top select:focus{outline:none;border-color:#773232;box-shadow:0 0 0 4px rgba(119,50,50,.1);transform:translateY(-2px)}.category-filter-top select:hover{border-color:#773232;box-shadow:0 4px 12px rgba(0,0,0,.15)}.category-filter-top select option{background-color:#fff;color:#2c3e50;padding:.5rem}.listaTareas{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem;min-height:75vh;flex-wrap:nowrap;width:100%;justify-content:flex-start;align-items:stretch}.listaTareas::-webkit-scrollbar{height:10px}.listaTareas::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:10px}.listaTareas::-webkit-scrollbar-thumb{background:linear-gradient(90deg, #773232 0%, #5a2424 100%);border-radius:10px}.listaTareas::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg, #5a2424 0%, #3d1818 100%)}.kanban-column{flex:0 0 auto;width:240px;min-width:240px;background-color:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);min-height:70vh;display:flex;flex-direction:column}.kanban-column .columna{background-image:linear-gradient(51deg, #773232 50%, #5a2424 65%, #3d1818 100%);color:#fff;font-weight:700;font-size:.9rem;padding:.75rem .875rem;border-radius:12px 12px 0 0;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px rgba(0,0,0,.1);text-align:center;flex-shrink:0}.kanban-column .tareas{flex:1 1 auto;min-height:300px;padding:.75rem;width:100%;border-radius:0 0 12px 12px;background-color:#f8f9fa;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.kanban-column .tareas::-webkit-scrollbar{width:6px}.kanban-column .tareas::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:10px}.kanban-column .tareas::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:10px}.kanban-column .tareas::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}@media(min-width: 1400px){.kanban-column{width:260px;min-width:260px}}@media(min-width: 1600px){.kanban-column{width:280px;min-width:280px}}@media(min-width: 1920px){.kanban-column{width:320px;min-width:320px}}.cardTarea{cursor:move;font-weight:500;animation:desplegar .4s ease-in-out;border:1px solid rgba(0,0,0,.1);transition:all .2s ease;position:relative;overflow:hidden;color:#2c3e50;box-shadow:0 2px 6px rgba(0,0,0,.08)}.cardTarea:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.12);border-color:rgba(0,0,0,.15)}.cardTarea p{color:#2c3e50;text-shadow:none}.cardTarea .btnModal{background-color:hsla(0,0%,100%,.9);border:1px solid rgba(0,0,0,.1);transition:all .2s ease;padding:.5rem .75rem;border-radius:6px;color:#2c3e50}.cardTarea .btnModal:hover{background-color:#fff;border-color:#773232;color:#773232}.cardTarea .btnModal:active{transform:scale(0.95)}.baja{background:linear-gradient(135deg, #d4ebf7 0%, #b3ddf2 100%) !important;border-left:4px solid #4fc3f7}.baja:hover{background:linear-gradient(135deg, #b3ddf2 0%, #91d5f0 100%) !important}.media{background:linear-gradient(135deg, #fff4cc 0%, #ffe699 100%) !important;border-left:4px solid #ffca28}.media:hover{background:linear-gradient(135deg, #ffe699 0%, #ffd966 100%) !important}.importante{background:linear-gradient(135deg, #ffd6b3 0%, #ffc285 100%) !important;border-left:4px solid #f93}.importante:hover{background:linear-gradient(135deg, #ffc285 0%, #ffb366 100%) !important}.urgente{background:linear-gradient(135deg, #ffd4d4 0%, #ffb3b3 100%) !important;border-left:4px solid #ff6b6b}.urgente:hover{background:linear-gradient(135deg, #ffb3b3 0%, #ff9999 100%) !important}@keyframes desplegar{0%{transform:translateY(-20px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.incidentCard,.requestCard{position:relative;z-index:0}.incidentCard::after,.requestCard::after{width:100%;height:100%;position:absolute;top:0;left:0;font-size:2rem;display:flex;align-items:center;justify-content:center;transform:rotate(-20deg);filter:opacity(0.15);z-index:-5;font-weight:900;color:hsla(0,0%,100%,.5)}.btnInfo{color:#2c3e50;cursor:help;z-index:2;transition:all .3s ease;background-color:#fff;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15)}.btnInfo:hover{transform:scale(1.15);color:#773232;box-shadow:0 4px 12px rgba(119,50,50,.3)}.priorityLegend{border:2px solid #e0e0e0;opacity:0;z-index:1;transition:all .3s linear;pointer-events:none;background-color:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15)}.btnInfo:hover+.priorityLegend{opacity:1}.priorityLegend p{margin-bottom:.5rem;color:#2c3e50;font-size:.9rem}.priorityLegend .fw-bold{font-size:1rem;margin-bottom:.75rem}.prioridadUrg{background-color:#ff6b6b;display:inline-block;width:24px;height:24px;border-radius:4px;border:1px solid #ff5252}.prioridadImp{background-color:#f93;display:inline-block;width:24px;height:24px;border-radius:4px;border:1px solid #f80}.prioridadMed{background-color:#ffca28;display:inline-block;width:24px;height:24px;border-radius:4px;border:1px solid #ffc107}.prioridadLow{background-color:#4fc3f7;display:inline-block;width:24px;height:24px;border-radius:4px;border:1px solid #29b6f6}@media(max-width: 1400px){.filters-sidebar{width:280px}.filters-sidebar.active{right:0}.filters-toggle.active{right:300px}}@media(max-width: 992px){.listaCategorias{width:100%;margin-bottom:1rem}.listaCategorias ul{flex-direction:row;width:100%;display:flex;justify-content:center;flex-wrap:wrap}.listaCategorias ul li{width:auto}.trello-wrapper{flex-direction:column}.filters-sidebar{width:100%;right:-100%}.filters-toggle.active{right:20px}.kanban-column{width:250px;min-width:250px}}@media(max-width: 768px){.kanban-column{width:220px;min-width:220px}.category-filter-top select{max-width:100%}.filters-sidebar{padding:1.5rem 1rem}}@media(max-width: 576px){.listaCategorias ul li a p{display:none !important}.kanban-column{width:200px;min-width:200px}}.modal .modal-dialog{max-width:900px}.modal .modal-dialog.modal-lg{max-width:1000px}.modal .modal-dialog.modal-90{max-width:90vw !important;width:90vw !important;height:90vh !important;margin:auto !important}.modal .modal-dialog.modal-90 .modal-content{height:100%;display:flex;flex-direction:column}.modal .modal-content{background-color:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);border:none}.modal .modal-content .modal-header{border-bottom:3px solid #e0e0e0;padding:.5rem 1.5rem;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;align-items:center;width:100%}.modal .modal-content .modal-header #buttonEditModal{background-color:#198754 !important;border:1px solid #198754 !important;color:#fff !important;padding:.5rem 1rem !important;border-radius:8px !important;font-weight:600 !important;font-size:.9rem !important;transition:all .2s ease !important;display:flex !important;align-items:center !important;gap:.5rem !important;white-space:nowrap !important;margin:0 !important}.modal .modal-content .modal-header #buttonEditModal:hover{background-color:#157347 !important;transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,.15) !important;border:1px solid #146c43 !important}.modal .modal-content .modal-header #buttonEditModal i{font-size:1rem}.modal .modal-content .modal-header.urgente{background:linear-gradient(135deg, #ffe8e8 0%, #ffd4d4 100%);border-bottom-color:#ff6b6b}.modal .modal-content .modal-header.urgente h1,.modal .modal-content .modal-header.urgente h2,.modal .modal-content .modal-header.urgente h3,.modal .modal-content .modal-header.urgente h4,.modal .modal-content .modal-header.urgente h5,.modal .modal-content .modal-header.urgente .modal-title{color:#5a0c0c}.modal .modal-content .modal-header.urgente #buttonEditModal{color:#8a1c1c;border-color:rgba(138,28,28,.2)}.modal .modal-content .modal-header.urgente .btn-close{filter:invert(24%) sepia(96%) saturate(7456%) hue-rotate(356deg) brightness(91%) contrast(118%)}.modal .modal-content .modal-header.importante{background:linear-gradient(135deg, #ffefdb 0%, #ffd6b3 100%);border-bottom-color:#f93}.modal .modal-content .modal-header.importante h1,.modal .modal-content .modal-header.importante h2,.modal .modal-content .modal-header.importante h3,.modal .modal-content .modal-header.importante h4,.modal .modal-content .modal-header.importante h5,.modal .modal-content .modal-header.importante .modal-title{color:#4e1c00}.modal .modal-content .modal-header.importante #buttonEditModal{color:#a83800;border-color:rgba(168,56,0,.2)}.modal .modal-content .modal-header.importante .btn-close{filter:invert(38%) sepia(98%) saturate(1932%) hue-rotate(10deg) brightness(98%) contrast(105%)}.modal .modal-content .modal-header.media{background:linear-gradient(135deg, #fffae6 0%, #fff4cc 100%);border-bottom-color:#ffca28}.modal .modal-content .modal-header.media h1,.modal .modal-content .modal-header.media h2,.modal .modal-content .modal-header.media h3,.modal .modal-content .modal-header.media h4,.modal .modal-content .modal-header.media h5,.modal .modal-content .modal-header.media .modal-title{color:#422200}.modal .modal-content .modal-header.media #buttonEditModal{color:#9e5400;border-color:rgba(158,84,0,.2)}.modal .modal-content .modal-header.media .btn-close{filter:invert(68%) sepia(61%) saturate(476%) hue-rotate(357deg) brightness(92%) contrast(91%)}.modal .modal-content .modal-header.baja{background:linear-gradient(135deg, #eaf6fc 0%, #d4ebf7 100%);border-bottom-color:#4fc3f7}.modal .modal-content .modal-header.baja h1,.modal .modal-content .modal-header.baja h2,.modal .modal-content .modal-header.baja h3,.modal .modal-content .modal-header.baja h4,.modal .modal-content .modal-header.baja h5,.modal .modal-content .modal-header.baja .modal-title{color:#00253d}.modal .modal-content .modal-header.baja #buttonEditModal{color:#014d7a;border-color:rgba(1,77,122,.2)}.modal .modal-content .modal-header.baja .btn-close{filter:invert(30%) sepia(99%) saturate(1261%) hue-rotate(178deg) brightness(93%) contrast(96%)}.modal .modal-content .modal-header h1,.modal .modal-content .modal-header h2,.modal .modal-content .modal-header h3,.modal .modal-content .modal-header h4,.modal .modal-content .modal-header h5,.modal .modal-content .modal-header .modal-title{font-weight:800;margin-bottom:0;text-shadow:none;flex-grow:1}.modal .modal-content .modal-header h1{font-size:1.4rem}.modal .modal-content .modal-header h2{font-size:1.1rem}.modal .modal-content .modal-header .btn-close{background-color:rgba(0,0,0,.1);border-radius:50%;opacity:.6;padding:.5rem;transition:all .2s ease}.modal .modal-content .modal-header .btn-close:hover{opacity:1;background-color:rgba(0,0,0,.2);transform:rotate(90deg)}.modal .modal-content .modal-body{padding:.5rem 1rem;color:#2c3e50;flex:1;overflow-y:auto;max-height:none}.modal .modal-content .modal-body::-webkit-scrollbar{width:8px}.modal .modal-content .modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal .modal-content .modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg, #773232 0%, #5a2424 100%);border-radius:10px}.modal .modal-content .modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, #5a2424 0%, #3d1818 100%)}.modal .modal-content .modal-body .bg-secondary{background-color:#f8f9fa !important;border:1px solid #e9ecef;border-radius:10px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05)}.modal .modal-content .modal-body .bg-secondary h5{color:#2c3e50;border-bottom:2px solid #dee2e6;padding-bottom:.5rem;margin-bottom:1rem}.modal .modal-content .modal-body h5{color:#2c3e50;font-weight:700;margin-top:.5rem;margin-bottom:.5rem;font-size:1rem;display:flex;align-items:center;gap:.5rem}.modal .modal-content .modal-body h5 i{color:#773232}.modal .modal-content .modal-body p{color:#546e7a;line-height:1.7;margin-bottom:.75rem;font-size:.95rem}.modal .modal-content .modal-body p.bg-secondary{background-color:#f8f9fa !important;color:#2c3e50;border:1px solid #e9ecef;padding:1.25rem !important;border-radius:10px;margin-bottom:1.25rem;box-shadow:inset 0 1px 3px rgba(0,0,0,.05)}.modal .modal-content .modal-body p .fw-bold{color:#2c3e50;font-weight:700;display:block;margin-bottom:.35rem;font-size:.9rem}.modal .modal-content .modal-body p span:not(.fw-bold){color:#495057;font-weight:500;display:inline-block;padding:.35rem .75rem;background-color:#fff;border-radius:6px;border:1px solid #dee2e6;font-size:.9rem}.modal .modal-content .modal-body .row{margin:0 !important}.modal .modal-content .modal-body .row>*{margin:0 !important}.modal .modal-content .modal-body .row>p{margin-bottom:.5rem}.modal .modal-content .modal-body select.form-control,.modal .modal-content .modal-body input.form-control,.modal .modal-content .modal-body textarea.form-control{background-color:#fff;border:2px solid #e9ecef;color:#2c3e50;padding:.35rem .5rem;border-radius:6px;font-size:.85rem;transition:all .2s ease}.modal .modal-content .modal-body select.form-control:focus,.modal .modal-content .modal-body input.form-control:focus,.modal .modal-content .modal-body textarea.form-control:focus{background-color:#fff;border-color:#773232;box-shadow:0 0 0 4px rgba(119,50,50,.1);outline:none}.modal .modal-content .modal-body select.form-control option,.modal .modal-content .modal-body input.form-control option,.modal .modal-content .modal-body textarea.form-control option{background-color:#fff;color:#2c3e50;padding:.5rem}.modal .modal-content .modal-body .btn{font-weight:600;padding:.65rem 1.75rem;border-radius:8px;transition:all .2s ease;font-size:.95rem}.modal .modal-content .modal-body .btn.btn-outline-secondary{color:#6c757d;border-color:#6c757d;border-width:2px}.modal .modal-content .modal-body .btn.btn-outline-secondary:hover{background-color:#6c757d;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(108,117,125,.3)}.modal .modal-content .modal-body .btn.btn-outline-success{color:#28a745;border-color:#28a745;border-width:2px}.modal .modal-content .modal-body .btn.btn-outline-success:hover{background-color:#28a745;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(40,167,69,.3)}.bg-light-blue{background-color:#f0f7ff !important}.card{border-radius:8px;transition:all .3s ease;margin-bottom:.5rem}.card:hover{box-shadow:0 5px 15px rgba(0,0,0,.08) !important}.card .card-header{border-radius:8px 8px 0 0;padding:.5rem .75rem}.card .card-header h6{font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.card .card-body{padding:.75rem}.form-label{font-size:.75rem;letter-spacing:.3px;margin-bottom:.2rem}textarea{font-size:.85rem;line-height:1.4}#clientInfoCard{border-left:4px solid #0d6efd;transition:all .3s ease}#clientInfoCard:hover{transform:translateX(5px)}#addLineModal{background:#773232 !important;background-image:none !important;border-color:#773232 !important;color:#fff !important}#addLineModal:hover{background:#5a2424 !important;border-color:#5a2424 !important;transform:scale(1.1)}#addLineModal p{color:#fff !important;font-size:1.5rem;line-height:1}select.state-pendiente{background-color:#e2e3e5 !important;color:#383d41 !important;border-color:#d6d8db !important;font-weight:600}select.state-proceso{background-color:#cff4fc !important;color:#055160 !important;border-color:#b6effb !important;font-weight:600}select.state-pausa{background-color:#fff3cd !important;color:#664d03 !important;border-color:#ffecb5 !important;font-weight:600}select.state-terminada{background-color:#d1e7dd !important;color:#0f5132 !important;border-color:#badbcc !important;font-weight:600}select.priority-urgente{background-color:#ffd4d4 !important;color:#5a0c0c !important;border-color:#ff6b6b !important;font-weight:600}select.priority-importante{background-color:#ffd6b3 !important;color:#4e1c00 !important;border-color:#f93 !important;font-weight:600}select.priority-media{background-color:#fff4cc !important;color:#422200 !important;border-color:#ffca28 !important;font-weight:600}select.priority-baja{background-color:#d4ebf7 !important;color:#00253d !important;border-color:#4fc3f7 !important;font-weight:600}.mobile-container{font-family:"Raleway",system-ui,sans-serif;background:#fffbf8;color:#3a4249;min-height:100vh;position:relative}.mobile-container .mobile-header{background:linear-gradient(51deg, #D1E1D7 30%, #87A1B2 65%, #BBB6C5 100%);color:#e3e3e3;padding:1rem 1rem 2rem 1rem;position:sticky;top:0;z-index:1000;box-shadow:-15px -15px 20px hsla(0,0%,100%,.8),15px 15px 20px rgba(57,65,124,.08);border-radius:0 0 1rem 1rem}.mobile-container .mobile-header h1{font-weight:800;color:#e3e3e3;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.mobile-container .mobile-header .btn-link{color:#e3e3e3 !important;transition:transform .3s ease}.mobile-container .mobile-header .btn-link:hover{transform:scale(1.1);color:#fffbf8 !important}.mobile-container .pale-info{background:hsla(0,0%,100%,.2);border-radius:1rem;padding:1rem;margin-top:1rem;backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.3);box-shadow:-2px -2px 5px hsla(0,0%,100%,.9),2px 2px 4px rgba(57,65,124,.2)}.mobile-container .pale-info .pale-code{font-size:1.5rem;font-weight:bold;margin-bottom:.5rem;color:#e3e3e3;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.mobile-container .pale-info .pale-stats{display:flex;justify-content:space-around;margin-top:1rem}.mobile-container .pale-info .pale-stats .stat-item{text-align:center;flex:1}.mobile-container .pale-info .pale-stats .stat-item .stat-number{font-size:1.5rem;font-weight:bold;display:block;color:#e3e3e3;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.mobile-container .pale-info .pale-stats .stat-item .stat-label{font-size:.8rem;opacity:.9;color:#fffbf8}.mobile-container .mobile-content{padding:1rem;padding-bottom:6rem}.mobile-container .product-card{background:rgba(244,232,224,.9490196078);border-radius:1rem;padding:1rem;margin-bottom:1rem;box-shadow:-15px -15px 20px hsla(0,0%,100%,.8),15px 15px 20px rgba(57,65,124,.08);border:3px solid #d1e1d7;transition:all .3s ease;position:relative}.mobile-container .product-card:hover{transform:translateY(-2px);box-shadow:-5px -5px 15px hsla(0,0%,100%,.9),5px 5px 15px rgba(60,14,189,.3);border-color:#773232}.mobile-container .product-card .product-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.mobile-container .product-card .product-header .product-name{font-weight:bold;color:#773232;margin-bottom:.25rem;flex:1;font-size:1.1rem}.mobile-container .product-card .product-header .product-sku{font-size:.8rem;color:#3a4249;background:#d1e1d7;padding:.2rem .5rem;border-radius:.5rem;margin-left:.5rem;border:1px solid #87a1b2}.mobile-container .product-card .quantity-controls{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1rem 0}.mobile-container .product-card .quantity-controls .quantity-btn{width:40px;height:40px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;transition:all .2s ease;box-shadow:-2px -2px 5px hsla(0,0%,100%,.9),2px 2px 4px rgba(57,65,124,.2)}.mobile-container .product-card .quantity-controls .quantity-btn:hover{transform:scale(1.1);box-shadow:-5px -5px 15px hsla(0,0%,100%,.9),5px 5px 15px rgba(60,14,189,.3)}.mobile-container .product-card .quantity-controls .quantity-btn.minus{background:#c93333;border-color:hsl(0,59.5238095238%,39.4117647059%)}.mobile-container .product-card .quantity-controls .quantity-btn.minus:hover{background:hsl(0,59.5238095238%,34.4117647059%)}.mobile-container .product-card .quantity-controls .quantity-btn.plus{background:#30a846;border-color:hsl(131,55.5555555556%,32.3529411765%)}.mobile-container .product-card .quantity-controls .quantity-btn.plus:hover{background:rgb(31,108.5,45.2083333333)}.mobile-container .product-card .quantity-controls .quantity-display{font-size:1.5rem;font-weight:bold;min-width:60px;text-align:center;background:#fffbf8;padding:.5rem 1rem;border-radius:1rem;border:3px solid #773232;color:#773232;box-shadow:-2px -2px 5px hsla(0,0%,100%,.9),2px 2px 4px rgba(57,65,124,.2)}.mobile-container .product-card .product-actions{display:flex;gap:.5rem;margin-top:1rem}.mobile-container .product-card .product-actions .action-btn{flex:1;padding:.75rem;border:2px solid;border-radius:.5rem;font-weight:bold;transition:all .2s ease;position:relative;z-index:1;overflow:hidden}.mobile-container .product-card .product-actions .action-btn::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.2), transparent);transform:translateX(-100%);transition:transform .3s ease;z-index:-1}.mobile-container .product-card .product-actions .action-btn:hover{transform:translateY(-1px);box-shadow:-5px -5px 15px hsla(0,0%,100%,.9),5px 5px 15px rgba(60,14,189,.3)}.mobile-container .product-card .product-actions .action-btn:hover::before{transform:translateX(100%)}.mobile-container .product-card .product-actions .action-btn.btn-edit{background:#d1e1d7;color:#3a4249;border-color:#87a1b2}.mobile-container .product-card .product-actions .action-btn.btn-edit:hover{background:#87a1b2;color:#e3e3e3}.mobile-container .product-card .product-actions .action-btn.btn-delete{background:#c93333;color:#fff;border-color:hsl(0,59.5238095238%,39.4117647059%)}.mobile-container .product-card .product-actions .action-btn.btn-delete:hover{background:hsl(0,59.5238095238%,34.4117647059%)}.mobile-container .floating-actions{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;gap:1rem;z-index:1000}.mobile-container .floating-actions .floating-btn{width:60px;height:60px;border-radius:50%;border:3px solid #fff;color:#fff;font-size:1.5rem;box-shadow:-5px -5px 15px hsla(0,0%,100%,.9),5px 5px 15px rgba(60,14,189,.3);transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.mobile-container .floating-actions .floating-btn::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:hsla(0,0%,100%,.3);border-radius:50%;transition:all .3s ease;transform:translate(-50%, -50%)}.mobile-container .floating-actions .floating-btn:hover{transform:scale(1.1);box-shadow:0 8px 25px rgba(0,0,0,.4)}.mobile-container .floating-actions .floating-btn:hover::before{width:120%;height:120%}.mobile-container .floating-actions .floating-btn.add{background:#30a846}.mobile-container .floating-actions .floating-btn.add:hover{background:hsl(131,55.5555555556%,32.3529411765%)}.mobile-container .floating-actions .floating-btn.refresh{background:#773232}.mobile-container .floating-actions .floating-btn.refresh:hover{background:hsl(0,40.8284023669%,43.137254902%)}.mobile-container .floating-actions .floating-btn.history{background:#d1e1d7}.mobile-container .floating-actions .floating-btn.history:hover{background:#87a1b2}.mobile-container .empty-state{text-align:center;padding:3rem 1rem;color:hsl(208,11.4503816794%,45.6862745098%)}.mobile-container .empty-state i{font-size:4rem;margin-bottom:1rem;opacity:.5;color:#773232}.mobile-container .empty-state h4{color:#773232;font-weight:bold}.mobile-container .mobile-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:2000;display:none;align-items:flex-end}.mobile-container .mobile-modal.show{display:flex}.mobile-container .mobile-modal .modal-content-mobile{background:rgba(244,232,224,.9490196078);width:100%;max-height:90vh;border-radius:1rem 1rem 0 0;overflow-y:auto;transform:translateY(100%);transition:transform .3s ease;border:3px solid #d1e1d7;box-shadow:-15px -15px 20px hsla(0,0%,100%,.8),15px 15px 20px rgba(57,65,124,.08)}.mobile-container .mobile-modal .modal-content-mobile .modal-header-mobile{padding:1rem;border-bottom:2px solid #d1e1d7;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:rgba(244,232,224,.9490196078);z-index:10}.mobile-container .mobile-modal .modal-content-mobile .modal-header-mobile h5{color:#773232;font-weight:bold;margin:0}.mobile-container .mobile-modal .modal-content-mobile .modal-header-mobile .btn-link{color:#773232;font-size:1.2rem}.mobile-container .mobile-modal .modal-content-mobile .modal-header-mobile .btn-link:hover{color:#de6b7d;transform:scale(1.1)}.mobile-container .mobile-modal .modal-content-mobile .modal-body-mobile{padding:1rem}.mobile-container .mobile-modal.show .modal-content-mobile{transform:translateY(0)}.mobile-container .form-group-mobile{margin-bottom:1rem}.mobile-container .form-group-mobile .form-label-mobile{display:block;margin-bottom:.5rem;font-weight:bold;color:#773232}.mobile-container .form-group-mobile .form-control-mobile{width:100%;padding:.75rem;border:2px solid #d1e1d7;border-radius:.5rem;font-size:1rem;transition:border-color .2s ease;background:#fffbf8;color:#3a4249;font-family:"Raleway",sans-serif}.mobile-container .form-group-mobile .form-control-mobile:focus{outline:none;border-color:#773232;box-shadow:0 0 0 .2rem rgba(119,50,50,.25)}.mobile-container .form-group-mobile .form-control-mobile:hover{border-color:#de6b7d}.mobile-container .suggestion-item{padding:.75rem;border-bottom:1px solid #d1e1d7;cursor:pointer;background:#fffbf8;transition:all .2s ease;border-radius:.5rem;margin-bottom:.25rem}.mobile-container .suggestion-item:hover{background:#d1e1d7;color:#773232;transform:translateX(5px)}.mobile-container .suggestion-item .fw-bold{color:#773232}.mobile-container .suggestion-item .text-muted{color:hsl(208,11.4503816794%,55.6862745098%) !important}.mobile-container .suggestion-item .text-info{color:#d1e1d7 !important}.mobile-container .loading{opacity:.6;pointer-events:none;position:relative}.mobile-container .loading::after{content:"";position:absolute;top:50%;left:50%;width:2rem;height:2rem;border:3px solid #d1e1d7;border-radius:50%;border-right-color:rgba(0,0,0,0);animation:spin 1s linear infinite;transform:translate(-50%, -50%)}.mobile-container .spinner{display:inline-block;width:1rem;height:1rem;border:2px solid #773232;border-radius:50%;border-right-color:rgba(0,0,0,0);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-container{background:rgba(244,232,224,.9490196078);border-radius:1rem;padding:2rem;text-align:center;max-width:400px;width:100%;box-shadow:-15px -15px 20px hsla(0,0%,100%,.8),15px 15px 20px rgba(57,65,124,.08);border:3px solid #de6b7d}.error-container .error-icon{font-size:4rem;color:#c93333;margin-bottom:1rem;animation:pulse 2s infinite}.error-container .error-title{color:#773232;margin-bottom:1rem;font-weight:bold;font-family:"Raleway",sans-serif}.error-container .error-message{color:#3a4249;margin-bottom:2rem;font-family:"Raleway",sans-serif}.error-container .btn-retry{background:linear-gradient(51deg, #D1E1D7 30%, #87A1B2 65%, #BBB6C5 100%);border:2px solid #773232;padding:.75rem 2rem;border-radius:.5rem;color:#fff;text-decoration:none;display:inline-block;transition:all .2s ease;font-weight:bold;font-family:"Raleway",sans-serif;box-shadow:-5px -5px 15px hsla(0,0%,100%,.9),5px 5px 15px rgba(60,14,189,.3)}.error-container .btn-retry:hover{transform:translateY(-2px);color:#fff;box-shadow:0 8px 25px rgba(0,0,0,.3)}.error-container .text-primary{color:#773232 !important}.error-container .text-primary:hover{color:#de6b7d !important}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.toast-notification{position:fixed;top:20px;right:20px;z-index:9999;min-width:300px;background:rgba(244,232,224,.9490196078);border-radius:.5rem;padding:1rem;box-shadow:-15px -15px 20px hsla(0,0%,100%,.8),15px 15px 20px rgba(57,65,124,.08);border:2px solid #d1e1d7;color:#3a4249;font-family:"Raleway",sans-serif}.toast-notification.success{border-color:#30a846;background:rgb(185,235,194.1666666667)}.toast-notification.error{border-color:#c93333;background:hsl(0,59.5238095238%,89.4117647059%)}.toast-notification.warning{border-color:#ffc107;background:#fff4d3}.toast-notification.info{border-color:#d1e1d7;background:#fff}@media(max-width: 576px){.mobile-container .pale-stats{gap:.5rem}.mobile-container .pale-stats .stat-number{font-size:1.2rem}.mobile-container .quantity-controls{gap:.25rem}.mobile-container .quantity-controls .quantity-btn{width:35px;height:35px;font-size:1rem}.mobile-container .floating-actions{gap:.5rem}.mobile-container .floating-actions .floating-btn{width:50px;height:50px;font-size:1.2rem}.mobile-container .product-card{padding:.75rem}.mobile-container .product-card .product-header{flex-direction:column;align-items:flex-start;gap:.5rem}.mobile-container .product-card .product-header .product-sku{margin-left:0}}@media(prefers-color-scheme: dark){.mobile-container{background:rgb(22.25,22.25,22.25);color:#e3e3e3}.mobile-container .product-card{background:rgba(244,232,224,.9);border-color:#87a1b2}.mobile-container .form-control-mobile{background:rgb(60.5,60.5,60.5);border-color:#87a1b2;color:#e3e3e3}.mobile-container .modal-content-mobile{background:rgba(244,232,224,.95)}.error-container{background:rgba(244,232,224,.95);color:#e3e3e3}}@supports(-webkit-touch-callout: none){.mobile-container{min-height:-webkit-fill-available}}.mobile-container input[type=text],.mobile-container input[type=number],.mobile-container textarea,.mobile-container select{font-size:16px !important}
