*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-6{inset:-1.5rem}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-left-8{left:-2rem}.-top-3{top:-.75rem}.bottom-2{bottom:.5rem}.left-1\/2{left:50%}.left-3{left:.75rem}.right-0{right:0}.right-2{right:.5rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-4{top:1rem}.z-10{z-index:10}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.col-span-2{grid-column:span 2/span 2}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[94vh\]{height:94vh}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-40{max-height:10rem}.max-h-\[60vh\]{max-height:60vh}.max-h-\[88vh\]{max-height:88vh}.max-h-\[92vh\]{max-height:92vh}.min-h-24{min-height:6rem}.min-h-28{min-height:7rem}.min-h-32{min-height:8rem}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2\.5{width:.625rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-44{width:11rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\[160px\]{min-width:160px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[160px\]{max-width:160px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-3\.5{--tw-translate-x:0.875rem}.rotate-90,.translate-x-3\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-14{gap:3.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.\!border-bswarn{--tw-border-opacity:1!important;border-color:rgb(240 113 107/var(--tw-border-opacity,1))!important}.\!border-emerald-400\/60{border-color:rgba(52,211,153,.6)!important}.border-amber-400\/30{border-color:rgba(251,191,36,.3)}.border-bscyan\/20{border-color:rgba(126,151,240,.2)}.border-bscyan\/25{border-color:rgba(126,151,240,.25)}.border-bscyan\/30{border-color:rgba(126,151,240,.3)}.border-bscyan\/50{border-color:rgba(126,151,240,.5)}.border-bscyan\/60{border-color:rgba(126,151,240,.6)}.border-bsgold\/25{border-color:hsla(0,0%,70%,.25)}.border-bsgold\/30{border-color:hsla(0,0%,70%,.3)}.border-bsgold\/40{border-color:hsla(0,0%,70%,.4)}.border-bsred\/25{border-color:rgba(216,0,0,.25)}.border-bsred\/30{border-color:rgba(216,0,0,.3)}.border-bsred\/40{border-color:rgba(216,0,0,.4)}.border-bswarn\/25{border-color:hsla(3,82%,68%,.25)}.border-bswarn\/30{border-color:hsla(3,82%,68%,.3)}.border-emerald-400\/25{border-color:rgba(52,211,153,.25)}.border-emerald-400\/30{border-color:rgba(52,211,153,.3)}.border-emerald-400\/40{border-color:rgba(52,211,153,.4)}.border-emerald-400\/50{border-color:rgba(52,211,153,.5)}.border-indigo-400\/30{border-color:rgba(129,140,248,.3)}.border-sky-400\/30{border-color:rgba(56,189,248,.3)}.border-slate-300\/30{border-color:rgba(203,213,225,.3)}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/15{border-color:hsla(0,0%,100%,.15)}.border-white\/5{border-color:hsla(0,0%,100%,.05)}.border-l-bsgold{--tw-border-opacity:1;border-left-color:rgb(178 178 178/var(--tw-border-opacity,1))}.border-l-bsred{--tw-border-opacity:1;border-left-color:rgb(216 0 0/var(--tw-border-opacity,1))}.border-t-bscyan{--tw-border-opacity:1;border-top-color:rgb(126 151 240/var(--tw-border-opacity,1))}.border-t-bsgold{--tw-border-opacity:1;border-top-color:rgb(178 178 178/var(--tw-border-opacity,1))}.border-t-bsgreen{--tw-border-opacity:1;border-top-color:rgb(52 211 153/var(--tw-border-opacity,1))}.border-t-bsred{--tw-border-opacity:1;border-top-color:rgb(216 0 0/var(--tw-border-opacity,1))}.bg-\[\#FBFBF7\]{--tw-bg-opacity:1;background-color:rgb(251 251 247/var(--tw-bg-opacity,1))}.bg-amber-500\/15{background-color:rgba(245,158,11,.15)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/40{background-color:rgba(0,0,0,.4)}.bg-black\/70{background-color:rgba(0,0,0,.7)}.bg-black\/85{background-color:rgba(0,0,0,.85)}.bg-bsblue\/10{background-color:rgba(30,71,206,.1)}.bg-bsblue\/15{background-color:rgba(30,71,206,.15)}.bg-bsblue\/20{background-color:rgba(30,71,206,.2)}.bg-bsblue\/25{background-color:rgba(30,71,206,.25)}.bg-bscyan{--tw-bg-opacity:1;background-color:rgb(126 151 240/var(--tw-bg-opacity,1))}.bg-bsgold\/10{background-color:hsla(0,0%,70%,.1)}.bg-bsgold\/15{background-color:hsla(0,0%,70%,.15)}.bg-bsgreen\/10{background-color:rgba(52,211,153,.1)}.bg-bsgreen\/15{background-color:rgba(52,211,153,.15)}.bg-bsgreen\/20{background-color:rgba(52,211,153,.2)}.bg-bsgreen\/30{background-color:rgba(52,211,153,.3)}.bg-bsgreen\/50{background-color:rgba(52,211,153,.5)}.bg-bsgreen\/60{background-color:rgba(52,211,153,.6)}.bg-bsred\/10{background-color:rgba(216,0,0,.1)}.bg-bsred\/15{background-color:rgba(216,0,0,.15)}.bg-bsred\/20{background-color:rgba(216,0,0,.2)}.bg-bsred\/25{background-color:rgba(216,0,0,.25)}.bg-bswarn\/10{background-color:hsla(3,82%,68%,.1)}.bg-indigo-500\/15{background-color:rgba(99,102,241,.15)}.bg-sky-500\/15{background-color:rgba(14,165,233,.15)}.bg-slate-300\/15{background-color:rgba(203,213,225,.15)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/15{background-color:hsla(0,0%,100%,.15)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-white\/\[0\.03\]{background-color:hsla(0,0%,100%,.03)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.from-amber-500\/20{--tw-gradient-from:rgba(245,158,11,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(245,158,11,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-bsblue{--tw-gradient-from:#1e47ce var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,71,206,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-bsblue\/25{--tw-gradient-from:rgba(30,71,206,.25) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,71,206,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-bsblue\/30{--tw-gradient-from:rgba(30,71,206,.3) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,71,206,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-bsblue\/40{--tw-gradient-from:rgba(30,71,206,.4) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,71,206,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-bsgold{--tw-gradient-from:#b2b2b2 var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,70%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-bsred\/15{--tw-gradient-from:rgba(216,0,0,.15) var(--tw-gradient-from-position);--tw-gradient-to:rgba(216,0,0,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-500\/20{--tw-gradient-from:rgba(99,102,241,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(99,102,241,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-sky-500\/20{--tw-gradient-from:rgba(14,165,233,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-300\/15{--tw-gradient-from:rgba(203,213,225,.15) var(--tw-gradient-from-position);--tw-gradient-to:rgba(203,213,225,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-zinc-400\/10{--tw-gradient-from:hsla(240,5%,65%,.1) var(--tw-gradient-from-position);--tw-gradient-to:hsla(240,5%,65%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-bsblue\/10{--tw-gradient-to:rgba(30,71,206,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(30,71,206,.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-bscyan{--tw-gradient-to:rgba(126,151,240,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#7e97f0 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-amber-900\/10{--tw-gradient-to:rgba(120,53,15,.1) var(--tw-gradient-to-position)}.to-black\/40{--tw-gradient-to:rgba(0,0,0,.4) var(--tw-gradient-to-position)}.to-bsblue{--tw-gradient-to:#1e47ce var(--tw-gradient-to-position)}.to-bscyan{--tw-gradient-to:#7e97f0 var(--tw-gradient-to-position)}.to-bscyan\/80{--tw-gradient-to:rgba(126,151,240,.8) var(--tw-gradient-to-position)}.to-bsgreen{--tw-gradient-to:#34d399 var(--tw-gradient-to-position)}.to-bsred{--tw-gradient-to:#d80000 var(--tw-gradient-to-position)}.to-bsred\/10{--tw-gradient-to:rgba(216,0,0,.1) var(--tw-gradient-to-position)}.to-bsred\/20{--tw-gradient-to:rgba(216,0,0,.2) var(--tw-gradient-to-position)}.to-bsred\/5{--tw-gradient-to:rgba(216,0,0,.05) var(--tw-gradient-to-position)}.to-indigo-900\/10{--tw-gradient-to:rgba(49,46,129,.1) var(--tw-gradient-to-position)}.to-red-950\/15{--tw-gradient-to:rgba(69,10,10,.15) var(--tw-gradient-to-position)}.to-sky-900\/10{--tw-gradient-to:rgba(12,74,110,.1) var(--tw-gradient-to-position)}.to-slate-700\/10{--tw-gradient-to:rgba(51,65,85,.1) var(--tw-gradient-to-position)}.to-steel\/40{--tw-gradient-to:rgba(10,32,89,.4) var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.p-9{padding:2.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-5{padding-bottom:1.25rem}.pb-8{padding-bottom:2rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-14{padding-top:3.5rem}.pt-2{padding-top:.5rem}.pt-28{padding-top:7rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.font-display{font-family:Montserrat,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-\[1\.08\]{line-height:1.08}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.5em\]{letter-spacing:.5em}.tracking-wider{letter-spacing:.05em}.text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.text-bscyan{--tw-text-opacity:1;color:rgb(126 151 240/var(--tw-text-opacity,1))}.text-bscyan\/60{color:rgba(126,151,240,.6)}.text-bsgold{--tw-text-opacity:1;color:rgb(178 178 178/var(--tw-text-opacity,1))}.text-bsgreen{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-bswarn{--tw-text-opacity:1;color:rgb(240 113 107/var(--tw-text-opacity,1))}.text-emerald-300{--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.text-indigo-300{--tw-text-opacity:1;color:rgb(165 180 252/var(--tw-text-opacity,1))}.text-ink{--tw-text-opacity:1;color:rgb(3 16 43/var(--tw-text-opacity,1))}.text-red-200{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity,1))}.text-rose-200{--tw-text-opacity:1;color:rgb(254 205 211/var(--tw-text-opacity,1))}.text-rose-300{--tw-text-opacity:1;color:rgb(253 164 175/var(--tw-text-opacity,1))}.text-sky-200{--tw-text-opacity:1;color:rgb(186 230 253/var(--tw-text-opacity,1))}.text-sky-300{--tw-text-opacity:1;color:rgb(125 211 252/var(--tw-text-opacity,1))}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-300\/85{color:rgba(203,213,225,.85)}.text-slate-300\/90{color:rgba(203,213,225,.9)}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-black\/30{--tw-shadow-color:rgba(0,0,0,.3);--tw-shadow:var(--tw-shadow-colored)}.shadow-black\/40{--tw-shadow-color:rgba(0,0,0,.4);--tw-shadow:var(--tw-shadow-colored)}.shadow-bsblue\/25{--tw-shadow-color:rgba(30,71,206,.25);--tw-shadow:var(--tw-shadow-colored)}.shadow-bsblue\/30{--tw-shadow-color:rgba(30,71,206,.3);--tw-shadow:var(--tw-shadow-colored)}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-white\/10{--tw-ring-color:hsla(0,0%,100%,.1)}.blur{--tw-blur:blur(8px)}.blur,.blur-3xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur:blur(64px)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm,.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.file\:mr-3::file-selector-button{margin-right:.75rem}.file\:rounded-lg::file-selector-button{border-radius:.5rem}.file\:border-0::file-selector-button{border-width:0}.file\:bg-bsblue\/30::file-selector-button{background-color:rgba(30,71,206,.3)}.file\:px-3::file-selector-button{padding-left:.75rem;padding-right:.75rem}.file\:py-1\.5::file-selector-button{padding-top:.375rem;padding-bottom:.375rem}.file\:text-xs::file-selector-button{font-size:.75rem;line-height:1rem}.file\:text-white::file-selector-button{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.last\:mb-0:last-child{margin-bottom:0}.last\:border-0:last-child{border-width:0}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-bscyan\/40:hover{border-color:rgba(126,151,240,.4)}.hover\:border-bscyan\/50:hover{border-color:rgba(126,151,240,.5)}.hover\:border-bscyan\/60:hover{border-color:rgba(126,151,240,.6)}.hover\:border-bsgold\/60:hover{border-color:hsla(0,0%,70%,.6)}.hover\:border-white\/30:hover{border-color:hsla(0,0%,100%,.3)}.hover\:bg-bscyan\/10:hover{background-color:rgba(126,151,240,.1)}.hover\:bg-bsgold\/10:hover{background-color:hsla(0,0%,70%,.1)}.hover\:bg-bsgreen\/40:hover{background-color:rgba(52,211,153,.4)}.hover\:bg-bsred\/25:hover{background-color:rgba(216,0,0,.25)}.hover\:bg-bsred\/30:hover{background-color:rgba(216,0,0,.3)}.hover\:bg-white\/5:hover{background-color:hsla(0,0%,100%,.05)}.hover\:bg-white\/\[0\.03\]:hover{background-color:hsla(0,0%,100%,.03)}.hover\:text-bscyan:hover{--tw-text-opacity:1;color:rgb(126 151 240/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.focus\:border-bscyan\/50:focus{border-color:rgba(126,151,240,.5)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.group:hover .group-hover\:text-bscyan{--tw-text-opacity:1;color:rgb(126 151 240/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width:640px){.sm\:block{display:block}.sm\:inline-flex{display:inline-flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:flex{display:flex}.md\:h-9{height:2.25rem}.md\:rotate-0{--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-0{gap:0}.md\:p-10{padding:2.5rem}.md\:p-12{padding:3rem}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:p-9{padding:2.25rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:pt-36{padding-top:9rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (min-width:1280px){.xl\:block{display:block}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xl\:text-6xl{font-size:3.75rem;line-height:1}}


  body { font-family: 'Montserrat', sans-serif; background: #03102B; color: #EDF1FA; }
  .font-display { font-family: 'Montserrat', sans-serif; font-weight: 700; }

  /* Glassmorphism institucional */
  .glass {
    background: linear-gradient(160deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
    border: 1px solid rgba(255,255,255,0.10);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
  .glass-strong {
    background: linear-gradient(160deg, rgba(10,32,89,0.88), rgba(3,16,43,0.88));
    border: 1px solid rgba(255,255,255,0.12);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }

  /* Firma visual: malla de interconexión (necesidades ↔ deseos ↔ estilo de vida) */
  .mesh-bg {
    background-image:
      radial-gradient(ellipse 60% 45% at 75% 0%, rgba(6,40,137,0.40), transparent),
      radial-gradient(ellipse 45% 35% at 10% 25%, rgba(216,0,0,0.12), transparent),
      radial-gradient(ellipse 40% 30% at 90% 80%, rgba(178,178,178,0.05), transparent);
  }
  .grid-lines {
    background-image:
      linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, black 40%, transparent 100%);
    -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, black 40%, transparent 100%);
  }

  .text-gradient {
    background: linear-gradient(95deg, #FFFFFF 10%, #B9C7F7 55%, #7E97F0 90%);
    -webkit-background-clip: text; background-clip: text; color: transparent;
  }
  .gold-gradient {
    background: linear-gradient(95deg, #B2B2B2, #EDEDED); /* Palladium */
    -webkit-background-clip: text; background-clip: text; color: transparent;
  }

  /* Animaciones suaves de aparición */
  .reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }
  .reveal.in { opacity: 1; transform: translateY(0); }
  @media (prefers-reduced-motion: reduce) {
    .reveal { opacity: 1; transform: none; transition: none; }
    * { animation: none !important; }
  }

  .hover-lift { transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
  .hover-lift:hover { transform: translateY(-4px); border-color: rgba(126,151,240,0.50); box-shadow: 0 18px 40px -18px rgba(30,71,206,0.45); }

  /* Scrollbar discreto */
  ::-webkit-scrollbar { width: 10px; }
  ::-webkit-scrollbar-track { background: #03102B; }
  ::-webkit-scrollbar-thumb { background: #1B2F73; border-radius: 8px; }

  input, select { color-scheme: dark; }
  .input-bs {
    width: 100%; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12);
    border-radius: 0.75rem; padding: 0.6rem 0.85rem; font-size: 0.875rem; color: #EDF1FA;
    outline: none; transition: border-color .2s ease;
  }
  .input-bs:focus { border-color: #7E97F0; }
  label.lbl { display:block; font-size: 0.72rem; letter-spacing: .06em; text-transform: uppercase; color: #9AA9CF; margin-bottom: .35rem; font-weight: 600; }

  /* Protección visual de simuladores: números grandes no rompen el layout (§19) */
  #incomeSim, #incomeSim *, #billSim, #billSim * { min-width: 0; }
  #incomeSim .kpi, #billSim .kpi { overflow: hidden; }
  #incomeSim .kpi strong, #billSim .kpi strong,
  #incomeSim .row b, #billSim .row b {
    display: block; max-width: 100%; min-width: 0;
    overflow-wrap: anywhere; word-break: break-word; white-space: normal;
    line-height: 1.08; font-size: clamp(.92rem, 1.55vw, 1.28rem);
  }
  #incomeSim .row, #billSim .row { align-items: flex-start; }
  #incomeSim .row span, #billSim .row span { min-width: 0; max-width: 58%; }
  #incomeSim .report, #incomeSim .table-wrap { max-width: 100%; overflow: auto; }

  details.faq > summary { list-style: none; cursor: pointer; }
  details.faq > summary::-webkit-details-marker { display: none; }
  details.faq[open] .faq-chevron { transform: rotate(180deg); }
  .faq-chevron { transition: transform .25s ease; }


/* BILLTOOL V4 — responsive shell + white Power BI inspired workspace */
html,body,#root{max-width:100%;overflow-x:hidden}
@media (max-width:1279px){
  header .bt-desktop-only{display:none!important}
}
.billtool-app{min-height:100vh;background:#f5f7fb;color:#0f172a}
.billtool-app .bt-sidebar{background:#062889;border-right:1px solid rgba(255,255,255,.12);box-shadow:6px 0 26px rgba(6,40,137,.18)}
.billtool-app .bt-topbar{background:rgba(255,255,255,.96);border-bottom:1px solid #e5e7eb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.billtool-app .bt-content{background:#f5f7fb;color:#0f172a}
.billtool-app .bt-content .glass,
.billtool-app .bt-content .glass-strong{background:#fff;border:1px solid #e2e8f0;box-shadow:0 8px 28px rgba(15,23,42,.06);backdrop-filter:none;-webkit-backdrop-filter:none}
.billtool-app .bt-content .text-white{color:#0f172a}
.billtool-app .bt-content .text-slate-200,.billtool-app .bt-content .text-slate-300{color:#334155}
.billtool-app .bt-content .text-slate-400{color:#475569}
.billtool-app .bt-content .text-slate-500,.billtool-app .bt-content .text-slate-600{color:#64748b}
.billtool-app .bt-content .border-white\/10,.billtool-app .bt-content .border-white\/15,.billtool-app .bt-content .border-white\/5{border-color:#e2e8f0}
.billtool-app .bt-content .bg-white\/5,.billtool-app .bt-content .bg-white\/\[0\.03\]{background:#f8fafc}
.billtool-app .bt-content .input-bs{background:#fff;color:#0f172a;border-color:#cbd5e1;color-scheme:light}
.billtool-app .bt-content .input-bs:focus{border-color:#2f5be7;box-shadow:0 0 0 3px rgba(47,91,231,.10)}
.billtool-app .bt-content label.lbl{color:#475569}
.billtool-app .bt-sidebar .text-white{color:#ffffff}
.billtool-app .bt-sidebar .text-slate-300,.billtool-app .bt-sidebar .text-slate-400{color:#dbe7ff}
.billtool-app .bt-sidebar .text-slate-500{color:#aebfe9}
.billtool-app .bt-sidebar .border-white\/10{border-color:rgba(255,255,255,.16)}
.billtool-app .bt-sidebar button:hover{color:#ffffff}
.billtool-app .bt-sidebar .bt-nav-active{background:#D80000;color:#fff;border:1px solid #D80000;box-shadow:0 5px 14px rgba(216,0,0,.18)}
.billtool-app .bt-sidebar .bt-nav-idle{color:#dbe7ff}
.billtool-app .bt-sidebar .bt-nav-idle:hover{background:rgba(255,255,255,.10);color:#ffffff}
.billtool-app button:active:not(:disabled){background:#D80000!important;color:#fff!important;border-color:#D80000!important;transform:translateY(1px)}
.billtool-app .bt-sidebar .bt-nav-active:hover{background:#D80000;color:#fff}

.billtool-app .bt-mobile-drawer{background:#062889;box-shadow:12px 0 40px rgba(6,40,137,.30)}
.billtool-app .bt-table th{color:#475569;background:#f8fafc}
.billtool-app .bt-table td{color:#0f172a}
.billtool-app .bt-kpi{background:#fff;border:1px solid #e2e8f0}
.billtool-app .bt-content .glass,.billtool-app .bt-content .glass-strong{border-radius:16px;box-shadow:0 10px 30px rgba(15,23,42,.07)}
.billtool-app .bt-content .glass:hover,.billtool-app .bt-content .glass-strong:hover{box-shadow:0 14px 34px rgba(15,23,42,.10)}
.billtool-app .bt-content section.glass-strong{border-top:3px solid #062889}
.billtool-app .bt-content .bt-table thead{background:#f8fafc}
.billtool-app .bt-sidebar img{filter:drop-shadow(0 2px 5px rgba(0,0,0,.18))}
.billtool-app .bt-page-title{color:#0f172a}
.billtool-app .bt-muted{color:#64748b}
.bt-desktop-sidebar{display:none}
.bt-mobile-toggle{display:inline-flex}
@media (min-width:1200px){
 .bt-desktop-sidebar{display:block}
 .bt-mobile-toggle{display:none!important}
}
@media (max-width:767px){
 .billtool-app .bt-content-wrap{padding:16px!important}
 .billtool-app .bt-topbar{height:60px!important;padding-left:14px!important;padding-right:14px!important}
 .billtool-app .bt-content .rounded-2xl{border-radius:14px}
 .billtool-app .bt-content table{min-width:680px}
 .billtool-app .bt-content .text-2xl{font-size:1.35rem;line-height:1.8rem}
}
/* Landing header — navegación organizada */
.landing-header-shell{width:min(100%,1540px)}
.landing-header-row{display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:20px}
.landing-brand{min-width:0}
.landing-desktop-nav{gap:18px;min-width:0}
.landing-nav-link{font-size:12px;line-height:1;font-weight:500}
.landing-desktop-actions{gap:10px;white-space:nowrap}
.landing-login-btn,.landing-register-btn{padding:9px 14px}
@media (min-width:1440px){
 .landing-header-row{grid-template-columns:205px minmax(0,1fr) auto;gap:26px}
 .landing-desktop-nav{gap:22px}
 .landing-nav-link{font-size:13px}
 .landing-login-btn,.landing-register-btn{padding:10px 16px}
}
@media (min-width:1280px) and (max-width:1439px){
 .landing-header-row{grid-template-columns:175px minmax(0,1fr) auto;gap:14px}
 .landing-desktop-nav{gap:13px}
 .landing-nav-link{font-size:11px}
 .landing-login-btn,.landing-register-btn{padding:8px 11px;font-size:12px}
}
/* Landing responsive refinements */
@media (max-width:1279px){
 header .landing-desktop-nav, header .landing-desktop-actions{display:none!important}
 header .landing-menu-button{display:block!important}
}
@media (min-width:1280px){
 header .landing-desktop-nav, header .landing-desktop-actions{display:flex!important}
 header .landing-menu-button{display:none!important}
 .landing-mobile-menu{display:none!important}
}
@media (max-width:640px){
 section{scroll-margin-top:68px}
 header img{max-width:150px}
}


.billtool-app .bt-sidebar{background:linear-gradient(180deg,#062889 0%,#08277a 55%,#051c60 100%);}
.billtool-app .bt-side-divider{height:1px;background:rgba(255,255,255,.12);margin:0 4px 14px;}
.billtool-app .bt-side-group{padding:2px 0 4px;}
.billtool-app .bt-side-group-head{padding:7px 10px 5px;color:#9fb7f2;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;border-radius:10px;}
.billtool-app .bt-side-group-head:hover{background:rgba(255,255,255,.06);color:#fff;}
.billtool-app .bt-side-chevron{font-size:15px;line-height:1;color:#c8d6fb;}
.billtool-app .bt-side-nav{min-height:42px;border:1px solid transparent;}
.billtool-app .bt-side-icon{width:24px;height:24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);font-size:13px;flex:0 0 auto;}
.billtool-app .bt-nav-active .bt-side-icon{background:rgba(255,255,255,.18);}
.billtool-app .bt-side-badge{min-width:20px;height:20px;border-radius:999px;background:#fff;color:#D80000;font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;}
.billtool-app .bt-side-account{border-top:1px solid rgba(255,255,255,.14);padding-top:14px;}
.billtool-app .bt-pref-select{height:36px;border:1px solid #dbe3ef;background:#fff;color:#0f172a;border-radius:10px;padding:0 28px 0 10px;font-size:12px;font-weight:700;outline:none;box-shadow:0 1px 2px rgba(15,23,42,.03);}
.billtool-app .bt-pref-select:focus{border-color:#062889;box-shadow:0 0 0 3px rgba(6,40,137,.08);}
@media(max-width:639px){.billtool-app .bt-topbar{align-items:flex-start}.billtool-app .bt-panel-prefs{order:2;width:100%;justify-content:flex-end}.billtool-app .bt-pref-select{height:34px;font-size:11px;max-width:118px}}



  /* ---------- Base / atmósfera landing (dark) ---------- */
  body{
    background:
      radial-gradient(ellipse 70% 50% at 15% -10%, rgba(30,71,206,0.20), transparent 60%),
      radial-gradient(ellipse 60% 45% at 100% 0%, rgba(126,151,240,0.14), transparent 60%),
      radial-gradient(ellipse 55% 40% at 50% 100%, rgba(216,0,0,0.07), transparent 65%),
      #03102B;
    background-attachment:fixed;
  }
  ::selection{ background:rgba(126,151,240,.35); color:#fff; }

  h1,h2,h3,.font-display{ letter-spacing:-0.01em; }
  .text-3xl.font-display,.text-4xl.font-display,.xl\:text-6xl.font-display{ letter-spacing:-0.02em; text-shadow:0 2px 24px rgba(6,40,137,.35); }
  .text-gradient,.gold-gradient{ filter:drop-shadow(0 2px 10px rgba(30,71,206,.25)); }

  /* ---------- Glass cards: más profundidad, borde con brillo superior ---------- */
  .glass,.glass-strong{
    position:relative;
    box-shadow:0 10px 34px -14px rgba(3,16,43,.55), inset 0 1px 0 rgba(255,255,255,.06);
    transition:box-shadow .3s ease, border-color .3s ease, transform .3s ease;
  }
  .glass-strong{ box-shadow:0 22px 60px -18px rgba(3,16,43,.75), inset 0 1px 0 rgba(255,255,255,.08); }

  /* ---------- Hover-lift: elevación más suave y con brillo de marca ---------- */
  .hover-lift{ transition:transform .3s cubic-bezier(.2,.8,.2,1), border-color .3s ease, box-shadow .3s ease; }
  .hover-lift:hover{
    transform:translateY(-6px);
    border-color:rgba(126,151,240,.55);
    box-shadow:0 26px 54px -20px rgba(30,71,206,.55), 0 0 0 1px rgba(126,151,240,.12);
  }

  /* ---------- Botones primarios (gradiente bsblue → bscyan) ---------- */
  [class*="from-bsblue"][class*="to-bscyan"]{
    position:relative; overflow:hidden;
    box-shadow:0 10px 26px -8px rgba(30,71,206,.55);
    transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
  }
  [class*="from-bsblue"][class*="to-bscyan"]:hover{
    transform:translateY(-2px);
    filter:brightness(1.08);
    box-shadow:0 16px 34px -10px rgba(30,71,206,.65);
  }
  [class*="from-bsblue"][class*="to-bscyan"]:active{ transform:translateY(0); filter:brightness(.97); }
  [class*="from-bsblue"][class*="to-bscyan"]:disabled{ box-shadow:none; }

  /* Botón rojo institucional (CTAs secundarios / bsred) */
  [class*="bg-bsred"]:not([class*="/"]){ transition:filter .2s ease, transform .2s ease; }
  [class*="bg-bsred"]:not([class*="/"]):hover{ filter:brightness(1.1); transform:translateY(-1px); }

  /* Botones con borde (outline) sobre fondo oscuro */
  a[class*="border-bscyan"],button[class*="border-bscyan"]{ transition:background-color .25s ease, border-color .25s ease, transform .2s ease; }
  a[class*="border-bscyan"]:hover,button[class*="border-bscyan"]:hover{ transform:translateY(-2px); }

  /* Foco accesible con color de marca en toda la app */
  a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
    outline:2px solid #7E97F0; outline-offset:2px; border-radius:6px;
  }

  /* ---------- Inputs (landing / modales oscuros) ---------- */
  .input-bs{ box-shadow:inset 0 1px 2px rgba(0,0,0,.25); transition:border-color .2s ease, box-shadow .2s ease; }
  .input-bs:focus{ box-shadow:inset 0 1px 2px rgba(0,0,0,.25), 0 0 0 3px rgba(126,151,240,.20); }

  /* ---------- FAQ ---------- */
  details.faq{ transition:border-color .25s ease, background-color .25s ease; }
  details.faq:hover{ border-color:rgba(126,151,240,.35); }
  details.faq[open]{ border-color:rgba(126,151,240,.45); }
  .faq-chevron{ color:#7E97F0; }

  /* ---------- Header landing ---------- */
  header{ transition:box-shadow .3s ease, background-color .3s ease; }
  .landing-nav-link{ position:relative; transition:color .2s ease; }
  .landing-nav-link::after{
    content:""; position:absolute; left:0; right:100%; bottom:-4px; height:2px;
    background:linear-gradient(90deg,#1E47CE,#7E97F0); border-radius:2px; transition:right .25s ease;
  }
  .landing-nav-link:hover::after{ right:0; }
  .landing-login-btn,.landing-register-btn{ transition:transform .2s ease, box-shadow .2s ease, filter .2s ease; }
  .landing-login-btn:hover,.landing-register-btn:hover{ transform:translateY(-1px); }

  /* ---------- Scrollbar con degradado de marca ---------- */
  ::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#1E47CE,#7E97F0); border-radius:8px; }
  ::-webkit-scrollbar-thumb:hover{ background:linear-gradient(180deg,#2a56e0,#8fa6ff); }

  /* ---------- Grid-lines / mesh: un poco más de presencia ---------- */
  .grid-lines{ opacity:.9; }

  /* ============================================================
     BILLTOOL (dashboards admin/usuario) — workspace claro
     ============================================================ */
  .billtool-app{ background:radial-gradient(ellipse 90% 60% at 50% -10%, rgba(6,40,137,.05), transparent 60%), #f5f7fb; }

  /* Sidebar con más profundidad y resplandor superior */
  .billtool-app .bt-sidebar{
    background:linear-gradient(165deg,#08308f 0%,#062889 45%,#041c66 100%);
    box-shadow:8px 0 30px rgba(6,40,137,.25), inset -1px 0 0 rgba(255,255,255,.06);
  }
  .billtool-app .bt-sidebar::before{
    content:""; position:absolute; inset:0 0 auto 0; height:180px; pointer-events:none;
    background:radial-gradient(ellipse 70% 100% at 50% 0%, rgba(126,151,240,.18), transparent 70%);
  }
  .billtool-app .bt-side-nav{ transition:background-color .2s ease, transform .15s ease, box-shadow .2s ease; }
  .billtool-app .bt-side-nav:hover{ transform:translateX(2px); }
  .billtool-app .bt-nav-active{ box-shadow:0 8px 20px rgba(216,0,0,.32); }
  .billtool-app .bt-nav-active .bt-side-icon{ box-shadow:0 0 0 1px rgba(255,255,255,.25) inset; }

  /* Topbar: línea de acento inferior + sombra más limpia */
  .billtool-app .bt-topbar{
    box-shadow:0 6px 20px -12px rgba(15,23,42,.25);
    border-bottom:1px solid #e7ebf3;
  }

  /* Tarjetas del workspace claro: sombra más suave y hover controlado */
  .billtool-app .bt-content .glass,.billtool-app .bt-content .glass-strong{
    box-shadow:0 4px 16px rgba(15,23,42,.05), 0 1px 2px rgba(15,23,42,.04);
  }
  .billtool-app .bt-content .hover-lift:hover{
    transform:translateY(-4px);
    border-color:#c7d4ee;
    box-shadow:0 20px 40px -18px rgba(6,40,137,.28);
  }
  .billtool-app .bt-content section.glass-strong{
    border-top:3px solid transparent;
    border-image:linear-gradient(90deg,#062889,#7E97F0) 1;
  }

  /* KPIs / celdas numéricas destacadas */
  .billtool-app .bt-kpi{ box-shadow:0 4px 14px rgba(15,23,42,.05); transition:box-shadow .25s ease, transform .25s ease; }
  .billtool-app .bt-kpi:hover{ box-shadow:0 12px 26px -10px rgba(6,40,137,.22); transform:translateY(-2px); }

  /* Inputs del workspace claro */
  .billtool-app .bt-content .input-bs{ box-shadow:inset 0 1px 2px rgba(15,23,42,.04); }
  .billtool-app .bt-content .input-bs:focus{ box-shadow:0 0 0 3px rgba(47,91,231,.12); }

  /* Tablas: cabecera y zebra striping sutil */
  .billtool-app .bt-table thead th{ letter-spacing:.04em; text-transform:uppercase; font-size:10.5px; }
  .billtool-app .bt-table tbody tr{ transition:background-color .15s ease; }
  .billtool-app .bt-table tbody tr:hover{ background:#f8fafc; }
  .billtool-app .bt-table tbody tr:nth-child(even){ background:rgba(248,250,252,.6); }

  /* Botones del workspace claro con gradiente de marca */
  .billtool-app [class*="from-bsblue"][class*="to-bscyan"]{ box-shadow:0 10px 22px -8px rgba(30,71,206,.35); }

  /* Selects de preferencia */
  .billtool-app .bt-pref-select{ transition:box-shadow .2s ease, border-color .2s ease; }

  @media (prefers-reduced-motion: reduce){
    .hover-lift,.hover-lift:hover,.billtool-app .bt-side-nav,.billtool-app .bt-kpi,
    [class*="from-bsblue"][class*="to-bscyan"]{ transition:none!important; transform:none!important; }
  }


.billtool-app .bt-dashboard{color:#0f172a}
.billtool-app .bt-dashboard h1,.billtool-app .bt-dashboard h2,.billtool-app .bt-dashboard h3{color:#020617!important}
.billtool-app .bt-dash-select{height:38px;border:1px solid #dbe3ef;background:#fff;color:#0f172a;border-radius:10px;padding:0 30px 0 11px;font-size:11px;font-weight:600;outline:none;box-shadow:0 1px 2px rgba(15,23,42,.03)}
.billtool-app .bt-dash-select:focus{border-color:#062889;box-shadow:0 0 0 3px rgba(6,40,137,.08)}
.billtool-app .bt-dashboard section{border-top-width:1px!important}
.billtool-app .bt-dashboard table th{font-weight:700;color:#475569}
.billtool-app .bt-dashboard table td{color:#334155}
@media(max-width:640px){.billtool-app .bt-dashboard{font-size:14px}.billtool-app .bt-dash-select{width:100%;min-width:0}}


.billtool-app .bt-chart-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.billtool-app .bt-chart-action{height:30px;padding:0 10px;border-radius:9px;border:1px solid #dbe3ef;background:#fff;color:#334155;font-size:10px;font-weight:800;display:inline-flex;align-items:center;gap:5px;transition:.15s}
.billtool-app .bt-chart-action:hover{border-color:#9db1ef;color:#062889;box-shadow:0 4px 12px rgba(6,40,137,.10)}
.billtool-app .bt-report-check{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;font-size:12px;font-weight:650;color:#334155;cursor:pointer}
.billtool-app .bt-report-check input{accent-color:#062889;width:15px;height:15px}
.billtool-app .bt-report-preview{background:#fff;border:1px solid #dbe3ef;border-radius:20px;overflow:hidden;box-shadow:0 10px 28px rgba(15,23,42,.06)}
.billtool-app .bt-report-brand{padding:22px 24px;border-bottom:3px solid #062889;display:flex;align-items:center;justify-content:space-between;gap:20px}
.billtool-app .bt-report-brand img{height:46px;max-width:220px;object-fit:contain}
.billtool-app .bt-report-kpi{border:1px solid #e2e8f0;border-radius:14px;padding:14px;background:#fff}
.billtool-app .bt-report-kpi .v{font-size:22px;font-weight:850;color:#0f172a;margin-top:4px}
.billtool-app .bt-report-section{padding:18px 24px;border-top:1px solid #edf0f5}
.billtool-app .bt-report-section h3{font-size:14px;font-weight:850;color:#0f172a;margin-bottom:12px}
.bt-chart-presenter{position:fixed;inset:0;z-index:99999;background:rgba(2,6,23,.82);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:14px}
.bt-chart-presenter-card{width:min(1500px,97vw);height:min(920px,95vh);background:#f8fafc;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.42);display:flex;flex-direction:column;overflow:hidden}
.bt-chart-presenter-card:fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}
.bt-chart-presenter-head{height:64px;flex:0 0 auto;padding:10px 16px 10px 20px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:16px}
.bt-chart-presenter-head small{display:block;color:#64748b;font-size:10px;font-weight:750}.bt-chart-presenter-head h3{margin:1px 0 0;color:#0f172a;font-size:17px;font-weight:850}
.bt-chart-presenter-body{flex:1;min-height:0;padding:18px;overflow:auto;display:flex;align-items:stretch;justify-content:center}
.bt-chart-presenter-stage{width:100%;min-height:100%;display:flex;align-items:center;justify-content:center}
.bt-chart-presenter-stage>section,.bt-chart-presenter-stage>.bt-report-preview{width:min(1320px,100%);margin:auto;box-shadow:none!important}
.bt-presenter-btn{border:1px solid #dbe3ef;background:#fff;color:#0f172a;border-radius:10px;padding:8px 11px;font-size:11px;font-weight:800}.bt-presenter-btn.primary{background:#062889;color:white;border-color:#062889}.bt-presenter-btn.danger{color:#D80000}
@media(max-width:640px){.bt-chart-presenter-head{height:auto;align-items:flex-start;flex-direction:column}.bt-chart-presenter-card{height:97vh}.bt-chart-presenter-body{padding:8px}.billtool-app .bt-report-brand{align-items:flex-start;flex-direction:column}}

/* ===== Biblioteca Bill Supply · Fase 8 ===== */
.bt-library-toolbar{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;padding:1rem;border:1px solid #e2e8f0;background:#fff;border-radius:1rem;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.bt-library-search{flex:1;min-width:240px;height:44px;border:1px solid #e2e8f0;border-radius:.8rem;padding:0 .95rem;font-size:.85rem;outline:none;background:#fff;color:#0f172a}.bt-library-search:focus,.bt-library-select:focus,.bt-library-form-select:focus,.bt-library-textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(59,130,246,.10)}
.bt-library-select,.bt-library-form-select{height:44px;border:1px solid #e2e8f0;border-radius:.8rem;padding:0 .85rem;background:#fff;color:#334155;font-size:.82rem;outline:none}.bt-library-textarea{width:100%;border:1px solid #e2e8f0;border-radius:.9rem;padding:.85rem .95rem;background:#fff;color:#0f172a;font-size:.85rem;outline:none;resize:vertical}
.bt-library-card{border:1px solid #e2e8f0;background:#fff;border-radius:1.05rem;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.05);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.bt-library-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(15,23,42,.10);border-color:#bfdbfe}.bt-library-cover-wrap{position:relative;aspect-ratio:4/5;background:linear-gradient(145deg,#eff6ff,#f8fafc);overflow:hidden}.bt-library-cover{width:100%;height:100%;object-fit:cover;display:block}.bt-library-cover-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#062889;background:radial-gradient(circle at 30% 20%,#dbeafe,transparent 36%),linear-gradient(145deg,#f8fafc,#eef2ff)}.bt-library-open-pill{position:absolute;right:12px;bottom:12px;background:rgba(6,40,137,.94);color:#fff;padding:.45rem .7rem;border-radius:999px;font-size:.68rem;font-weight:800;box-shadow:0 8px 20px rgba(6,40,137,.25);opacity:.96}.bt-library-drop{border:1.5px dashed #bfdbfe;background:#f8fbff;border-radius:1rem;padding:1.15rem}
.bt-book-overlay{position:fixed;inset:0;z-index:120;background:#171717;color:#fff;display:flex;flex-direction:column}.bt-book-overlay:fullscreen{background:#111}.bt-book-top{min-height:68px;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;gap:16px;background:#202020}.bt-book-btn{height:38px;padding:0 13px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#2a2a2a;color:#fff;font-size:.72rem;font-weight:700}.bt-book-btn:hover{background:#333}.bt-book-close{background:#3a1717;border-color:#5d2323}.bt-book-stage{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:22px 72px;overflow:auto;background:radial-gradient(circle at center,#383838 0,#292929 54%,#202020 100%)}.bt-book-spread{display:flex;align-items:center;justify-content:center;gap:2px;filter:drop-shadow(0 22px 30px rgba(0,0,0,.35));perspective:1400px;transition:transform .18s ease,opacity .18s ease}.bt-book-spread.turning{transform:scale(.985) rotateY(-1.2deg);opacity:.88}.bt-book-page{background:#fff;min-height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset -10px 0 20px rgba(0,0,0,.06)}.bt-book-page-right{box-shadow:inset 10px 0 20px rgba(0,0,0,.05)}.bt-book-page canvas{display:block;max-width:100%;height:auto}.bt-book-arrow{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:92px;border:0;border-radius:14px;background:rgba(0,0,0,.45);color:#fff;font-size:3rem;line-height:1;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);transition:.18s}.bt-book-arrow:hover:not(:disabled){background:rgba(6,40,137,.85)}.bt-book-arrow:disabled{opacity:.25}.bt-book-arrow.left{left:16px}.bt-book-arrow.right{right:16px}.bt-book-footer{min-height:52px;padding:8px 18px;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:18px;background:#202020;font-size:.76rem}.bt-book-footer input[type=range]{flex:1;accent-color:#fff}
@media(max-width:900px){.bt-book-stage{padding:16px 52px}.bt-book-page-right{display:none!important}.bt-book-top{align-items:flex-start}.bt-book-top>div:last-child{flex-wrap:wrap;justify-content:flex-end}.bt-book-btn{height:34px;padding:0 9px;font-size:.66rem}.bt-book-arrow{width:40px;height:70px}.bt-book-arrow.left{left:6px}.bt-book-arrow.right{right:6px}}

/* =========================================================
   Responsive móvil consolidado — 2026-10-01
   Ajustado a capturas reales de iPhone / navegador Instagram.
   ========================================================= */
html,body,#root{max-width:100%;overflow-x:hidden}
body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
img,svg,video,canvas{max-width:100%}
.glass,.glass-strong{min-width:0}

@media (max-width:640px){
  /* Ritmo general de la landing */
  section{scroll-margin-top:74px}
  .bt-hero-section{padding-top:96px!important;padding-bottom:56px!important}
  .bt-hero-grid{gap:34px!important;padding-left:18px!important;padding-right:18px!important}
  .bt-hero-copy h1{font-size:2.05rem!important;line-height:1.08!important}
  .bt-hero-copy>p{font-size:.98rem!important;line-height:1.65!important}
  .bt-hero-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}
  .bt-hero-actions>a{min-height:46px;display:flex;align-items:center;justify-content:center;text-align:center;padding:11px 12px!important;font-size:.82rem}
  .bt-hero-actions>a:last-child{grid-column:1/-1}

  /* Demo visual: evita textos apretados y filas que se salen */
  .bt-hero-demo .glass-strong{padding:16px!important}
  .bt-demo-head{align-items:flex-start!important;gap:10px}
  .bt-demo-head>div:first-child{min-width:0;flex:1}
  .bt-demo-head img{flex:0 0 auto}
  .bt-demo-head span.font-display{font-size:.82rem!important;line-height:1.25;white-space:normal}
  .bt-demo-kpis{gap:8px!important}
  .bt-demo-kpis>div{padding:10px!important;min-width:0}
  .bt-demo-kpis>div>div:first-child{font-size:8px!important;line-height:1.25}
  .bt-demo-kpis>div>div:last-child{font-size:.78rem!important;overflow-wrap:anywhere}
  .bt-demo-service{gap:10px!important;padding:11px!important}
  .bt-demo-service>div{min-width:0}
  .bt-demo-service>div>div:first-child{white-space:normal;overflow-wrap:anywhere}
  .bt-demo-service>span{flex:0 0 auto;max-width:48%;text-align:center}

  /* Cultura: elimina el desborde de “Reconocimiento” */
  #cultura .rounded-2xl{min-width:0}
  #valores>.glass,#filosofia{padding:20px!important}
  .bt-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .bt-value-card{min-width:0;padding:12px 10px!important;gap:8px!important}
  .bt-value-card>span:first-child{flex:0 0 auto}
  .bt-value-label{min-width:0;font-size:.78rem!important;line-height:1.2!important;overflow-wrap:anywhere;word-break:normal}
  .bt-philosophy-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}
  .bt-philosophy-chip{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;text-align:center;line-height:1.25;padding:10px 8px!important;overflow-wrap:anywhere}

  /* Planes: una sola columna limpia, sin comprimir cabecera ni precios */
  #planes{padding-top:56px!important;padding-bottom:56px!important}
  .bt-plans-grid{grid-template-columns:1fr!important;gap:22px!important}
  .bt-plan-card{padding:18px!important;border-radius:18px!important}
  .bt-plan-image{margin-bottom:16px!important;border-radius:14px!important}
  .bt-plan-head{align-items:flex-start!important;gap:10px;flex-wrap:wrap;margin-bottom:14px!important}
  .bt-plan-head h3{font-size:1.75rem!important;line-height:1.1}
  .bt-plan-head>span{max-width:100%;white-space:normal;text-align:center}
  .bt-plan-price-grid{gap:7px!important;margin-bottom:16px!important}
  .bt-plan-price-grid>div{padding:9px 5px!important;min-width:0}
  .bt-plan-price-grid>div>div:first-child{font-size:8px!important;line-height:1.15}
  .bt-plan-price-grid>div>div:last-child{font-size:.8rem!important;overflow-wrap:anywhere}
  .bt-plan-card ul{margin-bottom:16px!important}
  .bt-plan-card li{font-size:.78rem!important;line-height:1.55!important}
  .bt-plan-card>a{min-height:48px;display:flex!important;align-items:center;justify-content:center;font-size:.9rem!important}

  /* Mejor lectura en tarjetas institucionales */
  #cultura .p-7{padding:20px}
  #cultura p{overflow-wrap:anywhere}
}

@media (max-width:430px){
  .bt-hero-actions{grid-template-columns:1fr!important}
  .bt-hero-actions>a:last-child{grid-column:auto}
  .bt-demo-kpis{grid-template-columns:1fr!important}
  .bt-demo-kpis>div>div:last-child{font-size:.92rem!important}
  .bt-demo-service{align-items:flex-start!important;flex-direction:column!important}
  .bt-demo-service>span{max-width:100%}
  .bt-values-grid{grid-template-columns:1fr!important}
  .bt-value-card{padding:13px 12px!important}
  .bt-value-label{font-size:.86rem!important}
  .bt-philosophy-grid{grid-template-columns:1fr!important}
  .bt-plan-price-grid{grid-template-columns:1fr 1fr!important}
  .bt-plan-price-grid>div:last-child{grid-column:1/-1}
}

@media (max-width:360px){
  .bt-hero-copy h1{font-size:1.8rem!important}
  .bt-plan-card{padding:14px!important}
  .bt-plan-head h3{font-size:1.55rem!important}
}


/* =========================================================
   Responsive dashboard V2 — pruebas Chrome Device Toolbar
   iPhone 440px + viewport intermedio 1280px con DevTools.
   ========================================================= */
@media (max-width:1535px){
  /* Evita 6 KPI y 3 visuales comprimidos cuando el sidebar ocupa ancho útil. */
  .billtool-app .bt-dashboard .bt-kpi,
  .billtool-app .bt-dashboard section,
  .billtool-app .bt-dashboard .rounded-2xl{min-width:0}
}

@media (max-width:1023px){
  .billtool-app .bt-content-wrap{padding:14px!important}
  .billtool-app .bt-dashboard{gap:14px}
  .billtool-app .bt-dashboard h1{font-size:1.5rem!important;line-height:1.15!important}
  .billtool-app .bt-dashboard p{line-height:1.45}
}

@media (max-width:639px){
  /* Topbar en dos niveles: identidad arriba, preferencias abajo. */
  .billtool-app .bt-topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center!important;
    gap:7px 8px!important;
    padding:7px 10px!important;
    min-height:auto!important;
  }
  .billtool-app .bt-topbar>div:first-child{min-width:0}
  .billtool-app .bt-topbar>div:last-child{
    grid-column:1/-1;
    width:100%;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:7px!important;
    align-items:center;
  }
  .billtool-app .bt-panel-prefs{
    width:100%!important;
    min-width:0;
    display:grid!important;
    grid-template-columns:minmax(58px,.7fr) minmax(112px,1.3fr);
    gap:6px!important;
    justify-content:stretch!important;
  }
  .billtool-app .bt-pref-select{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:36px!important;
    padding-left:8px!important;
    padding-right:22px!important;
    font-size:10px!important;
  }
  .billtool-app .bt-topbar button[title="Notificaciones"],
  .billtool-app .bt-topbar button[title="Configuraciones"]{width:36px!important;height:36px!important}
  .billtool-app .bt-mobile-toggle{width:36px!important;height:36px!important}

  /* Dashboard móvil: tipografía y espacios legibles sin huecos excesivos. */
  .billtool-app .bt-content-wrap{padding:10px!important}
  .billtool-app .bt-dashboard{font-size:13px!important}
  .billtool-app .bt-dashboard>div:first-child{gap:10px!important}
  .billtool-app .bt-dashboard h1{font-size:1.28rem!important;line-height:1.15!important}
  .billtool-app .bt-dashboard h1+p{font-size:11px!important;margin-top:3px!important}
  .billtool-app .bt-dash-select{height:36px!important;font-size:10px!important}
  .billtool-app .bt-dashboard .rounded-2xl{border-radius:13px!important}
  .billtool-app .bt-dashboard .p-4{padding:12px!important}
  .billtool-app .bt-chart-actions{gap:4px}
  .billtool-app .bt-chart-action{height:27px;padding:0 8px;font-size:9px}

  /* Paneles visuales: evita gráficas demasiado bajas/estrechas. */
  .billtool-app .bt-dashboard svg,
  .billtool-app .bt-dashboard canvas{max-width:100%!important}
  .billtool-app .bt-dashboard .overflow-x-auto{-webkit-overflow-scrolling:touch}

  /* Botoneras de próximas acciones: una columna en móvil real. */
  .billtool-app .bt-dashboard button{overflow-wrap:anywhere}
}

@media (min-width:640px) and (max-width:1279px){
  /* Tablet / ventanas angostas: evita textos KPI truncados. */
  .billtool-app .bt-dashboard .text-2xl{font-size:1.2rem!important}
  .billtool-app .bt-dashboard .text-xs{line-height:1.35}
}

@media (min-width:1280px) and (max-width:1535px){
  /* Con sidebar visible quedan ~900–1100 px útiles: 3 KPI por fila es más estable. */
  .billtool-app .bt-content-wrap{padding:18px!important}
}

/* ============================================================
   BILL SUPPLY V3 — Sidebar sin scroll horizontal / hover seguro
   ============================================================ */
.billtool-app .bt-sidebar,
.billtool-app .bt-mobile-drawer{
  position:relative;
  overflow-x:hidden !important;
  max-width:100%;
}
.billtool-app .bt-sidebar *,
.billtool-app .bt-mobile-drawer *{
  box-sizing:border-box;
  max-width:100%;
  min-width:0;
}
.billtool-app .bt-sidebar > div,
.billtool-app .bt-mobile-drawer > div,
.billtool-app .bt-side-group,
.billtool-app .bt-side-group-head,
.billtool-app .bt-side-nav{
  width:100%;
  min-width:0;
}
.billtool-app .bt-sidebar .overflow-y-auto,
.billtool-app .bt-mobile-drawer .overflow-y-auto{
  overflow-x:hidden !important;
  scrollbar-gutter:auto;
}
.billtool-app .bt-side-nav,
.billtool-app .bt-side-nav:hover{
  transform:none !important;
}
.billtool-app .bt-side-nav span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.billtool-app .bt-desktop-sidebar{
  overflow-x:hidden !important;
}

/* V5 Landing: plan alignment + progressive disclosure */
.bt-plan-card { display:flex; flex-direction:column; height:100%; }
.bt-plan-rules { flex:1 1 auto; }
.bt-plan-card > a:last-child { margin-top:auto; }
.bt-landing-toggle { box-shadow:0 10px 28px rgba(6,40,137,.16); }
.bt-landing-toggle:focus-visible { outline:2px solid rgba(56,189,248,.8); outline-offset:3px; }
@media (min-width:1280px){
  .bt-plans-grid { align-items:stretch; }
  .bt-plan-card { min-height:690px; }
}

/* === Billtool Scope-10 Hotfix 2026-10-01 === */
.billtool-app .bt-meeting-share-link{
  background:#062889!important;
  color:#fff!important;
  border-color:#062889!important;
  -webkit-text-fill-color:#fff!important;
}
.billtool-app .bt-meeting-share-link::selection{background:#fff;color:#062889}
.bt-meeting-public{background:#03102B;color:#0f172a}
.bt-meeting-public-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.bt-meeting-public-info{background:linear-gradient(145deg,#062889 0%,#03102B 100%);color:#fff;min-height:100%}
.bt-meeting-public-info h1,.bt-meeting-public-info b{color:#fff!important}
.bt-meeting-public-form{background:#fff;color:#0f172a}
.bt-meeting-public-form .lbl{color:#64748b}
.bt-meeting-public-form .input-bs,
.bt-meeting-public-form select,
.bt-meeting-public-form textarea{background:#fff;color:#0f172a;border-color:#cbd5e1;color-scheme:light}
@media(max-width:1023px){.bt-meeting-public-card{grid-template-columns:1fr}.bt-meeting-public-info{min-height:auto}}
@media(max-width:640px){.bt-meeting-public{padding:12px}.bt-meeting-public-info,.bt-meeting-public-form{padding:22px!important}}

/* === Billtool Scope-10 Hotfix V2 2026-10-01 === */
/* Fallbacks for dynamic Tailwind-style utilities used by runtime-rendered panels. */
.bg-\[\#062889\]{background-color:#062889!important}
.bg-\[\#D80000\]{background-color:#D80000!important}
.bg-\[\#03102B\]{background-color:#03102B!important}
.bg-\[\#eef4ff\]{background-color:#eef4ff!important}
.text-\[\#062889\]{color:#062889!important}
.text-\[\#D80000\]{color:#D80000!important}
.w-36{width:9rem!important}.h-36{height:9rem!important}

/* Tour: never allow the primary action to inherit an invisible style. */
.billtool-app .bt-tour-actions{display:flex!important;visibility:visible!important;opacity:1!important;gap:.75rem!important;align-items:center!important}
.billtool-app .bt-tour-primary{background:#062889!important;color:#fff!important;border:1px solid #062889!important;display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:center!important;min-width:132px!important;min-height:44px!important}
.billtool-app .bt-tour-primary:hover{filter:brightness(.94)}

/* Dashboard donut: prevents the center label from collapsing vertically on narrower screens. */
.billtool-app .bt-donut{width:144px!important;height:144px!important;min-width:144px!important;min-height:144px!important;flex:0 0 144px!important;position:relative!important}
.billtool-app .bt-donut>div{min-width:0!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}
.billtool-app .bt-donut-wrap{min-width:0!important;width:100%!important;overflow:visible!important}
@media(max-width:480px){
  .billtool-app .bt-donut{width:128px!important;height:128px!important;min-width:128px!important;min-height:128px!important;flex-basis:128px!important}
}

/* Library: denser cards while keeping readable covers and file metadata. */
.billtool-app .bt-library-card{width:100%;max-width:360px;margin-inline:auto}
.billtool-app .bt-library-card .bt-library-cover-wrap{aspect-ratio:4/5!important;max-height:270px!important;min-height:0!important}
.billtool-app .bt-library-card .p-4{padding:14px!important}

/* Public meeting: keep the booking action reachable on short screens. */
.bt-meeting-public-form{padding-bottom:28px!important}

/* Public qualification: make dropdowns and final actions readable above the card. */
.bt-public-form .btq-card{overflow:visible!important}
.bt-public-form [role="listbox"],.bt-public-form .absolute{z-index:9999!important}

/* ============================================================
   BILL SUPPLY — Actualización consolidada V3 (2026-10-02)
   ============================================================ */
/* Biblioteca tipo marketplace: cinco publicaciones por página, horizontal y compacta. */
.billtool-app .bt-library-market-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}
.billtool-app .bt-library-market-grid .bt-library-card{max-width:none;height:100%;display:flex;flex-direction:column}
.billtool-app .bt-library-market-grid .bt-library-card>button{flex:1 1 auto}
.billtool-app .bt-library-market-grid .bt-library-cover-wrap{max-height:230px!important;aspect-ratio:4/5!important}
.billtool-app .bt-library-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;flex-wrap:wrap}
.billtool-app .bt-page-btn{border:1px solid #dbe3ef;background:#fff;color:#062889;border-radius:10px;padding:9px 13px;font-size:11px;font-weight:800;transition:.18s ease}
.billtool-app .bt-page-btn:hover:not(:disabled){background:#eef4ff;border-color:#9db6ff}
.billtool-app .bt-page-btn:disabled{opacity:.4;cursor:not-allowed}
.billtool-app .bt-library-upload-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end}
.billtool-app .bt-library-upload-form>div:nth-of-type(3),
.billtool-app .bt-library-upload-form>.bt-library-drop,
.billtool-app .bt-library-upload-form>label,
.billtool-app .bt-library-upload-form>button{grid-column:1/-1}
.billtool-app .bt-library-upload-form textarea{min-height:108px}
@media(max-width:1535px){.billtool-app .bt-library-market-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1279px){.billtool-app .bt-library-market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.billtool-app .bt-library-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billtool-app .bt-library-upload-form{grid-template-columns:1fr}}
@media(max-width:480px){.billtool-app .bt-library-market-grid{grid-template-columns:1fr}.billtool-app .bt-library-market-grid .bt-library-card{max-width:360px}}

/* Proyección de Ingresos: las tres etapas conservan altura y resumen alineado. */
.billtool-app .bt-stage-card{height:100%;display:flex;flex-direction:column;min-height:100%}
.billtool-app .bt-stage-summary{margin-top:auto;min-height:126px;display:flex;flex-direction:column;justify-content:center}

/* Dashboard: controles compactos y búsqueda de usuario preparada para listas grandes. */
.billtool-app .bt-dashboard .bt-dash-select{width:100%;min-width:0}
.billtool-app .bt-dashboard .relative>.bt-dash-select{padding-right:32px}
@media(min-width:1536px){.billtool-app .bt-dashboard .bt-dash-select{min-width:170px}}

/* Eventos: el estado publicado debe distinguirse claramente como acción positiva. */
.billtool-app .bt-event-published{background:#ecfdf3;color:#067647;border-color:#a6f4c5}

/* Botones de guardado global / acciones destructivas conservan contraste corporativo. */
.billtool-app button.bg-\[\#D80000\],.billtool-app .bg-\[\#D80000\]{color:#fff!important;-webkit-text-fill-color:#fff!important}


/* Dashboard visual polish — 2026-10-02 */
.billtool-app .bt-sidebar-logo-wrap{background:transparent;border-radius:0;margin-left:4px;margin-right:4px;min-height:58px;box-shadow:none;border:0;padding-left:4px!important;padding-right:4px!important}
.billtool-app .bt-sidebar-logo-wrap img{filter:drop-shadow(0 2px 5px rgba(0,0,0,.18))!important;max-height:44px;max-width:185px}

/* Legibilidad de gráficos tanto en panel como en modo presentación */
.billtool-app .bt-visual-panel,.bt-chart-presenter-stage{perspective:1000px}
.billtool-app .bt-visual-panel .text-white,.bt-chart-presenter .text-white{color:#0f172a!important}
.billtool-app .bt-visual-panel .text-slate-200,.billtool-app .bt-visual-panel .text-slate-300,.bt-chart-presenter .text-slate-200,.bt-chart-presenter .text-slate-300{color:#334155!important}
.billtool-app .bt-visual-panel .text-slate-400,.billtool-app .bt-visual-panel .text-slate-500,.billtool-app .bt-visual-panel .text-slate-600,.bt-chart-presenter .text-slate-400,.bt-chart-presenter .text-slate-500,.bt-chart-presenter .text-slate-600{color:#475569!important}
.billtool-app .bt-visual-panel h2,.billtool-app .bt-visual-panel b,.billtool-app .bt-visual-panel .font-bold,.billtool-app .bt-visual-panel .font-extrabold,.bt-chart-presenter h2,.bt-chart-presenter b,.bt-chart-presenter .font-bold,.bt-chart-presenter .font-extrabold{color:#0f172a!important}
.bt-chart-presenter-stage section{color:#0f172a!important}
.bt-chart-presenter-stage section *{text-shadow:none!important}

/* Interacción suave tipo 3D sin deformar los datos */
.billtool-app .bt-visual-panel{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;transform-style:preserve-3d}
.billtool-app .bt-visual-panel:hover{transform:translateY(-3px) rotateX(.45deg);box-shadow:0 18px 44px rgba(15,23,42,.13);border-color:#bfd0ff}
.billtool-app .bt-chart-bar{transform-origin:bottom center;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;cursor:pointer}
.billtool-app .bt-chart-bar:hover,.bt-chart-presenter .bt-chart-bar:hover{transform:translateY(-4px) scaleX(1.12) scaleY(1.06);filter:brightness(1.08);box-shadow:0 9px 18px rgba(15,23,42,.18)}
.billtool-app .bt-donut,.bt-chart-presenter .bt-donut{transition:transform .25s cubic-bezier(.2,.8,.2,1),filter .25s ease;transform-style:preserve-3d}
.billtool-app .bt-donut:hover,.bt-chart-presenter .bt-donut:hover{transform:scale(1.07) rotateZ(1.5deg) rotateX(4deg);filter:drop-shadow(0 14px 18px rgba(15,23,42,.18));cursor:pointer}
.billtool-app .bt-progress-fill,.bt-chart-presenter .bt-progress-fill{transform-origin:left center;transition:width .35s ease,transform .2s ease,filter .2s ease}
.billtool-app .bt-progress-fill:hover,.bt-chart-presenter .bt-progress-fill:hover{transform:scaleY(1.45) translateZ(8px);filter:brightness(1.05)}
.bt-chart-presenter-stage .bt-visual-panel:hover{transform:none}

/* Actividad reciente compacta, consultable y controlable */
.billtool-app .bt-recent-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.billtool-app .bt-recent-count{font-size:10px;font-weight:800;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;padding:7px 10px;border-radius:10px;white-space:nowrap}
.billtool-app .bt-recent-toggle{height:31px;padding:0 11px;border:1px solid #dbe3ef;background:#fff;color:#334155;border-radius:9px;font-size:10px;font-weight:800;transition:.15s}
.billtool-app .bt-recent-toggle:hover{border-color:#9db1ef;color:#062889;box-shadow:0 4px 12px rgba(6,40,137,.08)}
.billtool-app .bt-recent-pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;font-size:10px;color:#64748b}
.billtool-app .bt-recent-pagination button{height:30px;padding:0 10px;border-radius:9px;border:1px solid #dbe3ef;background:#fff;color:#334155;font-size:10px;font-weight:800}
.billtool-app .bt-recent-pagination button:hover:not(:disabled){border-color:#062889;color:#062889;box-shadow:0 4px 10px rgba(6,40,137,.08)}
.billtool-app .bt-recent-pagination button:disabled{opacity:.42;cursor:not-allowed}
@media(max-width:640px){.billtool-app .bt-sidebar-logo-wrap{min-height:54px}.billtool-app .bt-recent-pagination{justify-content:center}.billtool-app .bt-recent-pagination span{min-width:96px;text-align:center}}

/* ============================================================
   BILL SUPPLY — Cierre Prueba 1 / actualización final 2026-10-02
   ============================================================ */
/* Paginación y bloques plegables compartidos */
.billtool-app .bt-pager{padding-top:12px;border-top:1px solid #eef2f7}
.billtool-app .bt-pager-btn{min-width:34px;height:34px;padding:0 10px;border:1px solid #dbe3ef;background:#fff;color:#334155;border-radius:10px;font-size:12px;font-weight:800;transition:.16s ease}
.billtool-app .bt-pager-btn:hover:not(:disabled){border-color:#062889;color:#062889;background:#eef4ff;transform:translateY(-1px)}
.billtool-app .bt-pager-btn.is-active{background:#062889!important;color:#fff!important;border-color:#062889!important;box-shadow:0 6px 14px rgba(6,40,137,.18)}
.billtool-app .bt-pager-btn:disabled{opacity:.38;cursor:not-allowed}
.billtool-app .bt-disclosure-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid #dbe3ef;background:#fff;color:#062889;border-radius:10px;font-size:11px;font-weight:800;transition:.16s ease}
.billtool-app .bt-disclosure-btn:hover{background:#eef4ff;border-color:#9db6ff}

/* Kanban: estados visuales claros */
.billtool-app .bt-kanban-head{border-radius:12px;padding:10px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}
.billtool-app .bt-kanban-head.todo{background:#D80000!important;color:#fff!important}
.billtool-app .bt-kanban-head.doing{background:#facc15!important;color:#111827!important}
.billtool-app .bt-kanban-head.done{background:#079455!important;color:#fff!important}

/* Biblioteca: una página del PDF por vez y visor legible */
.bt-book-spread.bt-book-single{grid-template-columns:minmax(0,1fr)!important;max-width:min(900px,88vw)!important;margin-inline:auto!important}
.bt-book-spread.bt-book-single .bt-book-page{max-width:820px!important;margin-inline:auto!important}
.bt-book-spread.bt-book-single canvas{max-width:100%!important;height:auto!important;margin-inline:auto!important}
.billtool-app .bt-library-upload-form{max-width:1120px;margin-inline:auto}

/* Menú de configuración: siempre por encima del contenido */
.billtool-app .bt-settings-popover{position:fixed!important;right:16px!important;top:64px!important;z-index:9999!important;isolation:isolate}
@media(max-width:640px){.billtool-app .bt-settings-popover{right:10px!important;left:10px!important;width:auto!important;max-width:none!important}}

/* Contraste corporativo de acciones rellenas */
.billtool-app button.bg-\[\#062889\],.billtool-app a.bg-\[\#062889\],
.billtool-app button.bg-\[\#D80000\],.billtool-app a.bg-\[\#D80000\],
.billtool-app button.bg-bsblue,.billtool-app a.bg-bsblue,
.billtool-app button.bg-bsred,.billtool-app a.bg-bsred,
.billtool-app button.bg-emerald-600,.billtool-app a.bg-emerald-600{color:#fff!important;-webkit-text-fill-color:#fff!important}

/* Agenda pública: botones seleccionados y links siempre legibles */
.bt-meeting-public a{word-break:break-word}
.bt-meeting-public button.bg-\[\#062889\]{color:#fff!important;-webkit-text-fill-color:#fff!important}

/* Eventos: imagen consistente y cards más tipo marketplace */
.billtool-app .bt-event-cover{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#eef2f7}
.billtool-app .bt-event-card{overflow:hidden;display:flex;flex-direction:column;height:100%;transition:transform .18s ease,box-shadow .18s ease}
.billtool-app .bt-event-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(15,23,42,.10)}

/* Etapas de Ingresos: resumen alineado en las tres cards */
.billtool-app .bt-stage-card .bt-stage-summary{margin-top:auto;min-height:132px}

/* ===== PRUEBA 3 FINAL · UI hardening 2026-10-02 ===== */
.billtool-app .bt-topbar{z-index:200000!important;isolation:isolate}
.billtool-app .bt-settings-popover{z-index:2147483000!important;box-shadow:0 24px 70px rgba(15,23,42,.24)!important}
.bt-chart-presenter{z-index:2147483640!important}
.bt-chart-presenter-card:fullscreen .bt-chart-presenter-body{width:100vw;height:calc(100vh - 64px);padding:clamp(10px,2vw,32px);overflow:auto}
.bt-chart-presenter-card:fullscreen .bt-chart-presenter-stage{width:100%;height:100%;min-height:calc(100vh - 128px);align-items:stretch}
.bt-chart-presenter-card:fullscreen .bt-chart-presenter-stage>section,
.bt-chart-presenter-card:fullscreen .bt-chart-presenter-stage>.bt-report-preview{width:100%!important;max-width:none!important;min-height:100%!important;margin:0!important;display:flex;flex-direction:column;justify-content:center}
.bt-chart-presenter-card:fullscreen .bt-donut{width:clamp(190px,28vw,440px)!important;height:clamp(190px,28vw,440px)!important}
.bt-chart-presenter-card:fullscreen .bt-chart-bars{min-height:clamp(280px,54vh,650px)!important}
.billtool-app .bt-notification-toggle{display:inline-flex!important;visibility:visible!important;opacity:1!important}
.billtool-app .bt-notification-toggle:disabled{opacity:.62!important}
.billtool-app .bt-goal-save{background:#D80000!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#D80000!important;min-width:110px;min-height:42px}
.billtool-app .bt-form-actions{align-items:stretch}
.billtool-app .bt-form-actions>button{min-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1.2!important}
@media(max-width:639px){.billtool-app .bt-form-actions{grid-template-columns:1fr 1fr!important}.billtool-app .bt-form-actions>button:last-child{grid-column:1/-1}}
.billtool-app .bt-library-card{height:100%;display:flex;flex-direction:column;overflow:hidden}
.billtool-app .bt-library-card .bt-library-card-body{display:flex;flex-direction:column;flex:1;min-height:0}
.billtool-app .bt-library-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto;padding-top:12px}
.billtool-app .bt-library-action{min-height:38px;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 10px;border-radius:10px;font-size:11px;font-weight:750}
@media(max-width:640px){.billtool-app .bt-library-actions{grid-template-columns:1fr}}
.btq-notice-toast{position:fixed;left:50%;top:22px;transform:translateX(-50%);z-index:2147483500;width:min(92vw,520px);background:#fff;border:1px solid #fecaca;border-left:5px solid #D80000;border-radius:16px;box-shadow:0 20px 55px rgba(15,23,42,.22);padding:14px 48px 14px 16px;color:#7f1d1d}
.btq-notice-toast button{position:absolute;right:10px;top:9px;width:30px;height:30px;border-radius:9px;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}
.bt-meeting-public-card{min-height:min(680px,92vh)}
.bt-meeting-public-form{position:relative}
.bt-meeting-public .bt-meeting-empty-reason{line-height:1.55}

/* ============================================================
   BILL SUPPLY — Consolidación Hostinger 2026-10-03
   Correcciones visuales, responsive, Biblioteca/Eventos y formularios
   ============================================================ */

/* Workspace claro: evita que inputs/selects simples hereden color-scheme oscuro del landing. */
.billtool-app .bt-content input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
.billtool-app .bt-content select,
.billtool-app .bt-content textarea{
  background:#fff!important;
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a;
  border-color:#cbd5e1!important;
  color-scheme:light!important;
}
.billtool-app .bt-content input::placeholder,
.billtool-app .bt-content textarea::placeholder{color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important;opacity:1}
.billtool-app .bt-content select option{background:#fff!important;color:#0f172a!important}
.billtool-app .bt-content input:focus,
.billtool-app .bt-content select:focus,
.billtool-app .bt-content textarea:focus{border-color:#062889!important;box-shadow:0 0 0 3px rgba(6,40,137,.10)!important;outline:none!important}

/* Roles y permisos: fondo blanco, borde claro y tipografía negra. */
.billtool-app .bt-content [class*="border-slate-200"] input,
.billtool-app .bt-content [class*="border-slate-200"] select,
.billtool-app .bt-content [class*="border-slate-200"] textarea{color-scheme:light}

/* Topbar móvil: controles en una segunda fila sin superposición. */
@media(max-width:639px){
  .billtool-app .bt-topbar{
    height:auto!important;
    min-height:104px!important;
    padding:10px 12px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:8px!important;
  }
  .billtool-app .bt-topbar>div:first-child{width:100%;min-width:0;align-items:center!important}
  .billtool-app .bt-topbar>div:last-child{
    width:100%;
    min-width:0;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    overflow-x:auto;
    overflow-y:visible;
    padding-bottom:2px;
    scrollbar-width:none;
  }
  .billtool-app .bt-topbar>div:last-child::-webkit-scrollbar{display:none}
  .billtool-app .bt-panel-prefs{order:0!important;width:auto!important;flex:0 0 auto!important;justify-content:flex-start!important}
  .billtool-app .bt-pref-select{height:36px!important;max-width:105px!important;font-size:10px!important;padding-left:8px!important;padding-right:22px!important}
  .billtool-app .bt-topbar button.w-10{width:36px!important;height:36px!important;flex:0 0 36px!important}
  .billtool-app .bt-content-wrap{padding-top:16px!important}
}

/* Confirmación de Agenda: URLs largas nunca deforman la tarjeta. */
.bt-meeting-confirm-link{max-width:100%;min-width:0;overflow-wrap:anywhere!important;word-break:break-word!important;white-space:normal!important;line-height:1.45}

/* Biblioteca y Eventos comparten proporción visual de card. */
.billtool-app .bt-library-market-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
}
.billtool-app .bt-library-card,
.billtool-app .bt-event-card{min-height:455px;height:100%}
.billtool-app .bt-library-card .bt-library-cover-wrap,
.billtool-app .bt-event-card .bt-event-cover{
  aspect-ratio:16/9!important;
  min-height:0!important;
  max-height:none!important;
}
.billtool-app .bt-library-cover{object-fit:contain!important;background:#f8fafc;padding:8px}
.billtool-app .bt-library-card .bt-library-card-body{flex:1}
.billtool-app .bt-library-card>button{display:flex!important;flex-direction:column!important;flex:1 1 auto!important}
.billtool-app .bt-library-card>button>.p-4{flex:1 1 auto!important}
.billtool-app .bt-library-actions{min-height:54px}
.billtool-app .bt-event-card .p-5{flex:1 1 auto}
.billtool-app .bt-event-actions{min-height:40px}
@media(max-width:1279px){.billtool-app .bt-library-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:767px){.billtool-app .bt-library-market-grid{grid-template-columns:1fr!important}.billtool-app .bt-library-card,.billtool-app .bt-event-card{min-height:0}}

/* Calificación usuario: cards clicables con foco accesible y tamaño consistente. */
.billtool-app .bt-qualification-form-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;min-height:210px}
.billtool-app .bt-qualification-form-card:hover,.billtool-app .bt-qualification-form-card:focus-visible{transform:translateY(-2px);border-color:#93b4ff;box-shadow:0 14px 30px rgba(6,40,137,.10);outline:none}

/* Leyendas / progreso: texto siempre visible y barras sin pérdida de contraste. */
.billtool-app .bt-progress-fill{min-width:2px}
.billtool-app .bt-chart-bars,.billtool-app .bt-visual-panel{overflow:visible}

/* ===== Ronda 2 · ajustes finales 03-10-2026 ===== */
/* Header más limpio: idioma/moneda viven dentro de Configuración. */
@media(max-width:639px){
  .billtool-app .bt-topbar{height:60px!important;min-height:60px!important;padding:8px 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
  .billtool-app .bt-topbar>div:first-child{width:auto!important;flex:1 1 auto!important;min-width:0!important}
  .billtool-app .bt-topbar>div:last-child{width:auto!important;flex:0 0 auto!important;overflow:visible!important;padding:0!important;justify-content:flex-end!important}
  .billtool-app .bt-content-wrap{padding-top:12px!important}
}
/* Biblioteca: portada ocupa toda el área superior, igual que Eventos. */
.billtool-app .bt-library-cover{width:100%!important;height:100%!important;object-fit:cover!important;background:#eef2f7!important;padding:0!important}
.billtool-app .bt-library-cover-placeholder{width:100%!important;height:100%!important;min-height:100%!important}
/* Visor PDF nativo same-origin, sin eval/new Function. */
.bt-book-native-stage{padding:14px!important;overflow:hidden!important;background:#252525!important}
.bt-book-pdf-frame{display:block;width:min(1200px,100%)!important;height:100%!important;min-height:70vh!important;border:0!important;border-radius:12px;background:#fff}
/* Login / contraseñas: neutralizar colores de autofill del navegador. */
.bt-login-modal input,.bt-login-modal .input-bs{background:rgba(255,255,255,.05)!important;color:#EDF1FA!important;-webkit-text-fill-color:#EDF1FA!important;color-scheme:dark!important;border-color:rgba(255,255,255,.12)!important}
.bt-login-modal input:-webkit-autofill,.bt-login-modal input:-webkit-autofill:hover,.bt-login-modal input:-webkit-autofill:focus,.bt-login-modal input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #0a1735 inset!important;box-shadow:0 0 0 1000px #0a1735 inset!important;-webkit-text-fill-color:#EDF1FA!important;caret-color:#EDF1FA!important;transition:background-color 9999s ease-out 0s!important}
/* Preferencias dentro del popover de configuración. */
.billtool-app .bt-panel-prefs{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
/* Paneles claros: el autocompletado no debe pintar campos amarillos/verdes. */
.billtool-app .bt-content input:-webkit-autofill,.billtool-app .bt-content input:-webkit-autofill:hover,.billtool-app .bt-content input:-webkit-autofill:focus,.billtool-app .bt-content input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #fff inset!important;box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#0f172a!important;caret-color:#0f172a!important;transition:background-color 9999s ease-out 0s!important}

/* ============================================================
   RONDA 3 · Ajustes finales de visor, tour, roles y sidebar
   ============================================================ */
.billtool-app .bt-book-overlay{background:#202020!important}
.billtool-app .bt-book-top{
  background:#202020!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  margin:0!important;
  padding:10px 16px!important;
  min-height:58px!important;
  box-shadow:none!important;
}
.billtool-app .bt-book-top::before,.billtool-app .bt-book-top::after{display:none!important;content:none!important}
.billtool-app .bt-book-native-stage{
  padding:0 14px 14px!important;
  margin:0!important;
  border:0!important;
  background:#252525!important;
}
.billtool-app .bt-book-pdf-frame{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:#252525!important;
}
.billtool-app .bt-book-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.4rem!important;white-space:nowrap!important}
.billtool-app .bt-book-top>div:last-child{display:flex!important;align-items:center!important;gap:.65rem!important;flex-wrap:wrap!important}
.billtool-app .bt-tour-actions{margin-top:2rem!important;padding-top:.65rem!important;gap:1rem!important}
.billtool-app .bt-side-social{display:flex;align-items:center;justify-content:center;gap:.55rem;flex-wrap:wrap;padding:.85rem .35rem .2rem}
.billtool-app .bt-side-social a{width:34px;height:34px;border:1px solid rgba(255,255,255,.22);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:rgba(255,255,255,.06);transition:.18s ease}
.billtool-app .bt-side-social a:hover{background:rgba(255,255,255,.14);transform:translateY(-1px)}
.billtool-app .bt-role-password .input-bs{background:#fff!important;color:#0f172a!important}
@media(max-width:700px){
 .billtool-app .bt-book-top{align-items:flex-start!important;padding:9px 10px!important;gap:8px!important}
 .billtool-app .bt-book-top>div:last-child{width:100%;justify-content:flex-end!important}
 .billtool-app .bt-book-native-stage{padding:0 6px 8px!important}
 .billtool-app .bt-book-btn{min-height:38px!important}
}
.billtool-app .bt-book-overlay{z-index:2147483000!important;position:fixed!important;inset:0!important}

/* === Ronda 3.1 · refinamiento visual 2026-10-04 === */
.billtool-app .bt-library-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding-top:14px!important;
}
.billtool-app .bt-library-action{
  min-height:42px!important;
  border:1px solid #dbe3ef!important;
  background:#fff!important;
  color:#334155!important;
  border-radius:12px!important;
  padding:9px 12px!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.01em;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease!important;
}
.billtool-app .bt-library-action:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(15,23,42,.08)}
.billtool-app .bt-library-action.preview{background:#eff6ff!important;color:#062889!important;border-color:#bfdbfe!important}
.billtool-app .bt-library-action.edit{background:#fff!important;color:#062889!important;border-color:#cbd5e1!important}
.billtool-app .bt-library-action.publish{background:#f8fafc!important;color:#475569!important;border-color:#cbd5e1!important}
.billtool-app .bt-library-action.publish.is-published{background:#ecfdf3!important;color:#067647!important;border-color:#abefc6!important}
.billtool-app .bt-library-action.publish.is-draft{background:#fff7ed!important;color:#9a3412!important;border-color:#fed7aa!important}
.billtool-app .bt-library-action.danger{background:#fff1f2!important;color:#D80000!important;border-color:#fecdd3!important}
.billtool-app .bt-library-action:focus-visible{outline:3px solid rgba(6,40,137,.16)!important;outline-offset:2px}
.billtool-app .bt-meeting-share-link{opacity:1!important;visibility:visible!important;background:#062889!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#062889!important;caret-color:#fff!important}
@media(max-width:640px){.billtool-app .bt-library-actions{grid-template-columns:1fr!important}}


/* ===== RONDA 3.2 · Correcciones verificadas 2026-10-04 ===== */
.billtool-app .bt-library-actions-modern{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:14px!important;margin:0!important;border-top:1px solid #e8edf5!important;background:#fbfcff!important;min-height:0!important}
.billtool-app .bt-library-actions-modern .bt-library-action{min-height:42px!important;border:1px solid #dbe3ee!important;border-radius:12px!important;padding:9px 12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-size:11px!important;font-weight:800!important;line-height:1.2!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important;transition:transform .15s ease,box-shadow .15s ease,background .15s ease!important}
.billtool-app .bt-library-actions-modern .bt-library-action:hover{transform:translateY(-1px)!important;box-shadow:0 8px 20px rgba(15,23,42,.09)!important}
.billtool-app .bt-library-action-icon{width:20px;height:20px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;background:rgba(255,255,255,.72)}
.billtool-app .bt-library-actions-modern .preview{background:#eef4ff!important;color:#062889!important;border-color:#c7d7ff!important}
.billtool-app .bt-library-actions-modern .edit{background:#fff!important;color:#062889!important;border-color:#b9c8df!important}
.billtool-app .bt-library-actions-modern .cover{background:#f8fafc!important;color:#334155!important}
.billtool-app .bt-library-actions-modern .publish.is-published{background:#ecfdf3!important;color:#067647!important;border-color:#abefc6!important}
.billtool-app .bt-library-actions-modern .publish.is-draft{background:#fff7ed!important;color:#9a3412!important;border-color:#fed7aa!important}
.billtool-app .bt-library-actions-modern .danger{background:#fff1f2!important;color:#b42318!important;border-color:#fecdd3!important}
.billtool-app .bt-library-status-dot{font-size:9px!important}
.billtool-app .bt-user-actions,.billtool-app .bt-role-user-actions{gap:9px!important}
.billtool-app .bt-user-action,.billtool-app .bt-role-user-action{min-width:82px;min-height:36px;padding:8px 12px;border-radius:10px;border:1px solid;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease}
.billtool-app .bt-user-action:hover,.billtool-app .bt-role-user-action:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(15,23,42,.08)}
.billtool-app .bt-user-action-block,.billtool-app .bt-role-user-action.block{background:#fffbeb;color:#92400e;border-color:#fde68a}
.billtool-app .bt-user-action-delete,.billtool-app .bt-role-user-action.delete{background:#fff1f2;color:#b42318;border-color:#fecdd3}
.billtool-app .bt-role-user-action.edit{background:#eff6ff;color:#062889;border-color:#bfdbfe}
.billtool-app .bt-meeting-share-link-display{display:flex!important;align-items:center!important;min-width:0!important;background:#eef4ff!important;color:#062889!important;border-color:#b7c8f3!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;overflow-wrap:anywhere!important;word-break:break-word!important;line-height:1.45!important;box-shadow:inset 0 0 0 1px rgba(6,40,137,.02)!important}
.billtool-app .bt-meeting-share-link-display:hover{background:#e6efff!important;color:#041d65!important;border-color:#8eaae8!important}
.billtool-app .bt-save-modal{background:rgba(2,6,23,.58)!important;backdrop-filter:blur(4px)}
.billtool-app .bt-save-modal-card{position:relative;border-radius:24px!important;border:1px solid #e2e8f0!important;box-shadow:0 28px 80px rgba(2,6,23,.24)!important}
.billtool-app .bt-save-modal-accent{height:5px;width:100%}.billtool-app .bt-save-modal-accent.is-success{background:#12b76a}.billtool-app .bt-save-modal-accent.is-error{background:#d80000}
.billtool-app .bt-save-modal-close{position:absolute;right:0;top:0;width:38px;height:38px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center}
.billtool-app .bt-save-modal-icon{margin:0 auto;width:58px;height:58px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:26px;font-weight:900}.billtool-app .bt-save-modal-icon.is-success{background:#ecfdf3;color:#067647}.billtool-app .bt-save-modal-icon.is-error{background:#fff1f2;color:#b42318}
.billtool-app .bt-save-modal-ok{background:#062889!important;color:#fff!important;box-shadow:0 7px 18px rgba(6,40,137,.18)!important}
.billtool-app .bt-save-modal-ok:hover{background:#041f70!important}
@media(max-width:640px){.billtool-app .bt-library-actions-modern{grid-template-columns:1fr!important}.billtool-app .bt-user-actions,.billtool-app .bt-role-user-actions{display:grid!important;grid-template-columns:1fr!important;width:100%}.billtool-app .bt-user-action,.billtool-app .bt-role-user-action{width:100%}}


/* R3.3 — navegación y ajustes de usabilidad */
.billtool-app .bt-quick-actions button{position:relative;z-index:1;pointer-events:auto!important;cursor:pointer!important;min-height:44px}
.billtool-app .bt-breadcrumbs{display:flex;align-items:center;gap:.45rem;min-width:0;margin:0 0 1rem;padding:.6rem .8rem;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#64748b;font-size:11px;line-height:1.2;overflow:hidden}
.billtool-app .bt-breadcrumb-link{color:#062889;font-weight:700;background:transparent;border:0;padding:2px 0;cursor:pointer;white-space:nowrap}
.billtool-app .bt-breadcrumb-link:hover{text-decoration:underline}
.billtool-app .bt-breadcrumb-sep{color:#94a3b8;flex:0 0 auto}
.billtool-app .bt-breadcrumb-section{color:#64748b;font-weight:600;white-space:nowrap}
.billtool-app .bt-breadcrumb-current{color:#0f172a;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.billtool-app .bt-meeting-map-card>*{min-width:0}
.billtool-app .bt-meeting-map-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
.billtool-app .bt-meeting-map-value{max-width:100%;overflow-wrap:anywhere!important;word-break:break-word!important;white-space:normal!important;line-height:1.45}
@media(max-width:640px){.billtool-app .bt-breadcrumbs{margin-bottom:.75rem;padding:.55rem .7rem}.billtool-app .bt-breadcrumb-section{display:none}.billtool-app .bt-breadcrumb-section+.bt-breadcrumb-sep{display:none}}


/* R3.4 — Eventos alineados visualmente con Biblioteca */
.bt-event-card{min-width:0;height:100%}
.bt-event-card>div.p-5{min-width:0}
.bt-event-card .bt-library-actions-modern{order:99;margin-top:auto;padding-top:14px}
.bt-event-card .bt-library-action{min-height:42px}

/* R3.4 — mapa horario: búsqueda y paginación */
.bt-meeting-map-card{min-height:88px}
.bt-meeting-map-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* R3_5 */
.bt-account-balance-card button{transition:background-color .2s ease,border-color .2s ease}

/* ===== R3.6 · Biblioteca portada editable, visor tipo libro y enlaces YouTube ===== */
.billtool-app .bt-library-actions-modern .youtube{
  background:#fff5f5!important;color:#b42318!important;border-color:#fecaca!important;text-decoration:none!important;
}
.billtool-app .bt-library-actions-modern .youtube:hover{background:#fee2e2!important}
.billtool-app .bt-youtube-icon{display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#D80000;border-radius:7px;min-width:22px;height:18px;padding:0 5px;font-size:10px;line-height:1;font-weight:900}
.billtool-app .bt-event-youtube-link,.billtool-app .bt-event-youtube-preview{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #fecaca;background:#fff5f5;color:#b42318;border-radius:12px;padding:10px 13px;font-size:11px;font-weight:800;text-decoration:none;
}
.billtool-app .bt-event-youtube-link:hover,.billtool-app .bt-event-youtube-preview:hover{background:#fee2e2}
.billtool-app .bt-event-youtube-preview{margin-top:14px}
.billtool-app .bt-book-youtube{text-decoration:none;background:#4a1717!important;border-color:#7f1d1d!important}

.billtool-app .bt-cover-current-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:10px 0 14px}
.billtool-app .bt-cover-current-preview{width:112px;aspect-ratio:4/5;border-radius:14px;overflow:hidden;border:1px solid #dbe3ef;background:#eef2f7}
.billtool-app .bt-cover-current-preview img{width:100%;height:100%;object-fit:cover;display:block;user-select:none}
.billtool-app .bt-cover-adjust-btn{min-height:40px;padding:9px 14px;border:1px solid #b9c8df;border-radius:11px;background:#fff;color:#062889;font-size:11px;font-weight:800}
.billtool-app .bt-cover-adjust-btn:hover{background:#eef4ff}
.billtool-app .bt-cover-editor-overlay{position:fixed;inset:0;z-index:2147483600;background:rgba(2,6,23,.68);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:18px}
.billtool-app .bt-cover-editor-card{width:min(560px,100%);max-height:94vh;overflow:auto;border-radius:24px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 30px 90px rgba(2,6,23,.35);padding:20px}
.billtool-app .bt-cover-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.billtool-app .bt-cover-editor-x{width:38px;height:38px;flex:0 0 38px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:22px;font-weight:800}
.billtool-app .bt-cover-editor-preview{position:relative;width:min(330px,78vw);aspect-ratio:4/5;margin:0 auto;border-radius:18px;overflow:hidden;background:#e2e8f0;box-shadow:0 16px 36px rgba(15,23,42,.18);touch-action:none;cursor:grab;user-select:none}
.billtool-app .bt-cover-editor-preview:active{cursor:grabbing}
.billtool-app .bt-cover-editor-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;user-select:none;will-change:transform,object-position}
.billtool-app .bt-cover-editor-hint{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);background:rgba(2,6,23,.72);color:#fff;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:700;pointer-events:none;white-space:nowrap}
.billtool-app .bt-cover-editor-controls{margin-top:18px}
.billtool-app .bt-cover-editor-controls label{display:grid;grid-template-columns:50px minmax(0,1fr) 48px;align-items:center;gap:10px;color:#475569;font-size:12px;font-weight:700}
.billtool-app .bt-cover-editor-controls input[type=range]{width:100%;accent-color:#062889}
.billtool-app .bt-cover-editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap}
.billtool-app .bt-cover-editor-reset,.billtool-app .bt-cover-editor-save{min-height:42px;padding:10px 16px;border-radius:12px;font-size:11px;font-weight:800}
.billtool-app .bt-cover-editor-reset{border:1px solid #dbe3ef;background:#fff;color:#475569}
.billtool-app .bt-cover-editor-save{border:1px solid #062889;background:#062889;color:#fff}

/* Visor tipo libro: una página activa con zonas de clic izquierda/derecha y animación de hoja. */
.billtool-app .bt-book-native-stage{padding:16px 72px!important;overflow:hidden!important;perspective:1800px!important}
.billtool-app .bt-book-page-shell{position:relative;width:min(1040px,100%);height:100%;min-height:64vh;max-height:calc(100vh - 150px);margin:auto;transform-style:preserve-3d;transform-origin:center;transition:transform .2s ease,opacity .2s ease;filter:drop-shadow(0 20px 28px rgba(0,0,0,.32))}
.billtool-app .bt-book-page-shell .bt-book-pdf-frame{width:100%!important;height:100%!important;min-height:64vh!important;max-height:calc(100vh - 150px)!important;border-radius:10px!important;background:#fff!important;pointer-events:none!important}
.billtool-app .bt-book-page-shell.is-turning.turn-next{animation:btPageTurnNext .35s ease both}
.billtool-app .bt-book-page-shell.is-turning.turn-prev{animation:btPageTurnPrev .35s ease both}
@keyframes btPageTurnNext{0%{transform:rotateY(0deg) scale(1);opacity:1}45%{transform:rotateY(-10deg) scale(.985);opacity:.66}100%{transform:rotateY(0deg) scale(1);opacity:1}}
@keyframes btPageTurnPrev{0%{transform:rotateY(0deg) scale(1);opacity:1}45%{transform:rotateY(10deg) scale(.985);opacity:.66}100%{transform:rotateY(0deg) scale(1);opacity:1}}
.billtool-app .bt-book-click-zone{position:absolute;top:0;bottom:0;width:50%;z-index:5;border:0;background:transparent;cursor:pointer}
.billtool-app .bt-book-click-zone:disabled{cursor:default}
.billtool-app .bt-book-click-left{left:0}
.billtool-app .bt-book-click-right{right:0}
.billtool-app .bt-book-click-left:not(:disabled):hover{background:linear-gradient(90deg,rgba(6,40,137,.08),transparent 42%)}
.billtool-app .bt-book-click-right:not(:disabled):hover{background:linear-gradient(270deg,rgba(6,40,137,.08),transparent 42%)}
.billtool-app .bt-book-footer{justify-content:space-between!important;flex-wrap:wrap!important}
@media(max-width:900px){
  .billtool-app .bt-book-native-stage{padding:10px 46px!important}
  .billtool-app .bt-book-page-shell{min-height:68vh;max-height:calc(100vh - 165px)}
  .billtool-app .bt-book-page-shell .bt-book-pdf-frame{min-height:68vh!important;max-height:calc(100vh - 165px)!important}
}
@media(max-width:640px){
  .billtool-app .bt-book-native-stage{padding:6px 36px 8px!important}
  .billtool-app .bt-book-page-shell{min-height:66vh;max-height:calc(100vh - 195px)}
  .billtool-app .bt-book-page-shell .bt-book-pdf-frame{min-height:66vh!important;max-height:calc(100vh - 195px)!important}
  .billtool-app .bt-cover-editor-card{padding:16px;border-radius:18px}
}
@media(prefers-reduced-motion:reduce){.billtool-app .bt-book-page-shell.is-turning{animation:none!important}.billtool-app .bt-library-cover{transition:none!important}}

/* ============================================================
   RONDA 3.7 · Sidebar, gráfico financiero y visor Biblioteca
   ============================================================ */
.billtool-app .bt-side-group-head{
  min-height:34px!important;
  padding:.42rem .72rem!important;
  font-size:.78rem!important;
  line-height:1.15!important;
  font-weight:850!important;
  letter-spacing:.095em!important;
  text-transform:uppercase!important;
  color:#fff!important;
}
.billtool-app .bt-side-group-head>span:first-child{font-size:.78rem!important;font-weight:850!important;color:#fff!important}
.billtool-app .bt-side-nav{font-size:.75rem!important;font-weight:550!important}
.billtool-app .bt-chart-bars svg{overflow:visible}
.billtool-app .bt-chart-bars .bt-chart-bar{transform-box:fill-box;transform-origin:center bottom}
.billtool-app .bt-book-page-shell{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#2a2a2a!important}
.billtool-app .bt-book-page-image{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;background:#fff!important;border-radius:8px!important;box-shadow:0 18px 42px rgba(0,0,0,.36)!important;user-select:none!important;-webkit-user-drag:none!important}
.billtool-app .bt-book-page-shell .bt-book-pdf-frame{width:100%!important;height:100%!important;min-height:64vh!important;border:0!important;background:#fff!important}
@media(max-width:640px){
 .billtool-app .bt-side-group-head,.billtool-app .bt-side-group-head>span:first-child{font-size:.74rem!important}
 .billtool-app .bt-side-nav{font-size:.73rem!important}
}


/* ============================================================
   RONDA 3.8 · Responsive móvil, multimoneda y tablas adaptativas
   ============================================================ */
.billtool-app .bt-currency-stack{display:flex;flex-direction:column;gap:.6rem;min-width:0}
.billtool-app .bt-currency-row{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;min-width:0;padding-bottom:.45rem;border-bottom:1px solid #eef2f7}
.billtool-app .bt-currency-row:last-child{border-bottom:0;padding-bottom:0}
.billtool-app .bt-currency-label{display:inline-flex;align-items:center;min-height:20px;padding:2px 7px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:9px;line-height:1;font-weight:800;letter-spacing:.08em}
.billtool-app .bt-currency-value{display:block;max-width:100%;font-size:1.42rem;line-height:1.15;font-weight:800;overflow-wrap:anywhere}
.billtool-app .bt-accounting-kpi-grid>*{min-width:0}
.billtool-app .bt-responsive-table{max-width:100%}

@media(max-width:640px){
  .billtool-app .bt-content-wrap{padding:10px!important}
  .billtool-app .bt-content{min-width:0!important;max-width:100%!important;overflow-x:hidden!important}
  .billtool-app .input-bs,.billtool-app input,.billtool-app select,.billtool-app textarea{max-width:100%;min-width:0}
  .billtool-app input[type=date],.billtool-app input[type=time],.billtool-app input[type=month]{width:100%!important;min-width:0!important;box-sizing:border-box}
  .billtool-app .bt-meeting-availability-row{grid-template-columns:1fr!important;gap:8px!important}
  .billtool-app .bt-meeting-availability-row>label{margin-bottom:2px}
  .billtool-app .bt-referral-filters{width:100%;display:grid!important;grid-template-columns:1fr!important}
  .billtool-app .bt-referral-filters>*{width:100%!important;min-width:0!important;max-width:none!important}
  .billtool-app .bt-accounting-kpi-grid{grid-template-columns:1fr!important}
  .billtool-app .bt-currency-kpi-card{padding:14px!important}
  .billtool-app .bt-currency-value{font-size:1.3rem}

  /* En móvil las tablas operativas se convierten en cards legibles. */
  .billtool-app .bt-responsive-table{overflow:visible!important;width:100%!important}
  .billtool-app .bt-mobile-card-table{display:block!important;width:100%!important;min-width:0!important}
  .billtool-app .bt-mobile-card-table thead{display:none!important}
  .billtool-app .bt-mobile-card-table tbody{display:block!important;width:100%!important}
  .billtool-app .bt-mobile-card-table tr{display:block!important;width:100%!important;margin:0 0 12px!important;padding:10px 12px!important;border:1px solid #e2e8f0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 2px 8px rgba(15,23,42,.04)}
  .billtool-app .bt-mobile-card-table td{display:grid!important;grid-template-columns:minmax(82px,34%) minmax(0,1fr)!important;align-items:start!important;gap:10px!important;width:100%!important;min-width:0!important;padding:7px 0!important;border:0!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .billtool-app .bt-mobile-card-table td::before{content:attr(data-label);font-size:10px;line-height:1.3;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#64748b}
  .billtool-app .bt-mobile-card-table td[data-label="Acciones"]>div{justify-content:flex-start!important;flex-wrap:wrap}
  .billtool-app .bt-mobile-card-table td:empty{display:none!important}
  .billtool-app .bt-meeting-bookings-table .break-all{word-break:break-word!important}

  /* Formularios y cabeceras: sin cortes en navegadores embebidos de iOS. */
  .billtool-app section.rounded-2xl{min-width:0}
  .billtool-app .flex.items-center.justify-between{min-width:0;flex-wrap:wrap}
  .billtool-app .max-w-xl{max-width:100%!important;width:100%!important}
  .billtool-app .bt-breadcrumbs{max-width:100%;overflow:hidden}
}
@media(max-width:380px){
  .billtool-app .bt-mobile-card-table td{grid-template-columns:1fr!important;gap:3px!important}
  .billtool-app .bt-currency-value{font-size:1.2rem}
}


/* ============================================================
   RONDA 3.9 · Hallazgos posteriores a R3.8
   ============================================================ */

/* Calificación: el botón Editar debe tener el mismo nivel visual que el resto. */
.billtool-app .bt-form-edit-action{
  background:#062889!important;color:#fff!important;border:1px solid #062889!important;
  min-height:38px;display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 4px 10px rgba(6,40,137,.12);opacity:1!important;visibility:visible!important;
}
.billtool-app .bt-form-edit-action:hover{background:#041f70!important;border-color:#041f70!important}

/* Privacidad financiera: un solo ojo controla todas las cards. */
.billtool-app .bt-finance-privacy-bar{min-height:42px}
.billtool-app .bt-finance-privacy-toggle{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid #dbe3ef;border-radius:12px;background:#fff;color:#334155;font-size:11px;font-weight:800}
.billtool-app .bt-finance-privacy-toggle:hover{background:#f8fafc}
.billtool-app .bt-finance-eye{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#eef4ff;color:#062889;font-size:13px}

/* Gráfico financiero: ejes, etiquetas y tipografía legibles. */
.billtool-app .bt-chart-bars{min-width:0}
.billtool-app .bt-chart-bars svg{font-family:Montserrat,Arial,sans-serif!important;overflow:visible}
.billtool-app .bt-chart-data-label{paint-order:stroke;stroke:rgba(15,23,42,.08);stroke-width:.45px}
.billtool-app .bt-chart-legend{font-size:12px!important}
.billtool-app .bt-chart-scroll{scrollbar-width:thin}

/* Usuarios: selección múltiple y acciones masivas. */
.billtool-app .bt-user-bulk-toolbar{min-width:0}
.billtool-app .bt-bulk-btn{min-height:36px;padding:8px 11px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:#334155;font-size:11px;font-weight:800}
.billtool-app .bt-bulk-btn:hover:not(:disabled){background:#f8fafc}
.billtool-app .bt-bulk-btn:disabled{opacity:.45;cursor:not-allowed}
.billtool-app .bt-bulk-btn.warning{border-color:#fde68a;background:#fffbeb;color:#92400e}
.billtool-app .bt-bulk-btn.danger{border-color:#fecdd3;background:#fff1f2;color:#b42318}
.billtool-app .bt-user-selected-count{font-size:11px;font-weight:700;color:#64748b;white-space:nowrap}
.billtool-app .bt-users-table input[type=checkbox]{width:17px;height:17px;accent-color:#062889}

/* Biblioteca: el editor se monta por portal en body, por eso estas reglas NO dependen de .billtool-app. */
.bt-cover-editor-overlay{position:fixed!important;inset:0!important;z-index:2147483645!important;background:rgba(2,6,23,.72)!important;backdrop-filter:blur(5px);display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important;overflow:auto!important;box-sizing:border-box!important}
.bt-cover-editor-card{width:min(560px,calc(100vw - 32px))!important;max-width:560px!important;max-height:calc(100vh - 32px)!important;overflow:auto!important;border-radius:22px!important;background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 30px 90px rgba(2,6,23,.38)!important;padding:20px!important;box-sizing:border-box!important}
.bt-cover-editor-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin-bottom:16px!important}
.bt-cover-editor-x{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:12px!important;border:1px solid #e2e8f0!important;background:#fff!important;color:#64748b!important;font-size:22px!important;font-weight:800!important}
.bt-cover-editor-preview{position:relative!important;width:min(330px,100%)!important;max-width:100%!important;aspect-ratio:4/5!important;margin:0 auto!important;border-radius:18px!important;overflow:hidden!important;background:#e2e8f0!important;box-shadow:0 16px 36px rgba(15,23,42,.18)!important;touch-action:none!important;cursor:grab!important;user-select:none!important;box-sizing:border-box!important}
.bt-cover-editor-preview img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;display:block!important;pointer-events:none!important;user-select:none!important;will-change:transform,object-position!important}
.bt-cover-editor-hint{position:absolute!important;left:50%!important;bottom:10px!important;transform:translateX(-50%)!important;background:rgba(2,6,23,.72)!important;color:#fff!important;border-radius:999px!important;padding:6px 10px!important;font-size:10px!important;font-weight:700!important;pointer-events:none!important;white-space:nowrap!important}
.bt-cover-editor-controls{margin-top:18px!important}
.bt-cover-editor-controls label{display:grid!important;grid-template-columns:50px minmax(0,1fr) 48px!important;align-items:center!important;gap:10px!important;color:#475569!important;font-size:12px!important;font-weight:700!important}
.bt-cover-editor-controls input[type=range]{width:100%!important;min-width:0!important;accent-color:#062889!important}
.bt-cover-editor-actions{display:flex!important;justify-content:flex-end!important;gap:10px!important;margin-top:18px!important;flex-wrap:wrap!important}
.bt-cover-editor-reset,.bt-cover-editor-save{min-height:42px!important;padding:10px 16px!important;border-radius:12px!important;font-size:11px!important;font-weight:800!important}
.bt-cover-editor-reset{border:1px solid #dbe3ef!important;background:#fff!important;color:#475569!important}
.bt-cover-editor-save{border:1px solid #062889!important;background:#062889!important;color:#fff!important}

/* Responsive real para Agenda, Contabilidad y Referidos (solo presentación). */
@media(max-width:640px){
  html,body{max-width:100%;overflow-x:hidden}
  .billtool-app{max-width:100vw;overflow-x:hidden}
  .billtool-app .bt-content-wrap{padding:10px!important;min-width:0!important}
  .billtool-app .bt-content{min-width:0!important;max-width:100%!important;overflow-x:hidden!important}
  .billtool-app .input-bs,.billtool-app input,.billtool-app select,.billtool-app textarea{max-width:100%!important;min-width:0!important;box-sizing:border-box!important;font-size:16px!important}
  .billtool-app input[type=date],.billtool-app input[type=time],.billtool-app input[type=month]{width:100%!important;min-width:0!important;box-sizing:border-box!important}

  /* Agenda */
  .billtool-app .bt-meeting-availability-row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:12px!important}
  .billtool-app .bt-meeting-availability-row>label{margin-bottom:2px!important;font-size:15px!important}
  .billtool-app .bt-meeting-availability-row input[type=time]{min-height:50px!important;width:100%!important}
  .billtool-app .bt-meeting-share-link-display{width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .billtool-app .bt-meeting-map-card{width:100%!important;min-width:0!important}
  .billtool-app .bt-meeting-map-link{white-space:normal!important;overflow-wrap:anywhere!important;max-width:100%!important}

  /* Referidos */
  .billtool-app .bt-referral-filters{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .billtool-app .bt-referral-filters>*{width:100%!important;min-width:0!important;max-width:none!important}
  .billtool-app .bt-referrals-table{width:100%!important}

  /* Contabilidad */
  .billtool-app .bt-accounting-kpi-grid{grid-template-columns:1fr!important}
  .billtool-app .bt-currency-kpi-card{padding:14px!important;min-width:0!important}
  .billtool-app .bt-currency-stack{display:flex!important;flex-direction:column!important;gap:.55rem!important}
  .billtool-app .bt-currency-row{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important;padding-bottom:9px!important;border-bottom:1px solid #eef2f7!important}
  .billtool-app .bt-currency-row:last-child{border-bottom:0!important;padding-bottom:0!important}
  .billtool-app .bt-currency-label{display:inline-flex!important;align-items:center!important;padding:3px 8px!important;border-radius:999px!important;background:#f1f5f9!important;color:#475569!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important}
  .billtool-app .bt-currency-value{display:block!important;font-size:1.25rem!important;line-height:1.18!important;overflow-wrap:anywhere!important}
  .billtool-app .bt-finance-privacy-toggle{width:100%!important;justify-content:center!important}

  /* Tablas operativas -> cards; evita columnas cortadas en Safari/Instagram. */
  .billtool-app .bt-responsive-table{overflow:visible!important;width:100%!important;max-width:100%!important}
  .billtool-app .bt-mobile-card-table{display:block!important;width:100%!important;min-width:0!important;border-collapse:separate!important}
  .billtool-app .bt-mobile-card-table thead{display:none!important}
  .billtool-app .bt-mobile-card-table tbody{display:block!important;width:100%!important}
  .billtool-app .bt-mobile-card-table tr{display:block!important;width:100%!important;max-width:100%!important;margin:0 0 12px!important;padding:11px 12px!important;border:1px solid #e2e8f0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 2px 8px rgba(15,23,42,.04)!important;box-sizing:border-box!important}
  .billtool-app .bt-mobile-card-table td{display:grid!important;grid-template-columns:minmax(88px,34%) minmax(0,1fr)!important;align-items:start!important;gap:8px!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:7px 0!important;border:0!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;box-sizing:border-box!important}
  .billtool-app .bt-mobile-card-table td::before{content:attr(data-label);font-size:10px!important;line-height:1.3!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#64748b!important}
  .billtool-app .bt-mobile-card-table td[colspan]{display:block!important;text-align:center!important;padding:16px 4px!important}
  .billtool-app .bt-mobile-card-table td[colspan]::before{display:none!important;content:none!important}
  .billtool-app .bt-mobile-card-table td[data-label="Acciones"]>div{justify-content:flex-start!important;flex-wrap:wrap!important}
  .billtool-app .bt-meeting-bookings-table .break-all{word-break:break-word!important}

  /* Usuarios */
  .billtool-app .bt-user-bulk-toolbar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .billtool-app .bt-user-bulk-toolbar .flex-1{display:none!important}
  .billtool-app .bt-user-selected-count{grid-column:1/-1!important;text-align:center!important}
  .billtool-app .bt-users-table{display:block!important;width:100%!important}
  .billtool-app .bt-users-table thead{display:none!important}
  .billtool-app .bt-users-table tbody{display:block!important}
  .billtool-app .bt-users-table tr{display:block!important;margin-bottom:12px!important;padding:11px 12px!important;border:1px solid #e2e8f0!important;border-radius:14px!important;background:#fff!important}
  .billtool-app .bt-users-table td{display:grid!important;grid-template-columns:90px minmax(0,1fr)!important;gap:8px!important;padding:7px 0!important;border:0!important;text-align:left!important;overflow-wrap:anywhere!important}
  .billtool-app .bt-users-table td::before{content:attr(data-label);font-size:10px;font-weight:800;text-transform:uppercase;color:#64748b}
  .billtool-app .bt-users-table td[data-label="Acciones"] .bt-user-actions{justify-content:flex-start!important;width:100%!important}

  /* Biblioteca editor de portada */
  .bt-cover-editor-overlay{padding:8px!important;align-items:flex-start!important}
  .bt-cover-editor-card{width:calc(100vw - 16px)!important;max-width:none!important;max-height:calc(100vh - 16px)!important;border-radius:16px!important;padding:14px!important;margin-top:0!important}
  .bt-cover-editor-preview{width:min(300px,calc(100vw - 52px))!important;max-height:58vh!important}
  .bt-cover-editor-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .bt-cover-editor-reset,.bt-cover-editor-save{width:100%!important}

  /* Gráfico: legible en móvil sin deformarse. */
  .billtool-app .bt-chart-bars .bt-chart-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .billtool-app .bt-chart-bars svg{min-width:620px!important}
}
@media(max-width:380px){
  .billtool-app .bt-mobile-card-table td,.billtool-app .bt-users-table td{grid-template-columns:1fr!important;gap:3px!important}
  .billtool-app .bt-user-bulk-toolbar{grid-template-columns:1fr!important}
  .billtool-app .bt-user-selected-count{grid-column:auto!important}
  .billtool-app .bt-currency-value{font-size:1.18rem!important}
  .bt-cover-editor-controls label{grid-template-columns:44px minmax(0,1fr) 42px!important;gap:7px!important}
}

/* ============================================================
   RONDA 3.10 · Responsive móvil + estabilidad dashboard/APIs
   ============================================================ */
.billtool-app .bt-chart-scroll{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.billtool-app .bt-chart-scroll svg{max-width:none}
.billtool-app .bt-dashboard-admin .bt-chart-bars{min-width:0;max-width:100%}
.billtool-app .bt-dashboard-admin .bt-chart-legend{row-gap:8px}
.billtool-app .bt-dashboard-admin .bt-donut-wrap{min-width:0}
.billtool-app .bt-dashboard-admin .bt-donut-wrap>div:last-child{min-width:0}
.billtool-app .bt-dashboard-admin .bt-recent-toolbar{min-width:0}
.billtool-app .bt-dashboard-admin .bt-recent-toolbar>*{min-width:0}

/* Eventos admin: nunca expandir el viewport. */
.billtool-app .bt-events-module,.billtool-app .bt-events-head,.billtool-app .bt-events-grid,.billtool-app .bt-event-card-responsive{min-width:0;max-width:100%}
.billtool-app .bt-event-card-responsive a,.billtool-app .bt-event-card-responsive p,.billtool-app .bt-event-card-responsive b{overflow-wrap:anywhere;word-break:break-word}

/* Reporte de pagos */
.billtool-app .bt-withdrawals-filters>*{min-width:0!important}
.billtool-app .bt-withdrawals-table{min-width:820px}
.billtool-app .bt-withdrawals-earners{min-width:0}

@media(max-width:640px){
  /* El contenido móvil debe medir exactamente el viewport disponible. */
  .billtool-app .bt-content-wrap,.billtool-app .bt-content,.billtool-app main{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .billtool-app .bt-content-wrap{padding-left:10px!important;padding-right:10px!important}
  .billtool-app section,.billtool-app .rounded-2xl,.billtool-app .rounded-xl{max-width:100%;box-sizing:border-box}

  /* Usuarios: cards completas, acciones dentro del ancho. */
  .billtool-app .bt-users-table,.billtool-app .bt-users-table tbody,.billtool-app .bt-users-table tr{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .billtool-app .bt-users-table tr{overflow:hidden!important}
  .billtool-app .bt-users-table td{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .billtool-app .bt-users-table td>*{min-width:0!important;max-width:100%!important}
  .billtool-app .bt-users-table td[data-label="Acciones"]{display:block!important}
  .billtool-app .bt-users-table td[data-label="Acciones"]::before{display:block!important;margin-bottom:7px!important}
  .billtool-app .bt-users-table td[data-label="Acciones"] .bt-user-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;max-width:100%!important}
  .billtool-app .bt-user-action{width:100%!important;min-width:0!important;max-width:100%!important;min-height:42px!important;box-sizing:border-box!important;justify-content:center!important;text-align:center!important;white-space:normal!important}
  .billtool-app .bt-user-bulk-toolbar{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
  .billtool-app .bt-user-bulk-toolbar button{width:100%!important;min-width:0!important;white-space:normal!important}

  /* Reporte de pagos: filtros apilados y tabla convertida a cards. */
  .billtool-app .bt-withdrawals-admin{min-width:0!important;max-width:100%!important;overflow-x:hidden!important}
  .billtool-app .bt-withdrawals-filters{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:8px!important}
  .billtool-app .bt-withdrawals-filters input,.billtool-app .bt-withdrawals-filters select{width:100%!important;min-width:0!important;max-width:100%!important}
  .billtool-app .bt-withdrawals-table{display:block!important;min-width:0!important;width:100%!important}
  .billtool-app .bt-withdrawals-table thead{display:none!important}
  .billtool-app .bt-withdrawals-table tbody{display:block!important;width:100%!important}
  .billtool-app .bt-withdrawals-table tr{display:block!important;width:100%!important;max-width:100%!important;margin:0 0 12px!important;padding:12px!important;border:1px solid #e2e8f0!important;border-radius:14px!important;background:#fff!important;box-sizing:border-box!important;overflow:hidden!important}
  .billtool-app .bt-withdrawals-table td{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;gap:8px!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:7px 0!important;border:0!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;text-align:left!important}
  .billtool-app .bt-withdrawals-table td::before{content:attr(data-label);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#64748b}
  .billtool-app .bt-withdrawals-table td[colspan]{display:block!important;text-align:center!important;padding:18px 4px!important}
  .billtool-app .bt-withdrawals-table td[colspan]::before{display:none!important}
  .billtool-app .bt-withdrawals-table td[data-label="Acciones"]>div{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:100%!important}
  .billtool-app .bt-withdrawals-table td[data-label="Acciones"] button{width:100%!important;min-height:40px!important}
  .billtool-app .bt-withdrawals-earners .grid{grid-template-columns:1fr!important}

  /* Eventos admin: tabs y cards en una sola columna, enlaces contenidos. */
  .billtool-app .bt-events-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important}
  .billtool-app .bt-events-tabs button{width:100%!important;min-width:0!important;white-space:normal!important;min-height:42px!important}
  .billtool-app .bt-events-search,.billtool-app .bt-events-search>*{width:100%!important;min-width:0!important;max-width:100%!important}
  .billtool-app .bt-events-grid{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:12px!important}
  .billtool-app .bt-event-card-responsive{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
  .billtool-app .bt-event-card-responsive .p-5{padding:14px!important;min-width:0!important}
  .billtool-app .bt-event-card-responsive .bt-library-actions{grid-template-columns:1fr!important;width:100%!important}
  .billtool-app .bt-event-card-responsive .bt-library-action,.billtool-app .bt-event-card-responsive .bt-event-youtube-link{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
  .billtool-app .bt-event-card-responsive a{max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important}

  /* Dashboard admin: paneles y gráficos no deben generar scroll de página. */
  .billtool-app .bt-dashboard-admin{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
  .billtool-app .bt-dashboard-admin .bt-chart-actions{display:flex!important;gap:6px!important;flex-wrap:wrap!important}
  .billtool-app .bt-dashboard-admin .bt-chart-action{font-size:10px!important;padding:7px 9px!important}
  .billtool-app .bt-dashboard-admin .bt-chart-scroll{width:100%!important;max-width:100%!important;overflow-x:auto!important}
  .billtool-app .bt-dashboard-admin .bt-chart-bars svg{max-width:100%}
  .billtool-app .bt-dashboard-admin .bt-donut-wrap{flex-direction:column!important;align-items:center!important}
  .billtool-app .bt-dashboard-admin .bt-recent-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .billtool-app .bt-dashboard-admin .bt-recent-toolbar .min-w-\[220px\]{min-width:0!important;width:100%!important}
  .billtool-app .bt-dashboard-recent-table{display:block!important;width:100%!important;min-width:0!important}
  .billtool-app .bt-dashboard-recent-table thead{display:none!important}
  .billtool-app .bt-dashboard-recent-table tbody{display:block!important}
  .billtool-app .bt-dashboard-recent-table tr{display:block!important;width:100%!important;margin:0 0 10px!important;padding:10px 12px!important;border:1px solid #e2e8f0!important;border-radius:12px!important;background:#fff!important;box-sizing:border-box!important}
  .billtool-app .bt-dashboard-recent-table td{display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;gap:7px!important;width:100%!important;min-width:0!important;padding:6px 0!important;border:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .billtool-app .bt-dashboard-recent-table td::before{content:attr(data-label);font-size:10px;font-weight:800;text-transform:uppercase;color:#64748b}
  .billtool-app .bt-dashboard-recent-table td[colspan]{display:block!important;text-align:center!important}
  .billtool-app .bt-dashboard-recent-table td[colspan]::before{display:none!important}
}

@media(max-width:380px){
  .billtool-app .bt-users-table td,.billtool-app .bt-withdrawals-table td,.billtool-app .bt-dashboard-recent-table td{grid-template-columns:1fr!important;gap:3px!important}
  .billtool-app .bt-users-table td[data-label="Acciones"] .bt-user-actions,.billtool-app .bt-events-tabs{grid-template-columns:1fr!important}
}

/* ============================================================
   RONDA 3.11 · Retiros/PayPal + notificaciones + Biblioteca móvil
   ============================================================ */
.billtool-app .bt-notice-popover{box-sizing:border-box;min-width:0}
.billtool-app .bt-library-stats-wrap{min-width:0;max-width:100%}
.billtool-app .bt-library-stats-table{min-width:680px}

@media(max-width:640px){
  /* Notificaciones: en móvil se comporta como panel fijo dentro del viewport,
     sin superponerse como una tira estrecha. */
  .billtool-app .bt-notice-popover{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:68px!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    max-height:calc(100vh - 84px)!important;
    overflow:hidden!important;
    z-index:2147482000!important;
    border-radius:18px!important;
  }
  .billtool-app .bt-notice-popover>div:nth-child(2){
    max-height:calc(100vh - 190px)!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .billtool-app .bt-notice-popover button{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}

  /* Biblioteca Admin > Estadísticas: la tabla pasa a cards legibles. */
  .billtool-app .bt-library-stats-wrap{overflow:visible!important;width:100%!important;max-width:100%!important}
  .billtool-app .bt-library-stats-table{display:block!important;min-width:0!important;width:100%!important}
  .billtool-app .bt-library-stats-table thead{display:none!important}
  .billtool-app .bt-library-stats-table tbody{display:block!important;width:100%!important}
  .billtool-app .bt-library-stats-table tr{display:block!important;width:100%!important;max-width:100%!important;margin:0 0 10px!important;padding:11px 12px!important;border:1px solid #e2e8f0!important;border-radius:14px!important;background:#fff!important;box-sizing:border-box!important}
  .billtool-app .bt-library-stats-table td{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;gap:8px!important;width:100%!important;min-width:0!important;padding:6px 0!important;border:0!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;text-align:left!important}
  .billtool-app .bt-library-stats-table td::before{content:attr(data-label);font-size:10px!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#64748b!important}
  .billtool-app .bt-library-stats-table td:first-child{font-size:13px!important}
  .billtool-app .bt-library-stats-table td:first-child::before{color:#062889!important}
  .billtool-app .bt-library-search{width:100%!important;max-width:100%!important;min-width:0!important;font-size:16px!important}
}

@media(max-width:380px){
  .billtool-app .bt-library-stats-table td{grid-template-columns:1fr!important;gap:2px!important}
  .billtool-app .bt-notice-popover{left:8px!important;right:8px!important;top:64px!important}
}

/* ============================================================
   R3.12 · Motor financiero + PayPal Payouts + responsive header
   ============================================================ */
.bt-paypal-checkout{max-width:560px;margin-inline:auto}
.bt-paypal-button-stack{display:grid;gap:14px;width:100%}
.bt-paypal-button-slot{min-height:45px;width:100%;position:relative}
.bt-paypal-button-slot:empty{display:none}
.bt-paypal-button-slot iframe{max-width:100%!important}

/* Evita que campana/configuración se monten sobre breadcrumb/títulos en móvil. */
@media (max-width:640px){
  .bt-topbar{min-height:60px!important;height:auto!important;padding:8px 10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;overflow:visible!important}
  .bt-topbar>div:first-child{min-width:0!important;flex:1 1 auto!important;display:flex!important;align-items:center!important;gap:8px!important}
  .bt-topbar>div:last-child{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:6px!important;min-width:max-content!important}
  .bt-topbar>div:last-child>div{flex:0 0 auto!important}
  .bt-topbar button{flex:0 0 auto!important}
  .bt-notice-popover,.bt-settings-popover{position:fixed!important;left:10px!important;right:10px!important;top:64px!important;width:auto!important;max-width:none!important;transform:none!important;z-index:10050!important;max-height:calc(100vh - 80px)!important;overflow:auto!important}
  .bt-breadcrumbs{min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
}

/* Resultados Bill Supply / 16 comisiones */
.bt-financial-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media(max-width:900px){.bt-financial-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.bt-financial-category-grid{grid-template-columns:1fr}}