/* =====================================================================================================
   MI ESTILO: tu hoja de estilos de Visualkeep  (view/custom/mi-estilo.css)

   Se carga la ÚLTIMA en el admin y en la web pública: lo que escribas aquí manda sobre la app.

   CÓMO SE USA
   - Cada bloque trae el valor de HOY y viene APAGADO. Para encenderlo borra sus dos líneas
     «▼ apagado» y «▲»: la de encima y la de debajo del bloque. Cambia el valor, guarda y recarga (F5).
   - Puedes escribir reglas tuyas donde quieras, encendidas desde el principio.
   - Los colores var(--vk-…) cambian solos entre claro y oscuro; al lado va lo que vale en cada modo.
     Un color fijo (#…) vale para los dos modos; para el oscuro solo, empieza la regla por
     html[data-theme="dark"], como en los bloques que ya lo traen.
   - Donde la app ya lleva !important, aquí también: sin él tu valor no ganaría.
   - Los bloques que traen @media son de pantalla ancha o de móvil: déjalos dentro de su @media.
   - Cuando algo quede bien, dile a Claude «pásalo»: lo lleva a su hoja de estilos de la app, y el
     bloque sale de aquí (si Claude no puede tocar este fichero, te dice cuál borrar).
   - Una excepción: la barra de carga fina de arriba se pinta después de este fichero; para tocarla,
     empieza la regla por html #vkNavBar.

   Este fichero es tuyo: git no lo guarda, así que un merge nunca lo toca ni se para por él.
   «Actualizar tu web» lo sube a la web con el código.
   ===================================================================================================== */


/* =====================================================================================================
   1. BANNER DEL HUB  (la portada arriba de la página de un hub)
   ===================================================================================================== */

/* Alto. Se ven 230 px; la franja mide un poco más porque su parte de arriba queda bajo la cabecera:
   235 en el admin, 233 en la web pública. Pantalla ancha (desde 1126 px). */
/* ▼ apagado
@media (min-width: 1126px){
    .vkHead--banner{ --vkBannerH: 235px; }
    body.vkLanding .vkHead--banner{ --vkBannerH: 233px; }
}
▲ */

/* Sitio y esquinas. Los márgenes negativos llevan la franja hasta los bordes del panel, y el recorte
   (clip-path) deja ver solo lo de dentro: inset(arriba derecha abajo izquierda round radio).
   14px = radio de las esquinas. La segunda línea es la web pública (sube 1 px menos, recorta 3 arriba). */
/* ▼ apagado
@media (min-width: 1126px){
    .vkHead--banner > .vkHead-banner{ margin: -22px -86px 3px calc(-39px - 0.3vw); border-radius: 0; clip-path: inset(5px 67px 0 10px round 14px); }
    body.vkLanding .vkHead--banner > .vkHead-banner{ margin-top: -21px; clip-path: inset(3px 67px 0 10px round 14px); }
}
▲ */

/* Parallax: cuánto más alta que la franja es la imagen. .8 = un 80 % más; 0 = sin parallax. */
/* ▼ apagado
@media (min-width: 1126px){
    .vkHead--banner > .vkHead-banner{ --vkPar: .8; }
}
▲ */

/* Encuadre de la imagen: centrada (tu CSS: left 0, top 50%, translate -50%). object-position decide qué
   parte se ve cuando la imagen se recorta (center, top, bottom, 30% 70%…). */
/* ▼ apagado
@media (min-width: 1126px){
    .vkHead--banner > .vkHead-banner img{ left: 0; top: 50%; transform: translate(0%, -50%); object-fit: cover; object-position: center; }
}
▲ */

/* Color de la franja mientras carga la imagen. Claro #efeef4 · oscuro #30303a. */
/* ▼ apagado
.vkHead-banner{ background: var(--vk-field, #efeef4); }
▲ */

/* Pantalla estrecha (menos de 1126 px: el móvil y las ventanas pequeñas de la web): alto y esquinas. */
/* ▼ apagado
@media (max-width: 1125.98px){
    .vkHead--banner{ --vkBannerH: 230px; }
    .vkHead-banner{ border-radius: 14px; }
}
▲ */


/* =====================================================================================================
   2. TÍTULO
   ===================================================================================================== */

/* Título de la página de un hub y de «Todos los hubs». Color: claro #16161a · oscuro #f1f0f5.
   La letra lleva !important porque style.css se la pone a todos los h1. En móvil (hasta 600 px), 24 px. */
/* ▼ apagado
.detailphoto .vkHead-title{ font-family: 'Montserrat', sans-serif !important; font-size: 28px; font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: var(--vk-text, #16161a); }
@media (max-width: 600px){
    .detailphoto .vkHead-title{ font-size: 24px; }
}
▲ */

