/* The Cover Sense · menú principal (12-oct-2026). Sobrio, línea fina dorada. Solo transform/opacidad animados; altura reservada (CLS 0).
   Los selectores llevan #tcs-nav para ganar a los <style> en línea y a /blog/style.css sin usar !important. */
:root{--tcs-ink:#0E0E11;--tcs-cream:#FAF6EE;--tcs-gold:#C9A45C;--tcs-gold-d:#86672A;--tcs-bar:76px}
html{scroll-padding-top:calc(var(--tcs-bar) + 16px)}
#tcs-nav{position:sticky;top:0;z-index:101;display:block;margin:0;padding:0;background:rgba(250,246,238,.88);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border:0;box-shadow:0 1px 0 rgba(14,14,17,.06);font-family:Inter,-apple-system,"Segoe UI",system-ui,sans-serif;transition:box-shadow .3s ease,background-color .3s ease}
#tcs-nav::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;background:linear-gradient(90deg,rgba(201,164,92,0) 0%,rgba(201,164,92,.75) 50%,rgba(201,164,92,0) 100%)}
#tcs-nav.is-scrolled{background:rgba(250,246,238,.95);box-shadow:0 1px 0 rgba(14,14,17,.06),0 12px 28px -16px rgba(14,14,17,.22)}
#tcs-nav .tcs-in{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1164px;height:var(--tcs-bar);margin:0 auto;padding:0 max(32px,env(safe-area-inset-right)) 0 max(32px,env(safe-area-inset-left))}
#tcs-nav .tcs-brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;white-space:nowrap;min-height:44px;color:var(--tcs-ink);text-decoration:none;transform-origin:left center;transition:transform .3s ease}
#tcs-nav.is-scrolled .tcs-brand{transform:scale(.93)}
#tcs-nav .tcs-brand img{display:block;width:34px;height:34px;flex:none}
#tcs-nav .tcs-word{font-size:18px;line-height:1;font-weight:500;letter-spacing:.005em;color:var(--tcs-ink)}
#tcs-nav .tcs-word .tcs-s{font-weight:700;color:var(--tcs-gold-d)}
#tcs-nav .tcs-list{display:flex;align-items:center;gap:clamp(18px,2.1vw,32px);margin:0;padding:0;list-style:none}
#tcs-nav .tcs-list li{margin:0;padding:0;list-style:none}
#tcs-nav .tcs-list a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 2px;font-size:12.5px;line-height:1;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;white-space:nowrap;color:#2b2b31}
#tcs-nav .tcs-list a::after{content:"";position:absolute;left:2px;right:calc(2px + .1em);bottom:9px;height:1.5px;background:var(--tcs-gold);transform:scaleX(0);transform-origin:right center;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
#tcs-nav .tcs-list a[aria-current]{color:var(--tcs-ink)}
#tcs-nav .tcs-list a[aria-current]::after{transform:scaleX(1);transform-origin:left center}
@media (hover:hover){
 #tcs-nav .tcs-list a:hover{color:var(--tcs-ink)}
 #tcs-nav .tcs-list a:hover::after{transform:scaleX(1);transform-origin:left center}
}
#tcs-nav .tcs-list a:focus-visible::after{transform:scaleX(1);transform-origin:left center}
#tcs-nav a:focus-visible,#tcs-nav button:focus-visible{outline:2px solid var(--tcs-gold-d);outline-offset:4px;border-radius:2px}
#tcs-nav .tcs-list a.tcs-cta{justify-content:center;min-height:42px;padding:0 24px;border-radius:999px;background:var(--tcs-ink);color:var(--tcs-cream);border:1px solid var(--tcs-ink);letter-spacing:.12em;transition:background-color .25s ease,color .25s ease,border-color .25s ease}
#tcs-nav .tcs-list a.tcs-cta::after{display:none}
@media (hover:hover){#tcs-nav .tcs-list a.tcs-cta:hover{background:var(--tcs-gold);border-color:var(--tcs-gold);color:var(--tcs-ink)}}
#tcs-nav .tcs-list a.tcs-cta:focus-visible{outline-offset:3px;border-radius:999px}
/* Anchos FIJOS medidos con Inter cargada: el cambio de tipografía de reserva a Inter no mueve nada (CLS 0 en el menú) */
#tcs-nav .tcs-word{display:inline-block;width:148px}
#tcs-nav .tcs-list a{box-sizing:border-box;width:var(--w,auto)}
#tcs-nav .tcs-list li:nth-child(2){--w:82px}
#tcs-nav .tcs-list li:nth-child(3){--w:110px}
#tcs-nav .tcs-list li:nth-child(4){--w:114px}
#tcs-nav .tcs-list li:nth-child(5){--w:55px}
#tcs-nav .tcs-list li:nth-child(6){--w:95px}
#tcs-nav .tcs-list li:nth-child(7){--w:44px}
#tcs-nav .tcs-list li:nth-child(8){--w:134px}
#tcs-nav .tcs-m-only{display:none}
#tcs-nav .tcs-burger{display:none}

/* Escritorio compacto (981-1180px): mismo menú de una fila, un poco más apretado para no desbordar */
@media (min-width:981px) and (max-width:1180px){
 #tcs-nav .tcs-in{gap:20px;padding:0 max(24px,env(safe-area-inset-right)) 0 max(24px,env(safe-area-inset-left))}
 #tcs-nav .tcs-list{gap:16px}
 #tcs-nav .tcs-list a{font-size:11.5px;letter-spacing:.07em}
 #tcs-nav .tcs-list a::after{right:calc(2px + .07em)}
 #tcs-nav .tcs-list a.tcs-cta{padding:0 18px;letter-spacing:.09em}
 #tcs-nav .tcs-list li:nth-child(2){--w:72px}
 #tcs-nav .tcs-list li:nth-child(3){--w:97px}
 #tcs-nav .tcs-list li:nth-child(4){--w:102px}
 #tcs-nav .tcs-list li:nth-child(5){--w:48px}
 #tcs-nav .tcs-list li:nth-child(6){--w:85px}
 #tcs-nav .tcs-list li:nth-child(7){--w:41px}
 #tcs-nav .tcs-list li:nth-child(8){--w:113px}
}

/* Móvil / tablet angosta */
@media (max-width:980px){
 :root{--tcs-bar:64px}
 #tcs-nav .tcs-in{gap:12px;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}
 #tcs-nav .tcs-m-only{display:list-item}
}
/* Sin JavaScript (o navegador sin la media query): los enlaces quedan visibles en una segunda fila deslizable */
@media (max-width:980px){
 #tcs-nav .tcs-in{flex-wrap:wrap;height:auto;min-height:var(--tcs-bar);row-gap:0}
 #tcs-nav .tcs-list{order:3;flex:0 0 100%;width:100%;gap:18px;overflow-x:auto;padding:0 0 4px;border-top:1px solid rgba(14,14,17,.07);-webkit-overflow-scrolling:touch}
 #tcs-nav .tcs-list a.tcs-cta{min-height:36px;padding:0 18px;margin:4px 0}
 html{scroll-padding-top:128px}
}
/* Con JavaScript activo: botón + panel */
@media (max-width:980px) and (scripting:enabled){
 html{scroll-padding-top:calc(var(--tcs-bar) + 16px)}
 #tcs-nav .tcs-in{flex-wrap:nowrap;height:var(--tcs-bar);min-height:0}
 #tcs-nav .tcs-burger{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-right:-6px;padding:0 6px;border:0;background:transparent;color:var(--tcs-ink);font:600 12px/1 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent}
 #tcs-nav .tcs-burger span:last-child{display:inline-block;width:44px}
 #tcs-nav .tcs-bars{position:relative;display:block;width:22px;height:14px}
 #tcs-nav .tcs-bars::before,#tcs-nav .tcs-bars::after{content:"";position:absolute;left:0;width:22px;height:1.5px;background:var(--tcs-ink);transition:transform .3s cubic-bezier(.2,.7,.2,1)}
 #tcs-nav .tcs-bars::before{top:2px}
 #tcs-nav .tcs-bars::after{top:11px}
 #tcs-nav.is-open .tcs-bars::before{transform:translateY(4.75px) rotate(45deg)}
 #tcs-nav.is-open .tcs-bars::after{transform:translateY(-4.75px) rotate(-45deg)}
 #tcs-nav.is-open{z-index:102}
 #tcs-nav .tcs-list{position:absolute;top:100%;left:0;right:0;order:0;flex:none;width:auto;flex-direction:column;align-items:stretch;gap:0;box-sizing:border-box;max-height:calc(100vh - var(--tcs-bar));max-height:calc(100dvh - var(--tcs-bar));overflow-y:auto;overflow-x:hidden;padding:6px max(24px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:var(--tcs-cream);border-top:0;box-shadow:0 24px 40px -20px rgba(14,14,17,.28);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}
 #tcs-nav.is-open .tcs-list{opacity:1;visibility:visible;transform:none;transition:opacity .25s ease,transform .25s ease,visibility 0s}
 #tcs-nav .tcs-list li{border-bottom:1px solid rgba(14,14,17,.08)}
 #tcs-nav .tcs-list li:last-child{border-bottom:0;padding-top:22px}
 #tcs-nav .tcs-list a{display:flex;width:100%;min-height:58px;padding:0 2px;font-size:20px;font-weight:500;letter-spacing:.005em;text-transform:none;white-space:normal}
 #tcs-nav .tcs-list a::after{display:none}
 #tcs-nav .tcs-list a[aria-current]{color:var(--tcs-gold-d);font-weight:600;justify-content:space-between}
 #tcs-nav .tcs-list a[aria-current]::before{content:"";order:2;align-self:center;width:7px;height:7px;border-radius:50%;background:var(--tcs-gold)}
 #tcs-nav .tcs-list a.tcs-cta{min-height:54px;margin:0;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
}
/* La barra «¿Qué negocio tienes?» de la home también es sticky: que se pegue DEBAJO del menú, no encima */
nav.giro-sel{top:var(--tcs-bar)}
html.tcs-lock{overflow:hidden}
@media (prefers-reduced-motion:reduce){
 #tcs-nav,#tcs-nav *,#tcs-nav *::before,#tcs-nav *::after{transition:none!important;animation:none!important}
}