/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/
:root{
  --field-bg: #fff;   /* fondo que tú quieres */
  --field-fg: #111;   /* color de texto */
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 200;
  src: url('/assets/fonts/mulish-v13-latin-200.woff2') format('woff2');
}

@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 200;
  src: url('/assets/fonts/mulish-v13-latin-200italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/fonts/mulish-v13-latin-300.woff2') format('woff2');
}

@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 300;
  src: url('/assets/fonts/mulish-v13-latin-300italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 500;
  src: url('/assets/fonts/mulish-v13-latin-500.woff2') format('woff2');
}

@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 500;
  src: url('/assets/fonts/mulish-v13-latin-500italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 600;
  src: url('/assets/fonts/mulish-v13-latin-600.woff2') format('woff2');
}

@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 600;
  src: url('/assets/fonts/mulish-v13-latin-600italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/mulish-v13-latin-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 700;
  src: url('/assets/fonts/mulish-v13-latin-700italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 800;
  src: url('/assets/fonts/mulish-v13-latin-800.woff2') format('woff2');
}

@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 800;
  src: url('/assets/fonts/mulish-v13-latin-800italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 900;
  src: url('/assets/fonts/mulish-v13-latin-900.woff2') format('woff2');
}

@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 900;
  src: url('/assets/fonts/mulish-v13-latin-900italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/mulish-v13-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 400;
  src: url('/assets/fonts/mulish-v13-latin-italic.woff2') format('woff2');
}

body {
  font-family: 'Mulish', sans-serif;
  font-weight: 400;
}

h1 {
  font-weight: 700;
}

em {
  font-style: italic;
}

.full-screen {
  width: 100vw;
  height: 100vh;
}

.d-flex {
  display: flex;
}

.j-content-center {
  justify-content: center;
}

.text-center {
  text-align: center;
}

.w-50 {
  width: 50%;
}

.w-100 {
  width: 100%;
}

.page-login .right {
/*  padding: 126px 180px;*/
    padding: 10%;
  background: #fff;
}

.page-login .logo {
  margin-bottom: 140px;
}

.page-login .img-left {

/*  background: url(/wp-content/uploads/2025/05/imgLogin.svg);
      background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #fff;
    min-height: 100vh;*/
}
.page-login .hideMobile{
display:block;
}
.page-login .hideDesktop{
display: none;
}
@media(max-width:768px){
.page-login .hideMobile{
display:none;
}
.page-login .hideDesktop{
display: block;
}
.page-login {
flex-direction:column;
}
.img-left{
    width: 100%;
    height: 50vh;
}
.page-login .left{
/*background: url(/wp-content/uploads/2025/09/imgLoginResponsive.svg);

        background-size: cover;*/
width: 100%;
}
.page-login .form-footer{
flex-direction: column;}
.page-login .right{
padding:0px;
width:100%;
}
.page-login .logo {
    margin-top: 72px;
    margin-bottom: 24px;
}
}

.primary-menu {
  margin: 0 auto;
}

.page-login .form-login {
  text-align: center;
  justify-content: center;
  display: flex;
}

.page-login .login-form {
  width: 360px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.page-login .input-group {
  display: flex;
  align-items: center;
  border: 1px solid #706F6F;
  border-radius: 8px;
  padding: 12px 10px;
  position: relative;
  height: 40px;
}
.page-login .input-group img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.page-login .input-group input {
  border: none;
  outline: none;
  flex: 1;
  font-size: 14px;
  height: 40px;

  background: none;
}

#email::placeholder, #password::placeholder {
  color: #706F6F; 
  opacity: 1;     
}

input[type="checkbox"] {
  -webkit-appearance: none; 
  -moz-appearance: none;    
  appearance: none;

  border: 1px solid #D71029;
  border-radius: 0 !important;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}

input[type="checkbox"]:checked {
  background-color: #D71029; 
  border-color: #D71029;
  position: relative;
}

input[type="checkbox"]:checked::after {
  content: '✔';
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: 3px;
}

.page-login .toggle-password {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
}
.page-login .toggle-password:focus{
  box-shadow:none;
}

.page-login .toggle-password img {
  width: 18px;
  height: 18px;
  margin: 0 auto;
}

.page-login .btn-login {
  width: 100%;
  background: #d0021b;
  color: #fff;
  border: none;
  padding: 12px;
  border-radius: 6px;
  font-weight: bold;
  cursor: pointer;
  font-size: 15px;
}

.page-login .form-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}

.page-login .form-footer label{
color: inherit !important;
    margin-bottom: 0px !important;
    font-size: inherit !important;
}

.page-login .form-footer a {
  color: #777;
  text-decoration: none;
}

.input-group input {
  color: #706F6F;
  border: 1px solid #706F6F;
  border-radius: 8px;

}

/* Hover sobre el input */
.input-group:has(input:hover),
.input-group:has(input:is(:hover):-webkit-autofill) {
  border-color: #706F6F;
  box-shadow: 0 0 0 2px #FEF4F0;
  background: #FEF4F0;
}

/* Input activo (focus dentro del input) */
.input-group:has(input:focus),
.input-group:has(input:is(:focus):-webkit-autofill) {
  border-color: #d0021b;
  box-shadow: 0 0 0 2px 0.2;
}

/* Error (cuando el input-group tiene clase error) */
.input-group.error {
  border-color: #d0021b;
  background-color: #ffeaea;
}

input:hover,
input:focus {
  box-shadow: none;
}

input[type=checkbox] {
  height: 18px;
  width: 18px;
  border: 1px solid #706F6F;
  border-radius: 8px;
  margin-right: 12px;
}

/* CSS Header */

.menu-style-tab_bar .site-header .primary-menu>li>a>span {
  display: block !important;
}

.menu-style-tab_bar .site-header .primary-menu>li.current-menu-item>a,
.menu-style-tab_bar .site-header .primary-menu>li.current_page_item>a {
  color: red;
}

.buddyboss_legacy.bb-icon-home:before {
  content: url(/wp-content/themes/buddyboss-theme-child/assets/icons/HouseLine-active.svg);
}

/* WIDGET PERFIL */
.custom-profile-widget {
  background-color: var(--bg-color);
  border-radius: var(--border-radius);
  box-shadow: var(--shadow);
  padding: 24px;
  max-width: 100%;
  box-sizing: border-box;
}

.profile-header {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.profile-icons {
  width: 44px;
  height: 44px;
  object-fit: cover;
}

.profile-greeting {
  font-size: 18px !important;
  font-weight: 800;
  color: #1D1D1B;
  margin: 0 0 4px 0;
  line-height: 1.3;
}

.profile-role {
  font-size: 14px;
  color: #706F6F;
  margin: 0;
  line-height: 16px;
  font-weight: 400;
}

.profile-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu-item:last-child {
  border-bottom: none;
}

.menu-item:hover {
  background-color: var(--hover-bg);
}

.menu-icon {
  background-color: var(--icon-bg);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  color: var(--primary-color);
  flex-shrink: 0;
}

.menu-item span {
  font-size: 12px;
  color: var(--text-color);
  font-weight: 500;
}

.custom-profile-widget .profile-icons {
     margin-right: 16px;
}

.m-auto{
margin: 0 auto !important;
}
/* FIN WIDGET PERFIL */

/* WIDGET GESTIONES*/
.custom-gestiones-widget {
  background-color: var(--bg-color);
  border-radius: var(--border-radius);
  box-shadow: var(--shadow);
  max-width: 100%;
  box-sizing: border-box;
}

.gestiones-header {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  justify-content: space-between;
}

.profile-image {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 16px;
  border: 3px solid #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.gestiones-greeting {
  font-size: 18px !important;
  font-weight: 600;
  color: #1D1D1B;
  margin: 0 0 4px 0;
  line-height: 1.3;
}

.gestiones-greeting-mas {
  font-weight: 400;
  font-size: 14px !important;
  line-height: 16px;
  color: #D71029;
  margin-bottom: 0px;
  margin-right: 8px;
}


.gestiones-menu, .enlaces-interes-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}

.menu-item-widget-gestiones {
    width: calc(33.333% - 16px);
    max-width: 200px;
    padding: 8px;
    text-align: center;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

li.menu-item-widget-gestiones {
  width: calc(100% / 3);
}

.menu-item-widge-li {
  font-weight: 400;
  font-size: 12px;
  color: #706F6F;
height: 36px;
}

.menu-icon-gestiones {
  border-radius: 8px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}


/* FIN WIDGET GESTIONES */

/* WIDGET BENEFICIOS */
.custom-beneficios-widget {
  background-color: var(--bg-color);
  border-radius: var(--border-radius);
  box-shadow: var(--shadow);
  max-width: 100%;
  box-sizing: border-box;
}

.custom-beneficios-widget a{
display:flex;}

.profile-info {
  display: flex;
  flex-direction: column;
}

.menu-item-widget {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  cursor: pointer;
  transition: all 0.2s ease;
  border-radius: 8px;
  margin-bottom: 8px !important;
}

.menu-item:last-child {
  border-bottom: none;
}

.menu-item span {
  font-size: 12px;
  color: var(--text-color);
  font-weight: 500;
}

.menu-item-widge-span {
  display: flex;
  flex-direction: column;
}

.menu-item-widge-li-title {
  font-weight: 600;
  font-size: 18px;
  color: #1D1D1B;
}

.menu-item-widge-li-description {
  font-weight: 400;
  font-size: 12px;
  color: #706F6F;
}


/* FIN WIDGET BENEFICIOS */

.widget_custom_html{
padding:16px !important;
margin-bottom:32px !important;
}


.bp-feedback {
  display: none !important;
}

#loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(208, 2, 27, 0.7); /* rojo con opacity */
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.spinner {
  width: 60px;
  height: 60px;
  border: 6px solid #fff;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.c-pointer{
cursor:pointer;
}


/*MIGUEL ASSETS*/

/*HOME - COLUMNA CENTRAL*/
.home-page #primary {
    margin-top: 32px !important;
}

	/*Ini Anivesario*/
		 /*INI HOME ANIV*/
