/* Preview oct-2026: cabecera nueva de www. Copiado de WEB2_ARCADEA/repaso/css/lino.css por mk_nav.py. */
/* Cabecera al hacer scroll (7-oct): cápsula de cristal que flota sobre el contenido, claramente más estrecha que la caja del hero (40 px por dentro en escritorio, 28 en tablet, 12 en móvil) para que los bordes no choquen.
   La nav conserva su alto en flujo (no hay salto); la cápsula es un ::before absoluto. Arriba del todo, igual que antes. */
#lino .site-nav{transition:padding .32s ease,background-color .32s ease}
#lino .site-nav::before{content:'';position:absolute;inset:10px 96px;border-radius:999px;background:rgba(255,255,255,.66);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);box-shadow:inset 0 0 0 1px rgba(17,17,17,.06),0 14px 34px -14px rgba(17,17,17,.28);opacity:0;transform:translateY(-6px);transition:opacity .32s ease,transform .32s ease;pointer-events:none;z-index:-1}
#lino .site-nav .logo{transition:height .32s ease}
#lino .site-nav.is-scrolled{background:transparent;padding-left:128px;padding-right:128px}
#lino .site-nav.is-scrolled::before{opacity:1;transform:none}
#lino .site-nav.is-scrolled .logo{height:42px}
html[data-theme="dark"] #lino .site-nav::before{background:rgba(17,17,17,.66);box-shadow:inset 0 0 0 1px rgba(242,238,232,.1),0 14px 34px -14px rgba(0,0,0,.7)}
@media (max-width:1100px){#lino .site-nav::before{inset:10px 60px} #lino .site-nav.is-scrolled{padding-left:84px;padding-right:84px}}
@media (max-width:640px){#lino .site-nav::before{inset:6px 28px} #lino .site-nav.is-scrolled{padding-left:42px;padding-right:42px} #lino .site-nav.is-scrolled .logo{height:32px}}

/* Área de clientes (7-oct): formulario de acceso desplegable en hover para invitados; menú de cuenta en hover con sesión. Solo escritorio (>1100). */
#lino .nav-login{position:relative;display:flex;align-items:center}
#lino .nav-login-panel{display:none;position:absolute;top:100%;right:-8px;padding-top:12px;z-index:40}
#lino .nav-login:hover .nav-login-panel,#lino .nav-login:focus-within .nav-login-panel,#lino .nav-login.open .nav-login-panel{display:block}
#lino .nav-login-box{width:312px;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:22px 22px 20px;box-shadow:0 18px 44px rgba(0,0,0,.14)}
#lino .nav-login-box h4{font-size:16px;font-weight:600;letter-spacing:0;color:var(--ink);margin:0 0 4px}
#lino .nav-login-box p{font-size:13px;line-height:1.45;color:var(--muted);margin:0 0 16px}
#lino .nav-login-box p strong{color:var(--ink);font-weight:500}
#lino .nav-login-box label{display:block;font-size:12px;font-weight:500;color:var(--muted);margin:0 0 6px}
#lino .nav-login-box input{display:block;width:100%;height:42px;padding:0 12px;margin:0 0 12px;border:1px solid rgba(var(--ink-rgb),.22);border-radius:10px;background:var(--white);font:inherit;font-size:14px;color:var(--ink);outline:none;transition:border-color .15s}
#lino .nav-login-box input{border-color:rgba(var(--ink-rgb),.16)}
#lino .nav-login-box input:focus{border-color:var(--ink)}
#lino .nav-login-box #nl-code{font-size:20px;letter-spacing:.32em;text-align:center;font-variant-numeric:tabular-nums}
#lino .nav-login-box .btn{width:100%;height:42px;margin-top:2px}
#lino .nav-login-box .btn[disabled]{opacity:.6;cursor:default}
#lino .nav-login-box p.nav-login-err{font-size:13px;line-height:1.4;color:#B3261E;margin:-4px 0 10px}
#lino .nav-login-err[hidden]{display:none}
#lino .nav-login-links{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:13px}
#lino .nav-login-links a,#lino .nav-login-links button{color:var(--ink);background:none;border:0;padding:0;font:inherit;font-size:13px;font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(var(--ink-rgb),.3)}
#lino .nav-login-links a:hover,#lino .nav-login-links button:hover{text-decoration-color:var(--ink)}
#lino .nav-user-menu{top:100%;margin-top:0;padding-top:0}
#lino .nav-user-menu::before{content:'';position:absolute;left:0;right:0;top:-14px;height:14px}
#lino .nav-user-menu{top:calc(100% + 12px)}
#lino .nav-user:hover .nav-user-menu,#lino .nav-user:focus-within .nav-user-menu{display:block}
#lino .nav-user-menu-head{padding:8px 12px 10px;font-size:13px;color:var(--muted)}
#lino .nav-user-menu-head b{color:var(--ink);font-weight:600}

/* Desplegables (7-oct): una sola gramática para submenús de la nav, menú de cuenta y acceso.
   Panel blanco de 18px de radio, sombra suave; enlaces con título + línea descriptiva; tarjeta con foto real en Tienda y Sobre nosotros. */
#lino .nav-drop ul,#lino .nav-user-menu{background:none;border:0;box-shadow:none;padding:0;min-width:0}
#lino .nav-drop{left:-18px;padding-top:14px}
#lino{--rp-panel:var(--crema2);--rp-panel-2:var(--crema);--rp-panel-line:rgba(17,17,17,.08)}
html[data-theme="dark"] #lino{--rp-panel:#141412;--rp-panel-2:#1F1F1C;--rp-panel-line:rgba(242,238,232,.14)}
#lino .nav-drop-box,#lino .nav-user-menu-box,#lino .nav-login-box{background:var(--rp-panel);border:1px solid var(--rp-panel-line);border-radius:18px;box-shadow:0 30px 70px -24px rgba(17,17,17,.35),0 2px 6px rgba(17,17,17,.05)}
#lino .nav-drop-box{display:flex;padding:10px;gap:10px}
#lino .nav-drop-box ul{display:block;width:272px;margin:0;padding:0;list-style:none}
#lino .nav-drop-box li a{display:block;padding:10px 14px;border-radius:12px;white-space:normal;transition:background .15s}
#lino .nav-drop-box li a:hover{background:var(--rp-panel-2)}
#lino .nav-drop-box .t{display:block;font-size:15px;font-weight:500;line-height:1.3;color:var(--ink)}
#lino .nav-drop-box .d{display:block;font-size:13px;line-height:1.4;color:var(--muted);margin-top:2px}
#lino .nav-drop-feat{display:flex;flex-direction:column;width:232px;padding:0;border-radius:12px;overflow:hidden;background:var(--rp-panel-2);white-space:normal;transition:background .15s}
#lino .nav-drop-feat:hover{background:#DDD8CF}
html[data-theme="dark"] #lino .nav-drop-feat:hover{background:#26261F}
#lino .nav-drop-feat img{display:block;width:100%;flex:1;min-height:150px;object-fit:cover;filter:var(--photo)}
#lino .nav-drop-feat .t{display:flex;align-items:center;gap:6px;padding:12px 14px 0}
#lino .nav-drop-feat .t svg{opacity:.55;transition:transform .15s}
#lino .nav-drop-feat:hover .t svg{transform:translateX(3px)}
#lino .nav-drop-feat .d{padding:0 14px 13px}
#lino .nav-user-menu{right:-6px}
#lino .nav-user-menu-box{width:304px;padding:10px}
#lino .nav-user-menu-head{display:flex;align-items:center;gap:12px;padding:8px 10px 14px;margin:0 0 6px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
#lino .nav-user-avatar-lg{width:40px;height:40px;font-size:15px}
#lino .nav-user-menu-who{display:flex;flex-direction:column;line-height:1.25}
#lino .nav-user-menu-who b{font-size:15px;font-weight:600;color:var(--ink)}
#lino .nav-user-menu-who span{font-size:12.5px;color:var(--muted)}
#lino .nav-user-menu-box > a{display:grid;grid-template-columns:18px 1fr;column-gap:12px;align-items:center;padding:9px 12px;border-radius:12px;white-space:normal;transition:background .15s}
#lino .nav-user-menu-box > a svg{grid-row:span 2;opacity:.6}
#lino .nav-user-menu-box > a .t{font-size:14.5px;font-weight:500;line-height:1.3;color:var(--ink)}
#lino .nav-user-menu-box > a .d{font-size:12.5px;line-height:1.35;color:var(--muted);margin-top:1px}
#lino .nav-user-menu-box > a:hover{background:var(--rp-panel-2)}
#lino .nav-user-menu-box > a.nav-user-menu-out{margin-top:6px;border-top:1px solid var(--line);border-radius:0 0 10px 10px;padding-top:13px}
#lino .nav-user-menu-box > a.nav-user-menu-out svg{grid-row:auto}
#lino .nav-user-menu-box > a.nav-user-menu-out .t{font-weight:500;color:var(--muted)}
#lino .nav-user-menu-box > a.nav-user-menu-out:hover .t{color:var(--ink)}

/* Logo oficial (8-oct-2026): tamaño y color como en www/repaso */
#lino .site-nav .logo{height:62px;color:#3F3E38}
#lino .site-nav.is-scrolled .logo{height:48px}
html[data-theme="dark"] #lino .site-nav .logo{color:var(--logo)}
@media (max-width:640px){#lino .site-nav .logo{height:46px} #lino .site-nav.is-scrolled .logo{height:36px}}

/* selector de idioma (15-oct-2026, igual que www): junto al tema en escritorio, junto a la hamburguesa con menú móvil */
#lino .i18n-sw{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.08em;font-weight:500;color:var(--muted)}
#lino .i18n-sw a{color:inherit;text-decoration:none;padding:4px 0;border-bottom:1px solid transparent;line-height:1}
#lino .i18n-sw a:hover{color:var(--ink)} #lino .i18n-sw a.on{color:var(--ink);border-bottom-color:currentColor}
@media (max-width:1100px){#lino .site-nav .i18n-sw{order:98;gap:10px;font-size:12.5px;margin-right:2px} #lino .site-nav .burger{order:99}}
@media (max-width:640px){#lino .site-nav .nav-right > a.btn-primary{display:none}}   /* como en www (orden de Gorka 10-oct): sin «Reservar cita» en la cabecera móvil; deja sitio al selector y a la hamburguesa */