/* Entre Líneas V16 · Navigation & Space Architecture
 * Un acceso por tarea. Soft Glass, sin ocultar texto ni depender de animación.
 */
:root{
  --v16-ink:#354350;--v16-muted:#647584;
  --v16-glass:rgba(255,255,255,.38);--v16-line:rgba(255,255,255,.55);
  --v16-shadow:0 18px 54px rgba(49,71,81,.10);
  --v16-ease:cubic-bezier(.22,1,.36,1);
}
body.app-user .v16-section{padding-top:22px;padding-bottom:130px}
.v16-shell{max-width:1120px}
.v16-hero{border:1px solid var(--v16-line);border-radius:32px;padding:clamp(23px,4vw,42px);
  background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(236,247,244,.22));
  box-shadow:var(--v16-shadow);backdrop-filter:blur(23px) saturate(1.13);
  -webkit-backdrop-filter:blur(23px) saturate(1.13);margin-bottom:20px;position:relative;overflow:hidden}
.v16-hero:before{content:"";position:absolute;inset:auto -45px -75px auto;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(158,185,184,.26),transparent 72%);pointer-events:none}
.v16-hero h1{font:700 clamp(36px,5vw,59px)/1.06 Georgia,'Iowan Old Style',serif;letter-spacing:-.035em;
  color:var(--v16-ink);max-width:16ch;margin:12px 0 13px}
.v16-hero p{max-width:640px;font-size:15px;line-height:1.72;color:var(--v16-muted);margin-bottom:20px}
.v16-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#628185;font-weight:800}
.v16-notice,.v16-current{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:8px 12px;
  background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.65);font-size:11px;
  color:#43656d;font-weight:800}
.v16-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}
.v16-feature-card,.v16-content-card,.v16-release,.v16-settings-nav{
  background:linear-gradient(150deg,rgba(255,255,255,.53),rgba(255,255,255,.23));
  backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);
  border:1px solid var(--v16-line);box-shadow:0 11px 30px rgba(49,71,81,.065);border-radius:26px}