.aniver-title-header {
    font-size: 18px !important;
    font-weight: 600;
    color: #1D1D1B;
    margin: 0 0 4px 0;
    line-height: 1.3;
}

.aniver-mas-header {
    font-weight: 400;
    font-size: 14px !important;
    line-height: 16px;
    color: #D71029;
    margin-bottom: 0px;
    margin-right: 8px;
}

.custom-aniver-widget {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    justify-content: space-between;
}

		 /*END HOME ANIV*/

	/*INI MODAL ANIV*/

#riberaniversario-editor {
	display: none;
}

#modalFelicitar .mensaje-predeterminado {
    background-color: #FEF8F5;
    font-weight: bold;
    border: 1px solid #E6D3CA;
    padding: 6px;
	border-radius: 8px;
	font-size: 14px;	
}

#modalFelicitar .mensaje-predeterminado.seleccionada {
	padding: 12px !important;
	border: 1px solid #D71029;
}

.form-felicitacion .icon-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  gap: 10px;
}

.form-felicitacion .left-icons {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.form-felicitacion .right-submit {
  display: flex;
  align-items: center;
}

.form-felicitacion .custom-btn {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}

.form-felicitacion .custom-btn .btn-icon {
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}

.form-felicitacion .custom-btn .upload-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.form-felicitacion .form-felicitacion-submit-btn {
  background: #e0004d;
  border-radius: 8px;
}


.form-felicitacion .emojionearea-picker {
  top: 60%;
  right: 65% !important;
}

.emojionearea {
    display: block !important;
    margin-top: 10px;
}

.emojionearea-editor {
    min-height: 100px;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
}

.notify-aniver {
    display: none;
}

.notify-success {
    background-color: #EAF6ED;
    color: #333;
    padding: 0.5rem;
    border-radius: 10px;
}

.notify-error {
    background-color: #D9534F;
    color: white;
    padding: 0.5rem;
    border-radius: 10px;
}

.notify-visible {
    display: block;
}

#modalFelicitar .msg-felicita-aniv {
	display: flex;
	margin-bottom: 1rem;
}

#modalFelicitar .msg-felicita-aniv p {
	margin: 0px;
	margin-bottom: 
}
	/*FIN MODAL ANIV*/
/*Fin Aniversario*/

	/*INI RANDOM USERS - PERSONAS A LAS QUE PODRIAS CONOCER */
#modalUsuarios #userList {
    overflow-y: auto;
    max-height: 450px;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    border: 1px solid #DEDEDE;
    padding: 1rem;
    border-radius: 10px;
}

#modalUsuarios .usuario-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#modalUsuarios .usuario-info {
    display: flex;
    gap: 9px;
    align-items: center;
}

#modalUsuarios #noResult {
	margin: 0 auto !important;
    text-align: center;	
}
	/*FIN RANDOM USERS*/

	/*INI profile-page*/


/* Estilo base para escritorio */
.xprofile #primary, .activity  #primary, .friends  #primary {
    max-width: 62% !important;
    margin-left: -10px !important;
}

.change-avatar #primary, .change-cover-image #primary, .profile-edit #primary {
	max-width: 100% !important;	
}

.change-avatar .subnav-perfil-grupos, .change-cover-image .subnav-perfil-grupos, .profile-edit .subnav-perfil-grupos {
	flex-direction: column;
	display: flex;
	justify-content: start;
}

.change-avatar .profile-header a, .change-cover-image .profile-header a, .profile-edit .profile-header a {
	display: none !important;
}

.add-info-edit-profile h3 {
	margin: 0 !important;
	color:  var(--bb-primary-color) !important;
}

.group-create #buddypress {
	margin: 0 auto;	
}

.group-create #primary, .groups  #primary {
    max-width: 842px !important;
}

.groups.group-create .buddypress-wrap {
	max-width: 842px;	
}

.item-header-wrap .bp-group-meta .group-type {
	background-color: #F1F4F5;	
}

.groups .group-button .group-subscription  {
	display: none;	
}

.groups .bb-grid {
	justify-content: center;
}

.xprofile .header-cover-img, .activity .header-cover-img, .groups .header-cover-img, .friends .header-cover-img {
    object-fit: fill !important;
    -webkit-transform: translateY(0%) !important;
    transform: translateY(0%) !important;
    width: 100% !important;
    height: 250px;
    display: block;
}

.xprofile #header-cover-image, .activity #header-cover-image, .groups #header-cover-image, .friends #header-cover-image {
    margin-top: -9rem !important;	
}

.xprofile #cover-image-container, .activity #cover-image-container, .groups #cover-image-container, .friends #cover-image-container {
    border-radius: 10px !important;
    margin-top: 82px;
}

#buddypress #header-cover-image .header-cover-img{
position:relative !important;
top:0 !important;
}
/*DETALLES PERFIL CSS + edit perofile*/
/*Custom icon menu profile user - log out*/
.bb-icon-user:before {
    content: url('/wp-content/uploads/2025/09/user.svg') !important;
}

.bb-icon-sign-out:before {
    content: url('/wp-content/uploads/2025/09/sign-out.svg');
}


/*end Custom icon menu profile user - log out*/

/*dropdown-click-perfil-hide-options*/
#wp-admin-bar-my-account-xprofile, #wp-admin-bar-my-account-activity, #wp-admin-bar-my-account-friends, #wp-admin-bar-my-account-media, #wp-admin-bar-my-account-groups, #wp-admin-bar-my-account-notifications, #wp-admin-bar-my-account-messages {
	display: none;
}
/*fin dropdown*/

/*Hide RighSideBar GroupProfile*/
.groups #custom_html-12, .groups #custom_html-13, .activity #custom_html-14 {
	display: none;
}
/**/

.activity .site-content-grid, .groups .site-content-grid, .friends .site-content-grid{
    flex-flow: row !important;
}

.activity #primary, .groups #primary, .friends #primary {
    margin-top: 2rem !important;
}

#header-cover-image {
    background-color: transparent !important;
}

#custom_html-10, #custom_html-12, #custom_html-13, #custom_html-14  {
    width: 460px;
}

.user-details-box {
    font-family: 'Mulish', sans-serif;
}

.user-details-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.user-details-title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #1D1D1B;
}

.user-details-edit {
    color: #D71029;
    font-size: 14px;
    text-decoration: none;
}

.user-details-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.user-details-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user-details-label {
    display: flex;
    align-items: center;
    gap: 8px;
}

.user-details-icon {
    width: 16px;
    height: 16px;
    margin-bottom: 6px;
}

.user-details-text {
    font-size: 12px;
    color: #757575;
}

.user-details-value {
    font-size: 12px;
    font-weight: 600;
    color: #3A3A3A;
    text-align: right;
}

/*header-followers*/
.css-custom-followers .followers-wrap, .css-custom-followers .following-wrap{
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.css-custom-followers .followers-wrap strong, .css-custom-followers .following-wrap strong{
    font-weight: bolder;
    font-size: 16px;
    color: black;
}

#btn-following, #btn-followers {
    padding: 10px !important;
    width: 72px !important;
    border: 0;
    background-color: white;
}

#btn-following .following-wrap, #btn-followers .followers-wrap {
    margin: 0 auto !important;
}

.bb-follow-list, .bb-follow-list {
    padding: 1rem;
}

.bb-user-card {
    font-size: 14px !important;
}

.bb-user-card:hover {
    background-color: #FEF4F0;
}
/*hacia abajo nuevo chati*/
.bb-user-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 12px;
    background: white;
    margin-bottom: 10px;
    gap: 15px;
    position: relative;
}

.user-avatar img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.user-info {
    flex: 1;
}

.user-name {
    font-size: 18px;
    font-weight: bold;
}

.user-profesion {
    color: #777;
    font-size: 14px;
    margin-top: 4px;
}

.user-actions {
    position: relative;
}

.user-menu-btn {
    background: none !important;
    border: none !important;
    font-size: 22px;
    cursor: pointer;
    color: #D71029 !important;
}

.user-menu {
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
    transition: opacity 0.25s ease, transform 0.25s ease;
    position: absolute;
    top: 30px;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
    padding: 0px;
    z-index: 1000;
    min-width: 140px;
}

/* Cuando está visible */
.user-menu.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.user-menu a {
    display: flex;
    padding: 8px 15px;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
}

.user-menu a:hover {
    background: #f0f0f0;
}

