/* Encabezado único de armandoe.com (copia exacta de las reglas del inicio, limitadas a #hdr). Lo usan las páginas internas. */
#hdr{--bg:246 246 243;--bg-2:236 237 232;--surface:255 255 255;--fg:14 27 42;--muted:66 78 92;--line:219 221 214;--accent:242 106 27;--accent-ink:178 66 8;--on-accent:255 255 255;--btn:201 79 12;--btn-hover:176 66 8;--sig:201 82 14;--bp:16 36 58;--bp-2:9 21 35;--bp-fg:232 237 242;--bp-muted:162 179 197;--bp-line:48 74 102;--bp-card:23 47 74;--bp-grid:150 190 230;--paper:255 255 255;--paper-fg:14 27 42;--paper-muted:92 100 110;--paper-line:226 228 222;--grid-ink:16 36 58;--warn:186 58 24;;font-family:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:18px;line-height:1.6;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;color:rgb(var(--fg))}
#hdr,#hdr *,#hdr :after,#hdr :before{box-sizing:border-box;border:0 solid #e5e7eb}
#hdr a{color:inherit;text-decoration:inherit}
#hdr button{font-family:inherit;font-size:100%;line-height:inherit;margin:0;padding:0;background:transparent;color:inherit;cursor:pointer;-webkit-appearance:button}
#hdr svg{display:block;vertical-align:middle}
#hdr [hidden]{display:none!important}
#hdr .btn-primary{box-shadow:none}
@font-face{font-family:"Big Shoulders Display";font-weight:600;font-display:swap;src:url(/fonts/big-shoulders-display-latin-600-normal.woff2) format("woff2")}
#hdr .sticky,#hdr.sticky{position:sticky}
#hdr .z-50,#hdr.z-50{z-index:50}
#hdr .flex,#hdr.flex{display:flex}
#hdr .inline-flex,#hdr.inline-flex{display:inline-flex}
#hdr .grid,#hdr.grid{display:grid}
#hdr .hidden,#hdr.hidden{display:none}
#hdr .h-11,#hdr.h-11{height:2.75rem}
#hdr .h-4,#hdr.h-4{height:1rem}
#hdr .h-5,#hdr.h-5{height:1.25rem}
#hdr .h-8,#hdr.h-8{height:2rem}
#hdr .h-\[68px\],#hdr.h-\[68px\]{height:68px}
#hdr .w-11,#hdr.w-11{width:2.75rem}
#hdr .w-4,#hdr.w-4{width:1rem}
#hdr .w-5,#hdr.w-5{width:1.25rem}
#hdr .w-px,#hdr.w-px{width:1px}
#hdr .min-w-0,#hdr.min-w-0{min-width:0}
#hdr .flex-none,#hdr.flex-none{flex:none}
#hdr .flex-col,#hdr.flex-col{flex-direction:column}
#hdr .items-center,#hdr.items-center{align-items:center}
#hdr .justify-center,#hdr.justify-center{justify-content:center}
#hdr .justify-between,#hdr.justify-between{justify-content:space-between}
#hdr .gap-1,#hdr.gap-1{gap:.25rem}
#hdr .gap-2,#hdr.gap-2{gap:.5rem}
#hdr .gap-6,#hdr.gap-6{gap:1.5rem}
#hdr .whitespace-nowrap,#hdr.whitespace-nowrap{white-space:nowrap}
#hdr .rounded-md,#hdr.rounded-md{border-radius:.375rem}
#hdr .border,#hdr.border{border-width:1px}
#hdr .border-b,#hdr.border-b{border-bottom-width:1px}
#hdr .border-t,#hdr.border-t{border-top-width:1px}
#hdr .border-line,#hdr.border-line{--tw-border-opacity:1;border-color:rgb(var(--line)/var(--tw-border-opacity,1))}
#hdr .bg-bp-line,#hdr.bg-bp-line{--tw-bg-opacity:1;background-color:rgb(var(--bp-line)/var(--tw-bg-opacity,1))}
#hdr .py-3,#hdr.py-3{padding-top:.75rem;padding-bottom:.75rem}
#hdr .py-4,#hdr.py-4{padding-top:1rem;padding-bottom:1rem}
#hdr .text-\[\.58rem\],#hdr.text-\[\.58rem\]{font-size:.58rem}
#hdr .text-\[\.95rem\],#hdr.text-\[\.95rem\]{font-size:.95rem}
#hdr .text-\[1\.5rem\],#hdr.text-\[1\.5rem\]{font-size:1.5rem}
#hdr .text-lg,#hdr.text-lg{font-size:1.125rem;line-height:1.75rem}
#hdr .font-semibold,#hdr.font-semibold{font-weight:600}
#hdr .uppercase,#hdr.uppercase{text-transform:uppercase}
#hdr .leading-none,#hdr.leading-none{line-height:1}
#hdr .leading-tight,#hdr.leading-tight{line-height:1.25}
#hdr .tracking-\[\.08em\],#hdr.tracking-\[\.08em\]{letter-spacing:.08em}
#hdr .text-accent,#hdr.text-accent{--tw-text-opacity:1;color:rgb(var(--accent)/var(--tw-text-opacity,1))}
#hdr .text-fg,#hdr.text-fg{--tw-text-opacity:1;color:rgb(var(--fg)/var(--tw-text-opacity,1))}
#hdr .text-muted,#hdr.text-muted{--tw-text-opacity:1;color:rgb(var(--muted)/var(--tw-text-opacity,1))}
#hdr .transition,#hdr.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
#hdr .wrap,#hdr.wrap{max-width:1240px;margin-inline:auto;padding-inline:20px}
@media (min-width:640px){#hdr .wrap,#hdr.wrap{padding-inline:32px}}
@media (min-width:1024px){#hdr .wrap,#hdr.wrap{padding-inline:40px}}
#hdr .mono,#hdr.mono{font-family:JetBrains Mono,ui-monospace,monospace}
#hdr .btn,#hdr.btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3.25rem;padding:.7rem 1.5rem;border-radius:6px;font-weight:700;font-size:1.0625rem;line-height:1.2;text-align:center;cursor:pointer;border:1.5px solid transparent;transition:transform .25s cubic-bezier(.2,.8,.2,1),background-color .2s,color .2s,box-shadow .25s,border-color .2s}
#hdr .btn svg,#hdr.btn svg{width:1.2rem;height:1.2rem;flex:none;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
#hdr .btn:hover .mv,#hdr.btn:hover .mv{transform:translateX(4px)}
#hdr .btn:active,#hdr.btn:active{transform:translateY(0) scale(.98)}
#hdr .btn-sm,#hdr.btn-sm{min-height:2.75rem;padding:.5rem 1.1rem;font-size:.95rem}
#hdr .btn-primary,#hdr.btn-primary{background:rgb(var(--btn));color:#fff}
#hdr .btn-primary:after,#hdr.btn-primary:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,hsla(0,0%,100%,.28) 50%,transparent 70%);transform:translateX(-130%);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
#hdr .btn-primary:hover,#hdr.btn-primary:hover{background:rgb(var(--btn-hover));transform:translateY(-2px);box-shadow:0 14px 30px -14px rgb(var(--btn)/.9)}
#hdr .btn-primary:hover:after,#hdr.btn-primary:hover:after{transform:translateX(130%)}
#hdr .hdr,#hdr.hdr{background:rgb(var(--surface)/.97);transition:box-shadow .3s}
#hdr .hdr.scrolled,#hdr.hdr.scrolled{box-shadow:0 10px 28px -20px rgba(14,27,42,.45)}
#hdr .nav-a,#hdr.nav-a{position:relative;padding:.5rem 0;color:rgb(var(--fg)/.72);transition:color .2s}
#hdr .nav-a:after,#hdr.nav-a:after{content:"";position:absolute;left:0;right:0;bottom:.15rem;height:2px;background:rgb(var(--accent));transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
#hdr .nav-a.on,#hdr.nav-a.on,#hdr .nav-a:hover,#hdr.nav-a:hover{color:rgb(var(--fg))}
#hdr .nav-a.on:after,#hdr.nav-a.on:after,#hdr .nav-a:hover:after,#hdr.nav-a:hover:after{transform:scaleX(1)}
#hdr .seg.on,#hdr.seg.on{background:rgb(var(--accent))}
#hdr .hover\:text-accent:hover,#hdr.hover\:text-accent:hover{--tw-text-opacity:1;color:rgb(var(--accent)/var(--tw-text-opacity,1))}
@media (min-width:640px){#hdr .sm\:block,#hdr.sm\:block{display:block}#hdr .sm\:hidden,#hdr.sm\:hidden{display:none}#hdr .sm\:max-w-\[17ch\],#hdr.sm\:max-w-\[17ch\]{max-width:17ch}#hdr .sm\:flex-row,#hdr.sm\:flex-row{flex-direction:row}#hdr .sm\:items-center,#hdr.sm\:items-center{align-items:center}#hdr .sm\:gap-3,#hdr.sm\:gap-3{gap:.75rem}#hdr .sm\:text-\[\.66rem\],#hdr.sm\:text-\[\.66rem\]{font-size:.66rem}#hdr .sm\:text-\[1\.8rem\],#hdr.sm\:text-\[1\.8rem\]{font-size:1.8rem}}
@media (min-width:1024px){#hdr .lg\:h-\[76px\],#hdr.lg\:h-\[76px\]{height:76px}}
@media (min-width:1280px){#hdr .xl\:flex,#hdr.xl\:flex{display:flex}#hdr .xl\:hidden,#hdr.xl\:hidden{display:none}}
@media (min-width:1440px){#hdr .min-\[1440px\]\:inline,#hdr.min-\[1440px\]\:inline{display:inline}}