/* Perfil VYNKO (el dueño 2026-11-05, imagen de referencia + "rediseño exacto del perfil – medidas y distribución").
   Fondo azul noche, vidrio y bordes de luz. Medidas para una pantalla de 390 px: portada 210 px, foto 145 px (punto
   verde 22, cámara 42), nombre 29, verificado 25, Vynko 17, ubicación y bio 16, botones 50 de alto, estadísticas y
   accesos rápidos de 105 px en 4 columnas, pestañas de 55 px y fotos de 3 por fila (márgenes 12, separación 7,
   proporción 118×145, bordes 15). Se carga después de css/profile-v2.css y manda sobre él (#profileView.vkpf).
   JS: profile-vynko.js. */

/* ---------- Fondo azul noche mientras se ve el perfil (body.vkpf-on lo pone profile-vynko.js) ---------- */
body.vkpf-on {
  --vkpf-bg: #0a0d2b;
  background: radial-gradient(120% 60% at 50% 0%, #2a1f6e 0%, #121640 38%, #0a0d2b 72%) fixed, #0a0d2b !important;
}
body.vkpf-on .mp-layout, body.vkpf-on .mp-body, body.vkpf-on .mp-main, body.vkpf-on #appSection { background: transparent !important; }
@media (max-width: 640px) {
  body.vkpf-on .mp-main { padding-left: 0 !important; padding-right: 0 !important; }
  /* Barra de arriba en vidrio oscuro, como en la imagen */
  body.vkpf-on .mp-mobile-topbar { background: rgba(12, 14, 46, .93) !important; -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
    box-shadow: 0 10px 24px -18px rgba(139, 92, 246, .9) !important; border-bottom: 1px solid rgba(167, 139, 250, .18) !important; }
  body.vkpf-on .mp-mobile-topbar::after { background: radial-gradient(120% 100% at 50% 0%, rgba(139, 92, 246, .3), rgba(0, 0, 0, 0) 70%); }
  body.vkpf-on .mp-mobile-topbar .mp-mobile-topbar-brand span { color: #fff !important; -webkit-text-fill-color: #fff; background: none !important; }
  body.vkpf-on .mp-mobile-topbar .mp-menu-toggle,
  body.vkpf-on .mp-mobile-topbar .mp-mobile-topbar-icon {
    border-radius: 50% !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .04)), rgba(30, 32, 84, .7) !important;
    border: 1px solid rgba(167, 139, 250, .45) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 0 14px rgba(124, 58, 237, .35) !important;
  }
  body.vkpf-on .mp-mobile-topbar .mp-menu-toggle { border-radius: 14px !important; }
  body.vkpf-on .vkhd-sep { background: linear-gradient(180deg, rgba(167, 139, 250, 0), rgba(167, 139, 250, .45), rgba(167, 139, 250, 0)); }
}

#profileView.vkpf { color: #fff; }

/* ---------- Portada ---------- */
#profileView.vkpf .pv2-header { background: transparent !important; box-shadow: none !important; border-radius: 0 !important; margin: 0 !important; padding: 0 0 4px !important; border: 0 !important; }
#profileView.vkpf .pv2-header .mp-profile-cover {
  height: 210px; aspect-ratio: auto; max-height: none; width: 100%; border-radius: 0 0 28px 28px;
  background-color: #1b1f55; background-size: cover; background-position: center; background-repeat: no-repeat;
  box-shadow: 0 10px 30px -12px rgba(124, 58, 237, .65), inset 0 -1px 0 rgba(196, 181, 253, .4);
}
#profileView.vkpf .pv2-header .mp-profile-cover::after { content: ''; position: absolute; inset: auto 0 0 0; height: 70px; border-radius: 0 0 28px 28px; pointer-events: none;
  background: linear-gradient(0deg, rgba(10, 13, 43, .55), rgba(10, 13, 43, 0)); }
#profileView.vkpf .pv2-header .mp-cover-edit-btn {
  top: 12px; right: 12px; z-index: 2; height: 42px; padding: 0 16px; gap: 9px; font-size: 15px; font-weight: 700;
  background: rgba(15, 18, 52, .5); border: 1px solid rgba(255, 255, 255, .45); color: #fff;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 0 4px 14px rgba(0, 0, 0, .25);
}
#profileView.vkpf .pv2-header .mp-cover-edit-btn svg { width: 20px; height: 20px; }