/* Descripción del hub, bajo su título. Color: claro #5f5e6b · oscuro #b5b4c0. max-width = largo máximo
   de cada línea. Márgenes de pantalla ancha: 11 px que sube y 13 px debajo (con banner, 1 px que baja). */
/* ▼ apagado
.vkHead-desc{ font-size: 14px; line-height: 1.65; color: var(--vk-soft, #5f5e6b); max-width: 920px; }
@media (min-width: 1126px){
    .vkHead-desc{ margin: -11px 0 13px; }
    .vkHead--banner > .vkHead-desc{ margin-top: -1px; }
}
▲ */

/* Nombre en la tarjeta de un hub. Color: claro #16161a · oscuro #f1f0f5.
   margin-top = espacio entre el logo y el nombre. */
/* ▼ apagado
.vkCard-name{ font-size: 16px; font-weight: 700; line-height: 1.25; color: var(--vk-text, #16161a); }
.vkCard .vkCard-name, .vkCard:not(.vkCard--cover) .vkCard-name, .vkCard--cover .vkCard-name{ margin-top: 26px; }
▲ */


/* =====================================================================================================
   3. TARJETA DE UN HUB
   ===================================================================================================== */

/* La caja: relleno, borde, esquinas y fondo. Claro: fondo blanco y borde #ecebf2.
   Oscuro: fondo #282830 y borde transparente (las dos líneas html[data-theme="dark"]).
   La de portada empieza con 5 px de relleno arriba (.vkCard--cover). */
/* ▼ apagado
.vkCard{ padding: 16px 16px 14px; border: 1px solid var(--vk-line-soft-ecebf2, #ecebf2); border-radius: 18px; background: var(--vk-surface, #ffffff); }
.vkCard--cover{ padding-top: 5px; }
html[data-theme="dark"] .vkCard{ background: #282830; }
html[data-theme="dark"] .vkCard:not(:hover):not(:focus-visible){ border-color: transparent; }
▲ */

/* Al pasar el ratón: borde verde suave y brillo verde alrededor (los dos modos). */
/* ▼ apagado
.vkCard:not(.vkCard--drop):hover, .vkCard:not(.vkCard--drop):focus-visible{ border-color: #5c9d8954; box-shadow: 0 0px 35px rgb(17 106 51 / 20%); }
▲ */

/* ...y sube 2 px (no las tarjetas fijas ni quien pide menos movimiento en su sistema). */
/* ▼ apagado
@media (prefers-reduced-motion: no-preference){
    .vkCard:not(.vkCard--static):not(.vkCard--drop):hover, .vkCard:not(.vkCard--static):not(.vkCard--drop):focus-visible{ transform: translateY(-2px); }
}
▲ */

/* La rejilla: espacio entre tarjetas y ancho mínimo de cada una (240 px; a tu ancho caben 5 por fila).
   En móvil (hasta 600 px), una por fila. */
/* ▼ apagado
.vkCards{ gap: 16px; grid-template-columns: repeat(auto-fill, minmax(max(240px, calc((100% - 65px) / 5)), 1fr)); }
@media (max-width: 600px){
    .vkCards{ grid-template-columns: minmax(0, 1fr); }
}
▲ */

/* Portada de la tarjeta (la imagen de arriba): alto, lo que sale por los lados, esquinas y la línea
   gris de debajo. Fondo mientras carga: claro #f4f3f8 · oscuro #30303a. */
/* ▼ apagado
.vkCard-cover{ height: 102px; margin: 0 -11px; border-radius: 14px; border-bottom: 2px solid #5f5f5fd4; background: var(--vk-field-f4f3f8, #f4f3f8); }
▲ */

/* La línea bajo el nombre («13 archivos»). Color: claro #6b6a76 · oscuro #b5b4c0.
   Letra, tamaño y alto de línea con !important, como en la app. */
/* ▼ apagado
.vkCard-meta{ margin-top: 10px; color: var(--vk-soft-6b6a76, #6b6a76); font-family: "Departure Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace !important; font-size: 11px !important; line-height: 1.5 !important; }
▲ */


/* =====================================================================================================
   4. DESCRIPCIÓN DE LA TARJETA
   ===================================================================================================== */

/* Tu Departure Mono a 11 px, gris #a6a3b9 (el mismo en claro y oscuro), 20 px encima y 6 debajo.
   line-clamp = cuántas líneas se ven antes de cortar con «…» (van las dos líneas, -webkit- y normal). */
