/* BUKLIO UI v3 · mascot hierarchy and final IA guardrails. */

/* Mascot belongs to the page header. Decorative duplicates inside app cards are suppressed. */
.buklio-ui-v3 .buklio-empty-art,
.buklio-ui-v3 .buklio-reading-art,
.buklio-ui-v3 .buklio-ai-art,
.buklio-ui-v3 .buklio-profile-art,
.buklio-ui-v3 .buklio-premium-art,
.buklio-ui-v3 .buklio-account-art,
.buklio-ui-v3 .buklio-discover-raven,
.buklio-ui-v3 .community-games-raven,
.buklio-ui-v3 .community-clubs-ravens,
.buklio-ui-v3 .community-shop-ravens,
.buklio-ui-v3 .community-profile-raven{
  display:none!important;
}

/* Top mascot remains visible and visually anchored to the active activity. */
.buklio-ui-v3 .buklio-page-mascot-wrap{
  align-self:end;
  justify-self:end;
  position:relative;
  z-index:2;
}
.buklio-ui-v3 .buklio-page-mascot{
  display:block!important;
  max-width:100%;
  transform-origin:center bottom;
  transition:opacity .18s ease,transform .18s ease;
}

/* Official horizontal BUKLIO logo only. */
.buklio-ui-v3 .buklio-brand{
  min-width:0!important;
  line-height:0;
}
.buklio-ui-v3 .buklio-official-logo{
  object-fit:contain;
  object-position:left center;
}

/* Keep the exact five-item primary navigation. */
.buklio-ui-v3 .bottom-nav .nav-btn[data-target="biblioteca"],
.buklio-ui-v3 .bottom-nav .nav-btn[data-target="red"],
.buklio-ui-v3 .bottom-nav .nav-btn[data-target="diario"],
.buklio-ui-v3 .bottom-nav .nav-btn[data-target="comunidad"],
.buklio-ui-v3 .bottom-nav .nav-btn[data-target="perfil"]{
  display:flex!important;
}

/* Perfil is an upper-right action; the legacy target in the bottom bar is presented strictly as Ajustes. */
.buklio-ui-v3 [data-buklio-profile]{
  cursor:pointer;
}

/* Empty states keep their information but no second mascot. */
.buklio-ui-v3 .buklio-empty-state{
  grid-template-columns:1fr!important;
  min-height:150px;
  align-items:center!important;
  text-align:center;
}
.buklio-ui-v3 .buklio-empty-copy{
  max-width:470px;
  margin:0 auto;
}

/* Native container: web-install controls are irrelevant and safe areas remain reserved. */
html[data-native="true"] .install-card,
html[data-native="true"] #installOverlay,
html[data-native="true"] [data-install-app]{
  display:none!important;
}
html[data-native="true"] body{
  overscroll-behavior-y:none;
}
html[data-native="true"] .app{
  min-height:100dvh;
  padding-top:max(10px,var(--safeT))!important;
}

@media(max-width:620px){
  .buklio-ui-v3 .buklio-page-hero{
    grid-template-columns:minmax(0,1fr) 112px!important;
    gap:8px!important;
  }
  .buklio-ui-v3 .buklio-page-mascot-wrap{
    width:112px;
    min-height:108px;
  }
  .buklio-ui-v3 .buklio-page-mascot{
    width:108px!important;
    height:112px!important;
  }
  .buklio-ui-v3 .bottom-nav .nav-btn .label{
    font-size:10.5px!important;
    line-height:1.15!important;
  }
  .buklio-ui-v3 .bottom-nav .nav-btn .icon svg{
    width:25px!important;
    height:25px!important;
  }
}