/* AR Instalações — adaptações de cliente sobre o VOLT MASTER */

.nav-wrap { grid-template-columns:auto 1fr auto auto; }
.wordmark__sub { letter-spacing:.13em; }
.desktop-nav { gap:22px; }

.hero {
  background:
    radial-gradient(720px 480px at 83% 42%, rgba(244,196,0,.13), transparent 62%),
    linear-gradient(110deg, #050606 0%, #050606 45%, #090b0b 100%);
}
.hero__visual { display:flex; align-items:center; justify-content:flex-end; pointer-events:none; }
.ar-hero-panel {
  position:relative;
  width:min(100%,490px);
  aspect-ratio:4/5;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:42px;
  border:1px solid #3a3f3d;
  background:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px),
    radial-gradient(circle at 72% 23%, rgba(244,196,0,.22), transparent 25%),
    linear-gradient(145deg,#151817 0%,#080a0a 72%);
  background-size:42px 42px,42px 42px,auto,auto;
  overflow:hidden;
}
.ar-hero-panel::before {
  content:"";
  position:absolute;
  top:0; right:0;
  width:44%; height:8px;
  background:var(--accent);
}
.ar-hero-panel::after {
  content:"";
  position:absolute;
  width:220px; height:220px;
  right:-90px; top:55px;
  border:1px solid rgba(244,196,0,.32);
  transform:rotate(45deg);
}
.ar-hero-panel__kicker {
  color:var(--accent);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.18em;
  margin-bottom:14px;
}
.ar-hero-panel strong {
  font-family:var(--font-display);
  font-size:clamp(3.2rem,5vw,5.4rem);
  line-height:.82;
  letter-spacing:-.02em;
}
.ar-hero-panel__plus {
  color:var(--accent);
  font-family:var(--font-display);
  font-size:3rem;
  line-height:1;
  margin:8px 0;
}
.ar-hero-panel small {
  margin-top:24px;
  color:#9ca19d;
  font-weight:800;
  letter-spacing:.12em;
}
.hero__trust-card .trust-icon { font-size:18px; font-weight:900; }

.ar-services-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ar-services-grid .service-card { min-height:236px; }
.ar-services-grid .service-card__body { min-height:220px; }

.reviews-theme-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid #343839;
  border-left:1px solid #343839;
}
.reviews-theme-grid article {
  min-height:176px;
  padding:24px;
  border-right:1px solid #343839;
  border-bottom:1px solid #343839;
  background:#080a0a;
}
.reviews-theme-grid article > span {
  color:var(--accent);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.12em;
}
.reviews-theme-grid strong {
  display:block;
  margin:10px 0 9px;
  color:#fff;
  font-family:var(--font-display);
  font-size:1.5rem;
  line-height:1;
}
.reviews-theme-grid p { margin:0; font-size:.86rem; }

