.elementor-1341 .elementor-element.elementor-element-5ef7fbc5{--display:flex;}/* Start custom CSS *//* === CodiceGeek · wpForo · transparente + blanco + acento rosa ============ */
:root{
  --cg-white: #fff;
  --cg-white-80: rgba(255,255,255,.8);
  --cg-white-60: rgba(255,255,255,.6);
  --cg-white-30: rgba(255,255,255,.3);
  --cg-pink:  #ff4fa3;
  --cg-pink-20: rgba(255,79,163,.2);
}

/* 0) Base: todo transparente, textos blancos */
#wpforo #wpforo-wrap,
#wpforo #wpforo-wrap *{
  color: var(--cg-white) !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 1) Bordes sutiles (divisores, tablas, cabeceras internas) */
#wpforo #wpforo-wrap hr,
#wpforo #wpforo-wrap .wpf-field,
#wpforo #wpforo-wrap .wpf-navi .wpf-navi-wrap,
#wpforo #wpforo-wrap .wpf-profile-section .wpf-profile-section-head,
#wpforo #wpforo-wrap .wpforo-members-wrap table,
#wpforo #wpforo-wrap .wpforo-recent-content,
#wpforo #wpforo-wrap .wpf-threads-head,
#wpforo #wpforo-wrap .wpf-acp-title,
#wpforo #wpforo-wrap .wpf-acp-footer {
  border-color: var(--cg-white-30) !important;
}

/* 2) Enlaces: blanco → rosa en hover/focus */
#wpforo #wpforo-wrap a,
#wpforo #wpforo-wrap .wpflink{
  color: var(--cg-white) !important;
  text-decoration: none;
}
#wpforo #wpforo-wrap a:hover,
#wpforo #wpforo-wrap a:focus,
#wpforo #wpforo-wrap .wpflink:hover{
  color: var(--cg-pink) !important;
  text-decoration: underline;
}

/* 3) Menú superior: sin fondos; activo/hover rosa con subrayado */
#wpforo #wpforo-wrap #wpforo-menu,
#wpforo #wpforo-wrap #wpforo-menu .wpf-menu{
  background: transparent !important;
  border: none !important;
}
#wpforo #wpforo-wrap #wpforo-menu li a{
  color: var(--cg-white) !important;
  background: transparent !important;
}
#wpforo #wpforo-wrap #wpforo-menu li a:hover,
#wpforo #wpforo-wrap #wpforo-menu li.current-menu-item a,
#wpforo #wpforo-wrap #wpforo-menu li.current_page_item a,
#wpforo #wpforo-wrap #wpforo-menu li a.active{
  color: var(--cg-pink) !important;
  border-bottom: 2px solid var(--cg-pink) !important;
}

/* 4) Inputs/Selects/Textareas (legibilidad + foco rosa) */
#wpforo #wpforo-wrap input[type="text"],
#wpforo #wpforo-wrap input[type="search"],
#wpforo #wpforo-wrap input[type="email"],
#wpforo #wpforo-wrap input[type="password"],
#wpforo #wpforo-wrap input[type="number"],
#wpforo #wpforo-wrap input[type="url"],
#wpforo #wpforo-wrap input[type="tel"],
#wpforo #wpforo-wrap input[type="date"],
#wpforo #wpforo-wrap select,
#wpforo #wpforo-wrap textarea{
  color: var(--cg-white) !important;
  background: rgba(0,0,0,.25) !important; /* ligero oscurecido para leer bien */
  border: 1px solid var(--cg-white-30) !important;
}
#wpforo #wpforo-wrap input::placeholder,
#wpforo #wpforo-wrap textarea::placeholder{ color: var(--cg-white-60) !important; }
#wpforo #wpforo-wrap input:focus,
#wpforo #wpforo-wrap select:focus,
#wpforo #wpforo-wrap textarea:focus{
  outline: none !important;
  border-color: var(--cg-pink) !important;
  box-shadow: 0 0 0 3px var(--cg-pink-20) !important;
}

/* 5) Botones: principal rosa; secundario borde blanco y hover rosa */
#wpforo #wpforo-wrap .wpf-button,
#wpforo #wpforo-wrap input[type="submit"],
#wpforo #wpforo-wrap input[type="button"],
#wpforo-dialog input[type="submit"],
#wpforo-dialog input[type="button"]{
  background: var(--cg-pink) !important;
  color: var(--cg-white) !important;
  border: 1px solid var(--cg-pink) !important;
}
#wpforo #wpforo-wrap .wpf-button:hover,
#wpforo #wpforo-wrap input[type="submit"]:hover,
#wpforo #wpforo-wrap input[type="button"]:hover{
  filter: brightness(1.08);
}
#wpforo #wpforo-wrap .wpf-button-secondary,
#wpforo #wpforo-wrap .wpf-acp-footer a.wpf-button-secondary{
  background: transparent !important;
  color: var(--cg-white) !important;
  border: 1px solid var(--cg-white-60) !important;
}
#wpforo #wpforo-wrap .wpf-button-secondary:hover,
#wpforo #wpforo-wrap .wpf-acp-footer a.wpf-button-secondary:hover{
  color: var(--cg-pink) !important;
  border-color: var(--cg-pink) !important;
}

/* 6) Bloques específicos que suelen forzar blanco → transparencia */
#wpforo #wpforo-wrap .wpforo-rcn-wrap,
#wpforo #wpforo-wrap .wpforo-recent-content tr,
#wpforo #wpforo-wrap .wpforo-search-content tr,
#wpforo #wpforo-wrap .wpforo-members-wrap,
#wpforo #wpforo-wrap .wpf-profile-section,
#wpforo #wpforo-wrap .wpforo-profile-wrap .h-bottom .wpf-profile-menu,
#wpforo #wpforo-wrap .wpf-acp-content,
#wpforo #wpforo-wrap .wpf-acp-title,
#wpforo #wpforo-wrap .wpf-acp-footer{
  background: transparent !important;
}

/* 7) Iconos/SVGs heredan el color (blanco) */
#wpforo #wpforo-wrap svg,
#wpforo #wpforo-wrap .fa, #wpforo #wpforo-wrap .fas,
#wpforo #wpforo-wrap .far, #wpforo #wpforo-wrap .fab, #wpforo #wpforo-wrap .fal{
  fill: currentColor !important;
  color: var(--cg-white) !important;
}

/* 8) Selección de texto clara */
#wpforo #wpforo-wrap *::selection{
  color: #000; background: var(--cg-white);
}
/* Forzar color en el menú wpForo */
#wpforo #wpforo-wrap #wpforo-menu li a {
  color: #ff4fa3 !important;   /* usa el color que prefieras */
  background: transparent !important;
}/* End custom CSS */