/* ▼ apagado
.vkCard-desc{ font-family: "Departure Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace !important; font-size: 11px; font-weight: 500; line-height: 1.55; margin-top: 20px; margin-bottom: 6px; color: #a6a3b9; -webkit-line-clamp: 2; line-clamp: 2; }
▲ */


/* =====================================================================================================
   5. CHIPS
   Los de la cabecera de una página (etiquetas de «Todos los hubs», tipos de archivo, «Mostrar»,
   secciones) y las etiquetas del árbol de la izquierda, todos a la vez. Si quieres cambiar solo unos,
   quita los otros del selector.
   ===================================================================================================== */

/* Tamaño y letra: 30 px de alto, 12 px de relleno a los lados, 7 px entre nombre y número, letra 12 px
   seminegrita. (Los chips de secciones miden 36: son .vkChip.) */
/* ▼ apagado
.vkTf-chip, .vkHl-chip, .vkTree .vkLbl-chip{ height: 30px; padding: 0 12px; gap: 7px; font-size: 12px; font-weight: 600; }
▲ */

/* Aspecto en claro: tecla en relieve, esquinas de 9 px, degradado de blanco a #f1f3f6 y sus sombras.
   La segunda regla es al pasar el ratón; la tercera, el chip pulsado (en tu color). */
/* ▼ apagado
.vkHead .vkChip, .vkHead .vkTf-chip, .vkHead .vkGf-chip, .vkHead .vkHl-chip, .vkTree .vkLbl-chip{
    border: 0; border-radius: 9px;
    background: linear-gradient(180deg, #fdfdfe 0%, #f1f3f6 100%);
    box-shadow: inset 0 1.5px 0 #ffffff, inset 0 -1px 0 rgba(255, 255, 255, .9),
        0 0 0 1px #d6dbe2, 0 0 0 3px #eef1f4, 0 -1px 0 3px #dfe4ea, 0 6px 10px 1px rgba(30, 45, 65, .14);
}
.vkHead .vkChip:hover, .vkHead .vkTf-chip:hover, .vkHead .vkGf-chip:hover, .vkHead .vkHl-chip:hover, .vkTree .vkLbl-chip:hover{ background: linear-gradient(180deg, #ffffff 0%, #f4f6f8 100%); }
.vkHead .vkChip.is-current, .vkHead .vkTf-chip[aria-pressed="true"], .vkHead .vkHl-chip[aria-pressed="true"], .vkTree .vkLbl-chip[aria-pressed="true"]{
    background: linear-gradient(180deg, color-mix(in srgb, var(--vk-violet, #6e1fd1) 5%, #ffffff) 0%, color-mix(in srgb, var(--vk-violet, #6e1fd1) 13%, #ffffff) 100%);
    box-shadow: inset 0 1.5px 0 #ffffff, inset 0 -1px 0 rgba(255, 255, 255, .9),
        0 0 0 1px color-mix(in srgb, var(--vk-violet, #6e1fd1) 30%, #ffffff), 0 0 0 3px color-mix(in srgb, var(--vk-violet, #6e1fd1) 7%, #ffffff),
        0 -1px 0 3px color-mix(in srgb, var(--vk-violet, #6e1fd1) 18%, #ffffff), 0 6px 10px 1px color-mix(in srgb, var(--vk-violet, #6e1fd1) 16%, transparent);
}
▲ */

/* Aspecto en oscuro: degradado #303139 a #2a2b32; al pasar el ratón, un punto más claro; pulsado,
   teñido de tu color. */
/* ▼ apagado
html[data-theme="dark"] .vkHead .vkChip, html[data-theme="dark"] .vkHead .vkTf-chip, html[data-theme="dark"] .vkHead .vkGf-chip, html[data-theme="dark"] .vkHead .vkHl-chip, html[data-theme="dark"] .vkTree .vkLbl-chip{
    background: linear-gradient(180deg, #303139 0%, #2a2b32 100%);
    box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .09), inset 0 -1px 0 rgba(255, 255, 255, .05),
        0 0 0 1px #16161b, 0 0 0 3px #25262c, 0 -1px 0 3px #34353d, 0 6px 12px 1px rgba(0, 0, 0, .45);
}
html[data-theme="dark"] .vkHead .vkChip:hover, html[data-theme="dark"] .vkHead .vkTf-chip:hover, html[data-theme="dark"] .vkHead .vkGf-chip:hover, html[data-theme="dark"] .vkHead .vkHl-chip:hover, html[data-theme="dark"] .vkTree .vkLbl-chip:hover{ background: linear-gradient(180deg, #34353e 0%, #2d2e36 100%); }
html[data-theme="dark"] .vkHead .vkChip.is-current, html[data-theme="dark"] .vkHead .vkTf-chip[aria-pressed="true"], html[data-theme="dark"] .vkHead .vkHl-chip[aria-pressed="true"], html[data-theme="dark"] .vkTree .vkLbl-chip[aria-pressed="true"]{
    background: linear-gradient(180deg, color-mix(in srgb, var(--vk-violet, #ba93f5) 26%, #303139) 0%, color-mix(in srgb, var(--vk-violet, #ba93f5) 18%, #2a2b32) 100%);
    box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(255, 255, 255, .05),
        0 0 0 1px #16161b, 0 0 0 3px color-mix(in srgb, var(--vk-violet, #ba93f5) 14%, #25262c), 0 -1px 0 3px color-mix(in srgb, var(--vk-violet, #ba93f5) 26%, #34353d),
        0 6px 12px 1px rgba(0, 0, 0, .45);
}
▲ */