/* ---------- Foto de perfil (145 px) + Editar perfil / Configuración ---------- */
#profileView.vkpf .pv2-identity-row { margin-top: -84px; padding: 0 12px; align-items: flex-end; gap: 8px; }
#profileView.vkpf .pv2-header .mp-avatar-wrap { width: 145px; height: 145px; }
#profileView.vkpf .pv2-header .mp-avatar {
  width: 145px; height: 145px; border: 3px solid #fff;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, .55), 0 0 26px rgba(99, 102, 241, .75), 0 10px 26px rgba(0, 0, 0, .45);
}
#profileView.vkpf .pv2-header .mp-avatar img { object-position: 50% 30%; }
#profileView.vkpf .pv2-header .mp-online-dot { width: 22px; height: 22px; left: auto; right: 14px; bottom: 6px; border: 3px solid #0f1240; background: #22c55e; box-shadow: 0 0 10px rgba(34, 197, 94, .8); }
#profileView.vkpf .pv2-header .mp-avatar-edit-btn {
  width: 42px; height: 42px; right: auto; left: 4px; bottom: 4px; color: #fff;
  background: linear-gradient(150deg, #3b82f6, #7c3aed); border: 2px solid rgba(255, 255, 255, .9); box-shadow: 0 4px 14px rgba(79, 70, 229, .6);
}
#profileView.vkpf .pv2-actions { margin-bottom: 6px; gap: 8px; min-width: 0; }
#profileView.vkpf .pv2-edit-btn {
  height: 50px; padding: 0 14px; gap: 8px; font-size: 15px; font-weight: 800; color: #fff;
  background: linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .04)), rgba(30, 34, 90, .65);
  border: 1px solid rgba(167, 139, 250, .55); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 0 16px rgba(124, 58, 237, .3);
}
#profileView.vkpf .pv2-edit-btn svg { width: 19px; height: 19px; flex: none; }
#profileView.vkpf .pv2-gear-btn {
  width: 50px; height: 50px; flex: none; color: #fff;
  background: linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .04)), rgba(30, 34, 90, .65);
  border: 1px solid rgba(167, 139, 250, .55); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 0 16px rgba(124, 58, 237, .3);
}
#profileView.vkpf .pv2-gear-btn svg { width: 24px; height: 24px; }
#profileView.vkpf #onlineToggleBtn { margin: 8px 12px 0; }

/* ---------- Nombre, Vynko, ubicación, en línea, bio ---------- */
#profileView.vkpf .pv2-body { padding: 12px 16px 0; }
#profileView.vkpf .pv2-name { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 29px; font-weight: 800; line-height: 1.15; color: #fff; letter-spacing: -.2px; text-shadow: 0 2px 12px rgba(124, 58, 237, .45); }
#profileView.vkpf .pv2-verified svg { width: 25px; height: 25px; filter: drop-shadow(0 0 6px rgba(29, 155, 240, .7)); }
#profileView.vkpf .pv2-headline { color: rgba(226, 232, 255, .82); }
#profileView.vkpf .pv2-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; margin-top: 8px; }
#profileView.vkpf .pv2-meta-item { padding: 0; border: 0 !important; color: rgba(226, 232, 255, .88); font-size: 16px; gap: 6px; }
#profileView.vkpf .pv2-meta #profileLocation { color: rgba(226, 232, 255, .88) !important; }
#profileView.vkpf .pv2-meta-item svg { color: rgba(226, 232, 255, .85); width: 18px; height: 18px; }
#profileView.vkpf .pv2-meta .mp-profile-id { font-size: 17px; color: rgba(226, 232, 255, .9); }
#profileView.vkpf .vkpf-copy { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; margin-left: 2px; padding: 0; border: 0; border-radius: 7px; background: rgba(255, 255, 255, .08); color: rgba(226, 232, 255, .9); cursor: pointer; }
#profileView.vkpf .pv2-online { color: #4ade80; font-weight: 800; }
#profileView.vkpf .pv2-online i { box-shadow: 0 0 8px rgba(74, 222, 128, .9); }
#profileView.vkpf .pv2-body .mp-profile-bio { margin-top: 8px; font-size: 16px; line-height: 1.4; color: rgba(236, 240, 255, .92); }
#profileView.vkpf .pv2-chip { background: rgba(255, 255, 255, .08) !important; color: #e0e7ff; border-color: rgba(167, 139, 250, .3); }

