/* QUALITY V4.1: somente enquadramento e paleta do Bloco 03. */
/* Todos os efeitos, estrutura e scripts V4 permanecem inalterados. */
.segments{
  padding:clamp(38px,3.5vw,56px) clamp(24px,4.2vw,76px) clamp(48px,4vw,70px);
  background:radial-gradient(ellipse at 88% 36%,rgba(134,160,181,.22),transparent 45%),
    linear-gradient(130deg,#e8e8e6 0%,#e1e7eb 56%,#cbd8e3 100%);
  color:#14293e;
}
.segments:before{
  opacity:.24;
  background-image:linear-gradient(#849caf 1px,transparent 1px),linear-gradient(90deg,#849caf 1px,transparent 1px);
  background-size:74px 74px;
  mask-image:linear-gradient(90deg,transparent 0%,black 100%);
}
.segments-inner{max-width:1500px}
.segments-intro{max-width:1200px}
.segments-index,.segments-instruction,.segment-copy-index{color:#205394}
.segments-intro h2{
  max-width:1160px;
  font-size:clamp(30px,3vw,49px);
  line-height:1.13;
  letter-spacing:-.035em;
  margin:10px 0 9px;
  color:#14293e;
}
.segments-intro h2 em{color:#205394}
.segments-intro>p{
  max-width:1060px;
  font-size:clamp(13px,.98vw,16px);
  line-height:1.5;
  color:#40566b;
  margin:0;
}
.segments-instruction{margin-top:19px;font-size:10px}
.segments-layout{
  grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);
  gap:clamp(22px,3.6vw,62px);
  margin-top:18px;
  align-items:start;
}
.segments-tabs{border-top:1px solid #b1c1ce}
.segment-tab{
  min-height:60px;
  padding:10px 12px;
  border-bottom:1px solid #b1c1ce;
  color:#263c50;
}
.segment-tab>span{color:#456a8e}
.segment-tab strong{font-size:clamp(14px,1.05vw,17px);font-weight:500}
.segment-tab:hover,.segment-tab:focus-visible{
  background:rgba(32,83,148,.075);color:#14293e;
}
.segment-tab.is-selected{background:#14293e;color:#e8e8e6}
.segment-tab.is-selected>span{color:#b0c7da}
.segment-tab:focus-visible{outline-color:#205394}
/* A arte permanece escura para ser o foco visual da composição. */
.segment-scene{height:clamp(220px,19vw,290px);border-color:#879fb3}
.segment-copy{padding-top:14px}
.segment-copy h3{font-size:clamp(24px,2.1vw,34px);margin:6px 0 7px;color:#14293e}
.segment-copy p{color:#40566b;font-size:clamp(13px,.98vw,15px);line-height:1.5;margin:0}
.segment-copy a{color:#14293e;border-color:#205394;margin-top:5px;padding:10px 0}
.segment-copy a:hover{color:#205394}
.segment-copy a:focus-visible{outline-color:#205394}
@media(max-width:900px){
 .segments{padding:44px 26px 55px}
 .segments-layout{grid-template-columns:minmax(200px,.75fr) minmax(0,1.25fr);gap:22px}
 .segment-tab{min-height:62px;gap:10px}
 .segment-scene{height:240px}
}
@media(max-width:700px){
 .segments{padding:54px 22px 62px}
 .segments-intro h2{font-size:clamp(30px,8vw,43px);margin:12px 0}
 .segments-instruction{margin-top:20px}
 .segments-accordion{margin-top:18px}
 .segment-mobile{border-color:#b1c1ce;background:#e3e9ed;color:#14293e}
 .segment-mobile[open]{background:#d6e1e9;border-color:#7396b4}
 .segment-mobile summary span{color:#205394}
 .segment-mobile-body p{color:#40566b}
 .segment-mobile-body a{color:#14293e;border-color:#205394}
 .segment-mobile summary:focus-visible{outline-color:#205394}
}