.menu-action {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px;
    font-size: 14px;
    color: #d71029;
    text-decoration: none;
    border-radius: 6px;
    transition: background 0.2s ease;
}

.menu-action:hover, .chat-action:hover {
    background: #fef1f2 !important;
}

.menu-action .icon {
    font-size: 16px;
}
/*fin nuevo chati*/

/**/

/*PERFIL GRUPOS*/
#groupSearchInput {
    opacity: 0;
    height: 0;
    transform: scaleY(0.9);
    transition: opacity 0.25s ease, height 0.25s ease, transform 0.25s ease;
    overflow: hidden;
    pointer-events: none;
}

#groupSearchInput.visible {
    opacity: 1;
    height: 40px;
    transform: scaleY(1);
    pointer-events: auto;
}


/*.bp-pagination .bottom {
    display: none;
}*/

.group-grid-custom {
    background-color: white;
    padding: 2rem;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
}

.group-grid-custom h2 {
    font-size: 18px;
    font-weight: 600;
    color: black;
    width: 100%;
}

.group-grid-custom .second-menu {
    display: flex;
    justify-content: end !important;
    width: 100%;
}


#groups-create-manual a{
    background-color: #FEF4F0 !important;
	color: #C40F25 !important;
	border: 1px solid #C40F25 !important;
	border-radius: 10px !important;
}

#groups-create-manual a:hover {
    background-color: white !important;
	font-weight: bolder !important;
	transition: all 0.3 ease !important;
}

#invites-personal-li, #groups-my-groups-personal-li {
	display: none;
}

.subnav-perfil-grupos {
	display: flex;
	justify-content: end;
}

/*FIN DETALLES PERFIL*/

/*ini random group profile*/
.otros-grupos-widget {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
}

.grupo-listado {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.grupo-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f9f9f9;
    padding: 12px;
    border-radius: 12px;
    position: relative;
    transition: background 0.3s;
}

.grupo-item:hover {
    background: #fff0f0;
}

.grupo-item:hover  .grupo-unirme-boton {
    background: #D71029;
    border: white;
    color: white;
    font-weight: bold;
    cursor: pointer;
}

.grupo-unirme-boton:hover {
	transform: scale(1.05);
	transition: all ease 0.3;
}

.grupo-avatar img {
    border-radius: 6px;
}

.grupo-info {
    flex-grow: 1;
    margin-left: 12px;
}

.grupo-nombre {
    font-weight: bold;
    display: block;
    color: #111;
    text-decoration: none;
}

.grupo-actividad {
    color: #777;
    font-size: 13px;
}

.grupo-unirme-wrapper {
    display: none;
}

.grupo-item:hover .grupo-unirme-wrapper {
    display: block;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}

/*fin random group profile*/

/*ini grid followers following*/
/* Puedes meterlo en tu CSS general */
#userSearchInput {
    opacity: 0;
    max-height: 0;
    transform: scaleY(0.9);
    transition: opacity 0.2s ease, max-height 0.2s ease, transform 0.2s ease;
    overflow: hidden;
    pointer-events: none;
    display: block; /* Evita el display:none para permitir la animación */
}

#userSearchInput.visible {
    opacity: 1;
    max-height: 40px; /* Ajusta según tu input */
    transform: scaleY(1);
    pointer-events: auto;
}

.search-foll {
    display:none; 
    padding: 5px; 
    width: 100%; 
    max-width: 300px; 
    border: 1px solid #ccc; 
    border-radius: 5px;
}
	
.bb-follow-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 15px;
}

.following-grid, .followers-grid {
    background-color: white;
    border-radius: 10px;
    border: 1px solid #DEDEDE;
}

.following-grid .second-menu, .followers-grid .second-menu {
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    padding-bottom: 0;
}

.bb-user-card {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}
/*fin followers followings*/

/*FIXES PERFIL QA*/
#activity-personal-li.selected .bb-single-nav-item-point, #activity-personal-li.current .bb-single-nav-item-point {
    color: #D71029; 
}

/* Para cualquier tab activo */
.bp-personal-tab.current .bb-single-nav-item-point,
.bp-personal-tab.selected .bb-single-nav-item-point {
    color: #D71029; 
}

/*FIN PERFIL*/

/*notification settings*/

.settings .bp-settings-container {
  flex-direction: column;
}

.settings .bp-settings-container .bp-navs {
  min-height: 0px;
  flex: 0;
}

.settings .bp-settings-container .bp-navs .subnav {
  justify-content: start;
}

.settings .bp-settings-container .bb-bp-settings-content {
  width: auto !important;
}
/**/

/*Proximos eventos*/
.tribe-events-header #legend_box, #tribe-events-view-selector-content .tribe-events-c-view-selector__list-item--month {
	display: none;
}

.tribe-events-header__events-bar {
    display: flex;
    align-items: center;
}

.container-top-eventos .title-eventos{
    padding-left: 1rem;
    font-size: 32px;
    font-weight: 700;
}

.header-container-custom .tribe-events-header__events-bar {
    border: none !important;
    border-radius: unset !important; 
	border-top-right-radius: 10px !important;
	border-top-left-radius: 10px !important;
}

.header-container-custom {
	width: 100%;
	background: white;
	border-radius: 10px;
	padding-bottom: 1rem !important;
	margin-top: 1rem !important;
	border: 1px solid #DEDEDE !important;
}

.header-container-custom hr {
	width: 97%;
	text-align: center;
	margin: 0 auto;
	border: 2px solid #D71029;
	margin-top: 16px;
}

.breadcrumb-eventos {
    font-size: 0.85rem;
    color: #999;
    padding-top: 1rem !important;
	padding-left: 1rem !important;
}

.breadcrumb-eventos a {
    color: #D71029 !important;
    text-decoration: none;
}

.breadcrumb-eventos a:hover {
    text-decoration: underline;
}

.breadcrumb-eventos span {
    color: #666;
}


.categoria-wrapper {
    position: relative;
    display: inline-block;
}

.categoria-trigger {
    display: inline-flex;
    align-items: center;
    border: 1px solid #D71029;
    color: #D71029;
    padding: 6px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
}

.categoria-trigger img {
    width: 20px;
    height: 20px;
	filter: invert(15%) sepia(72%) saturate(7007%) hue-rotate(347deg) brightness(86%) contrast(95%);
    margin-right: 6px;
}

.categoria-trigger p {
	font-weight: 500;
}

.categoria-dropdown {
    display: none;
    position: absolute;
    top: 110%;
    left: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    min-width: 220px;
    z-index: 1000;
    font-family: inherit;
}

.categoria-dropdown h4 {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    padding: 16px 16px 4px;
    margin: 0;
}

.categoria-dropdown hr {
    margin: 6px 16px 12px;
    border: none;
    border-top: 1px solid #eee;
}

.categoria-dropdown ul {
    list-style: none;
    padding: 0 16px 16px;
    margin: 0;
}

.categoria-dropdown li a {
    display: block;
    padding: 10px 12px;
    border-radius: 6px;
    text-decoration: none;
    color: #333;
    font-weight: 500;
    transition: background 0.2s ease, color 0.2s ease;
}

.categoria-dropdown li a:hover {
    background-color: #f7f7f7;
}

.categoria-dropdown li a.active {
    color: #D71029;
    font-weight: 600;
    position: relative;
}

.categoria-dropdown li a.active::after {
    content: '✔';
    color: #D71029;
    font-size: 14px;
    position: absolute;
    right: 12px;
}

#legend span.categoria-nombre, .proximos-eventos-sidebar .categoria-label span {
	color: white;
	font-weight: 600;
	font-size: 14px;
}

.tribe-events-c-top-bar .tribe-events-c-top-bar__nav-list, .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__today-button  {
	display: none !important;
}

.tribe-events-header .tribe-events-header__title,  .tribe-events-header .tribe-events-header__title-text, .tribe-events-header .tribe-events-c-breadcrumbs__list {
	display: none;
}

.site-content-grid>.tribe-events {
	padding: 0 !important;
}

.row-datepick-category-select {
	display: flex;
	gap: 2rem;
	flex-direction: row;
	align-items: center;
}

.tribe-events-header .tribe-events-header__top-bar {
	padding-top: 1rem !important;
    margin-bottom: 0px !important;	
}

.tribe-events-header__events-bar {
	margin: 0 !important;
}

.tribe-events-c-events-bar__search-container {
    width: 30%;
    margin-left: 10px;
}

.tribe-common-c-svgicon--messages-not-found {
    display: none !important;
}

.tribe-events-c-messages__message--notice {
    position: relative;
    padding-left: 40px; 
}

.tribe-events-c-messages__message--notice::before {
    content: url('/wp-content/uploads/2025/09/Siren.svg');
    position: absolute;
	left: 1rem;
    top: 59%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
}

.tribe-events-c-messages__message-list {
	margin-left: 1.5rem !important;
}

.tribe-events-c-search__input {
	height: 6px !important;
}

.tribe-events-c-search__input {
    border: 1px solid #706F6F !important;
}

.tribe-events-c-search__input:focus, .tribe-events-c-search__input:hover {
	border: 1px solid #D71029 !important;	
}

