*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 "Segoe UI",system-ui,sans-serif}a{color:inherit}header{padding:18px 4vw;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{font-size:1.35rem;font-weight:750;text-decoration:none;letter-spacing:-.055em}.brand i{display:inline-grid;place-items:center;background:var(--accent);border-radius:50%;width:40px;height:40px;font-style:normal}small,header>span{font-size:.68rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.shell{display:grid;grid-template-columns:210px minmax(0,1fr);max-width:1600px;margin:auto}aside{padding:36px 18px}aside small{color:#596154}nav{display:grid;gap:3px;margin-top:16px}nav a{padding:8px 12px;text-decoration:none;border-radius:8px}.active,nav a:hover{background:#e6ebdc}main{padding:38px clamp(16px,3.4vw,60px) 80px;min-width:0}h1,h2,h3{line-height:1.02;letter-spacing:-.055em;margin:.35em 0}h1{font-size:clamp(2.6rem,5vw,5.6rem)}h2{font-size:clamp(1.65rem,3vw,2.7rem)}h3{font-size:1.45rem}.intro{position:relative;isolation:isolate;overflow:hidden;background:#d8eaa3;border-radius:20px;padding:clamp(24px,4vw,58px)}.intro:after{content:"";position:absolute;z-index:-1;width:54%;aspect-ratio:1;right:-13%;top:-18%;border:20px double #a6c96e;border-radius:50%;box-shadow:0 0 0 38px #bedb88,0 0 0 42px #abc975}.intro h1{font-size:clamp(3.5rem,7vw,7.2rem);line-height:.88}.intro h1 span{color:#58733c}.button,button{display:inline-block;background:var(--ink);color:white;font:inherit;font-weight:600;border:0;border-radius:100px;padding:10px 17px;text-decoration:none;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:22px 0 38px;border-block:1px solid var(--line)}.metrics a{padding:14px;text-decoration:none}.metrics b{display:block;font-size:2rem}.heading,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,215px),1fr));gap:18px}.card{display:block;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:12px}.card:hover h3{text-decoration:underline}.art{border-radius:15px;aspect-ratio:1.7;display:grid;place-items:center;overflow:hidden;background:#ecd4b6}.art img,.cover{width:100%;height:100%;object-fit:cover}.art span{font-size:4rem}.art-menus,.feature{background:#e8b6a5}.art-pruebas,.art-proveedores{background:#d2daa9}.art-biblioteca,.art-compras{background:#cac7e5}.caption{padding:12px 2px}.caption p{font-size:.92rem;color:#51594f;margin:5px 0}.feature{display:block;padding:24px;border-radius:14px;text-decoration:none;margin-top:32px}.sheet section{padding:14px 0;border-top:1px solid var(--line)}.sheet p{white-space:pre-wrap;margin:.2em 0}.sheet small{display:block;color:#566050}.actions{justify-content:flex-start}.cover{max-height:330px;border-radius:18px;margin:12px 0}.sheet{margin:22px 0 36px}dialog{color:inherit;border:1px solid var(--line);border-radius:20px;background:var(--paper);padding:25px;width:min(550px,94vw);max-height:88vh}dialog::backdrop{background:rgb(0 0 0 / .32)}label{display:block;margin:14px 0;font-weight:600}input,textarea,select{width:100%;display:block;font:inherit;background:white;border:1px solid var(--line);border-radius:8px;padding:9px;margin:4px 0}textarea{min-height:80px}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media(max-width:800px){.shell{display:block}aside{padding:10px 16px;border-bottom:1px solid var(--line)}aside small,header>span{display:none}nav{display:flex;overflow:auto;margin:0}nav a{white-space:nowrap}main{padding-top:20px}.metrics{grid-template-columns:repeat(2,1fr)}.heading{flex-wrap:wrap}}