.v16-feature-card{min-height:218px;padding:24px 19px;display:flex;flex-direction:column}
.v16-feature-card h2,.v16-content-card h2,.v16-release h2{font:700 26px/1.15 Georgia,'Iowan Old Style',serif;color:#354552;letter-spacing:-.02em;margin:10px 0}
.v16-feature-card p,.v16-content-card p,.v16-release p{color:#62717e;line-height:1.65;font-size:14px}
.v16-feature-card small{margin-top:auto;color:#55737d;font-size:11px;font-weight:800}
.v16-feature-icon{height:44px;width:44px;border-radius:17px;display:grid;place-items:center;
  background:rgba(255,255,255,.52);color:#567f87;font-size:25px}
.v16-two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.v16-content-card{padding:26px;margin-bottom:16px;min-width:0}
.v16-content-card h3{font:600 20px/1.3 Georgia,serif;color:#41535f;margin:14px 0 7px}
.v16-content-card form{display:grid;gap:10px;margin-top:18px}
.v16-content-card label{color:#425665;font-weight:750;font-size:13px}
.v16-content-card select,.v16-content-card input:not([type=checkbox]){border-radius:15px;min-height:48px}
.v16-content-card form button{justify-self:start;margin-top:6px}
.v16-content-card hr{opacity:.24;margin:22px 0}
.v16-text-link{display:inline-flex;color:#3c6776!important;text-decoration:none!important;font-weight:800;font-size:13px;padding:9px 0}
.v16-text-link:hover{text-decoration:underline!important}
.v16-helper{font-size:12px!important;line-height:1.7;color:#647584;margin-top:15px}
.v16-check{display:flex!important;gap:10px;align-items:flex-start;font-size:13px!important;font-weight:600!important;padding:7px 0}
.v16-check input[type=checkbox]{width:19px;height:19px;flex:0 0 19px;accent-color:#5b8993}
.v16-consent-block{border:1px solid rgba(255,255,255,.52);padding:18px;border-radius:18px;
  background:rgba(255,255,255,.21);margin:14px 0}
.v16-consent-block h3{margin-top:0}.v16-consent-block p{margin:8px 0 10px}
.v16-consent-block form{margin-top:10px}
.v16-settings-grid{display:grid;grid-template-columns:242px minmax(0,1fr);align-items:start;gap:18px}
.v16-settings-nav{padding:9px;position:sticky;top:95px;display:flex;flex-direction:column;gap:4px}
.v16-settings-nav a{display:flex;gap:12px;align-items:center;min-height:53px;padding:13px;
  border-radius:17px;text-decoration:none!important;font-weight:750;color:#687682;font-size:13px;
  transition:background .24s ease,color .24s ease,transform .28s var(--v16-ease)}
.v16-settings-nav a span{display:grid;place-items:center;width:30px;height:30px;font-size:18px;
  flex:0 0 30px;border-radius:12px;background:rgba(255,255,255,.22)}
.v16-settings-nav a.is-active{background:rgba(255,255,255,.56);color:#334c58;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.v16-settings-nav a:hover{background:rgba(255,255,255,.34)}
.v16-settings-body{min-width:0}
.v16-updates-list{display:grid;gap:16px;max-width:860px;margin:0 auto}
.v16-release{padding:27px;position:relative;overflow:hidden}
.v16-release-head{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}
.v16-release-date{font-size:11px;font-weight:800;color:#66828d;letter-spacing:.08em}
.v16-release h2{margin-top:12px}
.v16-release ul{list-style:disc;padding-left:20px;margin:15px 0;color:#5a6d79;font-size:13px;line-height:1.9}
.v16-more-links{gap:9px!important}
.v16-more-links a{min-height:70px}
.v16-home-footnote{font-size:13px;color:#61727b;margin:6px 0 14px;text-align:right}
.v16-home-footnote a{color:#416d79;font-weight:800}
.v16-tile-aura,.v16-tile-settings{border:1px solid rgba(255,255,255,.5)!important;
  background:linear-gradient(145deg,rgba(201,221,229,.74),rgba(232,238,236,.49))!important}
.v16-tile-aura .v151-tile-top,.v16-tile-settings .v151-tile-top{display:flex;justify-content:space-between}
.v16-tile-aura .v151-tile-top>span:last-child,.v16-tile-settings .v151-tile-top>span:last-child{font-size:27px}
.v16-connection-prefs-link{margin:12px 0;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.44);
  background:rgba(255,255,255,.2);display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.v16-connection-prefs-link p{margin:0;font-size:13px}
.v16-connection-prefs-link a{white-space:normal}
/* Retain reading access even if an older reveal animation fails */
body.app-user .diary-entry,body.app-user .entry-content{opacity:1!important;visibility:visible!important}
@media(max-width:980px){.v16-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 body.app-user .v16-section{padding-top:12px;padding-bottom:124px}
 .v16-hero{padding:23px 20px;border-radius:27px}
 .v16-hero h1{font-size:37px}
 .v16-feature-grid,.v16-two-cols{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .v16-feature-card{min-height:205px;padding:18px 15px;border-radius:22px}
 .v16-feature-card h2{font-size:22px}.v16-feature-card p{font-size:12px}
 .v16-two-cols{grid-template-columns:1fr}
 .v16-content-card{border-radius:22px;padding:21px 18px}
 .v16-settings-grid{display:block}
 .v16-settings-nav{display:flex;flex-direction:row;position:relative;top:auto;overflow-x:auto;gap:6px;
    padding:7px;margin-bottom:14px;scroll-snap-type:x proximity;scrollbar-width:none;border-radius:22px}
 .v16-settings-nav::-webkit-scrollbar{display:none}
 .v16-settings-nav a{white-space:nowrap;flex:0 0 auto;scroll-snap-align:start;min-height:46px;padding:7px 12px}
 .v16-settings-nav a span{height:25px;width:25px;flex-basis:25px;font-size:16px}
 .v16-release{padding:22px;border-radius:22px}
 .v16-connection-prefs-link{align-items:stretch;flex-direction:column}
}
@media(max-width:375px){.v16-feature-card{min-height:220px}.v16-feature-card h2{font-size:20px}.v16-settings-nav a{font-size:12px}}
@media(prefers-reduced-transparency:reduce){
 .v16-hero,.v16-feature-card,.v16-content-card,.v16-settings-nav,.v16-release{background:#f7faf9!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#d9e5e6!important}
}
@media(prefers-reduced-motion:reduce){.v16-settings-nav a{transition:none!important}}
/* Secondary shortcuts keep Inicio breathable without losing discoverability. */
.v16-secondary-links{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 20px}
.v16-secondary-links a{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:10px 15px;
 border-radius:999px;background:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.48);
 color:#466270;text-decoration:none;font-size:12px;font-weight:800;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.v16-secondary-links a:hover{background:rgba(255,255,255,.55)}
.v16-secondary-links a small{font-size:10px;font-weight:600;color:#67848a}
.v16-wellbeing-header-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
@media(max-width:760px){.v16-secondary-links{gap:7px;margin:9px 0 15px}.v16-secondary-links a{min-height:40px;padding:9px 13px}}
/* Accessibility: search must not show hidden tiles despite component display rules. */
.v151-tile[hidden],.v16-secondary-links a[hidden]{display:none!important}
/* Desktop notification access remains one tap away without bloating «Más». */
.v16-nav-bell{display:grid;place-items:center;position:relative;width:40px;height:40px;font-size:24px;
 color:#526c75;text-decoration:none;border:1px solid rgba(255,255,255,.45);border-radius:15px;background:rgba(255,255,255,.25)}
.v16-nav-dot{position:absolute;right:7px;top:7px;width:8px;height:8px;border-radius:50%;background:#bf7096}
@media(max-width:760px){.v16-nav-bell{display:none}}
/* Six primary destinations: a balanced 3×2 desktop / 2×3 mobile mosaic. */
body.page-dashboard .v151-mosaic{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:940px){body.page-dashboard .v151-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}}