#tribe-events-events-bar-keyword {
	padding: 16px;
    margin-left: 12px;	
	text-align: left;
	padding-left: 2rem;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__input-control-icon-svg {
	left: 20px !important;
	top: 15px;
}

.tribe-events-c-search__input-group input[type="search"]:focus,
.tribe-events-c-search__input-group input[type="text"]:focus {
    border-color: #D71029; 
    box-shadow: none;      
    outline: none;         
}

.tribe-events-c-top-bar__datepicker time {
	color: #D71029 !important; 
}

.datepicker-months span.month.current {
    background-color: white !important;
}

.datepicker-months span.month.active.current {
	background-color: var(--bb-primary-color) !important;
}

.tribe-common .tribe-common-c-svgicon__svg-fill {
	fill: #D71029 !important; 	
}

.tribe-events-c-events-bar__search-form {
    gap: 2rem;
}

.tribe-events-c-search .tribe-events-c-search__button {
	background-color: #D71029 !important;
	color: white !important;
	padding: 9px !important;
}

.tribe-events-c-search .tribe-events-c-search__button:hover {
	opacity: 0.6 !important;
}

.post-type-archive-tribe_events .header-search-link {
	display: none !important;
}

#tribe-events-events-bar-search > form > button {
    visibility: hidden;
	height: 32px !important;
	width: 32px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px !important;
	margin-top: 3px;
}

.tooltip-custom-buttons {
	background-color: #D71029;
	border-radius: 8px;
	padding: 13px 8px !important;
	text-align: center;
}
	
.tooltip-custom-buttons a {
	color: white !important;	
}

.tooltipster-base.tribe-events-tooltip-theme {
    border: 1px solid #DEDEDE !important;
}

.tribe-events-calendar-month {
    overflow: hidden;
    background-color: #fff;
}

.bb-tribe-events-views-v2 .tribe-common--breakpoint-medium.tribe-common .tribe-common-h3 {
    font-family: 'Mulish';
}

.tribe-events-calendar-month__events .tribe-events-calendar-month__calendar-event-title {
	border-radius: 8px;
}

/* esquina superior izquierda */
.tribe-events-calendar-month__header-row 
    .tribe-events-calendar-month__header-column[aria-label="lunes"] {
		overflow: hidden;
}

/* esquina superior derecha */
.tribe-events-calendar-month__header-row 
    .tribe-events-calendar-month__header-column[aria-label="domingo"] {
    overflow: hidden;
}


.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-messages__message, .tribe-events .tribe-events-c-messages__message {
    justify-content: start;
    background-color: #FBE7EA;
	height: 40px;
    border-radius: 8px;
}

.tribe-events-calendar-month__calendar-event-details .tribe-events-calendar-month__calendar-event-title  {
	display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 3px;	
}

.tribe-events-calendar-month__header {
    border: none;
    overflow: hidden;
}

.tribe-events-calendar-month__week:last-of-type {
    overflow: hidden;
}

.tribe-events-calendar-month__header-column {
    border-right: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    background-color: #fff;
}

.tribe-events-calendar-month__header-column:last-child {
    border-right: none;
}

.tribe-container-calendar-eventos #legend_box {
    text-align: left !important;
}

.tribe-container-calendar-eventos .proximos-eventos-sidebar #legend li {
    width: 100%;
    margin: 0 !important;
}

.tribe-container-calendar-eventos .proximos-eventos-sidebar .categoria-label {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 500;
    color: #111;
    margin-bottom: 6px;
    opacity: 0.6 !important; /* aplica transparencia al fondo del LI */
}

.tribe-container-calendar-eventos .proximos-eventos-sidebar .categoria-label::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
    background-color: inherit; /* mismo color que el texto o clase */
    border: 1px solid black;
    box-shadow: 0 0 5px 2px rgba(255, 255, 255, 0.4);
    opacity: 1; /* fuerza color fuerte */
    margin-top: 2px;
    margin-right: 6px;
    filter: brightness(1.2);
}

/* Texto */
.tribe-container-calendar-eventos .proximos-eventos-sidebar .categoria-label a {
    text-decoration: none;
    color: #000;
    font-weight: 500;
}

.proximos-eventos-sidebar {
    width: 405px;
    background-color: white;
    margin-top: 3rem;
    padding: 1rem !important;
    border-radius: 10px;
    border: 1px solid #DEDEDE !important;
    max-width: 893px:
    overflow-y: scroll;
}

.dropdown-next-events {
	display: none;
}

/*Leyenda Eventos*/
.leyendaEventosCustom {
    pointer-events: none;
}

.leyendaEventosCustom .teccc-legend {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
	margin-top: 3rem !important;
    padding-top: 1rem;
    background-color: white;
    border-radius: 10px;
	border: 1px solid #DEDEDE;
	align-items: center; 
}

.leyendaEventosCustom .teccc-legend h3 {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
	align-items: center; 
	height: 100%; 
}

.leyendaEventosCustom .teccc-legend #legend {
    display: flex;
    align-items: center;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.leyendaEventosCustom #legend_box {
    margin: 0;
}

.leyendaEventosCustom #legend {
    display: flex;
    align-items: center;
    gap: 10px;
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.leyendaEventosCustom li {
    display: flex;
    align-items: center;
    color: inherit;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 0.8rem;
    position: relative;
    gap: 8px; 
    line-height: 1;
}

.leyendaEventosCustom li:first-child::before {
    display: none;
    content: none;
}

.leyendaEventosCustom li::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: inherit;
    border: 1px solid black;
    flex-shrink: 0;
    margin-right: 6px;
    filter: brightness(1.4); 
}

.leyendaEventosCustom #legend_box {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.leyendaEventosCustom #legend_box h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    height: 100%;
    white-space: nowrap;
}

/*RESPONSIVO EVENTOS HOME*/
@media (max-width: 768px) {

	.tribe-container-calendar-eventos {
		flex-direction: column;
	}
	
	.proximos-eventos-sidebar {
		width: auto;
	}
	
	.tribe-events-c-nav, .tribe-events-c-events-bar__views {
		display: none !important;
	}
	
	.container-top-eventos {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	
	#tribe-events-search-container {
		margin: 0 auto;		
		width: 360px;
        border: 1px solid #dedede;
		border-radius: 8px;
		box-shadow: 0 4px 12px rgba(0,0,0,.12);
	}
	
	.tribe-events-c-search {
		display: flex;
		align-items: center;
	}
	
	.tribe-common-c-btn {
		margin-top: 0 !important;
	}
}

@media (max-width: 768px) {
	#tribe-events-search-container {
		width: 270px;		
	}
	
	.tribe-common-h3, .tribe-events button.tribe-events-c-top-bar__datepicker-button   {
		font-size: 16px;
	}
	
	#tribe-events-events-bar-keyword {
		font-size: 14px;
	}
}

@media (max-width: 430px) {
	.proximos-eventos-sidebar .h3-semi-bold {
		margin-bottom: 0 !important;
	}
	
	.leyendaEventosCustom, .next-event-container {
		display: none;
	}
	
	.dropdown-next-events {
		display: block;
	}
	
	.proximos-eventos-title {
		display: flex;
		gap: 1rem;		
	}
	
	.proximos-eventos-title .drop-next-events {
	  display:inline-block;
	  width: 7px; 
	  height: 7px;
	  font-weight: bolder;
	  border-right:3px solid #D71029 !important;
	  border-bottom:3px solid #D71029 !important;
	  transform:rotate(45deg);
	  vertical-align:middle;
	  margin-top: 6px;
	  transition: transform .2s ease;
	}
	
	.drop-next-events.is-open{
	  transform: rotate(-135deg);         
	}
}
/*FIN RESPONSIVO EVENTOS HOME*/

/* SINGLE EVENTO */

/* Ocultar footer */
#tribe-events-footer {
    display: none;
}

/* Estilo del contenedor de contenido del evento */
#tribe-events-pg-template #tribe-events-content {
    background-color: white;
    border-radius: 10px;
    border: 1px solid #dedede;
}

/* Leyenda de categoría */
#tribe-events-content #legend_box {
    text-align: left;
}
#tribe-events-content #legend_box #legend {
    margin: 0 !important;
}

.teccc-legend .categoria-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 12px;
    border-radius: 8px;
    margin: 4px 6px 4px 0;
    color: #333;
    background-color: #eee; /* será sobrescrito por el plugin */
    position: relative;
}

.teccc-legend .categoria-label::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid black;
    box-shadow: 0 0 5px inherit, 0 0 10px inherit;
    filter: brightness(1.2);
    opacity: 1;
    background-color: inherit;
}

/* Imagen destacada */
#tribe-events-content .bs-event-image img {
    height: 404px;
    object-fit: cover;
    width: 100%;
    border-radius: 6px;
}

/* Padding general en contenedores superior e inferior */
.top-content-event-template,
.bottom-content-event-template {
    padding: 3rem;
}

.top-content-event-template {
    padding-bottom: 0rem;
}

.bottom-content-event-template {
    padding-top: 1rem;
}

/* Botón Inscribirme */
.btn-inscribirme {
    background-color: #D71029;
    color: white;
    padding: 10px 24px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    border: none;
    box-shadow: none;
    transition: background-color 0.2s ease;
    text-align: center;
}

