/* ═══════════════════════════════════════════════════════════════════════════
   Paleta 4D — Blanco + Grafito claro #5A5A5A + Rojo coral
   Propuesta clara/luminosa. Ideal para impresión y pantallas brillantes.
   ═══════════════════════════════════════════════════════════════════════════ */
:root {
  --navy-deep:   #2C2C2C;
  --navy-mid:    #404040;
  --navy-light:  #5A5A5A;
  --gold:        #CB4335;
  --gold-light:  #E74C3C;
  --gold-dark:   #A93226;
  --white:       #FFFFFF;
  --off-white:   #F9F9F9;
  --gray-light:  #EBEBEB;
  --gray-mid:    #A0A0A0;
  --gray-dark:   #606060;
  --text-dark:   #1A1A1A;
  --text-body:   #3A3A3A;
}
/* Hero — lighter feel, more photo visible */
.hero-bg-img { filter: grayscale(40%) brightness(.38); }
.hero-bg::before { background: radial-gradient(ellipse 50% 60% at 72% 42%,rgba(44,44,44,.55) 0%,transparent 62%), linear-gradient(135deg,rgba(22,22,22,.72) 0%,rgba(38,38,38,.60) 50%,rgba(50,50,50,.52) 100%); }

/* Sections */
.section-dark { background: #2C2C2C; }
.section-light-alt { background: #F9F9F9; }

.cta-banner { background: #2C2C2C; }
.cta-banner-bg::before { background: radial-gradient(ellipse 50% 100% at 100% 50%,rgba(203,67,53,.20) 0%,transparent 70%), linear-gradient(135deg,rgba(22,22,22,.96) 0%,rgba(40,40,40,.90) 100%); }
.faq-section-bg::after { background: radial-gradient(ellipse 60% 80% at 20% 50%,rgba(22,22,22,.88) 0%,transparent 70%), linear-gradient(135deg,rgba(22,22,22,.82) 0%,rgba(38,38,38,.68) 100%); }
.footer { background: #181818; }

/* Light section overrides */
.diff { background: #ffffff; }
.sectors { background: #ffffff; }
.about { background: #ffffff; }

.diff-icon { background: linear-gradient(135deg,#FBF0EF,#FDE8E6); color: var(--gold-dark); }
.diff-card:hover .diff-icon { background: linear-gradient(135deg,var(--gold),var(--gold-light)); color: #fff; }
.diff-card { border-color: var(--gray-light); }
.diff-card:hover { border-color: var(--gold); box-shadow: 0 12px 48px rgba(203,67,53,.12); }
.sector-item { background: #fff; border-color: var(--gray-light); }
.sector-item:hover { background: #FEF6F5; border-color: var(--gold); }
.value-icon { background: var(--gold); color: #fff; }
.tab-btn.active { background: var(--gold); border-color: var(--gold); color: #fff; }
.service-card--highlight { border-color: rgba(203,67,53,.38); background: rgba(203,67,53,.04); }
.service-card--highlight h3 { color: var(--gold-light); }
.process-step .step-number { border-color: var(--gold); color: var(--gold); }
.process-step:hover .step-number { background: var(--gold); color: #fff; }
.process-steps::before { background: linear-gradient(to right,var(--gold),var(--gold-light),var(--gold)); opacity:.4; }
.legal-acc-item.open { border-color: rgba(203,67,53,.45); }
.legal-acc-item.open .legal-acc-btn { background: rgba(203,67,53,.06); color: var(--gold); }
.legal-acc-item.open .legal-acc-num { color: var(--gold); }
.legal-acc-item.open .legal-acc-arrow { border-color: var(--gold); color: var(--gold); }
.faq-item.open { border-color: rgba(203,67,53,.45); }
.faq-item.open .faq-question { color: var(--gold); }
.faq-item.open .faq-icon { border-color: var(--gold); color: var(--gold); }
.wa-float { background: #25D366; }
.client-card:hover { border-color: var(--gold); }
.about-badge { border-color: var(--gold); background: #2C2C2C; }
.about-badge strong { color: var(--gold); }
.btn-primary { background: var(--gold); color: #fff; }
.btn-primary:hover { background: var(--gold-light); box-shadow: 0 8px 24px rgba(203,67,53,.35); }
.nav-cta { background: var(--gold) !important; color: #fff !important; }
.nav-cta:hover { background: var(--gold-light) !important; }