.technical-library{background:#f5f6f4;padding-block:var(--space-xl)}
.technical-library-hero{--hero-image:url("../../aprenda/documentacion-tecnica/documentacion-tecnica-rokasfaltos-fichas-manuales.webp");background-image:var(--hero-image);background-position:right center;background-size:70% auto;background-repeat:no-repeat}
@media(min-width:981px){.technical-library-hero,.technical-library-hero .hero__inner{height:min(538px,28vw);min-height:0}}
.technical-library__intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:var(--space-lg);align-items:end;margin-bottom:var(--space-md)}
.technical-library__intro .eyebrow{margin:0 0 var(--space-xs)}.technical-library__intro .type-h2,.technical-library__intro .type-body{margin:0}.technical-library__intro .type-body{max-width:50ch}
.technical-library__categories{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}
.technical-library__category{border:1px solid #d9dedb;background:#fff;padding:var(--space-sm) var(--space-md);text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease;color:var(--text-primary)}
.technical-library__category:hover,.technical-library__category:focus-visible,.technical-library__category.is-active{border-color:var(--action-accent);background:#fff7dc;transform:translateY(-2px)}
.technical-library__category-icon{display:block;width:22px;height:22px;margin-bottom:var(--space-xs);background:url("../../assets/icons/menu/documentacion.svg") center/contain no-repeat;font-size:0}
.technical-library__category:nth-child(2) .technical-library__category-icon{background-image:url("../../assets/icons/menu/como-usar.svg")}.technical-library__category:nth-child(3) .technical-library__category-icon{background-image:url("../../assets/icons/menu/asesoria.svg")}.technical-library__category:nth-child(4) .technical-library__category-icon{background-image:url("../../assets/icons/menu/casos-exito.svg")}
.technical-library__category strong{display:block;font:inherit;font-weight:800;margin-bottom:var(--space-xs)}
.technical-library__category small{display:block;font:inherit;font-size:var(--type-aux-size);line-height:1.45}
.technical-library__controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-md);align-items:center;margin-bottom:var(--space-md)}
.technical-library__search{width:100%;border:1px solid #bdc4c0;border-radius:var(--radius-sm);padding:calc(var(--space-md) - var(--space-xs)) var(--space-md);font:inherit;color:var(--text-primary);background:#fff}
.technical-library__filters{display:flex;flex-wrap:wrap;gap:var(--space-xs)}
.technical-library__filter{border:1px solid #bdc4c0;background:#fff;border-radius:999px;padding:var(--space-sm) calc(var(--space-md) - var(--space-xs));font:inherit;font-size:var(--type-aux-size);font-weight:700;cursor:pointer}
.technical-library__filter[aria-pressed="true"]{background:#1f353b;border-color:#1f353b;color:#fff}
.technical-library__results{margin:0 0 var(--space-sm);color:#52615f;font:var(--type-aux-size)/1.5 var(--font-family-sans)}
.technical-library__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.technical-library__card{min-height:151px;background:#fff;border:1px solid #d9dedb;border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:row;box-shadow:var(--shadow-sm)}
.technical-library__cover{width:112px;height:auto;flex:0 0 112px;object-fit:contain;display:block;align-self:stretch;background:#edf0ee;border:0;border-right:1px solid #d9dedb;padding:.35rem}
.technical-library__card-body{min-width:0;padding:.6rem .65rem;display:flex;flex:1;flex-direction:column}
.technical-library__pdf{width:112px;flex:0 0 112px;display:grid;place-items:center;background:#243a40;color:#ffbf00;font-size:.8rem;font-weight:900;letter-spacing:.08em}
.technical-library__meta{color:#9d7600;font:10px/1.15 var(--font-family-sans);font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .2rem}
.technical-library__card h3{display:-webkit-box;margin:0 0 .25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:16px;line-height:1.13}.technical-library__card .type-body{display:-webkit-box;margin:0 0 .4rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:11px;line-height:1.32}.technical-library__card-footer{display:flex;justify-content:space-between;align-items:center;gap:.4rem;margin-top:auto;color:#64716f;font:10px/1.15 var(--font-family-sans)}
.technical-library__card .button{height:29px;min-height:29px;padding:0 .55rem;white-space:nowrap;font-size:10px;line-height:1}.technical-library__empty{grid-column:1/-1;background:#fff;border:1px dashed #bdc4c0;padding:var(--space-lg);text-align:center}.technical-library__hero-accent{color:#ffc400}
.technical-library__pending{color:#7d5f00;font:var(--type-aux-size)/1.35 var(--font-family-sans);font-weight:700}
.technical-library-close{background:#22383e;border-bottom:3px solid var(--color-brand-yellow);color:#fff;padding-block:var(--space-lg)}
.technical-library-close>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}
.technical-library-close>div>div{min-width:0;max-width:760px}.technical-library-close .eyebrow{color:#ffc400;margin:0 0 var(--space-xs)}.technical-library-close .type-h2,.technical-library-close .type-body{color:#fff}.technical-library-close .type-h2{margin:0 0 var(--space-xs);font-size:clamp(28px,2.4vw,38px)}.technical-library-close .type-body{max-width:62ch;margin:0}.technical-library-close .button{flex:0 0 auto;min-height:38px;padding:0 var(--space-md);white-space:nowrap;font-size:13px}
@media(max-width:980px){.technical-library__categories{grid-template-columns:repeat(2,1fr)}.technical-library__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.technical-library__controls{grid-template-columns:1fr}.technical-library__intro{grid-template-columns:1fr}}
@media(max-width:600px){.technical-library-hero{background-image:linear-gradient(90deg,rgba(5,10,12,.96) 0%,rgba(5,10,12,.91) 55%,rgba(5,10,12,.67) 77%,rgba(5,10,12,.28) 100%),url("../../aprenda/documentacion-tecnica/documentacion-tecnica-rokasfaltos-fichas-manuales.webp");background-position:center,right bottom}.technical-library-hero .hero__inner{padding-block:var(--space-lg)}.technical-library-hero .hero__content{gap:var(--space-sm)}.technical-library-hero .hero-lead{max-width:31ch;font-size:15px;line-height:1.42}.technical-library__categories,.technical-library__grid{grid-template-columns:1fr}.technical-library__card{min-height:148px}.technical-library__cover,.technical-library__pdf{width:96px;flex-basis:96px}.technical-library__card-body{padding:.55rem}.technical-library__card h3{font-size:15px}.technical-library__card-footer{align-items:flex-start;flex-direction:column}.technical-library__card .button{width:100%}}
@media(max-width:980px){.technical-library-close>div{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.technical-library-close{padding-block:var(--space-lg)}.technical-library-close>div{gap:var(--space-md)}.technical-library-close .button{width:100%}}