/* ---------- Estadísticas: una tarjeta de vidrio, 4 columnas de 105 px ---------- */
#profileView.vkpf .pv2-stats {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin: 16px 12px 0; padding: 0;
  border-radius: 22px; overflow: hidden;
  background: linear-gradient(180deg, rgba(41, 49, 120, .72), rgba(20, 24, 70, .78));
  border: 1px solid rgba(147, 197, 253, .38);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 0 22px rgba(59, 130, 246, .22), 0 10px 26px rgba(0, 0, 0, .3);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
}
#profileView.vkpf .pv2-stat {
  height: 105px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 0 2px; min-width: 0;
  background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; position: relative;
}
#profileView.vkpf .pv2-stat + .pv2-stat::before { content: ''; position: absolute; left: 0; top: 22px; bottom: 22px; width: 1px; background: rgba(255, 255, 255, .16); }
#profileView.vkpf .pv2-stat-icon { height: 32px; }
#profileView.vkpf .pv2-stat-icon svg { width: 30px; height: 30px; }
#profileView.vkpf .pv2-stat-posts .pv2-stat-icon { color: #d8b4fe; filter: drop-shadow(0 0 6px rgba(192, 132, 252, .6)); }
#profileView.vkpf .pv2-stat-friends .pv2-stat-icon { color: #60a5fa; filter: drop-shadow(0 0 6px rgba(96, 165, 250, .6)); }
#profileView.vkpf .pv2-stat-followers .pv2-stat-icon { color: #f472b6; filter: drop-shadow(0 0 6px rgba(244, 114, 182, .6)); }
#profileView.vkpf .pv2-stat-following .pv2-stat-icon { color: #fbbf24; filter: drop-shadow(0 0 6px rgba(251, 191, 36, .55)); }
#profileView.vkpf .pv2-stat strong { font-size: 27px; font-weight: 800; line-height: 1.1; color: #fff; }
#profileView.vkpf .pv2-stat > span:last-child { font-size: min(15px, 3.45vw); color: rgba(226, 232, 255, .88); white-space: nowrap; letter-spacing: -.1px; }

/* ---------- Accesos rápidos: 4 tarjetas de 105 px ---------- */
#profileView.vkpf .vkpf-quick { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 12px 12px 0; }
#profileView.vkpf .vkpf-q {
  height: 105px; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 0 2px;
  border-radius: 20px; color: #fff; font: inherit; font-size: min(15px, 3.7vw); font-weight: 700; cursor: pointer; white-space: nowrap;
  border: 1px solid rgba(167, 139, 250, .45);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 8px 20px rgba(0, 0, 0, .28);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); transition: transform .15s ease, box-shadow .2s ease;
}
#profileView.vkpf .vkpf-q:active { transform: scale(.96); }
#profileView.vkpf .vkpf-q-ico { display: flex; height: 32px; }
#profileView.vkpf .vkpf-q-ico svg { width: 32px; height: 32px; filter: drop-shadow(0 0 8px rgba(255, 255, 255, .25)); }
#profileView.vkpf .vkpf-q-videos { background: linear-gradient(160deg, rgba(126, 34, 206, .7), rgba(67, 56, 202, .55)); border-color: rgba(192, 132, 252, .6); }
#profileView.vkpf .vkpf-q-gallery { background: linear-gradient(160deg, rgba(14, 116, 204, .62), rgba(30, 64, 175, .55)); border-color: rgba(125, 211, 252, .55); }
#profileView.vkpf .vkpf-q-saved { background: linear-gradient(160deg, rgba(91, 33, 182, .62), rgba(49, 46, 129, .6)); border-color: rgba(167, 139, 250, .55); }
#profileView.vkpf .vkpf-q-fav { background: linear-gradient(160deg, rgba(71, 85, 125, .6), rgba(30, 36, 80, .6)); border-color: rgba(203, 213, 225, .4); }
#profileView.vkpf .vkpf-q.on { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 0 0 2px rgba(255, 255, 255, .55), 0 0 20px rgba(167, 139, 250, .65); }

