/*
 * REDEBOOK CLASSIC 2008 · segunda pasada visual
 * Este archivo controla la apariencia retro. No contiene lógica de negocio.
 * Cambiar la identidad de color debe hacerse principalmente en [01] PALETA.
 */

/* ==========================================================
   [01] PALETA DE COLOR — CAMBIAR ACÁ LA IDENTIDAD DE REDEBOOK
   ========================================================== */
:root{
  /* Colores exactos dominantes del logo oficial */
  --rb08-brand:#1b046d;        /* violeta oscuro */
  --rb08-brand-dark:#120348;   /* violeta profundo */
  --rb08-brand-mid:#3a5998;    /* azul grisáceo */
  --rb08-blue:#136eb4;         /* azul principal */
  --rb08-cyan:#1ca0f2;         /* celeste */
  --rb08-accent:#ff9900;       /* naranja del ave */

  /* Colores de interfaz derivados */
  --rb08-brand-soft:#edf3fb;
  --rb08-link:#136eb4;
  --rb08-page:#f5f6f8;
  --rb08-panel:#ffffff;
  --rb08-panel-soft:#edf1f7;
  --rb08-panel-alt:#f4f7fb;
  --rb08-border:#ccd6e4;
  --rb08-border-strong:#aabbd2;
  --rb08-text:#20242a;
  --rb08-muted:#68717c;
  --rb08-danger:#a83b3b;
  --rb08-notice:#fff7db;
  --rb08-notice-border:#e5b749;
  --rb08-white:#ffffff;
  --rb08-black:#111111;

  /* Compatibilidad con el CSS base existente */
  --bg:var(--rb08-page);
  --panel:var(--rb08-panel);
  --panel2:var(--rb08-panel-soft);
  --border:var(--rb08-border);
  --line:var(--rb08-border);
  --text:var(--rb08-text);
  --muted:var(--rb08-muted);
  --primary:var(--rb08-blue);
  --danger:var(--rb08-danger);
  --max:980px;
}

/* ==========================================================
   [02] BASE GENERAL
   ========================================================== */
*{box-sizing:border-box}
html{background:var(--rb08-white)}
body{
  margin:0;
  background:var(--rb08-page)!important;
  color:var(--rb08-text);
  font-family:Tahoma,Verdana,Arial,sans-serif;
  font-size:12px;
  line-height:1.35;
}
a{color:var(--rb08-link)}
.rb-wrap{width:min(calc(100% - 20px),var(--max));margin:auto}
.rb-muted,.rb-note{color:var(--rb08-muted)}

/* ==========================================================
   [03] CABECERA Y NAVEGACIÓN
   ========================================================== */
