/* Textos largos: un poco más chicos y re-acomodados (justificados) */
@media (min-width:821px){
.txt{font-size:calc(16.5*var(--u))!important;line-height:calc(25*var(--u))!important;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.txt p{display:block;margin:0}
.txt .ln{display:inline!important;width:auto!important;white-space:normal!important;letter-spacing:.025em!important;word-spacing:0!important}
.txt .h{display:none}
.txt p+p{margin-top:calc(25*var(--u))}
.txt p.gap{display:none}
}
/* Protección de imágenes: capa transparente TheGallery.png encima de cada foto */
img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}
.shield{position:absolute!important;display:block;margin:0!important;padding:0!important;background:url(../img/TheGallery.png) center/cover no-repeat;-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:auto}
/* Franja con blur detrás del menú (igual que el Home) */
.navblur{position:absolute;left:0;top:0;width:100%;height:calc(114.6*var(--u));-webkit-backdrop-filter:blur(22px) saturate(1.15);backdrop-filter:blur(22px) saturate(1.15);background:rgba(255,255,255,.06);pointer-events:none}
@media (max-width:820px){.hero>.navblur{display:none}}
/* barra fija con blur (v4) */
.top{position:fixed!important;z-index:60}
.navblur{position:fixed!important;left:0;top:0;z-index:50;transition:background .35s,opacity .35s}
.navblur.nb-home{opacity:0}
html.scrolled .navblur.nb-home{opacity:1}
html.scrolled .navblur{background:rgba(255,255,255,.74)}
html.scrolled .navblur.lt{background:rgba(255,255,255,.62)}
@media (max-width:820px){
.navblur,.hero>.navblur{display:block!important;height:72px!important}
html.scrolled .top{background:none}
}

/* hero siempre visible una vez terminada la animación de entrada */
html.hero-ready .hello .fl,html.hero-ready .hero .rule,html.hero-ready .hero .nordelta{animation:none!important;opacity:1!important;translate:none!important;scale:1 1!important;clip-path:none!important}

/* barra siempre blanca translúcida al bajar; menú y logo oscuros para que se lean */
.top nav a,.top .logo img,.top .burger span,.top .sep,.top .under{transition:color .3s,filter .3s,background-color .3s}
html.scrolled .top:not(:has(nav.open)) nav a{color:#3d3d3d!important}
html.scrolled .top:not(:has(nav.open)) .logo img{filter:brightness(0)}
html.scrolled .top:not(:has(nav.open)) .sep,html.scrolled .top:not(:has(nav.open)) .under{background:#3d3d3d!important}
html.scrolled .top:not(:has(nav.open)) .burger span{background:#3d3d3d!important}

/* sin parpadeo de tipografías: la página se muestra recién cuando las fuentes están listas */
html.js:not(.ready) body{opacity:0}
body{transition:opacity .45s ease}
html.js:not(.ready) *{animation-play-state:paused!important}

/* texto legal del pie */
.legal{color:#8a8a8a;font-weight:300;letter-spacing:.02em;text-align:justify;text-align-last:center;hyphens:auto;-webkit-hyphens:auto;border-top:1px solid #dcdcdc;padding-top:calc(20*var(--u))}
.legal p{margin:0}
.legal p.lg-c{text-align:center;text-align-last:center;color:#6f6f6f;margin-bottom:calc(8*var(--u));letter-spacing:.04em}