/* Biblioteca MicroLabs · hereda marca y tipografías de landing.css. */
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--aq);outline-offset:5px}
.skip{position:absolute;left:16px;top:-80px;z-index:100;background:var(--p2);padding:12px}.skip:focus{top:10px}
.res-header{border-bottom:1px solid var(--ln);background:rgba(0,0,0,.9)}
.res-header .wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.res-header .brand{font-size:21px}.res-header .brand img{width:34px;height:34px}
.res-header nav{display:flex;align-items:center;gap:24px;font-size:14px;color:var(--mut)}
.res-header nav a[aria-current]{color:var(--tx)}
.res-header .nav-product{border:1px solid var(--ln2);padding:10px 15px;border-radius:10px;color:var(--tx)}
.res-product{border-bottom:1px solid var(--ln);font-size:14px;color:var(--mut);padding:12px 0}
.res-product a{color:var(--aq);font-weight:600;margin-left:8px}
.res-hero{padding:76px 0 54px;position:relative}
.res-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 88% 10%,#1ea7f017,transparent 65%)}
.res-hero .wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center}
.res-hero h1{font-size:clamp(48px,6.8vw,84px);font-weight:820;margin:22px 0;max-width:740px;line-height:1.04}
.res-hero .lead{max-width:580px}.res-hero .hero__cta{margin-bottom:0}
.res-hero .btn{font-size:16px;padding:18px 23px}
.res-caption{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:22px;font:12px var(--fm);color:var(--mut)}
.res-caption span::before{content:"↗";color:var(--g);margin-right:6px}
.res-stack{position:relative;display:grid;gap:12px;padding:30px 0 30px 18px}
.res-stack::before{content:"";position:absolute;left:40px;top:45px;bottom:45px;width:1px;background:linear-gradient(var(--g),var(--b))}
.res-note{position:relative;padding:20px 20px 20px 60px;border:1px solid var(--ln2);border-radius:16px;background:linear-gradient(120deg,#10171b,#080b0e);box-shadow:0 15px 35px #0007}
.res-note:nth-child(2){margin-left:24px}.res-note:nth-child(3){margin-left:48px}
.res-note i{position:absolute;left:18px;top:23px;font:14px var(--fm);color:var(--g);font-style:normal}
.res-note b{display:block;font-size:18px;line-height:1.3}.res-note small{font:12px var(--fm);color:var(--mut)}
.res-note small em{color:var(--aq);font-style:normal}
.res-library{padding:26px 0 70px;scroll-margin-top:22px}
.res-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--ln);padding-top:30px;margin-bottom:26px}
.res-filters{display:flex;flex-wrap:wrap;gap:8px}.res-filters button{font:600 13px var(--fm);color:var(--mut);background:transparent;border:1px solid var(--ln2);border-radius:999px;padding:10px 17px;cursor:pointer}
.res-filters button[aria-pressed="true"]{color:#041b18;background:var(--g);border-color:var(--g)}
.res-search{display:flex;gap:10px;align-items:center;color:var(--mut);font-size:14px}
.res-search input{background:var(--p1);border:1px solid var(--ln2);color:var(--tx);font:15px var(--fs);padding:12px 16px;border-radius:11px;width:min(260px,100%)}
.res-count{font:12px var(--fm);color:var(--mut);margin-bottom:18px;min-height:18px}
.res-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.res-card{display:flex;flex-direction:column;min-width:0;padding:26px;border:1px solid var(--ln2);border-radius:20px;background:linear-gradient(155deg,#101519,#080a0c);scroll-margin-top:24px;transition:border-color .2s,transform .2s}
.res-card:hover{border-color:#ffffff45;transform:translateY(-3px)}.res-card:target{border-color:var(--g);box-shadow:0 0 0 3px #2ebd8a18}
.res-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:30px;font:11px var(--fm);text-transform:uppercase;letter-spacing:.09em;color:var(--aq)}
.res-free{padding:5px 8px;border:1px solid #2ebd8a55;background:#2ebd8a0d;border-radius:6px;color:#80d9b9}
.res-card h2{font-size:27px;line-height:1.1;margin-bottom:12px;font-weight:750;letter-spacing:-.03em}
.res-card p{font-size:15px;line-height:1.6;color:var(--mut);margin-bottom:20px;min-height:72px}
.res-card__meta{font:12px var(--fm);color:#c0c8cc;display:flex;gap:12px;margin-top:auto;margin-bottom:20px;flex-wrap:wrap}
.res-card button{width:100%;font:650 15px var(--fs);padding:15px 18px;border-radius:11px;border:1px solid #ffffff2b;background:#141d21;color:var(--tx);text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;transition:background .2s}
.res-card button:hover{background:#1a2e31}.res-card button span{color:var(--g)}
.res-card .res-key{font:10.5px var(--fm);color:var(--mut);margin-top:12px;letter-spacing:.025em}
.res-card details{margin-bottom:20px;font-size:13px;color:var(--mut)}.res-card summary{cursor:pointer}.res-card ul{padding:12px 0 0 18px;overflow-wrap:anywhere}.res-card li{margin-top:7px}
.res-empty{padding:38px;border:1px dashed var(--ln2);border-radius:18px;color:var(--mut)}
.res-guide{padding:54px 0;border-top:1px solid var(--ln)}.res-guide .grid3{margin-top:30px}.res-guide .card h3{font-size:19px}.res-guide .card .mono{display:block;color:var(--g);font-size:12px;margin-bottom:16px}
.res-source{padding:26px;border:1px solid var(--ln);border-radius:16px;color:var(--mut);font-size:14px;margin-top:28px}.res-source p+p{margin-top:10px}.res-source a{text-decoration:underline;text-underline-offset:3px;color:var(--aq)}
.res-bottom{padding:55px 0 80px}.res-bottom .final h2{font-size:clamp(30px,4vw,46px)}.res-bottom .btn{font-size:16px;margin-top:24px}
.res-footer{padding-bottom:40px}.res-footer .disc{max-width:980px}
noscript a{display:block;text-decoration:underline;color:var(--aq);padding:15px 0}
@media(max-width:1000px){.res-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.res-hero .wrap{gap:24px}.res-stack{padding-left:0}.res-note{padding:18px 14px 18px 46px}.res-note b{font-size:16px}.res-note i{left:14px}}
@media(max-width:700px){.res-header .wrap{min-height:66px}.res-header .brand{font-size:18px}.res-header nav{gap:14px;font-size:13px}.res-header .brand small{display:none}.res-header .nav-product{padding:9px 11px}.res-hero{padding:48px 0 30px}.res-hero .wrap{grid-template-columns:1fr;gap:22px}.res-hero h1{font-size:clamp(45px,11.4vw,68px);margin:20px 0}.res-stack{padding:5px 0 20px;gap:8px;max-width:440px}.res-note{padding-top:13px;padding-bottom:13px}.res-note i{top:17px}.res-note:nth-child(2){margin-left:16px}.res-note:nth-child(3){margin-left:32px}.res-toolbar{gap:20px}.res-search{width:100%;display:block}.res-search input{width:100%;margin-top:8px}.res-grid{grid-template-columns:1fr}.res-card{padding:24px}.res-card p{min-height:0}.res-product{font-size:12px}.res-product a{white-space:nowrap}.res-caption{font-size:11px;gap:10px}.res-guide .grid3{gap:12px}.res-card__top{margin-bottom:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.res-card{transition:none}.res-card:hover{transform:none}}
