@charset "utf-8";
/* ==========================================================
   BRINTAGE R207 — iconos de navegación iguales al mini chat + tamaño original
   - mismo trazo lineal/redondeado del compositor del chat
   - mismo azul, fondo activo y hover del mini chat
   - cada símbolo conserva su proporción natural
   - el avatar continúa siendo una fotografía circular
   ========================================================== */
:root{
  --bt-active-relief-bg:#edf5ff;
  --bt-active-relief-ring:rgba(47,132,246,.24);
  --bt-active-relief-shadow:rgba(47,132,246,.13);
  --bt-chat-tool-idle:#5b7fa9;
  --bt-chat-tool-active:#2f84f6;
}

/* Navegación inferior: copia el comportamiento visual de los tools del mini chat. */
#bom .pos-m-a.menu a:not(.ip){
  position:relative!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  background-image:none!important;
  background-color:transparent!important;
  color:var(--bt-chat-tool-idle)!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  transform:none;
  transition:background .16s ease,color .16s ease,transform .16s ease!important;
}

#bom .pos-m-a.menu a:not(.ip)::before{
  content:"";
  display:block;
  background:currentColor;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain;
  pointer-events:none;
}

/* Tamaños independientes para conservar la proporción de cada pictograma. */
#bom .pos-m-a.menu a[class~="8W9I-2h"]::before{
  width:26px;height:26px;
  -webkit-mask-image:url('../icos/home-thin.svg');
  mask-image:url('../icos/home-thin.svg');
}
#bom .pos-m-a.menu a[class~="8W9I-2o"]::before{
  width:30px;height:25px;
  -webkit-mask-image:url('../icos/online-thin.svg');
  mask-image:url('../icos/online-thin.svg');
}
#bom .pos-m-a.menu a[class~="8W9I-2f"]::before{
  width:26px;height:25px;
  -webkit-mask-image:url('../icos/favorites-thin.svg');
  mask-image:url('../icos/favorites-thin.svg');
}
#bom .pos-m-a.menu a[class~="8W9I-2s"]::before{
  width:26px;height:26px;
  -webkit-mask-image:url('../icos/search-thin.svg');
  mask-image:url('../icos/search-thin.svg');
}

#bom .pos-m-a.menu a:not(.ip):hover,
#bom .pos-m-a.menu a:not(.ip).br-nav-active{
  background:#edf5ff!important;
  color:#2f84f6!important;
  transform:translateY(-1px)!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
}

/* Avatar: conserva fotografía, proporción y círculo; sólo mantiene un remarco activo discreto. */
#bom .pos-m-a.menu a.ip{
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  transition:box-shadow .16s ease,border-color .16s ease!important;
}
#bom .pos-m-a.menu a.ip.br-nav-active{
  border-radius:50%!important;
  background-color:#fff!important;
  box-shadow:0 0 0 2px rgba(47,132,246,.22),0 3px 10px rgba(47,132,246,.13)!important;
  -webkit-box-shadow:0 0 0 2px rgba(47,132,246,.22),0 3px 10px rgba(47,132,246,.13)!important;
}

/* Botones azules de acción: se elimina la sombra celeste flotante. */
.myButton1,
a[class*="bf-"],
.ca-int .myButton1,
.cp-bottom a,
.se-bottom a.myButton1,
.du-bottom a.myButton1,
.ads-primary-button,
#promo-pay,
.br-app-update-now,
.br-share-modal .sh-send{
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
}

/* Al presionar/seleccionar, el relieve es gris azulado, no celeste. */
.myButton1:active,
a[class*="bf-"]:active,
.ca-int .myButton1:active,
.cp-bottom a:active,
.se-bottom a.myButton1:active,
.du-bottom a.myButton1:active,
.ads-primary-button:active,
#promo-pay:active,
.br-app-update-now:active,
.br-share-modal .sh-send:active,
button.selected,
button.is-active:not(.cp-filter-toggle):not(.cp-collage-tab),
a.is-active{
  box-shadow:0 0 0 1px var(--bt-active-relief-ring),0 2px 7px var(--bt-active-relief-shadow)!important;
  -webkit-box-shadow:0 0 0 1px var(--bt-active-relief-ring),0 2px 7px var(--bt-active-relief-shadow)!important;
}

/* Selecciones que antes usaban un halo azul exterior. */
#settings .br-language-card.is-selected,
.promo-audience-options button.selected,
.ads-audience-options button.selected,
.ads-duration-options button.selected,
.ads-center-tabs button.selected{
  box-shadow:0 0 0 1px var(--bt-active-relief-ring),0 2px 7px var(--bt-active-relief-shadow)!important;
  -webkit-box-shadow:0 0 0 1px var(--bt-active-relief-ring),0 2px 7px var(--bt-active-relief-shadow)!important;
}