body>.rb-wrap:first-of-type{
  width:100%;max-width:none;
  background:var(--rb08-brand);
  border-bottom:3px solid var(--rb08-blue);
}
.rb-top{width:min(calc(100% - 20px),var(--max));height:46px;margin:auto;padding:0;gap:14px}
.rb-brand{display:flex;align-items:center;flex:0 0 auto;padding:3px 7px;border:1px solid rgba(255,255,255,.72);background:var(--rb08-white);text-decoration:none}
.rb-brand-logo{display:block;width:158px;height:auto}
.rb-actions{gap:2px;flex-wrap:nowrap}
.rb-top .rb-btn{min-height:26px;padding:0 7px;border:0;border-radius:0;background:transparent;color:var(--rb08-white);font-size:11px;font-weight:bold}
.rb-top .rb-btn:hover{background:var(--rb08-blue)}
.rb-top .rb-primary{background:transparent;color:var(--rb08-white)}
.rb-top .rb-primary:hover{background:var(--rb08-accent);color:#2b1700}
.rb-nav-badge span,.rb-messages-unread{min-width:16px;height:16px;margin-left:3px;padding:0 4px;border-radius:2px;background:var(--rb08-accent);color:#2b1700;font-size:10px;font-weight:bold}

/* ==========================================================
   [04] BOTONES, CAMPOS Y FORMULARIOS
   ========================================================== */
.rb-btn{min-height:28px;padding:0 10px;border:1px solid #999;border-radius:2px;font-size:11px;font-weight:bold;background:#eee;color:#222;box-shadow:none}
.rb-primary{border-color:#0d568e;background:var(--rb08-blue);color:var(--rb08-white)}
.rb-primary:hover{background:#0f5f9d}
.rb-btn:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--rb08-accent);outline-offset:1px}
.rb-ghost{border-color:#999;background:#eee;color:#333}
.rb-link-danger{font-size:11px;padding:5px;color:var(--rb08-danger)}
.rb-field input,.rb-field textarea,.rb-field select,.rb-search input,.rb-composer textarea,.rb-composer select,.rb-comment-form input,.rb-chat-form textarea{
  border:1px solid var(--rb08-border-strong)!important;border-radius:0!important;background:var(--rb08-white)!important;color:var(--rb08-black)!important;padding:6px!important;font:12px Tahoma,Verdana,Arial,sans-serif!important;
}
.rb-field{margin:10px 0}
.rb-field label{display:block;margin-bottom:4px;font-size:11px;font-weight:bold}
.rb-field textarea{min-height:110px}
.rb-note{font-size:11px}
.rb-form-page{min-height:calc(100vh - 42px);padding:52px 10px 55px;display:block}
.rb-form-card{width:min(100%,600px);margin:0 auto;padding:18px;border:1px solid var(--rb08-border-strong);border-radius:0;background:var(--rb08-white)}
.rb-form-card h1{margin:0 -18px 16px;padding:7px 10px;border-bottom:1px solid var(--rb08-border-strong);background:var(--rb08-panel-soft);color:#333;font:700 16px Arial,sans-serif}
.rb-form-card .rb-kicker{margin:0 0 10px;color:var(--rb08-muted);letter-spacing:0;text-transform:none;font-size:12px}
.rb-form-card .rb-btn-submit{width:100%}
.rb-message{border-radius:0;background:var(--rb08-notice);border:1px solid var(--rb08-notice-border)}
.rb-check-row label{display:inline-flex!important;align-items:center;gap:6px;margin:0;font-weight:normal}
.rb-check-row input[type="checkbox"]{width:auto!important;margin:0!important;padding:0!important;vertical-align:middle}

/* ==========================================================
   [05] INICIO PÚBLICO / PORTADA 2008
   ========================================================== */
.rb-classic-public-home{width:min(calc(100% - 20px),980px);margin:0 auto;padding:48px 0 55px}
.rb-classic-home-grid{display:grid;grid-template-columns:minmax(0,1.6fr) 330px;gap:38px;align-items:start}
.rb-classic-home-intro{padding:12px 8px}
.rb-classic-home-logo{display:block;width:min(345px,72%);height:auto;margin:0 0 20px}
.rb-classic-home-intro h1{max-width:590px;margin:0 0 16px;color:#303030;font:700 25px/1.25 Arial,sans-serif;letter-spacing:-.5px}
.rb-classic-home-intro>p{max-width:620px;margin:0 0 18px;color:#555;font-size:13px;line-height:1.55}
.rb-classic-feature-list{margin:18px 0 0;padding:0;list-style:none;border-top:1px solid var(--rb08-border)}
.rb-classic-feature-list li{padding:10px 5px 10px 27px;border-bottom:1px solid var(--rb08-border);position:relative;color:#444}
.rb-classic-feature-list li:before{content:"›";position:absolute;left:8px;top:7px;color:var(--rb08-accent);font:bold 18px Arial,sans-serif}
.rb-classic-access-panel,.rb-classic-panel{border:1px solid var(--rb08-border-strong);background:var(--rb08-white)}
.rb-classic-panel-title,.rb-classic-panel>h1{margin:0;padding:6px 8px;border-bottom:1px solid var(--rb08-border-strong);background:var(--rb08-panel-soft);color:#333;font:bold 12px Tahoma,Verdana,Arial,sans-serif}
.rb-classic-panel-body{padding:12px}
.rb-classic-panel-body p{margin:0 0 10px;color:#555}
.rb-classic-wide-btn{display:flex;width:100%;margin:6px 0}
.rb-classic-separator{position:relative;margin:14px 0;border-top:1px solid var(--rb08-border);text-align:center;height:1px}
.rb-classic-separator span{position:relative;top:-8px;padding:0 8px;background:var(--rb08-white);color:#999}
.rb-classic-signup-text{line-height:1.5}
.rb-classic-about-strip{margin-top:35px;padding:9px;border-top:1px solid var(--rb08-border);border-bottom:1px solid var(--rb08-border);color:#777;text-align:center;font-size:11px}
.rb-classic-member-home{width:min(calc(100% - 20px),760px);margin:22px auto 50px}
.rb-classic-welcome-name{font-weight:bold;color:#333}
.rb-classic-home-links{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--rb08-border)}
.rb-classic-home-links a{padding:8px;border-bottom:1px solid var(--rb08-border);text-decoration:none}
.rb-classic-home-links a:hover{text-decoration:underline;background:var(--rb08-panel-soft)}

/* ==========================================================
   [06] FEED Y PUBLICACIONES
   ========================================================== */
.rb-app-main{padding:18px 0}
.rb-feed{width:min(calc(100% - 20px),700px);margin:18px auto 45px}
.rb-feed>h1,.rb-directory>h1{font:700 22px Arial,sans-serif}
.rb-kicker{color:var(--rb08-muted);letter-spacing:0;text-transform:none;font-size:12px}
.rb-lead{color:#555;font-size:13px;line-height:1.5}
.rb-composer{margin-bottom:12px;padding:10px;border:1px solid var(--rb08-border-strong);border-radius:0;background:var(--rb08-white)}
.rb-composer:before{content:"Compartir";display:block;margin:-10px -10px 8px;padding:5px 7px;border-bottom:1px solid var(--rb08-border-strong);background:var(--rb08-panel-soft);color:#333;font-weight:bold}
.rb-composer textarea{min-height:65px}
.rb-composer-foot{margin-top:6px}.rb-media-picker{margin-top:6px}
.rb-file-button{color:var(--rb08-link);font-size:11px}.rb-selected-files{font-size:10px}
.rb-post{margin:0 0 10px;padding:10px;border:1px solid var(--rb08-border);border-radius:0;background:var(--rb08-white)}
.rb-post-head{gap:8px;align-items:flex-start}
.rb-post-avatar{width:42px;height:42px;border-radius:2px;background:var(--rb08-panel-soft);color:var(--rb08-brand);font-size:14px}
.rb-post-user{color:var(--rb08-link);font-size:12px;font-weight:bold}
.rb-post-meta{margin-top:1px;color:#999;font-size:10px}
.rb-post-content{margin:8px 0 5px;line-height:1.45;font-size:12px}
.rb-post-actions{gap:0;margin-top:8px;padding-top:5px;border-top:1px solid #eee}
.rb-action{padding:3px 6px;border-radius:0;color:var(--rb08-link);font-size:11px;font-weight:normal}
.rb-action:hover,.rb-action.active{background:var(--rb08-panel-soft);color:var(--rb08-link);text-decoration:underline}
.rb-comments{margin-top:5px;padding:7px;background:var(--rb08-panel-alt);border-top:1px solid #e1e7ef}
.rb-comment{padding:6px 0;border-bottom:1px solid var(--rb08-border)}
.rb-comment-form{margin-top:6px}.rb-mention,.rb-hashtag{color:var(--rb08-link);font-weight:bold}
.rb-post-media{gap:3px;margin-top:8px;border:1px solid #ddd;border-radius:0}
.rb-post-media a{background:#eee}.rb-post-video{border-radius:0!important}

/* ==========================================================
   [07] PERFIL
   ========================================================== */
.rb-profile-shell{width:min(calc(100% - 20px),850px);padding:18px 0 45px}
.rb-cover{height:160px;border:1px solid var(--rb08-border-strong);border-radius:0;background:var(--rb08-brand-soft)}
.rb-profile-head{margin-top:-38px;padding:0 12px;align-items:flex-end}
.rb-profile-head .rb-avatar,.rb-avatar{width:100px;height:100px;border:4px solid var(--rb08-white);border-radius:2px;background:var(--rb08-panel-soft);color:var(--rb08-brand);box-shadow:0 0 0 1px var(--rb08-border-strong)}
.rb-name h1{font:700 20px Arial,sans-serif;color:#222}.rb-name p{color:#777}
.rb-social-counts{margin:5px 0 12px 130px;gap:14px;color:#777;font-size:11px}
.rb-profile-body{grid-template-columns:250px minmax(0,1fr);gap:10px;margin-top:12px}
.rb-box,.rb-card{margin:0 0 10px;padding:10px;border:1px solid var(--rb08-border);border-radius:0;background:var(--rb08-white)}
.rb-box h2,.rb-box h3,.rb-profile-section-title{margin:-10px -10px 9px;padding:5px 7px;border-bottom:1px solid var(--rb08-border);background:var(--rb08-panel-soft);color:#333;font:700 12px Tahoma,Verdana,Arial,sans-serif}
.rb-meta{gap:5px;font-size:11px}.rb-bio{line-height:1.45}.rb-social-actions{gap:4px}
.rb-friends-status{border-radius:0;background:var(--rb08-panel-soft);border:1px solid var(--rb08-border-strong);color:#333}

/* ==========================================================
   [08] EDITAR PERFIL Y ARCHIVOS
   ========================================================== */
.rb-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 16px}
.rb-upload-box{padding:0 10px 10px;border:1px solid var(--rb08-border);border-radius:0;background:var(--rb08-white)}
.rb-upload-box h2{margin:0 -10px 9px;padding:5px 7px;border-bottom:1px solid var(--rb08-border);background:var(--rb08-panel-soft);font:bold 12px Tahoma,Verdana,Arial,sans-serif}
.rb-upload-box .rb-note{margin:8px 0;line-height:1.4}
.rb-file{width:100%;padding:4px!important;border:1px solid var(--rb08-border-strong)!important;border-radius:0!important;background:var(--rb08-white)!important;color:#333!important;font:11px Tahoma,Verdana,Arial,sans-serif!important}
.rb-preview{margin:8px 0;border:1px solid var(--rb08-border);border-radius:0;background:#f5f5f5;overflow:hidden}
.rb-preview-avatar{width:110px;height:110px;border-radius:0}
.rb-preview-cover{width:100%;height:150px}
.rb-preview img{width:100%;height:100%;object-fit:cover;display:block}
.rb-upload-box .rb-btn-submit{width:100%;margin-top:4px}

/* ==========================================================
   [09] PERSONAS, SOLICITUDES, NOTIFICACIONES Y GUARDADOS
   ========================================================== */
.rb-directory{width:min(calc(100% - 20px),760px);margin:18px auto 45px}
.rb-search{padding:8px;border:1px solid var(--rb08-border-strong);border-radius:0;background:var(--rb08-panel-soft)}
.rb-person,.rb-notification{margin:0;padding:9px;border:0;border-bottom:1px solid var(--rb08-border);border-radius:0;background:var(--rb08-white)}
.rb-people-results,.rb-notification-list{margin-top:10px;border:1px solid var(--rb08-border)}
.rb-notification-list{display:block}.rb-notification.unread{border-color:var(--rb08-border);background:var(--rb08-panel-soft)}
.rb-notification-open,.rb-mini-link{color:var(--rb08-link)}
.rb-saved-note{margin:-5px 0 12px;color:var(--rb08-muted)}
.rb-saved-empty{padding:10px;border:1px solid var(--rb08-border);border-radius:0;background:var(--rb08-white);color:var(--rb08-muted)}

/* ==========================================================
   [10] MENSAJES
   ========================================================== */
.rb-messages-page{max-width:900px;margin:18px auto;padding:0 10px}
.rb-messages-shell{grid-template-columns:280px 1fr;min-height:560px;border:1px solid var(--rb08-border-strong);border-radius:0;background:var(--rb08-white)}
.rb-conversation-list{border-right:1px solid var(--rb08-border-strong)}
.rb-messages-title{padding:7px 9px;border-bottom:1px solid var(--rb08-border-strong);background:var(--rb08-panel-soft)}
.rb-messages-title h1{font:700 13px Tahoma,Verdana,Arial,sans-serif}
.rb-conversation-row{gap:8px;padding:8px;border-bottom:1px solid var(--rb08-border)}
.rb-conversation-row:hover,.rb-conversation-row.active{background:var(--rb08-panel-soft)}
.rb-conversation-row img,.rb-chat-head img,.rb-conversation-row .rb-chat-avatar-fallback,.rb-chat-head .rb-chat-avatar-fallback{width:38px;height:38px;flex-basis:38px;border-radius:2px;font-size:14px}
.rb-message-badge{min-width:18px;height:18px;border-radius:2px;background:var(--rb08-accent);color:#2b1700;font-size:10px}
.rb-chat-panel{background:var(--rb08-white)}.rb-chat-head{padding:7px 9px;border-bottom:1px solid var(--rb08-border-strong);background:var(--rb08-panel-soft)}
.rb-chat-messages{gap:3px;padding:10px;background:var(--rb08-white)}
.rb-message>div{max-width:76%;padding:6px 8px;border:1px solid var(--rb08-border);border-radius:2px;background:#f5f6f7}
.rb-message.mine>div{background:#edf5ff;border-bottom-right-radius:2px}.rb-message.theirs>div{border-bottom-left-radius:2px}
.rb-message small{color:#888;font-size:9px}.rb-chat-form{padding:7px;border-top:1px solid var(--rb08-border-strong);background:var(--rb08-panel-soft)}

/* ==========================================================
   [11] REACCIONES, MENCIONES Y CAPAS AUXILIARES
   ========================================================== */
.rb-reaction-picker,.rb-lb-reaction-picker,.rb-mention-autocomplete{padding:4px;border:1px solid #999;border-radius:0;background:var(--rb08-white);box-shadow:2px 2px 5px #999;color:#222}
.rb-reaction-option{border-radius:2px}.rb-reaction-option:hover,.rb-reaction-option.active{background:var(--rb08-panel-soft)}
.rb-mention-suggestion{border-radius:0;color:#222}.rb-mention-suggestion:hover,.rb-mention-suggestion.active{background:var(--rb08-panel-soft)}

/* ==========================================================
   [12] PIE DE PÁGINA
   ========================================================== */
.rb-footer{min-height:65px;color:#777;border-top:1px solid #ddd}

/* ==========================================================
   [13] MÓVIL
   ========================================================== */
@media(max-width:900px){
  .rb-profile-body{grid-template-columns:1fr}.rb-social-counts{margin-left:0}
  .rb-classic-home-grid{grid-template-columns:1fr;gap:18px}.rb-classic-access-panel{max-width:520px}
}
@media(max-width:700px){.rb-media-grid{grid-template-columns:1fr}}
@media(max-width:620px){
  body{font-size:12px;padding-bottom:55px}
  .rb-wrap{width:min(calc(100% - 10px),var(--max))}
  .rb-top{width:calc(100% - 10px);height:42px}.rb-brand{padding:2px 5px}.rb-brand-logo{width:132px}
  .rb-mobile-nav{height:50px;grid-template-columns:repeat(5,1fr);background:var(--rb08-brand);border-top:2px solid var(--rb08-blue);backdrop-filter:none;padding:0}
  .rb-mobile-nav a{color:var(--rb08-white);font-size:9px;font-weight:normal;gap:1px}.rb-mobile-nav a strong{font-size:14px}.rb-mobile-nav a:hover,.rb-mobile-nav a:focus{background:var(--rb08-blue);color:var(--rb08-white)}
  .rb-classic-public-home{padding:24px 0 35px}.rb-classic-home-intro{padding:0}.rb-classic-home-intro h1{font-size:20px}.rb-classic-about-strip{text-align:left;line-height:1.6}
  .rb-classic-home-links{grid-template-columns:1fr}
  .rb-feed{width:calc(100% - 8px);margin-top:8px}.rb-composer,.rb-post{border-radius:0;padding:8px}.rb-composer:before{margin:-8px -8px 7px}
  .rb-post-avatar{width:36px;height:36px}.rb-post-actions{overflow-x:auto;flex-wrap:nowrap}.rb-action{white-space:nowrap}
  .rb-cover{height:125px}.rb-profile-head{margin-top:-32px;padding:0 6px}.rb-profile-head .rb-avatar{width:78px;height:78px}.rb-name h1{font-size:17px}
  .rb-form-page{padding:26px 5px 45px}.rb-form-card{padding:12px}.rb-form-card h1{margin:0 -12px 12px}.rb-form-card .rb-kicker{margin-top:2px}
  .rb-messages-page{padding:0 0 52px;margin:0}.rb-messages-shell{min-height:calc(100vh - 90px);border-radius:0}.rb-chat-panel{height:calc(100vh - 90px)}
  .rb-chat-messages{padding:7px}.rb-message>div{max-width:86%}
}


/* ==========================================================
   [14] PERFIL CAPSULADO + MÓDULOS DE PERFIL (v0.10.29)
   ========================================================== */
.rb-profile-modules{align-items:start}
.rb-profile-left,.rb-profile-right{min-width:0}
.rb-profile-info-list span{display:block;padding:3px 0;border-bottom:1px dotted #d9dfe8;overflow-wrap:anywhere}
.rb-profile-info-list span:last-child{border-bottom:0}
.rb-profile-info-list strong{color:#444}
.rb-profile-info-list a{color:var(--rb08-link)}
.rb-profile-right .rb-box h2 span{float:right;color:var(--rb08-muted);font-weight:normal}
.rb-friend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.rb-friend-tile{display:block;color:var(--rb08-link);font-size:10px;line-height:1.2;text-decoration:none;min-width:0}
.rb-friend-tile:hover{text-decoration:underline}
.rb-friend-photo{display:flex;width:100%;aspect-ratio:1/1;align-items:center;justify-content:center;margin-bottom:3px;border:1px solid var(--rb08-border);background:var(--rb08-panel-soft);font:bold 18px Arial,sans-serif;color:var(--rb08-brand);overflow:hidden}
.rb-friend-photo img{width:100%;height:100%;object-fit:cover;display:block}
.rb-friend-tile strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rb-profile-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.rb-profile-media-item{position:relative;display:block;aspect-ratio:1/1;border:1px solid var(--rb08-border);background:#e9edf3;overflow:hidden}
.rb-profile-media-item img,.rb-profile-media-item video{width:100%;height:100%;object-fit:cover;display:block}
.rb-profile-media-item>span{position:absolute;right:4px;bottom:3px;padding:1px 3px;background:rgba(0,0,0,.65);color:#fff;font-size:10px}
.rb-profile-capsulated .rb-profile-head{margin-bottom:12px}
.rb-profile-capsulated .rb-capsule-info{width:250px;margin-top:12px}
.rb-profile-capsulated .rb-social-counts,.rb-profile-capsulated .rb-profile-posts{display:none!important}
.rb-relationship-editor{margin:12px 0;padding:9px;border:1px solid var(--rb08-border-strong);background:var(--rb08-panel-alt)}
.rb-relationship-editor legend{padding:0 5px;color:#333;font-weight:bold}
.rb-relationship-current{margin:6px 0;padding:7px;border:1px solid var(--rb08-border);background:#fff}
.rb-relationship-current a{color:var(--rb08-link);font-weight:bold}
.rb-relationship-requests-title{margin-top:18px}
.rb-edit-profile-card{max-width:680px}
.rb-field label small{font-weight:normal;color:var(--rb08-muted)}
@media(max-width:620px){
 .rb-friend-grid,.rb-profile-media-grid{grid-template-columns:repeat(3,1fr)}
 .rb-profile-capsulated .rb-capsule-info{width:auto}
}


/* ==========================================================
   [15] PERFIL PREVIEW FIJO + "VER MÁS" (v0.10.31)
   ==========================================================
   Amigos + Fotos/Videos conservan la altura de Información +
   Biografía. No usan barras de desplazamiento.
   ========================================================== */
@media(min-width:621px){
  .rb-profile-modules{align-items:start}

  .rb-profile-right{
    height:var(--rb-profile-left-height,auto);
    min-height:0;
    display:grid;
    grid-template-rows:minmax(0,1fr) minmax(0,1fr);
    gap:10px;
    overflow:hidden;
  }

  .rb-profile-right>.rb-box{
    min-height:0;
    margin:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }

  .rb-profile-right>.rb-box h2{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
  }

  .rb-profile-module-count{
    font:normal 11px Arial,sans-serif;
    color:var(--rb08-muted);
  }

  .rb-profile-right .rb-friend-grid,
  .rb-profile-right .rb-profile-media-grid{
    flex:1 1 auto;
    min-height:0;
    overflow:hidden;
    align-content:start;
    grid-template-columns:repeat(6,minmax(0,1fr));
  }

  .rb-profile-right .rb-friend-tile{font-size:9px}
  .rb-profile-right .rb-friend-photo{font-size:15px}

  .rb-profile-more{
    flex:0 0 auto;
    display:block;
    margin-top:4px;
    padding:4px 7px;
    border-top:1px solid var(--rb08-border);
    background:var(--rb08-panel-alt);
    color:var(--rb08-link);
    font:bold 11px Arial,sans-serif;
    text-align:right;
    text-decoration:none;
  }

  .rb-profile-more:hover{text-decoration:underline}
  .rb-profile-more span{font-weight:normal;color:var(--rb08-muted)}
}

@media(max-width:620px){
  .rb-profile-right{height:auto!important;display:block;overflow:visible}
  .rb-profile-right>.rb-box{overflow:visible}
  .rb-profile-right .rb-friend-grid,
  .rb-profile-right .rb-profile-media-grid{overflow:visible}
  .rb-profile-more{display:block;margin-top:5px;padding:5px 0;border-top:1px solid var(--rb08-border);text-align:right}
}


/* ----------------------------------------------------------
   [16] MINIATURAS COMPLETAS EN PREVIEW (v0.10.32)
   ----------------------------------------------------------
   El perfil conserva su altura fija, pero las miniaturas ya no
   se recortan verticalmente. Cada celda se adapta al alto real
   disponible y la imagen completa entra dentro de ella.
   ---------------------------------------------------------- */
@media(min-width:621px){
  .rb-profile-right .rb-friend-grid,
  .rb-profile-right .rb-profile-media-grid{
    grid-auto-rows:minmax(0,1fr);
    align-items:stretch;
  }

  .rb-profile-right .rb-friend-tile{
    min-height:0;
    height:100%;
    display:grid;
    grid-template-rows:minmax(0,1fr) auto;
    align-items:stretch;
    overflow:hidden;
  }

  .rb-profile-right .rb-friend-photo{
    width:100%;
    height:100%;
    min-height:0;
    aspect-ratio:auto;
    margin-bottom:2px;
  }

  .rb-profile-right .rb-friend-photo img{
    width:100%;
    height:100%;
    object-fit:contain;
    background:var(--rb08-panel-alt);
  }

  .rb-profile-right .rb-friend-tile strong{
    min-height:11px;
    line-height:11px;
  }

  .rb-profile-right .rb-profile-media-item{
    width:100%;
    height:100%;
    min-height:0;
    aspect-ratio:auto;
  }

  .rb-profile-right .rb-profile-media-item img,
  .rb-profile-right .rb-profile-media-item video{
    width:100%;
    height:100%;
    object-fit:contain;
    background:var(--rb08-panel-alt);
  }
}

/* Páginas clásicas abiertas desde "Ver más" */
.rb-profile-list-page{width:min(calc(100% - 20px),980px);margin:18px auto 40px}
.rb-list-page-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}
.rb-list-page-head h1{margin:2px 0 0;font:700 24px Arial,sans-serif}
.rb-list-page-head h1 span{font-size:13px;font-weight:normal;color:var(--rb08-muted)}
.rb-kicker{margin:0;color:var(--rb08-muted);font:bold 11px Arial,sans-serif}
.rb-profile-full-list{padding:10px}
.rb-friends-full-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.rb-friend-full{display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;gap:2px 7px;align-items:center;padding:6px;border:1px solid var(--rb08-border);background:#fff;text-decoration:none}
.rb-friend-full-photo{grid-row:1/3;width:54px;height:54px;border:1px solid var(--rb08-border-strong);background:var(--rb08-panel-alt);display:grid;place-items:center;overflow:hidden}
.rb-friend-full-photo img{width:100%;height:100%;object-fit:cover}
.rb-friend-full strong{color:var(--rb08-link);font:700 11px Arial,sans-serif}
.rb-friend-full small{color:var(--rb08-muted);font:10px Arial,sans-serif}
.rb-media-full-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}
.rb-media-full-item{position:relative;aspect-ratio:1/1;border:1px solid var(--rb08-border);background:#eee;overflow:hidden}
.rb-media-full-item img,.rb-media-full-item video{width:100%;height:100%;object-fit:cover}
.rb-media-full-item span{position:absolute;left:4px;bottom:4px;padding:2px 4px;background:rgba(0,0,0,.68);color:#fff;font:10px Arial,sans-serif}
.rb-classic-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;padding-top:9px;border-top:1px solid var(--rb08-border);font-size:11px}
.rb-classic-pagination a{font-weight:bold}

@media(max-width:620px){
 .rb-profile-list-page{width:calc(100% - 12px);margin-top:10px}
 .rb-list-page-head{align-items:flex-start;flex-direction:column}
 .rb-friends-full-grid{grid-template-columns:repeat(2,1fr)}
 .rb-media-full-grid{grid-template-columns:repeat(3,1fr)}
}


/* ----------------------------------------------------------
   [17] RECUADROS IGUALES + SEXTO "VER MÁS" (v0.10.33)
   ----------------------------------------------------------
   Amigos y Fotos/Videos usan exactamente el mismo tamaño.
   Si hay 6 o más elementos, el sexto recuadro es "Ver más".
   ---------------------------------------------------------- */
@media(min-width:621px){
  .rb-profile-right .rb-friend-grid,
  .rb-profile-right .rb-profile-media-grid{
    display:flex;
    flex:1 1 auto;
    min-height:0;
    align-items:stretch;
    gap:4px;
    overflow:hidden;
  }

  .rb-profile-right .rb-friend-tile,
  .rb-profile-right .rb-profile-media-item,
  .rb-profile-right .rb-profile-more-tile{
    box-sizing:border-box;
    height:100%;
    width:auto;
    min-width:0;
    aspect-ratio:1/1;
    flex:0 0 auto;
    border:1px solid var(--rb08-border-strong);
    background:var(--rb08-panel-alt);
    overflow:hidden;
  }

  .rb-profile-right .rb-friend-tile{
    display:grid;
    grid-template-rows:minmax(0,1fr) auto;
    text-decoration:none;
  }

  .rb-profile-right .rb-friend-photo{
    width:100%;
    height:100%;
    min-height:0;
    margin:0;
    border:0;
    aspect-ratio:auto;
    overflow:hidden;
  }

  .rb-profile-right .rb-friend-photo img{
    width:100%;
    height:100%;
    object-fit:contain;
    background:var(--rb08-panel-alt);
  }

  .rb-profile-right .rb-friend-tile strong{
    display:block;
    min-height:12px;
    padding:1px 2px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:var(--rb08-link);
    font:700 9px/11px Arial,sans-serif;
  }

  .rb-profile-right .rb-profile-media-item{
    position:relative;
  }

  .rb-profile-right .rb-profile-media-item img,
  .rb-profile-right .rb-profile-media-item video{
    width:100%;
    height:100%;
    object-fit:contain;
    background:var(--rb08-panel-alt);
  }

  .rb-profile-right .rb-profile-more-tile{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    padding:4px;
    color:var(--rb08-link);
    text-align:center;
    text-decoration:none;
    background:var(--rb08-brand-soft);
  }

  .rb-profile-right .rb-profile-more-tile strong{
    font:700 10px/12px Arial,sans-serif;
  }

  .rb-profile-right .rb-profile-more-tile span{
    color:var(--rb08-muted);
    font:10px/11px Arial,sans-serif;
  }

  .rb-profile-right .rb-profile-more-tile:hover{
    background:var(--rb08-panel-soft);
    text-decoration:underline;
  }

  .rb-profile-right .rb-profile-more{display:none!important}
}

@media(max-width:620px){
  .rb-profile-more-tile{
    display:flex;
    min-height:72px;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    border:1px solid var(--rb08-border-strong);
    background:var(--rb08-brand-soft);
    text-align:center;
    text-decoration:none;
  }

  .rb-profile-more-tile span{color:var(--rb08-muted)}
}


/* ----------------------------------------------------------
   [18] MINIATURAS GRANDES x4 (v0.10.34)
   ----------------------------------------------------------
   Objetivo: llevar los recuadros del preview a un tamaño cercano
   a la foto de perfil. En escritorio quedan en 92 x 92 px.
   Amigos, Fotos/Videos y "Ver más" comparten exactamente el
   mismo tamaño.
   ---------------------------------------------------------- */
@media(min-width:621px){
  .rb-profile-modules{
    align-items:stretch;
  }

  /* La izquierda se estira junto con la derecha para mantener
     ambas columnas visualmente equilibradas. */
  .rb-profile-left{
    display:flex;
    flex-direction:column;
    min-height:0;
  }

  .rb-profile-left>.rb-box:last-child{
    flex:1 1 auto;
  }

  /* Anula la altura compacta calculada en versiones anteriores.
     La altura ahora la determina el tamaño visible de las miniaturas. */
  .rb-profile-right{
    height:auto!important;
    display:grid;
    grid-template-rows:auto auto;
    gap:10px;
    overflow:visible;
  }

  .rb-profile-right>.rb-box{
    min-height:126px;
    overflow:hidden;
  }

  .rb-profile-right .rb-friend-grid,
  .rb-profile-right .rb-profile-media-grid{
    display:flex;
    flex:0 0 auto;
    min-height:92px;
    align-items:flex-start;
    gap:2px;
    overflow:hidden;
  }

  .rb-profile-right .rb-friend-tile,
  .rb-profile-right .rb-profile-media-item,
  .rb-profile-right .rb-profile-more-tile{
    flex:0 0 92px;
    width:92px;
    height:92px;
    min-width:92px;
    max-width:92px;
    min-height:92px;
    max-height:92px;
    aspect-ratio:1/1;
    box-sizing:border-box;
  }

  .rb-profile-right .rb-friend-tile{
    grid-template-rows:minmax(0,1fr) 14px;
  }

  .rb-profile-right .rb-friend-tile strong{
    min-height:14px;
    padding:1px 3px;
    font:700 9px/12px Arial,sans-serif;
  }

  .rb-profile-right .rb-profile-more-tile strong{
    font:700 12px/14px Arial,sans-serif;
  }

  .rb-profile-right .rb-profile-more-tile span{
    font:11px/13px Arial,sans-serif;
  }
}

/* En móvil seguimos priorizando que entren bien en pantalla. */
@media(max-width:620px){
  .rb-profile-right .rb-friend-tile,
  .rb-profile-right .rb-profile-media-item,
  .rb-profile-right .rb-profile-more-tile{
    width:auto;
    height:auto;
    min-width:0;
    max-width:none;
    min-height:72px;
    max-height:none;
  }
}


/* ----------------------------------------------------------
   [19] MURO CLÁSICO DEL PERFIL (v0.10.36)
   ----------------------------------------------------------
   Identidad visual de publicaciones hechas por un amigo en
   el muro de otra persona y del compositor del muro.
   ---------------------------------------------------------- */
.rb-post-user-line{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:4px;
}

.rb-wall-arrow{
  color:var(--rb08-muted);
  font:bold 12px Arial,sans-serif;
}

.rb-wall-owner{
  color:var(--rb08-link);
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
}

.rb-wall-owner:hover{text-decoration:underline}

.rb-wall-publisher{
  margin-top:12px;
  margin-bottom:12px;
}

.rb-wall-composer{
  margin-bottom:0;
}

.rb-wall-public-note{
  color:var(--rb08-muted);
  font:10px Tahoma,Verdana,Arial,sans-serif;
}

@media(max-width:620px){
  .rb-wall-public-note{
    display:block;
    margin-bottom:5px;
  }
}


/* ----------------------------------------------------------
   [20] AVATARES CUADRADOS + ÁLBUMES (v0.10.37)
   ---------------------------------------------------------- */
.rb-comment-avatar,
.rb-lightbox-comment .rb-comment-avatar,
.rb-comment .rb-comment-avatar{
  border-radius:0!important;
}

.rb-profile-albums-mini{
  margin-left:6px;
  font:normal 10px Arial,sans-serif;
  white-space:nowrap;
}
.rb-list-page-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.rb-album-create{margin-bottom:10px;padding:10px}
.rb-album-create h2,.rb-profile-full-list h2,.rb-album-library h2{margin:0 0 8px;font:700 13px Arial,sans-serif}
.rb-album-create-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rb-album-create-foot label{font-size:11px}
.rb-albums-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.rb-album-card{display:block;padding:5px;border:1px solid var(--rb08-border);background:#fff;text-decoration:none}
.rb-album-cover{display:grid;place-items:center;width:100%;aspect-ratio:4/3;border:1px solid var(--rb08-border);background:var(--rb08-panel-alt);overflow:hidden}
.rb-album-cover img{width:100%;height:100%;object-fit:cover}
.rb-album-card>strong{display:block;margin-top:5px;color:var(--rb08-link);font:700 11px Arial,sans-serif}
.rb-album-card>small{display:block;margin-top:2px;color:var(--rb08-muted);font:10px Arial,sans-serif}
.rb-album-empty-cover,.rb-album-video-cover{color:var(--rb08-muted);font:11px Arial,sans-serif}
.rb-album-description{max-width:620px;margin:5px 0 0;color:var(--rb08-muted);font:12px/1.4 Arial,sans-serif}
.rb-album-items-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}
.rb-album-item{position:relative}
.rb-album-item>a{position:relative;display:block;aspect-ratio:1/1;border:1px solid var(--rb08-border);background:#eee;overflow:hidden}
.rb-album-item img,.rb-album-item video{width:100%;height:100%;object-fit:cover}
.rb-album-item>a>span{position:absolute;right:4px;bottom:4px;padding:1px 3px;background:rgba(0,0,0,.65);color:#fff;font-size:10px}
.rb-album-remove-media{width:100%;margin-top:2px;border:1px solid #c6a0a0;background:#fff;color:var(--rb08-danger);font-size:10px;cursor:pointer}
.rb-album-library{margin-top:10px;padding:10px}
.rb-album-available-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.rb-album-available-item{padding:3px;border:1px solid var(--rb08-border);background:#fff;text-align:center}
.rb-album-available-item.is-added{opacity:.68}
.rb-album-available-media{display:block;aspect-ratio:1/1;background:#eee;overflow:hidden}
.rb-album-available-media img,.rb-album-available-media video{width:100%;height:100%;object-fit:cover}
.rb-album-available-item .rb-btn{width:100%;margin-top:3px}
.rb-album-added-label{display:block;margin-top:4px;color:var(--rb08-muted);font:10px Arial,sans-serif}
.rb-btn.rb-danger{border-color:#a88;background:#fff;color:var(--rb08-danger)}

@media(max-width:620px){
 .rb-list-page-actions{justify-content:flex-start}
 .rb-albums-grid{grid-template-columns:repeat(2,1fr)}
 .rb-album-items-grid,.rb-album-available-grid{grid-template-columns:repeat(3,1fr)}
 .rb-album-create-foot{align-items:stretch;flex-direction:column}
}


/* ----------------------------------------------------------
   [21] PRESENCIA / TYPING / ÚLTIMA ACTIVIDAD (v0.10.38)
   ---------------------------------------------------------- */

/* Avatares cuadrados también en Mensajes y Comentarios. */
.rb-comment-avatar,
.rb-lightbox-comment .rb-comment-avatar,
.rb-comment .rb-comment-avatar,
.rb-conversation-row img,
.rb-chat-head img,
.rb-conversation-row .rb-chat-avatar-fallback,
.rb-chat-head .rb-chat-avatar-fallback{
  border-radius:0!important;
}

.rb-conversation-copy strong{display:flex;align-items:center;gap:5px}
.rb-presence-dot{
  display:inline-block;
  width:7px;height:7px;
  border:1px solid #777;
  background:#bbb;
  vertical-align:middle;
}
.rb-presence-dot.online{
  border-color:#38723d;
  background:#59a85f;
}

.rb-chat-head>a>span{display:flex;flex-direction:column;min-width:0}
.rb-chat-presence{
  margin-top:1px;
  color:var(--rb08-muted);
  font:9px/11px Arial,sans-serif;
}
.rb-chat-presence.online{color:#39763e}

.rb-typing-indicator{
  flex:0 0 auto;
  min-height:20px;
  padding:4px 9px;
  border-top:1px solid var(--rb08-border);
  background:#fffbe9;
  color:#686049;
  font:italic 10px/12px Arial,sans-serif;
}
.rb-typing-indicator[hidden]{display:none!important}

@media(max-width:620px){
 .rb-chat-presence{font-size:9px}
 .rb-typing-indicator{padding:4px 7px}
}


/* ----------------------------------------------------------
   [22] ADJUNTOS PRIVADOS EN CHAT (v0.10.39)
   ---------------------------------------------------------- */
.rb-chat-form{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  align-items:end;
  gap:5px;
}
.rb-chat-attach{
  display:grid;
  place-items:center;
  width:30px;
  height:28px;
  border:1px solid var(--rb08-border-strong);
  background:#fff;
  cursor:pointer;
  font-size:15px;
}
.rb-chat-attach:hover{background:var(--rb08-panel-alt)}
.rb-chat-file-count{
  align-self:center;
  padding:0 3px;
  color:var(--rb08-muted);
  font:10px Arial,sans-serif;
  white-space:nowrap;
}
.rb-message-text{
  display:block;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.rb-message-media-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;
  margin-top:5px;
  max-width:360px;
}
.rb-message-media{
  display:block;
  position:relative;
  min-width:0;
  border:1px solid var(--rb08-border-strong);
  background:#111;
  overflow:hidden;
}
.rb-message-media.image{aspect-ratio:1/1}
.rb-message-media.image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.rb-message-media.video video{
  display:block;
  width:100%;
  max-height:260px;
  background:#000;
}

@media(max-width:620px){
 .rb-chat-form{
  grid-template-columns:auto minmax(0,1fr) auto;
 }
 .rb-chat-file-count{
  grid-column:2/3;
  grid-row:2;
 }
 .rb-message-media-grid{
  max-width:280px;
 }
}


/* ----------------------------------------------------------
   [23] HOTFIX BURBUJAS + ADJUNTOS CHAT (v0.10.40)
   ----------------------------------------------------------
   Restaura las dimensiones de los mensajes de texto previas a
   multimedia y evita que la indentación HTML genere líneas vacías.
   ---------------------------------------------------------- */
.rb-chat-messages .rb-message{
  flex:0 0 auto!important;
  min-height:0!important;
  height:auto!important;
}

.rb-chat-messages .rb-message>div{
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  white-space:normal!important;
}

.rb-chat-messages .rb-message-text{
  display:block;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}

/* Un mensaje solo de texto conserva la burbuja compacta clásica. */
.rb-chat-messages .rb-message:not(.has-media)>div{
  max-width:min(76%,560px);
}

/* Solo los mensajes con multimedia reservan un ancho mayor. */
.rb-chat-messages .rb-message.has-media>div{
  width:min(76%,380px)!important;
  max-width:380px;
}

.rb-chat-messages .rb-message.has-media .rb-message-media-grid{
  width:100%;
  max-width:none;
}

@media(max-width:620px){
 .rb-chat-messages .rb-message:not(.has-media)>div{
  max-width:86%;
 }
 .rb-chat-messages .rb-message.has-media>div{
  width:86%!important;
  max-width:320px;
 }
}


/* ----------------------------------------------------------
   [24] UNA SOLA FOTO = BURBUJA COMPACTA (v0.10.41)
   ---------------------------------------------------------- */
.rb-chat-messages .rb-message.media-count-1>div{
  width:min(76%,240px)!important;
  max-width:240px;
}
.rb-message.media-count-1 .rb-message-media-grid{
  grid-template-columns:1fr;
}
.rb-message.media-count-1 .rb-message-media.image{
  width:100%;
  aspect-ratio:1/1;
}

@media(max-width:620px){
 .rb-chat-messages .rb-message.media-count-1>div{
  width:min(86%,220px)!important;
  max-width:220px;
 }
}


/* ----------------------------------------------------------
   [25] REST BLOB PARA MEDIA PRIVADA (v0.10.42)
   ---------------------------------------------------------- */
.rb-private-media-image{
  padding:0;
  cursor:pointer;
  font:inherit;
}
.rb-private-media-loading{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  padding:6px;
  background:#f0f0f0;
  color:var(--rb08-muted);
  font:10px/1.25 Arial,sans-serif;
  text-align:center;
}
.rb-private-media-loading.error{
  background:#fff3f3;
  color:#8b2e2e;
}
.rb-private-media-image img[hidden],
.rb-private-media-video video[hidden]{
  display:none!important;
}


/* ----------------------------------------------------------
   [26] HOTFIX OVERLAY "CARGANDO..." (v0.10.43)
   ---------------------------------------------------------- */
.rb-private-media-loading[hidden]{
  display:none!important;
}
.rb-private-media-image img:not([hidden]){
  display:block!important;
  width:100%;
  height:100%;
  object-fit:cover;
}
.rb-private-media-video video:not([hidden]){
  display:block!important;
  width:100%;
}


/* ----------------------------------------------------------
   [27] AVATAR COMPACTO EN NOTIFICACIONES (v0.10.44)
   ----------------------------------------------------------
   Al empezar a recibir avatar_url real en las notificaciones,
   el <img> no tenía dimensiones propias y Chrome mostraba la
   imagen a tamaño natural. Se fija un recuadro clásico 40x40.
   ---------------------------------------------------------- */
.rb-notification{
  display:flex;
  align-items:flex-start;
  gap:8px;
}

.rb-notification-avatar{
  display:grid!important;
  place-items:center;
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  overflow:hidden!important;
  border:1px solid var(--rb08-border-strong);
  border-radius:0!important;
  background:var(--rb08-panel-alt);
  color:var(--rb08-link);
  font:700 14px/40px Arial,sans-serif;
  text-align:center;
  box-sizing:border-box;
}

.rb-notification-avatar img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:40px!important;
  max-height:40px!important;
  object-fit:cover!important;
  border:0!important;
  border-radius:0!important;
}

.rb-notification-body{
  flex:1 1 auto;
  min-width:0;
}

.rb-notification-body p{
  margin:0 0 4px;
}

@media(max-width:620px){
  .rb-notification-avatar{
    flex-basis:36px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    font-size:12px;
    line-height:36px;
  }
  .rb-notification-avatar img{
    max-width:36px!important;
    max-height:36px!important;
  }
}


/* ----------------------------------------------------------
   [28] EDITAR / ELIMINAR MENSAJES (v0.10.45)
   ---------------------------------------------------------- */
.rb-message-content{
  min-width:0;
}

.rb-message-actions{
  display:flex;
  gap:7px;
  margin-top:3px;
  line-height:1;
}

.rb-message-actions button{
  padding:0;
  border:0;
  background:transparent;
  color:var(--rb08-link);
  font:10px Arial,sans-serif;
  cursor:pointer;
}

.rb-message-actions button:hover{
  text-decoration:underline;
}

.rb-message-actions button[data-message-action="delete"]{
  color:var(--rb08-danger);
}

.rb-message-actions button:disabled{
  opacity:.55;
  cursor:default;
  text-decoration:none;
}

.rb-message-deleted{
  display:block;
  color:#777;
  font:italic 11px/1.35 Arial,sans-serif;
}

.rb-message.is-deleted>div{
  background:#f4f4f4!important;
  border-style:dashed;
}


/* ----------------------------------------------------------
   [29] COMUNIDADES / GRUPOS CLÁSICOS (v0.10.46)
   ---------------------------------------------------------- */
.rb-community-directory,
.rb-community-page{
  width:min(980px,calc(100% - 24px));
  margin:0 auto;
  padding:18px 0 42px;
}

.rb-community-page-head{
  margin-bottom:10px;
}

.rb-community-page-head h1,
.rb-community-title h1{
  margin:2px 0 4px;
  font:700 24px/1.15 Arial,sans-serif;
}

.rb-community-search{
  display:flex;
  gap:6px;
  padding:8px;
  margin-bottom:10px;
  border:1px solid var(--rb08-border);
  background:var(--rb08-panel-alt);
}
.rb-community-search input{flex:1;min-width:0}

.rb-community-create-box{
  margin-bottom:12px;
}
.rb-community-create-box h2{
  margin:0 0 8px;
  padding:4px 6px;
  background:var(--rb08-panel-soft);
  border-bottom:1px solid var(--rb08-border);
  font:700 12px Arial,sans-serif;
}
.rb-community-create-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.rb-community-create-foot label{
  display:flex;
  align-items:center;
  gap:6px;
  font:11px Arial,sans-serif;
}

.rb-community-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.rb-community-card{
  display:flex;
  min-width:0;
  gap:8px;
  padding:8px;
  border:1px solid var(--rb08-border-strong);
  background:#fff;
}
.rb-community-card-icon,
.rb-community-emblem{
  display:grid;
  place-items:center;
  flex:0 0 68px;
  width:68px;
  height:68px;
  border:1px solid var(--rb08-border-strong);
  background:var(--rb08-brand-soft);
  color:var(--rb08-link);
  font:700 28px Arial,sans-serif;
  text-decoration:none;
}
.rb-community-card-body{min-width:0;flex:1}
.rb-community-card h2{margin:0 0 3px;font:700 13px Arial,sans-serif}
.rb-community-card h2 a{color:var(--rb08-link)}
.rb-community-card p{margin:6px 0 0;font:11px/1.35 Arial,sans-serif}
.rb-community-meta{color:var(--rb08-muted);font:10px/1.3 Arial,sans-serif}
.rb-community-state{
  display:inline-block;
  margin-top:6px;
  padding:2px 5px;
  border:1px solid #9bb79d;
  background:#eff8ef;
  color:#406743;
  font:700 9px Arial,sans-serif;
}
.rb-community-state.pending{
  border-color:#c8b781;
  background:#fff8dc;
  color:#75662f;
}

.rb-community-header{
  display:flex;
  align-items:flex-end;
  gap:12px;
  padding:10px;
  border:1px solid var(--rb08-border-strong);
  background:#fff;
  margin-bottom:10px;
}
.rb-community-title{flex:1;min-width:0}
.rb-community-actions{display:flex;align-items:center;gap:6px}
.rb-community-owner-label{
  padding:4px 8px;
  border:1px solid var(--rb08-border-strong);
  background:var(--rb08-panel-soft);
  font:700 10px Arial,sans-serif;
}

.rb-community-columns{
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  gap:10px;
  align-items:start;
}
.rb-community-sidebar .rb-box{margin-bottom:10px}
.rb-community-sidebar .rb-box h2{
  display:flex;
  justify-content:space-between;
  gap:8px;
}
.rb-community-description{margin:0;font:11px/1.45 Arial,sans-serif}
.rb-community-info-list{margin-top:8px}
.rb-community-info-list span{
  display:block;
  padding:3px 0;
  border-top:1px dotted var(--rb08-border);
  font:10px/1.3 Arial,sans-serif;
}
.rb-community-info-list a{color:var(--rb08-link)}

.rb-community-member-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
}
.rb-community-member{
  min-width:0;
  color:var(--rb08-link);
  text-decoration:none;
  font:9px/1.2 Arial,sans-serif;
}
.rb-community-member>span{
  display:grid;
  place-items:center;
  width:100%;
  aspect-ratio:1/1;
  border:1px solid var(--rb08-border);
  background:var(--rb08-panel-alt);
  overflow:hidden;
  color:var(--rb08-link);
  font:700 18px Arial,sans-serif;
}
.rb-community-member img{width:100%;height:100%;object-fit:cover}
.rb-community-member strong,
.rb-community-member small{
  display:block;
  margin-top:2px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.rb-community-member small{color:var(--rb08-muted)}

.rb-community-request{
  padding:6px 0;
  border-bottom:1px solid var(--rb08-border);
}
.rb-community-request:last-child{border-bottom:0}
.rb-community-request>a{
  display:block;
  margin-bottom:5px;
  color:var(--rb08-link);
  font:700 10px Arial,sans-serif;
}
.rb-community-request>div{display:flex;gap:4px}

.rb-community-private{
  padding:14px;
}
.rb-community-private h2{margin:0 0 5px;font:700 14px Arial,sans-serif}

.rb-community-composer{
  margin-bottom:10px;
}
.rb-community-composer h2{
  margin:0 0 7px;
  padding-bottom:5px;
  border-bottom:1px solid var(--rb08-border);
  font:700 12px Arial,sans-serif;
}
.rb-community-wall-title{
  margin:0 0 7px;
  padding:5px 7px;
  border:1px solid var(--rb08-border);
  background:var(--rb08-panel-soft);
  font:700 12px Arial,sans-serif;
}
.rb-community-posts .rb-post{margin-bottom:8px}
.rb-community-post-context,
.rb-community-arrow{color:var(--rb08-link)}
.rb-community-arrow{margin:0 2px;color:var(--rb08-muted)}

@media(max-width:720px){
 .rb-community-grid{grid-template-columns:1fr}
 .rb-community-columns{grid-template-columns:1fr}
 .rb-community-header{align-items:flex-start;flex-wrap:wrap}
 .rb-community-actions{width:100%;justify-content:flex-start}
 .rb-community-sidebar{display:grid;grid-template-columns:1fr;gap:0}
 .rb-community-create-foot{align-items:stretch;flex-direction:column}
 .rb-community-create-foot label{align-items:flex-start;flex-direction:column}
}

@media(max-width:620px){
 .rb-mobile-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important}
 .rb-mobile-nav a{padding-left:1px!important;padding-right:1px!important}
 .rb-mobile-nav a span{font-size:9px}
 .rb-community-directory,.rb-community-page{
  width:100%;
  padding-left:5px;
  padding-right:5px;
 }
 .rb-community-card-icon,.rb-community-emblem{
  flex-basis:58px;width:58px;height:58px;font-size:23px;
 }
 .rb-community-member-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}


/* ----------------------------------------------------------
   [30] VISOR CLÁSICO: INPUT, AVATAR Y CIERRE (v0.10.47)
   ----------------------------------------------------------
   Ajusta el visor multimedia para que mantenga la estética
   Classic 2008 y no herede elementos oscuros del tema base.
   ---------------------------------------------------------- */

/* Foto de perfil del autor: cuadrada, igual que el resto de Redebook. */
.rb-lightbox.is-open .rb-lightbox-post-avatar{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  flex:0 0 42px!important;
  overflow:hidden!important;
  border:1px solid var(--rb08-border-strong)!important;
  border-radius:0!important;
  background:var(--rb08-panel-alt)!important;
  box-sizing:border-box!important;
}

.rb-lightbox.is-open .rb-lightbox-post-avatar img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border:0!important;
  border-radius:0!important;
}

/* Barra para comentar: clara, rectangular y legible. */
.rb-lightbox.is-open .rb-lightbox-comment-form{
  background:#f4f6f9!important;
  border-top:1px solid var(--rb08-border)!important;
}

.rb-lightbox.is-open .rb-lightbox-comment-form input{
  background:#fff!important;
  color:#222!important;
  border:1px solid #aebdd0!important;
  border-radius:2px!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.08)!important;
  outline:none!important;
}

.rb-lightbox.is-open .rb-lightbox-comment-form input::placeholder{
  color:#777!important;
  opacity:1!important;
}

.rb-lightbox.is-open .rb-lightbox-comment-form input:focus{
  border-color:#6688b5!important;
  box-shadow:0 0 0 1px #c7d5e8,inset 0 1px 2px rgba(0,0,0,.06)!important;
}

/* Cerrar: botón simple, claro y sin círculo negro. */
.rb-lightbox.is-open .rb-lightbox-close{
  position:fixed!important;
  top:12px!important;
  right:12px!important;
  z-index:100001!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #8fa5bf!important;
  border-radius:2px!important;
  background:#f3f6fa!important;
  color:#445b76!important;
  font:400 21px/1 Arial,sans-serif!important;
  box-shadow:0 1px 3px rgba(0,0,0,.18)!important;
  text-shadow:none!important;
  cursor:pointer!important;
  transform:none!important;
}

.rb-lightbox.is-open .rb-lightbox-close:hover,
.rb-lightbox.is-open .rb-lightbox-close:focus{
  background:#e5edf7!important;
  border-color:#6f8bad!important;
  color:#294d79!important;
  outline:none!important;
}

@media(max-width:620px){
  .rb-lightbox.is-open .rb-lightbox-post-avatar{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    flex-basis:38px!important;
  }

  .rb-lightbox.is-open .rb-lightbox-close{
    top:max(8px,env(safe-area-inset-top))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    width:30px!important;
    height:30px!important;
  }
}


/* ----------------------------------------------------------
   [31] ADMINISTRACIÓN DE COMUNIDADES (v0.10.48)
   ---------------------------------------------------------- */
.rb-community-cover{
  width:100%;
  height:210px;
  margin-bottom:0;
  border:1px solid var(--rb08-border-strong);
  border-bottom:0;
  background:var(--rb08-panel-alt);
  overflow:hidden;
}
.rb-community-cover img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.rb-community-header.has-cover{
  border-top:1px solid var(--rb08-border);
}
.rb-community-emblem img,
.rb-community-card-icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.rb-community-admin-box h2,
.rb-community-manage-members h2{
  margin-bottom:8px;
}
.rb-community-settings-form{
  padding-bottom:8px;
  border-bottom:1px solid var(--rb08-border);
}
.rb-community-settings-form textarea{
  min-height:82px;
}

.rb-community-admin-images{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  padding-top:8px;
}
.rb-community-image-form{
  padding:7px;
  border:1px solid var(--rb08-border);
  background:var(--rb08-panel-alt);
}
.rb-community-image-form>label{
  display:block;
  margin-bottom:5px;
  font:700 10px Arial,sans-serif;
}
.rb-community-image-form>label small{
  font-weight:400;
  color:var(--rb08-muted);
}
.rb-community-image-form input[type="file"]{
  display:block;
  width:100%;
  margin-bottom:5px;
  font-size:10px;
}

.rb-community-manage-member{
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px 0;
  border-bottom:1px solid var(--rb08-border);
}
.rb-community-manage-member:last-child{border-bottom:0}
.rb-community-manage-person{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:6px;
  flex:1;
  min-width:0;
  color:var(--rb08-link);
  text-decoration:none;
}
.rb-community-manage-person>span{
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border:1px solid var(--rb08-border);
  overflow:hidden;
  background:var(--rb08-panel-alt);
  font:700 13px Arial,sans-serif;
}
.rb-community-manage-person img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.rb-community-manage-person b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font:700 10px Arial,sans-serif;
}
.rb-community-manage-person small{
  color:var(--rb08-muted);
  font:9px Arial,sans-serif;
}
.rb-community-member-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:3px;
}
.rb-community-member-actions .rb-btn{
  padding:3px 5px;
  font-size:9px;
}
.rb-btn.rb-danger{
  border-color:#b88!important;
  background:#fff!important;
  color:var(--rb08-danger)!important;
}

@media(max-width:720px){
 .rb-community-cover{height:160px}
 .rb-community-manage-member{align-items:flex-start;flex-direction:column}
 .rb-community-member-actions{padding-left:42px;justify-content:flex-start}
}
@media(max-width:620px){
 .rb-community-cover{height:130px}
}


/* ----------------------------------------------------------
   [32] CÁPSULAS + MULTIMEDIA PROTEGIDA (v0.10.49)
   ---------------------------------------------------------- */
.rb-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.rb-private-post-image{position:relative;display:block;width:100%;height:100%;min-width:0;min-height:180px;padding:0;border:0;background:#eef2f6;cursor:pointer;overflow:hidden}
.rb-private-post-video,.rb-private-post-thumb{position:relative;display:block;width:100%;height:100%;min-height:46px;overflow:hidden;background:#eef2f6}
.rb-private-post-image img,.rb-private-post-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.rb-private-post-video video,.rb-private-post-thumb video{display:block;width:100%;height:100%;object-fit:cover;background:#000}
.rb-private-post-loading{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:5px;background:#eef2f6;color:#667;font:10px/1.25 Arial,sans-serif;text-align:center}
.rb-private-post-loading[hidden]{display:none!important}.rb-private-post-loading.error{background:#fff4f4;color:#8b2e2e}
.rb-private-post-thumb>img:not([hidden]),.rb-private-post-thumb>video:not([hidden]),.rb-private-post-image>img:not([hidden]),.rb-private-post-video>video:not([hidden]){display:block!important}
.rb-private-post-thumb.is-video>b{position:absolute;right:4px;bottom:3px;z-index:1;padding:1px 3px;background:rgba(0,0,0,.65);color:#fff;font:9px Arial,sans-serif}

@media(max-width:620px){.rb-post-media .rb-private-post-image{min-height:140px}}


/* ----------------------------------------------------------
   [33] ENVÍO DE COMENTARIOS EN VISOR (v0.10.50)
   ---------------------------------------------------------- */
.rb-lightbox-comment-feedback{
  flex:0 0 auto;
  margin:0;
  padding:5px 12px;
  border-top:1px solid var(--rb08-border);
  background:#fff7e3;
  color:#6e5626;
  font:10px/1.3 Arial,sans-serif;
}

.rb-lightbox-comment-feedback[hidden]{
  display:none!important;
}

.rb-lightbox-comment-feedback.ok{
  background:#eef8ee;
  color:#3f6843;
}

.rb-lightbox-comment-feedback.error{
  background:#fff1f1;
  color:#8a2e2e;
}

.rb-lightbox.is-open .rb-lightbox-comment-form input:disabled{
  background:#f1f1f1!important;
  color:#777!important;
}

.rb-lightbox.is-open .rb-lightbox-comment-send:disabled{
  opacity:.65;
  cursor:default;
}


/* ----------------------------------------------------------
   [34] COMUNIDADES V2 · MODERACIÓN DE MIEMBROS (v0.10.51)
   ---------------------------------------------------------- */
.rb-community-banned-label{
  display:inline-block;
  padding:4px 7px;
  border:1px solid #b88;
  background:#fff4f4;
  color:var(--rb08-danger);
  font:700 10px Arial,sans-serif;
}

.rb-community-banned-members>p.rb-muted{
  margin:0 0 7px;
  font-size:9px;
  line-height:1.35;
}

.rb-community-banned-row{
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px 0;
  border-bottom:1px solid var(--rb08-border);
}

.rb-community-banned-row:last-child{
  border-bottom:0;
}

.rb-community-requests .rb-community-request>div{
  display:flex;
  flex-wrap:wrap;
  gap:3px;
}

.rb-community-requests .rb-btn{
  padding:3px 5px;
  font-size:9px;
}

@media(max-width:720px){
 .rb-community-banned-row{
  align-items:flex-start;
  flex-direction:column;
 }
 .rb-community-banned-row .rb-community-member-actions{
  padding-left:42px;
 }
}


/* ----------------------------------------------------------
   [35] PANEL DE MODERACIÓN DE COMUNIDAD · AJUSTE VISUAL
        v0.10.52
   ---------------------------------------------------------- */

/* En la columna lateral no deben competir identidad y botones
   por el mismo ancho. Cada miembro ocupa dos filas:
   identidad arriba / acciones abajo. */
.rb-community-manage-members .rb-community-manage-member{
  display:block;
  padding:7px 5px;
}

.rb-community-manage-members .rb-community-manage-person{
  width:100%;
  min-height:38px;
}

.rb-community-manage-members .rb-community-member-actions{
  width:100%;
  box-sizing:border-box;
  margin-top:5px;
  padding-left:42px;
  justify-content:flex-start;
  align-items:center;
  gap:3px;
}

.rb-community-manage-members .rb-community-member-actions .rb-btn{
  flex:0 0 auto;
  min-height:24px;
  padding:3px 6px;
  line-height:1.15;
  white-space:nowrap;
}

/* Evita que el nombre/rol del miembro desaparezca al haber
   varios controles de moderación. */
.rb-community-manage-members .rb-community-manage-person b,
.rb-community-manage-members .rb-community-manage-person small{
  min-width:0;
  max-width:100%;
}

/* Caja de bloqueados más compacta cuando está vacía. */
.rb-community-banned-members .rb-community-no-banned{
  margin:2px 0 1px;
}

.rb-community-banned-members{
  overflow:hidden;
}

/* Usuario bloqueado: identidad arriba, acción debajo,
   siguiendo exactamente el mismo patrón visual. */
.rb-community-banned-members .rb-community-banned-row{
  display:block;
  padding:7px 5px;
}

.rb-community-banned-members .rb-community-banned-row .rb-community-manage-person{
  width:100%;
  min-height:38px;
}

.rb-community-banned-members .rb-community-banned-row .rb-community-member-actions{
  width:100%;
  box-sizing:border-box;
  margin-top:5px;
  padding-left:42px;
  justify-content:flex-start;
}

/* Mantener estilo clásico: controles pequeños, cuadrados,
   sin apariencia de botones modernos grandes. */
.rb-community-manage-members .rb-btn,
.rb-community-banned-members .rb-btn{
  border-radius:1px!important;
  box-shadow:none!important;
}

@media(max-width:720px){
 .rb-community-manage-members .rb-community-member-actions,
 .rb-community-banned-members .rb-community-banned-row .rb-community-member-actions{
  padding-left:42px;
 }
}


/* ----------------------------------------------------------
   [36] SOLICITUDES DE COMUNIDAD · AVATAR (v0.10.54)
   ---------------------------------------------------------- */
.rb-community-requests .rb-community-request{
  display:block;
  padding:7px 5px;
}

.rb-community-request-person{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  text-decoration:none;
}

.rb-community-request-avatar{
  flex:0 0 34px;
  width:34px;
  height:34px;
  box-sizing:border-box;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--rb08-border-strong);
  background:#eaf0f8;
  color:var(--rb08-link);
  font:700 12px Arial,sans-serif;
}

.rb-community-request-avatar img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:0!important;
}

.rb-community-request-name{
  min-width:0;
  font-weight:700;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.rb-community-request-actions{
  display:flex;
  flex-wrap:wrap;
  gap:3px;
  margin-top:5px;
  padding-left:40px;
}

.rb-community-request-actions .rb-btn{
  flex:0 0 auto;
  padding:3px 5px;
  font-size:9px;
  border-radius:1px!important;
  box-shadow:none!important;
}


/* ----------------------------------------------------------
   [37] TRANSFERENCIA DE PROPIEDAD DE COMUNIDAD (v0.10.55)
   ---------------------------------------------------------- */
.rb-community-member-actions .rb-transfer-owner{
  border:1px solid #a27a29;
  background:#fff8df;
  color:#6e4d08;
  font-weight:700;
}

.rb-community-member-actions .rb-transfer-owner:hover{
  background:#fff0b8;
  color:#493200;
}


/* ----------------------------------------------------------
   [38] REGLAS + PUBLICACIONES FIJADAS (v0.10.56)
   ---------------------------------------------------------- */
.rb-community-rules-text{
  line-height:1.45;
  font-size:10px;
  overflow-wrap:anywhere;
}

.rb-community-admin-box textarea[name="rules"]{
  min-height:92px;
}

.rb-community-pinned-badge{
  padding:4px 7px;
  border-bottom:1px solid #d2c28b;
  background:#fff8d9;
  color:#6e5400;
  font:700 10px Arial,sans-serif;
}

.rb-community-pin-post{
  font-weight:700;
}

.rb-community-pin-post[data-pinned="1"]{
  color:#7a5b00;
}


/* ----------------------------------------------------------
   [39] REGLAS ESTRUCTURADAS DE COMUNIDAD (v0.10.57)
   ---------------------------------------------------------- */
.rb-community-rules-list{
  margin:4px 0 2px 22px;
  padding:0;
  font-size:10px;
  line-height:1.45;
}

.rb-community-rules-list li{
  margin:0 0 5px;
  padding-left:2px;
  overflow-wrap:anywhere;
}

.rb-community-rules-editor{
  display:block;
  margin-top:4px;
}

.rb-community-rule-row{
  display:grid;
  grid-template-columns:20px minmax(0,1fr) auto;
  align-items:center;
  gap:4px;
  margin:0 0 5px;
}

.rb-community-rule-number{
  text-align:right;
  font-weight:700;
  color:#555;
}

.rb-community-rule-input{
  width:100%;
  min-width:0;
  box-sizing:border-box;
}

.rb-community-rule-remove{
  padding:3px 5px!important;
  white-space:nowrap;
}

.rb-community-rule-add{
  margin-top:2px;
}

.rb-community-rules-hidden{
  display:none!important;
}

@media(max-width:720px){
 .rb-community-rule-row{
  grid-template-columns:18px minmax(0,1fr);
 }
 .rb-community-rule-row .rb-community-rule-remove{
  grid-column:2;
  justify-self:start;
 }
}


/* ----------------------------------------------------------
   [40] DIRECTORIO DE COMUNIDADES · CATEGORÍAS Y FILTROS
        v0.10.58
   ---------------------------------------------------------- */
.rb-community-search{display:block}
.rb-community-search-main{display:flex;gap:6px}
.rb-community-search-main input{flex:1;min-width:0}
.rb-community-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 10px;margin-top:7px;padding-top:7px;border-top:1px solid var(--rb08-border)}
.rb-community-filters label{display:flex;flex-direction:column;gap:2px;font:700 9px Arial,sans-serif;color:#444}
.rb-community-filters select{min-width:130px;max-width:220px}
.rb-community-clear-filters{margin-left:auto}
.rb-community-directory-summary{margin:-3px 0 8px;color:var(--rb08-muted);font:10px Arial,sans-serif}
.rb-community-create-taxonomy{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);gap:8px}
.rb-community-card-taxonomy{display:flex;flex-wrap:wrap;gap:3px;margin:0 0 4px}
.rb-community-category-badge,.rb-community-topic-badge{display:inline-block;padding:1px 4px;border:1px solid var(--rb08-border);background:var(--rb08-panel-soft);color:var(--rb08-link);font:700 9px Arial,sans-serif;text-decoration:none}
.rb-community-topic-badge{background:#fff;color:#555;font-weight:400}
.rb-community-category-badge:hover,.rb-community-topic-badge:hover{text-decoration:underline}
@media(max-width:720px){
 .rb-community-search-main{align-items:stretch}
 .rb-community-filters{align-items:stretch;flex-direction:column}
 .rb-community-filters label,.rb-community-filters select{width:100%;max-width:none}
 .rb-community-clear-filters{margin-left:0;align-self:flex-start}
 .rb-community-create-taxonomy{grid-template-columns:1fr}
}


/* ----------------------------------------------------------
   [41] ADMINISTRACIÓN DE COMUNIDAD DESPLEGABLE (v0.10.59)
   ---------------------------------------------------------- */
.rb-community-admin-box[hidden]{
  display:none!important;
}

.rb-community-admin-toggle[aria-expanded="true"]{
  font-weight:700;
}

/* Al abrir desde el botón superior, el panel queda bien posicionado
   debajo de la barra fija/clásica. */
#administrar-comunidad{
  scroll-margin-top:58px;
}


/* ----------------------------------------------------------
   [42] ÁLBUMES DE COMUNIDAD (v0.10.60)
   ---------------------------------------------------------- */
.rb-community-albums-page .rb-album-create-foot{
  align-items:center;
}

.rb-community-albums-page .rb-album-create-foot .rb-muted{
  max-width:70%;
  line-height:1.35;
}

.rb-community-album-detail .rb-list-page-head .rb-muted{
  margin-top:4px;
}

@media(max-width:720px){
 .rb-community-albums-page .rb-album-create-foot .rb-muted{
  max-width:none;
 }
}


/* ----------------------------------------------------------
   [42] ÁLBUMES DE COMUNIDAD V2 · ADMIN / PORTADA / ORDEN
        v0.10.61
   ---------------------------------------------------------- */
.rb-community-album-admin[hidden],
.rb-community-album-admin-only[hidden],
.rb-album-item-admin[hidden]{
  display:none!important;
}

.rb-community-album-admin .rb-field{
  margin-bottom:7px;
}

.rb-community-album-admin textarea{
  min-height:72px;
}

.rb-community-album-admin-actions{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  align-items:center;
}

.rb-community-album-detail .rb-album-item{
  position:relative;
}

.rb-community-album-detail .rb-album-item.is-cover{
  outline:2px solid #c7a93c;
  outline-offset:-2px;
}

.rb-album-cover-label{
  position:absolute;
  z-index:3;
  top:4px;
  left:4px;
  padding:2px 5px;
  border:1px solid #a98b26;
  background:#fff7c9;
  color:#654e00;
  font:700 9px Arial,sans-serif;
}

.rb-album-item-admin{
  display:flex;
  flex-wrap:wrap;
  gap:3px;
  padding:5px 3px 2px;
  border-top:1px solid var(--rb08-border);
  background:#f7f8fa;
}

.rb-album-item-admin .rb-btn{
  padding:3px 5px;
  min-height:23px;
  border-radius:1px!important;
  box-shadow:none!important;
  font-size:9px;
}

.rb-album-item-admin .rb-album-move-prev,
.rb-album-item-admin .rb-album-move-next{
  min-width:27px;
  font-weight:700;
}

@media(max-width:720px){
 .rb-community-album-admin-actions{
  align-items:stretch;
 }
 .rb-community-album-admin-actions .rb-btn{
  width:100%;
 }
 .rb-album-item-admin{
  display:grid;
  grid-template-columns:auto auto 1fr;
 }
 .rb-album-item-admin .rb-album-remove-media{
  grid-column:1/-1;
 }
}


/* ----------------------------------------------------------
   [45] REPORTES Y MODERACIÓN DE COMUNIDADES (v0.10.62)
   ---------------------------------------------------------- */
.rb-community-member-card{
  min-width:0;
}

.rb-community-member-report{
  width:100%;
  margin-top:2px;
  padding:1px 2px;
  border:0;
  background:transparent;
  color:var(--rb08-muted);
  font:9px Arial,sans-serif;
  text-align:left;
  cursor:pointer;
}

.rb-community-member-report:hover{
  color:var(--rb08-danger);
  text-decoration:underline;
}

.rb-comment-report-btn{
  border:0;
  padding:0;
  background:transparent;
  color:#777;
  font:9px Arial,sans-serif;
  cursor:pointer;
}

.rb-comment-report-btn:hover{
  color:var(--rb08-danger);
  text-decoration:underline;
}

.rb-community-report-overlay{
  position:fixed;
  inset:0;
  z-index:10050;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(0,0,0,.35);
}

.rb-community-report-overlay[hidden]{
  display:none!important;
}

.rb-community-report-dialog{
  width:min(460px,100%);
  border:1px solid #526b8d;
  background:#fff;
  box-shadow:2px 2px 8px rgba(0,0,0,.25);
  font:11px Arial,sans-serif;
}

.rb-community-report-dialog-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:5px 7px;
  background:#dbe5f3;
  border-bottom:1px solid #8ea2be;
  color:#1d3557;
}

.rb-community-report-close{
  width:22px;
  height:20px;
  border:1px solid #8a8a8a;
  background:#eee;
  color:#333;
  font:bold 14px/16px Arial,sans-serif;
  cursor:pointer;
}

.rb-community-report-form{
  padding:8px;
}

.rb-community-report-form label{
  display:block;
  margin:7px 0;
  font-weight:700;
}

.rb-community-report-form select,
.rb-community-report-form textarea{
  display:block;
  width:100%;
  box-sizing:border-box;
  margin-top:3px;
}

.rb-community-report-form textarea{
  min-height:86px;
  resize:vertical;
}

.rb-community-report-label{
  margin:0 0 8px;
  padding:5px;
  border:1px solid var(--rb08-border);
  background:var(--rb08-panel-soft);
  color:#444;
}

.rb-community-report-dialog-actions,
.rb-community-report-actions{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
}

.rb-community-report-queue{
  margin-top:12px;
  padding-top:8px;
  border-top:1px solid var(--rb08-border);
}

.rb-community-report-queue h3{
  margin:0 0 7px;
  font-size:11px;
}

.rb-community-report-card{
  margin:0 0 8px;
  padding:6px;
  border:1px solid var(--rb08-border);
  background:#fffdf6;
}

.rb-community-report-head{
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin-bottom:3px;
}

.rb-community-report-head span,
.rb-community-report-meta{
  color:var(--rb08-muted);
  font-size:9px;
}

.rb-community-report-target,
.rb-community-report-details{
  margin:5px 0;
  line-height:1.35;
}

.rb-community-report-details{
  padding:4px;
  border-left:3px solid #d1b55c;
  background:#fff8d9;
}

@media(max-width:720px){
 .rb-community-report-dialog{
  width:100%;
 }
 .rb-community-report-head{
  display:block;
 }
}


/* ----------------------------------------------------------
   [46] HISTORIAL DE MODERACIÓN DE COMUNIDADES (v0.10.63)
   ---------------------------------------------------------- */
.rb-community-moderation-history{
  margin-top:12px;
  padding-top:8px;
  border-top:1px solid var(--rb08-border);
}
.rb-community-moderation-history h3{margin:0 0 5px;font-size:11px;}
.rb-community-history-row{
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  gap:3px 7px;
  padding:5px 3px;
  border-top:1px dotted #c8d0db;
  font:10px Arial,sans-serif;
}
.rb-community-history-row:first-of-type{border-top:1px solid var(--rb08-border);}
.rb-community-history-date{color:var(--rb08-muted);white-space:nowrap;}
.rb-community-history-text{min-width:0;line-height:1.35;overflow-wrap:anywhere;}
.rb-community-history-detail{grid-column:2;color:#666;font-size:9px;}
.rb-community-history-empty{margin-bottom:0;}
@media(max-width:720px){
 .rb-community-history-row{grid-template-columns:1fr;}
 .rb-community-history-detail{grid-column:1;}
}


/* ----------------------------------------------------------
   [47] ROLES Y PERMISOS DE COMUNIDAD v1 (v0.10.64)
   ---------------------------------------------------------- */
.rb-community-role-label{
  display:inline-block;
  padding:2px 5px;
  border:1px solid #9aa9bd;
  background:#eef3f9;
  color:#344e70;
  font:bold 9px Arial,sans-serif;
}

.rb-community-admin-box > h2{
  display:flex;
  align-items:center;
  gap:5px;
}

.rb-community-member-actions .rb-community-member-action[data-action="moderate"],
.rb-community-member-actions .rb-community-member-action[data-action="unmoderate"]{
  border-color:#8e85a8;
  background:#f5f2fa;
}


/* ----------------------------------------------------------
   [47] PERFIL PRIVADO: ACCIONES SOCIALES VISIBLES (v0.10.66)
   ---------------------------------------------------------- */
.rb-profile-capsulated .rb-social-actions{
  display:flex!important;
  gap:4px;
  flex-wrap:wrap;
}


/* ----------------------------------------------------------
   [48] PRIVACIDAD AVANZADA DE PERFIL v1 (v0.10.67)
   ---------------------------------------------------------- */
.rb-privacy-editor{
  margin:12px 0;
  padding:8px;
  border:1px solid var(--rb08-border);
  background:#f8f9fb;
}

.rb-privacy-editor > legend{
  padding:0 5px;
  font:bold 11px Arial,sans-serif;
  color:#1d3557;
}

.rb-privacy-subtitle{
  margin:10px 0 5px;
  padding-bottom:3px;
  border-bottom:1px solid var(--rb08-border);
  font-size:11px;
}

.rb-privacy-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px 10px;
}

.rb-privacy-grid .rb-field{
  margin:0 0 5px;
}

.rb-privacy-note{
  margin-top:5px;
  padding:5px;
  border:1px solid #d5dce7;
  background:#fff;
}

.rb-social-privacy-note{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:0 5px;
  color:#777;
  font:9px Arial,sans-serif;
}

.rb-private-module{
  min-height:48px;
}

.rb-chat-privacy-lock{
  padding:8px;
  border-top:1px solid #b8c4d6;
  background:#f3f5f8;
  color:#666;
  font:10px Arial,sans-serif;
  text-align:center;
}

@media(max-width:720px){
 .rb-privacy-grid{
  grid-template-columns:1fr;
 }
}


/* ----------------------------------------------------------
   [49] PRIVACIDAD DE PUBLICACIONES MVP (v0.10.68)
   ---------------------------------------------------------- */
.rb-post-audience-picker{display:flex;align-items:center;gap:5px;color:#555;font:700 9px Arial,sans-serif}
.rb-post-audience-picker select,.rb-post-edit-audience select{min-width:105px;padding:2px 4px}
.rb-post-visibility{white-space:nowrap}
.rb-post-visibility-public{color:#777}
.rb-post-visibility-friends{color:#456a94}
.rb-post-visibility-private{color:#7a5c38}
.rb-post-edit-audience{display:flex;align-items:center;gap:5px;width:max-content;max-width:100%;color:#555;font:700 9px Arial,sans-serif}
@media(max-width:720px){.rb-post-audience-picker{width:100%;justify-content:space-between}.rb-post-audience-picker select{flex:1}}


/* ----------------------------------------------------------
   [50] PREPARACIÓN BETA PÚBLICA (v0.10.69)
   ---------------------------------------------------------- */
.rb-early-access-inline{
  margin:7px 0;
  padding:6px;
  border:1px solid #d5c4e6;
  background:#f8f3fc;
  color:#5d4b6b;
  font:10px Arial,sans-serif;
}
.rb-terms-check a,.rb-login-help a,.rb-footer a,.rb-legal-page a{color:#2f5f9b}
.rb-legal-page a.rb-btn.rb-primary,
.rb-legal-page a.rb-btn.rb-primary:visited{
  color:#fff;
  background:#0b63a5;
  border-color:#084d80;
  font-weight:700;
}
.rb-legal-page a.rb-btn.rb-primary:hover,
.rb-legal-page a.rb-btn.rb-primary:focus{
  color:#fff;
  background:#084f86;
  text-decoration:none;
}

.rb-login-help{text-align:right;margin:7px 0 0;font-size:10px}
.rb-legal-page{max-width:760px}
.rb-legal-page h2{margin:14px 0 4px;font-size:13px;border-bottom:1px solid #d8dee9;padding-bottom:3px}
.rb-legal-page p{line-height:1.5}
.rb-footer a{text-decoration:none}
.rb-footer a:hover{text-decoration:underline}


/* ----------------------------------------------------------
   [51] PRESENTACIÓN ACCESO ANTICIPADO (v0.10.70)
   ---------------------------------------------------------- */
.rb-early-access-feedback{
  min-height:30px;
  padding:5px 12px;
}

.rb-early-access-page .rb-kicker{
  color:#486a96;
}


/* ----------------------------------------------------------
   [52] RECUPERACIÓN DE CONTRASEÑA REDEBOOK (v0.10.71)
   ---------------------------------------------------------- */
.rb-password-card{
  max-width:520px;
}

.rb-password-card .rb-message{
  margin:0 0 12px;
  padding:8px 10px;
  border:1px solid #b9c7da;
  background:#f4f7fb;
  line-height:1.45;
}

.rb-password-card .rb-message-success{
  border-color:#93b69b;
  background:#f0f8f1;
  color:#254d2c;
}

.rb-password-card .rb-message-error{
  border-color:#caa0a0;
  background:#fff3f3;
  color:#7b2222;
}

.rb-password-card a.rb-btn.rb-primary,
.rb-password-card a.rb-btn.rb-primary:visited{
  color:#fff;
}


/* ----------------------------------------------------------
   [53] PRUEBA LOCAL DE RECUPERACIÓN (v0.10.72)
   ---------------------------------------------------------- */
.rb-local-reset-box{
  margin:10px 0;
  padding:8px 10px;
  border:1px solid #c7b879;
  background:#fffbe8;
  color:#55491f;
}

.rb-local-reset-box p{
  margin:6px 0;
}

.rb-local-reset-box a.rb-btn.rb-primary,
.rb-local-reset-box a.rb-btn.rb-primary:visited{
  color:#fff;
}

/* Web v0.10.76 - cantidad dinámica de accesos en navegación móvil */
@media(max-width:620px){
 .rb-mobile-nav{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)!important}
}

.rb-post-visibility-followers{color:#0d7f8c}

/* v0.10.80 - reacciones en comentarios, estilo clásico Redebook */
.rb-comment-actions{align-items:center}
.rb-comment-reactions{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;margin:0 2px}
.rb-comment-reaction-btn{display:inline-flex;align-items:center;gap:3px;min-height:22px;padding:2px 6px;border:1px solid #c6d7e8;border-radius:10px;background:#fff;color:#35536f;font:inherit;font-size:11px;line-height:1.2;cursor:pointer}
.rb-comment-reaction-btn:hover{border-color:#2e7fb5;background:#f1f7fc;color:#155f93}
.rb-comment-reaction-btn.active{border-color:#188aa0;background:#e1f8f7;color:#087383;font-weight:bold}
.rb-comment-reaction-btn:disabled{opacity:.55;cursor:wait}
.rb-comment-reaction-icon,.rb-comment-reaction-count{pointer-events:none}
.rb-comment-reaction-count{font-size:10px}

/* v0.10.81 — centrado móvil del perfil clásico */
@media (max-width:767px){
  .rb-profile-shell{
    width:min(calc(100% - 18px),560px);
    margin-left:auto;
    margin-right:auto;
  }
  .rb-profile-head{
    align-items:center!important;
    text-align:center;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .rb-profile-head .rb-identity{
    width:auto;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center;
    gap:8px;
    text-align:center;
  }
  .rb-profile-head .rb-avatar{
    margin-left:auto;
    margin-right:auto;
  }
  .rb-name{
    width:100%;
    padding-bottom:0;
    text-align:center;
  }
  .rb-profile-head>.rb-btn{
    width:auto;
    min-width:132px;
    align-self:center;
  }
  .rb-social-actions{
    width:100%;
    justify-content:center;
    align-items:center;
  }
  .rb-social-actions .rb-btn,
  .rb-social-actions .rb-link-danger,
  .rb-social-actions .rb-social-privacy-note{
    flex:0 1 auto;
  }
  .rb-social-counts{
    width:100%;
    margin-left:0!important;
    margin-right:0!important;
    padding-inline:0;
    justify-content:center;
    text-align:center;
  }
  .rb-profile-extension-tabs{
    width:100%;
    justify-content:center;
    padding-inline:0!important;
  }
  .rb-profile-extension-tab{
    flex:0 1 auto!important;
    min-width:140px;
    justify-content:center;
    text-align:center;
  }
}

/* v0.10.82 — hotfix móvil: evita reacciones verticales y palabras partidas */
@media (max-width:767px){
  .rb-comment-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:5px 8px!important;
    width:100%!important;
    min-width:0!important;
  }
  .rb-comment-actions > button{
    order:1!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
  .rb-comment-reactions{
    order:2!important;
    flex:1 1 100%!important;
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:4px!important;
    margin:3px 0 0!important;
    padding:1px 0 3px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .rb-comment-reactions::-webkit-scrollbar{display:none}
  .rb-comment-reaction-btn{
    flex:0 0 auto!important;
    min-width:34px!important;
    min-height:24px!important;
    justify-content:center!important;
    white-space:nowrap!important;
    padding:2px 7px!important;
  }
  .rb-comment-replies{
    margin-left:8px!important;
    padding-left:8px!important;
  }
  .rb-comment-replies .rb-comment-replies{
    margin-left:5px!important;
    padding-left:5px!important;
  }
}


/* v0.10.83 — comentarios con selector de reacciones tipo Redebook */
.rb-comment-reaction-control{position:relative;display:inline-flex;align-items:center;gap:2px;min-width:0;vertical-align:middle}
.rb-comment-reaction-main{padding:0!important;min-height:auto!important;gap:4px;font-size:11px;line-height:1.2;white-space:nowrap}
.rb-comment-reaction-main .rb-reaction-icon,.rb-comment-reaction-main .rb-reaction-label,.rb-comment-reaction-main .rb-reaction-count{pointer-events:none}
.rb-comment-reaction-main .rb-reaction-count{font-size:10px}
.rb-comment-reaction-more{padding:0 2px!important;min-height:auto!important;font-size:11px;line-height:1.2;white-space:nowrap}
.rb-comment-reaction-control .rb-reaction-picker{bottom:calc(100% + 6px);left:0;right:auto}
.rb-comment-reaction-picker{padding:4px 6px}
.rb-comment-reaction-option{width:36px;height:36px;font-size:1.2rem}
.rb-comment-reaction-option.active{outline:1px solid var(--primary)}
@media (max-width:767px){
  .rb-comment-actions{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px;width:100%;min-width:0}
  .rb-comment-actions > button{order:1;flex:0 0 auto;white-space:nowrap;word-break:normal;overflow-wrap:normal}
  .rb-comment-actions > .rb-comment-reaction-control{order:2;flex:0 0 auto;max-width:100%}
  .rb-comment-reaction-control .rb-reaction-picker{max-width:min(290px,calc(100vw - 40px));overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .rb-comment-reaction-control .rb-reaction-picker::-webkit-scrollbar{display:none}
  .rb-comment-replies{margin-left:8px;padding-left:8px}
}

/* v0.10.84 — mismo selector clásico de reacciones en todas las superficies */
.rb-comment-reaction-main{
  padding:3px 6px!important;
  min-height:auto!important;
  gap:5px!important;
  border-radius:0!important;
  color:var(--rb08-link)!important;
  font-size:11px!important;
  font-weight:normal!important;
  line-height:normal!important;
}
.rb-comment-reaction-main:hover,.rb-comment-reaction-main.active{
  background:var(--rb08-panel-soft)!important;
  color:var(--rb08-link)!important;
  text-decoration:underline;
}
.rb-comment-reaction-more{
  padding:8px 4px!important;
  min-height:auto!important;
  font-size:11px!important;
  line-height:normal!important;
}
.rb-comment-reaction-option{width:42px!important;height:42px!important;font-size:1.45rem!important;border-radius:2px!important}
.rb-lb-like.rb-reaction-main{padding:3px 6px;border-radius:0;color:var(--rb08-link);font-size:11px;font-weight:normal}
.rb-lb-like.rb-reaction-main:hover,.rb-lb-like.rb-reaction-main.active{background:var(--rb08-panel-soft);color:var(--rb08-link);text-decoration:underline}
.rb-lb-reaction-wrap.rb-reaction-control .rb-lb-reaction-picker{padding:4px;border:1px solid #999;border-radius:0;background:var(--rb08-white);box-shadow:2px 2px 5px #999}

/* v0.11.2 — contador de mensajes no leídos en navegación móvil */
@media(max-width:720px){
  .rb-mobile-nav .rb-mobile-messages-link{position:relative!important;overflow:visible!important}
  .rb-mobile-nav .rb-mobile-message-badge{display:block;position:absolute!important;z-index:5;top:3px!important;left:calc(50% + 7px)!important;right:auto!important;transform:translateX(-50%);min-width:16px;height:16px;padding:0 4px;border:1px solid #fff;border-radius:999px;background:#ff9900!important;color:#2d1900!important;font-size:10px;font-weight:800;line-height:14px;text-align:center;box-sizing:border-box;box-shadow:0 1px 2px rgba(0,0,0,.18);pointer-events:none}
  .rb-mobile-nav .rb-mobile-message-badge[hidden]{display:none!important}
}

/* v0.11.3 — badge móvil de notificaciones */
@media(max-width:767px){
 .rb-mobile-nav .rb-mobile-notifications-link{position:relative!important;overflow:visible!important}
 .rb-mobile-nav .rb-mobile-notification-badge{display:block;position:absolute!important;z-index:5;top:3px!important;left:calc(50% + 7px)!important;right:auto!important;transform:translateX(-50%);min-width:16px;height:16px;padding:0 4px;border:1px solid #fff;border-radius:999px;background:#ff9900!important;color:#2d1900!important;font-size:10px;font-weight:800;line-height:14px;text-align:center;box-sizing:border-box;pointer-events:none}
 .rb-mobile-nav .rb-mobile-notification-badge[hidden]{display:none!important}
}

/* v0.11.4 */
.rb-nav-badge span[hidden],.rb-notifications-unread[hidden]{display:none!important}


/* v0.11.7 — menú Perfil móvil */
@media(max-width:620px){
 .rb-mobile-nav>.rb-mobile-profile-menu{display:block;position:relative;min-width:0;overflow:visible}
 .rb-mobile-nav>.rb-mobile-profile-menu>summary{list-style:none;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;color:inherit}
 .rb-mobile-nav>.rb-mobile-profile-menu>summary::-webkit-details-marker{display:none}
 .rb-mobile-profile-popover{position:absolute;right:3px;bottom:calc(100% + 7px);z-index:1200;min-width:170px;display:grid;background:#fff;border:1px solid #b9c3d8;box-shadow:0 -2px 8px rgba(0,0,0,.2)}
 .rb-mobile-profile-popover a{display:block!important;padding:10px 12px!important;text-align:left!important;color:#136eb4!important;background:#fff!important;font-size:12px!important;font-weight:700!important;border-bottom:1px solid #d8dcea!important}
 .rb-mobile-profile-popover a:last-child{border-bottom:0!important}
 .rb-mobile-profile-popover .rb-mobile-profile-logout{color:#a83838!important}
}

.rb-profile-nav-menu:not([open]) .rb-profile-nav-popover{display:none!important}
.rb-mobile-profile-menu:not([open]) .rb-mobile-profile-popover{display:none!important}


/* ----------------------------------------------------------
   [MARKPLACE/DIFUNDA] VISIBILIDAD EN PERFIL (v0.11.15)
   ---------------------------------------------------------- */
.rb-profile-extension-editor{
  margin:12px 0;
  padding:8px;
  border:1px solid var(--rb08-border);
  background:#f8f9fb;
}
.rb-profile-extension-editor>legend{
  padding:0 5px;
  font:bold 11px Arial,sans-serif;
  color:#1d3557;
}
.rb-profile-extension-editor>.rb-note{margin:5px 0 9px}
.rb-profile-extension-choice{
  display:flex;
  align-items:flex-start;
  gap:7px;
  margin:6px 0;
  padding:7px;
  border:1px solid #d5dce7;
  background:#fff;
  cursor:pointer;
}
.rb-profile-extension-choice input[type="checkbox"]{
  width:auto!important;
  min-width:13px;
  height:13px;
  margin:1px 0 0;
  padding:0;
}
.rb-profile-extension-choice span{display:block;min-width:0}
.rb-profile-extension-choice strong{display:block;font:bold 11px Arial,sans-serif;color:#111}
.rb-profile-extension-choice small{display:block;margin-top:3px;color:#666;font:10px/1.35 Arial,sans-serif}
.rb-profile-extension-note{padding-top:5px;border-top:1px solid #d5dce7}


/* ==========================================================
   ACCIONES SOCIALES DEL PERFIL (v0.11.16)
   ========================================================== */
.rb-social-actions{align-items:center}
.rb-friend-actions-menu{position:relative;display:inline-block}
.rb-friend-actions-menu>summary{list-style:none;cursor:pointer}
.rb-friend-actions-menu>summary::-webkit-details-marker{display:none}
.rb-friend-actions-menu .rb-btn{min-height:28px}
.rb-friend-actions-dropdown{position:absolute;right:0;top:calc(100% + 4px);z-index:120;min-width:175px;padding:3px;background:#fff;border:1px solid var(--rb08-border-strong);box-shadow:0 3px 8px rgba(0,0,0,.2)}
.rb-friend-menu-item{display:block;width:100%;padding:6px 8px;border:0;background:#fff;color:#222;text-align:left;font:11px Tahoma,Verdana,Arial,sans-serif;cursor:pointer}
.rb-friend-menu-item:hover,.rb-friend-menu-item:focus{background:var(--rb08-panel-soft);color:var(--rb08-link);outline:none}
.rb-friend-menu-danger{color:#a40000!important}
.rb-social-disabled{opacity:.55;cursor:not-allowed!important}
@media(max-width:700px){.rb-friend-actions-menu{position:relative}.rb-friend-actions-dropdown{right:auto;left:0}}

/* v0.11.25 — puente Markplace ↔ Difunda */
.rb-marketplace-difunda{margin:16px 0 0;padding:18px;border-top:3px solid #ff9800;background:#fff;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.rb-marketplace-difunda-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.rb-marketplace-difunda-head h2{margin:2px 0 0;font-size:22px}.rb-marketplace-difunda-head>span{font-size:12px;color:#666}.rb-marketplace-difunda-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.rb-marketplace-difunda-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rb-marketplace-difunda-head{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.rb-marketplace-difunda-grid{grid-template-columns:1fr}}


/* ----------------------------------------------------------
   [v0.11.26] COMUNIDADES COMO CÁPSULAS LOCALES
   La ciudad es el alcance inicial; provincia/país/todo son
   expansiones explícitas elegidas por la persona.
   ---------------------------------------------------------- */
.rb-community-scope-bar{
 display:flex;
 flex-wrap:wrap;
 gap:4px;
 margin:0 0 8px;
 padding:5px;
 border:1px solid var(--rb08-border-strong);
 background:var(--rb08-panel-alt);
}
.rb-community-scope-bar a{
 display:inline-block;
 padding:4px 8px;
 border:1px solid var(--rb08-border);
 background:#fff;
 color:var(--rb08-link);
 font:700 10px Arial,sans-serif;
 text-decoration:none;
}
.rb-community-scope-bar a:hover{background:var(--rb08-panel-soft);text-decoration:underline}
.rb-community-scope-bar a.active{
 border-color:#8ca5c1;
 background:var(--rb08-brand-soft);
 color:#173f68;
}
.rb-community-local-note,
.rb-community-local-warning{
 display:flex;
 align-items:flex-start;
 gap:8px;
 margin:7px 0 9px;
 padding:7px 8px;
 border:1px solid #a9bdcf;
 background:#eef5fb;
 color:#334;
 font:10px/1.4 Arial,sans-serif;
}
.rb-community-local-note strong{white-space:nowrap;color:#173f68}
.rb-community-local-note span{color:#555}
.rb-community-local-warning{display:block;border-color:#d6c483;background:#fff9df}
.rb-community-local-warning a{color:var(--rb08-link);font-weight:700}
.rb-community-local-note-compact{margin:5px 0 8px}
.rb-community-location{
 margin:2px 0 3px;
 color:#4d6174;
 font:700 9px/1.3 Arial,sans-serif;
}
@media(max-width:720px){
 .rb-community-scope-bar{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}
 .rb-community-scope-bar a{flex:0 0 auto;white-space:nowrap}
 .rb-community-local-note{display:block}
 .rb-community-local-note strong,.rb-community-local-note span{display:block;white-space:normal}
 .rb-community-local-note span{margin-top:3px}
}


/* v0.11.34 · overrides para confianza local en perfil */
.rb-box .rb-local-trust__head .rb-local-trust__title{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#1d2b66 !important;
  font:700 12px Tahoma,Verdana,Arial,sans-serif !important;
  line-height:1.25 !important;
}
.rb-box .rb-local-trust__head .rb-kicker{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
.rb-profile-left .rb-local-trust__signals,
.rb-profile-body .rb-local-trust--embedded .rb-local-trust__signals{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  width:100% !important;
}
.rb-profile-left .rb-local-trust__signal,
.rb-profile-body .rb-local-trust--embedded .rb-local-trust__signal{
  width:100% !important;
  max-width:none !important;
  display:flex !important;
}


/* ==========================================================
   v0.11.38 · BUSCADOR UNIFICADO DEL ECOSISTEMA LOCAL
   ========================================================== */
.rb-top .rb-global-search{flex:1 1 240px;max-width:300px;display:flex;height:26px;margin-left:auto}
.rb-global-search input{min-width:0;flex:1;border:1px solid #8fa5c2;border-right:0;background:#fff;color:#222;padding:4px 7px;font:11px Tahoma,Verdana,Arial,sans-serif;outline:0}
.rb-global-search input:focus{border-color:var(--rb08-cyan)}
.rb-global-search button{width:30px;border:1px solid #8fa5c2;background:#edf1f7;color:var(--rb08-blue);font:bold 15px Tahoma,Verdana,Arial,sans-serif;cursor:pointer}
.rb-global-search button:hover{background:#dfe8f4}
.rb-unified-search-page{width:min(calc(100% - 20px),980px);margin:14px auto 48px;color:#20242a}
.rb-unified-search-hero,.rb-unified-search-start,.rb-unified-search-empty,.rb-unified-search-section{border:1px solid var(--rb08-border);background:#fff}
.rb-unified-search-hero{padding:14px;margin-bottom:10px;border-top:3px solid var(--rb08-brand)}
.rb-unified-search-hero h1{margin:2px 0 4px;color:#1b046d;font:bold 20px Arial,sans-serif}
.rb-unified-search-hero p{margin:0 0 12px;color:#68717c}
.rb-unified-search-form{display:grid;grid-template-columns:minmax(0,1fr) 190px 72px;gap:5px}
.rb-unified-search-form input,.rb-unified-search-form select{height:32px;border:1px solid #aabbd2;background:#fff;color:#222;padding:5px 7px;font:12px Tahoma,Verdana,Arial,sans-serif}
.rb-unified-search-form button{border:1px solid #0e5792;background:#136eb4;color:#fff;font:bold 12px Tahoma,Verdana,Arial,sans-serif;cursor:pointer}
.rb-unified-search-form button:hover{background:#0f5c98}
.rb-unified-search-start,.rb-unified-search-empty{padding:18px;text-align:center}
.rb-unified-search-start h2{margin:0 0 5px;font:bold 15px Arial,sans-serif;color:#333}
.rb-unified-search-start p,.rb-unified-search-empty p{margin:4px 0;color:#68717c}
.rb-unified-search-examples{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:12px}.rb-unified-search-examples span{border:1px solid #ccd6e4;background:#f4f7fb;padding:4px 7px;color:#3a5998}
.rb-unified-search-summary{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:7px 9px;border:1px solid #ccd6e4;background:#edf3fb;margin-bottom:6px}.rb-unified-search-summary strong{color:#1b046d}.rb-unified-search-summary em{margin-left:auto;font-style:normal;color:#68717c}
.rb-unified-search-scopes{display:flex;gap:2px;flex-wrap:wrap;margin-bottom:10px}.rb-unified-search-scopes a{display:block;padding:5px 8px;border:1px solid #ccd6e4;background:#fff;color:#136eb4;text-decoration:none;font-weight:bold}.rb-unified-search-scopes a:hover,.rb-unified-search-scopes a.is-active{background:#136eb4;color:#fff;border-color:#136eb4}
.rb-unified-search-section{margin:10px 0;padding:10px}
.rb-unified-search-section-head{margin:-10px -10px 10px;padding:6px 8px;border-bottom:1px solid #ccd6e4;background:#edf1f7;display:flex;justify-content:space-between;align-items:center}.rb-unified-search-section-head span{display:block;color:#68717c;font-size:10px;text-transform:uppercase}.rb-unified-search-section-head h2{margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#333!important;font:bold 13px Tahoma,Verdana,Arial,sans-serif!important}.rb-unified-search-section-head>b{min-width:22px;text-align:center;padding:2px 5px;background:#fff;border:1px solid #ccd6e4;color:#1b046d}
.rb-unified-search-people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.rb-unified-person{display:flex;gap:7px;min-width:0;padding:7px;border:1px solid #d8dee9;background:#fff;text-decoration:none}.rb-unified-person:hover{background:#f4f7fb}.rb-unified-person-avatar{width:42px;height:42px;flex:none;display:grid;place-items:center;overflow:hidden;background:#edf1f7;border:1px solid #ccd6e4;color:#1b046d;font-weight:bold}.rb-unified-person-avatar img{width:100%;height:100%;object-fit:cover}.rb-unified-person-copy{display:flex;min-width:0;flex-direction:column}.rb-unified-person-copy strong{color:#136eb4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rb-unified-person-copy small,.rb-unified-person-copy em{font-size:10px;color:#68717c;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rb-unified-market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.rb-unified-market-card{display:grid;grid-template-columns:76px minmax(0,1fr);border:1px solid #d8dee9;background:#fff;text-decoration:none;min-height:82px}.rb-unified-market-card:hover{background:#fffaf1;border-color:#e5b749}.rb-unified-market-media{display:grid;place-items:center;background:#f2f3f5;overflow:hidden;color:#ff9900;font-size:22px}.rb-unified-market-media img{width:100%;height:100%;object-fit:cover}.rb-unified-market-copy{min-width:0;padding:6px;display:flex;flex-direction:column;gap:2px}.rb-unified-market-copy em{font-size:9px;font-style:normal;color:#8a5a00;text-transform:uppercase}.rb-unified-market-copy strong{color:#222;line-height:1.25}.rb-unified-market-copy>b{color:#111;font-size:13px}.rb-unified-market-copy small{color:#68717c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rb-unified-community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.rb-unified-community-card{display:flex;flex-direction:column;gap:2px;padding:8px;border:1px solid #d8dee9;background:#fff;text-decoration:none}.rb-unified-community-card:hover{background:#f4f7fb}.rb-unified-community-card strong{color:#136eb4}.rb-unified-community-card span,.rb-unified-community-card small{color:#68717c;font-size:10px}
.rb-unified-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.rb-unified-video-card{display:grid;grid-template-columns:105px minmax(0,1fr);gap:7px;border:1px solid #d8dee9;background:#fff;text-decoration:none;padding:5px}.rb-unified-video-card:hover{background:#f4f7fb}.rb-unified-video-media{height:62px;display:grid;place-items:center;overflow:hidden;background:#111;color:#fff;font-size:20px}.rb-unified-video-media img{width:100%;height:100%;object-fit:cover}.rb-unified-video-card>span:last-child{display:flex;flex-direction:column;min-width:0}.rb-unified-video-card strong{color:#136eb4;line-height:1.25}.rb-unified-video-card small{margin-top:3px;color:#68717c}
.rb-unified-search-posts .rb-post{margin:8px 0;border-radius:0;box-shadow:none}.rb-unified-search-posts .rb-post:first-child{margin-top:0}.rb-unified-search-posts .rb-post:last-child{margin-bottom:0}
@media(max-width:820px){.rb-unified-search-people,.rb-unified-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rb-unified-community-grid,.rb-unified-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.rb-unified-search-page{width:calc(100% - 16px);margin-top:8px}.rb-unified-search-form{grid-template-columns:1fr}.rb-unified-search-form button{height:34px}.rb-unified-search-summary em{width:100%;margin-left:0}.rb-unified-search-scopes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.rb-unified-search-scopes a{text-align:center}.rb-unified-search-people,.rb-unified-market-grid,.rb-unified-community-grid,.rb-unified-video-grid{grid-template-columns:1fr}.rb-unified-market-card{grid-template-columns:92px minmax(0,1fr)}.rb-unified-video-card{grid-template-columns:110px minmax(0,1fr)}}