/* * embed.css — estilos que se aplican cuando la página vive dentro de un * iframe del front cafebrería (param ?embed=1). * * Se activa con `document.documentElement.dataset.embed = "1"` desde el * snippet inline al inicio del de cada HTML. */ html[data-embed="1"] { background: transparent; } html[data-embed="1"] body { background: transparent; } /* Ocultar el header/brand interno: el chrome viene del front cafebrería */ html[data-embed="1"] .app-header, html[data-embed="1"] header.app-header, html[data-embed="1"] header > .brand, html[data-embed="1"] #user-bar { display: none !important; } /* En el reader.html el header propio del libro debería quedar (tiene controles relevantes al lector), pero ocultamos el back-link redundante. */ html[data-embed="1"] .back-link { display: none !important; } /* Reducir paddings superiores ya que no hay header */ html[data-embed="1"] .app-shell, html[data-embed="1"] main.app-shell { padding-top: 0.5rem; } /* Particles canvas decorativas: pesadas y compiten con el chrome del padre */ html[data-embed="1"] #particles { display: none !important; } /* Top-nav hamburguesa: navega a páginas del proyecto libros y rompe el shell cafebrería. La navegación se hace desde el front Vue. */ html[data-embed="1"] #top-nav, html[data-embed="1"] .top-nav { display: none !important; }