.ar-about-panel {
  display:grid;
  place-items:center;
  min-height:520px;
  background:
    radial-gradient(circle at 50% 40%, rgba(244,196,0,.16), transparent 34%),
    linear-gradient(145deg,#111413,#070808);
}
.ar-about-panel__inner {
  width:72%;
  display:flex;
  flex-direction:column;
  padding:34px;
  border:1px solid #3d433f;
}
.ar-about-panel__inner span {
  color:var(--accent);
  font:800 7.4rem/.75 var(--font-display);
}
.ar-about-panel__inner strong {
  margin-top:20px;
  font:800 2.3rem/.9 var(--font-display);
}
.ar-about-panel__inner small {
  margin-top:12px;
  color:#989e99;
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.14em;
}

.service-area__grid { align-items:start; }
.service-area__coverage { align-self:center; }
.service-area__coverage-item { min-height:150px; }
.service-area__coverage-neighborhoods span { white-space:normal; text-align:center; }

.ar-footer-grid { grid-template-columns:1.45fr .9fr .8fr 1fr; }
.ar-footer-bottom { padding-bottom:24px; }

@media (max-width:980px) {
  .nav-wrap { grid-template-columns:auto 1fr auto; }
  .desktop-nav { display:none; }
  .menu-toggle { display:block; }
  .ar-hero-panel { width:100%; }
  .reviews-theme-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ar-footer-grid { grid-template-columns:1fr 1fr !important; }
}
@media (max-width:760px) {
  .hero__visual { min-height:390px; margin-left:0; }
  .ar-hero-panel { aspect-ratio:5/4; padding:28px; }
  .ar-services-grid { grid-template-columns:1fr; }
  .reviews-theme-grid { grid-template-columns:1fr; }
  .ar-about-panel { min-height:340px !important; }
  .ar-about-panel__inner span { font-size:5.6rem; }
  .ar-footer-grid { grid-template-columns:1fr !important; }
}
@media (max-width:520px) {
  .ar-hero-panel { aspect-ratio:1/1; }
  .ar-hero-panel strong { font-size:3rem; }
  .ar-about-panel__inner { width:84%; padding:24px; }
  .ar-about-panel__inner span { font-size:4.8rem; }
}


/* =========================================================
   AR INSTALAÇÕES — restauração estrutural do VOLT
   Placeholders visuais permanecem explicitamente provisórios.
   ========================================================= */

.hero {
  background:
    radial-gradient(760px 480px at 82% 42%, rgba(244,196,0,.09), transparent 62%),
    linear-gradient(110deg, #050606 0%, #050606 48%, #090b0b 100%);
}

.hero-niche {
  display:inline;
  font-weight:800;
  padding:0 .12em;
}
.hero-niche--electric {
  color:var(--accent);
}
.hero-niche--clima {
  color:#7bd8ff;
  text-shadow:0 0 22px rgba(123,216,255,.12);
}
.trust-icon--clima { color:#7bd8ff !important; }

.ar-hero-media {
  position:relative;
  width:min(100%,520px);
  margin:0;
  border:1px solid #383d3b;
  background:#0a0c0c;
  overflow:hidden;
  box-shadow:0 30px 70px rgba(0,0,0,.28);
}
.ar-hero-media::before {
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  top:0;
  height:5px;
  background:var(--accent);
}
.ar-hero-media::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(5,6,6,.34),transparent 38%),
    linear-gradient(0deg,rgba(5,6,6,.48),transparent 34%);
}
.ar-hero-media img {
  display:block;
  width:100%;
  min-height:500px;
  aspect-ratio:4/5;
  object-fit:cover;
  filter:saturate(.72) contrast(1.05) brightness(.86);
}

.media-placeholder-badge {
  position:absolute;
  z-index:4;
  top:14px;
  left:14px;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border:1px solid rgba(244,196,0,.7);
  border-radius:3px;
  background:rgba(5,6,6,.88);
  color:var(--accent);
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
  backdrop-filter:blur(5px);
}

.service-card--pending {
  border-style:dashed;
}
.service-card--pending::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:repeating-linear-gradient(135deg,rgba(244,196,0,.018) 0 10px,transparent 10px 20px);
}
.pending-label {
  display:inline-block;
  width:fit-content;
  margin-bottom:8px;
  color:var(--accent);
  font-size:.58rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}

#trabalhos .section-heading {
  margin-bottom:34px;
}
#trabalhos .portfolio-card {
  isolation:isolate;
}
#trabalhos .portfolio-card .media-placeholder-badge {
  top:10px;
  left:10px;
}
#trabalhos .portfolio-card figcaption {
  z-index:5;
}
.portfolio-closing {
  margin-top:38px;
  padding:28px 0 0;
  border-top:1px solid #303536;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:32px;
  align-items:end;
}
.portfolio-closing h3 {
  margin:7px 0 7px;
  font-size:1.8rem;
}
.portfolio-closing p {
  max-width:760px;
  margin:0;
  font-size:.86rem;
}
.portfolio-closing__cta {
  min-width:220px;
}

.ar-differentials {
  margin-top:44px;
}
.ar-progress-card strong {
  font-size:2rem !important;
  line-height:.9 !important;
}
.ar-progress-card p {
  color:#a8aca8;
}

