/* QueremosChambear design system v1.0 — generado desde main-C696QEWM.css. No editar a mano: ver scripts/design-system/build-theme-layer.mjs */
.qowin-login{--ql-brand: #175cd3;--ql-ink: #07132f;--ql-muted: #667085;--ql-border: #e4e7ec}.qowin-login__card{box-shadow:0 8px 24px #07132f0f}.qowin-login[data-theme=dark]{--ql-ink: #f2f4f7;--ql-muted: #98a2b3;--ql-page: #050e24;--ql-surface: #0b1a3d}:root{--shadow-focus: 0 0 0 3px rgb(190 166 255 / .35);--qc-bg-deep: #050e24;--qc-bg-surface: #07132f;--qc-bg-elevated: #0b1a3d;--qc-amber: #d9ccff;--qc-amber-hot: #bea6ff;--qc-amber-deep: #9d75fa;--qc-teal: #00b9ee;--qc-teal-soft: #67defb;--qc-teal-muted: #a5ecfd;--qc-text: #eff8ff;--qc-text-muted: #53b1fd;--qc-text-on-light: #07132f;--qc-text-muted-light: #667085;--qc-border: rgb(83 177 253 / .18);--qc-border-light: #d1e9ff}.bo-shell{--bo-bg: #f2f4f7;--bo-ink: #0b1a3d;--bo-muted: #667085;--bo-line: #d0d5dd;--bo-accent: #0094c7;--bo-accent-deep: #0076a1;--bo-warm: #bea6ff;--bo-warm-soft: #f4f0ff;--bo-side: #0b1a3d;--bo-side-text: #b2ddff;--bo-side-muted: #98a2b3;background:radial-gradient(ellipse 80% 50% at 100% 0%,rgb(190 166 255 / .12),transparent 55%),radial-gradient(ellipse 60% 40% at 0% 100%,rgb(0 148 199 / .1),transparent 50%),var(--bo-bg)}.bo-nav__link.is-active{color:#0b1a3d}.qc-theme-chooser__menu{box-shadow:0 12px 32px #0b1a3d1f}.qc-theme-chooser__submenu{box-shadow:0 12px 32px #0b1a3d1f}.bo-card{box-shadow:0 1px #0b1a3d0a}.bo-table-wrap{box-shadow:0 1px #0b1a3d0a}.bo-table-wrap thead{background:linear-gradient(180deg,#ecfbff,#e8f5f2)}.bo-table-wrap tbody tr:hover{background:#0094c70f}.bo-btn-primary{color:#0b1a3d;border-color:#9d75fa}.bo-btn-primary:hover:not(:disabled){background:#d9ccff}.bo-btn-ghost:hover:not(:disabled){background:#0094c714}.bo-field:focus{box-shadow:0 0 0 2px #0094c740}.bo-alert-ok{color:#0076a1}.bo-modal-backdrop{background:#0b1a3d8c}.bo-modal{box-shadow:0 20px 50px #0b1a3d47}*,:before,:after{--tw-ring-color: rgb(46 144 250 / .5)}::backdrop{--tw-ring-color: rgb(46 144 250 / .5)}*,:before,:after{border-color:#e4e7ec}input::-moz-placeholder,textarea::-moz-placeholder{color:#98a2b3}input::placeholder,textarea::placeholder{color:#98a2b3}.brand-shell{background:radial-gradient(ellipse 50% 120% at 0% 0%,rgb(190 166 255 / .16),transparent 55%),radial-gradient(ellipse 40% 100% at 100% 0%,rgb(0 185 238 / .14),transparent 50%),linear-gradient(180deg,#050e24,#050e24 55%,#07132f);border-bottom:1px solid rgb(217 204 255 / .12)}.brand-shell:before{background-image:linear-gradient(rgb(83 177 253 / .05) 1px,transparent 1px),linear-gradient(90deg,rgb(83 177 253 / .05) 1px,transparent 1px)}.brand-shell:after{background:linear-gradient(90deg,transparent,#d91023 12%,#d9ccff 50%,#00b9ee 88%,transparent);box-shadow:0 0 18px #d9ccff73}.brand-nav-item{color:#d1e9ffd1}.brand-nav-item svg{color:#67defb}.brand-nav-item.is-active{color:#050e24;background:linear-gradient(135deg,#ebe4ff,#d9ccff 45%,#bea6ff);box-shadow:0 6px 20px #bea6ff66}.brand-nav-item.is-active svg{color:#050e24}.brand-admin-rail{background:linear-gradient(90deg,#bea6ff1a,#00b9ee14);border:1px solid rgb(217 204 255 / .22)}.brand-admin-label{color:#d9ccff;background:#d9ccff1f;border:1px solid rgb(217 204 255 / .25)}.brand-admin-link{color:#d1e9ffe6}.brand-admin-link.is-active{box-shadow:inset 0 0 0 1px #22ccf459}.brand-admin-cta{color:#050e24;background:linear-gradient(135deg,#ebe4ff,#bea6ff);box-shadow:0 4px 16px #bea6ff66}.brand-mark__icon-shell:before{background:radial-gradient(circle,rgb(217 204 255 / .35),transparent 70%)}.brand-mark__icon{filter:drop-shadow(0 4px 16px rgb(217 204 255 / .35))}.brand-mark-link:hover .brand-mark__icon{filter:drop-shadow(0 6px 20px rgb(0 185 238 / .45))}.brand-mark__wordmark{background:linear-gradient(105deg,#faf8ff,#ebe4ff 30%,#d9ccff,#bea6ff);filter:drop-shadow(0 2px 14px rgb(217 204 255 / .45))}.brand-mark__dot{background:linear-gradient(135deg,#22ccf4,#00b9ee)}.brand-mark__slogan{color:#b2ddffeb}.brand-mark__slogan-lead{color:#67defb;text-shadow:0 0 18px rgb(0 185 238 / .35)}.brand-mark__slogan-end{background:linear-gradient(90deg,#a5ecfd,#00b9ee)}.brand-cta-primary{color:#07132f;background:linear-gradient(135deg,#d9ccff,#bea6ff 45%,#9d75fa);box-shadow:0 6px 20px #bea6ff59}.brand-cta-primary:hover{box-shadow:0 10px 28px #bea6ff80,inset 0 1px #fff6}.brand-cta-ghost{color:#a5ecfd;border:1px solid rgb(0 185 238 / .4);background:#07132f8c}.brand-cta-ghost:hover{border-color:#22ccf4a6;background:#00b9ee26}.brand-user-pill{border:1px solid rgb(83 177 253 / .25);color:#d1e9ff}.brand-activity-bar{background:linear-gradient(90deg,#050e24fa,#07132ffa,#050e24fa);border-bottom:1px solid rgb(25 65 133 / .65)}.qc-btn-primary,.ds-btn-primary{background:linear-gradient(135deg,var(--qc-amber) 0%,var(--qc-amber-hot) 50%,#9d75fa 100%)}.qc-btn-primary:hover:not(:disabled),.ds-btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #bea6ff59}.qc-btn-secondary:hover:not(:disabled),.ds-btn-secondary:hover:not(:disabled){background:#eff8ff;border-color:#b2ddff}.qc-aurora{background:#050e24}.qc-aurora:before{background:radial-gradient(ellipse 60% 50% at 20% 30%,rgb(190 166 255 / .28),transparent 55%),radial-gradient(ellipse 50% 45% at 85% 20%,rgb(0 185 238 / .22),transparent 50%),radial-gradient(ellipse 40% 40% at 50% 80%,rgba(217,16,35,.12),transparent 55%)}.qc-page-stage{background:radial-gradient(ellipse 80% 40% at 50% -10%,rgb(190 166 255 / .08),transparent 55%),radial-gradient(ellipse 50% 30% at 100% 0%,rgb(0 185 238 / .06),transparent 45%),var(--qc-bg-light)}.qc-hero-band{background:linear-gradient(165deg,#050e24,#0b1a3d 45%,#0b1a3d)}.qc-hero-band:before{background:radial-gradient(ellipse 55% 60% at 15% 40%,rgb(190 166 255 / .25),transparent 60%),radial-gradient(ellipse 45% 50% at 90% 20%,rgb(0 185 238 / .2),transparent 55%)}.qc-hero-band:after{background:linear-gradient(90deg,transparent,#d91023 15%,#bea6ff 50%,#00b9ee 85%,transparent)}.qc-feed-chip:hover{background:#d9ccff33;border-color:#d9ccff8c}.qc-feed-chip--accent{background:linear-gradient(135deg,#ebe4ff,#bea6ff);color:#050e24;box-shadow:0 4px 20px #bea6ff73}.qc-vacancy-card{border:1px solid rgb(209 233 255 / .9);box-shadow:0 4px 20px #07132f0a}.qc-vacancy-card:hover{border-color:#bea6ff8c;box-shadow:0 16px 40px #07132f1a}.border-\[\#060d18\]{border-color:rgb(5 14 36 / var(--tw-border-opacity, 1))}.border-amber-400\/30{border-color:#d9ccff4d}.border-amber-400\/40{border-color:#d9ccff66}.border-blue-100{border-color:rgb(209 233 255 / var(--tw-border-opacity, 1))}.border-blue-200{border-color:rgb(178 221 255 / var(--tw-border-opacity, 1))}.border-blue-300{border-color:rgb(132 202 255 / var(--tw-border-opacity, 1))}.border-gray-100{border-color:rgb(242 244 247 / var(--tw-border-opacity, 1))}.border-gray-200{border-color:rgb(228 231 236 / var(--tw-border-opacity, 1))}.border-gray-700{border-color:rgb(25 65 133 / var(--tw-border-opacity, 1))}.border-pink-300{border-color:rgb(190 166 255 / var(--tw-border-opacity, 1))}.border-pink-500{border-color:rgb(157 117 250 / var(--tw-border-opacity, 1))}.border-sky-300{border-color:rgb(103 222 251 / var(--tw-border-opacity, 1))}.border-slate-200{border-color:rgb(209 233 255 / var(--tw-border-opacity, 1))}.border-slate-700{border-color:rgb(25 65 133 / var(--tw-border-opacity, 1))}.border-slate-900{border-color:rgb(7 19 47 / var(--tw-border-opacity, 1))}.border-teal-200{border-color:rgb(165 236 253 / var(--tw-border-opacity, 1))}.border-teal-500{border-color:rgb(0 185 238 / var(--tw-border-opacity, 1))}.border-teal-500\/20{border-color:#00b9ee33}.border-yellow-200{border-color:rgb(244 240 255 / var(--tw-border-opacity, 1))}.border-yellow-300{border-color:rgb(235 228 255 / var(--tw-border-opacity, 1))}.border-yellow-400{border-color:rgb(217 204 255 / var(--tw-border-opacity, 1))}.bg-\[\#060d18\]{background-color:rgb(5 14 36 / var(--tw-bg-opacity, 1))}.bg-\[\#060d18\]\/55{background-color:#050e248c}.bg-\[\#0b1220\]{background-color:rgb(7 19 47 / var(--tw-bg-opacity, 1))}.bg-\[\#F3EFFF\]{background-color:rgb(244 240 255 / var(--tw-bg-opacity, 1))}.bg-\[\#f0f0ec\]{background-color:rgb(242 244 247 / var(--tw-bg-opacity, 1))}.bg-amber-400{background-color:rgb(100 49 238 / var(--tw-bg-opacity, 1))}.bg-amber-400:not(.text-transparent){color: #fff !important}.bg-amber-500{background-color:rgb(100 49 238 / var(--tw-bg-opacity, 1))}.bg-amber-500:not(.text-transparent){color: #fff !important}.bg-amber-500\/5{background-color:#bea6ff0d}.bg-amber-900\/80{background-color:#5020c9cc}.bg-blue-100{background-color:rgb(209 233 255 / var(--tw-bg-opacity, 1))}.bg-blue-400\/5{background-color:#53b1fd0d}.bg-blue-50{background-color:rgb(239 248 255 / var(--tw-bg-opacity, 1))}.bg-blue-600{background-color:rgb(23 92 211 / var(--tw-bg-opacity, 1))}.bg-gray-100{background-color:rgb(242 244 247 / var(--tw-bg-opacity, 1))}.bg-gray-900{background-color:rgb(7 19 47 / var(--tw-bg-opacity, 1))}.bg-orange-100{background-color:rgb(244 240 255 / var(--tw-bg-opacity, 1))}.bg-pink-100{background-color:rgb(235 228 255 / var(--tw-bg-opacity, 1))}.bg-purple-100{background-color:rgb(235 228 255 / var(--tw-bg-opacity, 1))}.bg-sky-100{background-color:rgb(239 248 255 / var(--tw-bg-opacity, 1))}.bg-slate-100{background-color:rgb(239 248 255 / var(--tw-bg-opacity, 1))}.bg-slate-200\/90{background-color:#d1e9ffe6}.bg-slate-600\/80{background-color:#1849a9cc}.bg-slate-700{background-color:rgb(25 65 133 / var(--tw-bg-opacity, 1))}.bg-slate-800{background-color:rgb(29 41 57 / var(--tw-bg-opacity, 1))}.bg-slate-900{background-color:rgb(7 19 47 / var(--tw-bg-opacity, 1))}.bg-teal-600{background-color:rgb(0 148 199 / var(--tw-bg-opacity, 1))}.bg-yellow-100{background-color:rgb(250 248 255 / var(--tw-bg-opacity, 1))}.bg-yellow-200\/60{background-color:#f4f0ff99}.bg-yellow-400{background-color:rgb(100 49 238 / var(--tw-bg-opacity, 1))}.bg-yellow-400:not(.text-transparent){color: #fff !important}.bg-yellow-50{background-color:rgb(250 248 255 / var(--tw-bg-opacity, 1))}.from-\[\#060d18\]{--tw-gradient-from: #050e24 var(--tw-gradient-from-position);--tw-gradient-to: rgb(5 14 36 / 0) var(--tw-gradient-to-position)}.from-\[\#1a2744\]{--tw-gradient-from: #1d2939 var(--tw-gradient-from-position);--tw-gradient-to: rgb(29 41 57 / 0) var(--tw-gradient-to-position)}.from-amber-200{--tw-gradient-from: #ebe4ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(235 228 255 / 0) var(--tw-gradient-to-position)}.from-amber-300{--tw-gradient-from: #6431ee var(--tw-gradient-from-position);--tw-gradient-to: rgb(217 204 255 / 0) var(--tw-gradient-to-position)}.from-amber-300:not(.text-transparent){color: #fff !important}.from-amber-400{--tw-gradient-from: #6431ee var(--tw-gradient-from-position);--tw-gradient-to: rgb(217 204 255 / 0) var(--tw-gradient-to-position)}.from-amber-400:not(.text-transparent){color: #fff !important}.from-cyan-400{--tw-gradient-from: #22ccf4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 204 244 / 0) var(--tw-gradient-to-position)}.from-emerald-400{--tw-gradient-from: #6431ee var(--tw-gradient-from-position);--tw-gradient-to: rgb(190 166 255 / 0) var(--tw-gradient-to-position)}.from-emerald-400:not(.text-transparent){color: #fff !important}.from-gray-800{--tw-gradient-from: #1d2939 var(--tw-gradient-from-position);--tw-gradient-to: rgb(29 41 57 / 0) var(--tw-gradient-to-position)}.from-lime-400{--tw-gradient-from: #6431ee var(--tw-gradient-from-position);--tw-gradient-to: rgb(217 204 255 / 0) var(--tw-gradient-to-position)}.from-lime-400:not(.text-transparent){color: #fff !important}.from-orange-400{--tw-gradient-from: #6431ee var(--tw-gradient-from-position);--tw-gradient-to: rgb(190 166 255 / 0) var(--tw-gradient-to-position)}.from-orange-400:not(.text-transparent){color: #fff !important}.from-pink-400{--tw-gradient-from: #6431ee var(--tw-gradient-from-position);--tw-gradient-to: rgb(157 117 250 / 0) var(--tw-gradient-to-position)}.from-pink-400:not(.text-transparent){color: #fff !important}.from-purple-400{--tw-gradient-from: #6431ee var(--tw-gradient-from-position);--tw-gradient-to: rgb(157 117 250 / 0) var(--tw-gradient-to-position)}.from-purple-400:not(.text-transparent){color: #fff !important}.from-purple-600{--tw-gradient-from: #7f4bf4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(127 75 244 / 0) var(--tw-gradient-to-position)}.from-red-400{--tw-gradient-from: #6431ee var(--tw-gradient-from-position);--tw-gradient-to: rgb(157 117 250 / 0) var(--tw-gradient-to-position)}.from-red-400:not(.text-transparent){color: #fff !important}.from-slate-400{--tw-gradient-from: #53b1fd var(--tw-gradient-from-position);--tw-gradient-to: rgb(83 177 253 / 0) var(--tw-gradient-to-position)}.from-slate-900{--tw-gradient-from: #07132f var(--tw-gradient-from-position);--tw-gradient-to: rgb(7 19 47 / 0) var(--tw-gradient-to-position)}.from-slate-900\/80{--tw-gradient-from: rgb(7 19 47 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(7 19 47 / 0) var(--tw-gradient-to-position)}.from-slate-950\/70{--tw-gradient-from: rgb(5 14 36 / .7) var(--tw-gradient-from-position);--tw-gradient-to: rgb(5 14 36 / 0) var(--tw-gradient-to-position)}.from-slate-950\/90{--tw-gradient-from: rgb(5 14 36 / .9) var(--tw-gradient-from-position);--tw-gradient-to: rgb(5 14 36 / 0) var(--tw-gradient-to-position)}.from-yellow-400{--tw-gradient-from: #6431ee var(--tw-gradient-from-position);--tw-gradient-to: rgb(217 204 255 / 0) var(--tw-gradient-to-position)}.from-yellow-400:not(.text-transparent){color: #fff !important}.via-\[\#0b1c33\]{--tw-gradient-to: rgb(11 26 61 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #0b1a3d var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-\[\#0c2038\]{--tw-gradient-to: rgb(11 26 61 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #0b1a3d var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-\[\#111827\]{--tw-gradient-to: rgb(7 19 47 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #07132f var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-amber-400{--tw-gradient-to: rgb(217 204 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #6431ee var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-amber-400:not(.text-transparent){color: #fff !important}.via-amber-500\/60{--tw-gradient-to: rgb(190 166 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(190 166 255 / .6) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-gray-700{--tw-gradient-to: rgb(25 65 133 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #194185 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-pink-600{--tw-gradient-to: rgb(127 75 244 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #7f4bf4 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-slate-800\/75{--tw-gradient-to: rgb(29 41 57 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(29 41 57 / .75) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-slate-900\/30{--tw-gradient-to: rgb(7 19 47 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(7 19 47 / .3) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\[\#0b1220\]{--tw-gradient-to: #07132f var(--tw-gradient-to-position)}.to-amber-900\/40{--tw-gradient-to: rgb(80 32 201 / .4) var(--tw-gradient-to-position)}.to-amber-950\/50{--tw-gradient-to: rgb(34 14 90 / .5) var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to: #175cd3 var(--tw-gradient-to-position)}.to-gray-600{--tw-gradient-to: #475467 var(--tw-gradient-to-position)}.to-green-600{--tw-gradient-to: #5020c9 var(--tw-gradient-to-position)}.to-green-600:not(.text-transparent){color: #fff !important}.to-indigo-600{--tw-gradient-to: #6431ee var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to: #5020c9 var(--tw-gradient-to-position)}.to-orange-500:not(.text-transparent){color: #fff !important}.to-orange-600{--tw-gradient-to: #5020c9 var(--tw-gradient-to-position)}.to-orange-600:not(.text-transparent){color: #fff !important}.to-pink-600{--tw-gradient-to: #7f4bf4 var(--tw-gradient-to-position)}.to-red-600{--tw-gradient-to: #7f4bf4 var(--tw-gradient-to-position)}.to-rose-600{--tw-gradient-to: #7f4bf4 var(--tw-gradient-to-position)}.to-slate-700{--tw-gradient-to: #194185 var(--tw-gradient-to-position)}.to-slate-900\/85{--tw-gradient-to: rgb(7 19 47 / .85) var(--tw-gradient-to-position)}.to-teal-600{--tw-gradient-to: #0094c7 var(--tw-gradient-to-position)}.to-yellow-700{--tw-gradient-to: #7f4bf4 var(--tw-gradient-to-position)}.fill-yellow-400{fill:#d9ccff}.text-\[\#060d18\]{color:rgb(5 14 36 / var(--tw-text-opacity, 1))}.text-amber-100{color:rgb(244 240 255 / var(--tw-text-opacity, 1))}.text-amber-200{color:rgb(235 228 255 / var(--tw-text-opacity, 1))}.text-amber-300{color:rgb(217 204 255 / var(--tw-text-opacity, 1))}.text-amber-300\/90{color:#d9ccffe6}.text-amber-400{color:rgb(217 204 255 / var(--tw-text-opacity, 1))}.text-amber-400\/80{color:#d9ccffcc}.text-amber-400\/90{color:#d9ccffe6}.text-amber-400\/95{color:#d9ccfff2}.text-amber-500{color:rgb(190 166 255 / var(--tw-text-opacity, 1))}.text-amber-600{color:rgb(157 117 250 / var(--tw-text-opacity, 1))}.text-amber-700{color:rgb(127 75 244 / var(--tw-text-opacity, 1))}.text-amber-800{color:rgb(100 49 238 / var(--tw-text-opacity, 1))}.text-blue-600{color:rgb(23 92 211 / var(--tw-text-opacity, 1))}.text-blue-700{color:rgb(23 92 211 / var(--tw-text-opacity, 1))}.text-blue-800{color:rgb(24 73 169 / var(--tw-text-opacity, 1))}.text-blue-900{color:rgb(25 65 133 / var(--tw-text-opacity, 1))}.text-gray-300{color:rgb(208 213 221 / var(--tw-text-opacity, 1))}.text-gray-400{color:rgb(152 162 179 / var(--tw-text-opacity, 1))}.text-gray-500{color:rgb(102 112 133 / var(--tw-text-opacity, 1))}.text-gray-600{color:rgb(71 84 103 / var(--tw-text-opacity, 1))}.text-gray-700{color:rgb(25 65 133 / var(--tw-text-opacity, 1))}.text-gray-800{color:rgb(29 41 57 / var(--tw-text-opacity, 1))}.text-gray-900{color:rgb(7 19 47 / var(--tw-text-opacity, 1))}.text-orange-600{color:rgb(157 117 250 / var(--tw-text-opacity, 1))}.text-pink-500{color:rgb(157 117 250 / var(--tw-text-opacity, 1))}.text-pink-800{color:rgb(80 32 201 / var(--tw-text-opacity, 1))}.text-purple-600{color:rgb(127 75 244 / var(--tw-text-opacity, 1))}.text-purple-800{color:rgb(80 32 201 / var(--tw-text-opacity, 1))}.text-slate-100{color:rgb(239 248 255 / var(--tw-text-opacity, 1))}.text-slate-200{color:rgb(209 233 255 / var(--tw-text-opacity, 1))}.text-slate-300{color:rgb(178 221 255 / var(--tw-text-opacity, 1))}.text-slate-400{color:rgb(83 177 253 / var(--tw-text-opacity, 1))}.text-slate-500{color:rgb(102 112 133 / var(--tw-text-opacity, 1))}.text-slate-600{color:rgb(24 73 169 / var(--tw-text-opacity, 1))}.text-slate-700{color:rgb(25 65 133 / var(--tw-text-opacity, 1))}.text-slate-800{color:rgb(29 41 57 / var(--tw-text-opacity, 1))}.text-slate-900{color:rgb(7 19 47 / var(--tw-text-opacity, 1))}.text-teal-300{color:rgb(103 222 251 / var(--tw-text-opacity, 1))}.text-teal-600{color:rgb(0 148 199 / var(--tw-text-opacity, 1))}.text-teal-700{color:rgb(0 118 161 / var(--tw-text-opacity, 1))}.text-teal-900{color:rgb(11 79 108 / var(--tw-text-opacity, 1))}.text-yellow-400{color:rgb(217 204 255 / var(--tw-text-opacity, 1))}.text-yellow-600{color:rgb(157 117 250 / var(--tw-text-opacity, 1))}.text-yellow-800{color:rgb(100 49 238 / var(--tw-text-opacity, 1))}.shadow-\[0_12px_32px_rgba\(245\,158\,11\,0\.45\)\]{--tw-shadow: 0 12px 32px rgb(190 166 255 / .45)}.shadow-amber-500\/30{--tw-shadow-color: rgb(190 166 255 / .3)}.ring-amber-400{--tw-ring-color: rgb(217 204 255 / var(--tw-ring-opacity, 1))}.hover\:border-amber-300:hover{border-color:rgb(217 204 255 / var(--tw-border-opacity, 1))}.hover\:border-amber-400:hover{border-color:rgb(217 204 255 / var(--tw-border-opacity, 1))}.hover\:border-amber-400\/25:hover{border-color:#d9ccff40}.hover\:border-amber-400\/50:hover{border-color:#d9ccff80}.hover\:border-yellow-400:hover{border-color:rgb(217 204 255 / var(--tw-border-opacity, 1))}.hover\:bg-\[\#F3EFFF\]:hover{background-color:rgb(244 240 255 / var(--tw-bg-opacity, 1))}.hover\:bg-amber-400:hover{background-color:rgb(80 32 201 / var(--tw-bg-opacity, 1))}.hover\:bg-amber-400:hover:not(.text-transparent){color: #fff !important}.hover\:bg-amber-400\/15:hover{background-color:#d9ccff26}.hover\:bg-amber-400\/20:hover{background-color:#d9ccff33}.hover\:bg-amber-600:hover{background-color:rgb(80 32 201 / var(--tw-bg-opacity, 1))}.hover\:bg-amber-600:hover:not(.text-transparent){color: #fff !important}.hover\:bg-gray-200:hover{background-color:rgb(228 231 236 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-700:hover{background-color:rgb(25 65 133 / var(--tw-bg-opacity, 1))}.hover\:bg-teal-700:hover{background-color:rgb(0 118 161 / var(--tw-bg-opacity, 1))}.hover\:text-blue-600:hover{color:rgb(23 92 211 / var(--tw-text-opacity, 1))}.hover\:text-gray-600:hover{color:rgb(71 84 103 / var(--tw-text-opacity, 1))}.hover\:text-gray-900:hover{color:rgb(7 19 47 / var(--tw-text-opacity, 1))}.hover\:text-slate-700:hover{color:rgb(25 65 133 / var(--tw-text-opacity, 1))}.hover\:text-teal-600:hover{color:rgb(0 148 199 / var(--tw-text-opacity, 1))}.hover\:text-teal-800:hover{color:rgb(6 95 131 / var(--tw-text-opacity, 1))}.hover\:ring-amber-300:hover{--tw-ring-color: rgb(217 204 255 / var(--tw-ring-opacity, 1))}.focus\:border-pink-500:focus{border-color:rgb(157 117 250 / var(--tw-border-opacity, 1))}.focus\:border-teal-500:focus{border-color:rgb(0 185 238 / var(--tw-border-opacity, 1))}.focus\:ring-amber-500:focus{--tw-ring-color: rgb(190 166 255 / var(--tw-ring-opacity, 1))}.focus\:ring-blue-300:focus{--tw-ring-color: rgb(132 202 255 / var(--tw-ring-opacity, 1))}.focus\:ring-pink-300:focus{--tw-ring-color: rgb(190 166 255 / var(--tw-ring-opacity, 1))}.focus\:ring-teal-200:focus{--tw-ring-color: rgb(165 236 253 / var(--tw-ring-opacity, 1))}.focus\:ring-teal-400:focus{--tw-ring-color: rgb(34 204 244 / var(--tw-ring-opacity, 1))}.focus\:ring-yellow-400:focus{--tw-ring-color: rgb(217 204 255 / var(--tw-ring-opacity, 1))}.disabled\:bg-slate-100:disabled{background-color:rgb(239 248 255 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:text-amber-600{color:rgb(157 117 250 / var(--tw-text-opacity, 1))}

/*
 * QueremosChambear — design system v1.0 (capa de tema).
 * Fuente: queremoschambear_design_system_cursor.md
 * Se carga después del CSS de la app: solo cambia apariencia, nunca estructura ni comportamiento.
 * La sección de colores remapeados se genera con scripts/design-system/build-theme-layer.mjs.
 */

:root {
  --brand-ink: #07132f;
  --brand-violet: #6431ee;
  --brand-violet-dark: #5020c9;
  --brand-cyan: #00b9ee;
  --brand-blue: #0879ef;

  --neutral-900: #101828;
  --neutral-600: #475467;
  --neutral-200: #e4e7ec;
  --neutral-50: #f8fafc;

  --success: #067647;
  --warning: #b54708;
  --danger: #b42318;

  --radius-control: 10px;
  --radius-card: 16px;
  --radius-panel: 24px;
  --radius-chip: 999px;

  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;

  --text-xs: 12px;
  --text-sm: 14px;
  --text-3xl: 36px;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 10px;
  --radius-xl: 16px;

  --duration-fast: 120ms;
  --duration-normal: 180ms;
  --duration-slow: 240ms;

  --shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.05);
  --shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.1), 0 1px 2px rgba(16, 24, 40, 0.06);
  --shadow-md: 0 4px 8px -2px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.06);
  --shadow-lg: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.03);
  --shadow-focus: 0 0 0 4px rgba(100, 49, 238, 0.24);

  --qc-bg-deep: #07132f;
  --qc-bg-surface: #0b1a3d;
  --qc-bg-elevated: #12224a;
  --qc-bg-light: #f8fafc;
  --qc-bg-card: #ffffff;
  --qc-amber: #6431ee;
  --qc-amber-hot: #6431ee;
  --qc-amber-deep: #5020c9;
  --qc-teal: #00b9ee;
  --qc-teal-soft: #67defb;
  --qc-teal-muted: #a5ecfd;
  --qc-danger: #f97066;
  --qc-danger-soft: #fecdca;
  --qc-success: #32d583;
  --qc-success-bg: #ecfdf3;
  --qc-text: #f2f4f7;
  --qc-text-muted: #98a2b3;
  --qc-text-on-light: #101828;
  --qc-text-muted-light: #475467;
  --qc-border: rgba(152, 162, 179, 0.18);
  --qc-border-light: #e4e7ec;
}

