/*
 * «BIBLIOTECA» ON THE ADMIN'S SHELL (brief BX1, 2026-10-18): what a web adds to the landing's frame (search/css/vk_landing.css), which the page loads beside the admin's own stylesheets
 * (template_premium/parts/bib_run.php). Everything here is under body.vkWeb: the admin's classes stay the admin's, and nothing of the other five designs' stylesheet (view/css/design.css) is read.
 */

/* a visitor changes nothing: the folder card's «⋯» opens the panel's menu of a place (rename, move, delete...), and a web has no menu - the card's keys (open, copy the link) are already on it */
body.vkWeb .vkFold-more{ display: none !important; }

/* THE HUB'S DESCRIPTION under the tree, where the legacy menu showed it (inc/menucats.php .legal): the section's own text, else the hub's - in the tree's own small type */
body.vkWeb .vkBib-about{
    margin: 22px 12px 28px 20px; padding: 14px 0 0; border-top: 1px solid var(--vk-line, #e4e3ea);
    font-size: 12.5px; line-height: 1.55; color: var(--vk-soft, #5f5e6b); white-space: pre-line; overflow-wrap: anywhere;
}
html[data-theme="dark"] body.vkWeb .vkBib-about{ border-top-color: var(--vk-line, #34343d); color: var(--vk-soft, #b5b4c0); }

/* the hero of the home when the web has a main video (parts/domu.php's, kept): the banner's room, the picture covering it */
body.vkWeb .vkHead-banner video{ display: block; width: 100%; height: 100%; object-fit: cover; }

/* THE FOOT (the legacy inc/footer.php: the hub's logo, mail, website and social links), in the admin's look - the chips of the head (view/css/sidebar_tree.css .vkChip) and the panel's hairline */
body.vkWeb .vkBib-foot{
    display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; margin: 6px 0 44px; padding: 20px 4px 0; border-top: 1px solid var(--vk-line, #e4e3ea);
}
html[data-theme="dark"] body.vkWeb .vkBib-foot{ border-top-color: var(--vk-line, #34343d); }
body.vkWeb .vkBib-footLogo img{ display: block; max-width: 170px; max-height: 44px; }
body.vkWeb .vkBib-footLinks{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-left: auto; }
body.vkWeb .vkBib-footLink .fa, body.vkWeb .vkBib-footSoc .fab{ margin-right: 7px; font-size: 14px; }
body.vkWeb .vkBib-footSoc .fab{ margin-right: 0; }
@media (max-width: 1125px){ body.vkWeb .vkBib-footLinks{ margin-left: 0; } }

/* BRIEF BH: THE HUBS OF A WEB - the head's «Hubs» label and the admin's own cards under it (core/bib.php bib_hub_cards_html(); the cards are view/css/sidebar_tree.css .vkCards / .vkCard). Not a .vkHead-group: his stylesheet
   (view/custom/mi-estilo.css) takes that class off a phone, where the chips of «Secciones» are not shown - and the hubs ARE the page of such a web. The same column and the same 20 px as a group. */
body.vkWeb .vkHead-hubs{ display: flex; flex-direction: column; gap: 20px; }
@media (max-width: 1125px){ body.vkWeb .vkHead-hubs{ padding: 0 15px; } }      /* a phone: the same 15 px in from the frame's edge as the grid of folders and files below (#vkLGrid), where the wave of the frame does not cover the label */

/* BRIEF HV: THE LIBRARY'S TREE (the visitor's page of a hub, hub-page mode): a group of hubs is a row like its brothers - its name in the text colour, bold - so the one green row is the page you are on (his mockup, 2026-10-22); the admin's own tree colours a group's name with the accent */
body.vkWeb .vkBib-tree--lib .vkNode--group > .vkRow .vkRow-name{ color: inherit; }
body.vkWeb .vkBib-tree--lib .vkNode--group.is-current > .vkRow .vkRow-name{ color: var(--vk-violet-4f1697, #4f1697); }