/*! © 2026 Huascar Trinidad · TrinaxCode. Todos los derechos reservados / All rights reserved. Uso: https://trinaxcode.com/terminos/ */
.bl-page{min-height:100vh}.bl-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.bl-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.bl-page main,.bl-bar,.footer{position:relative;z-index:1}:where(.bl-page) :focus-visible{outline:2px solid var(--blue-hi);outline-offset:3px;border-radius:6px}.bl-eyebrow{display:inline-flex;align-items:center;gap:var(--s-3);margin:0 0 var(--s-4);color:var(--blue-hi);font-family:var(--f-mono);font-size:12px;text-transform:uppercase;letter-spacing:.16em}.bl-eyebrow i{width:28px;height:1px;background:currentColor}.bl-bar{padding:var(--s-4) var(--pad)}.bl-bar__inner{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:var(--s-3)}.bl-bar__brand{--od-icon-size: 18px}.bl-bar__brand .od-icon{color:var(--ink-3);transition:transform var(--d-fast) var(--ease-out),color var(--d-fast)}.bl-bar .nav__word{display:inline-flex!important}@media(hover:hover){.bl-bar__brand:hover .od-icon{transform:translate(-3px);color:var(--blue-hi)}}.bl-bar__links{display:none;gap:2px;margin-left:var(--s-5)}.bl-bar__links a{padding:10px 14px;border-radius:999px;color:var(--ink-2);font-size:15px;transition:color var(--d-fast),background-color var(--d-fast)}.bl-bar__links a[aria-current=page]{color:var(--ink);background:#eef0f312}@media(hover:hover){.bl-bar__links a:hover{color:var(--ink)}}.bl-bar__actions{margin-left:auto;display:flex;align-items:center;gap:6px}@media(min-width:860px){.bl-bar__links{display:flex}}.bl-iconbtn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:999px;color:var(--ink-2);background:#eef0f30f;border:0;cursor:pointer;--od-icon-size: 18px;transition:color var(--d-fast),background-color var(--d-fast)}@media(hover:hover){.bl-iconbtn:hover{color:var(--ink);background:#eef0f31f}}.bl-main{max-width:var(--maxw);margin:0 auto;padding:var(--s-7) var(--pad) var(--s-9)}@media(max-width:640px){.bl-main{padding-top:var(--s-5)}}.bl-hero{max-width:880px;margin-bottom:var(--s-7)}.bl-hero__title{margin:0 0 var(--s-5);font-family:var(--f-display);font-weight:700;font-size:clamp(40px,6.4vw,88px);line-height:.98;letter-spacing:-.035em}.bl-hero__title span{color:var(--blue-hi)}.bl-hero__lead{margin:0 0 var(--s-6);max-width:60ch;color:var(--ink-2);font-size:var(--t-lead);line-height:1.55}.bl-search{display:flex;align-items:center;gap:var(--s-3);max-width:620px;min-height:56px;padding:0 var(--s-4);border:1px solid var(--line-2);border-radius:999px;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--ink-3);--od-icon-size: 20px;transition:border-color var(--d-fast)}.bl-search:focus-within{border-color:var(--blue-hi)}.bl-search input{flex:1;min-width:0;height:54px;border:0;background:none;color:var(--ink);font:inherit;font-size:16px;outline:none}.bl-search input::placeholder{color:var(--ink-3)}.bl-search input::-webkit-search-cancel-button{filter:invert(.7)}.bl-search kbd{padding:2px 8px;border:1px solid var(--line-2);border-radius:6px;font-size:12px}@media(hover:none){.bl-search kbd{display:none}}.bl-filters{display:grid;gap:var(--s-3);margin-bottom:var(--s-6)}.bl-filters__row{display:flex;flex-wrap:wrap;gap:var(--s-2)}.bl-chip{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 var(--s-4);border:1px solid var(--line-2);border-radius:999px;color:var(--ink-2);font-size:14px;background:#0d121b66;transition:color var(--d-fast),border-color var(--d-fast),background-color var(--d-fast)}.bl-chip span{color:var(--ink-3);font-family:var(--f-mono);font-size:11px}.bl-chip.is-on{color:var(--on-blue);background:var(--blue);border-color:var(--blue)}.bl-chip.is-on span{color:#ffffffbf}.bl-filters__tags .bl-chip{min-height:32px;padding:0 var(--s-3);font-family:var(--f-mono);font-size:12px}@media(hover:hover){.bl-chip:not(.is-on):hover{color:var(--ink);border-color:var(--blue-hi)}}.bl-grid{display:grid;gap:var(--s-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}.bl-featured{margin-bottom:var(--s-5)}.bl-card{min-width:0}.bl-card__link{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:border-color var(--d-med) var(--ease-out),transform var(--d-med) var(--ease-out)}@media(hover:hover){.bl-card__link:hover{border-color:var(--line-2);transform:translateY(-3px)}.bl-card__link:hover .bl-card__title{color:var(--blue-hi)}.bl-card__link:hover .bl-card__media img{transform:scale(1.03)}}.bl-card__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-2)}.bl-card__media>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease-out)}.bl-card__ph{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(400px 220px at 70% 0%,rgba(0,116,182,.35),transparent 70%),var(--bg-2)}.bl-card__ph img{width:72px;height:auto;opacity:.55;filter:drop-shadow(0 4px 18px rgba(0,116,182,.5))}.bl-card__body{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-5);flex:1}.bl-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;color:var(--ink-3);font-size:12px}.bl-card__title{margin:0;font-family:var(--f-display);font-weight:600;font-size:clamp(20px,1.6vw,24px);line-height:1.2;letter-spacing:-.01em;transition:color var(--d-fast)}.bl-card__excerpt{margin:0;color:var(--ink-2);font-size:15px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bl-card .bl-tags{margin-top:auto;padding-top:var(--s-2)}@media(min-width:900px){.bl-card--big .bl-card__link{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.bl-card--big .bl-card__media{aspect-ratio:auto;min-height:360px}.bl-card--big .bl-card__body{padding:var(--s-7) var(--s-6);justify-content:center}.bl-card--big .bl-card__title{font-size:clamp(28px,2.6vw,40px)}.bl-card--big .bl-card__excerpt{font-size:17px;-webkit-line-clamp:4}}.bl-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;color:var(--blue-hi);background:#4aa8f01f}.bl-badge--case-study{color:#6fe3b4;background:#3ccf8e1f}.bl-badge--guia{color:#f5c66b;background:#f5c66b1f}.bl-badge--nota{color:#c7a6ff;background:#c7a6ff1f}.bl-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.bl-tags li{font-family:var(--f-mono);font-size:12px;color:var(--ink-3)}.bl-tags li:before{content:"#";color:var(--line-2)}.bl-tags--links li:before{content:none}.bl-tags--links a{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--s-3);border:1px solid var(--line-2);border-radius:999px;color:var(--ink-2);transition:color var(--d-fast),border-color var(--d-fast)}@media(hover:hover){.bl-tags--links a:hover{color:var(--ink);border-color:var(--blue-hi)}}.bl-empty{padding:var(--s-8) 0;color:var(--ink-3);text-align:center;font-size:17px}.bl-sub{display:grid;gap:var(--s-5);margin-top:var(--s-8);padding:clamp(24px,4vw,48px);border:1px solid var(--line);border-radius:20px;background:radial-gradient(700px 300px at 100% 0%,rgba(0,116,182,.28),transparent 70%),var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}@media(min-width:900px){.bl-sub{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--s-7)}}.bl-sub__h{margin:0 0 var(--s-3);font-family:var(--f-display);font-weight:700;font-size:clamp(26px,3vw,40px);line-height:1.05;letter-spacing:-.02em}.bl-sub__p{margin:0;color:var(--ink-2);max-width:46ch}.bl-sub__row{display:flex;flex-wrap:wrap;gap:var(--s-2)}.bl-sub__row .bl-input{flex:1 1 220px}.bl-sub__row .btn{flex:none}.bl-sub__msg{min-height:1.5em;margin:var(--s-3) 0 0;font-size:14px;color:var(--ink-3)}.bl-sub__msg.is-ok{color:var(--ok)}.bl-sub__msg.is-err{color:#ff8a8a}.bl-sub--compact{margin:0;padding:0;border:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;grid-template-columns:1fr!important;gap:var(--s-5)!important}.bl-sub--compact .bl-sub__h{font-size:clamp(24px,3vw,30px)}.bl-input{width:100%;min-height:52px;padding:0 var(--s-4);border:1px solid var(--line-2);border-radius:999px;background:#0d121b99;color:var(--ink);font:inherit;font-size:16px;transition:border-color var(--d-fast)}.bl-input::placeholder{color:var(--ink-3)}.bl-input:focus{outline:none;border-color:var(--blue-hi)}textarea.bl-input{min-height:96px;padding:var(--s-3) var(--s-4);border-radius:14px;resize:vertical;line-height:1.5}.bl-modal{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:var(--s-6);border:1px solid var(--line-2);border-radius:20px;background:#141a25;color:var(--ink);box-shadow:0 30px 80px #0000008c;overflow:auto}.bl-modal--sub{width:min(520px,calc(100vw - 32px))}.bl-modal::backdrop{background:#04070db3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bl-modal[open]{animation:bl-pop .28s var(--ease-out)}@keyframes bl-pop{0%{opacity:0;transform:translateY(12px) scale(.98)}}.bl-modal__close{position:absolute;top:12px;right:12px;margin:0}.bl-modal__mark{width:52px;height:auto;display:block;margin-bottom:var(--s-4);filter:drop-shadow(0 4px 18px rgba(0,116,182,.5))}.bl-modal__h{margin:0 0 var(--s-2);font-family:var(--f-display);font-size:28px;letter-spacing:-.02em}.bl-modal__p{margin:0 0 var(--s-5);color:var(--ink-2)}.bl-modal__fine{margin:var(--s-2) 0 0;color:var(--ink-3);font-size:13px}.bl-toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));z-index:500;max-width:calc(100vw - 32px);padding:12px 20px;border:1px solid var(--line-2);border-radius:999px;background:#171d29f5;color:var(--ink);font-size:15px;box-shadow:0 14px 40px #00000073;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity var(--d-med),transform var(--d-med) var(--ease-out)}.bl-toast.is-on{opacity:1;transform:translate(-50%)}.bl-crumbs{display:flex;gap:var(--s-2);margin-bottom:var(--s-5);color:var(--ink-3);font-size:13px}.bl-crumbs a{color:var(--blue-hi)}.bl-post__head{max-width:900px}.bl-post__title{margin:0 0 var(--s-4);font-family:var(--f-display);font-weight:700;font-size:clamp(34px,5vw,68px);line-height:1.02;letter-spacing:-.03em;overflow-wrap:anywhere}.bl-post__lead{margin:0 0 var(--s-5);max-width:62ch;color:var(--ink-2);font-size:var(--t-lead);line-height:1.55}.bl-post__meta{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-6)}.bl-post__author{margin:0;font-weight:600;line-height:1.3}.bl-post__date{margin:0;color:var(--ink-3);font-size:12px}.bl-post__cover{margin:0 0 var(--s-7);border-radius:18px;overflow:hidden;border:1px solid var(--line)}.bl-post__cover img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover}.bl-post__layout{display:grid;gap:var(--s-7)}@media(min-width:1080px){.bl-post__layout{grid-template-columns:minmax(0,740px) 260px;justify-content:space-between}.bl-post__aside{position:sticky;top:var(--s-6);align-self:start;display:grid;gap:var(--s-5)}}@media(max-width:1079px){.bl-post__aside{display:none}}.bl-toc{padding-left:var(--s-4);border-left:1px solid var(--line)}.bl-toc__h{margin:0 0 var(--s-3);color:var(--ink-3);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.bl-toc ol{margin:0;padding:0;list-style:none;display:grid;gap:2px}.bl-toc a{display:block;padding:5px 0;color:var(--ink-3);font-size:14px;line-height:1.35;transition:color var(--d-fast)}.bl-toc a.is-on{color:var(--blue-hi)}.bl-toc__l3 a{padding-left:var(--s-3);font-size:13px}@media(hover:hover){.bl-toc a:hover{color:var(--ink)}}.bl-prose{min-width:0;font-size:18px;line-height:1.75;color:#d9dde3}.bl-prose>:first-child{margin-top:0}.bl-prose p,.bl-prose ul,.bl-prose ol,.bl-prose blockquote,.bl-prose pre,.bl-prose figure,.bl-prose table{margin:0 0 1.4em}.bl-prose h2,.bl-prose h3,.bl-prose h4{position:relative;color:var(--ink);font-family:var(--f-display);letter-spacing:-.015em;line-height:1.2;scroll-margin-top:var(--s-6)}.bl-prose h2{margin:2.2em 0 .7em;font-size:clamp(26px,2.4vw,34px)}.bl-prose h3{margin:1.8em 0 .6em;font-size:clamp(21px,1.8vw,25px)}.bl-prose h4{margin:1.6em 0 .5em;font-size:19px}.bl-prose .anchor{position:absolute;left:-.9em;color:var(--line-2);opacity:0;transition:opacity var(--d-fast);text-decoration:none}.bl-prose :is(h2,h3,h4):hover .anchor{opacity:1}.bl-prose a{color:var(--blue-hi);text-decoration:underline;text-decoration-color:#4aa8f066;text-underline-offset:3px}.bl-prose a:hover{text-decoration-color:currentColor}.bl-prose strong{color:var(--ink)}.bl-prose ul,.bl-prose ol{padding-left:1.3em}.bl-prose li{margin:.35em 0}.bl-prose li::marker{color:var(--blue-hi)}.bl-prose blockquote{padding:var(--s-2) 0 var(--s-2) var(--s-5);border-left:3px solid var(--blue);color:var(--ink-2);font-style:italic}.bl-prose hr{margin:2.5em 0;border:0;border-top:1px solid var(--line)}.bl-prose img,.bl-prose video,.bl-prose iframe{display:block;max-width:100%;height:auto;border-radius:12px}.bl-prose iframe{width:100%;aspect-ratio:16 / 9;border:0}.bl-prose figure img{margin:0 auto;border:1px solid var(--line)}.bl-prose figcaption{margin-top:var(--s-2);color:var(--ink-3);font-size:14px;text-align:center}.bl-prose :not(pre)>code{padding:.15em .4em;border-radius:6px;background:#4aa8f01a;color:#9fd0ff;font-family:var(--f-mono);font-size:.85em}.bl-prose pre{overflow-x:auto;padding:var(--s-5);border:1px solid var(--line);border-radius:14px;background:#0a0e15;font-size:14px;line-height:1.6}.bl-prose pre code{font-family:var(--f-mono);background:none!important;padding:0!important}.bl-prose table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;font-size:15px}.bl-prose th,.bl-prose td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left}.bl-prose th{color:var(--ink);font-weight:600;border-bottom-color:var(--line-2)}.bl-prose input[type=checkbox]{accent-color:var(--blue);margin-right:6px}.bl-post__foot{display:grid;gap:var(--s-5);max-width:740px;margin-top:var(--s-7);padding-top:var(--s-5);border-top:1px solid var(--line)}.bl-actions{display:flex;align-items:center;gap:var(--s-2)}.bl-actions__sp{flex:1}.bl-act{display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;justify-content:center;padding:0 var(--s-4);border:1px solid var(--line-2);border-radius:999px;background:#0d121b80;color:var(--ink-2);font:inherit;font-size:15px;cursor:pointer;--od-icon-size: 20px;transition:color var(--d-fast),border-color var(--d-fast)}.bl-act{padding:0 var(--s-3)}.bl-act span{font-family:var(--f-mono);font-size:14px}@media(hover:hover){.bl-act:hover{color:var(--ink);border-color:var(--blue-hi)}}.bl-related{margin-top:var(--s-9)}.bl-related__h{margin:0 0 var(--s-5);font-family:var(--f-display);font-size:clamp(26px,2.6vw,36px);letter-spacing:-.02em}.bl-404{min-height:60vh}.bl-bar .lang{min-height:44px;padding:0 var(--s-2)}@media(max-width:520px){.bl-bar__actions{gap:2px}.bl-bar .lang{padding:0 6px}}@media(max-width:520px){.bl-bar{padding:var(--s-3) var(--s-4)}.bl-bar__brand .od-icon{display:none}.bl-bar__brand img{width:30px}.bl-bar__brand{font-size:17px;gap:6px}.bl-sub__row .btn{width:100%}.bl-prose{font-size:17px}.bl-prose pre{margin-inline:calc(var(--pad) * -1);border-radius:0;border-inline:0}}@media(max-width:340px){.bl-bar .nav__word{display:none!important}}@media(prefers-reduced-motion:reduce){.bl-card__link,.bl-card__media>img,.bl-modal[open]{transition:none;animation:none}}
