@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--bg-primary: linear-gradient(135deg, #f5f0ff 0%, #e8e0f5 50%, #ddd5ee 100%);--bg-card: rgba(255, 255, 255, .9);--bg-card-hover: rgba(138, 79, 255, .1);--text-primary: #2d1b4e;--text-secondary: rgba(45, 27, 78, .7);--accent-primary: #6c3caf;--accent-secondary: #8a4fff;--border-color: rgba(138, 79, 255, .25);--input-bg: rgba(255, 255, 255, .95);--shadow-color: rgba(138, 79, 255, .12);--table-row-alt: rgba(138, 79, 255, .03);--success-bg: rgba(76, 175, 80, .15);--error-bg: rgba(244, 67, 54, .15)}*{box-sizing:border-box}body{font-family:Poppins,sans-serif;background:var(--bg-primary);min-height:100vh;margin:0;padding:20px;transition:background .3s ease}.container{max-width:1400px;margin:0 auto}.search-container{background:var(--bg-card)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color)!important;border-radius:16px!important;padding:25px!important;margin-bottom:25px!important;box-shadow:0 8px 32px var(--shadow-color)!important;transition:all .3s ease}.search-container input{background:var(--input-bg)!important;border:2px solid var(--border-color)!important;color:var(--text-primary)!important;font-family:Poppins,sans-serif!important;font-size:15px!important;transition:all .3s ease!important}.search-container input::placeholder{color:var(--text-secondary)!important}.search-container input:focus{border-color:var(--accent-primary)!important;box-shadow:0 0 20px var(--shadow-color)!important}.stats-container{margin-bottom:1.875rem}.stats-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.03125rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-card{background:var(--bg-card);border:.0625rem solid var(--border-color);border-radius:.75rem;padding:1.25rem;text-align:center;transition:all .2s ease}.stat-card:hover{transform:translateY(-.125rem);box-shadow:0 .5rem 1.5rem var(--shadow-color)}.stat-number{display:block;font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.stat-label{display:block;font-size:.6875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03125rem}.stat-total .stat-number{color:var(--accent-primary)}.stat-approved .stat-number{color:#4caf50}.stat-pending .stat-number{color:#ff9800}.stat-rejected .stat-number{color:#f44336}@media (max-width: 48rem){.stats-grid{grid-template-columns:repeat(2,1fr)}}.control-table{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:15px;padding:20px 0;width:100%;margin:0 auto 20px}button{font-family:Poppins,sans-serif;padding:.625rem 1rem;min-height:2.5rem;border-radius:.5rem;background:var(--accent-primary);color:#fff;border:none;cursor:pointer;font-weight:500;font-size:.8125rem;display:inline-flex;justify-content:center;align-items:center;gap:.375rem;transition:all .2s ease;box-shadow:none;white-space:nowrap}button:hover{transform:translateY(-.0625rem);box-shadow:0 .25rem .75rem var(--shadow-color);background:var(--accent-secondary)}.filter-button{background:transparent!important;color:var(--text-primary)!important;border:.0625rem solid var(--border-color)!important;padding:.625rem 1rem!important;min-height:2.5rem!important}.filter-button:hover{background:var(--bg-card)!important;border-color:var(--accent-primary)!important}.brand-control{display:flex;flex-direction:row;gap:.5rem}.brand-control button{padding:.5rem .75rem;min-height:2rem;font-size:.75rem}table{width:100%;margin:0 auto;border-collapse:separate;border-spacing:0;font-size:.8125rem;color:#1a1a1a;background:var(--bg-card);border-radius:1rem;overflow:hidden;box-shadow:0 .5rem 2rem var(--shadow-color);transition:all .3s ease}thead{background:linear-gradient(135deg,#6c3caf,#8a4fff)}th{padding:18px 15px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border:none;color:#fff}td{padding:15px;text-align:left;border:none;border-bottom:1px solid var(--border-color);vertical-align:middle}tbody tr{background:var(--table-row-alt);transition:all .3s ease;color:#1a1a1a}tbody tr:hover{background:var(--bg-card-hover)!important;transform:scale(1.01)}tbody tr td img{border-radius:10px;box-shadow:0 4px 15px #0003;transition:transform .3s ease}tbody tr:hover td img{transform:scale(1.05)}.filterButton{width:100%!important;padding:10px 15px!important;background:var(--input-bg)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;color:var(--text-primary)!important;font-family:Poppins,sans-serif!important;font-size:13px!important}.filterButton::placeholder{color:var(--text-secondary)!important}select.filterButton{cursor:pointer}select.filterButton option{background:#2d1b4e;color:#fff}[data-theme=light] select.filterButton option{background:#fff;color:#2d1b4e}.info{display:flex;position:fixed;flex-direction:column;justify-content:center;align-items:center;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:0;left:0;width:100%;height:100vh;color:#fff;z-index:1000}.stage-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.stage-container button{width:fit-content;padding:6px 12px;font-size:11px}.stage-brand{display:inline-block;padding:6px 12px;border-radius:20px;border:none;background:#8a4fff33;color:var(--text-primary);font-size:12px;font-style:normal}.green{background:linear-gradient(135deg,#4caf50,#81c784)!important;box-shadow:0 4px 15px #4caf504d!important}.green:hover{background:linear-gradient(135deg,#81c784,#4caf50)!important}.red{background:linear-gradient(135deg,#f44336,#ef5350)!important;box-shadow:0 4px 15px #f443364d!important}.red:hover{background:linear-gradient(135deg,#ef5350,#f44336)!important}@media (max-width: 1200px){table{font-size:11px}th,td{padding:10px}}@media (max-width: 768px){.control-table{flex-direction:column;align-items:stretch}.stats{grid-template-columns:1fr}table{display:block;overflow-x:auto}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--table-row-alt);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:4px}::-webkit-scrollbar-thumb:hover{filter:brightness(1.2)}.loader-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:1000;color:#fff;gap:10px;z-index:2000}.loader{--s: 25px;--_d: calc(.353*var(--s));width:calc(var(--s) + var(--_d));aspect-ratio:1;display:flex}.loader:before,.loader:after{content:"";flex:1;clip-path:polygon(var(--_d) 0,100% 0,100% calc(100% - var(--_d)),calc(100% - var(--_d)) 100%,0 100%,0 var(--_d));background:conic-gradient(from -90deg at calc(100% - var(--_d)) var(--_d),#fff 135deg,#666 0 270deg,#aaa 0);animation:l5 1.2s infinite}.loader:before{margin-right:calc(var(--_d)/-2 - 1px)}.loader:after{margin-left:calc(var(--_d)/-2 - 1px);animation-delay:.6s}@keyframes l5{0%{transform:translateY(0)}16.67%{transform:translateY(-10px)}33.33%{transform:translateY(10px)}50%,to{transform:translateY(0)}}fieldset{border:0px solid #ccc;padding:10px;margin-bottom:10px;border-radius:7px;box-shadow:0 0 10px #0000001a}fieldset legend{font-weight:600;font-size:1.2rem;margin-bottom:10px}fieldset img{display:block;width:100px;height:100px;object-fit:contain;border-radius:14px;margin:10px}label{font-weight:600;margin-bottom:5px;display:flex;justify-content:center;align-items:center}input[type=text],input[type=number],select{width:100%;padding:10px;border-radius:8px;border:1px solid #ccc;margin-top:5px;margin-left:10px;margin-right:10px;font-style:italic}.control-brand{display:flex;justify-content:space-between}.delete-brand{background-color:#1562fd;color:#fff;text-align:right;padding:5px;border-radius:5px;cursor:pointer}.message-action{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;z-index:3000}.message-action .message-action-content{display:flex;justify-content:center;align-items:center;gap:10px}.message-action .button-control{color:#000;background-color:#fff;padding:15px;border-radius:14px;text-decoration:none}.message-action .button-control:hover{background-color:#ffffffa2}.brand-detail-page{font-family:Inter,sans-serif;min-height:100vh;padding:60px 40px;background:#fafafa;color:#1a1a1a;transition:all .3s ease;max-width:900px;margin:0 auto}[data-theme=dark] .brand-detail-page{background:#0a0a0a;color:#f5f5f5}.theme-toggle-btn{position:fixed;top:30px;right:30px;z-index:9999;padding:10px 18px;border-radius:30px;border:1px solid #e0e0e0;cursor:pointer;font-size:13px;font-weight:500;font-family:Inter,sans-serif;background:#fff;color:#666;box-shadow:none;transition:all .2s ease}[data-theme=dark] .theme-toggle-btn{background:#1a1a1a;border-color:#333;color:#aaa}.theme-toggle-btn:hover{border-color:#8a4fff;color:#8a4fff;transform:none;box-shadow:none}.back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:2rem;border:none;cursor:pointer;font-size:.875rem;font-weight:500;font-family:Inter,sans-serif;background:linear-gradient(135deg,#6c3caf,#8a4fff);color:#fff;margin-bottom:2rem;transition:all .25s ease;box-shadow:0 .25rem 1rem #8a4fff40}.back-btn:hover{background:linear-gradient(135deg,#8a4fff,#b388ff);transform:translate(-.25rem);box-shadow:0 .5rem 1.5rem #8a4fff59}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#999}.spinner{width:24px;height:24px;border:2px solid #eee;border-top-color:#8a4fff;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}.brand-hero{display:flex;align-items:flex-start;gap:30px;padding:0 0 40px;background:transparent;border-radius:0;margin-bottom:60px;box-shadow:none;border:none;border-bottom:1px solid #eee}[data-theme=dark] .brand-hero{background:transparent;border:none;border-bottom:1px solid #222;box-shadow:none}.brand-logo{width:100px;height:100px;object-fit:contain;border-radius:16px;background:#fff;padding:12px;border:1px solid #eee;box-shadow:none}[data-theme=dark] .brand-logo{background:#1a1a1a;border-color:#333}.brand-hero-info h1{margin:0 0 12px;font-size:2rem;font-weight:600;color:#1a1a1a;background:none;-webkit-text-fill-color:unset}[data-theme=dark] .brand-hero-info h1{color:#fff}.brand-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.badge{padding:5px 12px;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.badge-ulpik{background:#8a4fff;color:#fff}.badge-external{background:#f0f0f0;color:#666}[data-theme=dark] .badge-external{background:#222;color:#999}.badge-class{background:#f0f0f0;color:#666}[data-theme=dark] .badge-class{background:#222;color:#999}.badge-status{background:#fff3cd;color:#856404}.badge-status.aprobado{background:#d4edda;color:#155724}.badge-status.negada{background:#f8d7da;color:#721c24}.brand-responsible{margin:0;color:#888;font-size:14px;font-weight:400}[data-theme=dark] .brand-responsible{color:#777}.brand-responsible strong{color:#1a1a1a;font-weight:500}[data-theme=dark] .brand-responsible strong{color:#ddd}.brand-sections{display:flex;flex-direction:column;gap:50px}.brand-section{background:transparent;border-radius:0;padding:0;box-shadow:none;border:none}.brand-section h2{margin:0 0 24px;font-size:13px;font-weight:600;color:#8a4fff;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:8px}[data-theme=dark] .brand-section h2{color:#b388ff}.info-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.info-card{background:transparent;border-radius:0;padding:16px 0;border-left:none;border-bottom:1px solid #eee;transition:none}[data-theme=dark] .info-card{background:transparent;border-bottom-color:#222}.info-card:hover{transform:none}.info-card.full-width{grid-column:1 / -1}.info-card .label{display:block;font-size:11px;font-weight:500;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}[data-theme=dark] .info-card .label{color:#666}.info-card .value{display:block;font-size:15px;color:#1a1a1a;font-weight:400}[data-theme=dark] .info-card .value{color:#e5e5e5}.info-card .value.highlight{color:#8a4fff;font-weight:500}[data-theme=dark] .info-card .value.highlight{color:#b388ff}@media (max-width: 768px){.brand-hero{flex-direction:column;gap:20px}.brand-hero-info h1{font-size:1.5rem}.brand-detail-page{padding:40px 24px}.info-cards{grid-template-columns:1fr}.theme-toggle-btn{top:15px;right:15px;padding:8px 14px;font-size:12px}}