/**
 * Bolt Elétrica — Design System Overrides
 * Personalidade: Institucional pesado, Aramco/Chevron.
 * Azul profundo, bordas mínimas, sombras flat, gravidade visual.
 */

/* ─── Card accent: left border ───────────────────────────────── */
body[data-company="eletrica"] .card {
  border-left: 3px solid var(--color-brand);
  background: var(--color-neutral-0);
}

body[data-company="eletrica"] .card:hover {
  border-left-color: var(--color-brand-light);
}

/* ─── Hero: dramatic vertical gradient ───────────────────────── */
body[data-company="eletrica"] .hero__overlay {
  background:
    linear-gradient(90deg, rgba(4, 18, 35, 0.84) 0%, rgba(4, 18, 35, 0.58) 48%, rgba(4, 18, 35, 0.78) 100%),
    linear-gradient(180deg, rgba(10, 47, 90, 0.18) 0%, rgba(6, 31, 58, 0.9) 100%);
}

body[data-company="eletrica"] .hero__inner {
  min-height: clamp(620px, 82vh, 780px);
  padding-top: 92px;
  align-items: center;
}

body[data-company="eletrica"] .hero__content {
  max-width: 760px;
  padding-top: 28px;
}

body[data-company="eletrica"] .hero__title {
  max-width: 14ch;
  text-transform: none;
  letter-spacing: -0.045em;
  line-height: 0.94;
}

body[data-company="eletrica"] .hero__subtitle {
  max-width: 62ch;
  color: rgba(255, 255, 255, 0.84);
}

body[data-company="eletrica"] .hero__slider::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size: 56px 56px;
  opacity: 0.18;
  pointer-events: none;
}

/* ─── Stats: subtle blue surface background ──────────────────── */
body[data-company="eletrica"] .stats {
  background: var(--color-brand-surface);
  border-color: transparent;
}

body[data-company="eletrica"] .stat {
  border-color: rgba(10, 47, 90, 0.08);
}

body[data-company="eletrica"] .stats-bar {
  background:
    linear-gradient(135deg, #08192d 0%, #0b2847 100%);
}

body[data-company="eletrica"] .stats-bar__item {
  border-right-color: rgba(255, 255, 255, 0.08);
}

body[data-company="eletrica"] .stats-bar__label {
  color: rgba(255, 255, 255, 0.66);
}

body[data-company="eletrica"] .split__media {
  align-self: stretch;
}

body[data-company="eletrica"] .split__image {
  min-height: 100%;
  border-radius: 0;
  box-shadow: 0 28px 60px rgba(4, 18, 35, 0.22);
}

body[data-company="eletrica"] .split__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(243, 112, 33, 0.14) 0%, rgba(4, 18, 35, 0.28) 100%);
  pointer-events: none;
}

body[data-company="eletrica"] .service-card {
  border-left: 4px solid var(--color-brand);
  border-radius: 0;
  box-shadow: 0 18px 44px rgba(4, 18, 35, 0.08);
}

body[data-company="eletrica"] .service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 26px 52px rgba(4, 18, 35, 0.14);
}

body[data-company="eletrica"] .service-card__title {
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

body[data-company="eletrica"] .specialists-section {
  background:
    radial-gradient(circle at top right, rgba(243, 112, 33, 0.16), transparent 28%),
    linear-gradient(135deg, #07182b 0%, #0b2847 100%);
}

body[data-company="eletrica"] .section-label {
  letter-spacing: 0.18em;
}

body[data-company="eletrica"] .process {
  background: #fff;
  border-left: 4px solid var(--color-brand);
  border-radius: 0;
  box-shadow: 0 20px 44px rgba(4, 18, 35, 0.08);
}

/* ─── Section header: thin accent bar ────────────────────────── */
body[data-company="eletrica"] .section-header__title::after {
  border-radius: 0;
}

/* ─── CTA Banner: deep blue gradient ─────────────────────────── */
body[data-company="eletrica"] .cta-banner {
  background: linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-dark) 100%);
}

/* ─── Process: classic circles with outer ring ───────────────── */
body[data-company="eletrica"] .process__number {
  box-shadow: 0 0 0 3px var(--color-brand-surface);
}

/* ─── Buttons: subtle inner shadow for depth ─────────────────── */
body[data-company="eletrica"] .btn--primary {
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
}

body[data-company="eletrica"] .btn--primary:hover {
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2);
}

/* ─── Footer: match institutional blue ───────────────────────── */
body[data-company="eletrica"] .footer {
  background: var(--color-primary-700);
}