.reviews .reviews-grid.reviews-marquee {
  border:0;
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.reviews .review-marquee-mark {
  color:var(--accent);
}
.reviews .review-marquee-message {
  min-height:4.4em;
}
.reviews .review-marquee-identity strong {
  letter-spacing:.02em;
}
.reviews .review-marquee-location {
  display:block;
  margin-top:3px;
}

.about__image .media-placeholder-badge {
  top:14px;
}
.about__image img {
  filter:saturate(.72) contrast(1.04) brightness(.86);
}

.service-area__coverage-item--pending {
  border-style:dashed !important;
  opacity:.86;
}
.service-area__coverage-item--pending .service-area__coverage-mark,
.service-area__coverage-item--pending small {
  color:#9ca19d !important;
}

.footer-pending {
  max-width:190px;
  font-size:.72rem;
  color:#777d79;
}
.site-footer .ar-footer-grid {
  grid-template-columns:1.4fr .95fr .8fr .9fr .85fr 1fr !important;
  gap:24px !important;
}
.site-footer .ar-footer-grid > * {
  min-width:0;
}

@media (max-width:1180px) {
  .site-footer .ar-footer-grid {
    grid-template-columns:1.25fr 1fr 1fr !important;
    row-gap:34px !important;
  }
  .site-footer .ar-footer-grid .footer-contact {
    grid-column:auto;
  }
}

@media (max-width:980px) {
  .ar-hero-media {
    width:100%;
  }
  .ar-hero-media img {
    min-height:450px;
  }
}

@media (max-width:760px) {
  .hero__visual {
    min-height:0;
    margin-left:0;
  }
  .ar-hero-media img {
    min-height:0;
    aspect-ratio:4/3;
  }
  .media-placeholder-badge {
    font-size:.52rem;
    max-width:calc(100% - 28px);
  }
  .portfolio-closing {
    grid-template-columns:1fr;
    align-items:start;
  }
  .portfolio-closing__cta {
    width:100%;
  }
  .site-footer .ar-footer-grid {
    grid-template-columns:1fr 1fr !important;
  }
}

@media (max-width:520px) {
  .hero-niche {
    padding:0;
  }
  .ar-hero-media img {
    aspect-ratio:1/1;
  }
  .site-footer .ar-footer-grid {
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   HERO — comportamento visual idêntico ao VOLT MASTER
   ========================================================= */

.hero {
  position:relative;
  min-height:690px;
  padding:74px 0 42px;
  overflow:hidden;
  background:
    linear-gradient(90deg, #050606 0%, rgba(5,6,6,.98) 19%, rgba(5,6,6,.92) 33%, rgba(5,6,6,.66) 48%, rgba(5,6,6,.24) 66%, rgba(5,6,6,.10) 100%) 0 0 / 100% 100% no-repeat,
    linear-gradient(180deg, rgba(5,6,6,.20) 0%, rgba(5,6,6,.06) 36%, rgba(5,6,6,.18) 70%, rgba(5,6,6,.72) 100%) 0 0 / 100% 100% no-repeat,
    url("assets/asset-01-hero-quadro.webp") right bottom / auto 100% no-repeat,
    #050606;
}
.hero::before {
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(90deg, rgba(0,0,0,.2), transparent 56%);
  pointer-events:none;
}
.hero::after { display:none; }
.hero__grid {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:50% 50%;
  align-items:center;
  min-height:570px;
}
.hero__copy {
  position:relative;
  z-index:4;
  max-width:720px;
  padding-right:18px;
  transform:translateY(-26px);
}
.hero__copy .eyebrow { margin-bottom:18px; }
.hero__copy h1 {
  max-width:700px;
  font-size:clamp(4rem,7.2vw,6.35rem);
  line-height:.84;
  margin-bottom:24px;
}
.hero__accent-word {
  display:block;
  color:var(--accent);
}
.hero__lead {
  max-width:620px;
  color:#d7d8d4;
  font-size:1.05rem;
  line-height:1.55;
  margin-bottom:13px;
}
.hero__promise {
  color:#fff;
  font-weight:700;
  font-size:.92rem;
  margin-bottom:24px;
}
.hero__actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:14px;
}
.hero__micro {
  color:#858b86;
  font-size:.78rem;
  max-width:590px;
  margin-bottom:28px;
}
.hero__visual {
  position:relative;
  display:block;
  align-self:stretch;
  min-height:570px;
  margin-left:-32px;
  pointer-events:none;
}
.hero__frame { display:none; }

@media (max-width:1080px) {
  .hero__grid { grid-template-columns:54% 46%; }
  .hero__visual { margin-left:-50px; }
}

@media (max-width:860px) {
  .hero {
    padding-top:38px;
    min-height:auto;
    background:#050606;
  }
  .hero::after { display:none; }
  .hero__grid {
    grid-template-columns:1fr;
    min-height:0;
  }
  .hero__copy {
    max-width:none;
    padding-right:0;
    transform:none;
  }
  .hero__visual {
    order:2;
    min-height:440px;
    margin:24px -18px 0;
    pointer-events:auto;
  }
  .hero__frame {
    display:block;
    position:absolute;
    inset:0;
    overflow:hidden;
    border:0;
    background:#111;
  }
  .hero__frame::after {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(0deg,#050606 0%,transparent 42%);
    pointer-events:none;
  }
  .hero__frame img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 44%;
    filter:contrast(1.08) saturate(.82) brightness(.78);
  }
  .hero__trust-grid--desktop { display:none; }
  .hero__trust-grid--mobile {
    order:3;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    margin-top:18px;
    border-block:1px solid #292d2d;
  }
}

/* =========================================================
   DIAGNÓSTICO — elétrica + ar-condicionado
   ========================================================= */

.diagnostic .problem-panel__groups {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding:16px;
  background:linear-gradient(180deg,#0d1010 0%,#090b0b 100%);
}
.diagnostic .problem-group {
  min-width:0;
}
.diagnostic .problem-group__label {
  margin:0 0 8px;
  padding:8px 10px;
  border:1px solid #3b403d;
  background:#101313;
  color:var(--accent);
  font-size:.66rem;
  font-weight:950;
  letter-spacing:.11em;
  line-height:1.2;
  text-align:center;
}
.diagnostic .problem-group__label--clima {
  color:#7bd8ff;
  border-color:rgba(123,216,255,.34);
}
.diagnostic .problem-group ul {
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
}
.diagnostic .problem-group li {
  min-height:78px !important;
  margin:0 !important;
}
.diagnostic .problem-group:last-child li::before {
  background:#7bd8ff !important;
  box-shadow:0 0 0 4px rgba(123,216,255,.06) !important;
}
.diagnostic .problem-group:last-child li:hover {
  border-color:rgba(123,216,255,.46) !important;
  box-shadow:inset 3px 0 0 rgba(123,216,255,.72),0 10px 22px rgba(0,0,0,.16) !important;
}

@media (max-width:620px) {
  .diagnostic .problem-panel__groups {
    grid-template-columns:1fr;
    padding:12px;
  }
}


/* Hero trust badges — uniformização visual */
.hero__trust-card .trust-icon,
.hero__trust-card .trust-icon--clima {
  color:var(--accent) !important;
}
.hero__trust-title {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  max-height:3.9em;
  line-height:1.3;
}
.hero__trust-title small {
  display:block;
  margin-top:2px;
  color:#9a9f9b;
  font-size:.72em;
  font-weight:800;
  letter-spacing:.06em;
}
.hero__trust-card--pending {
  background:rgba(244,196,0,.018);
}
.hero__trust-card--pending .trust-icon {
  color:var(--accent) !important;
}
@media (max-width:620px) {
  .hero__trust-title {
    -webkit-line-clamp:3;
    max-height:3.9em;
  }
}


/* Hero refinements — identity, spacing and trust icon consistency */
.hero__copy h1 {
  line-height:.92;
}
.hero__copy .eyebrow {
  white-space:nowrap;
}
.hero__trust-card {
  grid-template-columns:38px 1fr;
}
.hero__trust-card .trust-icon {
  width:34px;
  height:34px;
  color:var(--accent) !important;
}
.hero__trust-card .trust-icon svg {
  width:26px;
  height:26px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.hero__trust-card:first-child .trust-icon svg {
  fill:currentColor;
  stroke:currentColor;
}
.hero__trust-title {
  -webkit-line-clamp:3;
  max-height:3.9em;
  line-height:1.3;
}
@media (max-width:1080px) {
  .hero__copy .eyebrow {
    white-space:normal;
  }
}
@media (max-width:860px) {
  .hero__copy h1 {
    line-height:.94;
  }
}


/* Hero emphasis + H1 vertical breathing */
.hero-niche--electric,
.hero-niche--clima {
  color:var(--accent) !important;
  text-shadow:none !important;
}
.hero__copy h1 {
  line-height:1.03;
}
@media (max-width:860px) {
  .hero__copy h1 {
    line-height:1.03;
  }
}


/* Hero final emphasis + explicit H1 row gap */
.hero__lead .hero-niche--electric,
.hero__lead .hero-niche--clima {
  color:var(--accent) !important;
  text-shadow:none !important;
}
.hero__accent-word {
  margin-top:.14em !important;
}
.hero__copy h1 {
  line-height:.98 !important;
}
@media (max-width:860px) {
  .hero__accent-word {
    margin-top:.12em !important;
  }
  .hero__copy h1 {
    line-height:1 !important;
  }
}


/* H1 spacing fine-tune */
.hero__copy h1 {
  line-height:.94 !important;
}
.hero__accent-word {
  margin-top:.055em !important;
}
@media (max-width:860px) {
  .hero__copy h1 {
    line-height:.96 !important;
  }
  .hero__accent-word {
    margin-top:.045em !important;
  }
}