/* tecnologia.css — página "Tecnologia e Informação" (/tecnologia).
   Linguagem do site: creme de papel, tinta grafite, latão dourado e o traço
   da assinatura do "S". Metáfora: os autos de um processo — protocolo,
   trilha de custódia, selo de conferência. Sem JS, tudo fica legível. */

:root {
    --papel: #F4F1EC;
    --papel-fundo: #FAF8F4;
    --folha: #FFFFFF;
    --tinta: #1E2022;
    --grafite: #34373A;
    --nanquim-suave: #5C6266;
    --latao: #CF9D68;
    --latao-escuro: #9A6A3A;
    --latao-vela: rgba(207, 157, 104, 0.14);
    --fio: rgba(30, 32, 34, 0.08);
    --fio-forte: rgba(30, 32, 34, 0.14);
    --protocolo: ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;
    --curva: cubic-bezier(0.16, 1, 0.3, 1);
}

body.tec { background: var(--papel-fundo); color: var(--tinta); }
.tec .header { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background: rgba(255,255,255,0.96); box-shadow: 0 1px 0 var(--fio); }
.tec main { overflow-x: clip; }

/* Rótulo de protocolo (monoespaçado, como numeração de folhas). */
.tec-protocolo { font-family: var(--protocolo); font-size: 0.72rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--latao-escuro); }