.btn-inscribirme:hover {
    background-color: #b60d21;
    color: white;
}

/* Contenedor de acciones (botones) */
.bs-event-actions {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

/* ENCABEZADO DEL EVENTO */

/* Título de la sección "Evento" */
.evento-section-title {
    font-size: 28px;
    font-weight: 700;
    color: #1A1A1A;
    margin: 15px 0;
}

/* Línea roja debajo de "Evento" */
.evento-divider {
    width: 100%;
    height: 4px;
    background-color: #D71029;
    border: none;
    margin: 24px 0;
}

/* Título del evento (nombre del evento) */
.bs-event-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #111;
}

/* Fechas y ubicación */
.bs-event-details {
    font-size: 16px;
    color: #666;
    margin-bottom: 24px;
}
.bs-event-details p {
    margin: 9px 0;
}

.tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button {
	color: #D71029;	
	border: 0px;
}

.tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover {
	background-color: #D71029 !important;
}

/*single-evento-popup*/
.popup-overlay {
  display: none;
  position: fixed;
  z-index: 9999;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  justify-content: center;
  align-items: center;
}

.popup-content {
  background: #fff;
  border-radius: 10px;
  padding: 30px;
  text-align: center;
  max-width: 500px;
  width: 90%;
  position: relative;
}

.popup-content img {
	width: 217px;
	height: 217px;
	margin: 20px auto;
}

.popup-content h2 {
  margin-bottom: 15px;
  font-size: 20px;
  color: #000;
  text-align: left;
}

.popup-content h3 {
  margin-top: 10px;
  font-size: 18px;
  font-weight: bold;
}

.popup-content p {
  color: #555;
  font-size: 15px;
}

.popup-close {
  position: absolute;
  top: 12px;
  right: 12px;
  background: none;
  border: none;
  font-size: 22px;
  color: #c00;
  cursor: pointer;
}

/* Fin SINGLE EVENTO */

/*COMUNICAOS INICIO*/
/* === Página Comunicados === */
.box-top-comunicados {
	background-color: white;
    margin-top: 1rem;
    border-radius: 10px;
    padding: 1rem 1.2rem 0.5rem 1.2rem !important;
	margin-bottom: 1rem;
}

.bb-comunicados .bb-comunicados-breadcrumbs {
    margin-bottom: 16px;
    font-size: 12px;
    color: #666;
}

.bb-comunicados .bb-comunicados-breadcrumbs a {
    color: #d71029;
    text-decoration: none;
}

.bb-comunicados .bb-comunicados-breadcrumbs .separator {
    margin: 0 5px;
    color: #999;
}

.bb-comunicados .bb-comunicados-header .header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bb-comunicados .bb-comunicados-header .titulo {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #000;
}

.bb-comunicados .bb-comunicados-header .icono-busqueda {
    color: #d71029;
    font-size: 18px;
    cursor: pointer;
}

.bb-comunicados .bb-comunicados-header .linea-roja, .comunicado-header .linea-roja {
    margin-top: 8px;
    height: 4px;
    background-color: #d71029;
    width: 100%;
	margin: 1.2rem 0;
}

.bb-comunicados .bb-comunicados-content {
    font-size: 16px;
    color: #333;
    line-height: 1.6;
}

/* === Página Comunicados (Diseño) === */

.bb-comunicados .comunicado-destacado {
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 25px;
}

.bb-comunicados .comunicado-destacado .comunicado-img {
    position: relative;
    height: 450px;
}

.bb-comunicados .comunicado-destacado .comunicado-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.bb-comunicados .comunicado-destacado .comunicado-overlay {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    background-color: #C40F25;
    color: white;
    padding: 24px 30px;
    text-align: left;
    width: 1216px;
    margin: 0 auto;
}

.bb-comunicados .comunicado-destacado .comunicado-overlay h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 8px;
    line-height: 1.2;
    color: white;
}

.bb-comunicados .comunicado-destacado .comunicado-overlay .fecha {
    font-size: 14px;
    margin: 0;
    opacity: 0.9;
    color: white;
}

.bb-comunicados .comunicados-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);	
    gap: 24px;
    max-height: 800px;
	width: 100%;
	overflow-y: auto;
    padding: 1rem;
    background-color: white;
    border-radius: 10px;
    border: 1px solid #dedede;
    align-items: stretch;

    overflow-x: hidden;
}

.bb-comunicados .comunicado-card {
    background: white;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 15px;
    transition: all 0.2s;
/*    height: 500px;*/
    width: 390px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
}

.bb-comunicados .comunicado-card:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    background-color: #FEF4F0;
    border: 1px solid #C40F25;
}

.bb-comunicados .comunicado-card a {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.bb-comunicados .comunicado-card .wp-post-image {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 16px;
}

.bb-comunicados .check-lectura {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 500;
    color: #C40F25;
    border: 1px solid #C40F25;
    border-radius: 30px;
    padding: 4px 12px;
    margin-bottom: 12px;
    background-color: #fff3f0;
    width: 240px;
	height: 24px;
}

.bb-comunicados .check-lectura .icono-lectura {
    width: 16px !important;
    height: 16px !important;
    display: inline-block;
}

.bb-comunicados .comunicado-card h2 {
    font-size: 24px;
	font-weight: 700;
    margin: 0 0 auto;
}

.bb-comunicados .comunicado-card .fecha {
    margin-top: 24px;
    font-size: 13px;
    color: #777;
	margin-bottom: 0;
}

/*COM RESPONSIVO*/
@media (max-width: 1280px) {
  .bb-comunicados .comunicado-destacado .comunicado-overlay {
    width: clamp(280px, 92%, 1216px);
    margin: 0 auto;
  }

  .bb-comunicados .comunicados-grid {
    width: 100%;
    max-height: none;   
  }

  .bb-comunicados .comunicado-card {
    width: auto;        
  }
}

@media (max-width: 1024px) {
  .my-account .site-content{
    padding:0px 20px !important;
  }
  .bb-comunicados .comunicado-destacado .comunicado-img {
    height: 380px;
  }

  .bb-comunicados .comunicado-destacado .comunicado-overlay {
    bottom: 24px;
    padding: 18px 22px;
  }

  .bb-comunicados .comunicado-destacado .comunicado-overlay h2 {
    font-size: 20px;
  }

  .bb-comunicados .comunicado-destacado .comunicado-overlay .fecha {
    font-size: 13px;
  }

  .bb-comunicados .comunicados-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 0.75rem;
  }

  .bb-comunicados .comunicado-card {
    height: auto;       
    min-height: 420px;  
    padding: 14px;
  }

  .bb-comunicados .comunicado-card h2 {
    font-size: 20px;
  }

  .bb-comunicados .comunicado-card .fecha {
    margin-top: 16px;
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  .bb-comunicados .comunicado-destacado .comunicado-img {
    height: 300px;
  }

  .bb-comunicados .comunicado-destacado .comunicado-overlay {
    bottom: 16px;
    padding: 14px 16px;
    width: calc(100% - 24px); 
  }

  .bb-comunicados .comunicados-grid {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 0.75rem;
  }

  .bb-comunicados .comunicado-card {
    min-height: unset;
    padding: 12px;
  }

  .bb-comunicados .check-lectura {
    width: auto;  
    height: auto;
    padding: 6px 10px;
    font-size: 10px;
  }
}

@media (max-width: 480px) {
  .bb-comunicados .comunicado-destacado .comunicado-img {
    height: 220px;
  }

  .bb-comunicados .comunicado-destacado .comunicado-overlay h2 {
    font-size: 18px;
    line-height: 1.25;
  }

  .bb-comunicados .comunicado-destacado .comunicado-overlay .fecha {
    font-size: 12px;
  }

  .bb-comunicados .comunicado-card h2 {
    font-size: 18px;
  }

  .bb-comunicados .comunicado-card .fecha {
    font-size: 12px;
  }
}
/*END RESPONSIVO*/

/*COMUNICADOS END*/

/*SINGLE COMUNICADOS*/

.bb-single-comunicado .comunicado-wrapper {
    max-width: 860px;
    margin: 0 auto;
    background: #fff;
    border-radius: 12px;
	padding-bottom: 0px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

.bb-single-comunicado .comunicado-breadcrumb {
    font-size: 12px;
    margin-bottom: 20px;
    color: #D71029 !important;
}

.bb-single-comunicado .comunicado-breadcrumb span {
	color: #706F6F !important;	
}

.bb-single-comunicado .comunicado-header .super-titulo {
    color: #1D1D1B;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 8px;
}

.bb-single-comunicado .titulo-comunicado {
    font-size: 24px;
    font-weight: 700;
    margin: 0px;
}

.bb-single-comunicado .fecha {
    font-size: 14px;
    color: #555;
    margin: 24px 0;
}

.bb-single-comunicado .comunicado-img-destacada img {
	display: flex;
	margin: 1rem auto;
    width: 100%;
    height: auto;
}

.bb-single-comunicado .comunicado-contenido {
    font-size: 17px;
    line-height: 1.7;
    color: #222;
}

.bb-single-comunicado  .comunicado-contenido-noticia {
    font-size: 14px;
    line-height: 1.7;
    color: #706F6F;	
}

.bb-single-comunicado .comunicado-boton {
    text-align: right;
    margin-top: 40px;
}

.bb-single-comunicado .btn-confirmar {
    background: #D71029;
    color: #fff;
    border: none;
    padding: 12px 18px;
    font-size: 14px;
	font-weight: 700;
    border-radius: 9px;
    cursor: pointer;
}

.bb-single-comunicado .btn-confirmar.confirmed{
    opacity:0.4;
}

.bb-single-comunicado .logo-ribera {
    margin-top: 40px;
	width: 100%;
}

.bb-single-comunicado .comunicado-single-top, .comunicado-single-bottom {
	padding: 0 40px;
}

.bb-single-comunicado .comunicado-single-top {
	padding-top: 40px;
}

.bb-single-comunicado .comunicado-single-bottom {
	padding-bottom: 40px;
}

/*MODAL 1 - CONFIRMACION LECTURA INICIO*/
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.popup-content {
    background: #fff;
    padding: 30px;
    max-width: 500px;
    text-align: center;
    border-radius: 12px;
    position: relative;
}

#popup-continue-btn {
    margin-top: 20px;
    background-color: #D71029;
    color: white;
    padding: 10px 25px;
    font-weight: bold;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}
/*FIN MODAL 1*/
/*MODAL 2*/
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.popup-content {
    background: white;
    padding: 30px;
    max-width: 480px;
    text-align: center;
    border-radius: 10px;
    position: relative;
}

.popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    background: transparent;
    border: none;
    font-size: 24px;
    cursor: pointer;
}