/* =====================================================================================================
   6. DETALLE  (la ventana que se abre al pulsar un archivo)
   ===================================================================================================== */

/* La ventana: fondo y sombra. Fondo: claro blanco · oscuro #1e1e24 (la línea html[data-theme="dark"]). */
/* ▼ apagado
.watch_item_modal{ background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px; }
html[data-theme="dark"] .watch_item_modal{ background: var(--vk-surface); }
▲ */

/* El escenario, el fondo detrás de la imagen. Claro #eaeaea · oscuro #17171c. */
/* ▼ apagado
.watch_item_modal .casing{ background: #eaeaea; }
html[data-theme="dark"] .watch_item_modal .casing{ background: var(--vk-page); }
▲ */

/* El panel lateral (Versiones · Comentarios): 400 px de ancho (en pantallas de menos de 1200 px mide
   340, y en móvil va debajo). Relleno: 72 px arriba (ahí van la campana y la X) y 18 a los lados.
   Borde: claro #e4e3ea · oscuro #3d3d4a. Fondo: claro blanco · oscuro #1e1e24. */
/* ▼ apagado
@media (min-width: 1200px){
    .watch_item_modal .vkDetail--side{ --vkVerW: 400px; }
}
@media (min-width: 801px){
    .watch_item_modal .vkDetail--side > .vkVer{ padding: 72px 18px 20px; border-left: 1px solid var(--vk-line, #e4e3ea); background: var(--vk-surface, #ffffff); }
}
▲ */

/* Los botones redondos (copiar enlace, descargar, editar, notas…): 40 px, negro al 60 %, icono
   blanco, 7 px entre uno y otro. Igual al pasar el ratón. El pulsado (en tu color) lo pone la app.
   En la web pública, en pantallas pequeñas, la app les da su propio tamaño y ese manda. */
/* ▼ apagado
.watch_item_modal .downloadbnts, .watch_item_modal .downloadbnts:hover, .watch_item_modal .downloadbnts:focus{ width: 40px; height: 40px; border-radius: 99px; background: rgba(0, 0, 0, 0.6); color: #fff; margin-bottom: 7px; }
▲ */

/* Las flechas anterior / siguiente: 40 px, negro al 60 % (al pasar el ratón, al 82 %). */
/* ▼ apagado
.watch_item_modal .vkDetailNav-btn{ width: 40px; height: 40px; border-radius: 99px; background: rgba(0, 0, 0, .6); color: #ffffff; }
▲ */

/* La X de cerrar: 40 px. Claro: fondo blanco y X negra · oscuro: fondo #30303a y X #f1f0f5.
   Su sitio en pantalla ancha: 15 px desde arriba y 16 desde la derecha (en móvil va encima). */
/* ▼ apagado
.watch_item_modal .modal_accept{ width: 40px; height: 40px; border-radius: 99px; background: #fff; color: #000; }
html[data-theme="dark"] .watch_item_modal .modal_accept{ background: var(--vk-field); color: var(--vk-text); }
@media (min-width: 801px){
    .watch_item_modal .modal_accept{ top: 15px; right: 16px; }
}
▲ */