/* Ver anuncio / Invita (siguen, en una fila corta de vidrio); Mi galería ya está arriba en los accesos */
#profileView.vkpf .pv2-earn-row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 10px 12px 0; }
#profileView.vkpf .pv2-earn-gallery { display: none !important; }
#profileView.vkpf .pv2-earn-btn { min-height: 54px; padding: 8px 10px; border-radius: 16px; gap: 8px; border: 1px solid rgba(255, 255, 255, .22); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 6px 16px rgba(0, 0, 0, .25); }
#profileView.vkpf .pv2-earn-ad { background: linear-gradient(135deg, rgba(245, 158, 11, .85), rgba(234, 88, 12, .8)); }
#profileView.vkpf .pv2-earn-invite { background: linear-gradient(135deg, rgba(59, 130, 246, .85), rgba(139, 92, 246, .82)); }
#profileView.vkpf .pv2-earn-icon { width: 32px; height: 32px; }
#profileView.vkpf .pv2-earn-text strong { font-size: 14px; }
#profileView.vkpf .pv2-earn-text small { font-size: 12px; }

/* ---------- Pestañas (55 px) ---------- */
#profileView.vkpf .pv2-content { background: transparent !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; margin: 14px 0 0 !important; padding: 0 !important; }
#profileView.vkpf .pv2-tabs {
  display: flex; align-items: center; gap: 2px; height: 55px; margin: 0 0 10px; padding: 0 10px; border: 0 !important;
  overflow-x: auto; scrollbar-width: none; -webkit-mask-image: linear-gradient(90deg, #000 92%, transparent); mask-image: linear-gradient(90deg, #000 92%, transparent);
}
#profileView.vkpf .pv2-tabs .mp-profile-content-tab {
  position: relative; flex: none; height: 44px; padding: 0 12px; gap: 7px; border: 0 !important; border-radius: 14px; background: none !important;
  color: rgba(226, 232, 255, .86) !important; font-family: inherit; font-size: 15px; font-weight: 700; box-shadow: none !important; transition: background .25s ease, color .25s ease;
}
#profileView.vkpf .pv2-tabs .mp-profile-content-tab::after { content: none !important; }
#profileView.vkpf .pv2-tabs .mp-profile-content-tab + .mp-profile-content-tab::before { content: ''; position: absolute; left: -2px; top: 13px; bottom: 13px; width: 1px; background: rgba(255, 255, 255, .14); }
#profileView.vkpf .pv2-tabs .mp-profile-content-tab svg { width: 20px; height: 20px; }
#profileView.vkpf .pv2-tabs .mp-profile-content-tab.active {
  color: #fff !important;
  background: linear-gradient(135deg, #7c3aed 0%, #4f46e5 55%, #6d28d9 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 0 0 1px rgba(196, 181, 253, .55), 0 0 18px rgba(124, 58, 237, .6) !important;
}
#profileView.vkpf .pv2-tabs .mp-profile-content-tab.active::before { display: none; }
#profileView.vkpf .pv2-tabs .mp-profile-content-tab.active::after {
  content: '' !important; display: block !important; position: absolute; left: 22%; right: 22%; bottom: -6px; top: auto; height: 3px; width: auto; border-radius: 3px;
  background: linear-gradient(90deg, #67e8f9, #c084fc); box-shadow: 0 0 8px rgba(192, 132, 252, .9); transform: none;
}
#profileView.vkpf .pv2-tabs .vkpf-tab-hidden { display: none !important; }

