@charset "UTF-8";:root{--burple: #5865f2;--blue: #4d65ff;--olo: #00FFCC;--success: #43a25a;--danger: #da3e44;--bg: #24242a;--defaultTransition: all .18s ease-in-out;line-height:1.5;font-weight:400;background-color:var(--bg);color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}div:not(#root):has(div#turnstile-container){position:absolute;top:20px;left:20px;z-index:1000}html,body{font-size:62.5%;scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;height:100%;min-height:calc(100svh - 80px);max-width:100vw}#root{text-align:center;width:100vw}:focus-visible{border-radius:inherit;outline:none}input:-internal-autofill-selected{background-color:inherit}main{min-height:calc(100svh - 80px);height:fit-content;display:flex;flex-direction:column;align-items:center;padding:50px 0;max-width:1000px;gap:20px;width:calc(100vw - 100px);margin:80px auto 0}img{vertical-align:middle}li{list-style:none}a{text-decoration:none}input:-internal-autofill-selected{background-color:transparent!important;background-image:none!important;color:inherit!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{position:relative;margin:0;color:#fff;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif;backface-visibility:hidden}svg{pointer-events:none}*::-webkit-scrollbar{width:10px;scrollbar-width:thin}*::-webkit-scrollbar-track{border-radius:10px}body::-webkit-scrollbar-track{margin-top:80px}*::-webkit-scrollbar-thumb{border-radius:10px;background:var(--olo);border:2px solid var(--bg)}*::-webkit-scrollbar-thumb:hover{background-color:#555}main#entry article.entry{width:100%;padding:20px;text-align:left;gap:10px;display:flex;flex-direction:column}main#entry article.entry span.img{width:100%;aspect-ratio:16/6;display:flex}main#entry article.entry h3,main#entry article.entry p{overflow:hidden;-webkit-box-orient:vertical;display:-webkit-box}main#entry article.entry h3{font-size:2.4rem;color:#eef;-webkit-line-clamp:2;line-clamp:2;width:80%;height:32px}main#entry article.entry div.info{display:flex;flex-direction:row;align-items:center;color:#99a;font-size:1.6rem;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}main#entry article.entry div.info span{height:20px;width:120px}main#entry article.entry p{font-size:1.6rem;line-height:1.5;text-align:justify;text-wrap:balance}article.entry.preview{flex:1 0 30%;box-shadow:0 0 16px #333340;border-radius:16px;padding:20px;text-align:left;transition:all .15s ease-in-out;background:radial-gradient(#222228,#111114);background-size:200% 200%;background-position:100% 100%;gap:10px;display:flex;flex-direction:column;cursor:pointer}article.entry.preview:hover{transform:scale(1.05)}article.entry.preview span.img{width:100%;aspect-ratio:16/6;border-radius:8px;background:#e6e6fa;display:flex}article.entry.preview h3,article.entry.preview p{overflow:hidden;-webkit-box-orient:vertical;display:-webkit-box}article.entry.preview h3{font-size:2rem;color:#eef;-webkit-line-clamp:2;line-clamp:2}article.entry.preview p{font-size:1.4rem;color:#99a;-webkit-line-clamp:3;line-clamp:3}article.entry.placeholder{--placeholder: linear-gradient(120deg, #9999aa 25%, #777788 50%, #9999aa 75%);width:100%;padding:20px;text-align:left;gap:10px;display:flex;flex-direction:column}article.entry.placeholder span.img{background:var(--placeholder);border-radius:8px;background-size:200% 100%;animation:loading 2s ease-in-out infinite}article.entry.placeholder span.img{width:100%;aspect-ratio:16/6;display:flex}article.entry.placeholder h3,article.entry.placeholder p{overflow:hidden;-webkit-box-orient:vertical;display:-webkit-box}article.entry.placeholder h3{background:var(--placeholder);border-radius:8px;background-size:200% 100%;animation:loading 2s ease-in-out infinite}article.entry.placeholder h3{font-size:2.4rem;color:#eef;-webkit-line-clamp:2;line-clamp:2;width:80%;height:32px}article.entry.placeholder div.info{background:var(--placeholder);border-radius:8px;background-size:200% 100%;animation:loading 2s ease-in-out infinite}article.entry.placeholder div.info{display:flex;flex-direction:row;align-items:center;color:#99a;font-size:1.6rem;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}article.entry.placeholder div.info span{background:var(--placeholder);border-radius:8px;background-size:200% 100%;animation:loading 2s ease-in-out infinite}article.entry.placeholder div.info span{height:20px;width:120px}article.entry.placeholder p{font-size:1.4rem;-webkit-line-clamp:3;line-clamp:3;display:flex;flex-direction:column;gap:8px}article.entry.placeholder p span.line{background:var(--placeholder);border-radius:8px;background-size:200% 100%;animation:loading 2s ease-in-out infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}article.entry.placeholder p span.line{height:20px;width:100%}article.entry.placeholder p span.line:last-of-type{width:60%}main#blog section.recientes{display:flex;flex-wrap:wrap;gap:20px}main#dashboard aside{height:calc(100vh - 80px);width:300px;background:#111114;border-top:1px solid #24242a;position:sticky;display:flex;flex-direction:column;transition:all .2s ease-in-out;flex-shrink:0;align-items:flex-start;justify-content:flex-start}main#dashboard aside::-webkit-scrollbar{display:none}main#dashboard aside *[aria-label]:before{content:attr(aria-label);visibility:hidden;opacity:0;width:fit-content;position:absolute;padding:8px 12px;border-radius:8px;text-wrap:nowrap;z-index:10;font-size:1.4rem;background:#111114;box-shadow:0 0 8px #111114;pointer-events:none;border:1px solid #222229;transition:all .1s ease-in-out 0s}main#dashboard aside.collapsed{width:64px}main#dashboard aside.collapsed *[aria-label]:hover:before{visibility:visible;opacity:1;transition:all .1s ease-in-out .4s}main#dashboard aside.collapsed div.guild{padding:16px 8px}main#dashboard aside.collapsed div.guild div.select div.selected{padding:0}main#dashboard aside.collapsed nav{width:100%}main#dashboard aside.collapsed nav ol.sections{width:100%}main#dashboard aside.collapsed nav ol.sections li:is(.section,.subSection)[aria-label]:before{left:calc(100% + 4px)}main#dashboard aside.collapsed nav ol.sections li.subSection{width:32px}main#dashboard aside.collapsed nav ol.sections li.subSection>:is(a,button){padding:0}main#dashboard aside.collapsed nav ol.sections li.section{width:100%}main#dashboard aside.collapsed nav ol.sections li.section:has(ol.subSections){background:#24242a55}main#dashboard aside.collapsed nav ol.sections li.section:has(ol.subSections):before{content:"";position:absolute;width:40px;height:40px;border-radius:6px;background:#111114;top:4px;left:4px}main#dashboard aside.collapsed nav ol.sections li.section:has(ol.subSections) svg:first-of-type{display:block}main#dashboard aside div.guild{width:100%;flex-shrink:0;height:80px;padding:16px;position:sticky;transition:all .15s ease-in-out;z-index:2}main#dashboard aside button.collapse{width:48px;height:48px;flex-shrink:0;height:48pxpx;margin:16px 8px;transition:all .15s ease-in-out;border:none}main#dashboard aside nav{width:100%;flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:calc(100vh - 160px)}main#dashboard aside nav::-webkit-scrollbar{width:0}main#dashboard aside nav ol.sections{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 8px;align-items:center;justify-content:flex-start}main#dashboard aside nav ol.sections li{width:100%;display:grid;flex-direction:row;min-height:48px;border-radius:8px;cursor:pointer;font-size:1.6rem;text-wrap:nowrap;align-items:center;transition:all .15s ease-in-out;justify-content:flex-start;grid-template-columns:1fr;grid-template-rows:48px 1fr;overflow:visible}main#dashboard aside nav ol.sections li.collapsed{grid-template-rows:48px 0fr;overflow:hidden}main#dashboard aside nav ol.sections li:has(ol.subSections){margin-top:8px}main#dashboard aside nav ol.sections li.active>:is(a,div) span.displayName{color:#fff}main#dashboard aside nav ol.sections li.active>:is(a,div) svg:first-of-type :is(path,circle){stroke:#fff}main#dashboard aside nav ol.sections li ol.subSections{grid-row:2;width:100%;z-index:0;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:0;transition:all .15s ease-in-out;padding-left:8px}main#dashboard aside nav ol.sections li.subSection{height:32px;min-height:32px;grid-template-rows:32px 1fr}main#dashboard aside nav ol.sections li.subSection>:is(a,div){padding:4px 8px}main#dashboard aside nav ol.sections li>:is(a,div){grid-row:1;width:100%;display:flex;-webkit-user-select:none;user-select:none;padding:8px;height:100%;z-index:1;overflow:hidden;align-items:center;justify-content:flex-start;gap:8px}main#dashboard aside nav ol.sections li>:is(a,div) span.displayName{flex:1;text-align:left;color:#aab}main#dashboard aside nav ol.sections li>:is(a,div) svg:first-of-type{width:24px;height:24px;flex-shrink:0;margin:0 4px}main#dashboard aside nav ol.sections li>:is(a,div) svg:first-of-type.fa{fill:#aab}main#dashboard aside nav ol.sections li>:is(a,div) svg:first-of-type :is(path,circle){stroke:#aab}main#dashboard aside nav ol.sections li>:is(a,div) svg.toggle{width:16px;height:16px;margin-left:auto}main#dashboard aside nav ol.sections li>:is(a,div) svg.toggle path{stroke:#aab}main#dashboard aside nav ol.sections li>:is(div){height:24px;padding:0 8px;background:transparent;border:none;font-size:1rem;text-transform:uppercase;font-weight:800}main#dashboard aside nav ol.sections li>:is(div) *{pointer-events:none}main#dashboard aside nav ol.sections li>:is(div) span.displayName{color:#aab;flex:0}main#dashboard aside nav ol.sections li>:is(div) hr{height:2px;flex:1;border:none;background:#aab}main#dashboard aside nav ol.sections li>:is(div) svg:first-of-type{display:none}main#dashboard aside nav ol.sections li:not(:has(ol.subSections)):hover{background:#24242a;cursor:pointer}main#dashboard{padding:0;gap:0;margin:80px 0 0;display:flex;flex-direction:row;width:100vw;max-width:none;height:calc(100vh - 80px)}main#dashboard>main{margin:0;overflow-y:scroll;height:calc(100vh - 80px);width:100%;max-width:100%;padding:48px 48px 156px}main#settings{align-items:flex-start}main#settings section{width:100%;max-width:800px;border:2px solid rgba(238,238,255,.15);border-radius:16px;padding:8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}main#settings section h2{font-size:2rem;font-weight:500}main#settings section p{font-size:1.6rem;color:#eeeeffbf;padding-left:12px}main#settings section p:before{content:"";height:100%;width:4px;background:#eeeeffbf;position:absolute;left:0;top:0;border-radius:4px}main#settings section div.row{display:flex;flex-direction:row;align-items:center;gap:8px}main#social ul.networks{display:flex;width:100%;flex-direction:column;flex-wrap:wrap;gap:16px}main#social ul.networks li.network{background:color-mix(in srgb,#111114 70%,var(--bg));border:1px solid rgba(238,238,255,.15);padding:8px;border-radius:16px;height:fit-content;max-width:250px;display:grid;grid-template-columns:32px 1fr 32px;place-items:end center;grid-template-rows:32px 0;gap:8px;row-gap:0;transition:all .15s ease-in-out}main#social ul.networks li.network:has(div.username){grid-template-rows:32px 32px;row-gap:8px}main#social ul.networks li.network div.name{grid-row:1;grid-column:2;display:flex;align-items:center;justify-content:flex-start;font-size:1.6rem;font-weight:600;opacity:1;transition:all .15s ease-in-out}@starting-style{main#social ul.networks li.network div.name{opacity:0}}main#social ul.networks li.network div.icon{grid-column:1;grid-row:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center}main#social ul.networks li.network div.icon svg{height:2.4rem;width:2.4rem;fill:var(--accent)}main#social ul.networks li.network div.username{grid-column:1/span 3;grid-row:2;display:flex;flex-direction:row;justify-content:flex-start;width:100%;align-items:center;gap:4px;height:32px;padding:8px;border:1px solid rgba(238,238,255,.15);border-radius:8px;background:#111114;font-family:Courier New,Courier,monospace;font-size:1.4rem}main#social ul.networks li.network div.username svg{height:1.6rem;width:1.6rem;flex-shrink:0}main#social ul.networks li.network div.username svg path{stroke:#eeeeff40;stroke-width:2}main#social ul.networks li.network button.link{height:32px;width:32px;grid-column:3;grid-row:1;background:#111114;border:1px solid rgba(238,238,255,.15);border-radius:8px;cursor:pointer}main#social ul.networks li.network button.link svg{width:1.6rem;height:1.6rem}main#social ul.networks li.network button.link svg path{stroke:#fff;stroke-width:2}main#edit div.header{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px}main#edit div.header div.actions{display:flex;flex-direction:row;gap:8px}main#edit div.header div.name{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;border:2px solid transparent;cursor:text}main#edit div.header div.name:hover{background:#eeeeff26}main#edit div.header div.name:has(input:focus){border-color:#eeeeff26}main#edit div.header div.name input[type=text]{background:transparent;border:none;height:100%;width:fit-content;field-sizing:content;font-size:2rem;border-radius:0;font-weight:600}main#edit div.header div.name svg{width:20px;height:20px}main#edit div.header div.name svg path{stroke:color-mix(in srgb,rgb(238,238,255) 55%,var(--bg));stroke-width:2}main#edit section.sheet{width:100%;gap:64px;display:flex;flex-direction:column}main#edit section.sheet div.row{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}main#edit section.sheet div.row.disabled{opacity:.5}main#edit section.sheet div.row.disabled:before{width:calc(100% + 32px);height:calc(100% + 32px);z-index:3;position:absolute;content:"";top:-16px;left:-16px;background:#11111433;border-radius:32px;cursor:not-allowed}main#edit section.sheet div.row button:first-of-type span.top:before{display:block}main#edit section.sheet button.step{--transparencyStepAccentColor: color-mix(in srgb, var(--stepAccentColor) 20%, var(--bg));background:transparent;border:none;width:100%;flex:1;padding:16px;border-radius:16px;min-height:100px;height:fit-content;display:flex;align-items:center;justify-content:center;border:2px dashed var(--transparencyStepAccentColor);transition:all .15s ease-in-out;cursor:pointer}main#edit section.sheet button.step.defined{border:1px solid var(--transparencyStepAccentColor);background:#111114;cursor:auto}main#edit section.sheet button.step.defined div.content{overflow:visible}main#edit section.sheet button.step.defined:has(~button.defined){flex:1 0 45%}main#edit section.sheet button.step.defined span.top{top:-1px}main#edit section.sheet button.step.defined span.bottom{bottom:-1px}main#edit section.sheet button.step.defined span:is(.top,.bottom):before{background:var(--stepAccentColor);box-shadow:0 0 0 4px color-mix(in srgb,var(--stepAccentColor) 20%,transparent)}main#edit section.sheet button.step.defined:after{height:32px;width:2px;background:linear-gradient(to bottom,var(--stepAccentColor) 50%,transparent 50%);background-size:2px 7px;content:"";bottom:-48px;position:absolute;-webkit-mask-image:linear-gradient(transparent,black,transparent);mask-image:linear-gradient(transparent,black,transparent)}main#edit section.sheet button.step:not(:is(.selectMode,.defined)):hover{background:var(--transparencyStepAccentColor)}main#edit section.sheet button.step:not(:is(.selectMode,.defined)):hover div.content span.plus{background:var(--bg)}main#edit section.sheet button.step div.content{width:100%;height:100%;display:grid;grid-template-columns:64px 1fr;grid-template-rows:32px 32px 0fr;overflow:hidden;column-gap:16px;row-gap:0;transition:all .15s ease-in-out}main#edit section.sheet button.step div.content span.plus{grid-column:1;grid-row:1/span 3;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--transparencyStepAccentColor);transition:all .15s ease-in-out}main#edit section.sheet button.step div.content span.plus svg{width:32px;height:32px}main#edit section.sheet button.step div.content span.plus svg :is(path,circle){stroke:var(--stepAccentColor);stroke-width:2}main#edit section.sheet button.step div.content span.type{grid-column:2;grid-row:1;height:32px;display:flex;align-items:center;justify-content:flex-start;color:var(--stepAccentColor);gap:8px}main#edit section.sheet button.step div.content span.type div.counter{height:20px;width:fit-content;background:var(--transparencyStepAccentColor);border-radius:12px;font-size:1.4rem;display:flex;align-items:center;justify-content:center;padding:0 8px;color:var(--stepAccentColor);font-weight:600}main#edit section.sheet button.step div.content h3.name{grid-column:2;grid-row:2;height:32px;display:flex;align-items:center;justify-content:flex-start;font-size:2rem}main#edit section.sheet button.step div.content div.details{grid-column:1/span 3;grid-row:4;display:flex;height:fit-content;min-height:32px;border-radius:8px;width:100%}main#edit section.sheet button.step div.content div.details div.input{display:flex;align-items:center;flex-direction:row;justify-content:flex-start;width:100%;gap:8px;font-size:1.6rem;flex-wrap:wrap;white-space:nowrap}main#edit section.sheet button.step div.content div.details div.input svg{width:3.2rem;height:3.2rem;flex-shrink:0}main#edit section.sheet button.step div.content div.details div.input svg path{stroke:var(--stepAccentColor)}main#edit section.sheet button.step div.content div.details div.input.channel div.select{border:2px solid rgba(238,238,255,.15);border-radius:8px;font-size:1.6rem;field-sizing:content;min-width:48px;width:fit-content;height:32px;padding:0 8px;transition:all .15s ease-in-out;gap:8px}main#edit section.sheet button.step div.content div.details div.input.channel div.select:hover{border-color:var(--transparencyStepAccentColor)}main#edit section.sheet button.step div.content div.details div.input.channel div.select:hover svg path{stroke:var(--stepAccentColor)}main#edit section.sheet button.step div.content div.details div.input.channel div.select.active{border-color:var(--stepAccentColor)}main#edit section.sheet button.step div.content div.details div.input.channel div.select.active svg path{stroke:var(--stepAccentColor)}main#edit section.sheet button.step div.content div.details div.input.channel div.select svg{width:20px;height:20px}main#edit section.sheet button.step div.content div.details div.input.channel div.select svg path{stroke:#eeeeff26;stroke-width:2;transition:all .15s ease-in-out}main#edit section.sheet button.step div.content div.details div.input.channel div.select div.selected{padding:0;font-size:1.6rem;font-weight:500;gap:4px}main#edit section.sheet button.step div.content div.details div.input.channel div.select div.selected svg{width:1.6rem;height:1.6rem}main#edit section.sheet button.step div.content div.details div.input.channel div.select div.selected svg path{stroke:#fff;stroke-width:.5}main#edit section.sheet button.step div.content div.details div.input.text button.addTerm{height:16px;width:16px;background:var(--transparencyStepAccentColor);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease-in-out}main#edit section.sheet button.step div.content div.details div.input.text button.addTerm:hover{box-shadow:0 0 4px 0 var(--stepAccentColor);transform:scale(1.05);background:var(--stepAccentColor)}main#edit section.sheet button.step div.content div.details div.input.text button.addTerm:hover svg path{stroke:#111114}main#edit section.sheet button.step div.content div.details div.input.text button.addTerm:before{content:"";width:24px;height:32px;position:absolute}main#edit section.sheet button.step div.content div.details div.input.text button.addTerm svg{width:12px;height:12px}main#edit section.sheet button.step div.content div.details div.input.text button.addTerm svg path{stroke:var(--stepAccentColor);stroke-width:2;transition:all .15s ease-in-out}main#edit section.sheet button.step div.content div.details div.input.text div.terms{width:100%;display:flex;flex-direction:row;gap:8px;flex-wrap:wrap;margin-bottom:8px}main#edit section.sheet button.step div.content div.details div.input.text div.terms div.term{opacity:1;transform:translate(0);transition:all .15s ease-in-out;height:32px;width:fit-content;display:flex;flex-direction:row;align-items:center;justify-content:center}main#edit section.sheet button.step div.content div.details div.input.text div.terms div.term button.delete{opacity:0;transform:translate(8px);position:absolute;pointer-events:none;display:flex;align-items:center;transition:all .15s ease-in-out;justify-content:center;cursor:pointer;height:24px;width:24px;background:color-mix(in srgb,var(--danger) 15%,#111114);right:4px;border:none;border-radius:4px}main#edit section.sheet button.step div.content div.details div.input.text div.terms div.term button.delete svg{width:16px;height:16px}main#edit section.sheet button.step div.content div.details div.input.text div.terms div.term button.delete svg path{stroke:var(--danger);stroke-width:2}main#edit section.sheet button.step div.content div.details div.input.text div.terms div.term:not(:has(input[type=text]:focus)):not(:has(input[type=text]:placeholder-shown)):hover input[type=text]{padding-right:40px}main#edit section.sheet button.step div.content div.details div.input.text div.terms div.term:not(:has(input[type=text]:focus)):not(:has(input[type=text]:placeholder-shown)):hover input[type=text]:has(~button.delete:hover){border-color:color-mix(in srgb,var(--danger) 15%,#111114)}main#edit section.sheet button.step div.content div.details div.input.text div.terms div.term:not(:has(input[type=text]:focus)):not(:has(input[type=text]:placeholder-shown)):hover button.delete{transform:translate(0);pointer-events:all;opacity:1}@starting-style{main#edit section.sheet button.step div.content div.details div.input.text div.terms div.term{opacity:0;transform:translate(-16px)}}main#edit section.sheet button.step div.content div.details div.input input[type=text]{border:2px solid rgba(238,238,255,.15);background:transparent;border-radius:8px;font-size:1.6rem;field-sizing:content;min-width:48px;height:32px;padding:0 8px;transition:all .15s ease-in-out}main#edit section.sheet button.step div.content div.details div.input input[type=text]::placeholder{visibility:hidden}main#edit section.sheet button.step div.content div.details div.input input[type=text]:hover{border-color:var(--transparencyStepAccentColor)}main#edit section.sheet button.step div.content div.details div.input input[type=text]:focus{border-color:var(--stepAccentColor)}main#edit section.sheet button.step div.content div.details div.input input[type=text].maxLength{border-color:var(--danger);animation:shake .15s ease-in-out}@keyframes shake{0%{transform:translate(0) rotate(0)}25%{transform:translate(2px) rotate(1deg)}50%{transform:translate(-2px) rotate(-1deg)}75%{transform:translate(2px) rotate(1deg)}to{transform:translate(0) rotate(0)}}main#edit section.sheet button.step div.content div.options{grid-column:1/span 2;grid-row:3;display:flex;height:100%;overflow:hidden;opacity:0;flex-direction:column;gap:8px;align-items:center;justify-content:flex-start;transition:all .15s ease-in-out}main#edit section.sheet button.step div.content div.options div.option{width:100%;display:flex;align-items:center;font-size:1.6rem;gap:8px;text-align:left;text-wrap:balance;margin-left:0;transition:all .15s ease-in-out;min-height:24px}main#edit section.sheet button.step div.content div.options div.option:hover{margin-left:16px}main#edit section.sheet button.step div.content div.options div.option:hover:after{opacity:1}main#edit section.sheet button.step div.content div.options div.option:before{height:calc(100% + 4px);width:4px;background:var(--stepAccentColor);content:"";border-radius:2px;position:absolute;left:-8px;top:-2px}main#edit section.sheet button.step div.content div.options div.option:after{height:100%;position:absolute;transition:all .15s ease-in-out;width:100%;opacity:0;background:linear-gradient(to right,var(--transparencyStepAccentColor),transparent);content:"";z-index:-1;left:-4px}main#edit section.sheet button.step div.content div.options div.option svg{width:20px;height:20px;flex-shrink:0}main#edit section.sheet button.step div.content div.options div.option svg :is(path,circle){stroke:var(--stepAccentColor);stroke-width:2}main#edit section.sheet button.step.selectMode div.content{grid-template-rows:32px 32px 1fr}main#edit section.sheet button.step.selectMode div.content div.options{opacity:1;margin-top:16px;padding:2px 0}main#edit section.sheet button.step.defined div.content:has(div.details){grid-template-rows:32px 32px 16px 1fr}main#edit section.sheet button.step:first-of-type span.top:before{display:none}main#edit section.sheet button.step span.top{top:-2px;z-index:2}main#edit section.sheet button.step span.bottom{bottom:-2px;z-index:2}main#edit section.sheet button.step span:is(.bottom,.top){height:2px;width:50%;background:linear-gradient(to right,transparent,var(--transparencyStepAccentColor),var(--stepAccentColor),var(--transparencyStepAccentColor),transparent);position:absolute}main#edit section.sheet button.step span.top:before,main#edit section.sheet button.step span.bottom:before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid var(--stepAccentColor);position:absolute;left:calc(50% - 8px);background:var(--bg)}main#edit section.sheet button.step span.top:before{top:-7px}main#edit section.sheet button.step span.bottom:before{bottom:-7px}main#menu div.header{width:100%}main#menu div.header h1{font-size:2.4rem;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;width:100%}main#menu div.header h1 span.alpha{font-size:1.2rem;padding:0 6px;text-transform:uppercase;color:var(--bg);font-weight:bolder}main#menu div.header h1 span.alpha:before{border-radius:4px;height:100%;width:100%;background:var(--olo);content:"";position:absolute;top:0;left:0;z-index:-1;transform:skew(-15deg)}main#menu div.templates{display:flex;flex-direction:row;column-gap:32px;row-gap:8px;align-items:center;justify-content:flex-start;width:100%;flex-wrap:wrap}main#menu div.templates h2{width:100%;text-align:left;font-size:1.6rem}main#menu div.templates p{width:100%;text-align:left;font-size:1.4rem;color:#eeeeffbf}main#menu div.templates button{width:64px;height:64px;background:red;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;margin-top:16px}main#menu div.templates button:first-of-type{margin-left:16px}main#menu div.templates button:before{width:inherit;height:inherit;z-index:-1;left:-16px;position:absolute;border-radius:inherit;top:-16px;content:"";background:#111114;transition:all .15s ease-in-out}main#menu div.templates button:after{content:attr(data-name);font-size:1.4rem;position:absolute;bottom:-24px;width:100%;display:flex;align-items:center;justify-content:center;white-space:nowrap;text-align:center}main#menu div.templates button:hover:before{top:-12px;left:-12px}main#menu div.templates button.create{background:var(--burple);border:2px solid rgba(238,238,255,.15)}main#menu div.templates button.template{border:2px solid var(--olo);background:color-mix(in srgb,var(--olo) 15%,var(--bg))}main#menu div.templates button.template svg{width:32px;height:32px}main#menu div.templates button.template svg path{stroke:var(--olo);stroke-width:1.5}main#menu section.automations{width:100%;border-radius:16px;background:#111114;padding:16px;gap:16px;display:flex;flex-direction:column;align-items:center;justify-content:center}main#menu section.automations h2{font-size:1.6rem;width:100%;text-align:left}main#menu section.automations div.search{border-top:1px solid rgba(238,238,255,.15);border-bottom:1px solid rgba(238,238,255,.15);width:100%;padding:16px 0;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:16px}main#menu section.automations div.search svg{width:24px;height:24px}main#menu section.automations div.search svg :is(path,circle){stroke:#eeeeffbf}main#menu section.automations div.search input[type=text]{background:transparent;border:none;font-size:1.6rem}main#menu section.automations div.search input[type=text]::placeholder{color:#eeeeffbf}main#menu section.automations ul.list{width:100%;display:flex;flex-direction:column;gap:8px}main#menu section.automations ul.list li.automation{background:var(--bg);width:100%;padding:8px 24px 8px 8px;border-radius:8px;display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 48px 32px 32px;gap:8px;column-gap:16px}main#menu section.automations ul.list li.automation h3{grid-column:1;grid-row:1;width:100%;text-align:left;height:100%;display:flex;align-items:center;font-size:1.6rem}main#menu section.automations ul.list li.automation div.steps{grid-column:1;grid-row:2;display:flex;flex-direction:row;gap:16px}main#menu section.automations ul.list li.automation div.steps span.step{background:color-mix(in srgb,var(--stepAccentColor) 25%,transparent);height:26px;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:4px;padding:4px;gap:4px;cursor:help}main#menu section.automations ul.list li.automation div.steps span.step span.length{width:18px;height:18px;background:var(--stepAccentColor);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}main#menu section.automations ul.list li.automation div.steps span.step span.tooltip{max-width:none}main#menu section.automations ul.list li.automation div.steps span.step span.tooltip div.actions{display:flex;flex-direction:column;gap:8px}main#menu section.automations ul.list li.automation div.steps span.step span.tooltip div.actions span.action{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:8px}main#menu section.automations ul.list li.automation div.steps span.step span.tooltip div.actions span.action svg{width:18px;height:18px;flex-shrink:0}main#menu section.automations ul.list li.automation div.steps span.step span.tooltip div.actions span.action svg :is(circle,path){stroke:var(--stepAccentColor);stroke-width:2}main#menu section.automations ul.list li.automation div.steps span.step:not(:last-of-type):before{content:"";height:1px;width:8px;right:-12px;position:absolute;background:#eeeeff8c;pointer-events:none}main#menu section.automations ul.list li.automation div.steps span.step svg{width:18px;height:18px}main#menu section.automations ul.list li.automation div.steps span.step svg :is(circle,path){stroke:var(--stepAccentColor);stroke-width:2}main#menu section.automations ul.list li.automation div.checkbox{grid-column:2;grid-row:1/span 2;height:24px;width:48px;background:#eeeeff59;border-radius:12px;transition:all .15s ease-in-out;cursor:pointer;place-self:center}main#menu section.automations ul.list li.automation div.checkbox.enabled{background:var(--burple)}main#menu section.automations ul.list li.automation div.checkbox.enabled span.thumb{left:calc(100% - 24px)}main#menu section.automations ul.list li.automation div.checkbox span.thumb{background:#fff;height:16px;width:16px;position:absolute;left:0;margin:4px;border-radius:50%;transition:all .15s ease-in-out;pointer-events:none}main#menu section.automations ul.list li.automation :is(a,button):is(.edit,.delete){width:32px;height:32px;grid-row:1/span 2;border-radius:8px;display:flex;align-items:center;justify-content:center;border:none;place-self:center;cursor:pointer}main#menu section.automations ul.list li.automation :is(a,button):is(.edit,.delete) svg{width:20px;height:20px}main#menu section.automations ul.list li.automation :is(a,button):is(.edit,.delete) svg :is(path,circle){stroke-width:2}main#menu section.automations ul.list li.automation a.edit{background:#eeeeff59;grid-column:3}main#menu section.automations ul.list li.automation a.edit svg :is(path,circle){stroke:#fff}main#menu section.automations ul.list li.automation button.delete{background:color-mix(in srgb,var(--danger) 25%,transparent);grid-column:4}main#menu section.automations ul.list li.automation button.delete svg :is(path,circle){stroke:var(--danger)}main#home p{color:#ffffffd9;font-size:1.6rem}main#home ul.items{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-flow:row dense;width:100%;gap:16px}main#home ul.items li.item{width:100%;height:100%;max-width:500px;aspect-ratio:4/3;background:#111114;border-radius:16px;border:1px solid rgba(238,238,255,.15);display:grid;grid-template-columns:1fr;grid-template-rows:1fr 0;transition:all .15s ease-in-out;gap:0px;overflow:hidden}main#home ul.items li.item.active{gap:8px;grid-template-rows:1fr 48px}main#home ul.items li.item div.content{display:grid;grid-template-columns:48px 1fr;grid-template-rows:48px auto;gap:8px;column-gap:16px;padding:16px 16px 0;overflow:hidden;pointer-events:none}main#home ul.items li.item div.content:before{content:"";position:absolute;bottom:0;background:linear-gradient(to top,#111114,transparent);width:100%;height:32px;z-index:1}main#home ul.items li.item div.content div.icon{grid-column:1;grid-row:1;width:100%;height:100%;border:2px solid rgba(238,238,255,.15);border-radius:8px;display:flex;align-items:center;justify-content:center}main#home ul.items li.item div.content div.icon svg{width:2.4rem;height:2.4rem}main#home ul.items li.item div.content div.icon svg path{stroke:#ffffffd9;stroke-width:2}main#home ul.items li.item div.content div.name{grid-row:1;grid-column:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;gap:4px;text-align:left}main#home ul.items li.item div.content div.name span.name{width:100%;flex:3;font-size:1.6rem;display:flex;align-items:center;font-weight:600}main#home ul.items li.item div.content div.name span.category{width:100%;flex:2;font-size:1.2rem;color:#ffffffd9;display:flex;align-items:center;font-weight:600;gap:4px;text-transform:uppercase}main#home ul.items li.item div.content div.name span.category svg{width:1.6rem;height:1.6rem}main#home ul.items li.item div.content div.name span.category svg path{stroke:#ffffffd9;stroke-width:2.5}main#home ul.items li.item div.content p.description{grid-row:2;grid-column:1/span 2;height:100%;font-size:1.4rem;text-align:left;-webkit-user-select:none;user-select:none}main#home ul.items li.item a.access{height:40px;margin:0 8px 8px;border-radius:8px;-webkit-user-select:none;user-select:none;background:linear-gradient(75deg,var(--burple),var(--olo));font-size:1.6rem;display:flex;align-items:center;justify-content:center}main#scan{display:grid;grid-template-columns:300px 1fr;grid-template-rows:auto 1fr;align-items:start}main#scan div.header{width:100%;grid-column:1/span 2;grid-row:1}main#scan div.header h1{font-size:2.4rem;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;width:100%}main#scan div.header h1 span.alpha{font-size:1.2rem;padding:0 6px;text-transform:uppercase;color:var(--bg);font-weight:bolder}main#scan div.header h1 span.alpha:before{border-radius:4px;height:100%;width:100%;background:var(--olo);content:"";position:absolute;top:0;left:0;z-index:-1;transform:skew(-15deg)}main#scan div.header p{width:100%;text-align:left;font-size:1.4rem;color:#eeeeffbf}main#scan ol.items{grid-column:2;grid-row:2;width:100%;display:flex;flex-direction:column;gap:8px;align-items:center;height:100%;justify-content:flex-start}main#scan ol.items div.empty{font-size:1.6rem;display:flex;align-items:center;justify-content:center;gap:16px;flex-direction:column;color:#eeeeffa6;height:100%;font-weight:600;width:100%;border-radius:16px;background:#eeeeff0d;transition:all .15s ease-in-out;scale:1;opacity:1;filter:blur(0)}@starting-style{main#scan ol.items div.empty{scale:.9;opacity:.5;filter:blur(100px);border-radius:50%}}main#scan ol.items div.empty svg{width:6.4rem;height:6.4rem}main#scan ol.items div.empty svg path{stroke:color-mix(in srgb,rgb(238,238,255) 65%,var(--bg));stroke-width:1.5}main#scan ol.items li.item{width:100%;height:48px;border-radius:8px;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;transition:all .15s ease-in-out;cursor:pointer;z-index:2}main#scan ol.items li.item:hover,main#scan ol.items li.item:has(*:hover){margin-right:96px;width:calc(100% - 96px)}main#scan ol.items li.item:hover div.actions,main#scan ol.items li.item:has(*:hover) div.actions{right:-96px}main#scan ol.items li.item div.content{width:100%;height:48px;border-radius:8px;border:2px solid transparent;display:flex;flex-direction:row;gap:8px;z-index:1;align-items:center;justify-content:flex-start;transition:all .15s ease-in-out;cursor:pointer;padding:8px 12px;pointer-events:none}main#scan ol.items li.item div.content svg.icon{width:2.4rem;height:2.4rem}main#scan ol.items li.item div.content svg.icon :is(path,circle){stroke-width:2}main#scan ol.items li.item div.content.high{background:color-mix(in srgb,#d63e43 15%,var(--bg));border-color:#d63e43}main#scan ol.items li.item div.content.high svg.icon :is(path,circle){stroke:#d63e43}main#scan ol.items li.item div.content.medium{background:color-mix(in srgb,#ce9c5c 15%,var(--bg));border-color:#ce9c5c}main#scan ol.items li.item div.content.medium svg :is(path,circle){stroke:#ce9c5c}main#scan ol.items li.item div.content.low{background:color-mix(in srgb,#43a25a 15%,var(--bg));border-color:#43a25a}main#scan ol.items li.item div.content.low svg :is(path,circle){stroke:#43a25a}main#scan ol.items li.item div.content span:is(.category,.role,.channel){font-size:1.6rem;display:flex;align-items:center;justify-content:center;background:#111114;padding:0 8px 0 4px;gap:4px;height:24px}main#scan ol.items li.item div.content span:is(.category,.role,.channel) svg{width:1.6rem;height:1.6rem}main#scan ol.items li.item div.content span:is(.category,.role,.channel) svg :is(path,circle){stroke:#eeeeffd9;stroke-width:2}main#scan ol.items li.item div.content span.channel,main#scan ol.items li.item div.content span.category{border-radius:4px}main#scan ol.items li.item div.content span.role{border-radius:12px}main#scan ol.items li.item div.content span.role:before{width:16px;height:16px;border-radius:50%;content:"";background:#eeeeffd9}main#scan ol.items li.item div.actions{display:flex;align-items:center;justify-content:center;transition:all .15s ease-in-out;width:98px;padding:4px 0 4px 8px;position:absolute;z-index:0;right:0;gap:8px}main#scan ol.items li.item div.actions button{height:40px;background:#eeeeff26;width:40px;border-radius:8px;border:none;cursor:pointer;flex-shrink:0}main#scan ol.items li.item div.actions button svg{width:2.4rem;height:2.4rem}main#scan ol.items li.item div.actions button svg path{stroke:#fff;stroke-width:2}main#scan ol.items li.item div.actions button:hover{background:#eeeeff40}main#scan ol.items li.item dialog:open div.buttons{display:flex;flex-direction:row;gap:8px}main#scan ol.items li.item dialog:open div.buttons button{flex:1}main#scan ol.items li.item dialog:open div.why,main#scan ol.items li.item dialog:open div.steps{display:grid;grid-template-rows:40px 0;background:#111114;border-radius:8px;overflow:hidden;gap:0;transition:all .15s ease-in-out;border:2px solid rgba(238,238,255,.15)}main#scan ol.items li.item dialog:open div.why.active,main#scan ol.items li.item dialog:open div.steps.active{grid-template-rows:40px 1fr;gap:8px}main#scan ol.items li.item dialog:open div.why button.open,main#scan ol.items li.item dialog:open div.steps button.open{width:100%;height:100%;display:flex;align-items:center;transition:all .15s ease-in-out;justify-content:flex-start;background:none;padding:0 8px 0 12px;font-size:1.6rem;cursor:pointer;border:none;gap:8px}main#scan ol.items li.item dialog:open div.why button.open:before,main#scan ol.items li.item dialog:open div.steps button.open:before{width:calc(100% - 16px);left:8px;height:2px;border-radius:2px;background:#eeeeff26;content:"";position:absolute;bottom:-3px}main#scan ol.items li.item dialog:open div.why button.open svg,main#scan ol.items li.item dialog:open div.steps button.open svg{width:2rem;height:2rem}main#scan ol.items li.item dialog:open div.why button.open svg:last-of-type,main#scan ol.items li.item dialog:open div.steps button.open svg:last-of-type{margin-left:auto}main#scan ol.items li.item dialog:open div.why button.open svg :is(path,circle),main#scan ol.items li.item dialog:open div.steps button.open svg :is(path,circle){stroke:#fff;stroke-width:2}main#scan ol.items li.item dialog:open div.why div.content,main#scan ol.items li.item dialog:open div.steps div.content{padding:8px;width:100%;height:100%}main#scan section.visualizer{grid-column:1;grid-row:2;width:100%;height:100%;padding:8px;gap:8px;display:flex;flex-direction:column;border-radius:16px;border:2px solid rgba(238,238,255,.15)}main#scan section.visualizer div.options{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}main#scan section.visualizer div.options button{background:#eeeeff26;transition:all .15s ease-in-out;border-radius:8px;border:none;height:32px;font-size:1.6rem;flex:1;cursor:pointer}main#scan section.visualizer div.options button:hover{background:#eeeeff40}main#scan section.visualizer div.preview{display:flex;flex-direction:column;width:100%;height:fit-content;align-items:flex-start;justify-content:flex-start;gap:2px}main#scan section.visualizer div.preview div.channel{height:28px;border-radius:8px;width:100%;padding:0 6px;display:flex;gap:6px;font-size:1.6rem;align-items:center;justify-content:flex-start;transition:all .15s ease-in-out}main#scan section.visualizer div.preview div.channel:not(:has(div.alerts)){color:#eeeeff26}main#scan section.visualizer div.preview div.channel:not(:has(div.alerts)) svg path{color:#eeeeff26}main#scan section.visualizer div.preview div.channel:not([data-type="4"]){margin-left:24px;width:calc(100% - 24px)}main#scan section.visualizer div.preview div.channel:not([data-type="4"]):before{content:"";position:absolute;border-radius:40%;width:16px;height:16px;border:2px solid color-mix(in srgb,rgb(238,238,255) 15%,var(--bg));clip-path:inset(50% 50% 0 0);left:-10px;top:-5px}main#scan section.visualizer div.preview div.channel:not([data-type="4"]):not(:last-child):not(:has(+div.channel[data-type="4"])):after{background:color-mix(in srgb,rgb(238,238,255) 15%,var(--bg));content:"";position:absolute;left:-10px;width:2px;height:calc(100% + 2px);top:5px}main#scan section.visualizer div.preview div.channel[data-type="4"]:after{background:color-mix(in srgb,rgb(238,238,255) 15%,var(--bg));content:"";position:absolute;left:14px;width:2px;height:12px;bottom:-7px}main#scan section.visualizer div.preview div.channel:hover{background:#eeeeff26}main#scan section.visualizer div.preview div.channel:hover div.alerts span.alert{outline-color:color-mix(in srgb,rgb(238,238,255) 15%,var(--bg))}main#scan section.visualizer div.preview div.channel:hover div.alerts span.alert:not(:first-of-type){margin-left:0}main#scan section.visualizer div.preview div.channel svg{height:2rem;width:2rem}main#scan section.visualizer div.preview div.channel div.alerts{display:flex;gap:2px;cursor:default;margin-left:auto}main#scan section.visualizer div.preview div.channel div.alerts span.tooltip{padding:8px}main#scan section.visualizer div.preview div.channel div.alerts span.tooltip div.list{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}main#scan section.visualizer div.preview div.channel div.alerts span.tooltip div.list div.item{min-width:100px;display:flex;align-items:center;justify-content:flex-start;padding:4px;border-radius:8px 0 0 8px}main#scan section.visualizer div.preview div.channel div.alerts span.tooltip div.list div.item.high{background:linear-gradient(to right,color-mix(in srgb,#d63e43 15%,var(--bg)) 28px,transparent);color:#d63e43}main#scan section.visualizer div.preview div.channel div.alerts span.tooltip div.list div.item.high svg.icon :is(path,circle){stroke:#d63e43}main#scan section.visualizer div.preview div.channel div.alerts span.tooltip div.list div.item.medium{background:linear-gradient(to right,color-mix(in srgb,#ce9c5c 15%,var(--bg)) 28px,transparent);color:#ce9c5c}main#scan section.visualizer div.preview div.channel div.alerts span.tooltip div.list div.item.medium svg :is(path,circle){stroke:#ce9c5c}main#scan section.visualizer div.preview div.channel div.alerts span.tooltip div.list div.item.low{background:linear-gradient(to right,color-mix(in srgb,#43a25a 15%,var(--bg)) 28px,transparent);color:#43a25a}main#scan section.visualizer div.preview div.channel div.alerts span.tooltip div.list div.item.low svg :is(path,circle){stroke:#43a25a}main#scan section.visualizer div.preview div.channel div.alerts span.alert{display:flex;align-items:center;justify-content:center;font-size:1.2rem;height:16px;width:16px;transition:all .15s ease-in-out;border-radius:50%;aspect-ratio:1/1;outline:2px solid var(--bg);margin-left:-8px}main#scan section.visualizer div.preview div.channel div.alerts span.alert:nth-of-type(1){z-index:3}main#scan section.visualizer div.preview div.channel div.alerts span.alert:nth-of-type(2){z-index:2}main#scan section.visualizer div.preview div.channel div.alerts span.alert:nth-of-type(3){z-index:1}main#scan section.visualizer div.preview div.channel div.alerts span.alert.high{background:color-mix(in srgb,#d63e43 15%,var(--bg));color:#d63e43}main#scan section.visualizer div.preview div.channel div.alerts span.alert.high svg.icon :is(path,circle){stroke:#d63e43}main#scan section.visualizer div.preview div.channel div.alerts span.alert.medium{background:color-mix(in srgb,#ce9c5c 15%,var(--bg));color:#ce9c5c}main#scan section.visualizer div.preview div.channel div.alerts span.alert.medium svg :is(path,circle){stroke:#ce9c5c}main#scan section.visualizer div.preview div.channel div.alerts span.alert.low{background:color-mix(in srgb,#43a25a 15%,var(--bg));color:#43a25a}main#scan section.visualizer div.preview div.channel div.alerts span.alert.low svg :is(path,circle){stroke:#43a25a}.tooltip{position:absolute;transform:translate(-50%) translateY(16px) scale(.6);background:#111114;color:#fff;font-size:1.4rem;left:50%;white-space:normal;word-wrap:break-word;max-width:250px;text-transform:none;opacity:0;z-index:100000;visibility:hidden;width:max-content;position-anchor:--anchor;padding:8px 12px;font-weight:500;line-break:normal;border-radius:8px;box-shadow:0 0 8px #111114;pointer-events:none;border:1px solid #222229;transition:all .15s cubic-bezier(.47,1.64,.41,.8) 0s;bottom:calc(100% + 8px)}.tooltip:has(div.keys){display:flex;flex-direction:row;gap:8px}div.keys{display:flex;flex-direction:row}div.keys span.key{position:relative;display:inline-block;height:24px;width:fit-content;min-width:24px;border-radius:4px;padding:0 8px;border-color:#eeeeff26;border-style:solid;border-top-width:1px;border-left-width:2px;border-right-width:2px;border-bottom-width:3px}div.keys span.key:not(:last-of-type){margin-right:12px}div.keys span.key:not(:last-of-type):before{position:absolute;right:-12px;width:8px;font-size:1.4rem;color:#eeeeff40;height:8px;content:"+"}span.anchor{position:absolute;width:100%;height:100%;pointer-events:none;anchor-name:--anchor}.tooltip.visible{visibility:visible;opacity:1;transform:translate(-50%) translateY(0) scale(1);transition:all .15s cubic-bezier(.47,1.64,.41,.8) .25s}button.brand{border-radius:8px;padding:8px 16px;font-size:1.6rem;border-width:1px;border-style:solid;display:flex;align-items:center;justify-content:center;flex-direction:row;height:48px;cursor:pointer;border-color:#1111144d;transition:all .15s cubic-bezier(.47,1.64,.41,.8);white-space:nowrap}button.brand:hover{transform:scale(1.025)}button.brand:active{transform:scale(.95)}button.brand:disabled{opacity:.6}button.brand.primary{background-color:color-mix(in srgb,#ddddee 35%,transparent);border-color:#dde3}button.brand.secondary{background-color:var(--burple)}button.brand.danger{background-color:var(--danger)}dialog{transition:scale .15s ease-out,opacity .15s ease-out,display .15s ease-out allow-discrete;position:fixed;transform:translate(-50%,-50%);opacity:0;border:1px solid color-mix(in oklab,hsla(240,4%,60.784%,.2) 100%,hsla(0,0%,5.0980392157%,.2) 5%);inset:50%;scale:.7;cursor:default;overflow:visible;min-width:488px;margin:0;max-width:1000px;max-height:600px;padding:24px;z-index:1000;gap:32px;flex-direction:column;transform-origin:50% 50%;border-radius:16px;background:var(--bg);display:flex;pointer-events:none;border:none}dialog div.header{height:32px;display:none}dialog div.header button.close{background:#eeeeff26;height:32px;width:32px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center}dialog div.header button.close svg{height:24px;width:24px}dialog div.header button.close svg path{stroke:#eeeeff80!important;stroke-width:2}dialog div.header span.drag{height:8px;background:var(--bg);width:64px;position:absolute;left:calc(50% - 32px);top:-32px;border-radius:4px}dialog div[class^=h]{width:100%;color:#fff;font-weight:600;line-height:1;text-align:left}dialog div[class^=h].h1{font-size:2.4rem}dialog div[class^=h].h2{font-size:2rem}dialog div[class^=h].h3{font-size:1.6rem}dialog div.row{width:100%;display:flex;flex-wrap:wrap;gap:8px}dialog div.row input[type=text]{width:100%;background:#111114;border-radius:8px;height:40px;border:none;padding:8px;font-size:1.4rem}dialog div.row input[type=text]::placeholder{color:#eeeeff4d}dialog div.row div.warn{background:#eeeeff26;border-radius:16px;padding:16px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px}dialog div.row div.warn svg{height:48px;width:48px}dialog div.row div.warn svg path{stroke:#eeeeff4d}dialog div.row div.warn p{flex:1;text-align:left;color:#eef6;font-size:1.4rem;font-weight:600}dialog div.row form{display:flex;width:100%;gap:8px;flex-direction:row}dialog div.row form button{flex:1}@media(hover:none)and (pointer:coarse){dialog{width:100vw;min-width:0;bottom:0;touch-action:none;transform:none;left:0;border-radius:32px 32px 0 0;padding:16px;top:auto;scale:1;transform:translateY(calc(100% + 16px));opacity:1}dialog div.header{display:flex}}dialog[open]{transition:scale .15s ease-out,opacity .15s ease-out;opacity:1;scale:1;display:flex;pointer-events:all}@starting-style{dialog[open]{opacity:0;display:flex;scale:.7}}@media(hover:none)and (pointer:coarse){dialog[open]{transform:translateY(0);transition:transform .15s ease-out}@starting-style{dialog[open]{display:flex;transform:translateY(calc(100% + 16px));scale:1;opacity:1}}}dialog[open]::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;touch-action:none}div.select{width:100%;max-width:300px;min-width:150px;display:flex;height:48px;align-items:center;background:#111114;border:1px solid rgba(238,238,255,.15);border-radius:8px;font-size:14px;font-weight:600;color:#fff;z-index:2;padding-right:8px}div.select.multiple{height:fit-content}div.select svg.arrow{height:2rem;width:2rem;flex-shrink:0;transition:all .15s ease-in-out}div.select svg.arrow path{stroke:#fff}div.select div.selected{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;pointer-events:none;flex-wrap:wrap;height:100%;padding:12px 16px}div.select div.selected svg.arrow{margin-left:auto;transition:var(--defaultTransition)}div.select div.selected svg.arrow path{stroke:#eeeeff26}div.select div.selected img{height:100%;border-radius:4px}div.select.active svg.arrow{rotate:-180deg}div.select.active ul.options{opacity:1;visibility:visible}div.select.active ul.options.top,div.select.active ul.options.bottom{transform:translateY(0)}div.select ul.options{width:fit-content;height:fit-content;border:none;opacity:0;visibility:hidden;transition:var(--defaultTransition);bottom:56px;background:inherit;border:inherit;overflow:scroll;border-radius:inherit;max-height:480px;position:absolute;color:#fff;font-size:14px;font-weight:500;padding:8px;z-index:1;transform:translateY(0) translate(0)}div.select ul.options.top{left:0;transform:translateY(8px);bottom:calc(100% + 8px)}div.select ul.options.bottom{left:0;transform:translateY(-8px);top:calc(100% + 8px)}div.select ul.options:focus{outline:none}div.select ul.options li.option{display:flex;gap:8px;align-items:center;justify-content:flex-start;padding:4px;border-radius:8px;cursor:pointer;width:100%;text-wrap:balance;text-align:left}div.select ul.options li.option:hover{background:#eeeeff26}div.select ul.options li.option img{height:20px;border-radius:4px;object-fit:cover;flex-shrink:0}div.select ul.options li.option{color:#fff}main#marca{display:flex;flex-direction:column;padding:0 2.4rem 8rem;max-width:112rem;margin:0 auto;gap:0;animation:marcaFadeIn .5s ease both}@keyframes marcaFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}main#marca .hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:14rem 2rem 8rem;gap:1.6rem;position:relative;overflow:hidden}main#marca .hero:before{content:"";position:absolute;top:6rem;left:50%;transform:translate(-50%);width:60rem;height:60rem;background:radial-gradient(circle,rgba(0,255,204,.07) 0%,transparent 70%);pointer-events:none;z-index:0}main#marca .hero .badge{display:inline-block;padding:.4rem 1.4rem;border-radius:99px;background:#5865f21f;color:var(--burple);font-size:1.2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;position:relative;z-index:1}main#marca .hero h1{font-size:4.8rem;font-weight:800;background:linear-gradient(135deg,#fff 40%,var(--olo));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.15;position:relative;z-index:1}@media(max-width:640px){main#marca .hero h1{font-size:3.2rem}}main#marca .hero p{max-width:52rem;font-size:1.6rem;color:#fff9;line-height:1.6;position:relative;z-index:1}main#marca .hero .hero-cta{display:inline-flex;align-items:center;gap:.8rem;margin-top:.8rem;padding:1.2rem 2.8rem;background:var(--burple);color:#fff;border-radius:12px;font-size:1.4rem;font-weight:600;text-decoration:none;transition:var(--defaultTransition);position:relative;z-index:1}main#marca .hero .hero-cta:hover{transform:translateY(-2px);box-shadow:0 6px 24px #5865f259}main#marca .seccion{padding:6rem 0}main#marca .seccion h2{font-size:2.8rem;font-weight:700;margin-bottom:.8rem}main#marca .seccion h3{font-size:2rem;font-weight:600;margin-top:4rem;margin-bottom:1.6rem;display:flex;align-items:center;gap:.6rem}main#marca .seccion .subtitulo{font-size:1.5rem;color:#ffffff8c;line-height:1.6;margin-bottom:3.2rem;max-width:62rem}main#marca .colores-grid{display:grid;gap:1.2rem}main#marca .colores-grid.principal{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){main#marca .colores-grid.principal{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){main#marca .colores-grid.principal{grid-template-columns:1fr}}main#marca .colores-grid.secundaria{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){main#marca .colores-grid.secundaria{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){main#marca .colores-grid.secundaria{grid-template-columns:1fr}}main#marca .color-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:.4rem;min-height:16rem;padding:1.6rem;border-radius:16px;background:var(--color);color:#fff;border:none;cursor:pointer;text-align:left;transition:var(--defaultTransition);overflow:hidden}main#marca .color-card.claro{color:#1a1a1a}main#marca .color-card.claro .copiado{color:#1a1a1a;background:#0000001a}main#marca .color-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #0006}main#marca .color-card .color-nombre{font-size:1.5rem;font-weight:700}main#marca .color-card .color-meta{display:flex;gap:.8rem;align-items:center}main#marca .color-card .color-hex{font-size:1.3rem;font-weight:600;opacity:.85;font-family:Courier New,monospace}main#marca .color-card .color-var{font-size:1.1rem;opacity:.65;font-family:Courier New,monospace}main#marca .color-card.mini{min-height:10rem;gap:.2rem}main#marca .color-card .copiado{position:absolute;top:1.2rem;right:1.2rem;padding:.3rem 1rem;border-radius:8px;background:#ffffff26;font-size:1.1rem;font-weight:600;animation:marcaFadeIn .2s ease}main#marca .gradientes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}@media(max-width:768px){main#marca .gradientes-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){main#marca .gradientes-grid{grid-template-columns:1fr}}main#marca .gradiente-card{position:relative;display:flex;align-items:flex-end;min-height:12rem;padding:1.6rem;border-radius:16px;border:none;color:#fff;cursor:pointer;text-align:left;transition:var(--defaultTransition)}main#marca .gradiente-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #0006}main#marca .gradiente-card .gradiente-nombre{font-size:1.4rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.3)}main#marca .gradiente-card .copiado{position:absolute;top:1.2rem;right:1.2rem;padding:.3rem 1rem;border-radius:8px;background:#fff3;font-size:1.1rem;font-weight:600;animation:marcaFadeIn .2s ease}main#marca .tipografia-card{background:#111114;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden}main#marca .tipografia-card .tipo-header{display:flex;align-items:center;gap:2.4rem;padding:3.2rem;background:linear-gradient(135deg,#00ffcc0f,#5865f20f);border-bottom:1px solid rgba(255,255,255,.06)}@media(max-width:640px){main#marca .tipografia-card .tipo-header{flex-direction:column;text-align:center;gap:1.2rem}}main#marca .tipografia-card .tipo-specimen{font-size:6.4rem;font-weight:800;background:linear-gradient(135deg,var(--olo),var(--burple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}main#marca .tipografia-card .tipo-info{display:flex;flex-direction:column;gap:.4rem}main#marca .tipografia-card .tipo-familia{font-size:2.4rem;font-weight:700}main#marca .tipografia-card .tipo-detalle{font-size:1.3rem;color:#ffffff73}main#marca .tipografia-card .tipo-pesos{padding:2.4rem 3.2rem;display:flex;flex-direction:column;gap:1.6rem}main#marca .tipografia-card .tipo-peso{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:1.2rem;border-bottom:1px solid rgba(255,255,255,.05)}main#marca .tipografia-card .tipo-peso:last-child{border-bottom:none;padding-bottom:0}@media(max-width:640px){main#marca .tipografia-card .tipo-peso{flex-direction:column;gap:.4rem}}main#marca .tipografia-card .peso-sample{font-size:2rem}main#marca .tipografia-card .peso-label{font-size:1.2rem;color:#fff6;font-family:Courier New,monospace;white-space:nowrap}main#marca .assets-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media(max-width:768px){main#marca .assets-grid{grid-template-columns:1fr}}main#marca .asset-card{background:#111114;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:var(--defaultTransition)}main#marca .asset-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #0000004d;border-color:#ffffff24}main#marca .asset-preview{display:flex;align-items:center;justify-content:center;min-height:18rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.06)}main#marca .asset-preview img{max-width:80%;max-height:14rem;object-fit:contain}main#marca .asset-placeholder{display:flex;flex-direction:column;align-items:center;gap:.8rem;color:#fff3}main#marca .asset-placeholder span{font-size:1.2rem;font-weight:500}main#marca .asset-info{padding:2rem;display:flex;flex-direction:column;gap:.6rem}main#marca .asset-info h4{font-size:1.6rem;font-weight:700}main#marca .asset-info p{font-size:1.3rem;color:#ffffff80;line-height:1.5}main#marca .asset-botones{display:flex;gap:.8rem;margin-top:.8rem}main#marca .btn-descarga{display:inline-flex;align-items:center;padding:.6rem 1.6rem;border-radius:8px;background:#ffffff0f;color:#fff;font-size:1.2rem;font-weight:600;text-decoration:none;transition:var(--defaultTransition)}main#marca .btn-descarga:hover{background:var(--burple)}main#marca .banners-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media(max-width:768px){main#marca .banners-grid{grid-template-columns:1fr}}main#marca .banner-card{background:#111114;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:var(--defaultTransition)}main#marca .banner-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #0000004d;border-color:#ffffff24}main#marca .banner-preview{display:flex;align-items:center;justify-content:center;min-height:14rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.06)}main#marca .banner-preview img{width:100%;height:14rem;object-fit:cover}main#marca .banner-preview .asset-placeholder.wide{width:100%;height:14rem}main#marca .reglas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media(max-width:768px){main#marca .reglas-grid{grid-template-columns:1fr}}main#marca .reglas-columna{background:#111114;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2.4rem}main#marca .reglas-columna.do{border-top:3px solid var(--success)}main#marca .reglas-columna.dont{border-top:3px solid var(--danger)}main#marca .reglas-columna h3{margin-top:0;margin-bottom:2rem;font-size:1.8rem}main#marca .reglas-columna ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.4rem}main#marca .reglas-columna li{display:flex;align-items:flex-start;gap:1rem;font-size:1.4rem;color:#ffffffb3;line-height:1.5}main#marca .reglas-columna li svg{flex-shrink:0;margin-top:.2rem}main#marca .contacto{display:flex;justify-content:center}main#marca .contacto-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.2rem;padding:4.8rem 4rem;max-width:52rem;background:#111114;border:1px solid rgba(255,255,255,.08);border-radius:16px;width:100%}main#marca .contacto-card h3{font-size:2rem;font-weight:700;margin:0}main#marca .contacto-card p{font-size:1.4rem;color:#ffffff8c;line-height:1.6;max-width:40rem}main#marca .contacto-btn{display:inline-flex;padding:1rem 2.4rem;border-radius:12px;background:var(--burple);color:#fff;font-size:1.4rem;font-weight:600;text-decoration:none;margin-top:.8rem;transition:var(--defaultTransition)}main#marca .contacto-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5865f259}@media(max-width:640px){main#marca{padding:0 1.6rem 6rem}main#marca .hero{padding:12rem 1rem 6rem}main#marca .seccion{padding:4rem 0}}.about-us-page{background-color:var(--bg);color:var(--text-primary);font-family:var(--font-main, "Inter", sans-serif)}.hero-about{position:relative;height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-about .hero-content-about{z-index:2}.hero-about .hero-content-about h1{font-size:72px;font-weight:800;margin-bottom:16px;animation:fadeIn 1s ease-out}.hero-about .hero-content-about p{font-size:20px;color:var(--text-secondary);max-width:700px;animation:fadeIn 1s ease-out .2s;animation-fill-mode:both}.hero-about .scroll-down{position:absolute;bottom:32px;z-index:2;animation:bounce 2s infinite;color:var(--olo);width:48px;height:48px}.hero-about .hero-bg-blur{position:absolute;bottom:-25%;left:50%;transform:translate(-50%);width:150%;height:50%;background:radial-gradient(circle,rgba(0,255,204,.1) 0%,transparent 60%);filter:blur(150px);z-index:1}.timeline-section{padding:100px 40px}.timeline-section .section-header{text-align:center;margin-bottom:64px}.timeline-section .section-header h2{font-size:44px;font-weight:800;margin-bottom:8px}.timeline-section .section-header p{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}.timeline-section .timeline-container{max-width:900px;margin:0 auto;position:relative;--line-start-top: 0px;--line-height: 0px;--scroll-progress: 0}.timeline-section .timeline-container:before{content:"";position:absolute;top:var(--line-start-top);left:50%;transform:translate(-50%);height:var(--line-height);width:2px;background-color:var(--border-color, #444)}.timeline-section .timeline-container:after{content:"";position:absolute;top:var(--line-start-top);left:50%;transform:translate(-50%) scaleY(var(--scroll-progress));transform-origin:top;width:2px;height:var(--line-height);background-color:var(--olo)}.timeline-item{position:relative;margin-bottom:64px;width:50%;padding:0 60px;display:flex;gap:24px;align-items:flex-start;opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.timeline-item:last-child{margin-bottom:0}.timeline-item.is-visible{opacity:1;transform:translateY(0)}.timeline-item .timeline-year{font-size:22px;font-weight:700;color:var(--olo);background-color:#00ffcc1a;padding:8px 16px;border-radius:8px;border:1px solid rgba(0,255,204,.2)}.timeline-item .timeline-content h3{font-size:22px;font-weight:600;margin-bottom:8px}.timeline-item .timeline-content p{font-size:16px;line-height:1.7;color:var(--text-secondary)}.timeline-item:nth-child(odd){left:0;flex-direction:row-reverse;text-align:right}.timeline-item:nth-child(2n){left:50%;text-align:left}.timeline-item:after{content:"";position:absolute;top:22px;width:18px;height:18px;background-color:var(--bg);border:3px solid var(--border-color, #444);border-radius:50%;z-index:1;transition:transform .2s ease,background-color .4s ease,border-color .4s ease}.timeline-item.is-visible:after{background-color:var(--olo);border-color:var(--olo)}.timeline-item:hover:after{transform:scale(1.3)}.timeline-item:nth-child(odd):after{right:-10px}.timeline-item:nth-child(2n):after{left:-10px}.values-outer-section{padding:100px 40px;background-color:var(--bg-dark-accent);overflow:hidden}.values-outer-section .section-header{text-align:center;margin-bottom:64px}.values-outer-section .section-header h2{font-size:44px;font-weight:800;margin-bottom:8px}.values-outer-section .section-header p{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}.values-grid-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:32px;perspective:1000px}.value-card{background-color:transparent;aspect-ratio:4/3;border:none;cursor:pointer}.value-card:hover .value-card-inner{transform:rotateY(180deg)}.value-card-inner{position:relative;width:100%;height:100%;transition:transform .7s;transform-style:preserve-3d}.value-card-front,.value-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:16px;border:1px solid var(--border-color);overflow:hidden}.value-card-front{background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.value-card-front .icon{width:48px;height:48px;color:var(--olo)}.value-card-front h3{font-size:24px;font-weight:700;color:var(--text-primary)}.value-card-back{background:var(--bg-dark-accent);transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;padding:32px}.value-card-back p{font-size:16px;line-height:1.8;color:var(--text-secondary);text-align:center}.roadmap-section{padding:100px 40px;background-color:var(--bg)}.roadmap-section .section-header{text-align:center;margin-bottom:80px}.roadmap-section .section-header h2{font-size:44px;font-weight:800;margin-bottom:8px}.roadmap-section .section-header p{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}.roadmap-section .roadmap-container{max-width:1000px;margin:0 auto;position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding-top:30px}.roadmap-section .roadmap-line{position:absolute;top:59px;left:5%;right:5%;height:2px;background-color:var(--border-color);z-index:1}.roadmap-section .roadmap-milestone{display:flex;flex-direction:column;align-items:center;z-index:2;width:30%;cursor:pointer;position:relative}.roadmap-section .milestone-trigger{width:60px;height:60px;border-radius:50%;background-color:var(--bg);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;transition:border-color .3s,transform .3s;z-index:3;position:relative}.roadmap-section .milestone-trigger .milestone-icon{width:28px;height:28px;color:var(--text-secondary);transition:color .3s}.roadmap-section .milestone-trigger:hover{border-color:var(--olo);transform:scale(1.1)}.roadmap-section .roadmap-milestone.active .milestone-trigger{border-color:var(--olo);background-color:var(--olo)}.roadmap-section .roadmap-milestone.active .milestone-trigger .milestone-icon{color:var(--bg)}.roadmap-section .milestone-content{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease-out,opacity .5s ease-out,margin-top .5s ease-out;text-align:center;margin-top:0}.roadmap-section .milestone-content h3{font-size:20px;font-weight:700;color:var(--text-primary);margin:24px 0 8px}.roadmap-section .milestone-content p{font-size:15px;line-height:1.7;color:var(--text-secondary)}.roadmap-section .roadmap-milestone.active .milestone-content{max-height:200px;opacity:1}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@media(max-width:992px){.values-grid-container{grid-template-columns:1fr;max-width:400px}.roadmap-container{flex-direction:column;align-items:center;gap:40px;padding-top:0}.roadmap-line{left:50%;transform:translate(-50%);width:2px;height:100%;top:0}.roadmap-milestone{width:100%;max-width:400px}}@media(max-width:768px){.hero-about .hero-content-about h1{font-size:48px}.hero-about .hero-content-about p{font-size:18px;padding:0 16px}.timeline-section{padding:64px 16px}.timeline-container:before,.timeline-container:after{left:15px}.timeline-item{width:100%;padding-left:50px;padding-right:0;flex-direction:column!important;align-items:flex-start;text-align:left!important;margin-bottom:48px}.timeline-item .timeline-year{margin-bottom:16px}.timeline-item:nth-child(odd),.timeline-item:nth-child(2n){left:0}.timeline-item:after{left:7px}}main#reportes{width:100vw;min-height:calc(100vh - 60px);padding:40px 20px;display:flex;justify-content:center;align-items:flex-start}main#reportes .reportes-container{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:40px}main#reportes .reportes-header{text-align:center;max-width:800px;margin:0 auto}main#reportes .reportes-header h1{font-size:3.2rem;font-weight:800;margin-bottom:16px;background:linear-gradient(to right,#5865f2,#99aab5);background-clip:text;-webkit-background-clip:text;color:transparent}main#reportes .reportes-header p{font-size:1.6rem;color:#99aab5;line-height:1.5}main#reportes .reportes-content{display:grid;grid-template-columns:1fr 350px;gap:30px;align-items:start}@media(max-width:900px){main#reportes .reportes-content{grid-template-columns:1fr}}main#reportes .form-section{background:#1e1e22;border-radius:16px;padding:30px;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 20px #0003}main#reportes .tabs{display:flex;gap:10px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.05);overflow-x:auto}main#reportes .tabs .tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#99aab5;font-size:1.4rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}main#reportes .tabs .tab-button svg{width:20px;height:20px}main#reportes .tabs .tab-button:hover{background:#ffffff0d;color:#fff}main#reportes .tabs .tab-button.active{background:#5865f2;border-color:#5865f2;color:#fff;box-shadow:0 4px 15px #5865f24d}main#reportes .report-form h3{font-size:2rem;color:#fff;margin-bottom:20px}main#reportes .report-form .form-group-container{display:flex;flex-direction:column;gap:24px}main#reportes .report-form .fade-in{animation:fadeIn .3s ease-in-out}main#reportes .report-form .input-group{display:flex;flex-direction:column;gap:8px}main#reportes .report-form .input-group label{font-size:1.3rem;font-weight:700;color:#dbdee1;text-transform:uppercase;letter-spacing:.5px}main#reportes .report-form .input-group input[type=text],main#reportes .report-form .input-group input[type=email],main#reportes .report-form .input-group textarea,main#reportes .report-form .input-group select{background:#111114;border:1px solid rgba(0,0,0,.3);border-radius:8px;padding:12px 16px;color:#fff;font-size:1.5rem;transition:border-color .2s ease;font-family:inherit}main#reportes .report-form .input-group input[type=text]:focus,main#reportes .report-form .input-group input[type=email]:focus,main#reportes .report-form .input-group textarea:focus,main#reportes .report-form .input-group select:focus{outline:none;border-color:#5865f2}main#reportes .report-form .input-group input[type=text]::placeholder,main#reportes .report-form .input-group input[type=email]::placeholder,main#reportes .report-form .input-group textarea::placeholder,main#reportes .report-form .input-group select::placeholder{color:#5d606b}main#reportes .report-form .input-group textarea{min-height:120px;resize:vertical}main#reportes .report-form .input-group .select-wrapper{position:relative}main#reportes .report-form .input-group .select-wrapper select{width:100%;cursor:pointer;appearance:none}main#reportes .report-form .input-group .select-wrapper:after{content:"▼";font-size:1rem;color:#99aab5;position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none}main#reportes .report-form .input-group .hint{font-size:1.2rem;color:#99aab5;margin-top:4px}main#reportes .report-form .file-upload{position:relative}main#reportes .report-form .file-upload input[type=file]{display:none}main#reportes .report-form .file-upload label{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;background:#5865f21a;border:2px dashed rgba(88,101,242,.4);border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:none;font-weight:500;color:#dbdee1}main#reportes .report-form .file-upload label:hover{background:#5865f233;border-color:#5865f2}main#reportes .agreement-section{margin-top:10px}main#reportes .agreement-section .checkbox-container{display:flex;align-items:flex-start;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}main#reportes .agreement-section .checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}main#reportes .agreement-section .checkbox-container input:checked~.checkmark{background-color:#5865f2;border-color:#5865f2}main#reportes .agreement-section .checkbox-container input:checked~.checkmark:after{display:block}main#reportes .agreement-section .checkbox-container .checkmark{position:relative;height:22px;width:22px;min-width:22px;background-color:#111114;border:2px solid #72767d;border-radius:6px;transition:all .2s ease}main#reportes .agreement-section .checkbox-container .checkmark:after{content:"";display:none;position:absolute;left:6px;top:2px;width:6px;height:12px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}main#reportes .agreement-section .checkbox-container .text{font-size:1.3rem;color:#dbdee1;line-height:1.4}main#reportes .submit-button{margin-top:20px;width:100%;padding:14px;background:#5865f2;color:#fff;border:none;border-radius:8px;font-size:1.6rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #5865f266}main#reportes .submit-button:hover:not(:disabled){background:#4752c4;transform:translateY(-2px);box-shadow:0 6px 20px #5865f299}main#reportes .submit-button:active:not(:disabled){transform:translateY(0)}main#reportes .submit-button:disabled{background:#4f545c;cursor:not-allowed;box-shadow:none;opacity:.7}main#reportes .info-sidebar{display:flex;flex-direction:column;gap:20px}main#reportes .info-sidebar .info-card{background:#1e1e22;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.05)}main#reportes .info-sidebar .info-card h3{font-size:1.6rem;font-weight:700;color:#fff;margin-bottom:16px;display:flex;align-items:center;gap:8px}main#reportes .info-sidebar .info-card details{margin-bottom:12px;background:#0003;border-radius:8px;overflow:hidden}main#reportes .info-sidebar .info-card details summary{padding:12px;cursor:pointer;font-weight:600;color:#dbdee1;font-size:1.4rem;list-style:none;display:flex;justify-content:space-between;align-items:center;transition:background .2s ease}main#reportes .info-sidebar .info-card details summary:hover{background:#ffffff0d;color:#fff}main#reportes .info-sidebar .info-card details summary:after{content:"+";font-size:1.8rem;font-weight:400}main#reportes .info-sidebar .info-card details[open] summary:after{content:"-"}main#reportes .info-sidebar .info-card details p{padding:0 12px 12px;color:#99aab5;font-size:1.3rem;line-height:1.5}main#reportes .info-sidebar .info-card.warning{border-color:#f59e0b4d;background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d)}main#reportes .info-sidebar .info-card.warning h3{color:#f59e0b}main#reportes .info-sidebar .info-card.warning p{color:#dbdee1;font-size:1.4rem;line-height:1.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}