.popup-close:hover {
	background-color: white !important;
}

#close-confirmation {
    margin-top: 20px;
    background-color: #D71029;
    color: white;
    padding: 10px 25px;
    border: none;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
}

/*FIN MODAL 2*/

/*SINGLE COM RESPONSIVO*/
@media (max-width: 1280px) {
  .bb-single-comunicado .comunicado-wrapper {
    margin: 0 16px; 
  }
}

@media (max-width: 1024px) {
  .bb-single-comunicado .comunicado-single-top,
  .bb-single-comunicado .comunicado-single-bottom {
    padding: 0 28px; 
  }
  .bb-single-comunicado .comunicado-single-top { padding-top: 28px; }
  .bb-single-comunicado .comunicado-single-bottom { padding-bottom: 28px; }

  .bb-single-comunicado .comunicado-header .super-titulo {
    font-size: 28px;
    margin-bottom: 6px;
  }

  .bb-single-comunicado .titulo-comunicado {
    font-size: 22px;
  }

  .bb-single-comunicado .fecha {
    font-size: 13px;
    margin: 18px 0;
  }

  .bb-single-comunicado .comunicado-img-destacada img {
    height: 340px;
  }

  .bb-single-comunicado .comunicado-contenido {
    font-size: 16px;
    line-height: 1.7;
  }

  .popup-content {
    max-width: 520px; 
    padding: 26px;
  }
}

@media (max-width: 768px) {
  .bb-single-comunicado .comunicado-wrapper {
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.07);
  }

  .bb-single-comunicado .comunicado-breadcrumb {
    font-size: 11px;
    margin-bottom: 16px;
  }

  .bb-single-comunicado .comunicado-header .super-titulo {
    font-size: 24px;
  }

  .bb-single-comunicado .titulo-comunicado {
    font-size: 20px;
  }

  .bb-single-comunicado .fecha {
    font-size: 12px;
    margin: 14px 0;
  }

  .bb-single-comunicado .comunicado-img-destacada img {
    width: 100%;
    height: auto;          
    max-height: 320px;     
    display: block;
    margin: 0.75rem auto;
    border-radius: 8px;
  }

  .bb-single-comunicado .comunicado-contenido {
    font-size: 15.5px;
    line-height: 1.65;
  }

  .bb-single-comunicado .comunicado-single-top,
  .bb-single-comunicado .comunicado-single-bottom {
    padding: 0 20px;
  }
  .bb-single-comunicado .comunicado-single-top { padding-top: 22px; }
  .bb-single-comunicado .comunicado-single-bottom { padding-bottom: 22px; }

  .bb-single-comunicado .comunicado-boton {
    text-align: center; 
    margin-top: 28px;
  }

  .bb-single-comunicado .btn-confirmar {
    padding: 11px 16px;
    font-size: 13px;
    border-radius: 8px;
    width: 100%;          
    max-width: 420px;
  }

  .popup-content {
    max-width: 92vw; 
    padding: 22px;
  }
}

@media (max-width: 480px) {
  .bb-single-comunicado .comunicado-breadcrumb {
    font-size: 10.5px;
    margin-bottom: 12px;
  }

  .bb-single-comunicado .comunicado-header .super-titulo {
    font-size: 21px;
  }

  .bb-single-comunicado .titulo-comunicado {
    font-size: 18px;
  }

  .bb-single-comunicado .comunicado-contenido {
    font-size: 15px;
    line-height: 1.6;
  }

  .bb-single-comunicado .comunicado-single-top,
  .bb-single-comunicado .comunicado-single-bottom {
    padding: 0 16px;
  }
  .bb-single-comunicado .comunicado-single-top { padding-top: 18px; }
  .bb-single-comunicado .comunicado-single-bottom { padding-bottom: 18px; }

  .bb-single-comunicado .comunicado-img-destacada img {
    max-height: 240px; 
    margin: 0.5rem auto;
  }

  .bb-single-comunicado .btn-confirmar {
    font-size: 12.5px;
    padding: 10px 14px;
    max-width: 100%;
  }

  .popup-content {
    max-width: 94vw;
    padding: 18px;
    border-radius: 10px;
  }

  #popup-continue-btn,
  #close-confirmation {
    padding: 10px 16px;
    font-size: 13px;
    width: 100%;
  }
}

/*SINGLE COM RESPONSIVO END*/

/*SINGLE COMUNICADOS END*/

/*SELECTOR IDIOMAS*/
/* Elimina el icono inyectado por BuddyBoss */

.wpml-ls-menu-item i.bb-icon-globe {
    display: none !important;
}

.ab-submenu {
	min-width: 60px !important;	
}

.menu-style-tab_bar .site-header .primary-menu>li.menu-item-has-children:not(.hideshow):after {
	display: none !important;
}

.menu-style-tab_bar .site-header #primary-navbar .primary-menu>.menu-item>.ab-submenu {
    margin-top: 6px !important;
    left: 8px !important;
}

/*MIGUEL CSS ENDS*/

.hide-item{
  display:none;
}

.m-0{
  margin:0;
}
.m-l-8{
  margin-left:8px !important;
}

.errorlogin{
    margin:0;
    font-family: Mulish;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
}

input:-webkit-autofill {
 
  -webkit-text-fill-color: #000 !important;
  transition: background-color 9999s ease-out 0s;
border: 1px solid #706F6F !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-left: 0px !important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: 0px !important;
}


.modal-bg {
            display: none;
            position: fixed;
            z-index: 1000;
            left: 0; top: 0;
            width: 100%; height: 100%;
            background-color: rgba(0,0,0,0.5);
        }
        .modal-content {
            background: #fff;
            margin: 5% auto;
            padding: 20px;
            width: 90%;
            max-width: 600px;
            border-radius: 10px;
        }

		.modal-content p {
			font-weight: bold;
			color: black;	
		}

        .close-modal {
            float: right;
            cursor: pointer;
            font-size: 20px;
        }
        .user-list {
            list-style: none;
            padding: 0;
        }
        .user-list li {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }
        .user-list img {
            border-radius: 50%;
            margin-right: 10px;
        }



 #searchInput {
            width: 100%;
            padding: 8px;
            margin-bottom: 15px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }


h2.widget-title{
    font-family: Mulish;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 100% !important;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #1D1D1B !important;
}


.custom-html-widget .d-flex h2{
margin:0px !important;
}


.j-c-s-b{
justify-content:space-between;
}
.mb-16{
margin-bottom:16px;
}