/* ---------- Abertura ---------- */
.tec-abertura { position: relative; padding: 168px 0 96px; background: var(--papel); border-bottom: 1px solid var(--fio); overflow: hidden; }
.tec-abertura::before {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background:
        radial-gradient(ellipse 60% 70% at 85% 40%, rgba(207,157,104,0.16), transparent 60%),
        repeating-linear-gradient(0deg, transparent 0 31px, rgba(30,32,34,0.035) 31px 32px);
}
.tec-abertura .container { position: relative; display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 64px; align-items: center; }
.tec-abertura h1 { font-size: clamp(2.3rem, 1.4rem + 3.6vw, 4.3rem); line-height: 1.04; font-weight: 300; letter-spacing: -0.03em; margin: 20px 0 24px; color: var(--tinta); }
.tec-abertura h1 strong { font-weight: 700; display: block; }
.tec-abertura .lead { font-size: 1.12rem; line-height: 1.7; color: var(--grafite); max-width: 560px; margin: 0 0 32px; }
.tec-acoes { display: flex; flex-wrap: wrap; gap: 12px; }
.tec-botao { display: inline-flex; align-items: center; gap: 10px; padding: 14px 24px; border-radius: 999px; font-weight: 600; font-size: 0.92rem; text-decoration: none; transition: transform 0.25s var(--curva), box-shadow 0.25s ease, background 0.25s ease; }
.tec-botao.cheio { background: var(--tinta); color: #fff; }
.tec-botao.cheio:hover { transform: translateY(-2px); box-shadow: 0 14px 30px -14px rgba(30,32,34,0.55); }
.tec-botao.linha { border: 1px solid var(--fio-forte); color: var(--tinta); background: rgba(255,255,255,0.6); }
.tec-botao.linha:hover { border-color: var(--latao); }
.tec-botao:focus-visible, .tec button:focus-visible, .tec a:focus-visible { outline: 2px solid var(--latao); outline-offset: 3px; }

/* Selo giratório: o compromisso escrito em volta do "S". */
.tec-selo { position: relative; width: min(380px, 80vw); aspect-ratio: 1; margin-inline: auto; }
.tec-selo svg { width: 100%; height: 100%; overflow: visible; }
.tec-selo .anel-texto { font-family: var(--protocolo); font-size: 12.5px; letter-spacing: 3.2px; fill: var(--grafite); text-transform: uppercase; }
.tec-selo .gira { transform-origin: 200px 200px; animation: tec-gira 60s linear infinite; }
@keyframes tec-gira { to { transform: rotate(360deg); } }
.tec-selo .s-traco { fill: none; stroke: var(--latao); stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1 2; stroke-dashoffset: 1; }
/* A assinatura do "S" se desenha como na logo do topo: mesmos traços, mesma ordem e ritmo. */
.tec-selo.assinando .s-traco { animation: tec-assina var(--t) var(--d) cubic-bezier(0.45, 0.05, 0.4, 1) both; }
@keyframes tec-assina { 0% { stroke-dashoffset: 1; opacity: 0; } 3% { opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 1; } }
.tec-selo.pronta .s-traco { stroke-dashoffset: 0; }
.tec-selo .data { font-family: var(--protocolo); font-size: 10px; letter-spacing: 1.8px; fill: var(--latao-escuro); }

/* ---------- Corpo com trilha de custódia ---------- */
.tec-corpo { position: relative; }
.tec-trilha { position: absolute; top: 0; bottom: 0; left: max(24px, calc(50% - 600px)); width: 2px; pointer-events: none; z-index: 1; }
.tec-trilha::before { content: ""; position: absolute; inset: 0; background: var(--fio); }
.tec-trilha i { position: absolute; left: 0; top: 0; width: 2px; height: 100%; background: linear-gradient(var(--latao), #e2bf95); transform-origin: top; transform: scaleY(var(--prog, 0)); }

.tec-secao { position: relative; padding: 112px 0; }
.tec-secao + .tec-secao { border-top: 1px solid var(--fio); }
.tec-secao .container { position: relative; padding-left: 72px; }
.tec-no { position: absolute; left: max(24px, calc(50% - 600px)); top: 120px; width: 22px; height: 22px; margin-left: -10px; border-radius: 50%; background: var(--papel-fundo); border: 1.5px solid var(--fio-forte); z-index: 2; display: grid; place-items: center; transition: border-color 0.4s ease, background 0.4s ease, transform 0.5s var(--curva); }
.tec-no::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--fio-forte); transition: background 0.4s ease; }
.tec-secao.passou .tec-no { border-color: var(--latao); background: #fff; transform: scale(1.12); }
.tec-secao.passou .tec-no::after { background: var(--latao); }

.tec-cabeca { max-width: 720px; margin-bottom: 56px; }
.tec-cabeca h2 { font-size: clamp(1.8rem, 1.2rem + 1.8vw, 2.7rem); line-height: 1.12; font-weight: 300; letter-spacing: -0.02em; margin: 14px 0 16px; }
.tec-cabeca h2 strong { font-weight: 700; }
.tec-cabeca p { font-size: 1.05rem; line-height: 1.75; color: var(--grafite); margin: 0; }

/* Índice lateral em abas de pasta (desktop). */
.tec-indice { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 900; display: flex; flex-direction: column; gap: 6px; }
.tec-indice a { display: flex; align-items: center; gap: 10px; padding: 9px 16px 9px 14px; background: rgba(255,255,255,0.86); backdrop-filter: blur(10px); border: 1px solid var(--fio); border-right: 0; border-radius: 10px 0 0 10px; font-size: 0.74rem; font-weight: 600; color: var(--nanquim-suave); text-decoration: none; transform: translateX(calc(100% - 40px)); transition: transform 0.45s var(--curva), color 0.3s ease, border-color 0.3s ease; }
.tec-indice a span.n { font-family: var(--protocolo); color: var(--latao-escuro); min-width: 16px; }
.tec-indice:hover a, .tec-indice a:focus-visible, .tec-indice a.ativa { transform: none; }
.tec-indice a.ativa { color: var(--tinta); border-color: var(--latao); }

/* ---------- 1. Compromissos ---------- */
.tec-compromissos { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; border: 1px solid var(--fio); border-radius: 18px; background: #fff; overflow: hidden; }
.tec-compromisso { position: relative; padding: 32px 24px 28px; border-right: 1px solid var(--fio); isolation: isolate; }
.tec-compromisso:last-child { border-right: 0; }
.tec-compromisso::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(260px circle at var(--mx, 50%) var(--my, 50%), var(--latao-vela), transparent 60%); opacity: 0; transition: opacity 0.35s ease; }
.tec-compromisso:hover::before { opacity: 1; }
.tec-compromisso .num { display: block; font-family: var(--protocolo); font-size: 0.72rem; color: var(--latao-escuro); letter-spacing: 0.12em; }
.tec-compromisso svg { display: block; width: 30px; height: 30px; margin: 18px 0 14px; stroke: var(--tinta); transition: transform 0.5s var(--curva); }
.tec-compromisso:hover svg { transform: translateY(-3px) rotate(-6deg); stroke: var(--latao-escuro); }
.tec-compromisso h3 { font-size: 1rem; font-weight: 700; margin: 0 0 8px; }
.tec-compromisso p { font-size: 0.86rem; line-height: 1.6; color: var(--nanquim-suave); margin: 0; }

/* ---------- 2. Fluxo de uma demanda (painel preso) ---------- */
.tec-fluxo { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 56px; align-items: start; }
.tec-etapas { list-style: none; margin: 0; padding: 0; counter-reset: etapa; }
.tec-etapa { counter-increment: etapa; }
.tec-etapa button { all: unset; box-sizing: border-box; cursor: pointer; display: grid; grid-template-columns: 44px 1fr; gap: 16px; width: 100%; padding: 22px 20px; border-radius: 14px; border: 1px solid transparent; transition: background 0.3s ease, border-color 0.3s ease; min-height: 44px; }
.tec-etapa button::before { content: counter(etapa, decimal-leading-zero); font-family: var(--protocolo); font-size: 0.8rem; color: var(--nanquim-suave); width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--fio-forte); display: grid; place-items: center; transition: all 0.35s var(--curva); }
.tec-etapa .t { font-weight: 700; font-size: 1.02rem; display: block; margin: 2px 0 4px; }
.tec-etapa .d { font-size: 0.88rem; line-height: 1.55; color: var(--nanquim-suave); display: block; }
.tec-etapa.ativa button { background: #fff; border-color: var(--fio); box-shadow: 0 14px 34px -22px rgba(30,32,34,0.35); }
.tec-etapa.ativa button::before { background: var(--tinta); color: var(--latao); border-color: var(--tinta); }
.tec-etapa.humano .t::after { content: "decisão humana"; margin-left: 10px; font-family: var(--protocolo); font-size: 0.62rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--latao-escuro); border: 1px solid rgba(207,157,104,0.55); border-radius: 999px; padding: 2px 8px; vertical-align: 2px; white-space: nowrap; display: inline-block; line-height: 1.5; }

.tec-painel { position: sticky; top: 120px; background: var(--tinta); color: #F4F1EC; border-radius: 22px; padding: 36px; min-height: 440px; overflow: hidden; isolation: isolate; }
.tec-painel::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(420px circle at 85% 0%, rgba(207,157,104,0.22), transparent 60%), repeating-linear-gradient(0deg, transparent 0 27px, rgba(255,255,255,0.03) 27px 28px); }
.tec-painel .tec-protocolo { color: var(--latao); }
.tec-painel h3 { font-size: 1.6rem; font-weight: 300; line-height: 1.2; margin: 12px 0 22px; color: #fff; min-height: 2.4em; }
.tec-painel dl { margin: 0; display: grid; gap: 18px; }
.tec-painel dt { font-family: var(--protocolo); font-size: 0.68rem; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(244,241,236,0.55); margin-bottom: 4px; }
.tec-painel dd { margin: 0; font-size: 0.98rem; line-height: 1.6; color: rgba(244,241,236,0.92); }
.tec-painel .troca { transition: opacity 0.35s ease, transform 0.35s var(--curva); }
.tec-painel.trocando .troca { opacity: 0; transform: translateY(8px); }
.tec-carimbo { position: absolute; right: 26px; bottom: 26px; width: 118px; height: 118px; transform: rotate(-14deg) scale(1.6); opacity: 0; transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.25s ease; pointer-events: none; }
.tec-carimbo.carimbado { opacity: 0.95; transform: rotate(-14deg) scale(1); }
.tec-carimbo circle, .tec-carimbo path { fill: none; stroke: var(--latao); }
.tec-carimbo text { fill: var(--latao); font-family: var(--protocolo); font-size: 9.5px; letter-spacing: 2px; }

/* ---------- 3. Ferramentas (fichas que viram) ---------- */
.tec-fichas { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; }
.tec-ficha { grid-column: span 2; perspective: 1400px; min-height: 380px; }
.tec-ficha.larga { grid-column: span 3; }
.tec-ficha-giro { position: relative; width: 100%; height: 100%; min-height: inherit; transform-style: preserve-3d; transition: transform 0.8s var(--curva); }
.tec-ficha.virada .tec-ficha-giro { transform: rotateY(180deg); }
.tec-face { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; border-radius: 20px; padding: 30px; display: flex; flex-direction: column; border: 1px solid var(--fio); background: #fff; overflow: hidden; isolation: isolate; }
.tec-face::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(300px circle at var(--mx, 50%) var(--my, 50%), var(--latao-vela), transparent 60%); opacity: 0; transition: opacity 0.35s ease; }
.tec-ficha:hover .tec-face::before { opacity: 1; }
.tec-verso { transform: rotateY(180deg); background: var(--tinta); color: #F4F1EC; border-color: var(--tinta); }
.tec-face .marca { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; background: var(--papel); border: 1px solid var(--fio); margin-bottom: 22px; }
.tec-face .marca svg { width: 26px; height: 26px; stroke: var(--tinta); }
.tec-face h3 { font-size: 1.35rem; font-weight: 700; margin: 6px 0 10px; }
.tec-face h3 small { display: block; font-size: 0.8rem; font-weight: 500; color: var(--nanquim-suave); margin-top: 4px; }
.tec-face p { font-size: 0.93rem; line-height: 1.65; color: var(--grafite); margin: 0; }
.tec-virar { all: unset; cursor: pointer; margin-top: auto; padding-top: 22px; display: inline-flex; align-items: center; gap: 8px; font-size: 0.82rem; font-weight: 700; color: var(--latao-escuro); min-height: 44px; }
.tec-virar svg { width: 16px; height: 16px; stroke: currentColor; transition: transform 0.3s ease; }
.tec-virar:hover svg { transform: rotate(-90deg); }
.tec-verso .tec-virar { color: var(--latao); }
.tec-verso dl { margin: 0; display: grid; gap: 14px; }
.tec-verso dt { font-family: var(--protocolo); font-size: 0.66rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--latao); margin-bottom: 3px; }
.tec-verso dd { margin: 0; font-size: 0.88rem; line-height: 1.55; color: rgba(244,241,236,0.9); }

/* Argos: os cem olhos que se acendem. */
.tec-olhos { display: grid; grid-template-columns: repeat(25, 7px); gap: 5px; margin: 14px 0 16px; }
.tec-olhos i { width: 7px; height: 7px; border-radius: 50%; background: rgba(30,32,34,0.1); transition: background 0.5s ease, transform 0.5s var(--curva); }
.tec-olhos i.aceso { background: var(--latao); transform: scale(1.15); }

/* ---------- 4. Frentes (abas de pasta) ---------- */
.tec-pasta { display: grid; grid-template-columns: 300px 1fr; gap: 0; }
.tec-abas { display: flex; flex-direction: column; gap: 6px; padding-top: 8px; }
.tec-aba { all: unset; cursor: pointer; display: flex; align-items: center; gap: 12px; padding: 16px 20px; border-radius: 14px 0 0 14px; border: 1px solid transparent; border-right: 0; font-weight: 600; font-size: 0.95rem; color: var(--nanquim-suave); position: relative; transition: color 0.3s ease, background 0.3s ease; min-height: 44px; }
.tec-aba svg { width: 20px; height: 20px; stroke: currentColor; flex: none; }
.tec-aba:hover { color: var(--tinta); }
.tec-aba[aria-selected="true"] { background: #fff; color: var(--tinta); border-color: var(--fio); margin-right: -1px; z-index: 2; }
.tec-aba[aria-selected="true"]::after { content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 3px; border-radius: 3px; background: var(--latao); }
.tec-folha { background: #fff; border: 1px solid var(--fio); border-radius: 0 20px 20px 20px; padding: 44px 48px; min-height: 380px; position: relative; overflow: hidden; }
.tec-folha::after { content: ""; position: absolute; right: -70px; bottom: -150px; width: 260px; height: 356px; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22190 150 190 260%22%3E%3Cg fill=%22none%22 stroke=%22%23CF9D68%22 stroke-opacity=%220.38%22 stroke-width=%221.4%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M289.5 282.2C289.2 281.7 288.3 280.1 287.9 279.1C287.6 278.0 287.3 276.8 287.3 275.7C287.4 274.6 287.7 273.4 288.1 272.2C288.6 271.1 289.3 270.0 290.0 268.9C290.7 267.9 291.6 266.8 292.5 265.8C293.3 264.8 294.2 263.8 295.1 262.8C296.0 261.7 296.9 260.8 297.8 259.8C298.7 258.7 299.6 257.8 300.5 256.8C301.4 255.8 302.3 254.8 303.2 253.8C304.2 252.8 305.1 251.8 306.0 250.8C306.9 249.8 307.8 248.8 308.8 247.8C309.7 246.8 310.6 245.8 311.5 244.8C312.4 243.8 313.3 242.8 314.2 241.8C315.1 240.8 316.0 239.8 316.9 238.8C317.8 237.8 318.7 236.8 319.6 235.8C320.5 234.8 321.4 233.8 322.2 232.8C323.1 231.8 324.0 230.8 324.9 229.8C325.8 228.8 326.7 227.8 327.6 226.8C328.4 225.7 329.3 224.8 330.2 223.7C331.0 222.7 331.9 221.7 332.7 220.7C333.6 219.7 334.4 218.7 335.2 217.7C336.1 216.6 336.9 215.6 337.7 214.6C338.6 213.5 339.4 212.5 340.2 211.4C341.0 210.4 341.9 209.3 342.7 208.2C343.5 207.2 344.3 206.1 345.0 205.0C345.8 203.9 346.6 202.8 347.3 201.7C348.0 200.7 348.7 199.6 349.4 198.5C350.1 197.4 350.7 196.3 351.3 195.1C351.9 194.0 352.5 192.8 353.0 191.7C353.4 190.5 353.9 189.3 354.2 188.0C354.4 186.8 354.7 185.5 354.7 184.3C354.7 183.0 354.6 181.7 354.4 180.5C354.1 179.3 353.7 178.1 353.1 177.0C352.5 175.9 351.7 174.9 350.9 174.0C350.0 173.1 349.0 172.2 348.0 171.5C347.0 170.8 345.8 170.2 344.7 169.7C343.5 169.1 342.3 168.7 341.1 168.4C339.9 168.0 338.6 167.8 337.4 167.5C336.1 167.3 334.8 167.2 333.5 167.0C332.2 166.9 330.8 166.9 329.5 166.8C328.2 166.8 326.8 166.8 325.5 166.8C324.2 166.9 322.8 167.0 321.5 167.0C320.2 167.1 318.8 167.2 317.5 167.4C316.2 167.5 314.8 167.7 313.5 167.8C312.2 168.0 310.9 168.2 309.6 168.5C308.3 168.7 307.0 168.9 305.8 169.2C304.5 169.4 303.2 169.7 301.9 169.9C300.6 170.2 299.4 170.4 298.1 170.7C296.8 171.0 295.5 171.3 294.3 171.6C293.0 171.9 291.8 172.2 290.5 172.5C289.2 172.8 288.0 173.2 286.8 173.5C285.5 173.9 284.2 174.2 283.0 174.6C281.8 175.0 280.5 175.4 279.3 175.8C278.0 176.2 276.8 176.6 275.6 177.0C274.4 177.4 273.2 177.8 271.9 178.2C270.7 178.6 269.5 178.9 268.3 179.3C267.1 179.7 265.9 180.1 264.7 180.6C263.5 181.0 262.3 181.4 261.1 181.8C259.9 182.3 258.7 182.7 257.5 183.2C256.3 183.7 255.2 184.1 254.0 184.6C252.8 185.1 251.7 185.6 250.5 186.1C249.3 186.6 248.2 187.1 247.0 187.6C245.8 188.2 244.7 188.7 243.5 189.3C242.3 189.9 241.2 190.4 240.0 191.0C238.8 191.6 237.7 192.2 236.5 192.9C235.4 193.5 234.2 194.1 233.1 194.8C232.0 195.5 230.9 196.2 229.8 196.9C228.7 197.6 227.6 198.4 226.5 199.1C225.5 199.9 224.4 200.7 223.4 201.5C222.3 202.4 221.3 203.2 220.3 204.1C219.3 204.9 218.3 205.8 217.4 206.7C216.5 207.7 215.6 208.6 214.7 209.6C213.8 210.6 213.0 211.6 212.2 212.7C211.4 213.7 210.7 214.8 210.0 215.9C209.3 217.0 208.6 218.2 208.1 219.3C207.5 220.5 207.0 221.7 206.6 222.9C206.3 224.1 205.9 225.4 205.7 226.6C205.5 227.9 205.3 229.2 205.3 230.5C205.2 231.8 205.3 233.2 205.4 234.4C205.5 235.7 205.7 237.0 206.0 238.3C206.2 239.5 206.6 240.7 207.0 241.9C207.5 243.1 208.0 244.2 208.6 245.4C209.1 246.5 209.8 247.6 210.5 248.7C211.2 249.8 211.9 250.8 212.7 251.9C213.5 252.9 214.4 253.9 215.3 254.9C216.2 255.9 217.1 256.9 218.1 257.8C219.0 258.8 220.0 259.7 221.0 260.6C222.0 261.4 223.1 262.3 224.1 263.1C225.2 263.9 226.2 264.6 227.3 265.3C228.4 266.1 229.5 266.8 230.6 267.5C231.7 268.1 232.9 268.8 234.0 269.5C235.2 270.1 236.3 270.7 237.5 271.3C238.7 271.9 239.8 272.5 241.0 273.0C242.2 273.6 243.3 274.1 244.5 274.6C245.6 275.1 246.8 275.6 247.9 276.0C249.1 276.5 250.2 276.9 251.3 277.3C252.4 277.7 254.0 278.3 254.5 278.5 C260.0 280.7 262.9 281.3 268.5 283.2 C269.1 283.4 270.9 284.0 272.2 284.4C273.4 284.8 274.6 285.1 275.8 285.6C277.0 286.0 278.2 286.4 279.4 286.8C280.6 287.3 281.8 287.7 282.9 288.2C284.0 288.6 285.1 289.0 286.2 289.5C287.2 289.9 288.7 290.5 289.2 290.8 C302.3 298.7 312.4 300.8 319.2 314.5 C319.5 315.1 320.3 316.9 320.8 318.1C321.3 319.3 321.7 320.6 322.1 321.8C322.4 323.1 322.7 324.3 322.9 325.6C323.1 326.9 323.2 328.2 323.3 329.5C323.4 330.7 323.4 332.0 323.3 333.2C323.3 334.3 323.2 335.3 323.1 336.3C323.0 337.2 322.8 338.3 322.8 338.8%22/%3E%3Cpath d=%22M341.5 300.2C341.0 300.7 339.5 302.1 338.5 303.0C337.5 303.9 336.5 304.8 335.5 305.7C334.5 306.7 333.5 307.6 332.5 308.5C331.5 309.4 330.5 310.3 329.5 311.2C328.5 312.1 327.5 312.9 326.5 313.8C325.5 314.7 324.6 315.6 323.6 316.5C322.6 317.4 321.6 318.3 320.7 319.2C319.7 320.1 318.7 320.9 317.7 321.8C316.7 322.7 315.7 323.6 314.7 324.5C313.8 325.4 312.7 326.3 311.8 327.2C310.8 328.1 309.8 328.9 308.8 329.8C307.8 330.7 306.8 331.6 305.8 332.5C304.8 333.4 303.7 334.3 302.8 335.2C301.8 336.1 300.7 336.9 299.8 337.8C298.8 338.7 297.8 339.6 296.8 340.5C295.8 341.4 294.9 342.3 294.0 343.1C293.0 344.0 291.7 345.3 291.2 345.8 C284.2 352.8 279.5 355.2 272.5 362.2 C272.0 362.7 270.7 364.2 269.8 365.2C268.8 366.1 267.9 367.1 266.9 368.1C266.0 369.1 265.0 370.0 264.0 371.0C263.0 372.0 262.0 373.0 261.0 374.0C260.1 375.0 259.1 376.0 258.1 377.0C257.2 378.0 256.2 379.0 255.3 380.0C254.4 381.0 253.5 382.0 252.6 383.0C251.7 384.0 250.9 385.0 250.0 386.0C249.2 387.1 248.3 388.1 247.5 389.1C246.7 390.2 245.9 391.2 245.2 392.3C244.5 393.4 243.8 394.5 243.4 395.6C242.9 396.6 242.5 397.7 242.5 398.6C242.5 399.5 242.7 400.4 243.2 400.9C243.7 401.4 244.5 401.7 245.5 401.8C246.4 401.9 247.6 401.7 248.7 401.4C249.8 401.2 251.0 400.7 252.2 400.3C253.4 399.8 254.6 399.3 255.7 398.8C256.9 398.2 258.1 397.7 259.2 397.1C260.4 396.6 261.5 396.0 262.7 395.4C263.8 394.8 264.9 394.2 266.1 393.6C267.2 392.9 268.4 392.3 269.5 391.7C270.6 391.0 271.8 390.4 272.9 389.7C274.0 389.1 275.1 388.4 276.2 387.7C277.3 387.1 278.4 386.4 279.5 385.7C280.6 385.0 281.7 384.3 282.8 383.6C283.8 382.9 284.9 382.2 286.0 381.4C287.1 380.7 288.2 379.9 289.2 379.1C290.3 378.3 291.4 377.5 292.5 376.7C293.5 375.9 294.6 375.1 295.6 374.2C296.7 373.4 297.7 372.6 298.7 371.7C299.7 370.9 300.6 370.1 301.5 369.4C302.4 368.6 303.2 367.9 304.0 367.3C304.7 366.6 305.7 365.8 306.0 365.5%22/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain; transform: rotate(-12deg); pointer-events: none; }
.tec-folha [role="tabpanel"] { animation: tec-folha-entra 0.5s var(--curva); }
.tec-folha [role="tabpanel"][hidden] { display: none; }
@keyframes tec-folha-entra { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.tec-folha h3 { font-size: 1.6rem; font-weight: 300; margin: 10px 0 14px; }
.tec-folha h3 strong { font-weight: 700; }
.tec-folha > div > p { font-size: 1rem; line-height: 1.75; color: var(--grafite); max-width: 640px; }
.tec-itens { list-style: none; padding: 0; margin: 22px 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 28px; }
.tec-itens li { position: relative; padding-left: 26px; font-size: 0.92rem; line-height: 1.55; color: var(--grafite); }
.tec-itens li::before { content: ""; position: absolute; left: 0; top: 0.5em; width: 12px; height: 1.5px; background: var(--latao); }

/* ---------- 5. Limites declarados ---------- */
.tec-limites { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.tec-limite { position: relative; background: #fff; border: 1px solid var(--fio); border-radius: 18px; padding: 28px 26px 26px 26px; overflow: hidden; }
.tec-limite .nao { font-family: var(--protocolo); font-size: 0.68rem; letter-spacing: 0.16em; text-transform: uppercase; color: #8C5A4A; display: inline-flex; align-items: center; gap: 8px; }
.tec-limite .nao::before { content: ""; width: 18px; height: 1.5px; background: currentColor; }
.tec-limite p { margin: 12px 0 0; font-size: 1rem; line-height: 1.6; color: var(--tinta); font-weight: 500; }
.tec-limite { transition: border-color 0.3s ease, transform 0.4s var(--curva); }
.tec-limite:hover { border-color: rgba(140,90,74,0.35); transform: translateY(-3px); }
.tec-limite::after { content: ""; position: absolute; left: 26px; right: 26px; bottom: 18px; height: 1.5px; background: linear-gradient(90deg, #8C5A4A, rgba(140,90,74,0)); transform: scaleX(0); transform-origin: left; transition: transform 1.1s 0.25s var(--curva); }
.js-tec .tec-limite.vis::after, .tec-limite:hover::after { transform: scaleX(1); }
.tec-limite::before { content: ""; position: absolute; right: -34px; top: -46px; width: 110px; height: 150px; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22190 150 190 260%22%3E%3Cg fill=%22none%22 stroke=%22%23CF9D68%22 stroke-opacity=%220.42%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-dasharray=%223 4%22%3E%3Cpath d=%22M289.5 282.2C289.2 281.7 288.3 280.1 287.9 279.1C287.6 278.0 287.3 276.8 287.3 275.7C287.4 274.6 287.7 273.4 288.1 272.2C288.6 271.1 289.3 270.0 290.0 268.9C290.7 267.9 291.6 266.8 292.5 265.8C293.3 264.8 294.2 263.8 295.1 262.8C296.0 261.7 296.9 260.8 297.8 259.8C298.7 258.7 299.6 257.8 300.5 256.8C301.4 255.8 302.3 254.8 303.2 253.8C304.2 252.8 305.1 251.8 306.0 250.8C306.9 249.8 307.8 248.8 308.8 247.8C309.7 246.8 310.6 245.8 311.5 244.8C312.4 243.8 313.3 242.8 314.2 241.8C315.1 240.8 316.0 239.8 316.9 238.8C317.8 237.8 318.7 236.8 319.6 235.8C320.5 234.8 321.4 233.8 322.2 232.8C323.1 231.8 324.0 230.8 324.9 229.8C325.8 228.8 326.7 227.8 327.6 226.8C328.4 225.7 329.3 224.8 330.2 223.7C331.0 222.7 331.9 221.7 332.7 220.7C333.6 219.7 334.4 218.7 335.2 217.7C336.1 216.6 336.9 215.6 337.7 214.6C338.6 213.5 339.4 212.5 340.2 211.4C341.0 210.4 341.9 209.3 342.7 208.2C343.5 207.2 344.3 206.1 345.0 205.0C345.8 203.9 346.6 202.8 347.3 201.7C348.0 200.7 348.7 199.6 349.4 198.5C350.1 197.4 350.7 196.3 351.3 195.1C351.9 194.0 352.5 192.8 353.0 191.7C353.4 190.5 353.9 189.3 354.2 188.0C354.4 186.8 354.7 185.5 354.7 184.3C354.7 183.0 354.6 181.7 354.4 180.5C354.1 179.3 353.7 178.1 353.1 177.0C352.5 175.9 351.7 174.9 350.9 174.0C350.0 173.1 349.0 172.2 348.0 171.5C347.0 170.8 345.8 170.2 344.7 169.7C343.5 169.1 342.3 168.7 341.1 168.4C339.9 168.0 338.6 167.8 337.4 167.5C336.1 167.3 334.8 167.2 333.5 167.0C332.2 166.9 330.8 166.9 329.5 166.8C328.2 166.8 326.8 166.8 325.5 166.8C324.2 166.9 322.8 167.0 321.5 167.0C320.2 167.1 318.8 167.2 317.5 167.4C316.2 167.5 314.8 167.7 313.5 167.8C312.2 168.0 310.9 168.2 309.6 168.5C308.3 168.7 307.0 168.9 305.8 169.2C304.5 169.4 303.2 169.7 301.9 169.9C300.6 170.2 299.4 170.4 298.1 170.7C296.8 171.0 295.5 171.3 294.3 171.6C293.0 171.9 291.8 172.2 290.5 172.5C289.2 172.8 288.0 173.2 286.8 173.5C285.5 173.9 284.2 174.2 283.0 174.6C281.8 175.0 280.5 175.4 279.3 175.8C278.0 176.2 276.8 176.6 275.6 177.0C274.4 177.4 273.2 177.8 271.9 178.2C270.7 178.6 269.5 178.9 268.3 179.3C267.1 179.7 265.9 180.1 264.7 180.6C263.5 181.0 262.3 181.4 261.1 181.8C259.9 182.3 258.7 182.7 257.5 183.2C256.3 183.7 255.2 184.1 254.0 184.6C252.8 185.1 251.7 185.6 250.5 186.1C249.3 186.6 248.2 187.1 247.0 187.6C245.8 188.2 244.7 188.7 243.5 189.3C242.3 189.9 241.2 190.4 240.0 191.0C238.8 191.6 237.7 192.2 236.5 192.9C235.4 193.5 234.2 194.1 233.1 194.8C232.0 195.5 230.9 196.2 229.8 196.9C228.7 197.6 227.6 198.4 226.5 199.1C225.5 199.9 224.4 200.7 223.4 201.5C222.3 202.4 221.3 203.2 220.3 204.1C219.3 204.9 218.3 205.8 217.4 206.7C216.5 207.7 215.6 208.6 214.7 209.6C213.8 210.6 213.0 211.6 212.2 212.7C211.4 213.7 210.7 214.8 210.0 215.9C209.3 217.0 208.6 218.2 208.1 219.3C207.5 220.5 207.0 221.7 206.6 222.9C206.3 224.1 205.9 225.4 205.7 226.6C205.5 227.9 205.3 229.2 205.3 230.5C205.2 231.8 205.3 233.2 205.4 234.4C205.5 235.7 205.7 237.0 206.0 238.3C206.2 239.5 206.6 240.7 207.0 241.9C207.5 243.1 208.0 244.2 208.6 245.4C209.1 246.5 209.8 247.6 210.5 248.7C211.2 249.8 211.9 250.8 212.7 251.9C213.5 252.9 214.4 253.9 215.3 254.9C216.2 255.9 217.1 256.9 218.1 257.8C219.0 258.8 220.0 259.7 221.0 260.6C222.0 261.4 223.1 262.3 224.1 263.1C225.2 263.9 226.2 264.6 227.3 265.3C228.4 266.1 229.5 266.8 230.6 267.5C231.7 268.1 232.9 268.8 234.0 269.5C235.2 270.1 236.3 270.7 237.5 271.3C238.7 271.9 239.8 272.5 241.0 273.0C242.2 273.6 243.3 274.1 244.5 274.6C245.6 275.1 246.8 275.6 247.9 276.0C249.1 276.5 250.2 276.9 251.3 277.3C252.4 277.7 254.0 278.3 254.5 278.5 C260.0 280.7 262.9 281.3 268.5 283.2 C269.1 283.4 270.9 284.0 272.2 284.4C273.4 284.8 274.6 285.1 275.8 285.6C277.0 286.0 278.2 286.4 279.4 286.8C280.6 287.3 281.8 287.7 282.9 288.2C284.0 288.6 285.1 289.0 286.2 289.5C287.2 289.9 288.7 290.5 289.2 290.8 C302.3 298.7 312.4 300.8 319.2 314.5 C319.5 315.1 320.3 316.9 320.8 318.1C321.3 319.3 321.7 320.6 322.1 321.8C322.4 323.1 322.7 324.3 322.9 325.6C323.1 326.9 323.2 328.2 323.3 329.5C323.4 330.7 323.4 332.0 323.3 333.2C323.3 334.3 323.2 335.3 323.1 336.3C323.0 337.2 322.8 338.3 322.8 338.8%22/%3E%3Cpath d=%22M341.5 300.2C341.0 300.7 339.5 302.1 338.5 303.0C337.5 303.9 336.5 304.8 335.5 305.7C334.5 306.7 333.5 307.6 332.5 308.5C331.5 309.4 330.5 310.3 329.5 311.2C328.5 312.1 327.5 312.9 326.5 313.8C325.5 314.7 324.6 315.6 323.6 316.5C322.6 317.4 321.6 318.3 320.7 319.2C319.7 320.1 318.7 320.9 317.7 321.8C316.7 322.7 315.7 323.6 314.7 324.5C313.8 325.4 312.7 326.3 311.8 327.2C310.8 328.1 309.8 328.9 308.8 329.8C307.8 330.7 306.8 331.6 305.8 332.5C304.8 333.4 303.7 334.3 302.8 335.2C301.8 336.1 300.7 336.9 299.8 337.8C298.8 338.7 297.8 339.6 296.8 340.5C295.8 341.4 294.9 342.3 294.0 343.1C293.0 344.0 291.7 345.3 291.2 345.8 C284.2 352.8 279.5 355.2 272.5 362.2 C272.0 362.7 270.7 364.2 269.8 365.2C268.8 366.1 267.9 367.1 266.9 368.1C266.0 369.1 265.0 370.0 264.0 371.0C263.0 372.0 262.0 373.0 261.0 374.0C260.1 375.0 259.1 376.0 258.1 377.0C257.2 378.0 256.2 379.0 255.3 380.0C254.4 381.0 253.5 382.0 252.6 383.0C251.7 384.0 250.9 385.0 250.0 386.0C249.2 387.1 248.3 388.1 247.5 389.1C246.7 390.2 245.9 391.2 245.2 392.3C244.5 393.4 243.8 394.5 243.4 395.6C242.9 396.6 242.5 397.7 242.5 398.6C242.5 399.5 242.7 400.4 243.2 400.9C243.7 401.4 244.5 401.7 245.5 401.8C246.4 401.9 247.6 401.7 248.7 401.4C249.8 401.2 251.0 400.7 252.2 400.3C253.4 399.8 254.6 399.3 255.7 398.8C256.9 398.2 258.1 397.7 259.2 397.1C260.4 396.6 261.5 396.0 262.7 395.4C263.8 394.8 264.9 394.2 266.1 393.6C267.2 392.9 268.4 392.3 269.5 391.7C270.6 391.0 271.8 390.4 272.9 389.7C274.0 389.1 275.1 388.4 276.2 387.7C277.3 387.1 278.4 386.4 279.5 385.7C280.6 385.0 281.7 384.3 282.8 383.6C283.8 382.9 284.9 382.2 286.0 381.4C287.1 380.7 288.2 379.9 289.2 379.1C290.3 378.3 291.4 377.5 292.5 376.7C293.5 375.9 294.6 375.1 295.6 374.2C296.7 373.4 297.7 372.6 298.7 371.7C299.7 370.9 300.6 370.1 301.5 369.4C302.4 368.6 303.2 367.9 304.0 367.3C304.7 366.6 305.7 365.8 306.0 365.5%22/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain; transform: rotate(18deg); pointer-events: none; }

/* ---------- 6. Base normativa ---------- */
.tec-normas { display: flex; flex-wrap: wrap; gap: 12px; }
.tec-norma { display: inline-flex; align-items: center; gap: 12px; padding: 14px 18px; background: #fff; border: 1px solid var(--fio); border-radius: 14px; text-decoration: none; color: var(--tinta); transition: border-color 0.3s ease, transform 0.3s var(--curva); }
.tec-norma:hover { border-color: var(--latao); transform: translateY(-2px); }
.tec-norma b { font-weight: 700; font-size: 0.92rem; }
.tec-norma span { font-size: 0.8rem; color: var(--nanquim-suave); display: block; }
.tec-norma svg { width: 18px; height: 18px; stroke: var(--latao-escuro); flex: none; }

/* ---------- Fecho ---------- */
.tec-fecho { background: var(--tinta); color: #F4F1EC; border-radius: 28px; padding: 64px; display: grid; grid-template-columns: 1.3fr 0.7fr; gap: 40px; align-items: center; position: relative; overflow: hidden; }
.tec-fecho::after { content: ""; position: absolute; right: -60px; top: -210px; width: 330px; height: 452px; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22190 150 190 260%22%3E%3Cg fill=%22none%22 stroke=%22%23CF9D68%22 stroke-opacity=%220.45%22 stroke-width=%221.4%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M289.5 282.2C289.2 281.7 288.3 280.1 287.9 279.1C287.6 278.0 287.3 276.8 287.3 275.7C287.4 274.6 287.7 273.4 288.1 272.2C288.6 271.1 289.3 270.0 290.0 268.9C290.7 267.9 291.6 266.8 292.5 265.8C293.3 264.8 294.2 263.8 295.1 262.8C296.0 261.7 296.9 260.8 297.8 259.8C298.7 258.7 299.6 257.8 300.5 256.8C301.4 255.8 302.3 254.8 303.2 253.8C304.2 252.8 305.1 251.8 306.0 250.8C306.9 249.8 307.8 248.8 308.8 247.8C309.7 246.8 310.6 245.8 311.5 244.8C312.4 243.8 313.3 242.8 314.2 241.8C315.1 240.8 316.0 239.8 316.9 238.8C317.8 237.8 318.7 236.8 319.6 235.8C320.5 234.8 321.4 233.8 322.2 232.8C323.1 231.8 324.0 230.8 324.9 229.8C325.8 228.8 326.7 227.8 327.6 226.8C328.4 225.7 329.3 224.8 330.2 223.7C331.0 222.7 331.9 221.7 332.7 220.7C333.6 219.7 334.4 218.7 335.2 217.7C336.1 216.6 336.9 215.6 337.7 214.6C338.6 213.5 339.4 212.5 340.2 211.4C341.0 210.4 341.9 209.3 342.7 208.2C343.5 207.2 344.3 206.1 345.0 205.0C345.8 203.9 346.6 202.8 347.3 201.7C348.0 200.7 348.7 199.6 349.4 198.5C350.1 197.4 350.7 196.3 351.3 195.1C351.9 194.0 352.5 192.8 353.0 191.7C353.4 190.5 353.9 189.3 354.2 188.0C354.4 186.8 354.7 185.5 354.7 184.3C354.7 183.0 354.6 181.7 354.4 180.5C354.1 179.3 353.7 178.1 353.1 177.0C352.5 175.9 351.7 174.9 350.9 174.0C350.0 173.1 349.0 172.2 348.0 171.5C347.0 170.8 345.8 170.2 344.7 169.7C343.5 169.1 342.3 168.7 341.1 168.4C339.9 168.0 338.6 167.8 337.4 167.5C336.1 167.3 334.8 167.2 333.5 167.0C332.2 166.9 330.8 166.9 329.5 166.8C328.2 166.8 326.8 166.8 325.5 166.8C324.2 166.9 322.8 167.0 321.5 167.0C320.2 167.1 318.8 167.2 317.5 167.4C316.2 167.5 314.8 167.7 313.5 167.8C312.2 168.0 310.9 168.2 309.6 168.5C308.3 168.7 307.0 168.9 305.8 169.2C304.5 169.4 303.2 169.7 301.9 169.9C300.6 170.2 299.4 170.4 298.1 170.7C296.8 171.0 295.5 171.3 294.3 171.6C293.0 171.9 291.8 172.2 290.5 172.5C289.2 172.8 288.0 173.2 286.8 173.5C285.5 173.9 284.2 174.2 283.0 174.6C281.8 175.0 280.5 175.4 279.3 175.8C278.0 176.2 276.8 176.6 275.6 177.0C274.4 177.4 273.2 177.8 271.9 178.2C270.7 178.6 269.5 178.9 268.3 179.3C267.1 179.7 265.9 180.1 264.7 180.6C263.5 181.0 262.3 181.4 261.1 181.8C259.9 182.3 258.7 182.7 257.5 183.2C256.3 183.7 255.2 184.1 254.0 184.6C252.8 185.1 251.7 185.6 250.5 186.1C249.3 186.6 248.2 187.1 247.0 187.6C245.8 188.2 244.7 188.7 243.5 189.3C242.3 189.9 241.2 190.4 240.0 191.0C238.8 191.6 237.7 192.2 236.5 192.9C235.4 193.5 234.2 194.1 233.1 194.8C232.0 195.5 230.9 196.2 229.8 196.9C228.7 197.6 227.6 198.4 226.5 199.1C225.5 199.9 224.4 200.7 223.4 201.5C222.3 202.4 221.3 203.2 220.3 204.1C219.3 204.9 218.3 205.8 217.4 206.7C216.5 207.7 215.6 208.6 214.7 209.6C213.8 210.6 213.0 211.6 212.2 212.7C211.4 213.7 210.7 214.8 210.0 215.9C209.3 217.0 208.6 218.2 208.1 219.3C207.5 220.5 207.0 221.7 206.6 222.9C206.3 224.1 205.9 225.4 205.7 226.6C205.5 227.9 205.3 229.2 205.3 230.5C205.2 231.8 205.3 233.2 205.4 234.4C205.5 235.7 205.7 237.0 206.0 238.3C206.2 239.5 206.6 240.7 207.0 241.9C207.5 243.1 208.0 244.2 208.6 245.4C209.1 246.5 209.8 247.6 210.5 248.7C211.2 249.8 211.9 250.8 212.7 251.9C213.5 252.9 214.4 253.9 215.3 254.9C216.2 255.9 217.1 256.9 218.1 257.8C219.0 258.8 220.0 259.7 221.0 260.6C222.0 261.4 223.1 262.3 224.1 263.1C225.2 263.9 226.2 264.6 227.3 265.3C228.4 266.1 229.5 266.8 230.6 267.5C231.7 268.1 232.9 268.8 234.0 269.5C235.2 270.1 236.3 270.7 237.5 271.3C238.7 271.9 239.8 272.5 241.0 273.0C242.2 273.6 243.3 274.1 244.5 274.6C245.6 275.1 246.8 275.6 247.9 276.0C249.1 276.5 250.2 276.9 251.3 277.3C252.4 277.7 254.0 278.3 254.5 278.5 C260.0 280.7 262.9 281.3 268.5 283.2 C269.1 283.4 270.9 284.0 272.2 284.4C273.4 284.8 274.6 285.1 275.8 285.6C277.0 286.0 278.2 286.4 279.4 286.8C280.6 287.3 281.8 287.7 282.9 288.2C284.0 288.6 285.1 289.0 286.2 289.5C287.2 289.9 288.7 290.5 289.2 290.8 C302.3 298.7 312.4 300.8 319.2 314.5 C319.5 315.1 320.3 316.9 320.8 318.1C321.3 319.3 321.7 320.6 322.1 321.8C322.4 323.1 322.7 324.3 322.9 325.6C323.1 326.9 323.2 328.2 323.3 329.5C323.4 330.7 323.4 332.0 323.3 333.2C323.3 334.3 323.2 335.3 323.1 336.3C323.0 337.2 322.8 338.3 322.8 338.8%22/%3E%3Cpath d=%22M341.5 300.2C341.0 300.7 339.5 302.1 338.5 303.0C337.5 303.9 336.5 304.8 335.5 305.7C334.5 306.7 333.5 307.6 332.5 308.5C331.5 309.4 330.5 310.3 329.5 311.2C328.5 312.1 327.5 312.9 326.5 313.8C325.5 314.7 324.6 315.6 323.6 316.5C322.6 317.4 321.6 318.3 320.7 319.2C319.7 320.1 318.7 320.9 317.7 321.8C316.7 322.7 315.7 323.6 314.7 324.5C313.8 325.4 312.7 326.3 311.8 327.2C310.8 328.1 309.8 328.9 308.8 329.8C307.8 330.7 306.8 331.6 305.8 332.5C304.8 333.4 303.7 334.3 302.8 335.2C301.8 336.1 300.7 336.9 299.8 337.8C298.8 338.7 297.8 339.6 296.8 340.5C295.8 341.4 294.9 342.3 294.0 343.1C293.0 344.0 291.7 345.3 291.2 345.8 C284.2 352.8 279.5 355.2 272.5 362.2 C272.0 362.7 270.7 364.2 269.8 365.2C268.8 366.1 267.9 367.1 266.9 368.1C266.0 369.1 265.0 370.0 264.0 371.0C263.0 372.0 262.0 373.0 261.0 374.0C260.1 375.0 259.1 376.0 258.1 377.0C257.2 378.0 256.2 379.0 255.3 380.0C254.4 381.0 253.5 382.0 252.6 383.0C251.7 384.0 250.9 385.0 250.0 386.0C249.2 387.1 248.3 388.1 247.5 389.1C246.7 390.2 245.9 391.2 245.2 392.3C244.5 393.4 243.8 394.5 243.4 395.6C242.9 396.6 242.5 397.7 242.5 398.6C242.5 399.5 242.7 400.4 243.2 400.9C243.7 401.4 244.5 401.7 245.5 401.8C246.4 401.9 247.6 401.7 248.7 401.4C249.8 401.2 251.0 400.7 252.2 400.3C253.4 399.8 254.6 399.3 255.7 398.8C256.9 398.2 258.1 397.7 259.2 397.1C260.4 396.6 261.5 396.0 262.7 395.4C263.8 394.8 264.9 394.2 266.1 393.6C267.2 392.9 268.4 392.3 269.5 391.7C270.6 391.0 271.8 390.4 272.9 389.7C274.0 389.1 275.1 388.4 276.2 387.7C277.3 387.1 278.4 386.4 279.5 385.7C280.6 385.0 281.7 384.3 282.8 383.6C283.8 382.9 284.9 382.2 286.0 381.4C287.1 380.7 288.2 379.9 289.2 379.1C290.3 378.3 291.4 377.5 292.5 376.7C293.5 375.9 294.6 375.1 295.6 374.2C296.7 373.4 297.7 372.6 298.7 371.7C299.7 370.9 300.6 370.1 301.5 369.4C302.4 368.6 303.2 367.9 304.0 367.3C304.7 366.6 305.7 365.8 306.0 365.5%22/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain; transform: rotate(-8deg); pointer-events: none; }
.tec-fecho h2 { font-size: clamp(1.6rem, 1.1rem + 1.5vw, 2.3rem); font-weight: 300; line-height: 1.2; margin: 12px 0 14px; color: #fff; }
.tec-fecho h2 strong { font-weight: 700; }
.tec-fecho p { color: rgba(244,241,236,0.78); line-height: 1.7; margin: 0; }
.tec-fecho .tec-acoes { justify-content: flex-end; }
.tec-fecho .tec-botao.cheio { background: var(--latao); color: var(--tinta); }
.tec-fecho .tec-botao.linha { color: #F4F1EC; border-color: rgba(244,241,236,0.25); background: transparent; }

/* Entrada suave das peças ao rolar. */
.js-tec .tec-entra { opacity: 0; transform: translateY(22px); transition: opacity 0.8s ease, transform 0.8s var(--curva); }
.js-tec .tec-entra.vis { opacity: 1; transform: none; }

/* ---------- Responsivo ---------- */
@media (max-width: 1100px) {
    .tec-compromissos { grid-template-columns: repeat(2, 1fr); }
    .tec-compromisso { border-bottom: 1px solid var(--fio); }
    .tec-compromisso:nth-child(2n) { border-right: 0; }
    .tec-compromisso:last-child { grid-column: span 2; }
    .tec-fichas { grid-template-columns: repeat(2, 1fr); }
    .tec-ficha, .tec-ficha.larga { grid-column: span 1; }
    .tec-limites { grid-template-columns: 1fr 1fr; }
    .tec-indice { display: none; }
}
@media (max-width: 860px) {
    .tec-abertura { padding: 128px 0 72px; }
    .tec-abertura .container { grid-template-columns: 1fr; gap: 40px; }
    .tec-selo { width: min(280px, 72vw); }
    .tec-secao { padding: 80px 0; }
    .tec-secao .container { padding-left: 40px; }
    .tec-trilha, .tec-no { left: 16px; }
    .tec-fluxo { grid-template-columns: 1fr; gap: 28px; }
    .tec-painel { position: relative; top: 0; min-height: 0; padding: 26px 24px; margin: 4px 0 14px; list-style: none; }
    .tec-carimbo { width: 84px; height: 84px; right: 14px; bottom: 14px; }
    .tec-fluxo, .tec-fichas, .tec-pasta, .tec-limites, .tec-compromissos, .tec-normas { text-align: left; }
    .tec-acoes { justify-content: center; }
    .tec-fecho .tec-acoes { justify-content: center; }
    .tec-pasta { grid-template-columns: 1fr; }
    .tec-abas { flex-direction: row; overflow-x: auto; gap: 6px; padding: 0 0 0; scrollbar-width: none; }
    .tec-aba { border-radius: 12px 12px 0 0; border: 1px solid transparent; border-bottom: 0; white-space: nowrap; padding: 12px 16px; }
    .tec-aba[aria-selected="true"] { margin-right: 0; margin-bottom: -1px; }
    .tec-aba[aria-selected="true"]::after { left: 14px; right: 14px; top: auto; bottom: 0; width: auto; height: 3px; }
    .tec-folha { border-radius: 0 0 18px 18px; padding: 28px 24px; }
    .tec-itens { grid-template-columns: 1fr; }
    .tec-fecho { grid-template-columns: 1fr; padding: 40px 28px; }
    .tec-fecho .tec-acoes { justify-content: flex-start; }
}
@media (max-width: 600px) {
    .tec-compromissos { grid-template-columns: 1fr; }
    .tec-compromisso { border-right: 0; }
    .tec-compromisso:last-child { grid-column: auto; }
    .tec-fichas, .tec-limites { grid-template-columns: 1fr; }
    .tec-ficha { min-height: 400px; }
    .tec-secao .container { padding-left: 34px; }
}

/* Quem prefere menos movimento: tudo parado, nada some. */
@media (prefers-reduced-motion: reduce) {
    .tec-selo .gira { animation-duration: 140s; }
    .js-tec .tec-entra { opacity: 1; transform: none; transition: none; }
    .tec-ficha-giro, .tec-carimbo, .tec-painel .troca, .tec-indice a { transition: none; }
    .tec-folha [role="tabpanel"] { animation: none; }
}