/* ---- Tipografía: Inter en todo; títulos 700–800, botones 600 ---- */

html,
body {
  font-family: var(--font-sans);
}

.font-sans,
.font-display {
  font-family: var(--font-sans);
}

.font-display {
  font-weight: 800;
  letter-spacing: -0.01em;
}

h1,
h2,
h3 {
  font-weight: 800;
  letter-spacing: -0.015em;
}

h4,
h5,
h6 {
  font-weight: 700;
}

button {
  font-weight: 600;
}

.text-xs {
  font-size: 12px;
}

.text-sm {
  font-size: 14px;
}

.text-3xl {
  font-size: 36px;
}

/* ---- Geometría: controles 10, tarjetas 16, paneles 24, chips 999 ---- */

.rounded,
.rounded-md,
.rounded-lg {
  border-radius: var(--radius-control);
}

.rounded-xl,
.rounded-2xl {
  border-radius: var(--radius-card);
}

.rounded-3xl {
  border-radius: var(--radius-panel);
}

/* ---- Foco accesible ---- */

:focus-visible {
  outline: 3px solid var(--brand-violet);
  outline-offset: 3px;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--brand-violet);
}

/* ---- Shell de marca (nav / footer) ---- */

.brand-shell {
  background: var(--brand-ink);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 8px 24px rgba(7, 19, 47, 0.35);
}

