@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

/* ===================================================================
   MY SECRET — Skin global de marca (tema oscuro premium)
   Reviste el tema (Bootstrap 4 + clases propias) en TODAS las vistas
   de usuario. Se carga en css_general (layouts.app), no en el admin.
   Cárgalo DESPUÉS de styles.css para que gane.
   =================================================================== */

:root{
  --ms-ink:#0b0806;
  --ms-ink-2:#100b08;
  --ms-panel:#17110c;
  --ms-panel-2:#1e150e;
  --ms-line:rgba(246,191,36,.14);
  --ms-line-soft:rgba(255,255,255,.08);
  --ms-amber:#f6bf24;
  --ms-amber-2:#ffd451;
  --ms-orange:#ff8a3d;
  --ms-ember:#e0480f;
  --ms-text:#f7f0e6;
  --ms-muted:#b3a795;
  --ms-muted-2:#7c7264;
  --ms-white:#fffaf1;
  --ms-grad:linear-gradient(135deg,#ffd451 0%,#f6bf24 34%,#ff8a3d 74%,#e0480f 100%);
  --ms-grad-text:linear-gradient(100deg,#ffd451,#ff8a3d);
}

/* ---------- Base ---------- */
/* IMPORTANTE: usar 'clip', NO 'hidden'. Con 'hidden' el html/body se vuelven
   contenedor de scroll y el documento queda clampeado a la altura del viewport,
   lo que ROMPE el scroll infinito (deja de cargar creadores en /creators).
   'clip' evita el scroll horizontal sin ese efecto. En navegadores muy viejos
   que no soportan 'clip' simplemente no recorta (queda 'visible'), pero el
   scroll vertical/infinito sigue funcionando; el home contiene sus glows aparte. */
html{overflow-x:clip}
body{
  background:var(--ms-ink)!important;
  color:var(--ms-text)!important;
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;
  overflow-x:clip;
}
::selection{background:var(--ms-amber);color:#1a1205}
main,.main-content,.content,.wrapper{background:transparent}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5{font-family:"Sora",sans-serif!important;letter-spacing:-.02em;color:var(--ms-text)}
a{color:var(--ms-amber)}
a:hover{color:var(--ms-amber-2)}
.text-muted{color:var(--ms-muted)!important}
.text-primary{color:var(--ms-amber)!important}
.text-white{color:var(--ms-white)!important}
.text-dark,.txt-black,.text-black{color:var(--ms-text)!important}
hr{border-color:var(--ms-line-soft)!important}
small,.small{color:var(--ms-muted)}
.display-1,.display-2,.display-3,.display-4{font-family:"Sora",sans-serif!important;font-weight:800!important}

/* ---------- Fondos de sección ---------- */
.section,.section-sm,.py-large{background:transparent!important}
.bg-white,.bg-light{background:var(--ms-panel)!important;color:var(--ms-text)!important}
.jumbotron:not(.jumbotron-cover-user){background:var(--ms-ink-2)!important;color:var(--ms-text)!important}
/* Bandas “gradiente” del tema: se dejan oscuras con glow para no romper el texto blanco */
.bg-gradient{
  background:linear-gradient(135deg,#241708,#0b0806)!important;
  position:relative;color:var(--ms-white)!important;
}
.bg-gradient::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(70% 120% at 15% 0%,rgba(246,191,36,.18),transparent 60%),radial-gradient(60% 120% at 90% 100%,rgba(224,72,15,.16),transparent 60%);
}
.bg-gradient>*{position:relative;z-index:1}

/* ---------- Tarjetas ---------- */
.card{
  background:var(--ms-panel)!important;
  border:1px solid var(--ms-line-soft)!important;
  color:var(--ms-text)!important;
  border-radius:16px!important;
}
.card .card-body{color:var(--ms-text)}
.card .text-muted,.card-text{color:var(--ms-muted)!important}
.card-header,.card-footer{background:rgba(255,255,255,.02)!important;border-color:var(--ms-line-soft)!important}
.shadow-sm,.shadow,.shadow-custom{box-shadow:0 20px 50px -24px rgba(0,0,0,.7)!important}

/* Tarjetas de creador / feed */
.card-updates,.card-user-profile{background:var(--ms-panel)!important;border:1px solid var(--ms-line-soft)!important}
.card-cover{background-color:#241c14!important}
.img-user-small,.card-avatar img{border:3px solid var(--ms-panel)!important}
.verified,.text-featured,.badge-verified{color:var(--ms-amber)!important}

/* ---------- Botones ---------- */
.btn{border-radius:12px}
.btn-main{border-radius:999px!important}
.btn-primary,.btn-main.btn-primary{
  background:var(--ms-grad)!important;border:none!important;color:#1a1205!important;font-weight:700!important;
  box-shadow:0 12px 30px -14px rgba(246,191,36,.6);
}
.btn-primary:hover,.btn-main.btn-primary:hover{filter:brightness(1.03);color:#1a1205!important;transform:translateY(-1px)}
.btn-outline-primary{color:var(--ms-amber)!important;border:1px solid var(--ms-amber)!important;background:transparent!important}
.btn-outline-primary:hover,.btn-outline-primary.active,.btn-outline-primary:focus{background:var(--ms-amber)!important;color:#1a1205!important}
.btn-secondary,.btn-outline-secondary{background:rgba(255,255,255,.05)!important;border:1px solid var(--ms-line-soft)!important;color:var(--ms-text)!important}
.btn-outline-secondary:hover,.btn-secondary:hover{background:rgba(246,191,36,.1)!important;border-color:var(--ms-amber)!important;color:var(--ms-text)!important}
.btn-light,.btn-outline-light{background:rgba(255,255,255,.06)!important;border:1px solid var(--ms-line-soft)!important;color:var(--ms-text)!important}
.btn-light:hover,.btn-outline-light:hover{background:rgba(246,191,36,.1)!important;border-color:var(--ms-amber)!important;color:var(--ms-white)!important}
.btn-link{color:var(--ms-amber)!important}
.btn-danger{background:var(--ms-ember)!important;border:none!important;color:#fff!important}
.btn-success{background:#3ea87a!important;border:none!important;color:#06170f!important}

/* ---------- Formularios ---------- */
.form-control,.custom-select,.custom-file-label,textarea,select,input[type=text],input[type=email],input[type=password],input[type=number],input[type=search]{
  background:rgba(255,255,255,.04)!important;
  border:1px solid var(--ms-line-soft)!important;
  color:var(--ms-text)!important;
}
.form-control:focus,.custom-select:focus{
  border-color:var(--ms-amber)!important;
  box-shadow:0 0 0 3px rgba(246,191,36,.15)!important;
  background:rgba(255,255,255,.06)!important;color:var(--ms-text)!important;
}
.form-control::placeholder{color:var(--ms-muted-2)!important}
label,.form-group label,.col-form-label{color:var(--ms-text)}
.input-group-text{background:rgba(255,255,255,.04)!important;border:1px solid var(--ms-line-soft)!important;color:var(--ms-muted)!important}
.search-bar{background:rgba(255,255,255,.05)!important;border:1px solid var(--ms-line-soft)!important;color:var(--ms-text)!important;border-radius:999px!important}
.custom-control-label{color:var(--ms-text)}
.custom-control-label::before{background:rgba(255,255,255,.06)!important;border-color:var(--ms-line-soft)!important}
.custom-control-input:checked~.custom-control-label::before{background:var(--ms-amber)!important;border-color:var(--ms-amber)!important}
.custom-switch .custom-control-label::after{background:var(--ms-muted)!important}
.custom-range::-webkit-slider-thumb{background:var(--ms-amber)!important}
.custom-range::-moz-range-thumb{background:var(--ms-amber)!important}
.custom-range::-webkit-slider-runnable-track{background:rgba(255,255,255,.1)!important}

/* ---------- Navbar ---------- */
.navbar,.navbar_background_color{
  background:rgba(11,8,6,.9)!important;
  -webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);
  border-bottom:1px solid var(--ms-line-soft)!important;
}
.navbar.navbar_background_color,header .navbar{background:rgba(11,8,6,.92)!important}
.navbar.scroll{background:transparent!important;border-bottom-color:transparent!important;backdrop-filter:none!important}
.navbar .nav-link,.navbar .navbar-brand{color:var(--ms-muted)!important}
.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--ms-text)!important}
.icon-navbar{color:var(--ms-muted)!important}
.navbar .nav-link:hover .icon-navbar{color:var(--ms-amber)!important}
.notify{background:var(--ms-ember)!important;color:#fff!important}
.avatarUser{border:1px solid var(--ms-line)!important}

/* ---------- Menú móvil inferior (usuarios) ---------- */
.menu-mobile,.navbar-mobile-bottom,.mobile-bottom-nav{background:rgba(11,8,6,.95)!important;border-top:1px solid var(--ms-line-soft)!important}
.link-menu-mobile{color:var(--ms-muted)!important}
.link-menu-mobile.active,.link-menu-mobile:hover{color:var(--ms-amber)!important}

/* ---------- Dropdowns ---------- */
.dropdown-menu,.dd-menu-user{
  background:var(--ms-panel-2)!important;border:1px solid var(--ms-line-soft)!important;
  box-shadow:0 24px 60px -24px rgba(0,0,0,.8)!important;border-radius:14px!important;
}
.dropdown-item,.dropdown-navbar{color:var(--ms-text)!important}
.dropdown-item:hover,.dropdown-item:focus,.dropdown-navbar:hover{background:rgba(246,191,36,.1)!important;color:var(--ms-amber)!important}
.dropdown-divider{border-color:var(--ms-line-soft)!important}

/* ---------- Modales ---------- */
.modal-content{background:var(--ms-panel)!important;border:1px solid var(--ms-line-soft)!important;color:var(--ms-text)!important;border-radius:18px!important}
.modal-header,.modal-footer{border-color:var(--ms-line-soft)!important}
.modal-backdrop.show{opacity:.72}
.close{color:var(--ms-text)!important;text-shadow:none!important;opacity:.7}
.close:hover{opacity:1;color:var(--ms-amber)!important}
.popover,.tooltip-inner{background:var(--ms-panel-2)!important;color:var(--ms-text)!important;border:1px solid var(--ms-line-soft)!important}

/* Modal de COMPARTIR: X grande y siempre alcanzable + diálogo desplazable.
   Evita que en móvil la ventana quede "pasmada" sin poder cerrarse. */
.modal{-webkit-overflow-scrolling:touch}
.share-modal .modal-header{position:relative;min-height:44px}
.share-modal .close{
  position:absolute!important;top:6px;right:8px;z-index:5;margin:0!important;
  width:42px;height:42px;display:flex;align-items:center;justify-content:center;
  font-size:22px;line-height:1;opacity:.95;border-radius:50%
}
.share-modal .close:hover{background:rgba(246,191,36,.14)}
@media (max-width:576px){
  /* alinear arriba para que la X no se corte y el contenido se pueda desplazar */
  .share-modal .modal-dialog.modal-dialog-centered{align-items:flex-start!important;min-height:calc(100% - 1rem)}
  .share-modal .modal-dialog{margin:.6rem!important}
}

/* ---------- Tabs / pills ---------- */
.nav-tabs{border-color:var(--ms-line-soft)!important}
.nav-tabs .nav-link{color:var(--ms-muted)!important;border:none!important}
.nav-tabs .nav-link.active{color:var(--ms-amber)!important;background:transparent!important;border-bottom:2px solid var(--ms-amber)!important}
.nav-pills .nav-link.active{background:var(--ms-amber)!important;color:#1a1205!important}

/* ---------- Badges / alerts / list ---------- */
.badge-primary{background:var(--ms-amber)!important;color:#1a1205!important}
.badge-secondary{background:rgba(255,255,255,.08)!important;color:var(--ms-text)!important}
.badge-success{background:#3ea87a!important;color:#06170f!important}
.badge-danger{background:var(--ms-ember)!important;color:#fff!important}
.alert{border-radius:12px!important}
.alert-danger{background:rgba(224,72,15,.12)!important;border:1px solid rgba(224,72,15,.4)!important;color:#ffb4a1!important}
.alert-success{background:rgba(62,168,122,.12)!important;border:1px solid rgba(62,168,122,.4)!important;color:#9be7c5!important}
.alert-warning{background:rgba(246,191,36,.12)!important;border:1px solid var(--ms-line)!important;color:var(--ms-amber-2)!important}
.alert-info{background:rgba(40,200,216,.1)!important;border:1px solid rgba(40,200,216,.35)!important;color:#8fe4ec!important}
.list-group-item{background:var(--ms-panel)!important;border-color:var(--ms-line-soft)!important;color:var(--ms-text)!important}

/* ---------- Tablas / paginación ---------- */
.table{color:var(--ms-text)!important}
.table td,.table th{border-color:var(--ms-line-soft)!important}
.table thead th{border-color:var(--ms-line-soft)!important;color:var(--ms-muted)!important}
.table-hover tbody tr:hover{background:rgba(246,191,36,.05)!important}
.page-link{background:var(--ms-panel)!important;border-color:var(--ms-line-soft)!important;color:var(--ms-text)!important}
.page-link:hover{background:rgba(246,191,36,.1)!important;color:var(--ms-amber)!important}
.page-item.active .page-link{background:var(--ms-amber)!important;border-color:var(--ms-amber)!important;color:#1a1205!important}
.page-item.disabled .page-link{background:var(--ms-panel)!important;color:var(--ms-muted-2)!important}

/* ---------- Footer ---------- */
body .footer_background_color{background:var(--ms-ink-2)!important;border-top:1px solid var(--ms-line-soft)!important}
.footer_text_color,footer{color:var(--ms-muted)!important}
footer h6{color:var(--ms-muted-2)!important}
.link-footer{color:var(--ms-muted)!important}
.link-footer:hover{color:var(--ms-amber)!important}
.ico-social{color:var(--ms-muted)!important}
.ico-social:hover{color:var(--ms-amber)!important}
.copyright{color:var(--ms-muted-2)!important}

/* ---------- Detalles ---------- */
.border,.border-top,.border-bottom,.border-left,.border-right{border-color:var(--ms-line-soft)!important}
.bg-gradient .btn-light{background:#160f04!important;color:var(--ms-amber)!important;border-color:transparent!important}
.spinner-border{color:var(--ms-amber)!important}
.progress{background:rgba(255,255,255,.08)!important}
.progress-bar{background:var(--ms-grad)!important}

/* Banner de cookies */
.showBanner{background:var(--ms-panel-2)!important;border-bottom:1px solid var(--ms-line-soft)!important;color:var(--ms-text)!important}

/* Scrollbar */
*{scrollbar-color:rgba(246,191,36,.4) transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:rgba(246,191,36,.3);border-radius:999px}
::-webkit-scrollbar-thumb:hover{background:rgba(246,191,36,.5)}
/* ===================================================================
   MY SECRET — Perfil de creador (forma del mockup aprobado)
   Capa que se monta SOBRE ms-brand.css. Solo estiliza la vista de
   perfil (users/profile.blade.php); no toca la lógica.
   Cárgalo DESPUÉS de ms-brand.css.
   Usa las mismas variables --ms-* de ms-brand.css.
   =================================================================== */

/* ---------- Cover ---------- */
.jumbotron-cover-user{
  position:relative!important;
  border-radius:0!important;
  box-shadow:inset 0 -100px 90px -30px var(--ms-ink)!important; /* funde el cover con el fondo oscuro */
}
.wraper-cover-upload .btn-cover-upload,.btn-cover-upload{
  background:rgba(0,0,0,.45)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;border-radius:999px!important;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}

/* ---------- Avatar ---------- */
/* OJO: sin z-index aquí. Un z-index en .img-profile-user crea un contexto de
   apilamiento que atrapa el modal de compartir por debajo del backdrop y no se
   puede cerrar. position:relative sin z-index basta para la cabecera. */
.img-profile-user{margin-top:-40px!important;position:relative}
.img-profile-user .img-user.avatarUser{
  border:4px solid var(--ms-panel)!important;
  box-shadow:0 22px 55px -22px rgba(0,0,0,.85)!important;
}
.avatar-wrap,.avatar-wrap-live{border-radius:50%!important}
.button-avatar-upload{background:var(--ms-amber)!important;color:#1a1205!important;border-radius:50%!important}
.live-span{background:var(--ms-ember)!important;color:#fff!important;font-family:"Space Mono"!important;letter-spacing:.06em;border-radius:999px!important}

/* ---------- Nombre / estado ---------- */
.img-profile-user .media-body h4{
  font-family:"Sora",sans-serif!important;font-weight:800!important;
  font-size:clamp(1.4rem,4vw,1.7rem)!important;letter-spacing:-.02em;color:var(--ms-text)!important;margin-bottom:.15rem}
.img-profile-user .media-body .verified{color:var(--ms-amber)!important}
.img-profile-user .media-body .text-featured{color:var(--ms-orange)!important}
.img-profile-user .media-body>p{color:var(--ms-muted)!important;font-size:.9rem}
.timeAgo{color:var(--ms-muted-2)!important}

/* ---------- Botones de acción (compactos, estilo OnlyFans) ---------- */
.d-flex-user{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px!important;margin-top:8px}
.btn-profile{border-radius:999px!important;font-weight:700!important;margin:0!important}

/* Suscripción = botón principal */
.btn-primary.btn-profile{
  flex:1 1 100%!important;max-width:440px;
  padding:14px 26px!important;font-size:15px!important;
  background:var(--ms-grad)!important;color:#1a1205!important;border:none!important;
  box-shadow:0 14px 34px -14px rgba(246,191,36,.6)!important;
}
.btn-success.btn-profile{background:rgba(72,214,154,.14)!important;color:#8fe6c2!important;border:1px solid rgba(72,214,154,.4)!important}
.btn-warning.btn-profile{background:rgba(246,191,36,.14)!important;color:var(--ms-amber-2)!important;border:1px solid var(--ms-line)!important}

/* Tip · Regalos · Mensaje · Compartir = compactos */
.btn-google.btn-profile{
  padding:10px 15px!important;font-size:12.5px!important;font-weight:600!important;
  background:rgba(255,255,255,.05)!important;border:1px solid var(--ms-line-soft)!important;color:var(--ms-text)!important;
  display:inline-flex!important;align-items:center;gap:7px;line-height:1;
}
.btn-google.btn-profile:hover{background:rgba(246,191,36,.1)!important;border-color:var(--ms-amber)!important;color:var(--ms-white)!important}
.btn-google.btn-profile i,.btn-google.btn-profile svg{color:var(--ms-amber)!important;margin:0!important}

/* Opción icon-only (se activa con el snippet Blade del README: clase .btn-icon) */
.btn-google.btn-profile.btn-icon{width:48px!important;height:48px!important;min-width:48px!important;padding:0!important;border-radius:50%!important;justify-content:center!important;gap:0!important;font-size:0!important}
.btn-google.btn-profile.btn-icon i,.btn-google.btn-profile.btn-icon svg{font-size:20px!important;width:20px!important;height:20px!important;margin:0!important}
.btn-icon .btn-label{display:none!important}

/* Reportar / restringir discretos */
.d-flex-user + .text-center .btn-link{color:var(--ms-muted-2)!important}
.d-flex-user + .text-center .btn-link:hover{color:var(--ms-ember)!important}

/* ---------- Tabs / contadores ---------- */
.nav-profile{
  border-top:1px solid var(--ms-line-soft)!important;
  border-bottom:1px solid var(--ms-line-soft)!important;
  margin-top:14px!important;padding:8px 0!important;gap:2px;
}
.nav-profile .nav-link{color:var(--ms-muted)!important;border:none!important;position:relative;transition:color .2s}
.nav-profile .nav-link:hover{color:var(--ms-text)!important}
.nav-profile .nav-link.active{color:var(--ms-amber)!important;background:transparent!important}
.nav-profile .nav-link.active::after{content:"";position:absolute;left:24%;right:24%;bottom:-9px;height:2px;background:var(--ms-amber);border-radius:2px}
.nav-profile .nav-link i,.nav-profile .nav-link svg{color:inherit!important}
.nav-profile .sm-btn-size{font-family:"Space Mono",monospace!important;font-weight:700!important;color:var(--ms-text)!important;font-size:14px}

/* ---------- Stats sobre el cover ---------- */
.ms-cover-stats{position:absolute;top:16px;left:18px;z-index:4;display:flex;gap:16px;flex-wrap:wrap}
.ms-cover-stats span{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:700;font-size:14px;text-shadow:0 1px 6px rgba(0,0,0,.8)}
.ms-cover-stats i{color:var(--ms-amber)}

/* ---------- Bio con "Ver más" ---------- */
.ms-bio{max-width:520px;margin:4px auto 2px;text-align:center}
.ms-bio-text{color:var(--ms-text)!important;font-size:14px;line-height:1.6;margin:0}
.ms-bio-text.ms-clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ms-vermas{background:none;border:none;color:var(--ms-amber);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;padding:6px 0 0}
.ms-vermas:hover{text-decoration:underline}

/* ---------- Redes sociales del creador ---------- */
.ms-socials{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:10px 0 6px}
.ms-spill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-weight:600;font-size:13px;color:var(--ms-text)!important;background:rgba(255,255,255,.05);border:1px solid var(--ms-line-soft);transition:.2s}
.ms-spill:hover{transform:translateY(-2px);border-color:var(--ms-amber)!important;color:var(--ms-white)!important}
.ms-spill i{color:var(--ms-amber)}

/* ---------- Posts / feed dentro del perfil ---------- */
.card-updates .card-cover,.card-post .card-cover{background-color:#241c14!important}
.locked,.post-locked,.blur-content{position:relative}

/* ===================== PATCH v2 — perfil ===================== */
/* Stats: bajarlos para que no los tape el navbar fijo */
.ms-cover-stats{top:auto!important;bottom:18px!important;left:18px!important}
/* Avatar: quitar el aro/fondo blanco del wrap */
.avatar-wrap,.avatar-wrap-live{background:transparent!important}
/* Navbar: enlaces visibles (el tema los pone gris con la clase link-scroll) */
.navbar.link-scroll a.nav-link:not(.btn){color:var(--ms-text)!important}
.navbar.link-scroll a.nav-link:not(.btn):hover{color:var(--ms-amber)!important}
.navbar.link-scroll .icon-navbar{color:var(--ms-muted)!important}
.navbar-toggler{color:var(--ms-amber)!important;border:1px solid var(--ms-line-soft)!important}
.navbar-toggler .fa,.navbar-toggler i{color:var(--ms-amber)!important}
/* Menú móvil (colapsable): fondo oscuro para que se lea */
@media (max-width:991px){
  #navbarCollapse{background:var(--ms-ink-2)!important;border:1px solid var(--ms-line-soft);border-radius:14px;padding:12px 14px!important;margin-top:10px}
}
/* Columna izquierda (sidebar) tipo mockup: fija al hacer scroll en desktop */
@media (min-width:992px){ #navbarUserHome{position:sticky;top:96px} }
.share-btn-user{color:var(--ms-muted)!important}
.share-btn-user:hover{color:var(--ms-amber)!important}
.truncated{color:var(--ms-muted)!important}

/* ===================== PATCH v3 — cabecera estilo Fansly (izquierda) ===================== */
/* Stats en la parte alta de la portada */
.ms-cover-stats{top:90px!important;bottom:auto!important;left:16px!important;gap:16px!important}
/* Cabecera alineada a la izquierda */
.img-profile-user{text-align:left!important;padding-left:16px!important;padding-right:16px!important}
.img-profile-user .avatar-wrap,.img-profile-user .avatar-wrap-live{display:inline-block!important;margin:0!important;margin-top:-70px!important}
.img-profile-user .img-user.avatarUser{width:112px!important;height:112px!important}
.img-profile-user .media-body{text-align:left!important;margin-top:6px}
.img-profile-user .media-body h4{text-align:left!important;justify-content:flex-start!important;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.img-profile-user .media-body>p{text-align:left!important}
.d-flex-user{justify-content:flex-start!important}
.nav-profile{justify-content:flex-start!important}

/* ===================== PATCH v4 ===================== */
/* Bio + redes en la cabecera, alineadas a la izquierda */
.img-profile-user .ms-bio{max-width:none!important;margin:6px 0 2px!important;text-align:left!important}
.img-profile-user .ms-socials{justify-content:flex-start!important;margin:12px 0 4px!important}
/* Quitar el botón "Acerca de mí" y su tarjeta duplicada del sidebar */
.btn-arrow-expand{display:none!important}
#navbarUserHome{display:block!important}
#navbarUserHome .card.rounded-large{display:none!important}
/* Menú de navegación móvil a PANTALLA COMPLETA al abrir */
@media (max-width:991px){
  #navbarCollapse.show{
    position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;
    width:100vw!important;height:100vh!important;max-width:100vw!important;
    margin:0!important;border:0!important;border-radius:0!important;
    background:var(--ms-ink)!important;z-index:1090!important;
    padding:22px 20px!important;overflow-y:auto!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;
  }
  #navbarCollapse.show .navbar-nav{width:100%!important;margin:0!important}
  #navbarCollapse.show .search-bar{width:100%!important}
  #navbarCollapse.show .form-inline{width:100%!important}
  #navbarCollapse.show .close-menu-mobile{align-self:flex-end;font-size:26px;color:var(--ms-amber)!important}
}

/* ===================== PATCH v5 — acciones en una sola fila 1x4 ===================== */
.img-profile-user{position:relative!important}
/* Orden en el DOM: Mensaje · Propina · Regalos · Compartir */
.ms-actions{position:absolute!important;right:14px;top:8px;display:flex!important;flex-direction:row!important;
  flex-wrap:nowrap!important;align-items:center;gap:9px;z-index:6;margin:0!important;width:auto!important}
.ms-actions .btn-google.btn-profile{margin:0!important;flex:0 0 auto;width:44px!important;height:44px!important;
  display:inline-flex!important;align-items:center;justify-content:center}
/* el modal de compartir ya vive fuera de .ms-actions; por si acaso, nunca ocupa lugar en la fila */
.ms-actions .modal{position:fixed!important}
@media (max-width:420px){ .ms-actions{gap:7px;right:10px} .ms-actions .btn-google.btn-profile{width:40px!important;height:40px!important} }
@media (max-width:360px){ .ms-actions{gap:6px} .ms-actions .btn-google.btn-profile{width:37px!important;height:37px!important} }

/* ===================== PATCH v6 — punto de estado sobre el borde de la foto ===================== */
.img-profile-user .avatar-wrap,.img-profile-user .avatar-wrap-live{position:relative!important;overflow:visible!important}
.img-profile-user .avatar-wrap::before,
.img-profile-user .avatar-wrap-live::before,
.avatar-wrap.user-offline-profile::before,.avatar-wrap.user-online-profile::before,
.avatar-wrap-live.user-offline-profile::before,.avatar-wrap-live.user-online-profile::before{
  position:absolute!important;
  left:104px!important;top:84px!important;right:auto!important;bottom:auto!important;
  margin:0!important;width:17px!important;height:17px!important;border-radius:50%!important;
  border:3px solid var(--ms-ink)!important;box-shadow:0 0 0 1.5px rgba(246,191,36,.30)!important;z-index:7!important;
}

/* ===================== PATCH v8 — promoción de suscripción (precio tachado + contador) ===================== */
.ms-promo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px;padding:7px 11px;border:1px solid rgba(246,191,36,.35)!important;background:rgba(246,191,36,.08)!important;border-radius:12px}
.ms-promo-badge{background:var(--ms-amber)!important;color:#231402!important;font-weight:800;font-size:12px;padding:2px 8px;border-radius:999px;font-family:"Space Mono",monospace}
.ms-promo-old{color:var(--ms-muted)!important;text-decoration:line-through;font-size:13px}
.ms-promo-new{color:var(--ms-amber)!important;font-weight:800;font-size:15px}
.ms-promo-count{color:var(--ms-muted)!important;font-size:11.5px;font-family:"Space Mono",monospace;width:100%}

/* Logo de MercadoPago en el modal de suscripción: más grande y prolijo */
.ms-mp-logo{max-width:170px;width:60%;height:auto;margin:2px 0;vertical-align:middle;}
.ms-mp-methods{color:var(--ms-muted)!important;font-size:11.5px;margin-top:3px;line-height:1.3;}