/* ==========================================================================
   LAUDIX · PÁGINAS INTERNAS
   Cabeçalho de página, prosa técnica e blocos de conteúdo.
   ========================================================================== */

/* ==========================================================================
   CABEÇALHO DE PÁGINA
   ========================================================================== */

.phead{
  position:relative;
  padding-top:calc(var(--nav-h) + clamp(56px,7vw,104px));
  padding-bottom:clamp(48px,5vw,80px);
  border-bottom:1px solid var(--lx-line);
  overflow:hidden;
  background:
    radial-gradient(70% 90% at 12% 0%, rgba(240,180,41,.055), transparent 62%),
    var(--lx-base);
}
.phead__in{
  position:relative; z-index:2;
  max-width:var(--maxw);
  margin-inline:auto;
  padding-inline:var(--gutter);
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(28px,4vw,72px);
  align-items:end;
}
@media (max-width:900px){ .phead__in{ grid-template-columns:1fr; align-items:start; } }
.phead h1{
  font-size:clamp(30px,4.4vw,56px);
  line-height:1.06;
  letter-spacing:var(--ls-tighter);
  margin-bottom:var(--sp-5);
  max-width:22ch;
}
.phead .lead{ font-size:var(--t-lg); }

/* Migalhas */
.crumbs{
  display:flex; align-items:center; gap:9px; flex-wrap:wrap;
  margin-bottom:var(--sp-5);
  font-family:var(--f-mono); font-size:var(--t-mono);
  letter-spacing:var(--ls-wide); text-transform:uppercase;
  color:var(--lx-text-4);
}
.crumbs a{ color:var(--lx-text-3); }
.crumbs a:hover{ color:var(--lx-gold); }
.crumbs span[aria-hidden]{ color:var(--lx-text-4); }

/* Painel de resumo lateral */
.phead__side{
  border:1px solid var(--lx-line-2);
  border-radius:var(--r-lg);
  background:var(--lx-panel);
  overflow:hidden;
}
.phead__side-hd{
  padding:11px 15px;
  border-bottom:1px solid var(--lx-line);
  background:rgba(255,255,255,.02);
}
.phead__side-bd{ padding:var(--sp-5); display:grid; gap:var(--sp-4); }

/* ==========================================================================
   PROSA TÉCNICA
   ========================================================================== */

.prose{ max-width:76ch; }
.prose > * + *{ margin-top:1.1em; }
.prose h2{
  font-size:clamp(22px,2.4vw,32px);
  margin-top:2.2em;
  letter-spacing:var(--ls-tight);
}
.prose h3{
  font-size:var(--t-xl);
  margin-top:1.8em;
  color:var(--lx-text);
}
.prose h2:first-child,
.prose h3:first-child{ margin-top:0; }
.prose p{
  font-size:var(--t-base);
  line-height:var(--lh-relaxed);
  color:var(--lx-text-2);
}
.prose ul,.prose ol{
  padding-left:1.35em;
  color:var(--lx-text-2);
  font-size:var(--t-base);
  line-height:var(--lh-relaxed);
}
.prose li + li{ margin-top:.55em; }
.prose li::marker{ color:var(--lx-gold); }
.prose strong{ color:var(--lx-text); font-weight:600; }
.prose a{ color:var(--lx-gold); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }
.prose a:hover{ color:var(--lx-gold-2); }
.prose code{
  font-family:var(--f-mono); font-size:.88em;
  padding:2px 6px; border-radius:var(--r-xs);
  background:var(--lx-panel-2); border:1px solid var(--lx-line);
  color:var(--lx-gold);
}
.prose blockquote{
  margin:1.6em 0;
  padding:var(--sp-4) var(--sp-5);
  border-left:2px solid var(--lx-gold);
  background:var(--lx-gold-a12);
  border-radius:0 var(--r-sm) var(--r-sm) 0;
  color:var(--lx-text-2);
  font-size:15px;
}
.prose hr{ margin:2.4em 0; border:0; height:1px; background:var(--lx-line-2); }
.prose table{ width:100%; border-collapse:collapse; font-size:14.5px; margin:1.6em 0; }
.prose th,.prose td{ padding:11px 14px; text-align:left; border-bottom:1px solid var(--lx-line); }
.prose th{
  font-family:var(--f-mono); font-size:var(--t-mono);
  letter-spacing:var(--ls-wide); text-transform:uppercase;
  color:var(--lx-text-4);
}

/* Nota de rodapé / base regulatória */
.note{
  margin-top:var(--sp-7);
  padding:var(--sp-4) var(--sp-5);
  border:1px solid var(--lx-line);
  border-left:2px solid var(--lx-line-3);
  border-radius:0 var(--r-sm) var(--r-sm) 0;
  background:var(--lx-panel);
  font-size:13.5px;
  line-height:1.66;
  color:var(--lx-text-3);
}
.note b{ color:var(--lx-text-2); font-weight:600; }

/* ==========================================================================
   LISTA DE VERIFICAÇÃO (NR-1)
   ========================================================================== */

