/* HUMANIDAD — Lienzo completo para Perfil, Constelación y Mundo + viaje entre raíces.
   Todo cuelga de html.lzv-ui (lo agrega lienzo-viaje.js salvo que esté apagado).
   Mismo criterio que Mensajes: sin marcos ni tarjetas que encierren la vista; el contenido
   llega a los bordes y el texto conserva márgenes de lectura. */

/* El contenedor común agrega 12–43 px a los lados; en estas vistas el lienzo llega al borde. */
html.lzv-ui body #accountModal #familyView#familyView .hrc-account-content:has(.account-view:is([data-view="profile"],[data-view="constellation"],[data-view="mundo"]).active){padding-left:0!important;padding-right:0!important;padding-top:0!important}

/* ---------- Perfil: portada a sangre ---------- */
html.lzv-ui body #accountModal #familyView#familyView .account-view[data-view="profile"].active{padding-top:0!important;padding-left:0!important;padding-right:0!important;margin:0!important;max-width:none!important}
html.lzv-ui body #accountModal #familyView#familyView .account-view[data-view="profile"]>.hrc-page-frame{padding:0!important;margin:0!important;max-width:none!important;width:100%!important}
html.lzv-ui body #accountModal #familyView#familyView .account-view[data-view="profile"] .profile-v50-hero{margin:0!important;padding-top:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html.lzv-ui body #accountModal #familyView#familyView .account-view[data-view="profile"] :is(#profileSocialV2,.profile-v50-grid){box-sizing:border-box!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important;border:0!important}
@media (min-width:761px){html.lzv-ui body #accountModal #familyView#familyView .account-view[data-view="profile"] :is(#profileSocialV2,.profile-v50-grid){padding-left:32px!important;padding-right:32px!important}}

/* ---------- Constelación: el cielo ocupa todo ---------- */
html.lzv-ui body #accountModal #familyView#familyView .account-view[data-view="constellation"].active{padding-top:0!important;padding-left:0!important;padding-right:0!important;margin:0!important;max-width:none!important}
html.lzv-ui body #accountModal #familyView#familyView .account-view[data-view="constellation"] .humanity-product-shell{padding:0!important;margin:0!important;max-width:none!important;border:0!important;border-radius:0!important}
html.lzv-ui body #accountModal #familyView#familyView .account-view[data-view="constellation"] .humanity-product-header{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:14px 16px 6px!important;margin:0!important}
html.lzv-ui body #accountModal #familyView#familyView .account-view[data-view="constellation"] .humanity-product-workspace{gap:0!important;margin:0!important}
html.lzv-ui body #accountModal #familyView#familyView .account-view[data-view="constellation"] #constellationGraphCanvas{border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
html.lzv-ui body #accountModal #familyView#familyView .account-view[data-view="constellation"] #constellationContextPanel{border:0!important;border-right:1px solid rgba(204,222,245,.12)!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
html.lzv-ui body #accountModal #familyView#familyView .account-view[data-view="constellation"] #constellationSelection{border-radius:20px!important}
@media (max-width:680px){html.lzv-ui body #accountModal #familyView#familyView .account-view[data-view="constellation"] .humanity-product-subtitle{display:none!important}}

/* ---------- Mundo: el globo sin marco ---------- */
html.lzv-ui body #accountModal #familyView#familyView .account-view[data-view="mundo"].active{padding-top:0!important;padding-left:0!important;padding-right:0!important;margin:0!important;max-width:none!important}
html.lzv-ui body #accountModal #familyView#familyView .account-view[data-view="mundo"] .humanity-product-shell{padding:0!important;margin:0!important;max-width:none!important;width:100%!important}
html.lzv-ui body #accountModal #familyView#familyView .account-view[data-view="mundo"] #mundoPreviewStage{border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
html.lzv-ui body #accountModal #familyView#familyView .account-view[data-view="mundo"] :is(#mundoOriginsEntry,#mundoRegionExplorer){box-sizing:border-box!important;margin-left:16px!important;margin-right:16px!important;width:auto!important}
@media (min-width:761px){html.lzv-ui body #accountModal #familyView#familyView .account-view[data-view="mundo"] :is(#mundoOriginsEntry,#mundoRegionExplorer){margin-left:32px!important;margin-right:32px!important}}

/* ---------- Viaje entre raíces ---------- */
html.lzv-ui body #familyView .account-view.lzv-arrive{animation:lzv-arrive .62s cubic-bezier(.2,.8,.2,1) both}
@keyframes lzv-arrive{0%{opacity:0;transform:scale(.94);filter:blur(4px)}55%{opacity:1;filter:blur(0)}100%{opacity:1;transform:none;filter:none}}
@media (prefers-reduced-motion:reduce){html.lzv-ui body #familyView .account-view.lzv-arrive{animation:none!important}}