/*
 * edutic-brand.css
 * Paleta oficial EDUTIC Membership — Navy + Gold
 *   Navy:  #001b3c  (letras "mem" del logo / barra inferior)
 *   Gold:  #d4a843  (letras "bership" / detalles premium)
 *
 * Este archivo se carga DESPUÉS de membership_public26.css
 * para sobreescribir el verde (#80b327) con la identidad VIP.
 */

/* ── Variables globales + override de --edutic-green ── */
:root {
    --brand-navy:       #001b3c;
    --brand-navy-md:    #0f3460;
    --brand-navy-light: #1b3a5c;
    /* Redefine la variable del tema — elimina el verde en TODOS los var(--edutic-green) */
    --edutic-green:     #d4a843;
    --brand-gold:       #d4a843;
    --brand-gold-dk:    #b8941e;
    --brand-gold-pale:  #f9f2df;
    --brand-gold-border:#e8d08a;
}

/* ── Botones ────────────────────────────────────── */
.btn-primary,
.btn-primary:active {
    background-color: var(--brand-navy) !important;
    border-color:     var(--brand-navy) !important;
    color: #ffffff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary.active {
    background-color: var(--brand-navy-md) !important;
    border-color:     var(--brand-navy-md) !important;
    color: #ffffff !important;
}
.btn-secondary,
.btn-secondary:active {
    background-color: var(--brand-gold) !important;
    border-color:     var(--brand-gold) !important;
    color: var(--brand-navy) !important;
    font-weight: 700 !important;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary.active {
    background-color: var(--brand-gold-dk) !important;
    border-color:     var(--brand-gold-dk) !important;
    color: #fff !important;
}
.btn-secondary-outline,
.btn-secondary-outline:active {
    border-color: var(--brand-gold) !important;
    color:        var(--brand-gold) !important;
    background:   transparent !important;
}
.btn-secondary-outline:hover,
.btn-secondary-outline:focus {
    background-color: var(--brand-gold) !important;
    color: var(--brand-navy) !important;
}

/* ── Spans de acento en títulos de sección ──────── */
/* Todas las secciones Mobirise (cid-*) */
[class*="cid-"] .mbr-section-title span,
[class*="cid-"] .title-wrapper span,
[class*="cid-"] .title-wrapper .mbr-section-title span,
.mbr-section-title span {
    color: var(--brand-gold) !important;
}

/* ── Tab de fecha en tarjetas de workshop ────────── */
/* Verde → Navy con punto dorado */
.cid-uhNPh824Sa .item .subtitle-wrapper .subtitle-wrap {
    background-color: var(--brand-navy) !important;
}
.cid-uhNPh824Sa .item .subtitle-wrapper .subtitle-wrap .dot-wrap {
    background-color: var(--brand-gold) !important;
}
.cid-uhNPh824Sa .mbr-section-subtitle { color: #fff !important; }

/* ── Fondo de la sección workshops ───────────────── */
/* De gris plano a crema suave más premium */
.cid-uhNPh824Sa { background-color: #f7f5f0 !important; }

/* ── Listas de actividades ───────────────────────── */
.cid-uhNPh824Sa .list-title  { color: var(--brand-gold) !important; }
.cid-uhNPh824Sa .card-number { color: var(--brand-gold) !important; }

/* ── Speakers h5 (bloqueinfo) ────────────────────── */
.bloqueinfo h5 { color: var(--brand-gold) !important; }

/* ── Desc pill de sección — fondo claro (default) ── */
[class*="cid-"] .desc-wrapper .mbr-desc {
    border-color: var(--brand-gold) !important;
    color: var(--brand-navy) !important;
}
/* ── Desc pill — secciones con fondo oscuro (#262626) ─ */
/* Override: texto navy invisible en oscuro → gold con fondo semi-transparente */
.cid-tQoE886PKG .desc-wrapper .mbr-desc,
.cid-tQoLn7FrXx .desc-wrapper .mbr-desc {
    color: var(--brand-gold) !important;
    border-color: var(--brand-gold) !important;
    background: rgba(212, 168, 67, 0.1) !important;
}

/* ── Features / cards con bordes verdes ──────────── */
[class*="cid-"] .item-wrapper { border-color: #ddd !important; }

/* ── Precios ─────────────────────────────────────── */
.cid-uhNPh824Sa .mbr-price { color: var(--brand-navy) !important; }

/* ── Sección certificado: spans y subtítulos ─────── */
.cid-tQoH12y4DQ .subtitle-wrap { background-color: var(--brand-navy) !important; }
.cid-tQoH12y4DQ .subtitle-wrap .dot-wrap { background-color: var(--brand-gold) !important; }

/* ── Progress / breadcrumb dots verdes → gold ────── */
[class*="cid-"] .dot-wrap { background-color: var(--brand-gold) !important; }

/* ── Textos con color verde directo ─────────────── */
/* (clases Mobirise que definen color verde en texto) */
.cid-uhNPh824Sa .card-title a:hover { color: var(--brand-gold) !important; }
.cid-uhNPh824Sa .card-number        { color: var(--brand-gold) !important; }

/* ── Header hero: botones sobre fondo oscuro ─────── */
.workshop-hero .btn-primary {
    background-color: var(--brand-gold) !important;
    border-color:     var(--brand-gold) !important;
    color: var(--brand-navy) !important;
    font-weight: 700 !important;
}
.workshop-hero .btn-primary:hover {
    background-color: var(--brand-gold-dk) !important;
    border-color:     var(--brand-gold-dk) !important;
}
.workshop-hero .btn-secondary-outline {
    border-color: rgba(255,255,255,.6) !important;
    color: #fff !important;
}
.workshop-hero .btn-secondary-outline:hover {
    background-color: rgba(255,255,255,.12) !important;
}

/* ── Navbar: colores de los enlaces ──────────────── */
/* Estado normal → navy (legible sobre fondo blanco) */
.cid-tQoE65BU48 li.nav-item a,
.cid-tQoE65BU48 .nav-link {
    color: var(--brand-navy) !important;
}
/* Hover y activo → gold */
.cid-tQoE65BU48 .nav-link.active,
.cid-tQoE65BU48 .nav-item .nav-link:hover,
.cid-tQoE65BU48 .nav-item .nav-link:focus {
    color: var(--brand-gold) !important;
}
/* Borde izquierdo del item activo → gold */
.cid-tQoE65BU48 .nav-link.active {
    border-color: var(--brand-gold) !important;
}
/* Logo en navbar: altura controlada */
.menu .navbar-brand .navbar-logo img {
    max-height: 48px !important;
    width: auto !important;
}

/* ── Footer h2 → gold (sobre fondo oscuro) ──────── */
.footer01 h2 { color: var(--brand-gold) !important; }
.footer01 h2 span { color: #fff !important; }

/* ── Hamburger mobile: color navy → gold ────────── */
.cid-tQoE65BU48 .hamburger span {
    background-color: var(--brand-navy) !important;
}

/* ── Choices.js (selectores de zona) ────────────── */
.choices__item--selectable.is-highlighted {
    background-color: var(--brand-gold) !important;
    color: var(--brand-navy) !important;
}
.choices[data-type*="select-one"] .choices__inner {
    border-color: var(--brand-gold) !important;
}

/* ── Home hero — título y tags (cid-tQoLn7FrXx) ─── */
/* "EDUTIC" y mbr-section-btn eran verdes */
.cid-tQoLn7FrXx .mbr-section-title,
.cid-tQoLn7FrXx .mbr-section-btn {
    color: var(--brand-navy) !important;
}
/* "Membership" (span) → gold */
.cid-tQoLn7FrXx .mbr-section-title span { color: var(--brand-gold) !important; }
/* Pills de categorías (Analytics, Workshop…) → navy con borde gold */
.cid-tQoLn7FrXx .content-wrapper .tags-wrap .tags-item {
    background-color: var(--brand-navy) !important;
    border: 1px solid var(--brand-gold) !important;
}

/* ── Novedades — banner verde → navy gradient ─────── */
.cid-uhN0YnAhqt {
    background: linear-gradient(135deg, var(--brand-navy) 0%, var(--brand-navy-md) 100%) !important;
}
.cid-uhN0YnAhqt .mbr-section-title,
.cid-uhN0YnAhqt .mbr-section-subtitle { color: #ffffff !important; }

/* ── Sección estadísticas home — decor-wrap (cid-tQoE886PKG) ── */
.cid-tQoE886PKG .image-wrapper .decor-wrap,
.cid-tQoE886PKG .image-wrapper .decor-wrap::after {
    background-color: var(--brand-gold) !important;
}

/* ── Feature cards home — hover top & desc tab (cid-tQoE9piZSX) ── */
.cid-tQoE9piZSX .cards-wrapper .item::before,
.cid-tQoE9piZSX .cards-wrapper .item .item-desc .card-desc {
    background-color: var(--brand-navy) !important;
}
.cid-tQoE9piZSX .cards-wrapper .item:hover .item-wrapper .item-img img,
.cid-tQoE9piZSX .cards-wrapper .item:focus .item-wrapper .item-img img {
    filter: brightness(1.05);
}

/* ── Datepicker xdsoft: hover → gold ─────────────── */
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    background: var(--brand-gold) !important;
    color: var(--brand-navy) !important;
}

/* ── Hamburger offcanvas spans → navy ────────────── */
.cid-tQoE65BU48 .offcanvas_box button.btn_offcanvas .hamburger span {
    background-color: var(--brand-navy) !important;
}

/* ── Workshop card: fondo pseudo-elemento (:before) ─ */
/* Era verde (#80b327), ahora navy para coherencia     */
.cid-uhNPh824Sa .item:before {
    background-color: var(--brand-navy) !important;
}

/* ── Price box: reemplaza tono verde por gold-cream ─ */
.wk-price-box {
    background: #fdf8ec !important;
    border-color: var(--brand-gold-border, #e8d08a) !important;
}

/* ── Tags pills home (sobre fondo oscuro) → texto blanco */
.cid-tQoLn7FrXx .content-wrapper .tags-wrap .tags-item,
.cid-tQoLn7FrXx .content-wrapper .tags-wrap .tags-item * {
    color: #ffffff !important;
}

/* ── Iconos de features04 → Bootstrap Icons con brand ─ */
.iconhome-bi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background: var(--brand-navy);
    border-radius: 12px;
    font-size: 2rem;
    color: var(--brand-gold);
    flex-shrink: 0;
}

/* ── Logo navbar: tamaño aumentado ─────────────────── */
.menu .navbar-brand .navbar-logo img {
    max-height: 64px !important;
    width: auto !important;
}

/* ── Conference: título navy (era gold por regla de sección) ── */
.cid-uhNSi3D0Pn .mbr-section-title,
.cid-uhNSi3D0Pn .mbr-section-btn {
    color: var(--brand-navy) !important;
}

/* ── Eventos/Conference: círculos de eventos → borde gold ── */
.cid-uhNTTkuGPU .cards-wrapper .item .item-wrapper .item-img img {
    border-color: var(--brand-gold) !important;
}

/* ── Spans de title-wrapper en secciones article/features ── */
/* (no cubiertos por .mbr-section-title span) */
.cid-uhNTTkuGPU .title-wrapper span,
.cid-uhNUcOT8RH .title-wrapper span {
    color: var(--brand-gold) !important;
}