/*
Theme Name: Instituto MendezZ
Theme URI: https://instituto.mendezz.org
Description: Child theme de BuddyBoss con la identidad MendezZ — moderno y minimalista (Manual de Branding MendezZ: azul/blanco/verde, Poppins + Inter).
Author: Grupo MendezZ
Template: buddyboss-theme
Version: 1.0.0
*/

/* ─────────────────────────────────────────────────────────────
   TOKENS DE MARCA (Manual MendezZ)
   ───────────────────────────────────────────────────────────── */
:root{
  --mz-azul:#3B30E8;
  --mz-azul-dark:#2A1FC4;
  --mz-azul-deep:#1A1668;
  --mz-verde:#4BE38C;
  --mz-negro:#0E1117;
  --mz-tinta:#2A2D3A;
  --mz-mute:#6A6E80;
  --mz-gris:#F4F5F7;
  --mz-borde:#E6E8EF;
  --mz-display:'Poppins',system-ui,sans-serif;
  --mz-sans:'Inter',system-ui,sans-serif;
}

/* ─────────────────────────────────────────────────────────────
   GLOBAL — tipografía y base (aplica a TODAS las páginas internas)
   ───────────────────────────────────────────────────────────── */
body, .bb-buddypanel, .site-content, p, li, td, input, textarea, select, button{
  font-family: var(--mz-sans) !important;
  color: var(--mz-tinta);
}
body{ background:#fff !important; -webkit-font-smoothing:antialiased; }
h1,h2,h3,h4,h5,.bb-title,.entry-title,.widget-title,.bb-secondary-list-tab li a,
.learndash-wrapper h1,.learndash-wrapper h2,.learndash-wrapper h3{
  font-family: var(--mz-display) !important;
  color: var(--mz-negro);
  letter-spacing:-0.02em;
}
a{ color: var(--mz-azul); }
a:hover{ color: var(--mz-azul-dark); }

/* ─────────────────────────────────────────────────────────────
   BOTONES — pill azul MendezZ
   ───────────────────────────────────────────────────────────── */
.button, button.button, input[type="submit"], .wp-element-button,
.bb-style-button, .learndash-wrapper .ld-button, .woocommerce a.button,
.woocommerce button.button, .woocommerce .button, .bs-styled-button,
.bb-secondary-default-button, a.bb-secondary-default-button{
  font-family: var(--mz-display) !important;
  font-weight:600 !important;
  border-radius:999px !important;
  background: var(--mz-azul) !important;
  border-color: var(--mz-azul) !important;
  color:#fff !important;
  box-shadow:0 6px 18px rgba(59,48,232,.18);
  transition:transform .12s ease, filter .12s ease;
  letter-spacing:.01em;
}
.button:hover, button.button:hover, input[type="submit"]:hover,
.wp-element-button:hover, .learndash-wrapper .ld-button:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover{
  filter:brightness(1.06); transform:translateY(-1px); color:#fff !important;
}
.bb-secondary-default-button, a.bb-secondary-default-button{
  background:#fff !important; color:var(--mz-azul) !important; border:1.5px solid var(--mz-borde) !important; box-shadow:none;
}

/* ─────────────────────────────────────────────────────────────
   TARJETAS / CONTENEDORES — limpio, blanco, radius suave
   ───────────────────────────────────────────────────────────── */
.bb-card, .bs-item-wrap, .learndash-wrapper .ld-course-list-items .ld-course-list-item,
.bb-grid .bb-cover-list-item, article.post, .type-sfwd-courses,
.woocommerce ul.products li.product, .bb-groups-list li, .bb-members-list li,
.activity-list li.activity-item{
  border-radius:16px !important;
  border:1px solid var(--mz-borde) !important;
  background:#fff !important;
  box-shadow:none !important;
  transition:transform .16s ease, box-shadow .16s ease;
}
.bb-card:hover, .learndash-wrapper .ld-course-list-item:hover,
.woocommerce ul.products li.product:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 40px rgba(26,22,104,.10) !important;
}

/* LearnDash — barra de progreso y acentos en azul */
.learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage,
.learndash-wrapper .ld-progress-bar-percentage{ background:var(--mz-azul) !important; }
.learndash-wrapper .ld-status-complete{ background:var(--mz-verde) !important; color:#06351f !important; }

/* ─────────────────────────────────────────────────────────────
   HEADER del sitio — más limpio y aireado
   ───────────────────────────────────────────────────────────── */
.site-header, .header-wrap, #masthead{
  background:#fff !important;
  border-bottom:1px solid var(--mz-borde) !important;
  box-shadow:none !important;
}
.site-header .site-navigation a, .bb-menu-item-link{ font-weight:500; color:var(--mz-tinta); }
.site-header .site-navigation a:hover{ color:var(--mz-azul); }

/* ─────────────────────────────────────────────────────────────
   FORMULARIOS — inputs limpios con borde visible
   ───────────────────────────────────────────────────────────── */
input[type="text"], input[type="email"], input[type="password"], input[type="search"],
input[type="tel"], textarea, select, .select2-container--default .select2-selection{
  border-radius:10px !important;
  border:1px solid var(--mz-borde) !important;
  background:#fff !important;
}
input:focus, textarea:focus, select:focus{
  outline:none !important; border-color:var(--mz-azul) !important;
  box-shadow:0 0 0 3px rgba(59,48,232,.12) !important;
}

/* Acentos genéricos a azul (badges, links activos, tabs) */
.bb-tab-wrap .bb-tabs-list li.selected a, .bb-secondary-list-tab li.selected a,
.bp-navs.bp-subnavs.no-ajax li.current a{
  color:var(--mz-azul) !important; border-color:var(--mz-azul) !important;
}

/* Botón flotante WhatsApp y elementos sueltos sin reventar layout */
.entry-title a{ color:var(--mz-negro); }
.entry-title a:hover{ color:var(--mz-azul); }