/* =========================================================
   BRJ PASSO 27 — REFINO FINAL 2026
   ========================================================= */

/* ---------- Hero técnico v2 ---------- */
.technical-board-v2{
  width:min(100%,500px);
  padding:24px;
  border:1px solid rgba(177,213,226,.22);
  border-radius:26px;
  background:
    radial-gradient(circle at 82% 10%,rgba(67,169,205,.16),transparent 27%),
    radial-gradient(circle at 14% 86%,rgba(185,145,80,.10),transparent 25%),
    linear-gradient(145deg,#0a2b42 0%,#071d2c 64%,#061923 100%);
  box-shadow:
    0 34px 80px rgba(4,28,42,.24),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.technical-board-v2:after{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(255,255,255,.025);
  border-radius:19px;
  pointer-events:none;
}

.board-top-v2{
  align-items:flex-start;
  gap:18px;
}

.board-top-v2>div{
  display:grid;
  gap:4px;
}

.board-top-v2 strong{
  color:#f4f8fa;
  font-size:.9rem;
  letter-spacing:.09em;
}

.board-micro{
  color:#7fa5b8;
  font-size:.51rem;
  letter-spacing:.16em;
}

.building-wireframe-v2{
  height:315px;
  margin:20px 0 16px;
  border-color:rgba(126,198,226,.18);
  background:
    radial-gradient(circle at 52% 45%,rgba(54,149,185,.20),transparent 38%),
    linear-gradient(rgba(116,194,226,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(116,194,226,.045) 1px,transparent 1px);
  background-size:auto,24px 24px,24px 24px;
}

.building-wireframe-v2:before{
  content:"";
  position:absolute;
  left:9%;
  right:9%;
  bottom:26px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(129,205,233,.35),transparent);
}

.building-wireframe-v2 .tower{
  border-color:rgba(117,203,235,.70);
  background:linear-gradient(180deg,rgba(50,139,176,.04),rgba(50,139,176,.13));
  box-shadow:inset 0 0 28px rgba(66,169,207,.04);
}

.scan-axis{
  position:absolute;
  z-index:1;
  opacity:.42;
}

.scan-axis-x{
  left:9%;
  right:9%;
  top:50%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(123,207,235,.34),transparent);
}

.scan-axis-y{
  top:9%;
  bottom:9%;
  left:50%;
  width:1px;
  background:linear-gradient(transparent,rgba(123,207,235,.28),transparent);
}

.scan-ring{
  position:absolute;
  z-index:1;
  left:50%;
  top:49%;
  border:1px solid rgba(124,207,235,.13);
  border-radius:50%;
  transform:translate(-50%,-50%);
}

.scan-ring-a{width:150px;height:150px}
.scan-ring-b{width:235px;height:235px;border-style:dashed}

.technical-board-v2 .scan-line{
  top:53%;
  left:6%;
  right:6%;
  height:1px;
  background:linear-gradient(90deg,transparent,#b99150 24%,#7fd2ed 54%,transparent);
  box-shadow:0 0 18px rgba(127,210,237,.38);
}

.technical-board-v2 .point{
  width:9px;
  height:9px;
  border-color:#d7b471;
  box-shadow:0 0 0 5px rgba(215,180,113,.10),0 0 18px rgba(215,180,113,.18);
}

.diag-tag{
  position:absolute;
  z-index:3;
  display:flex;
  align-items:center;
  gap:7px;
  padding:6px 8px;
  border:1px solid rgba(174,215,231,.14);
  border-radius:8px;
  background:rgba(7,30,45,.78);
  color:#a9c5d2;
  font-size:.56rem;
  letter-spacing:.04em;
  backdrop-filter:blur(6px);
}

.diag-tag b{
  color:#d4b16d;
  font-size:.51rem;
}

.diag-tag-a{left:7%;top:15%}
.diag-tag-b{right:7%;top:20%}
.diag-tag-c{right:8%;bottom:11%}

.metric-row-v2>div{
  min-height:58px;
  padding:11px 12px;
  border-color:rgba(177,213,226,.12);
  background:rgba(255,255,255,.018);
}

.metric-row-v2 strong{
  font-size:.8rem;
}

.board-caption-v2{
  margin-top:16px;
}

.board-caption-v2 p{
  margin:0;
  line-height:1.45;
}

/* ---------- Base técnica compacta ---------- */
.home-technical-basis{
  border-bottom:1px solid #e5ecef;
  background:#f7fafb;
  padding:42px 0;
}

.home-technical-basis-grid{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:54px;
  align-items:start;
}

.home-technical-basis h2{
  margin:13px 0 0;
  color:#061923;
  font-size:clamp(1.55rem,2.5vw,2.25rem);
  line-height:1.08;
  letter-spacing:-.035em;
}

.home-technical-basis p{
  margin:0 0 11px;
  color:#526570;
  line-height:1.65;
  font-size:.94rem;
}

.home-technical-basis p:last-child{margin-bottom:0}
.home-technical-basis strong{color:#0a2438}

/* ---------- Footer: taxonomia isolada ---------- */
.brj-footer-grid{
  grid-template-columns:1.16fr .9fr 1fr .9fr .9fr 1.05fr !important;
  gap:28px !important;
}

.footer-credentials{
  display:flex;
  flex-wrap:wrap;
  gap:7px 8px;
  margin-top:14px;
}

.footer-credentials span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 9px;
  border:1px solid rgba(173,205,218,.16);
  border-radius:999px;
  color:#a9c4d0;
  font-size:.65rem;
  letter-spacing:.015em;
}

/* ---------- Quem Somos: registros ---------- */
.qs-credentials-section{
  background:#f6f9fa;
  border-top:1px solid #e5ecef;
  border-bottom:1px solid #e5ecef;
}

.qs-credentials-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:26px;
}

.qs-credentials-grid span{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:64px;
  padding:16px 18px;
  border:1px solid #dce7eb;
  border-radius:13px;
  background:#fff;
  color:#60727c;
  font-size:.78rem;
  font-weight:750;
}

.qs-credentials-grid strong{
  color:#0a2438;
  font-size:.86rem;
}

.qs-credentials-note{
  max-width:980px;
  margin:18px 0 0;
  color:#71818a;
  font-size:.75rem;
  line-height:1.55;
}

/* ---------- Responsivo ---------- */
@media(max-width:1180px){
  .brj-footer-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:980px){
  .home-technical-basis-grid{
    grid-template-columns:1fr;
    gap:20px;
  }

  .qs-credentials-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:680px){
  .hero h1{
    font-size:clamp(2.35rem,12vw,3.35rem);
  }

  .technical-board-v2{
    padding:16px;
    border-radius:20px;
  }

  .building-wireframe-v2{
    height:260px;
  }

  .diag-tag{
    font-size:.5rem;
    padding:5px 6px;
  }

  .home-technical-basis{
    padding:34px 0;
  }

  .brj-footer-grid{
    grid-template-columns:1fr !important;
  }

  .qs-credentials-grid{
    grid-template-columns:1fr;
  }
}