Œ“¾Û[a›rµ”U
i¤zt³£G²žÈ8w{
Š ÔŠ…&f,¯“BN<%xDFY”ÉWÁ…FªÅŸGIâžëe–‘•±ú8zÖ•¢ªW2‹fF\ErÚƒT¯—»	Œ«–_NráéírQM(€lï3Hšm¸hòèÙe=óhb--\Œˆ]Ò™‘£lÁÓ´„®×ÉáÅ“ñ•’ìì‚;×EoÜÓóþ’Š{Ì‚ñÄ&ó£rXs†b%ô´5ÊýN‹/hM²_Ì,7¸Gñ4QÔ.6Æ¢ã/UœùÂŸDÒj7Bû¦ÚC:OÕµœµ”Èæ[®æÚá½]¶bÿ ú –]hé=‹»fàcpºÇO¶|ÇOénÏ2‘9,Âx8Ó[ÖIË2ëNƒ-‚í1Š_ö4š_ƒ¨òõ!´ ôŠ§Û>6V}{2*1¨Ü#[‹ZVã˜o ïªÔ|ß}ÑÉÏN3A»ªõ’Š¶î3u4en«ÁœÃdô¿¿%ÒÃê*YjÉ™5 ÐûmF^1ÄÁ¦I‘Æá”%ðh,X¸±b@9ˆ“|šâeÃ-îµ°§ôžÅ{hÔ6¥pYï%7º¦Þ±yùéy©óñ}ÅÞT5Ÿ‚æuÚ¸Ï¾¾)5ùF†áœ¡.ï„=?Äm&0xf£Ü_’Êh¯9z| ”¹Úº„ƒžÂ”cC7¬ÇLú ‡!íý5L¥È©¦µàŠÈ¶+ýóJ´{ü<#6gvvmÁTý©³±®Ã¤¡”Ô“!Ìè­Ií\zÍòïa$)f7™,K¨‡­Œp”­cÔ1†„®“”Ôâî;ývªúC
o©™Îr¼}ÝƒÝ4­uÌ70^|ÊŸŒœÏ\Ù³œvºvHï`ÇsÎ`ôIn[\·œXe1ÓN“Ç»0kŒùàïhG÷f^yNSô|ËJ¡¡‚ÔVÎÇsIÏÒ(ë3R¬fcå«°il|× ÎŽ-Ï€ûïV—ù{A«j
‘6ç•ÌÉeJ÷¦P«8èòámÔ‚N´N<uU‡ìÃ	@ÿ¾»VÐºCêÙhþÊƒ@}×zDu¢l(6º˜[Ý"íJ"Bêí
¸¾Nî>°×~[æK£èØ÷T„HÍD‘‚¡9®õÚP"uõèZ!¶¼ªý@ûa¼¿ð±18ÁÍW1Fë):ÕjÝà#–ù½µWñ…xÀlJdlL×"[§ML‚OÈÕP!~•qªA"©‰ò±6“RK#‰±&=”;OÚà&‘6®~ÈùñG”Ò€¿ÈµJ¼žcl­«ø$ˆ]"B©Š-wÜ8úSþ…^*öä+àDy[eoRžw)Æ¿ÐÜÝ‡æÎs`âz¸>³0É‹ïzYz¿¢ŽGÌŠgÁ‚Ö'¤³ð~¥¾l„7yåàÒ+žj3x‹_&[¡p:P30YëÀããÜiÅ³W¯BlX!¸dÐ[<‹eÇyâÉZB¤Öú×—\â-â|›ÂïõóÞ1JŠ	ø{ðÕµ\•l›ô·ßI®Â>ù	Añ#ÌˆŽ 5û?Ïv#¢P)Á~Éên¿”ÃAê½íui	‡ÐkÓœê2ÇgzLrÇã>5‡—À›LWkr»¯F…6±[Zï4Ým×uÿ§`†MLÑïê¶)#ðÂØ±9õº©#tuò'Øšÿb©U—}¼(­tÛôx8?.åH¯Bâ¥¹gºÊ¬ïÅp&˜‘›øÃNDqAÿ³·*6P6èã½>2}ÔÂú°Æ»èf-¹¨wÉÓ·c”XB‰Œüº/%†8¬—³+Q’“ÂÎ”ö52>û0ûðŽ$Hßâd¼Þò¢/‡=Ô§€¬˜¥áœP-7óŠxlÇj¥·_À”jõQËp/y†»Ë˜E™•ŠR‹Æž—påÌñŠ-[Ý.»XTÇpî}“(=o}ägx²|Ío½b½+³_yðævK×C%q_gÞz†>lVhþËžŠ£ï_¤÷:¤¶g^íe‘ÄÓýU˜V×MYYWÊ±rI54¸“ž çÝß§![D£ã{ÅÎöY-ê¿Û0‘ü,£SP>Àã,ÝØuU%Æ‹Ï™#W’yÏaÂ5ÄØ,a½3¹¦HkfÌ+J>»j–Q2•¹ºœ>ÜÐ»ávíxšÈæ=Q¢ì[a5orTâ­3•mÝþ¿­Ü=ßK£±À=G.‡VËLÉ±(<ü¢•±]–I»´0 ðw­HF6áÃŒÊBË4uj ¨SÀš’¦NÔÝ‰‹}¨ÁÊ…^â›Ç)©µlÒŒ1ß–0Û­áj)Û3€Ç‡-»¾+Z™ñê£‚×CÝhN-sèÈLGŠºPNäåöQAç£þš’¦NÔÝ‰‹}¨ÁÊ…^â›Ç)©µlÒŒ1ß–0Û­áj)Û3€Ç‡-»¾+Z™ñê£‚×CÝhN-sèÈî äVÖ¡kQ)N`-S­ãzæMcóÚOÃú1×‰c²¿²7ô=Fí1¤ÀŽáŸbY%:[¡7_§¸K÷¯0@Ú­ßÂƒBA^®³ìDZ KÂ~h†+#Æ@?ó¡›y4Ú‚ †Qæ#Ï[ŽJ·Â¹ðªÏ]š#çÅ~|SA¯¡ (0¿Ó*‹In`.5å8xý¹™y(90 ,x'o*ø&; Kà¬×±¡”.Ô¥PU/Ñ"žÒˆY0.w~I«Â<ýÌëLüÏQò~vænÇl¼ï'.O3Ý~+p³2ã98'~>p—„*†1Mn/eMïWäÑh®þi,m±Ô=™ææ-Q˜ð™Hö6¼9hjkßb¶ç†õùÿêé[é|°ªÇçYµËVÙ´è†£] ƒÐvY*÷Ú<¦`D¤ü‰ÆÆG!“Oudoã€FRìåô—ušæÒýóÝþ§OvëQšÂ~šàŠ,ƒËœôõìY,BÆÛ¢å÷#H™Áq=úÌ†§`oˆö%w†æ€j«¬Q­	/€~‚Mç\Í»[Î§ùŒ°ði&O Él—WÀE’
“™ÿ³Iw5‰Ì•09×>æ7PÃ»ÿ‹³ñÐÉÊ‹[L÷G.»JÔ½zå¶	¢ý‚(µ† LzþÀ¬¿<íÏ’ˆÖùG›h‚Ûu´Â—5ÎÃh7xó/uºÝ™¼y”šÑ\}«·Ûà.JÂµï.]ý­„ºÛl7èìŒ|”lg‡l~É—w	çü3cš|;c-ÝzeÁ“)’äùî3ÆTŸ9Sã¸ÂRlFÐzLä€ëãDu^íÕLãÖHçušZÓ‚ýðí½TÑ…Û±Ö âÈ¥}(<jïž¬¯·óœñP<(ÈÄŽ+TQ‹´½§víñ…c3hžÍÒ†]id†u¢}{‹ùE´ˆUÔˆ–(£ä»d	cb#õœ˜ôx˜«Mƒ€¸˜b³T…—VI»È†<òMyÎ’‚Õùü õ{[Õ»ÓßðhÃV¨§Ÿ¿ÐŽÔé½€³Mœ´Ô3/ïÜíF‹?¥ä—Å‡<DþxfæœTþHFíòQéPÌÎå6°¾7áÊx-7%a»Çß)	ýçÂ¡Ô//)X˜Ë>ËOŠ•¼¿Ö”B­{m\ÊÖã…¤»Ëñ©ö—‡\Ú¥c¯›ëI>†PÅ<Ü³ŠÑÍnÂKžè0£¡§ù‚éˆ_ª¶3g ‘(Ùáš$ùxá;nŽmJ_ÉnkšwíÙxR™{+œök_lé7Ó’l¬ð©ä¶KL™.D)ÀdNá•3gp­1G—,ÚmtpVJ(8aF,è7cû·P	K¼NÞÖ‹P›‡Ú=3uøBPÅ<Ü³ŠÑÍnÂKžè0£¡§ù‚éˆ_ª¶3g ‘(Ùáš$ùxá;nU#cïea›û¥‘žPµ3`Eû†°Ú^<\N•ÇHæÔv!]Š• Ý°ìuïŽ½îñbë Hyö5Ž­èI]ro7Úòìr½™³²¥um„µÒöâ²ð[ö–Jµa©Ç´ðzG¦ó 9ïËûý*ÁÅ†ÀÚÕ%§€`êxä`(Þ•!÷½§w¨A)œÊ
ÆXvHQØÞZÑCVª€­.1îÊšÁbßý{*Ì1£‘7î†¿2u²Ä+ïß0õ±X8ù-•f®A´W¯ôÛÒ¸—»ƒqÜKRäÜe®ð¾k.‰EHEV›€_hFd¨2Ï±¨ºèãO¢A­¡ˆªÃy1-)¹ËéCÆáì¶ÍŽ»¬bSS¼2uRíÅ…³Cü·)ì{?°£½—UMÈˆþÏº˜ôñÓ·G +*µŒc,µ´Ñˆ°'§o
™MÚ¯#‰)ùûP&}¯Daj¹à/¿×àmZf–$Iðá ÚÔJt`5öÛ/b£	iqªÏÊEyÂ¶ãúp¸ãHÃKp
«NR¾ŒÅúýÓ8Rf&G<@Ÿ«yÂùxóbÉŒÞÙ~”¼aÝí÷	óM¼†Ÿ¨‰Ö3<O°ý­+_
ÑJÌ\‘AwŽkœÝ€¥3wÉï
¡ì’1’5i'Ï-Z·PÅp!=Ý¾ý9 DýÝ´ô—Ä˜?ýû Ÿ}ÇwœyNÜ¡J 2­™Ø¡f†
÷ä,ìoú¼oÅªéú¿«Ô‹+ÔŠÈ³³nôÛ±Î’w:ëØþXäÏ‘C#hHA!+èRûÃŠ¿ÏÚ¨k¿ÖµFùr³d]Ø#øÔÙý£`nýîo;›Í¾XŽ¯Ç¯zBEì—”h8×Qæe¢k´¶ˆ?NŒŸöðåýúî.
•ñP›äÖ{XÐÉi!•AµÌÇ]‰æt“aÒþ1gð–h%æ¼¸àÉQ-‰qBðÏj6‚Oé-¿äQXT·šÜl3ÅÐÍÁúsš3u|»âãyÒ¸6»åºg G—ügEÛEÅÐú¥‹i–¥C‡{$Ÿ´|‘À/YX±ófà!ætàê°óX¤Ñ
šh%YÝÉ	³õCZ%N—É'gÉQ½j¿Dó—L²®Š›~Õ@Jˆ¬ÿÍPæ³óžO¾ã¯UBBéDBL¸cƒ/æ÷f!ëP©°ðB75°†‚²3˜áO·1Â´ÎlE1bS¼“²ýl=ŸhgçÞ,õ½žm¯´Jqw®ð™Hö6¼9hjkßb¶ç†ú™ˆ Åùœ¼Uþ©­­¸¸j“Â WŸ»„q¹‚SrrI54¸“ž çÝß§!¯öUiƒFPÄÿ×~®0¶;ßí*4ú¡ŠÌÙx7o	lÇL‘kÈ£¹_Z?Ûûz©[£©+ÔŽ¤#äÚµºdÄ6_%%þ÷1ù”î1ëtop: 70px !important;
      padding-left: 0 !important;
    }

    body.sb-open {
      padding-left: 0 !important;
    }

    @media (max-width: 991px) {
      body.sb-open {
        padding-left: 0 !important;
      }
    }

    /* ===== COLORES UTILITARIOS LEGACY ===== */
    .text-rojo { color: #94b742; }
    .btn-rojo { background: #94b742 !important; color: white !important; border-color: #94b742 !important; }
    .btn-rojo:hover { background: #7d9839 !important; color: white !important; border-color: #7d9839 !important; }
    .btn-verde { background: #94b742 !important; color: white !important; }
    .btn-verde:hover { background: #7d9839 !important; color: white !important; }
    .btn-azul { background-color: #94b742 !important; color: white !important; }
    .btn-azul:hover { background-color: #7d9839 !important; color: white !important; }
    .text-verde { color: #94b742; }

    .btn-primary { background: #94b742 !important; border-color: #94b742 !important; color: white !important; }
    .btn-primary:hover { background: #7d9839 !important; border-color: #7d9839 !important; color: white !important; }
    .btn-primary:focus, .btn-primary.focus { background: #7d9839 !important; border-color: #7d9839 !important; box-shadow: 0 0 0 0.2rem rgba(148, 183, 66, 0.5) !important; }
    .btn-primary:active, .btn-primary.active { background: #6b8531 !important; border-color: #6b8531 !important; }
    .btn-outline-primary { color: #94b742 !important; border-color: #94b742 !important; background: transparent !important; }
    .btn-outline-primary:hover { background: #94b742 !important; border-color: #94b742 !important; color: white !important; }

    .btn-olivo { background: #94b742 !important; color: white !important; border-color: #94b742 !important; }
    .btn-olivo:hover { background: #7d9839 !important; color: white !important; border-color: #7d9839 !important; }
    .btn-purpura { background: #94b742 !important; color: white !important; }
    .btn-purpura:hover { background: #7d9839 !important; color: white !important; }
    .btn-orange { background: #ffc419; color: black; }
    .btn-ubuntu { background: #94b742 !important; color: white !important; }
    .btn-ubuntu:hover { background: #7d9839 !important; color: white !important; }
    .text-ubuntu { color: #94b742; }
    .text-olivo { color: #94b742; }
    .bold { font-weight: bolder; }
    .wsbutton { background-color: #94b742 !important; color: white !important; }
    .wsbutton:hover { background-color: #7d9839 !important; color: white !important; }
    .wstext { color: #94b742; }
    .isable { color: currentColor; cursor: not-allowed; opacity: 0.5; text-decoration: none; }

    /* ===== NAVBAR PROFESIONAL ===== */
    .navbar.navbar-default#barra {
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      z-index: 1050 !important;
      background: linear-gradient(135deg, #1e293b 0%, #334155 50%, #1e293b 100%) !important;
      border: none !important;
      border-bottom: 1px solid rgba(99, 102, 241, 0.15) !important;
      box-shadow: 0 4px 30px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(99, 102, 241, 0.1) !important;
      min-height: 70px !important;
      font-family: 'Ubuntu', sans-serif !important;
      backdrop-filter: blur(20px) !important;
      -webkit-backdrop-filter: blur(20px) !important;
    }

    /* LÃ­nea decorativa superior con gradiente */
    .navbar.navbar-default#barra::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
      background: linear-gradient(90deg, #6366f1, #a855f7, #6366f1);
      z-index: 1;
    }

    /* Efecto sutil de partÃ­culas/glow */
    .navbar.navbar-default#barra::after {
      content: '';
      position: absolute;
      top: 0;
      right: 15%;
      width: 200px;
      height: 100%;
      background: radial-gradient(ellipse at center, rgba(99, 102, 241, 0.06) 0%, transparent 70%);
      pointer-events: none;
    }

    .navbar.navbar-default#barra .container-fluid {
      display: flex;
      align-items: center;
      min-height: 70px;
      padding: 0 20px;
      flex-wrap: nowrap;
    }

    .navbar.navbar-default#barra .navbar-header {
      display: flex;
      align-items: center;
      float: none;
      flex-shrink: 0;
      margin-right: 0;
      gap: 4px;
    }

    /* Logo siempre visible junto al botÃ³n */
    .nb-brand-logo {
      display: flex;
      align-items: center;
      padding: 0 8px;
      text-decoration: none !important;
      flex-shrink: 0;
    }

    .nb-brand-logo img {
      filter: brightness(0) invert(1);
      opacity: 0.95;
      width: 140px;
    }

    .nb-brand-logo:hover img {
      opacity: 1;
    }

    /* Hamburger button - hidden on desktop, shown on mobile */
    .nb-hamburger-btn {
      display: none;
      background: rgba(99, 102, 241, 0.1);
      border: 1px solid rgba(99, 102, 241, 0.15);
      padding: 8px 10px;
      cursor: pointer;
      color: rgba(226, 232, 240, 0.8);
      font-size: 16px;
      border-radius: 10px;
      align-items: center;
      justify-content: center;
      width: 38px;
      height: 38px;
      flex-shrink: 0;
    }

    .nb-hamburger-btn:hover {
      background: rgba(99, 102, 241, 0.2);
      color: #fff;
      border-color: rgba(99, 102, 241, 0.3);
    }

    .nb-hamburger-btn.active {
      background: rgba(99, 102, 241, 0.25);
      color: #fff;
      border-color: rgba(99, 102, 241, 0.4);
    }

    /* Collapse ocupa el espacio restante - desktop */
    .navbar.navbar-default#barra .navbar-collapse {
      flex: 1;
      display: flex !important;
      align-items: center;
      justify-content: space-between;
      padding: 0 !important;
      border: none !important;
      box-shadow: none !important;
      overflow: visible !important;
    }

    .navbar.navbar-default#barra .navbar-collapse.collapse {
      display: flex !important;
      height: auto !important;
    }

    .navbar.navbar-default#barra .navbar-nav {
      display: flex;
      align-items: center;
      flex-wrap: nowrap;
    }

    .navbar.navbar-default#barra .navbar-nav > li > a {
      color: rgba(226, 232, 240, 0.9) !important;
      font-size: 13px !important;
      font-weight: 600 !important;
      padding: 10px 14px !important;
      display: flex;
      align-items: center;
      gap: 7px;
      border-radius: 12px;
      margin: 0 2px;
      position: relative;
      letter-spacing: 0.5px;
      text-transform: uppercase !important;
    }

    .navbar.navbar-default#barra .navbar-nav > li > a:hover,
    .navbar.navbar-default#barra .navbar-nav > li.open > a {
      color: #fff !important;
      background: rgba(99, 102, 241, 0.15) !important;
    }

    /* Capsule icons mejorados */
    .nb-icon {
      width: 26px;
      height: 26px;
      border-radius: 8px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      flex-shrink: 0;
    }

    /* Iconos del navbar desde img2 */
    .navbar.navbar-default#barra .nb-icon i.fa,
    .navbar.navbar-default#barra .dropdown-menu i.fa {
      display: inline-block;
      width: 20px;
      height: 20px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      color: transparent !important;
      font-size: 0 !important;
      line-height: 0 !important;
      vertical-align: middle;
    }

    .navbar.navbar-default#barra i.fa-cash-register { background-image: url('../img2/caja.png'); }
    .navbar.navbar-default#barra i.fa-clock { background-image: url('../img2/espera.png'); }
    .navbar.navbar-default#barra i.fa-chart-bar { background-image: url('../img2/ventas.png'); }
    .navbar.navbar-default#barra i.fa-list { background-image: url('../img2/documentos.png'); }
    .navbar.navbar-default#barra i.fa-history { background-image: url('../img2/kardex.png'); }
    .navbar.navbar-default#barra i.fa-arrow-circle-down { background-image: url('../img2/dinero.png'); }
    .navbar.navbar-default#barra i.fa-arrow-circle-up { background-image: url('../img2/dinerobox.png'); }
    .navbar.navbar-default#barra i.fa-coins { background-image: url('../img2/resultados.png'); }
    .navbar.navbar-default#barra i.fa-exchange-alt { background-image: url('../img2/transferir.png'); }
    .navbar.navbar-default#barra i.fa-file-alt { background-image: url('../img2/factura.png'); }
    .navbar.navbar-default#barra i.fa-users { background-image: url('../img2/cliente.png'); }
    .navbar.navbar-default#barra i.fa-truck { background-image: url('../img2/suplidores.png'); }
    .navbar.navbar-default#barra i.fa-cart-arrow-down { background-image: url('../img2/compra.png'); }
    .navbar.navbar-default#barra i.fa-receipt { background-image: url('../img2/factura2.png'); }
    .navbar.navbar-default#barra i.fa-file-invoice-dollar { background-image: url('../img2/pago.png'); }
    .navbar.navbar-default#barra i.fa-cubes { background-image: url('../img2/productos.png'); }
    .navbar.navbar-default#barra i.fa-database { background-image: url('../img2/producto2.png'); }
    .navbar.navbar-default#barra i.fa-calendar-times { background-image: url('../img2/vencido.png'); }
    .navbar.navbar-default#barra i.fa-chart-line { background-image: url('../img2/reporte.png'); }
    .navbar.navbar-default#barra i.fa-star { background-image: url('../img2/reporte2.png'); }
    .navbar.navbar-default#barra i.fa-boxes { background-image: url('../img2/reporte4.png'); }
    .navbar.navbar-default#barra i.fa-exclamation,
    .navbar.navbar-default#barra i.fa-exclamation-triangle { background-image: url('../img2/agotados.png'); }
    .navbar.navbar-default#barra i.fa-times-circle,
    .navbar.navbar-default#barra i.fa-times { background-image: url('../img2/eliminar.png'); }
    .navbar.navbar-default#barra i.fa-clipboard-list { background-image: url('../img2/documentos.png'); }
    .navbar.navbar-default#barra i.fa-balance-scale { background-image: url('../img2/documentos.png'); }
    .navbar.navbar-default#barra i.fa-folder-open,
    .navbar.navbar-default#barra i.fa-book { background-image: url('../img2/documentos.png'); }
    .navbar.navbar-default#barra i.fa-file-pdf { background-image: url('../img2/documentos.png'); }
    .navbar.navbar-default#barra i.fa-undo { background-image: url('../img2/transferir.png'); }
    .navbar.navbar-default#barra i.fa-certificate { background-image: url('../img2/tarjeta.png'); }
    .navbar.navbar-default#barra i.fa-cog,
    .navbar.navbar-default#barra i.fa-tools,
    .navbar.navbar-default#barra i.fa-sitemap,
    .navbar.navbar-default#barra i.fa-link { background-image: url('../img2/administrar.png'); }
    .navbar.navbar-default#barra i.fa-trash,
    .navbar.navbar-default#barra i.fa-ban { background-image: url('../img2/borrar.png'); }
    .navbar.navbar-default#barra i.fa-id-badge,
    .navbar.navbar-default#barra i.fa-user-cog,
    .navbar.navbar-default#barra i.fa-user-circle { background-image: url('../img2/usuarios.png'); }
    .navbar.navbar-default#barra i.fa-sign-out-alt { background-image: url('../img2/salir.png'); }

    .nb-blue { background: rgba(59, 130, 246, 0.15); color: #3b82f6; }
    .nb-green { background: rgba(34, 197, 94, 0.15); color: #16a34a; }
    .nb-purple { background: rgba(168, 85, 247, 0.15); color: #a855f7; }
    .nb-amber { background: rgba(245, 158, 11, 0.15); color: #d97706; }
    .nb-red { background: rgba(239, 68, 68, 0.15); color: #ef4444; }
    .nb-cyan { background: rgba(6, 182, 212, 0.15); color: #0891b2; }
    .nb-indigo { background: rgba(99, 102, 241, 0.15); color: #6366f1; }

    /* Dropdown mejorado */
    .navbar.navbar-default#barra .dropdown-menu {
      border: 1px solid rgba(99, 102, 241, 0.1) !important;
      border-radius: 16px !important;
      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255,255,255,0.05) !important;
      padding: 10px !important;
      margin-top: 8px !important;
      min-width: 250px !important;
      background: #ffffff !important;
    }

    .navbar.navbar-default#barra .dropdown-menu > li > a {
      border-radius: 10px !important;
      padding: 9px 14px !important;
      color: #374151 !important;
      font-size: 13px !important;
      font-weight: 500 !important;
      display: flex !important;
      align-items: center;
      gap: 10px;
      margin: 1px 0;
      text-transform: uppercase !important;
      letter-spacing: 0.3px;
    }

    .navbar.navbar-default#barra .dropdown-menu > li > a:hover {
      background: linear-gradient(135deg, rgba(99, 102, 241, 0.08), rgba(168, 85, 247, 0.06)) !important;
      color: #6366f1 !important;
    }

    .navbar.navbar-default#barra .dropdown-menu > li.divider {
      margin: 6px 10px !important;
      background: linear-gradient(90deg, transparent, #e2e8f0, transparent) !important;
      height: 1px !important;
    }

    .nb-section-header {
      padding: 8px 14px 3px !important;
      font-size: 9.5px !important;
      font-weight: 800 !important;
      color: #94a3b8 !important;
      text-transform: uppercase !important;
      letter-spacing: 1.2px !important;
      pointer-events: none !important;
    }

    /* User pill en navbar */
    .nb-user-pill {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px 14px;
    }

    .nb-user-avatar {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      background: linear-gradient(135deg, #6366f1, #a855f7);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      color: white;
      font-weight: 800;
      box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
    }

    .nb-caja-badge {
      background: linear-gradient(135deg, rgba(34, 197, 94, 0.15), rgba(34, 197, 94, 0.08));
      color: #22c55e;
      border: 1px solid rgba(34, 197, 94, 0.2);
      border-radius: 8px;
      padding: 3px 10px;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.3px;
    }

    /* Caret mejorado */
    .navbar.navbar-default#barra .caret {
      border-top-color: rgba(255, 255, 255, 0.5) !important;
    }

    /* Navbar toggle hamburger - hide Bootstrap default completely */
    .navbar.navbar-default#barra .navbar-toggle {
      display: none !important;
    }

    /* Zona usuario derecha */
    .navbar.navbar-default#barra .navbar-right {
      margin-left: auto;
      float: none !important;
      flex-shrink: 0;
    }

    .navbar.navbar-default#barra .navbar-right > li > a {
      padding: 8px 14px !important;
      border-radius: 14px;
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.08);
      margin: 0 8px;
    }

    .navbar.navbar-default#barra .navbar-right > li > a:hover,
    .navbar.navbar-default#barra .navbar-right > li.open > a {
      background: rgba(99, 102, 241, 0.15) !important;
      border-color: rgba(99, 102, 241, 0.2);
    }

    #lb-usuario {
      color: rgba(226, 232, 240, 0.9) !important;
      font-weight: 600 !important;
      font-size: 12px !important;
      text-transform: uppercase !important;
    }

    .nb-caja-badge {
      text-transform: uppercase !important;
    }

    /* ===== GLASS CARDS ===== */
    .container,
    .panel,
    .panel-default {
      background: #ffffff !important;
      border-radius: 16px !important;
      border: 1px solid rgba(148, 183, 66, 0.25) !important;
      border-top: 4px solid #94b742 !important;
      box-shadow: none !important;
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
      transition: none !important;
      animation: none !important;
      margin-top: 28px;
    }

    /* Exclusiones: navbar, modales y dropdowns NO deben tener borde olivo ni margin-top */
    .navbar .container,
    .navbar .container-fluid,
    .navbar .panel,
    .modal .container,
    .modal .panel,
    .modal-content,
    .dropdown-menu {
      border-top: none !important;
      margin-top: 0 !important;
    }

    .modal .panel,
    .modal .container {
      margin-top: 0 !important;
      border-top: none !important;
    }

    /* Sin sombras ni animaciones en contenedores de mÃ³dulos */
    .panel-default > .panel-heading,
    .panel-default > .panel-body,
    .panel-default > .panel-footer,
    .panel-group .panel,
    .well,
    .container > .row,
    .container-fluid > .row {
      box-shadow: none !important;
      animation: none !important;
      transition: none !important;
      backdrop-filter: none !important;
    }

    .modal-content {
      border-radius: 16px;
      border: 1px solid #e2e8f0;
      box-shadow: 0 4px 24px rgba(0,0,0,0.12);
      animation: none;
      transition: none;
    }

    /* ===== INPUTS ===== */
    .form-control {
      border-radius: 8px;
      font-size: 14px;
      color: #374151;
      border: 1.5px solid #e5e7eb;
      padding: 8px 12px;
      height: auto;
    }

    .form-control:focus {
      border-color: #94b742 !important;
      box-shadow: 0 0 0 3px rgba(148, 183, 66, 0.2) !important;
      outline: none !important;
    }

    input[type="text"],
    input[type="number"],
    input[type="search"],
    input[type="date"],
    input[type="password"],
    input[type="email"],
    input[type="tel"],
    select,
    textarea {
      border: 1.5px solid #e5e7eb !important;
      background: #fff !important;
      border-radius: 8px !important;
      padding: 8px 12px;
      width: 100%;
      font-size: 14px;
      color: #374151;
    }

    input[type="text"]:focus,
    input[type="number"]:focus,
    input[type="search"]:focus,
    input[type="date"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus,
    input[type="tel"]:focus,
    select:focus,
    textarea:focus {
      outline: none !important;
      border-color: #94b742 !important;
      box-shadow: 0 0 0 3px rgba(148, 183, 66, 0.2) !important;
    }

    /* ===== TÃTULOS PRINCIPALES ===== */
    h1, h2, h3, .h1, .h2, .h3,
    .panel-title,
    .modal-title,
    .page-header,
    legend {
      color: #4a4f74 !important;
      font-weight: 700;
    }

    h4, h5, h6, .h4, .h5, .h6 {
      color: #4a4f74 !important;
      font-weight: 600;
    }

    .panel-default > .panel-heading {
      background: linear-gradient(135deg, #eef0f7, #e4e6f0) !important;
      color: #4a4f74 !important;
      border-bottom: 1px solid rgba(74, 79, 116, 0.15) !important;
      font-weight: 700 !important;
      border-radius: 16px 16px 0 0 !important;
    }

    .panel-default > .panel-heading .panel-title {
      color: #4a4f74 !important;
      font-weight: 700 !important;
    }

    /* ===== BOTONES ESTILO BOOTSTRAP 4 - VERDE OLIVO ===== */
    .btn {
      display: inline-block !important;
      font-weight: 600 !important;
      text-align: center !important;
      white-space: nowrap !important;
      vertical-align: middle !important;
      user-select: none !important;
      border: 1px solid transparent !important;
      padding: 8px 18px !important;
      font-size: 14px !important;
      line-height: 1.5 !important;
      border-radius: 8px !important;
      cursor: pointer !important;
      text-transform: none !important;
      letter-spacing: 0.2px !important;
      font-family: 'Ubuntu', 'Segoe UI', Arial, sans-serif !important;
    }

    .btn:hover {
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    }

    .btn:active {
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    }

    .btn:focus, .btn.focus {
      outline: 0 !important;
      box-shadow: 0 0 0 3px rgba(148, 183, 66, 0.3) !important;
    }

    .btn:disabled, .btn.disabled {
      opacity: 0.65 !important;
      cursor: not-allowed !important;
      transform: none !important;
      box-shadow: none !important;
    }

    /* BotÃ³n pequeÃ±o */
    .btn-sm, .btn-group-sm > .btn {
      padding: 5px 12px !important;
      font-size: 12px !important;
      line-height: 1.5 !important;
      border-radius: 6px !important;
    }

    /* BotÃ³n grande */
    .btn-lg, .btn-group-lg > .btn {
      padding: 10px 24px !important;
      font-size: 16px !important;
      line-height: 1.5 !important;
      border-radius: 10px !important;
    }

    /* BotÃ³n extra pequeÃ±o */
    .btn-xs {
      padding: 3px 8px !important;
      font-size: 11px !important;
      line-height: 1.5 !important;
      border-radius: 5px !important;
    }

    /* BotÃ³n block */
    .btn-block {
      display: block !important;
      width: 100% !important;
    }

    /* PRIMARY - Verde Olivo (principal) */
    .btn-primary {
      background-color: #94b742 !important;
      border-color: #94b742 !important;
      color: #fff !important;
    }
    .btn-primary:hover {
      background-color: #7d9839 !important;
      border-color: #7d9839 !important;
      color: #fff !important;
    }
    .btn-primary:focus, .btn-primary.focus {
      background-color: #7d9839 !important;
      border-color: #6b8531 !important;
      box-shadow: 0 0 0 3px rgba(148, 183, 66, 0.4) !important;
    }
    .btn-primary:active, .btn-primary.active {
      background-color: #6b8531 !important;
      border-color: #5a7228 !important;
    }

    /* SUCCESS - Verde Olivo (consistente) */
    .btn-success {
      background-color: #94b742 !important;
      border-color: #94b742 !important;
      color: #fff !important;
    }
    .btn-success:hover {
      background-color: #7d9839 !important;
      border-color: #7d9839 !important;
      color: #fff !important;
    }
    .btn-success:focus, .btn-success.focus {
      box-shadow: 0 0 0 3px rgba(148, 183, 66, 0.4) !important;
    }
    .btn-success:active, .btn-success.active {
      background-color: #6b8531 !important;
      border-color: #5a7228 !important;
    }

    /* DANGER - Verde Olivo mÃ¡s oscuro (reemplaza rojo) */
    .btn-danger {
      background-color: #6b8531 !important;
      border-color: #6b8531 !important;
      color: #fff !important;
    }
    .btn-danger:hover {
      background-color: #5a7228 !important;
      border-color: #5a7228 !important;
      color: #fff !important;
    }
    .btn-danger:focus, .btn-danger.focus {
      box-shadow: 0 0 0 3px rgba(107, 133, 49, 0.4) !important;
    }
    .btn-danger:active, .btn-danger.active {
      background-color: #4a5f20 !important;
      border-color: #4a5f20 !important;
    }

    /* WARNING - Verde Olivo claro */
    .btn-warning {
      background-color: #a8c955 !important;
      border-color: #a8c955 !important;
      color: #fff !important;
    }
    .btn-warning:hover {
      background-color: #94b742 !important;
      border-color: #94b742 !important;
      color: #fff !important;
    }
    .btn-warning:focus, .btn-warning.focus {
      box-shadow: 0 0 0 3px rgba(168, 201, 85, 0.4) !important;
    }

    /* INFO - Verde Olivo medio */
    .btn-info {
      background-color: #7d9839 !important;
      border-color: #7d9839 !important;
      color: #fff !important;
    }
    .btn-info:hover {
      background-color: #6b8531 !important;
      border-color: #6b8531 !important;
      color: #fff !important;
    }
    .btn-info:focus, .btn-info.focus {
      box-shadow: 0 0 0 3px rgba(125, 152, 57, 0.4) !important;
    }

    /* DEFAULT - Neutral suave */
    .btn-default {
      background-color: #f1f5f9 !important;
      border-color: #d1d5db !important;
      color: #4b5563 !important;
    }
    .btn-default:hover {
      background-color: #e2e8f0 !important;
      border-color: #94b742 !important;
      color: #374151 !important;
    }
    .btn-default:focus, .btn-default.focus {
      box-shadow: 0 0 0 3px rgba(148, 183, 66, 0.2) !important;
    }

    /* LINK */
    .btn-link {
      color: #94b742 !important;
      background: transparent !important;
      border-color: transparent !important;
      text-decoration: none !important;
      font-weight: 600 !important;
    }
    .btn-link:hover {
      color: #6b8531 !important;
      text-decoration: underline !important;
      box-shadow: none !important;
      transform: none !important;
    }

    /* Outline variants */
    .btn-outline-primary {
      color: #94b742 !important;
      border-color: #94b742 !important;
      background: transparent !important;
    }
    .btn-outline-primary:hover {
      background: #94b742 !important;
      color: #fff !important;
    }

    .btn-outline-success {
      color: #94b742 !important;
      border-color: #94b742 !important;
      background: transparent !important;
    }
    .btn-outline-success:hover {
      background: #94b742 !important;
      color: #fff !important;
    }

    .btn-outline-danger {
      color: #6b8531 !important;
      border-color: #6b8531 !important;
      background: transparent !important;
    }
    .btn-outline-danger:hover {
      background: #6b8531 !important;
      color: #fff !important;
    }

    /* Textos principales */
    .text-primary { color: #4a4f74 !important; }
    .text-success { color: #16a34a !important; }
    .text-info { color: #4a4f74 !important; }
    .text-danger { color: #dc2626 !important; }

    /* Labels/badges */
    .label-primary, .badge-primary { background-color: #4a4f74 !important; }
    .label-success, .badge-success { background-color: #16a34a !important; }
    .label-danger, .badge-danger { background-color: #dc2626 !important; }
    .label-info, .badge-info { background-color: #4a4f74 !important; }
    .label-warning, .badge-warning { background-color: #f59e0b !important; }

    /* ===== TABLE ===== */
    table, td, th { border-collapse: collapse; font-size: 15px; text-align: left; }
    td { padding: 8px 10px; color: #334155; }
    th { font-size: 13px; font-weight: 700; background: linear-gradient(180deg, #f3f5f8 0%, #e5e9ef 100%); color: #4b5563; border: 1px solid #d1d7e0; text-transform: uppercase; letter-spacing: .4px; padding: 7px 10px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7); }

    /* DataTables header override */
    table.dataTable thead th,
    table.dataTable thead td,
    .table > thead > tr > th,
    .table-bordered > thead > tr > th {
      background: linear-gradient(180deg, #f3f5f8 0%, #e5e9ef 100%) !important;
      color: #4b5563 !important;
      border-color: #d1d7e0 !important;
      font-weight: 700;
    }

    .table-striped > tbody > tr:nth-of-type(odd) { background: #f8f8fb; }
    .table-striped > tbody > tr:nth-of-type(even) { background: #fff; }
    .table > tbody > tr > td { color: #334155; }

    /* ===== MISC ===== */
    .scroll-md { max-height: 300px; overflow-y: scroll; }
    .icon { width: 40px; margin-bottom: -5px; }
    .icono { width: 40px; }
    .ml-2 { margin-left: 8px; }
    .mr-2 { margin-right: 8px; }
    .mt-2 { margin-top: 8px; }
    .mb-2 { margin-bottom: 8px; }

    /* ===== SIDEBAR ===== */
    :root {
      --sb-width: 270px;
      --sb-bg: #1e293b;
    }

    #sb-overlay {
      display: none;
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.5);
      z-index: 1039;
      backdrop-filter: blur(4px);
    }

    #sb-overlay.open { display: block; }

    @media (min-width: 992px) {
      #sb-overlay { display: none !important; }
    }

    #sidebar {
      position: fixed;
      top: 70px;
      left: 0;
      width: var(--sb-width);
      height: calc(100vh - 70px);
      background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
      z-index: 1041;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      box-shadow: 4px 0 30px rgba(0, 0, 0, 0.3);
      font-family: 'Ubuntu', sans-serif;
      border-right: 1px solid rgba(99, 102, 241, 0.1);
    }

    #sidebar.closed { left: calc(-1 * var(--sb-width)); }

    .sb-head {
      padding: 16px 20px 12px;
      background: rgba(99, 102, 241, 0.05);
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid rgba(99, 102, 241, 0.1);
      flex-shrink: 0;
    }

    .sb-logo { display: flex; align-items: center; gap: 10px; }
    .sb-logo img { width: 34px; border-radius: 9px; }
    .sb-logo span { font-size: 15px; font-weight: 800; color: white; }

    .sb-close {
      background: rgba(255, 255, 255, 0.08);
      border: none;
      color: white;
      width: 30px;
      height: 30px;
      border-radius: 7px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .sb-close:hover { background: rgba(255, 255, 255, 0.18); }

    .sb-user {
      padding: 12px 18px;
      background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(168, 85, 247, 0.05));
      border-bottom: 1px solid rgba(255, 255, 255, 0.04);
      display: flex;
      align-items: center;
      gap: 10px;
      flex-shrink: 0;
    }

    .sb-user-avatar {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      background: linear-gradient(135deg, #6366f1, #a855f7);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      color: white;
      font-weight: 700;
      flex-shrink: 0;
      box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
    }

    .sb-user-name { font-size: 13px; font-weight: 700; color: white; }
    .sb-user-role { font-size: 10px; color: #94a3b8; font-weight: 600; text-transform: uppercase; }

    .sb-nav {
      flex: 1;
      overflow-y: auto;
      padding: 8px 0 20px;
    }

    .sb-nav::-webkit-scrollbar { width: 3px; }
    .sb-nav::-webkit-scrollbar-thumb { background: rgba(99, 102, 241, 0.2); border-radius: 3px; }

    .sb-section {
      padding: 12px 16px 3px;
      font-size: 9px;
      font-weight: 800;
      color: #475569;
      text-transform: uppercase;
      letter-spacing: 1.2px;
    }

    .sb-item {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 8px 14px;
      margin: 1px 8px;
      border-radius: 10px;
      text-decoration: none !important;
      color: rgba(226, 232, 240, 0.8) !important;
      font-size: 13px;
      font-weight: 500;
      cursor: pointer;
    }

    .sb-item:hover {
      background: linear-gradient(135deg, rgba(99, 102, 241, 0.15), rgba(168, 85, 247, 0.08));
      color: white !important;
    }

    .sb-icon {
      width: 35px;
      height: 35px;
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      flex-shrink: 0;
    }

    .ic-blue { background: rgba(59, 130, 246, 0.15); color: #60a5fa; }
    .ic-green { background: rgba(34, 197, 94, 0.15); color: #4ade80; }
    .ic-purple { background: rgba(168, 85, 247, 0.15); color: #c084fc; }
    .ic-amber { background: rgba(245, 158, 11, 0.15); color: #fbbf24; }
    .ic-red { background: rgba(239, 68, 68, 0.15); color: #f87171; }
    .ic-cyan { background: rgba(6, 182, 212, 0.15); color: #22d3ee; }
    .ic-pink { background: rgba(236, 72, 153, 0.15); color: #f472b6; }
    .ic-indigo { background: rgba(99, 102, 241, 0.15); color: #818cf8; }

    .sb-divider {
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(99, 102, 241, 0.1), transparent);
      margin: 5px 14px;
    }

    /* ===== RESPONSIVE NAVBAR ===== */
    @media (max-width: 991px) {
      .navbar.navbar-default#barra {
        min-height: 56px !important;
      }

      .navbar.navbar-default#barra .container-fluid {
        min-height: 56px;
        padding: 0 10px;
        position: relative;
        flex-wrap: nowrap;
      }

      body {
        padding-top: 56px !important;
      }

      #sidebar {
        top: 56px;
        height: calc(100vh - 56px);
      }

      .nb-brand-logo img {
        width: 110px;
      }

      /* Show hamburger on mobile/tablet */
      .nb-hamburger-btn {
        display: flex;
        order: 3;
        margin-left: auto;
      }

      /* Navbar header takes full width on mobile */
      .navbar.navbar-default#barra .navbar-header {
        width: 100%;
      }

      /* Collapse is hidden by default on mobile */
      .navbar.navbar-default#barra .navbar-collapse {
        display: none !important;
        position: absolute;
        top: 56px;
        left: 0;
        right: 0;
        background: linear-gradient(180deg, #1e293b, #0f172a) !important;
        border-top: 1px solid rgba(99, 102, 241, 0.15) !important;
        padding: 10px 15px !important;
        max-height: 85vh;
        overflow-y: auto;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
        z-index: 1060;
        flex-direction: column;
        align-items: stretch !important;
        border-radius: 0 0 16px 16px;
      }

      /* Show when opened */
      .navbar.navbar-default#barra .navbar-collapse.nb-open {
        display: block !important;
      }

      /* Override Bootstrap collapse defaults for mobile */
      .navbar.navbar-default#barra .navbar-collapse.collapse {
        display: none !important;
        height: auto !important;
      }

      .navbar.navbar-default#barra .navbar-collapse.collapse.nb-open {
        display: block !important;
        height: auto !important;
      }

      .navbar.navbar-default#barra .navbar-nav {
        display: block !important;
        margin: 0;
        float: none !important;
        flex-direction: column;
      }

      .navbar.navbar-default#barra .navbar-nav > li {
        display: block;
        float: none !important;
      }

      .navbar.navbar-default#barra .navbar-nav > li > a {
        padding: 12px 16px !important;
        margin: 2px 0;
        border-radius: 10px;
        display: flex !important;
      }

      /* User section at bottom of mobile menu */
      .navbar.navbar-default#barra .navbar-right {
        border-top: 1px solid rgba(99, 102, 241, 0.1);
        padding-top: 8px;
        margin-top: 8px;
        margin-left: 0 !important;
      }

      .navbar.navbar-default#barra .navbar-right > li > a {
        margin: 2px 0 !important;
        background: rgba(99, 102, 241, 0.08) !important;
      }

      /* Dropdown menus inside mobile collapse */
      .navbar.navbar-default#barra .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        background: rgba(15, 23, 42, 0.5) !important;
        border: none !important;
        box-shadow: none !important;
        margin-top: 4px !important;
        border-radius: 12px !important;
        animation: none !important;
      }

      .navbar.navbar-default#barra .dropdown-menu > li > a {
        color: rgba(226, 232, 240, 0.85) !important;
      }

      .navbar.navbar-default#barra .dropdown-menu > li > a:hover {
        color: #fff !important;
        background: rgba(99, 102, 241, 0.15) !important;
      }

      .nb-section-header {
        color: rgba(99, 102, 241, 0.6) !important;
      }

      /* Indicador activo no necesario en mÃ³vil */
      .navbar.navbar-default#barra .navbar-nav > li.open > a::after {
        display: none;
      }
    }

    /* Tablet/Desktop: comprimir items when space is tight */
    @media (min-width: 992px) and (max-width: 1350px) {
      .navbar.navbar-default#barra .navbar-nav > li > a {
        font-size: 11px !important;
        padding: 8px 6px !important;
        gap: 3px;
      }

      .navbar.navbar-default#barra .navbar-nav > li > a .caret {
        display: none !important;
      }

      .nb-icon {
        width: 20px;
        height: 20px;
      }

      .nb-brand-logo img {
        width: 100px;
      }

      .nb-caja-badge {
        display: none !important;
      }
    }

    /* Extra-small desktop: only icons, hide text labels */
    @media (min-width: 992px) and (max-width: 1150px) {
      .navbar.navbar-default#barra .navbar-nav > li > a {
        font-size: 0px !important;
        padding: 8px 10px !important;
        gap: 0;
      }
      .navbar.navbar-default#barra .navbar-nav > li > a .nb-icon {
        width: 24px;
        height: 24px;
      }
      .navbar.navbar-default#barra .navbar-nav > li > a .caret {
        display: none !important;
      }
      .navbar.navbar-default#barra .navbar-right > li > a {
        font-size: 0px !important;
      }
      .navbar.navbar-default#barra .navbar-right > li > a .nb-icon {
        width: 24px; height: 24px;
      }
      .navbar.navbar-default#barra .navbar-right > li > a #lb-usuario {
        display: none !important;
      }
      .nb-brand-logo img {
        width: 90px;
      }
    }

    /* Very large screens */
    @media (min-width: 1351px) {
      .navbar.navbar-default#barra .container-fluid {
        padding: 0 24px;
      }
    }

    @media print {
      #sidebar,
      #sb-overlay,
      #barra,
      .navbar,
      .sb-head,
      .sb-user,
      .sb-nav {
        display: none !important;
        visibility: hidden !important;
      }

      body,
      body.sb-open {
        padding-left: 0 !important;
        padding-top: 0 !important;
        margin: 0 !important;
        background: #fff !important;
      }
    }
  </style>
</head>

<body>

  <!-- ===== NAVBAR ===== -->
  <nav class="navbar navbar-default fixed-top" id="barra" style="margin-top:0;">
    <div class="container-fluid">
      <div class="navbar-header">
        <!-- Logo siempre visible -->
        <a href="../menu/menu.php" class="nb-brand-logo">
          <img src="../LOGOS/nbpos.png" alt="NbPOS">
        </a>

        <!-- BotÃ³n hamburguesa unificado para mÃ³vil -->
        <button type="button" id="nb-menu-toggle" class="nb-hamburger-btn" aria-label="MenÃº">
          <span id="nb-toggle-icon">â˜°</span>
        </button>
      </div>
      <div class="navbar-collapse collapse" id="navbar-collapse">
        <ul class="nav navbar-nav">

          <!-- Caja -->
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="nb-icon nb-green">ðŸ’°</span> Caja <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="javascript:void(0)" onclick="_nueva_venta()"><span class="nb-icon nb-green">ðŸ’°</span> Nueva venta</a></li>
              <li><a href="../pos/ventas_abiertas.php"><span class="nb-icon nb-amber">â°</span>
                  Ventas en espera</a></li>
              <li><a href="../pos/ventas.php"><span class="nb-icon nb-blue">ðŸ“Š</span>
                  Ventas del dÃ­a</a></li>
              <li><a href="../pos/venta_detalle.php"><span class="nb-icon nb-blue">ðŸ“‹</span>
                  Ventas por productos</a></li>
              <li><a href="../pos/todas_ventas.php"><span class="nb-icon nb-blue">ðŸ“œ</span>
                  Todas las ventas</a></li>
              <li role="separator" class="divider"></li>
              <li><a href="../pos/ingresos.php"><span class="nb-icon nb-green">â¬‡ï¸</span> Ingresos</a></li>
              <li><a href="../pos/egresos.php"><span class="nb-icon nb-red">â¬†ï¸</span>
                  Egresos</a></li>
              <li><a href="../pos/resultados.php"><span class="nb-icon nb-purple">ðŸª™</span>
                  Movimientos de caja</a></li>
              <li><a href="../pos/operaciones_usuario.php"><span class="nb-icon nb-indigo">ðŸ‘¤</span> Operaciones por usuario</a></li>
              <li role="separator" class="divider"></li>
              <li><a href="../pos/turnos_caja.php"><span class="nb-icon nb-indigo">ðŸšª</span> Apertura y Cierre de Caja</a></li>
              <li><a href="../pos/devoluciones.php"><span class="nb-icon nb-amber">ðŸ”„</span> Devoluciones</a></li>
              <li><a href="../pos/cotizaciones.php"><span class="nb-icon nb-cyan">ðŸ“„</span>
                  CotizaciÃ³n</a></li>
            </ul>
          </li>

          <!-- Clientes -->
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="nb-icon nb-cyan">ðŸ‘¥</span> Clientes <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="../clientes/clientes.php"><span class="nb-icon nb-cyan">ðŸ‘¥</span>
                  Registro de clientes</a></li>
              <li><a href="../clientes/creditos.php"><span class="nb-icon nb-amber">ðŸ¤</span> Cartera de crÃ©dito</a></li>
              <li><a href="../pos/cobros_ventas_no_financiadas.php"><span class="nb-icon nb-green">ðŸª™</span> Abono</a></li>
              <li><a href="../reportes/historial.php"><span class="nb-icon nb-blue">ðŸ§¾</span> Estado de cuenta cliente</a></li>
            </ul>
          </li>

          <!-- Proveedores -->
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="nb-icon nb-indigo">ðŸšš</span> Proveedores <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="../suplidor/suplidor.php"><span class="nb-icon nb-indigo">ðŸšš</span>
                  Registro de proveedores</a></li>
              <?php if (isset($_COOKIE["nivel"]) && $_COOKIE["nivel"] == "Master") { ?>
              <li><a href="../compras/todas_compras.php"><span class="nb-icon nb-green">ðŸ›’</span> Factura de compra</a></li>
              <li><a href="../compras/todas_compras_gastos.php"><span class="nb-icon nb-amber">ðŸ§¾</span> Factura de gastos</a></li>
              <?php } ?>
              <li role="separator" class="divider"></li>
              <li><a href="../suplidor/cuenta_por_pagar.php"><span class="nb-icon nb-red">ðŸ’¸</span> Deudas a proveedores</a></li>
              <li><a href="../suplidor/egresos_compra.php"><span class="nb-icon nb-red">ðŸš«</span> Anular pagos de compra</a></li>
            </ul>
          </li>

          <!-- AlmacÃ©n -->
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="nb-icon nb-green">ðŸ“¦</span> AlmacÃ©n <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <?php if (isset($_COOKIE["nivel"]) && $_COOKIE["nivel"] == "Master") { ?>
              <li><a href="../productos/productos.php"><span class="nb-icon nb-green">ðŸ“¦</span>
                  Productos y Servicios</a></li>
              <li><a href="../productos/ingredientes.php"><span class="nb-icon nb-purple">ðŸ§©</span>
                  COMBO-KIT-INGREDIENTES</a></li>
              <li><a href="../inventariar/registro.php"><span class="nb-icon nb-blue">ðŸ—„ï¸</span> Actualizar inventario</a></li>
              <li><a href="../inventario/kardex.php"><span class="nb-icon nb-purple">ðŸ“œ</span> Movimiento de mercancÃ­a</a></li>
              <li role="separator" class="divider"></li>
              <li><a href="../productos/recibir.php"><span class="nb-icon nb-blue">â¬†ï¸</span> Recibir mercancÃ­a</a></li>
              <li><a href="../productos/retirar.php"><span class="nb-icon nb-red">â¬‡ï¸</span> Retirar mercancÃ­a</a></li>
                      <li><a href="../productos/conduces.php"><span class="nb-icon nb-green">ðŸ“¦</span>
                  Conduce</a></li>
              <li><a href="../productos/vencimiento.php"><span class="nb-icon nb-amber">ðŸ“…</span> Lote en vencimiento</a></li>
              <?php } ?>
            </ul>
          </li>

          <!-- Reportes -->
          <li class="dropdown" id="li-reportes">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="nb-icon nb-purple">ðŸ“ˆ</span> Reportes <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li class="nb-section-header">Ventas</li>
              <li><a href="../reportes/ventas.php"><span class="nb-icon nb-blue">ðŸ“Š</span>
                  Reporte de ventas</a></li>
              <li><a href="../reportes/mas_vendidos.php"><span class="nb-icon nb-green">â­</span> MÃ¡s vendidos</a></li>
              <li><a href="../reportes/devoluciones.php"><span class="nb-icon nb-amber">ðŸ”„</span> Devoluciones</a></li>
              <li role="separator" class="divider"></li>
              <li class="nb-section-header">Inventario</li>
              <li><a href="javascript:void(0)" onclick="reporte_inventario()"><span class="nb-icon nb-green">ðŸ“¦</span> Costo de inventario</a></li>
              <li><a href="javascript:void(0)" onclick="reporte_inventario_minimo()"><span class="nb-icon nb-amber">â—</span> Stock mÃ­nimo</a></li>
              <li><a href="javascript:void(0)" onclick="reporte_inventario_agotado()"><span class="nb-icon nb-red">âŒ</span> Agotados</a></li>
              <li><a href="javascript:void(0)" onclick="reporte_inventario_todos()"><span class="nb-icon nb-blue">ðŸ“‹</span> Todas las mercancÃ­as</a></li>
              <li><a href="../reportes/rptConteo.php"><span class="nb-icon nb-purple">ðŸ“‹</span> Conteo de Inventario</a></li>
              <li><a href="../reportes/variedad_productos.php"><span class="nb-icon nb-purple">ðŸ“‹</span> Variedad de productos</a></li>
              <li role="separator" class="divider"></li>
              <li class="nb-section-header">Caja</li>
              <li><a href="../reportes/cobros.php"><span class="nb-icon nb-cyan">ðŸ§¾</span> Cobros a crÃ©dito</a></li>
              <li><a href="../reportes/ingresos.php"><span class="nb-icon nb-green">â¬‡ï¸</span> Otros ingresos</a></li>
              <li><a href="../reportes/pagos.php"><span class="nb-icon nb-indigo">ðŸ’¸</span> Pagos a proveedores</a></li>
              <li><a href="../reportes/egresos.php"><span class="nb-icon nb-red">â¬†ï¸</span> Otros egresos</a></li>
              <li><a href="../reportes/compras.php"><span class="nb-icon nb-purple">ðŸ›’</span> Reporte de compras</a></li>
            </ul>
          </li>

          <!-- Contabilidad -->
          <li class="dropdown" id="li-contabilidad">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="nb-icon nb-purple">âš–ï¸</span> Contabilidad <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li class="nb-section-header">Informes Contables</li>
              <li><a href="../pos/estado_resultados.php"><span class="nb-icon nb-purple">âš–ï¸</span> Estado de Resultados</a></li>
              <li role="separator" class="divider"></li>
              <li class="nb-section-header">Registros Contables</li>
              <li><a href="../pos/libro_mayor.php"><span class="nb-icon nb-indigo">ðŸ“‚</span> Libro Mayor</a></li>
              <li><a href="../pos/libro_diario.php"><span class="nb-icon nb-amber">ðŸ“–</span> Libro Diario</a></li>
              <?php if (isset($_COOKIE["nivel"]) && $_COOKIE["nivel"] == "Master") { ?>
                <li role="separator" class="divider"></li>
                <li class="nb-section-header">Cumplimiento DGII</li>
                <li><a href="../pos/dgii_formularios.php"><span class="nb-icon nb-red">ðŸ“•</span> Declaraciones DGII</a></li>
                <li><a href="../pos/dgii_606.php"><span class="nb-icon nb-amber">ðŸ§¾</span> Formulario 606</a></li>
                <li><a href="../pos/dgii_607.php"><span class="nb-icon nb-amber">ðŸ”„</span> Formulario 607</a></li>
                <li><a href="../pos/dgii_608.php"><span class="nb-icon nb-green">â†©ï¸</span> Formulario 608</a></li>
                <li><a href="../pos/cfe_validacion.php"><span class="nb-icon nb-cyan">ðŸ†</span> ValidaciÃ³n CFE</a></li>
                <li><a href="../pos/encf_admin.php"><span class="nb-icon nb-purple">âš™ï¸</span> AdministraciÃ³n eCF</a></li>
                <li><a href="../pos/ecf_cola_admin.php"><span class="nb-icon nb-blue">âœˆï¸</span> Cola EnvÃ­o e-CF (GAE)</a></li>
                <li role="separator" class="divider"></li>
                <li class="nb-section-header">ConfiguraciÃ³n</li>
                <li><a href="../pos/catalogo_cuentas.php"><span class="nb-icon nb-indigo">ðŸ—‚ï¸</span> CatÃ¡logo de Cuentas</a></li>
                <li><a href="../pos/enlace_cuentas_config.php"><span class="nb-icon nb-blue">ðŸ”—</span> ConfiguraciÃ³n de Cuentas</a></li>
              <?php } ?>
            </ul>
          </li>

          <!-- Administrar -->
          <li class="dropdown" id="li-administrar">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="nb-icon nb-indigo">âš™ï¸</span> Administrar <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li class="nb-section-header">Operaciones</li>
              <li><a href="../pos/anular_venta.php"><span class="nb-icon nb-red">ðŸ—‘ï¸</span>
                  Anular una venta</a></li>
              <li><a href="../pos/ventas_anuladas.php"><span class="nb-icon nb-red">ðŸš«</span>
                  Ventas anuladas</a></li>
              <li><a href="../compras/anular_compra.php"><span class="nb-icon nb-red">âŒ</span>
                  Anular una Compra</a></li>
              <li role="separator" class="divider"></li>
              <li class="nb-section-header">Configuraciones</li>
              <li><a href="../parametros/caja.php"><span class="nb-icon nb-indigo">ðŸ”§</span>
                  Config. punto de ventas</a></li>
              <li><a href="../ncf/ncf.php"><span class="nb-icon nb-purple">ðŸ“„</span>
                  Comprobantes fiscales</a></li>
              <li><a href="../parametros/empleados.php"><span class="nb-icon nb-cyan">ðŸ†”</span> Registro de empleados</a></li>
              <li><a href="../usuarios/usuarios.php"><span class="nb-icon nb-blue">ðŸ‘¤</span>
                  Usuarios del sistema</a></li>
              <li><a href="../mi_empresa/empresa.php"><span class="nb-icon nb-indigo">ðŸ¢</span> Mi Empresa</a></li>
            </ul>
          </li>
        </ul>

        <!-- Derecha: usuario -->
        <ul class="nav navbar-nav navbar-right">
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <span class="nb-icon nb-indigo">ðŸ‘¤</span>
              <span class="nb-caja-badge" id="lb-caja">Caja</span>
              <span id="lb-usuario" style="font-weight:700;font-size:12px;"></span>
              <span class="caret"></span>
            </a>
            <ul class="dropdown-menu dropdown-menu-right">
              <div class="nb-user-pill">
                <div class="nb-user-avatar" id="nb-avatar">U</div>
                <div>
                  <div style="font-size:13px;font-weight:700;color:#374151;" id="nb-username">Usuario</div>
                  <div style="font-size:10px;color:#94a3b8;" id="nb-nivel">SesiÃ³n activa</div>
                </div>
              </div>
              <li role="separator" class="divider"></li>
              <li><a href="javascript:void(0)" onclick="salir()"><span class="nb-icon nb-red">ðŸšª</span> Salir del sistema</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </nav>

  <!-- ===== SCRIPTS GLOBALES ===== -->
  <script>
    // Verificar sesiÃ³n
    (function () {
      var u = localStorage.getItem("usuario");
      if (u == "" || u == null) { window.location.replace("../loginPage.php"); }
      window.addEventListener('popstate', function () { history.pushState(null, document.title, location.href); });
    })();

    // Sidebar
    function toggleSidebar() {
      var sb = document.getElementById('sidebar');
      sb.classList.toggle('closed');
      document.body.classList.toggle('sb-open', !sb.classList.contains('closed'));
      if (window.innerWidth <= 768) {
        document.getElementById('sb-overlay').classList.toggle('open');
      }
    }
    function closeSidebar() {
      document.getElementById('sidebar').classList.add('closed');
      document.getElementById('sb-overlay').classList.remove('open');
      document.body.classList.remove('sb-open');
    }
    document.addEventListener('keydown', function (e) { if (e.key === 'Escape') closeSidebar(); });

    window.addEventListener('resize', function () {
      if (window.innerWidth <= 768) { closeSidebar(); }
      // Close mobile navbar on resize to desktop
      if (window.innerWidth > 991) {
        var nc = document.getElementById('navbar-collapse');
        if (nc) nc.classList.remove('nb-open');
        var btn = document.getElementById('nb-menu-toggle');
        if (btn) btn.classList.remove('active');
        var icon = document.getElementById('nb-toggle-icon');
        if (icon) { icon.classList.remove('fa-times'); icon.classList.add('fa-bars'); }
      }
    });

    // Unified hamburger toggle for mobile navbar
    (function() {
      var toggleBtn = document.getElementById('nb-menu-toggle');
      var collapseEl = document.getElementById('navbar-collapse');
      var toggleIcon = document.getElementById('nb-toggle-icon');
      if (toggleBtn && collapseEl) {
        toggleBtn.addEventListener('click', function(e) {
          e.stopPropagation();
          var isOpen = collapseEl.classList.contains('nb-open');
          if (isOpen) {
            collapseEl.classList.remove('nb-open');
            toggleBtn.classList.remove('active');
            if (toggleIcon) { toggleIcon.classList.remove('fa-times'); toggleIcon.classList.add('fa-bars'); }
          } else {
            collapseEl.classList.add('nb-open');
            toggleBtn.classList.add('active');
            if (toggleIcon) { toggleIcon.classList.remove('fa-bars'); toggleIcon.classList.add('fa-times'); }
          }
        });
        // Close mobile menu when clicking outside
        document.addEventListener('click', function(e) {
          if (window.innerWidth <= 991 && collapseEl.classList.contains('nb-open')) {
            if (!collapseEl.contains(e.target) && !toggleBtn.contains(e.target)) {
              collapseEl.classList.remove('nb-open');
              toggleBtn.classList.remove('active');
              if (toggleIcon) { toggleIcon.classList.remove('fa-times'); toggleIcon.classList.add('fa-bars'); }
            }
          }
        });
        // Close mobile menu when a nav link is clicked
        collapseEl.addEventListener('click', function(e) {
          var link = e.target.closest('a[href]');
          if (link && link.getAttribute('href') !== '#' && !link.getAttribute('href').startsWith('javascript:')) {
            collapseEl.classList.remove('nb-open');
            toggleBtn.classList.remove('active');
            if (toggleIcon) { toggleIcon.classList.remove('fa-times'); toggleIcon.classList.add('fa-bars'); }
          }
        });
      }
    })();

    document.addEventListener('DOMContentLoaded', function () {
      var isMenuPage = <?php echo $es_menu ? 'true' : 'false'; ?>;
      if (isMenuPage && window.innerWidth > 768) {
        document.getElementById('sidebar').classList.remove('closed');
        document.body.classList.add('sb-open');
      }
      var u = localStorage.getItem('usuario') || 'Usuario';
      var n = localStorage.getItem('nivel') || '';
      ['sb-avatar', 'nb-avatar'].forEach(function (id) {
        var el = document.getElementById(id);
        if (el) el.textContent = u.charAt(0).toUpperCase();
      });
      ['sb-username', 'nb-username'].forEach(function (id) {
        var el = document.getElementById(id); if (el) el.textContent = u;
      });
      var sr = document.getElementById('sb-userrole'); if (sr) sr.textContent = n || 'SesiÃ³n activa';
      var nv = document.getElementById('nb-nivel'); if (nv) nv.textContent = n || 'SesiÃ³n activa';
    });

    // Funciones globales
    var myAlmacen = localStorage.getItem("almacen");
    var myAlmacen2 = localStorage.getItem("almacen2");
    var myDB = localStorage.getItem("db");
    var myUser = localStorage.getItem("usuario");
    var myPass = localStorage.getItem("pass");
    var myLevel = localStorage.getItem("nivel");
    var myCaja = localStorage.getItem("caja");

    function _nueva_venta() {
      window.location.href = "../pos/_nueva_venta.php?usuario=" + myUser + "&caja=" + myCaja;
    }
    function nueva_cotizacion() {
      window.location.href = "../pos/_nueva_venta.php?usuario=" + myUser + "&caja=" + myCaja + "&cotizacion=1";
    }
    function nuevo_conduce() {
      window.location.href = "../pos/_nueva_venta.php?usuario=" + myUser + "&caja=" + myCaja + "&conduce=1";
    }
    function salir() {
      if (confirm("Â¿SEGURO(A) QUE DESEA SALIR DEL SISTEMA?")) {
        localStorage.setItem("usuario", ""); localStorage.setItem("nivel", ""); localStorage.setItem("pas", "");
        window.location.href = "../php/logout.php";
      }
    }
    function reporte_inventario() { window.open('../reportes/rptInventario.php?popup=1', '_blank', 'toolbar=no,scrollbars=no,resizable=no,top=500,left=500,width=1000,height=800'); }
    function reporte_inventario_minimo() { window.open('../reportes/rptInventario_minimo.php?popup=1', '_blank', 'toolbar=no,scrollbars=no,resizable=no,top=500,left=500,width=1000,height=800'); }
    function reporte_inventario_agotado() { window.open('../reportes/rptInventario_agotado.php?popup=1', '_blank', 'toolbar=no,scrollbars=no,resizable=no,top=500,left=500,width=1000,height=800'); }
    function reporte_inventario_todos() { window.open('../reportes/rptInventario_todos.php?popup=1', '_blank', 'toolbar=no,scrollbars=no,resizable=no,top=500,left=500,width=1000,height=800'); }

    function _enviar(url, data) {
      $("button").prop("disabled", true);
      var ajax = $.ajax({
        method: "POST",
        url: url,
        data: data,
        success: function () { $("button").prop("disabled", false); }
      });
      return ajax;
    }

    function pop(url, v) {
      var separator = url.includes('?') ? '&' : '?';
      window.open(url + separator + v + '&popup=1', '_blank', 'toolbar=no,scrollbars=no,resizable=no,top=500,left=500,width=1300,height=700');
    }
    function pop2(url, v) {
      var separator = url.includes('?') ? '&' : '?';
      window.open(url + separator + v + '&popup=1', '_blank', 'toolbar=no,scrollbars=no,resizable=no,top=500,left=500,width=350,height=700');
    }
    function cargando() { $("button").prop("disabled", true); }
    function bno() { $(".btn").prop("disabled", true); }
    function bsi() { $(".btn").prop("disabled", false); }

    function setup() {
      if (!localStorage.getItem("db")) localStorage.setItem("db", "base_prueba");
      if (!localStorage.getItem("caja")) localStorage.setItem("caja", "01");
      if (!localStorage.getItem("terminal")) localStorage.setItem("terminal", "01");
      if (!localStorage.getItem("almacen2")) localStorage.setItem("almacen2", "ALMACEN-2");
      if (!localStorage.getItem("almacen")) localStorage.setItem("almacen", "almacen-1");
    }
    setup();

    $(document).ready(function () {
      $("#lb-usuario").html(myUser);
      $("#lb-caja").html(localStorage.getItem("caja"));

      if (myLevel != "Master") {
        $("#li-empresa").hide();
        $("#li-reportes").hide();
        $("#li-administrar").hide();
      }

      var estadoCaja = "";
      if (myCaja) {
        var sql = "select * from apertura_caja where caja='" + myCaja + "' order by id desc limit 1";
        _enviar("../php/traer_datos.php", { sql: sql }).done(function (data) {
          var rs = JSON.parse(data);
          if (rs.data && rs.data[0]) { estadoCaja = rs.data[0].estado; }
          $("#lb-caja2").html(myCaja + "(" + estadoCaja + ")");
        });
      }
    });

    var hoySql = moment().format('YYYY-MM-DD');
    var hoy_sql = moment().format('YYYY-MM-DD');
    var hoy_normal = moment().format('DD-MM-YYYY');
  </script>

  <?php $hoy = @date('Y-m-d'); ?>

  <!-- Modal loading -->
  <div class="modal" id="loading" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-sm" role="document" style="margin-top:20vh;">
      <div class="modal-content text-center" style="padding:30px;border-radius:18px;">
        <span style="color:#6366f1;">â³</span>
        <p style="margin-top:10px;font-weight:600;">Procesando...</p>
        <small class="text-muted">No cierre ni recargue la pÃ¡gina</small>
      </div>
    </div>
  </div>
  <!-- Overlay bloqueo total -->
  <div id="overlay-procesando" style="display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:99999;cursor:wait;"></div>
  <script>
  var _procesando = false;
  function bloquearPagina(){
    _procesando = true;
    $("#overlay-procesando").show();
    $("#loading").modal({backdrop:'static',keyboard:false});
    $("#loading").modal("show");
    window.addEventListener('beforeunload', _preventExit);
    history.pushState(null, '', location.href);
    window.addEventListener('popstate', _preventBack);
  }
  function desbloquearPagina(){
    _procesando = false;
    $("#overlay-procesando").hide();
    $("#loading").modal("hide");
    window.removeEventListener('beforeunload', _preventExit);
    window.removeEventListener('popstate', _preventBack);
  }
  function _preventExit(e){
    if(_procesando){ e.preventDefault(); e.returnValue = ''; return ''; }
  }
  function _preventBack(e){
    if(_procesando){ history.pushState(null, '', location.href); }
  }
  </script>

  <script>
    document.addEventListener('DOMContentLoaded', function() {
      const navbarLinks = document.querySelectorAll('#barra a[href*=".php"]');
      navbarLinks.forEach(link => {
        const href = link.getAttribute('href');
        if (href && !href.includes('javascript:') && !href.startsWith('#')) {
          const separator = href.includes('?') ? '&' : '?';
          link.setAttribute('href', href + separator + 'from_nav=1');
        }
      });

      const sidebarLinks = document.querySelectorAll('#sidebar a[href*=".php"]');
      sidebarLinks.forEach(link => {
        const href = link.getAttribute('href');
        if (href && !href.includes('javascript:') && !href.startsWith('#')) {
          const separator = href.includes('?') ? '&' : '?';
          link.setAttribute('href', href + separator + 'from_nav=1');
        }
      });
    });
  </script>

</body>
</html>