.slopcheck{--ink:#14121f;--ink-soft:#423f52;--ink-muted:#5b5872;--rule:#14121f1f;--rule-strong:#14121f3d;--panel:#ffffffb8;--panel-solid:#fff;--violet:#6366f1;--violet-deep:#4338ca;--accent:#a8341c;--accent-soft:#a8341c1a;--good:#2f6a4a;--good-soft:#2f6a4a1a;--warn:#8a6112;--radius-lg:10px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--measure:62ch;--shell:68rem;--font-sans:var(--font-montserrat), ui-sans-serif, system-ui, sans-serif;--font-display:var(--font-sans);--font-mono:var(--font-sans)}.slopcheck *{box-sizing:border-box}.slopcheck{-webkit-text-size-adjust:100%;color:var(--ink);font-family:var(--font-sans);font-feature-settings:"kern", "liga";-webkit-font-smoothing:antialiased;background:0 0;margin:0;font-size:16px;line-height:1.6}.slopcheck ::selection{background:var(--ink);color:#fff}.slopcheck a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}.slopcheck :focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:2px}.slopcheck .shell{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:1.25rem}.slopcheck .topbar{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:1rem;padding-block:1.5rem;display:flex}.slopcheck .topbar-over{z-index:20;max-width:var(--shell);border-bottom:0;margin-inline:auto;padding-inline:1.25rem;position:absolute;inset:0 0 auto}.slopcheck .wordmark{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.8125rem;text-decoration:none}.slopcheck .wordmark b{font-weight:600}.slopcheck .hero{justify-content:center;align-items:center;width:100%;min-height:100svh;padding:6rem 1.25rem 4rem;display:flex;position:relative;overflow:hidden}.slopcheck .hero-canvas{width:100%;height:100%;position:absolute;inset:0}.slopcheck .hero-content{z-index:10;text-align:center;width:100%;max-width:46rem;position:relative}.slopcheck .hero-title{letter-spacing:-.035em;text-wrap:balance;background:linear-gradient(to bottom, var(--ink), var(--violet-deep));color:#0000;-webkit-background-clip:text;background-clip:text;max-width:19ch;margin:0 auto 1.25rem;font-size:clamp(1.875rem,5vw,3.25rem);font-weight:700;line-height:1.08}.slopcheck .hero-subtitle{max-width:40rem;color:var(--ink-soft);margin:0 auto 2.5rem;font-size:1.0625rem}.slopcheck .hero-slot{width:100%}.slopcheck .analyzer{text-align:left;max-width:34rem;margin-inline:auto}.slopcheck .field{border:1px solid var(--rule-strong);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .16s var(--ease-out), background-color .16s var(--ease-out), box-shadow .16s var(--ease-out);background:#ffffffd9;align-items:stretch;gap:.5rem;padding:.375rem;display:flex;box-shadow:0 1px 2px #14121f0a,0 8px 24px #14121f0f}.slopcheck .field:focus-within{border-color:var(--violet);background:#fff;box-shadow:0 1px 2px #14121f0a,0 8px 24px #6366f124}.slopcheck .field input{min-width:0;color:var(--ink);font-family:var(--font-sans);background:0 0;border:0;flex:1;padding:.75rem;font-size:.9375rem}.slopcheck .field input::placeholder{color:var(--ink-muted)}.slopcheck .field input:focus{outline:none}.slopcheck .btn{background:var(--ink);color:#fff;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;transition:transform .12s var(--ease-out), background-color .16s ease;border:0;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1.375rem;font-size:.9375rem;font-weight:600;display:inline-flex}.slopcheck .btn svg{width:1.125rem;height:1.125rem}.slopcheck .btn:active{transform:scale(.975)}.slopcheck .btn[disabled]{cursor:progress;opacity:.55}@media (hover:hover) and (pointer:fine){.slopcheck .btn:hover:not([disabled]){background:var(--violet-deep)}}.slopcheck .dropzone{border:1px dashed var(--rule-strong);border-radius:var(--radius-lg);text-align:center;cursor:pointer;width:100%;color:var(--ink-muted);transition:border-color .15s var(--ease-out), background-color .15s var(--ease-out), color .15s var(--ease-out), transform .15s var(--ease-out);background:#ffffff59;justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;padding:1.125rem 1rem;font-size:.875rem;display:flex}.slopcheck .dropzone svg{flex-shrink:0;width:1.125rem;height:1.125rem}.slopcheck .dropzone[data-over=true]{border-color:var(--violet);color:var(--ink);background:#6366f11f;transform:scale(1.012)}.slopcheck .dropzone b{color:var(--ink);font-weight:600}.slopcheck .analyzer-note{color:var(--ink-muted);text-align:center;margin:.875rem 0 0;font-size:.8125rem}.slopcheck .samples{flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem;margin-top:.875rem;display:flex}.slopcheck .sample{border:1px solid var(--rule-strong);color:var(--ink-soft);font-family:var(--font-sans);cursor:pointer;transition:border-color .14s var(--ease-out), color .14s var(--ease-out);background:#fff6;border-radius:4px;padding:.25rem .5rem;font-size:.75rem}@media (hover:hover) and (pointer:fine){.slopcheck .sample:hover{border-color:var(--ink);color:var(--ink)}}.slopcheck .error{border-left:2px solid var(--accent);color:var(--accent);margin-top:1rem;padding:.375rem 0 .375rem .875rem;font-size:.9375rem}.slopcheck .progress{font-family:var(--font-mono);color:var(--ink-muted);align-items:center;gap:.75rem;margin-top:1.25rem;font-size:.8125rem;display:flex}.slopcheck .progress-bar{background:var(--rule);flex:1;height:2px;overflow:hidden}.slopcheck .progress-bar span{background:var(--violet);width:30%;height:100%;animation:1.4s linear infinite sweep;display:block}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(400%)}}.slopcheck .result{animation:rise .3s var(--ease-out) both;padding-block:4rem 5rem}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.slopcheck .verdict{border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--rule);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);padding:2rem;display:grid}.slopcheck .score{font-family:var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(4.5rem,14vw,7rem);line-height:.85}.slopcheck .verdict h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 .75rem;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:400;line-height:1.15}.slopcheck .verdict p{color:var(--ink-soft);max-width:var(--measure);margin:0}.slopcheck .facts{font-family:var(--font-mono);color:var(--ink-muted);flex-wrap:wrap;gap:1.25rem;margin-top:1.5rem;font-size:.75rem;display:flex}.slopcheck .facts b{color:var(--ink);font-weight:500}.slopcheck .block{padding-top:3rem}.slopcheck .block>h2,.slopcheck .block>h3{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);border-bottom:1px solid var(--rule);margin:0 0 1.5rem;padding-bottom:.5rem;font-size:.75rem;font-weight:500}.slopcheck .cat{background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:2rem;padding:1.5rem}.slopcheck .cat-head{align-items:baseline;gap:.625rem;margin-bottom:.5rem;display:flex}.slopcheck .cat-head h4{font-family:var(--font-display);margin:0;font-size:1.375rem;font-weight:400}.slopcheck .cat-head span{font-family:var(--font-mono);color:var(--ink-muted);font-size:.75rem}.slopcheck .issue{border-top:1px solid var(--rule);grid-template-columns:2.5rem minmax(0,1fr);align-items:start;gap:1rem;padding:1.125rem 0 .5rem;display:grid}.slopcheck .issue-code{font-family:var(--font-mono);color:var(--ink-muted);padding-top:.2rem;font-size:.75rem}.slopcheck .issue h5{letter-spacing:-.005em;flex-wrap:wrap;align-items:center;gap:.625rem;margin:0 0 .375rem;font-size:1.0625rem;font-weight:600;display:flex}.slopcheck .sev{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid;border-radius:3px;padding:.1rem .4rem;font-size:.625rem;font-weight:500}.slopcheck .sev[data-s=critica]{color:var(--accent);background:var(--accent-soft)}.slopcheck .sev[data-s=alta]{color:var(--accent)}.slopcheck .sev[data-s=media]{color:var(--warn)}.slopcheck .sev[data-s=baja]{color:var(--ink-muted)}.slopcheck .issue p{color:var(--ink-soft);max-width:var(--measure);margin:0 0 .5rem}.slopcheck .issue .why{color:var(--ink-muted);font-size:.9375rem}.slopcheck .evidence{border-left:2px solid var(--violet);gap:.3rem;margin:.625rem 0 0;padding:.625rem 0 .625rem .875rem;list-style:none;display:grid}.slopcheck .evidence li{font-family:var(--font-mono);color:var(--ink-muted);overflow-wrap:anywhere;font-size:.75rem}.slopcheck .fix{color:var(--ink);margin-top:.75rem;font-size:.9375rem}.slopcheck .fix b{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--good);margin-right:.5rem;font-size:.6875rem}.slopcheck .passed{flex-wrap:wrap;gap:.375rem;margin:0;padding:0;display:flex}.slopcheck .passed li{font-family:var(--font-mono);color:var(--good);background:var(--good-soft);border:1px solid #0000;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;list-style:none}.slopcheck .passed li[data-full=false],.slopcheck .passed li[data-kind=skipped],.slopcheck .passed li[data-kind=neutral]{color:var(--ink-muted);border-color:var(--rule);background:0 0}.slopcheck .prompt-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.slopcheck .prompt-head p{color:var(--ink-soft);max-width:var(--measure);margin:.5rem 0 0;font-size:.9375rem}.slopcheck .btn-ghost{color:var(--ink);border:1px solid var(--rule-strong);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:border-color .14s var(--ease-out), transform .12s var(--ease-out);background:0 0;border-radius:6px;padding:.5rem .875rem;font-size:.75rem}.slopcheck .btn-ghost:active{transform:scale(.975)}@media (hover:hover) and (pointer:fine){.slopcheck .btn-ghost:hover{border-color:var(--ink)}}.slopcheck .prompt-box{background:var(--panel-solid);border:1px solid var(--rule);border-radius:var(--radius-lg);max-height:30rem;padding:1.25rem;overflow:auto}.slopcheck .prompt-box pre{font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink-soft);margin:0;font-size:.8125rem;line-height:1.65}.slopcheck .copied{font-family:var(--font-mono);color:var(--good);margin-top:.625rem;font-size:.75rem}.slopcheck .footer{border-top:1px solid var(--rule);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;padding-block:2rem 3rem;font-size:.8125rem;display:flex}.slopcheck .footer nav{flex-wrap:wrap;gap:1.25rem;display:flex}.slopcheck .prose{max-width:var(--measure);padding-block:3rem 5rem}.slopcheck .prose h1{font-family:var(--font-display);margin:0 0 1.5rem;font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.05}.slopcheck .prose h2{margin:2.5rem 0 .5rem;font-size:1.125rem}.slopcheck .prose p,.slopcheck .prose li{color:var(--ink-soft)}.slopcheck .prose time{font-family:var(--font-mono);color:var(--ink-muted);font-size:.75rem}@media (max-width:640px){.slopcheck .verdict{grid-template-columns:1fr;gap:1.25rem;padding:1.5rem}.slopcheck .issue{grid-template-columns:1fr;gap:.25rem}.slopcheck .field{flex-direction:column}.slopcheck .cat{padding:1.125rem}}@media (prefers-reduced-motion:reduce){.slopcheck *,.slopcheck :before,.slopcheck :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.slopcheck .progress-bar span{opacity:.6;width:100%;animation:none}}.slopcheck main>.prose{margin-inline:auto;padding-inline:1.25rem}.slopcheck .topbar:not(.topbar-over){max-width:var(--shell);margin-inline:auto;padding-inline:1.25rem}.slopcheck .disclaimer{border:1px solid var(--rule);border-left:3px solid var(--violet);border-radius:var(--radius-lg);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:46rem;margin-top:3rem;padding:1.5rem}.slopcheck .disclaimer p{color:var(--ink-soft);margin:0 0 .75rem;font-size:.9375rem}.slopcheck .disclaimer strong{color:var(--ink)}.slopcheck .disclaimer-cta{border:1px solid var(--rule-strong);transition:border-color .14s var(--ease-out), background-color .14s var(--ease-out);border-radius:6px;align-items:center;gap:.5rem;margin-top:.375rem;padding:.5rem .875rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.slopcheck .disclaimer-cta svg{width:1.0625rem;height:1.0625rem}@media (hover:hover) and (pointer:fine){.slopcheck .disclaimer-cta:hover{border-color:var(--violet);background:#6366f114}}.slopcheck .block-lead{max-width:52ch;color:var(--ink-soft);margin:-.5rem 0 2rem;font-size:1.0625rem}.slopcheck .checks{background:var(--rule);border:1px solid var(--rule);border-radius:var(--radius-lg);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.slopcheck .checks li{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;gap:.25rem;padding:1.25rem 1.125rem;display:flex}.slopcheck .checks li:first-child{grid-column:span 2}.slopcheck .checks li:first-child .checks-count{font-size:2.25rem}.slopcheck .checks-count{letter-spacing:-.02em;color:var(--violet-deep);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:600;line-height:1}.slopcheck .checks-label{color:var(--ink-soft);text-wrap:balance;font-size:.875rem}@media (max-width:900px){.slopcheck .checks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.slopcheck .checks{grid-template-columns:1fr}.slopcheck .checks li:first-child{grid-column:span 1}}.slopcheck .footer-note{max-width:42ch;margin:0}.slopcheck .axes{gap:.625rem;max-width:30rem;margin:1.5rem 0 0;display:grid}.slopcheck .axes div{gap:.25rem;display:grid}.slopcheck .axes dt{color:var(--ink-muted);font-size:.75rem}.slopcheck .axes dd{align-items:center;gap:.625rem;margin:0;display:flex}.slopcheck .axes dd b{font-variant-numeric:tabular-nums;color:var(--ink-muted);text-align:right;min-width:1.5rem;font-size:.75rem}.slopcheck .axis-bar{background:var(--rule);border-radius:3px;flex:1;height:6px;overflow:hidden}.slopcheck .axis-bar>span{background:var(--accent);height:100%;transition:width .6s var(--ease-out);display:block}.slopcheck .axis-bar[data-soft=true]>span{background:var(--ink-muted)}.slopcheck .notice{border:1px solid var(--rule);border-left:3px solid var(--warn);border-radius:var(--radius-lg);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink-soft);max-width:46rem;margin-top:2.5rem;padding:1.125rem 1.25rem;font-size:.9375rem}.slopcheck .notice strong{color:var(--ink)}.slopcheck .footer-by{color:var(--ink);margin-top:.5rem;font-weight:500;display:block}.slopcheck .prompt-intro{color:var(--ink-soft);max-width:var(--measure);margin:-.75rem 0 1.25rem;font-size:.9375rem}.slopcheck .niveles{background:var(--rule);border:1px solid var(--rule);border-radius:var(--radius-lg);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1px;margin-bottom:1.25rem;display:grid;overflow:hidden}.slopcheck .nivel{text-align:left;background:var(--panel);cursor:pointer;transition:background-color .14s var(--ease-out);border:0;flex-direction:column;align-items:flex-start;gap:.375rem;padding:1rem 1.125rem;font-family:inherit;display:flex}.slopcheck .nivel[aria-selected=true]{background:var(--panel-solid);box-shadow:inset 3px 0 0 0 var(--violet)}.slopcheck .nivel[data-riesgo=alto][aria-selected=true]{box-shadow:inset 3px 0 0 0 var(--warn)}.slopcheck .nivel-label{color:var(--ink);font-size:.9375rem;font-weight:600}.slopcheck .nivel-summary{color:var(--ink-muted);font-size:.8125rem;line-height:1.45}.slopcheck .nivel-aviso{border:1px solid var(--rule);border-left:3px solid var(--warn);border-radius:var(--radius-lg);background:var(--panel);color:var(--ink-soft);max-width:var(--measure);align-items:flex-start;gap:.625rem;margin:0 0 1.25rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.slopcheck .nivel-aviso svg{width:1.125rem;height:1.125rem;color:var(--warn);flex-shrink:0;margin-top:.1rem}.slopcheck .score-col{flex-direction:column;display:flex}.slopcheck .score-que-mide{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;margin:.75rem 0 0;font-size:.75rem;line-height:1.35}.slopcheck .score-que-mide span{color:var(--ink);font-weight:600;display:block}.slopcheck .score-escala{color:var(--ink-muted);margin:1.25rem 0 0;font-size:.8125rem}.slopcheck .score-escala b{color:var(--ink);font-variant-numeric:tabular-nums}.slopcheck .axis-bar[data-nivel=alto]>span{background:var(--good)}.slopcheck .axis-bar[data-nivel=medio]>span{background:var(--warn)}.slopcheck .axis-bar[data-nivel=bajo]>span{background:var(--accent)}.slopcheck .topbar-back{color:var(--ink-muted);font-size:.8125rem;text-decoration:none}@media (hover:hover) and (pointer:fine){.slopcheck .topbar-back:hover{color:var(--ink);text-decoration:underline}}
