/* Shared navigation across every public MarkingSEO page. */
html{scroll-padding-top:92px}
.header-shell{position:sticky;top:0;z-index:40;background:rgba(10,10,10,.97);backdrop-filter:blur(18px);border-bottom:1px solid #38291d;box-shadow:0 8px 26px rgba(0,0,0,.18)}
.header-shell>header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,2vw,28px);width:100%;max-width:1440px;height:84px;margin:0 auto;padding:0 clamp(20px,4vw,56px);border:0}
.header-shell .brand{display:flex;align-items:center;flex:0 0 auto;gap:0;font-size:clamp(19px,1.7vw,25px);font-weight:700;letter-spacing:-1px;white-space:nowrap}
.header-shell .brand-logo{display:block;width:52px;height:52px;object-fit:contain;margin-right:9px}
.header-shell .brand>span:not(.brand-icon){color:var(--orange,#ff7900)}
.header-shell nav#navigation{position:static;display:flex;align-items:center;justify-content:flex-end;gap:clamp(9px,1.35vw,21px);flex:1;min-width:0;background:none;border:0;padding:0;font-size:clamp(12px,.98vw,14px)}
.header-shell nav#navigation>a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;color:#d5d0ca;white-space:nowrap;text-decoration:none}
.header-shell nav#navigation>a:hover,.header-shell nav#navigation>a[aria-current="page"]{color:var(--orange,#ff7900)}
.header-shell nav#navigation>a.mobile-project{display:none}
.header-shell .header-cta{display:inline-flex;flex:0 0 auto;min-height:46px;align-items:center;justify-content:center;padding:10px 16px;white-space:nowrap}
.header-shell .menu-toggle{display:none}
.header-shell .reading-progress{position:absolute;bottom:0;left:0;height:2px;width:0;background:var(--orange,#ff7900);pointer-events:none}
@media(max-width:1060px){html{scroll-padding-top:76px}.header-shell>header{height:72px;padding:0 20px;gap:12px}.header-shell .brand{font-size:21px}.header-shell .brand-logo{width:44px;height:44px;margin-right:7px}.header-shell .header-cta{display:none!important}.header-shell .menu-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 12px;border:1px solid #514133;border-radius:6px;background:#141210;color:#f2eee9;font:600 13px inherit;cursor:pointer}.header-shell .menu-toggle span{display:flex;width:20px}.header-shell .menu-toggle svg{width:20px;height:20px}.header-shell nav#navigation{position:absolute;top:100%;left:0;right:0;display:none;max-height:calc(100dvh - 76px);overflow:auto;overscroll-behavior:contain;flex-direction:column;align-items:stretch;gap:0;padding:10px 20px 22px;background:#111;border-top:1px solid #433326;box-shadow:0 20px 30px #0009}.header-shell nav#navigation.open{display:flex}.header-shell nav#navigation>a{min-height:52px;padding:14px 0;border-bottom:1px solid #352c23;font-size:15px}.header-shell nav#navigation>a.mobile-project{display:flex;color:var(--orange,#ff7900)}}
@media(max-width:430px){.header-shell>header{padding:0 15px}.header-shell .brand{font-size:20px}.header-shell .brand-logo{width:42px;height:42px;margin-right:6px}.header-shell .menu-toggle{padding:7px 10px}}

/* Menú desplegable premium: borde naranja progresivo y paneles suaves. */
.header-shell nav#navigation>.nav-item{position:relative;display:flex;align-items:center;align-self:stretch}
.header-shell nav#navigation .nav-main-link{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:8px 0;color:#d5d0ca;white-space:nowrap;text-decoration:none;transition:color .2s ease,transform .2s ease}
.header-shell nav#navigation .nav-main-link::before{content:'';position:absolute;left:0;right:0;bottom:4px;height:1px;background:#5a3a23;opacity:.8}
.header-shell nav#navigation .nav-main-link::after{content:'';position:absolute;left:0;bottom:4px;width:100%;height:2px;background:linear-gradient(90deg,#ff7900,#ffb15a);transform:scaleX(0);transform-origin:left;transition:transform .34s cubic-bezier(.22,1,.36,1);box-shadow:0 0 16px rgba(255,121,0,.36)}
.header-shell nav#navigation .nav-main-link:hover,.header-shell nav#navigation .nav-main-link:focus-visible,.header-shell nav#navigation .nav-main-link[aria-expanded="true"],.header-shell nav#navigation .nav-main-link[aria-current="page"]{color:#ff9a32;transform:translateY(-1px)}
.header-shell nav#navigation .nav-main-link:hover::after,.header-shell nav#navigation .nav-main-link:focus-visible::after,.header-shell nav#navigation .nav-main-link[aria-expanded="true"]::after,.header-shell nav#navigation .nav-main-link[aria-current="page"]::after{transform:scaleX(1)}
.header-shell nav#navigation .nav-main-link[aria-haspopup="true"]{gap:7px}
.header-shell nav#navigation .nav-main-link[aria-haspopup="true"]::marker{content:''}
.header-shell nav#navigation .nav-main-link[aria-haspopup="true"]{padding-right:12px}
.header-shell nav#navigation .nav-main-link[aria-haspopup="true"]:not(.mobile-project)::selection{background:#ff7900;color:#111}
.header-shell nav#navigation .nav-main-link[aria-haspopup="true"]{background:linear-gradient(currentColor,currentColor) right 50%/5px 5px no-repeat}
.header-shell nav#navigation .nav-submenu{position:absolute;top:calc(100% - 8px);left:50%;width:min(360px,86vw);padding:10px;border:1px solid rgba(255,121,0,.28);border-radius:18px;background:linear-gradient(145deg,rgba(13,12,10,.98),rgba(28,19,12,.97));box-shadow:0 26px 70px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.03) inset;backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateX(-50%) translateY(12px) scale(.97);transition:opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility .22s;pointer-events:none;overflow:hidden}
.header-shell nav#navigation .nav-submenu::before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#ff7900,#ffb15a,#ff7900);transform:scaleX(0);transform-origin:left;transition:transform .42s .06s cubic-bezier(.22,1,.36,1)}
.header-shell nav#navigation .nav-item:hover .nav-submenu,.header-shell nav#navigation .nav-item:focus-within .nav-submenu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0) scale(1);pointer-events:auto}
.header-shell nav#navigation .nav-item:hover .nav-submenu::before,.header-shell nav#navigation .nav-item:focus-within .nav-submenu::before{transform:scaleX(1)}
.header-shell nav#navigation .nav-submenu a{display:grid;gap:5px;padding:13px 14px;border-radius:12px;color:#f4eee7;text-decoration:none;transition:background .18s ease,transform .18s ease,color .18s ease}
.header-shell nav#navigation .nav-submenu a+a{margin-top:2px}
.header-shell nav#navigation .nav-submenu a:hover,.header-shell nav#navigation .nav-submenu a:focus-visible{background:rgba(255,121,0,.12);transform:translateX(4px);color:#fff}
.header-shell nav#navigation .nav-submenu strong{font-size:13px;font-weight:700}.header-shell nav#navigation .nav-submenu small{font-size:11px;line-height:1.45;color:#b9aa9d}
@media(max-width:1060px){.header-shell nav#navigation>.nav-item{display:block;align-self:stretch;border-bottom:1px solid #352c23}.header-shell nav#navigation .nav-main-link{width:100%;min-height:52px;padding:14px 0;border-bottom:0;font-size:15px}.header-shell nav#navigation .nav-main-link::before,.header-shell nav#navigation .nav-main-link::after{bottom:8px}.header-shell nav#navigation .nav-submenu{position:static;visibility:visible;opacity:1;transform:none;width:100%;border:0;border-left:1px solid rgba(255,121,0,.28);border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;padding:0 0 10px 13px;pointer-events:auto}.header-shell nav#navigation .nav-submenu::before{display:none}.header-shell nav#navigation .nav-submenu a{padding:10px 12px;background:#17130f;margin:4px 0;border:1px solid #2d241d}.header-shell nav#navigation .nav-submenu small{display:block}.header-shell nav#navigation>a.nav-main-link{min-height:52px;padding:14px 0;border-bottom:1px solid #352c23;font-size:15px}}
@media(prefers-reduced-motion:reduce){.header-shell nav#navigation .nav-main-link,.header-shell nav#navigation .nav-main-link::after,.header-shell nav#navigation .nav-submenu,.header-shell nav#navigation .nav-submenu::before,.header-shell nav#navigation .nav-submenu a{transition:none!important}}