.contacto-sugerencia {
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .avatar-stack {
            width:50%;
            display: flex;
            flex-direction: row;
            padding-left: 32px;
        }

        .avatar-stack img {
            border-radius: 50%;
            border: 2px solid #fff;
            width: 48px;
            height: 48px;
            margin-left: -16px;
            box-shadow: 0 0 0 1px #ddd;
            background: #fff;
        }

        .contacto-texto {
            width:50%;
            font-size: 15px;
            color: #1D1D1B;
            font-family: Mulish;
font-weight: 400;
font-size: 12px;
line-height: 100%;
letter-spacing: 0%;

        }

        .contacto-texto strong {
            color: #000;
font-family: Mulish;
font-weight: 800;
font-size: 12px;
line-height: 100%;
letter-spacing: 0%;

        }


.otgs-development-site-front-end {
    display: none;
}

.wpml-ls-statics-footer.wpml-ls.wpml-ls-legacy-list-horizontal {
    display: none;
}

.newsletter-card{
    border: 1px solid #DEDEDE;
    border-radius: 8px;
}


.newsletter-card .section-content{
    padding: 8px;
    width:70%
}

.newsletter-card .section-content h3{
   margin-bottom:8px;
}

.newsltetter-card .section-img{
   width:32%;
}

.newsletter-card .section-img img{
    width: 100%;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}


.swiper-button-prev,
.swiper-button-next{
    height: 15px !important;
    width: 8px !important;
    color: #D71029 !important;
    position: absolute !important;
    bottom: 0px !important;
    top: auto!important;
	z-index:999 !important;
}

.swiper-button-next:after,
.swiper-button-prev:after{
    font-size:16px !important;
}


h3.bold{
font-family: Mulish;
font-weight: 800;
font-size: 18px;
line-height: 100%;
letter-spacing: 0%;
}

.m-0{
margin:0px;
}


.swiper-newsletter h4{
font-family: Mulish;
font-weight: 400;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
text-decoration: underline;
text-decoration-style: solid;
text-decoration-offset: 10%;
text-decoration-thickness: 6%;
text-decoration-skip-ink: auto;
}

.mb-8{
margin-bottom:8px;
}


.swiper-slide{
    border: 1px solid rgb(222, 222, 222);
    border-radius: 8px;
}

.swiper-slide img{
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.swiper-pagination-fraction{
bottom: 0px !important;
}

.body-s-regular{
font-family: Mulish;
font-weight: 400;
font-size: 12px;
line-height: 100%;
letter-spacing: 0%;
}

.body-m-regular{
font-family: Mulish;
font-weight: 400;
font-size: 14px;
line-height: 16px;
letter-spacing: 0%;
}
.c-red{
color: #D71029;
}
.c-grey{
color:#706F6F;
}
.c-black{
color: #1D1D1B;
}

.card-button,
.bb-card-footer .follow-button{
    background-color: var(--bb-primary-button-background-hover) !important;
    color: var(--bb-primary-button-text-hover) !important;
    border-color: var(--bb-primary-button-border-hover) !important;
}

#buddypress input[type=submit]{
background-color: var(--bb-primary-button-background-hover);
    color: var(--bb-primary-button-text-hover);
    border-color: var(--bb-primary-button-border-hover);
}

.generic-button:has(a.pin-activity) {
  display: none;
}

.bb-activity-more-options span{
font-family: Mulish;
font-weight: 400;
font-size: 12px;
line-height: 16px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
color:#D71029;
}
.bb-activity-more-options a:before{
color:#D71029 !important;
}


.activity-list .bb-activity-more-options-wrap .bb-activity-more-options-action i{
   transform: rotate(90deg) !important;
   color:#D71029 !important;
}



.activity-head-bar {
  position: relative;
}

.activity-head-bar::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background-color: red;
  transform: translateY(-50%);
}


.bb-subnav-filters-container-main:not(:last-child) {
    z-index: 1;
    background-color: var(--bb-body-background-color);
    margin: 0 !important;
}



.h3-semi-bold{
font-family: Mulish;
font-weight: 600 !important;
font-size: 18px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
}

.align-items-center{
align-items:center;
}


.bb-subnav-filters-container-main{
padding-left:8px;
}

.wp-admin-bar-my-account-messages-notices{
display:none;
}

.showallevents{
font-family: Mulish;
font-weight: 400;
font-size: 14px;
line-height: 16px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
color:#D71029;
}

#searchUsers{
    height: 24px;
	filter: invert(19%) sepia(73%) saturate(3258%) hue-rotate(338deg) brightness(89%) contrast(112%);
}

*:disabled {
  opacity: 0.6;
}
.site-header .site-header-container{
justify-content:space-between;
}
site-header-container .site-branding,
.header-aside.avatar {
min-width:auto !important;
}
@media (max-width: 1024px) {
  .bb-mobile-header-wrapper{
    z-index: 1;
    position: fixed;
    background-color: white;
    width: 100%;
    display: block !important;
  }
  #site-logo{
    margin-left: 24px;
    min-width: auto;
  }
  .buddypanel, .site-header-container {
        display: flex;
    width: 100%;
    justify-content: space-between;
  }
  .bb-grid.site-content-grid{
    flex-flow:column !important;
    display: flex !important;
	width: 100%;
        margin: 0 auto;
  }
.sticky-header .site-header{
padding: 0px !important;
}
.container{
padding:0px;
}
  .header-aside.avatar{ 
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
margin-right: 24px;
min-width:auto !important;
}
  .main-navigation{display:none;}
  .site-branding{display:flex;}

  .bb-template-v2 .bb-mobile-panel-inner .side-panel-menu .menu-item>a {
    padding: 12px 0 12px 15px;
    width: 100%;
    display: flex;
    position: relative;
    flex-direction: row;
  }
  
  .menu-item img{
    position:relative !important;
    top: 0px !important;
  }
  .bb-mobile-header-wrapper, .bb-mobile-panel-wrapper {
        display: none !important;
    }
}


.tribe-events-calendar-month__calendar-event-title-link{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}


.tribe-events .tribe-events-calendar-month__calendar-event-datetime>*{
display:none;
}


/* RESPONSIVE HOME */

@media (min-width: 768px) and (max-width:1080px){
	div#item-header-content .flex {
		justify-content: flex-end;		
	}
	
	.activity  .bb-grid {
		gap: 0px !important;
	}
	
	#custom_html-10, #custom_html-12, #custom_html-13, #custom_html-14 {
    	width: 100%;
	}
	
	.activity #primary .bb-profile-grid {
		display: none;
	}
	
	.activity #primary, .groups #primary {
		max-width: 100% !important;	
		padding: 0;
		margin-left: 0 !important;
	}
	
	.bp-user #secondary {
		padding: 0;
	}
	
	.groups #secondary {
		margin-top: 0px;
	}
	
	.groups #custom_html-14 {
		margin-bottom: 0px !important; 	
	}
	
	.bp-user #custom_html-13 {
		margin-bottom: 0 !important;
	}
	
	.activity #primary{
		margin-left: 0px;
		max-width: inherit !important;
		padding: inherit;
	}
}

@media (max-width: 780px) {
	div#item-header-content .flex {
		justify-content: flex-end;		
	}
	
	.activity #primary .bb-profile-grid {
		display: none;
	}
	
	#custom_html-10, #custom_html-12, #custom_html-13, #custom_html-14 {
		width: 100%;
	}	
	
	.activity #primary, .groups #primary {
		max-width: 100% !important;	
		padding: 0;
		margin-left: 0 !important;
	}
	
	.activity #secondary {
		margin-top: 0;
	}
	
	.activity  .bb-grid {
		gap: 0px !important;
	}
}

.salud-feed-container {
	background-color: #fff;
    margin-top: 32px !important;
    padding: 16px;
    border: 1px solid #DEDEDE;
    border-radius: 8px;
	margin-bottom: 2rem;
}

.salud-card a{
  display:flex;
}

.salud-card img{
  width:100px !important;
  height:100px !important;
  margin-right:16px;
}

.body-m-bold{
    font-family: Mulish;
	font-weight: 700;
	font-style: Bold;
	font-size: 14px;
	leading-trim: NONE;
	line-height: 16px;
	letter-spacing: 0%;
	color: #000000

}
.content-card{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.content-card p{
	margin:0;
}

.salud-feed-container .title-section{
	display:flex;
	justify-content: space-between;
}

.sbi_bio,
.sbi_posts_count,
.sbi_followers,
#sbi_load {
	display: none !important;
}

.sbi_feedtheme_title_wrapper h3{
	font-family: Mulish;
	font-weight: 600 !important;
	font-size: 18px !important;
	line-height: 100%;
	letter-spacing: 0%;
	vertical-align: middle;
}

.sbi_header_img{
    border-radius: 50%;
    height: 34px;
    width: 34px;
}

.sb_instagram_header.sbi_medium .sbi_header_img, .sb_instagram_header.sbi_medium .sbi_header_img img {
    border-radius: 50%;
    height: 34px;
    width: 34px;
}

.sbi_header_text {
	align-items:start;
}

.h2-bold{
	font-family: Mulish;
	font-weight: 700;
	font-style: Bold;
	font-size: 24px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0%;
}

.t-capitalize{
	text-transform:capitalize;
}

.noticia-secundaria {
    display: flex;
    background: #fff;
    border-radius: 12px;
    padding: 16px;
    border: 1px solid #DEDEDE;
/*    height: 800px !important;*/
}

.noticia-secundaria:hover, .noticia-destacada:hover {
	background-color: #FEF4F0;
	border: 1px solid #C40F25;	
}

.detalle-noticia{
	flex: 2;    
	display: flex; 
	flex: 2;    
	flex-direction: column;    
	justify-content: space-between;
	margin-right:16px;
}


.noticias-layout{
display: flex; 
gap: 20px; 
align-items: flex-start;     
flex-direction: column; 
padding:16px; 
background:#fff;
}

.noticia-destacada{
	flex: 1 1 40%; 
	max-width: 33%; /*old estaba en 45% por Jose, lo he adaptado por figma*/
	display: flex; 
	flex-direction: column;
	background: #fff; 
	border-radius: 12px; 
	overflow: hidden; 
	padding: 16px;
	border: 1px solid #DEDEDE;
/*	height: 660px;*/
}


.header-search-wrap form.search-form label{
position:relative;
}


.bp-search-ajax-results {
  position: absolute;
  top: 100%; /* Justo debajo del input */
  left: 0;
  width: 100%;
  z-index: 9999;
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  max-height: 300px;
  overflow-y: auto;
}


