/* v3: preenchido pelo agente responsável (v3-dados.css). Escopo .v3-dados — página /dados. */

.v3-dados h1 {max-width:24ch}

/* Composição "do dado bruto ao padrão": copy à esquerda, peças visuais reais à direita. */
.v3-dados .v3-data-composition {display:grid;grid-template-columns:.92fr 1.08fr;gap:60px;align-items:start}
.v3-dados .v3-data-blocks {display:flex;flex-direction:column}
.v3-dados .v3-data-blocks article {border-top:1px solid var(--border);padding:26px 0}
.v3-dados .v3-data-blocks article:first-child {padding-top:0;border-top:0}
.v3-dados .v3-data-blocks h3 {font-size:19px;margin-bottom:12px}
.v3-dados .v3-data-blocks p {color:var(--fg-2);font-size:14.5px;max-width:52ch}
.v3-dados .v3-data-blocks p:last-child {margin-bottom:0}

.v3-dados .v3-data-visuals {display:flex;flex-direction:column;gap:22px;min-width:0}

/* Tela de padrões em moldura de produto (reaproveita .product-frame de site.css). */
.v3-dados .v3-data-laptop {min-width:0}
.v3-dados .v3-data-laptop .product-frame {margin:0}

.v3-dados .v3-data-pair {display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.v3-dados .v3-data-frame {min-width:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--bg-2)}
.v3-dados .v3-data-frame img {width:100%;height:auto;display:block}
.v3-dados .v3-data-frame figcaption {padding:14px 16px;font-size:12px;line-height:1.5;color:var(--muted)}

/* Esquema e diagrama ilustrativo, largura total, um abaixo do outro. */
.v3-dados .v3-data-diagrams {display:flex;flex-direction:column;gap:28px}
.v3-dados .v3-data-diagram {border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--bg-2)}
.v3-dados .v3-data-diagram img {width:100%;height:auto;display:block}
.v3-dados .v3-data-diagram figcaption {padding:16px 22px;font-size:13px;line-height:1.55;color:var(--muted);border-top:1px solid var(--border)}

@media(max-width:1100px) {
  .v3-dados .v3-data-composition {gap:36px}
}
@media(max-width:960px) {
  .v3-dados .v3-data-composition {grid-template-columns:1fr;gap:40px}
}
@media(max-width:720px) {
  .v3-dados h1 {max-width:none}
  .v3-dados .v3-data-composition {gap:34px}
  .v3-dados .v3-data-blocks article {padding:20px 0}
  .v3-dados .v3-data-pair {grid-template-columns:1fr;gap:16px}
  .v3-dados .v3-data-diagrams {gap:20px}
  .v3-dados .v3-data-diagram figcaption,.v3-dados .v3-data-frame figcaption {padding:13px 16px;font-size:11.5px}
}