.brand-shell:after {
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--brand-violet) 25%, var(--brand-cyan) 75%, transparent);
  box-shadow: none;
  opacity: 0.9;
}

.brand-activity-bar {
  background: var(--brand-ink);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* ---- Logotipo oficial (versión plana para fondo oscuro) ----
 * Todas las superficies donde aparece .brand-mark son oscuras (header, menú móvil, feed, footer).
 * El PNG/WebP lleva el fondo plano del archivo oficial convertido en transparencia; no se recolorea
 * ni se añaden brillos. El texto de marca queda solo para lectores de pantalla.
 * Proporción del recorte oficial: ~5.9013 (logo horizontal Q + wordmark), sin halo: el logo ocupa toda la caja.
 */

.brand-mark {
  --qc-logo-h: 44px;
  flex-shrink: 0;
  gap: 0;
  width: calc(var(--qc-logo-h) * 5.9013);
  height: var(--qc-logo-h);
  padding: 0;
  background-color: transparent;
  background-image: url('/brand/queremoschambear-logo-horizontal-flat-640.png');
  background-image: -webkit-image-set(
    url('/brand/queremoschambear-logo-horizontal-flat-640.webp') 1x,
    url('/brand/queremoschambear-logo-horizontal-flat-960.webp') 2x
  );
  background-image: image-set(
    url('/brand/queremoschambear-logo-horizontal-flat-640.webp') 1x,
    url('/brand/queremoschambear-logo-horizontal-flat-960.webp') 2x
  );
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  box-shadow: none;
  filter: none;
}

.brand-mark:not(.brand-mark--compact) {
  --qc-logo-h: 52px;
}

/* Entre lg y xl la isla de navegación y las acciones ocupan casi todo el ancho del header. */
@media (min-width: 1024px) and (max-width: 1279px) {
  .brand-shell .brand-mark:not(.brand-mark--compact) {
    --qc-logo-h: 44px;
  }
}

footer .brand-mark:not(.brand-mark--compact) {
  --qc-logo-h: 58px;
}

/* El rail social del feed empieza en top 4.75rem (76px): el header del feed no debe pasar de ahí. */
.qc-feed-header .brand-mark {
  --qc-logo-h: 42px;
}

.brand-mark__icon-shell {
  display: none;
}

.brand-mark__copy {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.brand-mark-link {
  position: relative;
  border-radius: var(--radius-control);
}

.brand-mark-link:hover {
  transform: none;
}

.brand-nav-island {
  background: rgba(255, 255, 255, 0.04);
  box-shadow: none;
}

.brand-nav-item {
  color: rgba(242, 244, 247, 0.82);
}

.brand-nav-item svg {
  color: #67defb;
}

.brand-nav-item:hover {
  transform: none;
}

.brand-nav-item.is-active {
  color: #ffffff;
  background: var(--brand-violet);
  box-shadow: none;
}

.brand-nav-item.is-active svg {
  color: #ffffff;
}

.brand-admin-rail {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: none;
}

.brand-admin-label {
  color: #d9ccff;
  background: rgba(100, 49, 238, 0.2);
  border: 1px solid rgba(157, 117, 250, 0.35);
}

.brand-admin-link.is-active {
  box-shadow: inset 0 0 0 1px rgba(0, 185, 238, 0.45);
}

.brand-admin-cta {
  color: #ffffff;
  background: var(--brand-violet);
  box-shadow: none;
  border-radius: var(--radius-control);
}

.brand-admin-cta:hover {
  background: var(--brand-violet-dark);
  filter: none;
}

/* ---- Botones ---- */

.brand-cta-primary,
.ds-btn-primary {
  color: #ffffff;
  background: var(--brand-violet);
  border-radius: var(--radius-control);
  box-shadow: var(--shadow-sm);
}

.brand-cta-primary:hover,
.ds-btn-primary:hover:not(:disabled) {
  background: var(--brand-violet-dark);
  transform: none;
  filter: none;
  box-shadow: var(--shadow-md);
}

.brand-cta-ghost {
  color: #ffffff;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: var(--radius-control);
}

.brand-cta-ghost:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.5);
}