.checklist{
  list-style:none; margin:0; padding:0;
  display:grid; gap:10px;
  counter-reset:ck;
}
.checklist li{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:clamp(14px,2vw,22px);
  padding:clamp(18px,2vw,24px);
  background:var(--lx-panel);
  border:1px solid var(--lx-line);
  border-radius:var(--r-md);
  transition:border-color var(--d-base) var(--e-out), background var(--d-base) var(--e-out);
}
.checklist li:hover{ border-color:var(--lx-line-3); background:var(--lx-panel-2); }
.checklist .num{
  counter-increment:ck;
  width:34px; height:34px; flex:none;
  display:grid; place-items:center;
  border:1px solid var(--lx-line-2);
  border-radius:var(--r-sm);
  font-family:var(--f-mono); font-size:var(--t-mono-lg);
  color:var(--lx-text-3);
}
.checklist .num::before{ content:counter(ck, decimal-leading-zero); }
.checklist li:hover .num{ color:var(--lx-gold); border-color:var(--lx-gold-a40); }
.checklist strong{
  display:block;
  font-size:var(--t-lg);
  color:var(--lx-text);
  margin-bottom:6px;
  font-weight:600;
}
.checklist p{
  margin:0;
  font-size:14.5px;
  line-height:1.64;
  color:var(--lx-text-2);
}
.checklist li.is-new{ border-color:var(--lx-gold-a24); }
.checklist li.is-new::after{
  content:'ATUALIZADO 2026';
  position:absolute; top:0; right:0;
  padding:4px 10px;
  font-family:var(--f-mono); font-size:9.5px;
  letter-spacing:var(--ls-wide);
  color:var(--lx-void);
  background:var(--lx-gold);
  border-radius:0 var(--r-md) 0 var(--r-sm);
}

/* ==========================================================================
   GRADE DE RECURSOS
   ========================================================================== */

.fgrid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(258px, 1fr));
  gap:clamp(10px,1.2vw,16px);
}

/* ==========================================================================
   COMPARATIVO (Canteiro Prime)
   ========================================================================== */

.compare{
  width:100%;
  border-collapse:collapse;
  border:1px solid var(--lx-line);
  border-radius:var(--r-md);
  overflow:hidden;
  font-size:14.5px;
}
.compare th,.compare td{
  padding:16px 18px;
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid var(--lx-line);
}
.compare thead th{
  background:var(--lx-panel);
  font-family:var(--f-mono); font-size:var(--t-mono);
  letter-spacing:var(--ls-wide); text-transform:uppercase;
  color:var(--lx-text-3);
  white-space:nowrap;
}
.compare thead th:last-child{ color:var(--lx-gold); }
.compare tbody tr:last-child td{ border-bottom:0; }
.compare tbody tr:nth-child(even){ background:rgba(255,255,255,.012); }
.compare td:first-child{ color:var(--lx-text); font-weight:500; }
.compare td{ color:var(--lx-text-2); }
@media (max-width:760px){
  .compare{ font-size:13.5px; }
  .compare th,.compare td{ padding:12px; }
}

/* ==========================================================================
   GRADE DE FATOS (jurídico)
   ========================================================================== */

.facts{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(210px,1fr));
  gap:1px;
  background:var(--lx-line);
  border:1px solid var(--lx-line);
  border-radius:var(--r-md);
  overflow:hidden;
  margin:1.6em 0;
}
.facts > div{
  background:var(--lx-panel);
  padding:var(--sp-5);
}
.facts dt{
  font-family:var(--f-mono); font-size:var(--t-mono);
  letter-spacing:var(--ls-wide); text-transform:uppercase;
  color:var(--lx-text-4);
  margin-bottom:8px;
}
.facts dd{
  margin:0;
  font-size:15px;
  color:var(--lx-text);
  line-height:1.5;
}

/* Demonstração em vídeo (canteiro-prime.html): capa local; o iframe do YouTube só entra no clique. */
.video-yt{ position:relative; aspect-ratio:16/9; max-width:1040px; margin:0 auto; border-radius:14px; overflow:hidden;
  background:#0B1426; border:1px solid var(--lx-line); box-shadow:0 30px 80px rgba(0,0,0,.5); }
.video-yt iframe{ width:100%; height:100%; border:0; display:block; }
.video-yt__capa{ all:unset; position:relative; display:block; width:100%; height:100%; cursor:pointer; }
.video-yt__capa:focus-visible{ outline:3px solid var(--lx-gold); outline-offset:-3px; }
.video-yt__capa img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s; }
.video-yt__capa:hover img{ transform:scale(1.02); }
.video-yt__play{ position:absolute; inset:0; margin:auto; width:84px; height:84px; border-radius:50%; display:grid;
  place-items:center; background:var(--lx-gold); color:#0B0D11; box-shadow:0 8px 28px rgba(0,0,0,.5); }
.video-yt__play svg{ margin-left:5px; }
.video-yt__rot{ position:absolute; left:0; right:0; bottom:0; padding:28px 18px 14px; color:#fff; font-weight:600;
  background:linear-gradient(transparent, rgba(11,13,17,.92)); }
.video-yt__nota{ text-align:center; margin:14px 0 0; font-size:12.5px; }
@media (max-width:600px){ .video-yt__play{ width:56px; height:56px; } .video-yt__play svg{ width:24px; height:24px; }
  .video-yt__rot{ padding:18px 12px 8px; font-size:13px; } }
/* Tabela larga na prosa (guias): rola dentro do bloco no celular, sem empurrar a página. */
@media (max-width:760px){ .prose table{ display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; } }