/* ========================================================================
   eXponencial online — acabamento High-Tech Blue
   Visual mais claro, suave e orientado à confiança comercial.
   Carregar depois de hightech.css.
   ======================================================================== */

:root {
  --vermelho: #2474e8;
  --vermelho-escuro: #1551a6;
  --vermelho-claro: #65b7ff;
  --preto: #10243d;
  --preto-2: #173454;
  --grafite: #31506f;
  --cinza: #607188;
  --cinza-claro: #eaf3fc;
  --branco: #ffffff;
  --sombra: 0 28px 80px rgba(24, 71, 121, .18);
}

html { background: #eef5fc; }

body.theme-hightech {
  color: #15283f;
  background: #eef5fc;
}

.theme-hightech main { background: #eef5fc; }

.theme-hightech main::before {
  opacity: .12;
  background-image:
    linear-gradient(rgba(43, 112, 181, .34) 1px, transparent 1px),
    linear-gradient(90deg, rgba(43, 112, 181, .34) 1px, transparent 1px);
}

.theme-hightech .topbar {
  background: rgba(12, 38, 67, .9);
  border-bottom-color: rgba(144, 199, 255, .2);
  box-shadow: 0 12px 38px rgba(11, 45, 80, .16);
}

.theme-hightech .topbar::after {
  background: linear-gradient(90deg, #275da9, #6cc3ff);
  box-shadow: 0 0 18px rgba(77, 169, 255, .75);
}

.theme-hightech .btn--primary {
  background: linear-gradient(135deg, #1d62c7, #3f9bf2);
  border-color: rgba(160, 216, 255, .62);
  box-shadow: 0 0 0 1px rgba(36, 116, 232, .14), 0 12px 34px rgba(26, 103, 190, .26);
}

.theme-hightech .btn--primary:hover {
  background: linear-gradient(135deg, #174fa6, #318ee7);
}

.theme-hightech .tech-cursor {
  background: radial-gradient(circle, rgba(62, 158, 248, .16) 0%, rgba(70, 161, 246, .05) 34%, transparent 70%);
}

/* Hero azul mais claro e convidativo. */
.theme-hightech .hero { background: #0c2949; }

.theme-hightech .hero::before {
  background-image:
    linear-gradient(rgba(117, 199, 255, .16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(117, 199, 255, .16) 1px, transparent 1px),
    linear-gradient(rgba(72, 159, 232, .18) 1px, transparent 1px),
    linear-gradient(90deg, rgba(72, 159, 232, .18) 1px, transparent 1px);
}

.theme-hightech .hero-scene { background: #0c2949; }

.theme-hightech .hero-scene__image {
  background-image: url("../img/hero-hightech-blue-v3.webp");
  filter: contrast(1.02) saturate(.86) brightness(.9);
}

.theme-hightech .hero-scene__veil {
  background:
    linear-gradient(90deg, rgba(8, 31, 57, .98) 0%, rgba(8, 31, 57, .9) 25%, rgba(8, 31, 57, .54) 51%, rgba(8, 31, 57, .07) 79%),
    linear-gradient(0deg, #0a2746 0%, transparent 19%, transparent 76%, rgba(9, 31, 56, .62) 100%),
    radial-gradient(circle at 72% 46%, transparent 0 20%, rgba(12, 44, 76, .05) 42%, rgba(8, 31, 57, .34) 100%);
}

.theme-hightech .hero-scene__grid {
  opacity: .36;
  background-image:
    linear-gradient(rgba(108, 195, 255, .38) 1px, transparent 1px),
    linear-gradient(90deg, rgba(108, 195, 255, .38) 1px, transparent 1px);
}

.theme-hightech .hero-scene__beam {
  background: linear-gradient(to bottom, transparent, rgba(106, 194, 255, .96) 25%, rgba(72, 162, 247, .18) 72%, transparent);
  box-shadow: 0 0 12px rgba(92, 187, 255, .8), 0 0 42px rgba(55, 151, 238, .34);
}

.theme-hightech .hero-scene::after { opacity: .055; }

.theme-hightech .tech-particle {
  background: rgba(128, 207, 255, .95);
  box-shadow: 0 0 8px rgba(89, 184, 255, .9), 0 0 20px rgba(47, 139, 226, .52);
}

.theme-hightech .hero__glow {
  background: radial-gradient(circle, rgba(67, 162, 246, .3) 0%, rgba(67, 162, 246, 0) 66%);
}

.theme-hightech .hero__copy::before {
  background: linear-gradient(90deg, rgba(8, 31, 57, .92), rgba(8, 31, 57, .62) 82%, transparent);
}

.theme-hightech .hero__title .accent {
  color: #edf8ff;
  -webkit-text-stroke-color: rgba(115, 201, 255, .92);
  text-shadow: 0 0 28px rgba(65, 163, 250, .3);
}

.theme-hightech .eyebrow {
  color: #8cd1ff;
  border-color: rgba(114, 200, 255, .42);
  background: rgba(91, 180, 255, .11);
  box-shadow: inset 0 0 20px rgba(88, 181, 255, .08);
}

.theme-hightech .hero__stats li::before {
  background: #68bfff;
  box-shadow: 0 0 10px rgba(75, 170, 255, .75);
}

.theme-hightech .hero .hero__radar {
  background: rgba(16, 50, 82, .5);
  border-color: rgba(129, 205, 255, .48);
  box-shadow: 0 36px 100px rgba(5, 35, 64, .45), 0 0 75px rgba(58, 153, 237, .14), inset 0 0 50px rgba(71, 169, 252, .08);
}

.theme-hightech .ilu-moldura:hover {
  border-color: rgba(72, 164, 241, .4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 30px 80px rgba(33, 79, 124, .18), 0 0 42px rgba(58, 151, 231, .1);
}

.theme-hightech .hero .ilu-moldura::before {
  border-color: rgba(116, 202, 255, .36);
  box-shadow: 0 0 55px rgba(72, 169, 252, .18);
}

.theme-hightech .radar-telemetry {
  background: rgba(10, 36, 62, .72);
  border-color: rgba(152, 214, 255, .2);
}

.theme-hightech .radar-telemetry__status { color: #8ed4ff; }

.theme-hightech .radar-telemetry__status::before {
  background: #70c5ff;
  box-shadow: 0 0 10px #70c5ff;
}

.theme-hightech .hero__stats {
  background: rgba(11, 42, 72, .54);
  border-color: rgba(169, 220, 255, .16);
}

/* As ilustrações vermelhas herdadas passam a acompanhar a paleta azul. */
.theme-hightech .ilu {
  filter: hue-rotate(195deg) saturate(.88) brightness(1.07) drop-shadow(0 24px 36px rgba(22, 68, 112, .18));
}

.theme-hightech .ilu-moldura:hover .ilu {
  filter: hue-rotate(195deg) saturate(.94) brightness(1.09) drop-shadow(0 28px 42px rgba(19, 67, 112, .2)) drop-shadow(0 0 22px rgba(61, 157, 241, .15));
}

/* Seções claras, suaves e com contraste comercial confortável. */
.theme-hightech .sec {
  background-image: radial-gradient(620px circle at var(--spot-x) var(--spot-y), rgba(66, 153, 232, .09), transparent 55%);
  border-top-color: rgba(61, 111, 160, .12);
}

.theme-hightech .sec::before {
  background:
    radial-gradient(circle at 8% calc(28% + var(--section-shift, 0px)), rgba(67, 151, 228, .1), transparent 24%),
    linear-gradient(115deg, transparent 0 73%, rgba(35, 99, 161, .025) 73% 74%, transparent 74%);
}

.theme-hightech .sec::after {
  background: linear-gradient(90deg, transparent, rgba(66, 157, 239, .54), transparent);
  box-shadow: 0 0 18px rgba(65, 155, 237, .2);
}

.theme-hightech .sec--light,
.theme-hightech .sec--light + .sec--light {
  color: #172b43;
  background-color: #f7faff;
  border-top-color: rgba(49, 103, 157, .11);
}

.theme-hightech .sec--light:nth-of-type(even) { background-color: #ebf4fd; }

.theme-hightech .sec--dark {
  background-color: #123252;
  background-image: linear-gradient(145deg, #153b61, #0d2844 72%);
}

.theme-hightech .sec--red {
  background:
    linear-gradient(130deg, rgba(14, 61, 105, .42), rgba(55, 132, 205, .05) 52%, rgba(15, 62, 106, .36)),
    linear-gradient(105deg, #2d78bb, #5ca9e8 52%, #2d75b6);
}

.theme-hightech .sec--light p,
.theme-hightech .sec--light .sec__sub { color: #566b82; }

.theme-hightech .sec--light .sec__title { color: #132c47; }
.theme-hightech .sec--dark .sec__title,
.theme-hightech .sec--red .sec__title { color: #fff; }

.theme-hightech .sec__title::after {
  background: linear-gradient(90deg, transparent, #3998e8, transparent);
  box-shadow: 0 0 14px rgba(60, 155, 236, .46);
}

.theme-hightech .sec--light .closer--dark { color: #18324e; }

.theme-hightech .sec--light .decay,
.theme-hightech .sec--light .versus__card,
.theme-hightech .sec--light .perfis li,
.theme-hightech .sec--light .passos li,
.theme-hightech .sec--light .direcoes__card,
.theme-hightech .sec--light .stack li {
  color: #1c344f;
  background: rgba(255, 255, 255, .88);
  border-color: rgba(48, 112, 175, .16);
  box-shadow: 0 12px 34px rgba(36, 86, 136, .08), inset 0 1px 0 #fff;
}

.theme-hightech .sec--light .decay li,
.theme-hightech .sec--light .versus__card--old,
.theme-hightech .sec--light .versus__card--old h3 { color: #536a82; }

.theme-hightech .sec--light .decay li::after { background: rgba(32, 87, 140, .17); }
.theme-hightech .sec--light .perfis li,
.theme-hightech .sec--light .stack li { color: #243d58; border-left-color: #388fdd; }
.theme-hightech .sec--light .stack strong { color: #216fc1; }

.theme-hightech .sec--light .versus__card--new {
  color: #1d3a58;
  background: #e6f2fd;
  border-color: rgba(47, 127, 200, .22);
}

.theme-hightech .sec--light .versus__card--new h3,
.theme-hightech .sec--light .versus__card--new .is-good { color: #216fc1; }

.theme-hightech .sec--light .perfis li:hover {
  border-color: rgba(56, 143, 221, .28);
  box-shadow: 0 18px 44px rgba(34, 83, 130, .12), 0 0 30px rgba(56, 145, 223, .06);
}

.theme-hightech .sec--light .ilu-moldura,
.theme-hightech .sec--light .faixa-perfis {
  background: rgba(255, 255, 255, .72);
  border-color: rgba(54, 119, 180, .17);
  box-shadow: 0 22px 58px rgba(39, 86, 132, .11), inset 0 1px 0 #fff;
}

.theme-hightech .sec--light .quote--light {
  color: #19334f;
  background: #edf5fc;
  border-left-color: #2e88d7;
}

.theme-hightech .decay li::before,
.theme-hightech .passos__n { background: #2d83d2; }
.theme-hightech .decay__end { color: #1f72bd !important; }

.theme-hightech .flow li,
.theme-hightech .passos li,
.theme-hightech .direcoes__card {
  border-color: rgba(137, 200, 250, .17);
  background: rgba(25, 62, 96, .76);
}

.theme-hightech .flow li span,
.theme-hightech .versus__card--new h3,
.theme-hightech .versus__card--new .is-good,
.theme-hightech .imovel__tag,
.theme-hightech .imovel__base strong { color: #79c9ff; }

.theme-hightech .imovel {
  background: linear-gradient(145deg, #173b5e, #0f2b49);
  border-color: rgba(111, 193, 249, .28);
  box-shadow: 0 28px 72px rgba(29, 78, 126, .24), 0 0 48px rgba(59, 152, 233, .1);
}

.theme-hightech .imovel::before {
  color: #80ceff;
  border-color: rgba(114, 201, 255, .35);
}

.theme-hightech .imovel::after {
  background: #69bfff;
  box-shadow: 0 0 18px 4px rgba(61, 161, 245, .34);
}

.theme-hightech .direcoes__icone {
  color: #76c5fa;
  background: rgba(71, 160, 235, .16);
  box-shadow: inset 0 0 20px rgba(67, 155, 229, .16), 0 0 18px rgba(59, 151, 230, .1);
}

.theme-hightech .form {
  color: #172d46;
  border-color: rgba(48, 112, 175, .18);
  border-top-color: #338bd8;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 32px 80px rgba(15, 53, 91, .24), 0 0 55px rgba(64, 160, 239, .07);
}

.theme-hightech .campo input,
.theme-hightech .campo select {
  color: #172d46;
  background: #f5f9fd;
  border-color: #c8d9e9;
}

.theme-hightech .campo input::placeholder { color: #8c9caf; }
.theme-hightech .campo select option { color: #172d46; background: #fff; }
.theme-hightech .form .form__nota { color: #708195; }

.theme-hightech .tech-card:hover {
  border-color: rgba(58, 148, 226, .34);
  box-shadow: 0 24px 60px rgba(27, 75, 120, .17), 0 0 34px rgba(65, 155, 232, .08);
}

.theme-hightech .tech-card:not(.imovel)::after {
  background: radial-gradient(240px circle at var(--card-spot-x, 50%) var(--card-spot-y, 50%), rgba(68, 159, 238, .14), transparent 70%);
}

.theme-hightech .sec--red::before {
  background:
    linear-gradient(115deg, transparent 0 34%, rgba(255, 255, 255, .12) 34.2% 34.5%, transparent 34.7%),
    radial-gradient(circle at var(--spot-x) var(--spot-y), rgba(219, 241, 255, .25), transparent 30%);
}

.theme-hightech .rodape {
  background: #0d2946;
  border-top-color: rgba(133, 202, 250, .2);
}

@media (max-width: 960px) {
  .theme-hightech .hero-scene__veil {
    background: linear-gradient(90deg, rgba(8, 31, 57, .96), rgba(8, 31, 57, .62)), linear-gradient(0deg, #0a2746, transparent 30%);
  }
}