html[data-theme="dark"] .containernews .capsaitem {
    background: linear-gradient(343deg, #1e1e24, #2e2f38, #2d2e36);
    border-bottom: solid 1px #363636a9;
    border-right: solid 1px #363636b0;
    border-left: solid 1px #2c2c2c91;
    padding: 4px;
    border-radius: 12px;
}

.containernews .capsaitem .details .vkCardName {
    padding: 10px;
    border-radius: 5px;
    margin: 2px 0px 7px 0px;
    border-bottom: solid 1px #3d3d3d;
}

html[data-theme="dark"] .containernews .capsaitem .details .refere.regular, html[data-theme="dark"] .containernews .capsaitem .refere.regular.draggeritem {
    background: linear-gradient(1deg, #1e1e24, #26262f, #3c3d43);
    border-bottom:solid 1px #666;
}

html[data-theme="dark"] .vkHead-logo.vkLogo, html[data-theme="dark"] .vkHead-logo.vkHead-mark {
    background: linear-gradient(192deg, #3d3d42, #1a1a1a);
}

.containernews .capsaitem .contcatoptions .buttonscategory i {
    font-size: 12px !important;
}

html[data-theme="dark"] .containernews .capsaitem .SeeDetail {
    background: #000000;
    box-shadow: inset 0px 0px 23px #0000009c;
    border-bottom: solid 2px #555555;
}

.containernews .capsaitem .details .vkCardName {
    padding: 5px 0px 12px 0px;
    border-radius: 5px;
    margin: 0px 0px 10px 0px;
    border-bottom: solid 1px #3d3d3d;
}

.containernews .capsaitem .onToppe > .details {
    padding: 10px;
    gap: 2px;
}

.containernews .capsaitem .details .refere.regular.vkLocate i {
    font-size: 9px;
}


.buttonscategory {
    width: 33px;
}

.containernews .capsaitem .SeeDetail {
    border-radius: 10px;
}

.capsaitem a:hover img {
    transform: scale(1.06) !important;
}

@media (min-width: 1126px) {
    .vkHead--banner > .vkHead-top {
        margin: 10px 0 0px 5px;
        gap: 31px;
        align-items: end;
        z-index: 99;
        border-bottom: solid 1px #2d2d2d8a;
        padding-bottom: 34px;
    }
}

.vkHead-top {
    gap: 25px;
}

.vkCard.vkCard--cover:before{
   border-radius: 17px 17px 33px 33px !important;
}

.containernews .capsaitem .SeeDetail.vkFr {
    border-radius: 8px;
    border-top: solid 1px #2e2f37;
}

.containernews .capsaitem .details > .vkCardSec {
    font-size: 10px;
    color: #82849a;
    font-family: 'Departure Mono' !important;
}

.containernews .capsaitem .vkFold-count { 
   font-size: 11px;
}

@media (min-width: 1126px) {
    .vkPhonePerson .detailphoto .containernews {
        margin-left: -7px;
    }
}

@media (max-width: 1125px) {
   body.vkLanding .vkHead--home > .vkHead-top > .vkHl {
      display:none;
   }
   html body.vkLanding header.vkL-head, html[data-theme="dark"] body.vkLanding header.vkL-head {
      height: 45px !important;
      background: linear-gradient(180deg, #303139 0%, #2a2b32 100%) !important;
      /*box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .09), inset 0 -1px 0 rgba(255, 255, 255, .05), 0 0 0 1px #16161b, 0 0 0 3px #25262c, 0 -1px 0 3px #34353d, 0 6px 12px 1px rgba(0, 0, 0, .45) !important;
   */}
   html[data-theme="dark"] body.vkLanding header.vkL-head .secondline img.logoHeader.vkLogo-forDark {
      max-width: 60px;
      max-height: 60px;
      width: 100%;
      height: 100%;
      top: 14px;
      left: 15px;
   }
   .vkCard.vkCard--cover:before{
      border-radius: 47px 30px 33px 33px !important;
   }
   html body.vkLanding header.vkL-head .secondline .logo.vkLogoPanel a {
      display: inline-block;
      align-items: center;
   }
   .vkHead {
      padding: 10px 27px 10px 27px;
   }
   .contpujador > .vkHead {
        margin-top: 78px;
   }
   html body.vkLanding #vkLHome {
      padding: 0px 0px 0 !important;
      border-left: solid 12px #2d2e35;
      border-right: solid 12px #2d2e35;
      box-shadow: inset 0 0 30px -20px black;
   }
   html[data-theme="dark"] .sidebarblock {
      background: #2e2f36 !important;
   }
   header#vkLHead::before {
      right: 0;
      background: radial-gradient(circle at 0 100%, transparent 15.5px, #2d2e35 16px);
      content: "";
      position: absolute;
      top: 0;
      height: 62px;
      width: 28px;
   }
   header#vkLHead::after {
      left: 0;
      background: radial-gradient(circle at 100% 100%, transparent 15.5px, #2d2e35 16px);
      content: "";
      position: absolute;
      top: 0px;
      height: 62px;
      width: 28px;
      z-index: -1;
   }

   html body.vkLanding .sidebarblock::before {
      right: 0px;
      background: radial-gradient(circle at 0px 0, transparent 15.5px, #2d2e35 16px);
      content: "";
      position: absolute;
      bottom: 66px;
      height: 16px;
      width: 28px;
   }

   html body.vkLanding .sidebarblock::after {
      left: 0px;
      background: radial-gradient(circle at 100% 0%, transparent 15.5px, #2d2e35 16px);
      content: "";
      position: absolute;
      bottom: 3px;
      height: 79px;
      width: 28px;
      z-index: -1;
   }

   div#vkLHome:before,
   html body.vkLanding #vkLView > .detailphoto:before{
      content: "";
      height: 33%;
      width: 17px;
      background: #2d2e35;
      position: fixed;
      top: 22%;
      left: 3px;
      border-radius: 0px 40px 40px 0px;
   }

   div#vkLHome:after,
   html body.vkLanding #vkLView > .detailphoto:after {
      content: "";
      height: 46%;
      width: 19px;
      background: #2d2e35;
      position: fixed;
      top: 37%;
      right: 1px;
      border-radius: 45px 0px 0px 45px;
   }

   div#topupl:before {
      content: "";
      top: 37px;
      right: 73px;
      width: 100px;
      position: absolute;
      height: 15px;
      width: 140px;
      background: #2d2e35;
      border-radius: 0px 0px 20px 20px;
   }

   div#topupl:after {
        content: "";
        bottom: 60px;
        right: 50%;
        transform: translateX(50%);
        width: 100px;
        position: fixed;
        height: 14px;
        width: 33%;
        background: #2d2e35;
        border-radius: 20px 20px 0px 0px;
   }

   html body.vkLanding #vkLView > .detailphoto {
      padding-top: 0px !important;
      padding-right: 0px !important;
      padding-left: 0px !important;
      border-left: solid 12px #2b2c33;
      border-right: solid 12px #2b2c33;
   }

   .vkHead--banner{
      padding: 0;
   }

   .vkHead-banner{
      height:180px !important;
      border-radius: 0px;
      display: none;
   }
   

   .vkHead-top--brand {
      flex-wrap: wrap;
      row-gap: 24px;
      padding: 0px 0px 6px 0px !important;
      margin-top: 30px;
      z-index: 1;
   }

   .vkHead-desc {
      padding: 0px 28px 10px 28px;
      max-width: 370px;
   }

   .vkHead-filesRow {
      gap: 14px;
      padding: 0px 28px 28px 28px;
   }

   .vkHead-logo {
      width: 90px;
      height: 90px;
   }

   .itemslazy .detailphoto .containernews {
      margin-left: 15px;
      margin-right: 15px;
      margin-top: 0px;
   }

   .vkPath{
      display: none;
   }

   .vkHead-banner {
      margin-top: 20px;
   }

   .vkDashWrap {
      margin: 0 25px 120px 25px;
   }
   .vkCard-cover {
      display: block;
      height: 150px;
   }

   html body.vkLanding header.vkL-head .editers_laptop > * {
      pointer-events: auto;
      color: #ffffff;
      background: linear-gradient(180deg, #303139 0%, #2a2b32 100%) !important;
      box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .09), inset 0 -1px 0 rgba(255, 255, 255, .05), 0 0 0 1px #16161b, 0 0 0 3px #25262c, 0 -1px 0 3px #34353d, 0 6px 12px 1px rgba(0, 0, 0, .45);
      margin-top: 6px !important;
      border-radius: 10px;
      width: 55px;
   }

   #moveItems_head {
      height: 50px;
      width: 50px;
      font-size: 1.7em;
      padding: 7px 13px;
      margin-top: 14px !important;
      margin-right: 25px !important;
      text-align: center;
   }

   html body:not(.vkPhonePerson) #selectall[type="checkbox"], html body:not(.vkPhonePerson) #selectall2[type="checkbox"] {
      width: 22px !important;
      height: 22px !important;
      margin-top: 19px !important;
      top: 45px;
      position: fixed;
      right: 11px;
      display: none;
   }

   .vkHead-titles {
      max-width: 326px;
   }

   html body:not(.vkPhonePerson) .onToppe > .checkedcheck[type="checkbox"]{
      display: none;
   }

   nav#vkTree:before {
      content: "";
      height: 34%;
      width: 13px;
      background: #1e1e24;
      position: absolute;
      top: 48%;
      right: -7px;
      border-radius: 0px 40px 40px 0px;
   }

   nav#vkTree:after {
      content: "";
      height: 10%;
      width: 13px;
      background: #1e1e24;
      position: absolute;
      top: 28%;
      right: -7px;
      border-radius: 0px 40px 40px 0px;
   }

   .vkTree {
      box-shadow: 0 0 500px rgb(0 0 0);
   }

   html body.vkLanding header.vkL-head .editers_laptop{
      top: 105px;
   }

   .vkBrand {
      padding: 0px 26px;
   }
   
   .vkCards {
      padding: 0px;
   }

   .detailphoto .vkHead-label {
      padding: 20px 27px 0px 27px;
   }

   .vkCards.vkLd-kids{
      padding: 0px 24px 24px 24px;
   }

   .vkL-viewHead .vkHead:not(.vkHead--banner) {
      padding: 0;
   }


   html[data-theme="dark"] .vkHead-logo.vkLogo, html[data-theme="dark"] .vkHead-logo.vkHead-mark {
      background: linear-gradient(175deg, #4a4a50, #1a1010);
   }

   html body.vkLanding header.vkL-head .secondline .vkBellWrap {
      position: fixed;
      bottom: 10px;
      transform: translate(-50%);
      left: 50%;
      z-index: 1003;
      float: none;
      margin: 0;
      top: initial;
      height: 83px;
      width: 83px;
   }
   html body.vkLanding header.vkL-head .secondline .vkBellWrap button{
      width: 83px !important;
      height: 83px !important;
   }

   html[data-theme="dark"] header .secondline img.logoHeader {
      background: #2d2e35;
   }

   .vkPath li {
      display: flex;
      align-items: center;
      gap: 6px;
      min-width: 0;
      max-width: 100%;
      background: #2c2d35;
      padding: 2px 10px 2px 10px;
      border-radius: 7px;
      font-size: 12px;
   }

   .vkHead-banner:before {
      content: "";
      top: 0;
      position: absolute;
      left: 0;
      width: 100%;
      height: 210px;
      background: linear-gradient(0deg, #17171c, #17171cb0, transparent);
      z-index: 0;
   }

   .vkLanding .vkHead-top--brand .vkHead-actions{
      display: none;
   }
   
    html body.vkLanding header.vkL-head .secondline .vkPubBtnWrap {
        display: none;
    }

    html body.vkLanding header.vkL-head .vkL-findOpen {
        position: fixed;
        bottom: 14px;
        left: 25px;
        width: 60px !important;
        border: 0 !important;
        top:initial;
        box-shadow: none !important;
        background: none !important;
        height: 40px;
    }
    html body.vkLanding .sidebarblock > a{
      display: none;
    }
    html body.vkLanding header.vkL-head .vkL-menu{
         position: fixed;
         bottom: 14px;
         right: 25px;
         width: 60px !important;
         left:initial;
         border: 0 !important;
         top: initial;
         box-shadow: none !important;
         background: none !important;
         height: 40px;
    }
   .vkL.is-find header .movilheaderhidden {
        display: block !important;
        position: fixed;
        top: 64px;
        bottom: 88px;
        top: initial;
        left: 50%;
        transform: translate(-50%);
        right: 0;
        width: 83%;
        height: auto;
        margin: 0;
        padding: 10px 12px 12px;
        z-index: 100000;
        background: none;
        border-bottom: none;
        box-shadow: none;
        pointer-events: auto;
    }
   .movilheaderhidden form.form-inline div {
        border-left: solid 0px #e4e4e4;
        border-radius: 44px;
    }
   .vkL.is-find header .movilheaderhidden .form-group {
        display: flex;
        align-items: center;
        float: none;
        width: 100%;
        height: 68px;
        margin: 0;
        padding: 0 26px 0 32px;
        border-radius: 13px;
        background: var(--vk-field, #efeef4) !important;
   }
   
   html[data-theme="dark"] .vkCard:not(:hover):not(:focus-visible){
      border-top: solid 1px #66778a;
      border-left: solid 1px #3d4955;
      border-right: solid 1px #3d4854;
      border-bottom: solid 1px #313943;
   }

   .vkCard-cover {
      border-radius: 45px 28px 14px 14px;
   }

   .vkHead-filesRow{
      display: none;
   }
   .detailphoto .vkHead-label {
      padding: 0px 27px 0px 0px;
   }
   .vkHead .vkHead-group {
      padding: 0px 28px 28px 28px;
   }
   .vkHead-files.vkHead-featured{
      padding: 0px 27px 0px 26px;
   }
   html[data-theme="dark"] .containernews .capsaitem{
      margin-bottom: 10px !important;
      width: calc(100% - 20px) !important;
   }

   .vkBrand .vkBrand-label, .detailphoto .vkBrand-label {
      margin-bottom: 10px;
   }

   .vkL-viewHead .vkHead-top {
      gap: 25px;
      flex-wrap: wrap;
      row-gap: 24px;
      padding: 0px 28px 6px 28px !important;
      margin-top: 50px;
      z-index: 1;
   }

    html body.vkLanding .vkHead-titles > .vkHead-parent {
        position: static;
        margin: 8px 0px 4px 0px;
    }

   html body.vkLanding header.vkL-head button.vkL-back:not([hidden]) {
      left: 20px;
   }

   html.vkL-hasBack body.vkLanding header.vkL-head .vkL-findOpen {
      left: 100px;
      bottom: 13px;
   }

   html body.vkLanding header.vkL-head button.vkL-back:not([hidden]) {
      left: 30px;
      bottom: 13px;
   }

   html body.vkPhonePerson .vkHead:not(:has(.vkHead-top--brand)) {
      margin-top: 78px;
   }
   html body.vkPhonePerson .vkHead-files.vkHead-featured {
      padding: 2px;
   }

   html body.vkPhonePerson .vkHead {
      padding: 37px 37px 0px 37px;
   }
      html body.vkPhonePerson .vkCards {
        padding: 0 0px;
    }

   .vkPhonePerson .vkHead .vkHead-group {
        padding: 2px;
    }
    .containernews .capsaitem .vkFold-name {
       font-size: 18px;
      }

      .containernews .capsaitem .vkFold-count {
         font-size: 14px;
      }

   .vkHead-group{
      display: none;
   }

   body.vkPhonePerson header .secondline .editers_laptop #selectall{
      display: block !important;
      position: fixed;
      top: 54px;
      right: 10px;
      width: 20px !important;
      height: 20px !important;
   }

   body.vkPhonePerson header .secondline .editers_laptop {
        bottom: 96px;
   }

   body.vkPhonePerson .editers_laptop .shareitem_head, body.vkPhonePerson .editers_laptop .vkBarDl {
      border-radius: 8px !important;
      background: #1d2c2d !important;
   }

   body.vkPhonePerson header .secondline .editers_laptop{
      background: none !important;
      z-index: 0;
      display: flex;
      flex-direction: row;
      top: 57px;
      right: 63px;
      bottom: initial;
      left: initial;
   }

   html[data-theme="dark"] body.vkPhonePerson .editers_laptop .shareitem_head::before, html[data-theme="dark"] body.vkPhonePerson .editers_laptop .vkBarDl::before{
      background: none !important;
   }

   html[data-theme="dark"] body.vkPhonePerson .editers_laptop .shareitem_head, html[data-theme="dark"] body.vkPhonePerson .editers_laptop .vkBarDl {
        color: var(--vk-text, #f1f0f5) !important;
        pointer-events: auto;
        color: #ffffff;
        background: linear-gradient(180deg, #303139 0%, #2a2b32 100%) !important;
        box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .09), inset 0 -1px 0 rgba(255, 255, 255, .05), 0 0 0 1px #16161b, 0 0 0 3px #25262c, 0 -1px 0 3px #34353d, 0 6px 12px 1px rgba(0, 0, 0, .45) !important;
        margin-top: 6px !important;
        border-radius: 10px;
        width: 55px;
   }

   html body #selectall[type="checkbox"], html body #selectall2[type="checkbox"]{
      display: none;
   }

   html body.vkLanding header.vkL-head .vkL-findOpen .vkI {
        stroke-width: 2.5px;
        color: #fff;
   }

   html body.vkLanding header.vkL-head button.vkL-back:not([hidden]){
      color: #fff;
   }

   html body.vkPhonePerson .vkHead.vkHead--search.vkHead--search {
        margin: 120px 12px 20px 13px;
        padding: 0 28px;
    }


   html body.vkLanding .vkHead-titles > .vkHead-parents{
      gap: 11px;
      display: grid;
      margin-bottom: 10px;
   }
   
}



.vkCard-tag{
   background: linear-gradient(1deg, rgb(30, 30, 36), rgb(38, 38, 47), rgb(60, 61, 67));
   border: 0 !important;
   border-bottom: 1px solid rgb(102, 102, 102);
   border-radius: 10px !important;
   font-size: 9px !important;
}




/* .vkHl{} */ 

@media (max-width: 1125px){
   html[data-theme="dark"] body.vkLanding{ --vkF-edge: rgba(215, 232, 255, 0.315); }
}

@media (max-width: 768px) {
    .containernews.is-visible-items .capsaitem, .containernews.is-visible-items .capsaitem.WiDerItem {
        width: calc(100% - 20px) !important;
        margin-left: 10px;
    }
}

@media (max-width: 1125px) {
    .vkEmpty {
        margin: 4px 15px 24px 15px;
    }
}



html.vkBag-on body:not(.OvYH) .massivedownload:not(.vkBarDl){
   z-index: 99;
}

.vkAsk-card {
    max-width: initial;
}

.containernews .conty > .capsaitem.effect {
    transition-property: none !important;
}


.backtoSite{
   display: none !important;
}