/*
 * HOLDNIC · Light Theme Master Override v3
 * Fixes: nav layout, footer, partners, icons, dropdown, all sections
 */

/* ══ BODY ══ */
body::before, body::after { opacity: 0.02 !important; }

/* ══ NAV FIX — logo left, links right ══ */
.hn-w {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.hn-logo { margin-right: auto !important; flex-shrink: 0 !important; }
.hn-c { margin: 0 !important; margin-left: auto !important; }
.hn-r { margin-left: 12px !important; flex-shrink: 0 !important; }

/* ══ DROPDOWN FIX — works on hover AND click ══ */
.hn-d:hover .hn-dm,
.hn-d.op .hn-dm {
  display: block !important;
}
.hn-dm {
  animation: hnFadeIn .15s ease !important;
}
@keyframes hnFadeIn { from { opacity: 0; transform: translateX(-50%) translateY(4px); } to { opacity: 1; transform: translateX(-50%) translateY(0); } }

/* ══ FOOTER TEXT — white on black ══ */
footer[style*="background:#000"] *,
.hn-ft *,
footer.hn-ft * {
  color: inherit !important;
}
footer[style*="background:#000"] a,
footer[style*="background:#000"] span,
footer[style*="background:#000"] div {
  color: inherit !important;
}

/* ══ SECTIONS — force light ══ */
section, .section { color: #0F0F24 !important; }
h1, h2, h3, h4, h5, h6 { color: #0F0F24 !important; }

/* Footer headings stay white */
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
footer[style*="background:#000"] h1, footer[style*="background:#000"] h2,
footer[style*="background:#000"] h3, footer[style*="background:#000"] h4 {
  color: #fff !important;
}

/* ══ PARTNER LOGOS — visible on light background ══ */
.partner-card {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.04) !important;
  min-height: 80px !important;
}
.partner-card img {
  filter: none !important;
  opacity: 1 !important;
  max-height: 40px !important;
}
.partner-card:hover {
  border-color: rgba(25,0,255,.15) !important;
  box-shadow: 0 8px 24px rgba(25,0,255,.06) !important;
}

/* ══ BRAND/CLIENT LOGOS — visible on light ══ */
.brand-item {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  min-height: 60px !important;
}
.brand-item img {
  filter: none !important;
  opacity: 1 !important;
}

/* ══ CERT BADGES — visible ══ */
.cert-badge {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.06) !important;
}
.cert-badge img {
  filter: none !important;
  opacity: 1 !important;
}

/* ══ BUTTONS — NO gradient on CTA, solid blue ══ */
.btn-primary, [class*="btn-primary"] {
  background: #1900FF !important;
  color: #fff !important;
  border-radius: 100px !important;
  box-shadow: 0 4px 16px rgba(25,0,255,.18) !important;
  border: none !important;
}
.btn-primary:hover {
  background: #0D00DD !important;
  box-shadow: 0 8px 24px rgba(25,0,255,.25) !important;
}
.btn-secondary, [class*="btn-secondary"] {
  background: transparent !important;
  color: #1900FF !important;
  border: 2px solid rgba(25,0,255,.15) !important;
  border-radius: 100px !important;
  box-shadow: none !important;
}
.btn-secondary:hover {
  border-color: #1900FF !important;
  background: rgba(25,0,255,.03) !important;
}

/* ══ SERVICE CARDS — light ══ */
.service-card {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.03) !important;
}
.service-card:hover {
  border-color: rgba(25,0,255,.15) !important;
  box-shadow: 0 12px 36px rgba(25,0,255,.08) !important;
}
.service-card h3 { color: #0F0F24 !important; }
.service-card p { color: #5A5A7E !important; }
.service-card a, .service-link {
  color: #1900FF !important;
}

/* ══ SECTIONS BACKGROUNDS — light ══ */
#partners, #clientes, #cta, #servicios, #bitrix {
  background: #FAFBFE !important;
}
#partners { background: #F4F5FA !important; }

/* ══ CTA SECTION ══ */
.cta-box, [class*="cta-box"] {
  background: #1900FF !important;
}
.cta-box h2, .cta-box p, .cta-title, .cta-sub,
[class*="cta-box"] h2, [class*="cta-box"] p {
  color: #fff !important;
}

/* ══ STAT NUMBERS — brand colors ══ */
.stat-num {
  background: linear-gradient(135deg, #1900FF, #E900FF) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.stat-label { color: #5A5A7E !important; }

/* ══ BITRIX SECTION ══ */
.bitrix-visual {
  background: linear-gradient(135deg, rgba(25,0,255,.04), rgba(161,0,255,.04)) !important;
  border: 1px solid rgba(25,0,255,.08) !important;
}

/* ══ SECTION TAGS ══ */
.section-tag, [class*="section-tag"] {
  color: #1900FF !important;
}

/* ══ BUTTONS ══ */
.btn-primary, [class*="btn-primary"] {
  background: #1900FF !important;
  color: #fff !important;
  border-radius: 100px !important;
  box-shadow: 0 6px 20px rgba(25,0,255,.2) !important;
}
.btn-secondary, [class*="btn-secondary"] {
  background: transparent !important;
  color: #1900FF !important;
  border: 2px solid rgba(25,0,255,.2) !important;
  border-radius: 100px !important;
}
.btn-secondary:hover { border-color: #1900FF !important; }