/* ---------- Fotos: 3 por fila (márgenes 12, separación 7, 118×145, bordes 15) ---------- */
#profileView.vkpf .pv2-content .mp-posts-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 7px !important; padding: 0 12px !important; margin: 0 !important; }
#profileView.vkpf .pv2-content .mp-post-tile {
  position: relative; width: 100% !important; height: auto !important; aspect-ratio: 118 / 145; border-radius: 15px !important; overflow: hidden;
  background: #1a1f52; border: 1px solid rgba(255, 255, 255, .32);
  box-shadow: 0 0 0 1px rgba(139, 92, 246, .22), 0 0 14px rgba(99, 102, 241, .25), 0 6px 16px rgba(0, 0, 0, .35);
  cursor: pointer; -webkit-tap-highlight-color: transparent;
}
/* La foto original, sin deformar ni filtros; el recorte guarda la parte de arriba (donde suelen ir las caras). */
#profileView.vkpf .pv2-content .mp-post-tile > img,
#profileView.vkpf .pv2-content .mp-post-tile > video,
#profileView.vkpf .pv2-content .mp-post-tile .mp-dedica-tile img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; object-position: 50% 22%; filter: none !important; transform: none !important; border-radius: 0 !important; }
#profileView.vkpf .pv2-content .mp-post-tile::after { content: '' !important; position: absolute; inset: auto 0 0 0 !important; height: 38% !important; pointer-events: none; z-index: 1;
  background: linear-gradient(0deg, rgba(5, 8, 30, .62), rgba(5, 8, 30, 0)) !important; border-radius: 0 !important; display: block !important; }
#profileView.vkpf .pv2-content .mp-post-tile .mp-post-likes,
#profileView.vkpf .pv2-content .mp-post-tile .pv2-tile-kind,
#profileView.vkpf .pv2-content .mp-post-tile .mp-post-play-icon { display: none !important; }
#profileView.vkpf .vkpf-t-info { position: absolute; z-index: 2; left: 8px; bottom: 7px; right: 8px; display: flex; align-items: center; gap: 8px; color: #fff; pointer-events: none; text-shadow: 0 1px 3px rgba(0, 0, 0, .7); }
#profileView.vkpf .vkpf-t-info b { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 800; }
#profileView.vkpf .vkpf-t-info b svg { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .6)); }
#profileView.vkpf .vkpf-t-info i { display: inline-flex; align-items: center; gap: 3px; margin-left: auto; font-style: normal; font-size: 11px; font-weight: 700; opacity: .78; }
#profileView.vkpf .vkpf-t-video { position: absolute; z-index: 2; left: 7px; top: 7px; width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff;
  background: rgba(10, 12, 40, .45); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
#profileView.vkpf .vkpf-t-more { position: absolute; z-index: 3; right: 6px; top: 6px; width: 28px; height: 18px; padding: 0; border: 0; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; gap: 2.5px;
  background: rgba(10, 12, 40, .42); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); cursor: pointer; }
#profileView.vkpf .vkpf-t-more i { width: 3.5px; height: 3.5px; border-radius: 50%; background: #fff; }
#profileView.vkpf .vkpf-t-badge { position: absolute; z-index: 2; left: 7px; bottom: 7px; padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 800; color: #fff; background: rgba(124, 58, 237, .7); }
#profileView.vkpf .vkpf-story-tile { border-color: rgba(192, 132, 252, .7); box-shadow: 0 0 0 2px rgba(124, 58, 237, .55), 0 0 16px rgba(192, 132, 252, .5); }
#profileView.vkpf #myPostsEmpty { margin: 18px 16px; text-align: center; color: rgba(226, 232, 255, .78); font-size: 15px; }