.ds-btn-secondary,
.ds-btn-ghost {
  border-radius: var(--radius-control);
}

.ds-btn-primary:hover:not(:disabled),
.ds-btn-secondary:hover:not(:disabled),
.ds-btn-ghost:hover:not(:disabled) {
  transform: none;
}

/*
 * Asistente decorativo (sin acción). Su HTML vive en index.html fuera de #root.
 */

/* ---- Asistente (decorativo) ---- */

.qc-ai-bot {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 100;
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  /* El isotipo plano está pensado para fondo oscuro (su segmento gris se pierde sobre blanco). */
  background: #07132f;
  box-shadow: 0 8px 20px rgba(7, 19, 47, 0.35);
  cursor: default;
  animation: qcBotFloat 3.6s ease-in-out infinite;
  transition: scale 160ms ease;
}

.qc-ai-bot:hover {
  scale: 1.04;
}

.qc-ai-bot__ring {
  position: absolute;
  inset: -3px;
  border-radius: inherit;
  background: conic-gradient(from 0deg, #6431ee, #00b9ee, #6431ee);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px));
  animation: qcBotSpin 6s linear infinite;
}

.qc-ai-bot__face {
  width: 32px;
  height: 32px;
  background-image: url('/brand/queremoschambear-isotipo-96.png');
  background-image: -webkit-image-set(url('/brand/queremoschambear-isotipo-96.webp') 1x, url('/brand/queremoschambear-isotipo-160.webp') 2x);
  background-image: image-set(url('/brand/queremoschambear-isotipo-96.webp') 1x, url('/brand/queremoschambear-isotipo-160.webp') 2x);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media (min-width: 768px) {
  .qc-ai-bot {
    right: 24px;
    bottom: 24px;
    width: 56px;
    height: 56px;
  }

  .qc-ai-bot__face {
    width: 36px;
    height: 36px;
  }
}

body:has(.qc-bo-chrome) .qc-ai-bot,
body:has(.bo-shell) .qc-ai-bot {
  display: none;
}

@keyframes qcBotFloat {
  0%,
  100% {
    translate: 0 0;
  }
  50% {
    translate: 0 -3px;
  }
}

@keyframes qcBotSpin {
  to {
    rotate: 360deg;
  }
}

@media (prefers-reduced-motion: reduce) {
  .qc-ai-bot,
  .qc-ai-bot__ring {
    animation: none;
  }
}


@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-instant: 0ms;
    --duration-fast: 0ms;
    --duration-normal: 0ms;
    --duration-slow: 0ms;
  }
  *,
  *:before,
  *:after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}