.galeria-fila {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin: 20px auto;
  max-width: 1200px;
}
.foto {
  overflow: hidden;
  border-radius: 8px;
  position:relative;
}
.foto img {
  width: 100%;
  height: 240px;
  display: block;
  object-fit: cover;
  transition: transform .3s ease;
}


.foto .overlay {
  position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.55);
    display: flex;
    gap: 8px;
    opacity: 0;
    transition: opacity .3s ease;
    border: 1px solid #D71029;
    border-radius: 8px;
    padding: 14px;
}
.foto:hover img {
  opacity: 0.3; /* baja opacidad */
}
.foto:hover .overlay {
  opacity: 1;
}

/* iconos */
.icon-btn {
  background: #D71029;
    color: #fff;
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: flex;
    border-radius: 6px;
    transition: background .2s ease;
    justify-content: center;
    align-items: center;
}

.swiper {
  max-width: 100% !important; /* o el ancho que quieras */
  width: 100% !important;
}

.swiper_corporativas{
    padding-right: 16px !important;
    padding-bottom: 16px !important
}

.term-thumb img {
    height: 130px;
    object-fit: cover;
}


.content-gallery{
  background: #FFFFFF;
  padding:24px;
  border-radius: 8px;
  margin-top:24px;
  border: 1px solid #DEDEDE;
}

.term-card{
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    height: 100%;
    border: 1px solid #DEDEDE;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.header-folder{
border:1px solid #DEDEDE;
background:#FFFFFF;
padding:16px;
border-radius:8px;
}

.mt-12{
margin-top:12px;
}

.mb-4{margin-bottom:4px;}

.term-name{
--lines: 2;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--lines);
    overflow: hidden;
    min-height: calc(1em * 1.2 * var(--lines));
}

.term-thumb{
width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 8px;
}

.term-date {
    margin: 0;
}


.term-card.active{
  border: 1px solid #C40F25;
  background: #FEF4F0;
}

.term-card:hover{
background: #FEF4F0;
border:0px;
}


.swiper_corporativas .swiper-slide{
border: 0px;}

.pagination-corporativas {
    max-width: 200px;
    position: relative;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 16px;
}
.pagination-corporativas .swiper-button-prev, .pagination-corporativas .swiper-button-next {
    bottom: 25% !important;
}



.foto-header {
display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.categoria-titulo {
  margin: 0 0 8px;
}
.categoria-contador {
  color: #8b8b8b;
}

/* Contenedor centrado */
.foto-contenedor {
  display: flex;
  justify-content: center;   /* centra horizontal */
  align-items: center;       /* si das altura fija, centra vertical */
  width: 100%;
  margin: 0 auto 24px;
}

/* La imagen se ajusta sin deformarse */
.foto-central {
display: block;
    max-width: 100%;
    max-height: 75vh;
    height: auto;
    object-fit: cover;
    border-radius: 12px;
    margin: 0 24px;
    aspect-ratio: 4 / 3;
}

.content-single-gallery{
background:#ffffff;
border-radius:8px;
padding:24px 48px;
}

.right-header{
    width: 200px;
    display: flex;
    justify-content: space-between;
    height: 30px;
    align-items: center;
}



/* FOTOS CORPORATIVAS RESPONSIVE */
@media (max-width: 1024px){
 .galeria-fila{
   grid-template-columns: repeat(3, 1fr);
 }
 .term-thumb {
  aspect-ratio: auto;
  display:flex;
 }
 .foto-central{
  max-height:60vh;
 }
}
@media (max-width: 768px){
  .galeria-fila{
    grid-template-columns: repeat(2, 1fr);
  }
  #sb_instragram{
    max-height:300px;
    overflow-y: hidden;
  }
.mensaje-predeterminado {
    margin-bottom: 6px;
}
}
@media (max-width: 500px){
.galeria-fila{
    grid-template-columns: repeat(1, 1fr);
}
}


/*HOME RESPONSIVE*/
.home-page #primary.content-area{
min-width: 200px !important;
}
@media (max-width: 1080px){
  .home-page #primary.content-area{
    display:none;
  }
  .home-page.feed-only #primary.content-area{
    display:block !important;
min-width: 100% !important;
  }
  .home-page.feed-only #secondary,
  .home-page.feed-only #secondary-right{
    display:none !important;
  }
.wcc-revisit-bottom-left {
    bottom: 90px !important;
    left: 15px;
}
.bb-tribe-events-views-v2 .tribe-events .tribe-events-l-container {
    padding: 0 10px;
}
}


@media (max-width: 768px){
#custom_html-8{
    margin-bottom: 0px !important;
}
#secondary.widget-area{
  padding-bottom: 0px;
  padding-top: 1.875rem;
  margin-top: 1rem;
  padding-left: 10px;
  padding-right: 10px;
}
#secondary-right {
        padding-bottom: 0px;
        margin-top: 1rem;
        padding-left: 10px;
        padding-right: 10px;
}
.footer-custom{
  display: none;
}
}


@media (min-width: 1024px) and (max-width:1080px){
.bb-grid.site-content-grid{
    flex-flow:column !important;
    display: flex !important;
        width: 100%;
        margin: 0 auto;
  }
}


/*FOOTER RESPONSIVE*/
.bottom-nav { display:none; }

#send_group_message_button,
#public-message,
#private-message{
background-color:#D71029 !important;
border:1px solid #D71029 !important;
border-radius: 6px !important;
color:#fff;
cursor:pointer;
font-family: Mulish;
font-weight: 400;
font-style: Regular;
font-size: 14px;
    display: flex;
    align-items: center;
}
#send_group_message_button:hover,
#public-message:hover,
#private-message:hover{
background-color:#C40F25 !important;
border:1px solid #C40F25 !important;
border-radius: 6px !important;
color:#fff !important;;
}
#send_group_message_button:focus,
#public-message:focus,
#private-message:focus{
background-color:#FEF4F0 !important;
border:1px solid #C40F25 !important;
border-radius: 6px !important;
color:#C40F25 !important;
}
#send_group_message_button:active,
#public-message:active,
#private-message:active{
background-color:#FEF4F0 !important;
border:1px solid #C40F25 !important;
border-radius: 6px !important;
color:#C40F25 !important;
}
@media (max-width: 1024px) {
  .bottom-nav{
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 1000;
    background: #fff;
    border-top: 1px solid #e9e9e9;
    display: flex;
    justify-content: space-around;
    gap: 4px;
    padding: 10px 8px 12px;
  }
#page{
    margin-bottom: 40px;
}
}

.bn-item{
  --active: #D71029;         /* rojo corporativo */
  --muted:  #706F6F;         /* gris icono */
  color: var(--muted);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  min-width: 54px;
  font-size: 13px;
  font-weight: 600;
}

.bn-item svg path{
  display:block;
  fill: var(--muted);        /* los SVG usan currentColor */
}

.bn-item span{
  line-height: 1;
  white-space: nowrap;
}

.bn-item .bn-underline{
  display: block;
  width: 28px;
  height: 3px;
  border-radius: 2px;
  margin-top: 4px;
  background: transparent;
}

/* Estado activo = rojo + subrayado */
.bn-item.is-active,
.bn-item[aria-current="page"]{
  color: var(--active);
}
.bn-item.is-active svg path,
.bn-item[aria-current="page"] svg path{
  fill: var(--active);
}
.bn-item.is-active .bn-underline,
.bn-item[aria-current="page"] .bn-underline{
  background: var(--active);
}

/* Efecto hover ligero */
.bn-item:hover{
  color: var(--active);
}
.bn-item:hover svg path{
  fill: var(--active);
}


.menu-item.wpml-ls-current-language span{
height: auto !important;
}


#send_group_message_button{
background-color: #D71029 !important;
color: #fff !important;
}

.header-style-5 .site-header .site-header-container{
justify-content:space-between !important;
}

.site-header-container .site-branding{
min-width:auto !important;
}

.site-header {
    padding: 0 24px !important;
}

.group-actions-wrap{
display:none;
}

.joined_group.activity-item,
.group_details_updated.activity-item,
.new_avatar.activity-item{
display:none;
}



/*.join-group.button, .grupo-unirme-boton{
display:none !important;
}*/

.comunicado-contenido a{
	    word-break: break-all;
    overflow-wrap: anywhere;
}

blockquote.wp-embedded-content
{
color:#706F6F !important;
font-size:14px !important;
border:0px !important;
padding:0px !important;
}
blockquote.wp-embedded-content p,
blockquote.wp-embedded-content a{
font-size:14px !important;
}

.flex.align-items-center.bp-group-title-wrap:has(.group-visibility.hidden)
  + .group-actions-absolute [data-bp-btn-action="leave_group"] {
  pointer-events: none !important;   /* no clics ni hover */
  cursor: default !important;
  opacity: .6;                        /* opcional: aspecto desactivado */
}

/* Neutraliza cualquier efecto hover que lo estilice o “despliegue” */
.flex.align-items-center.bp-group-title-wrap:has(.group-visibility.hidden)
  + .group-actions-absolute:hover [data-bp-btn-action="leave_group"] {
  transform: none !important;
  visibility: visible !important;
}