/* =====================================================================
   El Hub Social · Tema OSCURO
   Paleta de marca: azul #2f9bf0 + dorado #f6c544 + navy profundo
   Reemplaza el contenido de dark.css en la pestaña Appearance.
   ===================================================================== */
:root {
  /* --- Estados --- */
  --c-danger:        #e2574c;
  --c-danger-dark:   #c8423a;
  --c-danger-light:  #f0786e;

  --c-success:       #28a37a;
  --c-success-dark:  #1f8663;
  --c-success-light: #3fc795;

  /* --- Fondo de pagina (navy profundo, aireado) --- */
  --c-bg:                  #0b1521;
  --c-sidebar:             #0a121c;
  --c-sidebar-dark:        #0e1a26;
  --c-sidebar-dark-hover:  #16273a;
  --c-sidebar-rgb:         10, 18, 28;

  /* --- Tarjetas / bloques --- */
  --c-block:               #16202c;
  --c-block-border:        #243443;

  --c-block-dark:          #111b26;
  --c-block-dark-border:   #1d2c3a;

  --c-block-inner:         #0e1a25;
  --c-block-inner-hover:   #1b2a3a;

  /* --- Texto --- */
  --c-text:             #9fb2c2;   /* texto secundario / cuerpo */
  --c-text-highlighted: #eaf2fb;   /* texto destacado / titulos */
  --c-text-light:       #ffffff;

  /* --- Color primario (AZUL de marca) --- */
  --c-primary:       #2f9bf0;
  --c-primary-dark:  #2b86e0;
  --c-primary-light: #5cc6ff;

  /* --- Color secundario (DORADO de marca) --- */
  --c-secondary:       #f6c544;
  --c-secondary-dark:  #c98a1c;
  --c-secondary-light: #ffd76b;
}

/* ===== Sidebar nav · hover (aquí en dark.css para que SIEMPRE cargue) ===== */
body .navbar-menu .navbar-submenu {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 2px 6px !important;
}
body .navbar-menu .navbar-submenu li { border: none !important; }
body .navbar-menu .navbar-submenu li a {
  display: block !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  transition: background-color .12s ease, color .12s ease !important;
}
body .navbar-menu .navbar-content:hover,
body .navbar-menu .navbar-submenu li a:hover {
  background-color: rgba(47, 155, 240, 0.18) !important;
  color: var(--c-primary-light) !important;
  border-radius: 8px !important;
}

/* ===== Objetivo de Comunidad · rediseño por CSS (respeta los 32px y el % dentro, de shared.css) ===== */
body .goal-grid-community .goal-img { display: none !important; }   /* fuera el logo */

body .goal-grid-community .goal-block {
  background: linear-gradient(180deg, #18242f 0%, #141d28 100%) !important;
  border: 1px solid var(--c-block-border) !important;
  border-radius: 16px !important;
  padding: 18px 20px !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35) !important;
}

/* Título arriba, descripción debajo (no apretados en la misma línea) */
body .goal-grid-community .goal-desc {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 3px !important;
  margin-bottom: 14px !important;
}
body .goal-grid-community .goal-desc .col-auto { width: auto !important; margin-right: 0 !important; }
body .goal-grid-community .community-goal-title {
  font-family: "Sora", "Inter", sans-serif !important;
  font-weight: 800 !important; font-size: 16px !important;
  color: var(--c-text-highlighted) !important;
}
body .goal-grid-community .community-goal-desc { font-size: 12.5px !important; color: var(--c-text) !important; line-height: 1.45 !important; }
body .goal-grid-community .community-goal-desc p { margin: 0 !important; }

/* Barra: mantenemos los 32px y el % superpuesto (NO tocamos altura ni .progress-detail).
   Solo redondeamos a pastilla y dejamos el degradado azul de marca. El % en blanco con sombra. */
body .goal-grid-community .progress-container { border-radius: 999px !important; }
body .goal-grid-community .progress-bar {
  border-radius: 999px !important;
  background: linear-gradient(90deg, var(--c-primary-dark), var(--c-primary-light)) !important;
}
body .goal-grid-community .goal-percent { color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important; }
body .goal-grid-community .goal-amount { color: #fff !important; }