/* ---------- Lo de más abajo (saldo, retiros, anfitrionas) en vidrio oscuro ---------- */
#profileView.vkpf > .mp-card:not(.pv2-header):not(.pv2-content), #profileView.vkpf > section > .mp-card, #profileView.vkpf .mp-balance-card, #profileView.vkpf .mp-pay-quick-card, #profileView.vkpf #myLockedSection .mp-card {
  background: linear-gradient(180deg, rgba(36, 42, 108, .7), rgba(18, 22, 66, .78)) !important; color: #e6e9ff !important;
  border: 1px solid rgba(147, 197, 253, .28) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 10px 24px rgba(0, 0, 0, .3) !important;
}
#profileView.vkpf .mp-balance-row { margin-left: 12px; margin-right: 12px; }
#profileView.vkpf > .mp-card:not(.pv2-header):not(.pv2-content) { margin-left: 12px; margin-right: 12px; }
#profileView.vkpf .mp-balance-card *, #profileView.vkpf .mp-pay-quick-card *, #profileView.vkpf > section .mp-panel h3, #profileView.vkpf .mp-panel-head h3 { color: inherit; }
#profileView.vkpf .mp-balance-amount, #profileView.vkpf .mp-balance-amount span { color: #fff !important; -webkit-text-fill-color: #fff; }
#profileView.vkpf .note { color: rgba(226, 232, 255, .72); }
#profileView.vkpf .mp-ys-host-filter-tab { color: rgba(226, 232, 255, .85); }

/* ---------- Barra de abajo como la imagen (iconos 27, textos 13, ＋ de 75, alto 75) ---------- */
@media (max-width: 640px) {
  #vkgNav.vkg-nav { height: 75px !important; min-height: 75px !important; }
  #vkgNav.vkg-nav .mp-bottomnav-item { height: 64px; font-size: 13px !important; }
  #vkgNav.vkg-nav .vk-nav-ico svg { width: 27px !important; height: 27px !important; }
  #vkgNav.vkg-nav #bottomNavCrear .vk-nav-ico { width: 75px !important; height: 75px !important; margin-top: -32px !important; }
  #vkgNav.vkg-nav #bottomNavCrear .vk-nav-ico svg { width: 34px !important; height: 34px !important; }
}
@media (max-width: 380px) {
  #vkgNav.vkg-nav .mp-bottomnav-item { font-size: 12px !important; }
  #vkgNav.vkg-nav .vk-nav-ico svg { width: 24px !important; height: 24px !important; }
  #vkgNav.vkg-nav #bottomNavCrear .vk-nav-ico { width: 64px !important; height: 64px !important; margin-top: -26px !important; }
  #profileView.vkpf .pv2-header .mp-avatar-wrap, #profileView.vkpf .pv2-header .mp-avatar { width: 126px; height: 126px; }
  #profileView.vkpf .pv2-identity-row { margin-top: -74px; }
  #profileView.vkpf .pv2-edit-btn { padding: 0 14px; font-size: 15px; }
  #profileView.vkpf .pv2-name { font-size: 26px; }
}

/* ---------- Tabletas y computador: el perfil centrado en un panel oscuro; 4 fotos por fila si hay espacio ---------- */
@media (min-width: 641px) {
  #profileView.vkpf { max-width: 760px; margin: 0 auto; padding-bottom: 24px; border-radius: 28px; overflow: hidden;
    background: radial-gradient(120% 50% at 50% 0%, #2a1f6e 0%, #121640 40%, #0a0d2b 75%); box-shadow: 0 20px 50px rgba(15, 23, 42, .35); }
  #profileView.vkpf .pv2-header .mp-profile-cover { height: 260px; }
}
@media (min-width: 700px) {
  #profileView.vkpf .pv2-content .mp-posts-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 9px !important; padding: 0 16px !important; }
}

/* Textos de las tarjetas de abajo que eran oscuros (o con letra degradada) sobre el fondo claro de antes */
#profileView.vkpf .mp-balance-card .mp-currency, #profileView.vkpf .mp-balance-top, #profileView.vkpf .mp-balance-sub,
#profileView.vkpf .mp-pay-quick-card strong, #profileView.vkpf .mp-pay-quick-card span, #profileView.vkpf .mp-pay-quick-text strong,
#profileView.vkpf .mp-video-earn-card h3, #profileView.vkpf .mp-hosts-card h3, #profileView.vkpf .mp-hosts-empty p {
  color: #dbe2ff !important; -webkit-text-fill-color: #dbe2ff !important; background-image: none !important;
}
#profileView.vkpf .mp-pay-quick-card strong, #profileView.vkpf .mp-pay-quick-text strong { color: #fff !important; -webkit-text-fill-color: #fff !important; }