:root{
  --m-folha:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='315 232 626 790'%3E%3Cpath fill='%23000' stroke='none' d='M0 0 C16.848 -0.07 33.696 -0.123 50.544 -0.155 C58.369 -0.171 66.194 -0.192 74.019 -0.226 C80.85 -0.256 87.681 -0.276 94.512 -0.282 C98.119 -0.286 101.726 -0.295 105.334 -0.317 C124.837 -0.432 144.572 -0.382 163.312 5.75 C164.125 6.006 164.938 6.262 165.776 6.526 C199.339 17.411 223.963 39.225 244.231 67.53 C245.919 69.887 247.624 72.231 249.336 74.57 C260.919 90.441 272.367 106.474 283 123 C283.401 123.622 283.802 124.244 284.215 124.885 C292.912 138.511 300.116 151.959 296.859 168.5 C295.941 172.241 294.741 175.806 293.379 179.402 C293.117 180.097 292.855 180.791 292.584 181.506 C289.901 188.472 286.756 195.189 283.51 201.907 C281.735 205.587 279.988 209.28 278.242 212.973 C277.886 213.725 277.531 214.477 277.164 215.252 C257.26 257.461 239.874 300.901 237 348 C232.975 345.987 231.942 340 230.375 336 C229.902 334.795 229.429 333.589 228.942 332.347 C219.449 307.748 211.706 282.387 204.087 257.155 C194.283 224.751 176.807 199.752 155.234 173.914 C152.398 170.506 149.681 167.031 147 163.5 C142.565 157.667 137.93 152.021 133.253 146.38 C129.499 141.844 125.81 137.267 122.188 132.625 C118.331 127.682 114.413 122.799 110.43 117.957 C107.523 114.42 104.636 110.867 101.75 107.312 C101.476 106.975 101.476 106.975 100.087 105.265 C97.822 102.476 95.558 99.687 93.293 96.897 C83.622 84.986 73.918 73.103 64.157 61.265 C60.882 57.292 57.621 53.309 54.375 49.312 C38.458 29.894 22.818 12.278 0 1 C0 0.67 0 0.34 0 0 Z ' transform='translate%28321%2C239%29' /%3E%3Cpath fill='%23000' stroke='none' d='M0 0 C1.612 0.004 3.225 0.007 4.837 0.009 C9.018 0.016 13.198 0.036 17.378 0.058 C21.67 0.079 25.961 0.088 30.252 0.098 C38.625 0.119 46.998 0.153 55.371 0.195 C60.192 38.287 45.711 80.361 23.367 110.938 C7.205 131.608 -12.829 145.714 -35.629 158.195 C-36.06 158.432 -36.06 158.432 -38.244 159.632 C-54.301 168.385 -70.881 175.885 -87.629 183.195 C-88.284 183.481 -88.94 183.768 -89.615 184.062 C-92.991 185.536 -96.368 187.009 -99.745 188.482 C-100.081 188.629 -100.081 188.629 -101.782 189.37 C-103.137 189.962 -104.493 190.553 -105.848 191.143 C-118.212 196.535 -130.486 202.103 -142.699 207.827 C-145.493 209.132 -148.295 210.421 -151.098 211.707 C-212.387 240.048 -212.387 240.048 -228.691 264.258 C-230.232 269.084 -230.702 272.792 -228.633 277.426 C-211.478 305.66 -162.572 319.569 -133.441 331.57 C-83.017 352.351 -83.017 352.351 -66.629 363.195 C-66.026 363.593 -65.424 363.99 -64.803 364.4 C-31.473 386.688 -10.44 416.513 -2.099 455.747 C5.756 496.683 -6.488 539.238 -25.629 575.195 C-25.959 575.828 -26.29 576.461 -26.63 577.113 C-35.588 594.189 -46.852 609.786 -59.629 624.195 C-60.861 625.63 -62.09 627.068 -63.316 628.508 C-64.08 629.395 -64.843 630.282 -65.629 631.195 C-66.503 628.278 -66.67 626.049 -66.289 623.035 C-66.195 622.247 -66.102 621.46 -66.005 620.648 C-65.901 619.818 -65.798 618.988 -65.691 618.133 C-62.012 585.578 -70.252 555.889 -90.566 530.07 C-91.91 528.437 -93.264 526.811 -94.629 525.195 C-95.29 524.41 -95.951 523.625 -96.633 522.816 C-100.962 517.81 -105.503 513.376 -110.629 509.195 C-111.649 508.361 -112.668 507.527 -113.719 506.668 C-138.835 486.397 -167.973 471.252 -196.879 457.133 C-220.727 445.448 -244.254 431.483 -263.629 413.195 C-264.389 412.499 -265.15 411.803 -265.934 411.086 C-284.603 393.386 -294.7 368.568 -295.713 343.069 C-296.263 305.724 -279.618 269.564 -264.629 236.195 C-264.233 235.313 -263.837 234.431 -263.429 233.522 C-258.665 222.989 -253.338 212.775 -247.894 202.581 C-246.667 200.266 -245.46 197.942 -244.262 195.613 C-220.734 150.024 -192.093 106.41 -156.629 69.195 C-156.078 68.616 -155.528 68.037 -154.96 67.44 C-147.236 59.367 -139.219 52.112 -130.267 45.427 C-128.733 44.274 -127.223 43.089 -125.715 41.902 C-89.598 13.795 -45.524 -0.318 0 0 Z ' transform='translate%28877.62890625%2C238.8046875%29' /%3E%3Cpath fill='%23000' stroke='none' d='M0 0 C0.66 0 1.32 0 2 0 C2.01 0.41 2.01 0.41 2.06 2.484 C3.541 60.809 18.446 111.392 60 154 C60.678 154.698 61.355 155.396 62.053 156.115 C70.658 164.946 79.236 173.454 89 181 C90.102 181.899 91.2 182.802 92.297 183.707 C102.462 192.06 113.15 199.568 124 207 C124.908 207.623 125.815 208.247 126.75 208.889 C136.186 215.366 145.655 221.791 155.188 228.125 C175.799 241.834 196.408 255.595 215 272 C215.891 272.78 216.781 273.56 217.699 274.363 C220.162 276.547 222.59 278.76 225 281 C225.736 281.682 226.472 282.364 227.23 283.066 C253.175 308 271.234 344.295 272.168 380.508 C272.598 423.581 254.974 457.249 226 488 C225.272 488.782 224.543 489.565 223.793 490.371 C206.568 508.299 183.653 522.921 161 533 C160.34 533 159.68 533 159 533 C158.966 532.453 158.931 531.906 158.896 531.342 C157.205 506.238 150.183 486.174 135 466 C134.337 465.113 133.675 464.226 132.992 463.312 C123.229 450.839 111.526 439.651 99 430 C97.651 428.936 96.304 427.871 94.957 426.805 C85.24 419.143 75.325 411.801 65.254 404.613 C62.227 402.447 59.213 400.261 56.199 398.076 C49.625 393.313 43.021 388.599 36.375 383.938 C28.116 378.133 20.019 372.132 12 366 C11.38 365.527 10.759 365.054 10.12 364.566 C2.94 359.069 -3.942 353.404 -10.57 347.246 C-12.592 345.377 -14.647 343.586 -16.75 341.812 C-27.098 332.787 -36.574 322.83 -45 312 C-45.865 310.946 -46.732 309.894 -47.602 308.844 C-75.977 274.243 -91.21 229.869 -91.25 185.25 C-91.251 184.566 -91.251 183.881 -91.252 183.176 C-91.153 119.723 -58.285 62.3 -16 17 C-14.752 15.659 -13.505 14.318 -12.258 12.977 C-9.798 10.334 -7.336 7.693 -4.871 5.055 C-4.365 4.513 -3.859 3.972 -3.338 3.414 C-2.244 2.258 -1.125 1.125 0 0 Z ' transform='translate%28493%2C482%29' /%3E%3C/svg%3E");
  --bordo:#7A1C3A; --bordo-cl:#94284A; --noite:#3A0E1F; --breu:#1E0710; --rose:#E8A2AE; --rose-cl:#F3C9D0;
  --linha:#EBCFCB; --blush:#F6E6E2; --creme:#FFF5EB; --grafite:#2E2427; --txt-dim:#5f5054; --zap:#25D366;
  --serif:'Newsreader',Georgia,serif; --sans:'Jost',system-ui,sans-serif;
  --larg:1240px; --gut:48px; --topo:80px;
  --ease:cubic-bezier(.2,.75,.2,1);
  --grao:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --m-seta:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 12'%3E%3Cpath d='M0 6h20M15 1l5 5-5 5' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E");
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--topo) + 12px);-webkit-text-size-adjust:100%}
body{background:var(--creme);color:var(--grafite);font:300 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
em{font-style:italic}
button,input{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
:focus-visible{outline:2px solid var(--rose);outline-offset:3px;border-radius:4px}
.simb{display:block;height:40px;width:auto;flex:none}
.wrap{max-width:var(--larg);margin:0 auto;padding:0 var(--gut)}
.estreito{max-width:780px;margin:0 auto;padding:0 var(--gut)}
.pular{position:absolute;left:-999px;top:8px;background:var(--noite);color:var(--creme);padding:10px 16px;z-index:100;border-radius:30px;text-decoration:none}
.pular:focus{left:12px}

/* rótulo em caixa alta: sempre sólido */
.rot{font:700 12.5px/1.2 var(--sans);letter-spacing:.11em;text-transform:uppercase;color:var(--bordo);display:inline-block}
.escuro .rot,.vinho .rot,.rot.cl{color:var(--rose)}

/* fundos */
.escuro{background:var(--breu);color:var(--creme);position:relative;isolation:isolate}
.escuro:before{content:"";position:absolute;inset:0;background:var(--grao);pointer-events:none;z-index:-1;opacity:.9}
.vinho{background:var(--bordo);color:var(--creme);position:relative;isolation:isolate}
.vinho:before{content:"";position:absolute;inset:0;background:var(--grao);pointer-events:none;z-index:-1}
.branco{background:#fff}

/* botões */
.btn{display:inline-flex;align-items:center;gap:12px;background:var(--bordo);color:var(--creme);font:600 13.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:19px 28px;border-radius:60px;text-decoration:none;transition:background .25s,transform .25s var(--ease),box-shadow .25s;position:relative}
.btn:hover{background:var(--bordo-cl);transform:translateY(-2px);box-shadow:0 16px 30px -16px rgba(122,28,58,.7)}
.btn svg{width:20px;height:20px;fill:currentColor;flex:none}
.btn-rose{background:var(--rose);color:var(--breu)}
.btn-rose:hover{background:var(--rose-cl);box-shadow:0 16px 30px -16px rgba(232,162,174,.6)}
.btn-fantasma{background:transparent;color:var(--creme);box-shadow:inset 0 0 0 1.5px rgba(255,245,235,.35)}
.btn-fantasma:hover{background:rgba(255,245,235,.08);box-shadow:inset 0 0 0 1.5px var(--creme)}
.btn-linha{background:transparent;color:var(--bordo);box-shadow:inset 0 0 0 1.5px var(--bordo)}
.btn-linha:hover{background:var(--bordo);color:var(--creme)}
.seta{font:600 13.5px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--bordo);text-decoration:none;display:inline-flex;gap:10px;align-items:center}
.escuro .seta,.vinho .seta{color:var(--rose)}
.seta:after{content:"";width:22px;height:12px;background:currentColor;-webkit-mask:var(--m-seta) center/contain no-repeat;mask:var(--m-seta) center/contain no-repeat;transition:transform .25s var(--ease)}
.seta:hover:after{transform:translateX(5px)}

/* topo */
.topo{position:fixed;top:0;left:0;right:0;z-index:40;color:var(--creme);transition:background .35s,color .35s,box-shadow .35s}
.topo.solido{background:rgba(255,245,235,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--bordo);box-shadow:0 1px 0 var(--linha)}
.topo-in{height:var(--topo);display:flex;align-items:center;gap:28px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.logo .simb{height:40px;color:var(--rose);transition:color .35s}
.topo.solido .logo .simb{color:var(--bordo)}
.logo-txt{display:flex;flex-direction:column;gap:6px}
.logo-txt b{font:300 16px/1 var(--sans);letter-spacing:.2em}
.logo-txt small{font:400 7.4px/1 var(--serif);letter-spacing:.42em}
.menu{margin-left:auto}
.menu ul{display:flex;gap:30px;list-style:none}
.menu a{text-decoration:none;font:400 15px var(--sans);padding:6px 0;position:relative;opacity:.86;transition:opacity .2s}
.menu a:hover,.menu a[aria-current]{opacity:1}
.menu a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.menu a:hover:after,.menu a[aria-current]:after{transform:scaleX(1)}
.sair{display:inline-flex;align-items:center;gap:8px;background:var(--creme);color:var(--breu);font:600 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:11px 18px;border-radius:40px;white-space:nowrap;transition:background .2s,color .2s}
.sair:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--bordo)}
.topo.solido .sair{background:var(--noite);color:var(--creme)}
.topo.solido .sair:before{background:var(--rose)}
.menu-btn{display:none;width:44px;height:44px;border-radius:50%;position:relative}
.menu-btn span{position:absolute;left:12px;right:12px;height:1.5px;background:currentColor;transition:transform .25s,top .25s}
.menu-btn span:first-child{top:18px}.menu-btn span:last-child{top:25px}
.menu-btn[aria-expanded="true"] span:first-child{top:21.5px;transform:rotate(45deg)}
.menu-btn[aria-expanded="true"] span:last-child{top:21.5px;transform:rotate(-45deg)}
.menu-m{position:fixed;inset:var(--topo) 0 0 0;background:var(--breu);color:var(--creme);z-index:39;padding:24px var(--gut);overflow:auto}
.menu-m[hidden]{display:none}
.menu-m ul{list-style:none}
.menu-m a{display:flex;justify-content:space-between;align-items:baseline;padding:18px 0;border-bottom:1px solid rgba(232,162,174,.18);text-decoration:none;font:300 32px var(--serif)}
.menu-m a span{font:300 italic 16px var(--serif);color:var(--rose)}
.menu-m a[aria-current]{color:var(--rose);font-style:italic}
body.menu-aberto .topo{background:var(--breu);color:var(--creme);box-shadow:none}
body.menu-aberto .topo .logo .simb{color:var(--rose)}

/* títulos */
.h-xl{font:300 clamp(46px,6.4vw,98px)/.98 var(--serif);letter-spacing:-.02em}
.h-l{font:300 clamp(40px,5.2vw,76px)/1 var(--serif);letter-spacing:-.015em}
.h-m{font:300 clamp(32px,3.6vw,50px)/1.05 var(--serif);letter-spacing:-.01em}
.h-xl em,.h-l em,.h-m em{font-style:italic}
.escuro em,.vinho em{color:var(--rose)}
.sec{padding:140px 0}
.cab{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:end;margin-bottom:64px}
.cab .rot{margin-bottom:22px}
.cab p{font-size:18.5px;max-width:480px;color:var(--txt-dim)}
.escuro .cab p,.vinho .cab p{color:rgba(255,245,235,.72)}
.cab .h-l,.cab .h-m{color:var(--bordo)}
.escuro .cab .h-l,.escuro .cab .h-m,.vinho .cab .h-l,.vinho .cab .h-m{color:var(--creme)}

/* ---------- abertura ---------- */
.abre{min-height:100svh;display:flex;align-items:center;overflow:hidden;padding:calc(var(--topo) + 40px) 0 90px}
.abre:after{content:"";position:absolute;width:900px;height:900px;right:-160px;top:50%;transform:translateY(-50%);background:radial-gradient(circle,rgba(122,28,58,.6),rgba(122,28,58,0) 62%);z-index:-1;pointer-events:none}
.abre-g{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:center;width:100%}
.abre .h-xl{color:var(--creme)}
.abre .h-xl .ln{display:block;overflow:hidden;padding-bottom:.06em}
.abre .h-xl .ln > span{display:inline-block;transform:translateY(110%);animation:sobe 1.1s var(--ease) forwards}
.abre .h-xl .ln:nth-child(2) > span{animation-delay:.12s}
.abre .h-xl .ln:nth-child(3) > span{animation-delay:.24s}
@keyframes sobe{to{transform:none}}
.abre-sub{font-size:19px;max-width:520px;margin:34px 0 0;color:rgba(255,245,235,.78);opacity:0;animation:aparece 1s .6s var(--ease) forwards}
@keyframes aparece{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.pergunta{margin-top:36px;min-height:70px;opacity:0;animation:aparece 1s .8s var(--ease) forwards}
.pergunta small{display:block;font:700 12px var(--sans);letter-spacing:.11em;text-transform:uppercase;color:var(--rose);margin-bottom:10px}
.pergunta .bolha{display:inline-block;background:rgba(255,245,235,.08);border:1px solid rgba(232,162,174,.25);border-radius:22px 22px 22px 6px;padding:14px 20px;font:300 italic 21px/1.35 var(--serif);color:var(--creme);max-width:540px;min-height:58px}
.pergunta .bolha:after{content:"";display:inline-block;width:2px;height:1em;background:var(--rose);margin-left:3px;vertical-align:-2px;animation:pisca 1s steps(1) infinite}
@keyframes pisca{50%{opacity:0}}
.abre-acoes{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px;opacity:0;animation:aparece 1s 1s var(--ease) forwards}
.folhas{position:relative;aspect-ratio:626/790;width:100%;max-width:500px;justify-self:center}
.folhas svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.folhas .f{transition:transform 1.4s var(--ease)}
.folhas .f:nth-child(1) path{fill:#D98A9B}
.folhas .f:nth-child(2) path{fill:var(--rose)}
.folhas .f:nth-child(3) path{fill:var(--rose-cl)}
.folhas .entra{opacity:0;animation:brota 1.6s var(--ease) forwards;transform-box:fill-box}
.folhas .f:nth-child(1) .entra{animation-delay:.5s;transform-origin:80% 100%}
.folhas .f:nth-child(2) .entra{animation-delay:.8s;transform-origin:20% 100%}
.folhas .f:nth-child(3) .entra{animation-delay:.2s;transform-origin:50% 100%}
@keyframes brota{0%{opacity:0;transform:scale(.4) rotate(14deg)}40%{opacity:1}100%{opacity:1;transform:none}}
.flutua{animation:flutua 7s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}
.f:nth-child(2) .flutua{animation-delay:-2s;animation-duration:8s}
.f:nth-child(3) .flutua{animation-delay:-4s;animation-duration:9s}
@keyframes flutua{50%{transform:translateY(-10px) rotate(-1.2deg)}}
.rolar{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font:600 11.5px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,245,235,.6);text-decoration:none}
.rolar i{width:1px;height:46px;background:linear-gradient(var(--rose),transparent);animation:desce 2s ease-in-out infinite;transform-origin:top}
@keyframes desce{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}

/* ---------- triagem ---------- */
.triagem{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start}
.sit-lista{display:flex;flex-direction:column;border-top:1px solid var(--linha)}
.sit{display:grid;grid-template-columns:44px 1fr 24px;align-items:center;gap:8px;text-align:left;padding:22px 6px;border-bottom:1px solid var(--linha);font:300 clamp(22px,2.2vw,30px)/1.15 var(--serif);color:var(--noite);transition:color .25s,padding .35s var(--ease)}
.sit .n{font:300 italic 18px var(--serif);color:var(--rose)}
.sit:after{content:"";width:22px;height:12px;background:var(--bordo);-webkit-mask:var(--m-seta) center/contain no-repeat;mask:var(--m-seta) center/contain no-repeat;opacity:0;transform:translateX(-8px);transition:.3s var(--ease)}
.sit:hover{color:var(--bordo);padding-left:14px}
.sit[aria-selected="true"]{color:var(--bordo);font-style:italic;padding-left:14px}
.sit[aria-selected="true"]:after{opacity:1;transform:none}
.painel{background:var(--breu);color:var(--creme);border-radius:24px;padding:48px 46px 40px;position:sticky;top:calc(var(--topo) + 24px);overflow:hidden;min-height:560px;isolation:isolate}
.painel:before{content:"";position:absolute;inset:0;background:var(--grao);z-index:-1}
.painel .simb.fundo{position:absolute;right:-70px;bottom:-90px;height:340px;color:var(--bordo);opacity:.5;z-index:-1}
.painel-in{transition:opacity .3s,transform .45s var(--ease)}
.painel-in.troca{opacity:0;transform:translateY(14px)}
.painel h3{font:300 clamp(30px,2.8vw,40px)/1.08 var(--serif);margin:16px 0 18px}
.painel p{color:rgba(255,245,235,.8);font-size:16.5px}
.painel .caminho{margin-top:18px;padding:16px 18px;background:rgba(255,245,235,.06);border-radius:12px;font-size:15.5px;color:rgba(255,245,235,.86)}
.painel .caminho b{display:block;font:700 12px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--rose);margin-bottom:6px}
.painel ol{list-style:none;margin-top:24px;counter-reset:p}
.painel ol li{counter-increment:p;display:grid;grid-template-columns:36px 1fr;gap:6px;padding:12px 0;border-top:1px solid rgba(232,162,174,.18);font-size:15.5px}
.painel ol li:before{content:counter(p);font:300 italic 22px/1.1 var(--serif);color:var(--rose)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.chips span{font-size:13.5px;padding:7px 13px;border-radius:30px;background:rgba(232,162,174,.12);color:var(--rose-cl)}
.painel-acoes{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:28px}
.aviso-p{font-size:13px;color:rgba(255,245,235,.5);margin-top:20px}

/* ---------- cartório ou justiça ---------- */
.decide{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.perguntas{display:flex;flex-direction:column;gap:14px}
.abas{display:inline-flex;background:rgba(255,245,235,.07);border-radius:60px;padding:5px;align-self:flex-start;margin-bottom:10px}
.abas button{padding:12px 22px;border-radius:60px;font:600 13px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,245,235,.7);transition:.25s}
.abas button[aria-pressed="true"]{background:var(--creme);color:var(--breu)}
.q{background:rgba(255,245,235,.05);border:1px solid rgba(232,162,174,.16);border-radius:16px;padding:22px 24px;animation:entra .45s var(--ease)}
.q[hidden]{display:none}
.q p{font:300 22px/1.25 var(--serif);margin-bottom:14px}
.q .sn{display:flex;gap:10px}
.q .sn button{padding:10px 22px;border-radius:40px;box-shadow:inset 0 0 0 1.5px rgba(232,162,174,.4);font:600 13px var(--sans);letter-spacing:.06em;text-transform:uppercase;transition:.2s}
.q .sn button:hover{box-shadow:inset 0 0 0 1.5px var(--rose)}
.q .sn button[aria-pressed="true"]{background:var(--rose);color:var(--breu);box-shadow:none}
.resultado{border-radius:24px;padding:42px 40px;background:var(--creme);color:var(--grafite);display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:440px;isolation:isolate}
.resultado .tag{align-self:flex-start;font:700 12px var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:8px 14px;border-radius:30px;background:var(--blush);color:var(--bordo)}
.resultado h3{font:300 clamp(34px,3.4vw,52px)/1.02 var(--serif);color:var(--bordo);margin:22px 0 14px}
.resultado h3 em{font-style:italic}
.resultado p{color:var(--txt-dim);font-size:16.5px}
.trilho{list-style:none;margin-top:24px;position:relative}
.trilho li{position:relative;padding:0 0 18px 34px;font-size:15.5px;opacity:0;transform:translateX(-8px);animation:entra .5s var(--ease) forwards}
.trilho li:before{content:"";position:absolute;left:6px;top:7px;width:11px;height:11px;border-radius:50%;background:var(--bordo)}
.trilho li:after{content:"";position:absolute;left:11px;top:20px;bottom:0;width:1px;background:var(--linha)}
.trilho li:last-child:after{display:none}
@keyframes entra{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
.resultado .simb.fundo{position:absolute;right:-50px;bottom:-60px;height:240px;color:var(--blush);z-index:-1}

/* ---------- mitos ---------- */
.mitos{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center}
.placar{display:flex;gap:32px;margin-top:34px}
.placar div{font-size:14px;color:rgba(255,245,235,.72)}
.placar b{display:block;font:300 52px/1 var(--serif);color:var(--creme)}
.baralho{position:relative;height:440px;perspective:1600px}
.carta{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .8s var(--ease),opacity .5s}
.carta .lado{position:absolute;inset:0;border-radius:26px;backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:44px 42px;display:flex;flex-direction:column}
.carta .frente{background:var(--creme);color:var(--noite);box-shadow:0 40px 60px -40px rgba(0,0,0,.6)}
.carta .verso{background:var(--noite);color:var(--creme);transform:rotateY(180deg);box-shadow:0 40px 60px -40px rgba(0,0,0,.6);border:1px solid rgba(232,162,174,.18)}
.carta .frase{font:300 clamp(28px,2.8vw,40px)/1.15 var(--serif);margin:22px 0 auto}
.carta .escolha{display:flex;gap:12px;margin-top:28px}
.carta .escolha button{flex:1;padding:18px;border-radius:16px;font:600 14px var(--sans);letter-spacing:.08em;text-transform:uppercase;transition:transform .2s}
.carta .escolha [data-r="mito"]{background:var(--blush);color:var(--bordo)}
.carta .escolha [data-r="verdade"]{background:var(--bordo);color:var(--creme)}
.carta .escolha button:hover{transform:translateY(-2px)}
.carta.virada{transform:rotateY(180deg)}
.carta .veredito{font:300 italic 60px/1 var(--serif);color:var(--rose)}
.carta .acerto{font:700 12px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,245,235,.7);margin-top:10px}
.carta .verso p{font-size:18px;color:rgba(255,245,235,.86);margin:22px 0 auto}
.carta .prox{align-self:flex-start;margin-top:22px}
.carta.atras{transform:translateY(18px) scale(.95);opacity:.55;pointer-events:none}
.carta.atras2{transform:translateY(36px) scale(.9);opacity:.25;pointer-events:none}
.carta.fora{transform:translateX(-120%) rotate(-10deg);opacity:0;pointer-events:none}
.carta.escondida{opacity:0;pointer-events:none;transform:translateY(40px) scale(.88)}
.contador{font:700 12px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--bordo)}

/* ---------- sobre: texto que acende ---------- */
.sobre-g{display:grid;grid-template-columns:.55fr 1.45fr;gap:72px;align-items:start}
.retrato{position:sticky;top:calc(var(--topo) + 40px)}
.retrato .foto{border-radius:300px 300px 22px 22px;overflow:hidden;background:var(--bordo);position:relative;aspect-ratio:3/4}
.retrato img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;filter:grayscale(1) contrast(1.08) brightness(1.08);mix-blend-mode:screen;opacity:.92}
.retrato .foto:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(122,28,58,0) 55%,rgba(58,14,31,.7));pointer-events:none}
.retrato .foto .simb{position:absolute;right:16px;bottom:16px;height:44px;color:var(--rose);z-index:2}
.retrato .nome{margin-top:20px}
.retrato .nome b{display:block;font:400 24px var(--serif);color:var(--noite)}
.retrato .nome span{font-size:14.5px;color:var(--txt-dim)}
.acende{font:300 clamp(30px,3.3vw,48px)/1.22 var(--serif);color:var(--noite)}
.acende p+p{margin-top:.7em}
.acende .w{opacity:.15;transition:opacity .35s}
.acende .w.on{opacity:1}
.acende em{color:var(--bordo)}
.credenciais{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:64px}
.cred{background:#fff;border-radius:20px;padding:26px 24px}
.cred b{display:block;font:300 30px/1.05 var(--serif);color:var(--bordo);margin:10px 0 8px}
.cred span{font-size:14.5px;color:var(--txt-dim);line-height:1.5;display:block}

/* ---------- ferramentas ---------- */
.ferr{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ferr-card{background:#fff;border-radius:24px;padding:40px 38px;display:flex;flex-direction:column}
.ferr-card h3{font:300 34px/1.08 var(--serif);color:var(--noite);margin:14px 0 12px}
.ferr-card h3 em{color:var(--bordo)}
.ferr-card > p{color:var(--txt-dim);font-size:16px}
.campo{display:flex;flex-direction:column;gap:8px;margin-top:24px}
.campo label{font:700 12px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--bordo)}
.campo input[type=date]{border:0;border-bottom:1.5px solid var(--bordo);background:transparent;padding:10px 0;font:300 28px var(--serif);color:var(--noite);width:100%;max-width:320px;border-radius:0}
.saida-calc{margin-top:26px;border-radius:16px;background:var(--creme);padding:22px 24px;min-height:128px}
.saida-calc b{display:block;font:300 44px/1 var(--serif);color:var(--bordo)}
.saida-calc span{font-size:15px;color:var(--txt-dim);display:block;margin-top:8px}
.saida-calc .rot{margin-bottom:10px}
.saida-calc.vazio{display:flex;align-items:center;color:var(--txt-dim);font-size:15px}
.toggles{display:flex;flex-direction:column;margin-top:18px}
.toggle[hidden]{display:none}
.toggle{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--linha);font-size:16px}
.toggle .sn{display:flex;background:var(--creme);border-radius:40px;padding:4px;flex:none}
.toggle .sn button{padding:8px 16px;border-radius:40px;font:600 12px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--txt-dim);transition:.2s}
.toggle .sn button[aria-pressed="true"]{background:var(--bordo);color:var(--creme)}

/* ---------- glossário ---------- */
.busca{display:flex;align-items:center;gap:14px;border-bottom:1.5px solid rgba(232,162,174,.4);padding:8px 0 14px;margin-bottom:34px;max-width:620px}
.busca svg{width:24px;height:24px;stroke:var(--rose);fill:none;stroke-width:1.6;flex:none}
.busca input{background:transparent;border:0;font:300 30px var(--serif);color:var(--creme);width:100%;outline:none}
.busca input::placeholder{color:rgba(255,245,235,.35)}
.termos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}
.termo{border-radius:16px;background:rgba(255,245,235,.05);border:1px solid rgba(232,162,174,.14);padding:20px 22px;text-align:left;transition:background .25s,border-color .25s;display:flex;flex-direction:column}
.termo:hover{border-color:rgba(232,162,174,.4)}
.termo b{font:400 23px/1.15 var(--serif);color:var(--creme);display:flex;justify-content:space-between;gap:10px;align-items:center}
.termo b:after{content:"";width:10px;height:10px;border-right:1.5px solid var(--rose);border-bottom:1.5px solid var(--rose);transform:rotate(45deg) translateY(-3px);flex:none;transition:transform .3s}
.termo .def{font-size:15px;line-height:1.55;color:rgba(255,245,235,.8);max-height:0;overflow:hidden;transition:max-height .45s var(--ease),margin .3s}
.termo[aria-expanded="true"]{background:rgba(232,162,174,.1);border-color:rgba(232,162,174,.4)}
.termo[aria-expanded="true"] b:after{transform:rotate(225deg) translateY(-3px)}
.termo[aria-expanded="true"] .def{max-height:240px;margin-top:10px}
.termo[hidden]{display:none}
.nada{color:rgba(255,245,235,.6);font-size:16px}

/* ---------- áreas (home) ---------- */
.areas{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);max-width:calc(var(--larg) - var(--gut) * 2);margin:0 auto}
.area{position:relative;padding:44px 32px 40px;border-radius:0;border-right:1px solid var(--linha);text-decoration:none;min-height:500px;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}
.area:last-child{border-right:0}
.area:before{content:"";position:absolute;inset:0;background:var(--bordo);transform:translateY(101%);transition:transform .6s var(--ease);z-index:-1}
.area:hover:before,.area:focus-visible:before{transform:none}
.area .n{font:300 italic 80px/1 var(--serif);color:var(--rose)}
.area h3{font:300 44px/1.02 var(--serif);color:var(--noite);margin:auto 0 14px;transition:color .4s}
.area p{color:var(--txt-dim);font-size:16px;transition:color .4s}
.area .itens{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.area .itens span{font-size:13px;padding:6px 12px;border-radius:30px;background:var(--blush);color:var(--bordo);transition:.4s}
.area .seta{margin-top:24px;transition:color .4s}
.area:hover h3,.area:hover p,.area:hover .seta{color:var(--creme)}
.area:hover .itens span{background:rgba(255,245,235,.14);color:var(--creme)}
.area .simb.fundo{position:absolute;right:-60px;top:-40px;height:260px;color:var(--rose);opacity:0;transform:rotate(-12deg) scale(.8);transition:.7s var(--ease);z-index:-1}
.area:hover .simb.fundo{opacity:.25;transform:none}

/* ---------- formas de violência ---------- */
.formas-int{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}
.formas-tabs{display:flex;flex-direction:column;border-top:1px solid rgba(232,162,174,.18)}
.formas-tabs button{display:grid;grid-template-columns:40px 1fr;align-items:baseline;text-align:left;padding:18px 0;border-bottom:1px solid rgba(232,162,174,.18);font:300 30px/1.1 var(--serif);color:rgba(255,245,235,.45);transition:color .25s}
.formas-tabs button span{font:300 italic 16px var(--serif);color:var(--rose)}
.formas-tabs button:hover{color:rgba(255,245,235,.8)}
.formas-tabs button[aria-selected="true"]{color:var(--creme);font-style:italic}
.forma-painel{background:rgba(255,245,235,.06);border:1px solid rgba(232,162,174,.14);border-radius:24px;padding:40px 38px;min-height:300px;position:sticky;top:calc(var(--topo) + 24px)}
.forma-painel h3{font:300 50px/1 var(--serif);color:var(--rose);margin:14px 0 16px}
.forma-painel p{font-size:18.5px;color:rgba(255,245,235,.88)}
.forma-painel .lei{margin-top:20px;font-size:14px;color:rgba(255,245,235,.55)}
.canais{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:56px}
.canal{border-radius:16px;padding:22px;background:rgba(255,245,235,.05);border:1px solid rgba(232,162,174,.14)}
.canal b{display:block;font:300 44px/1 var(--serif);color:var(--rose);margin-bottom:10px}
.canal span{font-size:14.5px;color:rgba(255,245,235,.82);line-height:1.45;display:block}

/* ---------- artigos ---------- */
.trilho-art{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(320px,410px);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 0 30px;scrollbar-width:none;cursor:grab}
.trilho-art::-webkit-scrollbar{display:none}
.trilho-art.arrastando{cursor:grabbing;scroll-snap-type:none}
.trilho-art.arrastando a{pointer-events:none}
.art-card{scroll-snap-align:start;background:#fff;border-radius:24px;padding:34px 32px;text-decoration:none;display:flex;flex-direction:column;gap:14px;min-height:360px;transition:transform .35s var(--ease),box-shadow .35s;user-select:none;-webkit-user-drag:none}
.art-card:hover{transform:translateY(-6px);box-shadow:0 34px 50px -36px rgba(58,14,31,.5)}
.art-card h3{font:300 30px/1.1 var(--serif);color:var(--noite)}
.art-card h3 em{color:var(--bordo)}
.art-card p{font-size:15.5px;color:var(--txt-dim)}
.art-meta{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font:500 13px var(--sans);color:var(--bordo)}
.art-meta:after{content:"";width:22px;height:12px;background:currentColor;-webkit-mask:var(--m-seta) center/contain no-repeat;mask:var(--m-seta) center/contain no-repeat}
.art-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.art-grade .art-card{min-height:330px}
.creme-cards .art-card{background:var(--creme)}
.art-card[hidden]{display:none}

/* ---------- faq ---------- */
.faq{max-width:900px}
.faq details{border-top:1px solid var(--linha)}
.faq details:last-child{border-bottom:1px solid var(--linha)}
.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 28px;gap:20px;align-items:center;padding:26px 0;font:300 25px/1.25 var(--serif);color:var(--noite);transition:color .2s}
.faq summary:hover{color:var(--bordo)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"";width:13px;height:13px;justify-self:end;border-right:1.6px solid var(--bordo);border-bottom:1.6px solid var(--bordo);transform:rotate(45deg) translate(-3px,-3px);transition:transform .3s}
.faq details[open] summary:after{transform:rotate(225deg) translate(-3px,-3px)}
.faq .resp{padding:0 52px 28px 0;font-size:17px;color:var(--txt-dim)}
.faq .resp p+p{margin-top:12px}
.faq a{color:var(--bordo)}
.escuro .faq details{border-color:rgba(232,162,174,.18)}
.escuro .faq summary{color:var(--creme)}
.escuro .faq summary:after{border-color:var(--rose)}
.escuro .faq .resp{color:rgba(255,245,235,.78)}
.escuro .faq a{color:var(--rose)}

/* ---------- chamada final ---------- */
.fim{text-align:center;padding:170px 0 160px;overflow:hidden}
.fim .simb.fundo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:150%;color:var(--bordo);opacity:.32;z-index:-1}
.fim .h-xl{max-width:980px;margin:22px auto 0;color:var(--creme)}
.fim p{max-width:540px;margin:28px auto 40px;color:rgba(255,245,235,.75);font-size:18px}
.fim .btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}

/* ---------- página interna ---------- */
.int-abre{padding:calc(var(--topo) + 90px) 0 100px;overflow:hidden}
.int-abre:after{content:"";position:absolute;width:800px;height:800px;right:-240px;bottom:-320px;background:radial-gradient(circle,rgba(122,28,58,.6),rgba(122,28,58,0) 62%);z-index:-1;pointer-events:none}
.int-abre .simb.fundo{position:absolute;right:-40px;bottom:-120px;height:500px;color:var(--rose);opacity:.16;z-index:-1}
.int-abre .h-xl{color:var(--creme);max-width:1000px;margin-top:22px}
.int-abre .lead{font-size:20px;max-width:640px;color:rgba(255,245,235,.78);margin-top:30px}
.ancoras{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}
.ancoras a{padding:10px 18px;border-radius:40px;box-shadow:inset 0 0 0 1px rgba(232,162,174,.35);text-decoration:none;font-size:14.5px;color:var(--creme);transition:.2s}
.ancoras a:hover{background:var(--creme);color:var(--breu)}
.bloco-t{display:grid;grid-template-columns:.42fr 1fr;gap:56px;padding:64px 0;border-top:1px solid var(--linha)}
.bloco-t:first-child{border-top:0;padding-top:0}
.bloco-t .lado .n{font:300 italic 64px/1 var(--serif);color:var(--rose)}
.bloco-t .lado h2{font:300 40px/1.05 var(--serif);color:var(--bordo);margin-top:12px}
.bloco-t .corpo p{font-size:18px}
.bloco-t .corpo p+p{margin-top:14px}
.destaque-t{margin-top:24px;background:var(--breu);color:var(--creme);border-radius:18px;padding:26px 28px}
.destaque-t .rot{margin-bottom:8px;color:var(--rose)}
.destaque-t p{font-size:16.5px;color:rgba(255,245,235,.85)}
.destaque-t a{color:var(--rose)}
.docs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:960px}
.doc{display:flex;align-items:center;gap:14px;text-align:left;background:#fff;border-radius:14px;padding:18px 20px;font-size:16.5px;transition:background .2s}
.doc i{width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--bordo);flex:none;display:grid;place-items:center;transition:background .2s}
.doc[aria-pressed="true"]{background:var(--blush)}
.doc[aria-pressed="true"] i{background:var(--bordo)}
.doc[aria-pressed="true"] i:after{content:"";width:9px;height:5px;border-left:1.8px solid var(--creme);border-bottom:1.8px solid var(--creme);transform:rotate(-45deg) translate(1px,-1px)}
.doc[aria-pressed="true"] span{text-decoration:line-through;text-decoration-color:var(--rose)}
.docs-prog{margin-top:18px;font-size:15px;color:var(--txt-dim)}
.docs-prog b{color:var(--bordo);font-weight:600}
.seguranca{background:var(--blush);border-radius:22px;padding:34px 36px}
.seguranca h3{font:300 30px/1.15 var(--serif);color:var(--noite);margin:10px 0 16px}
.seguranca ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.seguranca li{padding:12px 0;border-top:1px solid var(--linha);font-size:16px}

/* ---------- artigo ---------- */
.progresso{position:fixed;left:0;top:0;height:3px;background:var(--rose);width:0;z-index:45}
.art-abre{padding:calc(var(--topo) + 80px) 0 80px}
.trilha{display:flex;gap:10px;font:700 12.5px var(--sans);letter-spacing:.1em;text-transform:uppercase}
.trilha a{color:var(--rose);text-decoration:none}
.trilha span{color:rgba(255,245,235,.4)}
.art-abre h1{font:300 clamp(42px,5.4vw,78px)/1.02 var(--serif);color:var(--creme);margin:26px 0 24px}
.art-abre h1 em{color:var(--rose)}
.art-lead{font-size:21px;line-height:1.55;color:rgba(255,245,235,.8)}
.art-autor{display:flex;gap:14px;align-items:center;margin-top:36px}
.art-autor .simb{height:46px;color:var(--rose)}
.art-autor b{display:block;font:400 18px var(--serif)}
.art-autor span{font-size:14px;color:rgba(255,245,235,.6)}
.art-corpo{padding:80px 0 110px}
.art-corpo h2{font:300 36px/1.12 var(--serif);color:var(--bordo);margin:60px 0 16px}
.art-corpo p{font-size:18.5px;line-height:1.78;margin-top:18px}
.art-corpo ul,.art-corpo ol{margin-top:18px;list-style:none}
.art-corpo li{font-size:17.5px;line-height:1.65;padding:12px 0 12px 32px;border-top:1px solid var(--linha);position:relative}
.art-corpo li:last-child{border-bottom:1px solid var(--linha)}
.art-corpo ul li:before{content:"";position:absolute;left:4px;top:23px;width:8px;height:8px;border-radius:50%;background:var(--rose)}
.art-corpo ol{counter-reset:o}
.art-corpo ol li{counter-increment:o}
.art-corpo ol li:before{content:counter(o);position:absolute;left:0;top:10px;font:300 italic 23px var(--serif);color:var(--bordo)}
.art-corpo b,.art-corpo strong{font-weight:500;color:var(--noite)}
.art-corpo a{color:var(--bordo);text-underline-offset:3px}
.art-corpo .citacao{font:300 italic clamp(28px,3vw,38px)/1.25 var(--serif);color:var(--bordo);margin:56px 0;text-align:center}
.art-corpo .quadro{background:var(--breu);color:var(--creme);border-radius:18px;padding:28px 30px;margin-top:40px}
.art-corpo .quadro .rot{color:var(--rose)}
.art-corpo .quadro p{font-size:17px;margin-top:8px;color:rgba(255,245,235,.88)}
.art-corpo .quadro b{color:var(--creme)}
.art-aviso{margin-top:48px;background:var(--blush);border-radius:18px;padding:26px 28px}
.art-aviso p{font-size:15.5px;line-height:1.6;color:var(--txt-dim);margin-top:8px}
.filtros{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:36px}
.filtros button{padding:11px 20px;border-radius:40px;box-shadow:inset 0 0 0 1px var(--linha);font:500 14.5px var(--sans);background:#fff}
.filtros button[aria-pressed="true"]{background:var(--bordo);color:var(--creme);box-shadow:none}

/* texto corrido */
.texto-l{padding:calc(var(--topo) + 80px) 0 120px}
.texto-l h1{font:300 clamp(42px,5vw,64px)/1.05 var(--serif);color:var(--bordo);margin:16px 0 28px}
.texto-l h2{font:400 27px/1.2 var(--serif);color:var(--noite);margin:42px 0 10px}
.texto-l p{font-size:17.5px;line-height:1.72;margin-top:12px}

/* rodapé */
.rodape{background:var(--breu);color:var(--creme);padding:96px 0 40px;position:relative;isolation:isolate;overflow:hidden}
.rodape:before{content:"";position:absolute;inset:0;background:var(--grao);z-index:-1}
.rod-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding-bottom:56px;border-bottom:1px solid rgba(255,245,235,.14)}
.rod-top .logo .simb{height:58px;color:var(--rose)}
.rod-top .logo-txt b{font-size:21px}
.rod-top .logo-txt small{font-size:9.6px}
.rod-frase{font:300 clamp(26px,2.8vw,40px)/1.15 var(--serif);text-align:right}
.rod-frase em{color:var(--rose)}
.rod-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:44px 0}
.rod-cols div{display:flex;flex-direction:column;gap:10px;font-size:15px}
.rod-cols .rot{margin-bottom:6px;color:var(--rose)}
.rod-cols a{text-decoration:none;opacity:.85}
.rod-cols a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
.rod-txt{opacity:.8;line-height:1.55}
.rod-txt b{font-weight:600;color:var(--rose)}
.rod-base{display:flex;justify-content:space-between;gap:24px;padding-top:24px;border-top:1px solid rgba(255,245,235,.14);font-size:13.5px;opacity:.65}

/* fixos */
.zap{position:fixed;right:24px;bottom:24px;width:60px;height:60px;border-radius:50%;background:var(--zap);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 24px -8px rgba(0,0,0,.35);z-index:50;transition:transform .25s var(--ease)}
.zap:hover{transform:scale(1.07)}
.zap svg{width:30px;height:30px;fill:#fff}
.disc{position:fixed;left:20px;bottom:24px;width:42px;height:42px;border-radius:50%;background:var(--creme);box-shadow:0 0 0 1px var(--linha),0 8px 18px -10px rgba(58,14,31,.4);display:flex;align-items:center;justify-content:center;color:var(--rose);z-index:50;opacity:.88;transition:opacity .2s}
.disc:hover{opacity:1}
.disc .simb{height:21px}
.cookies{position:fixed;left:84px;right:104px;bottom:24px;max-width:640px;margin:0 auto;background:var(--noite);color:var(--creme);border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:18px;z-index:60;box-shadow:0 20px 40px -20px rgba(0,0,0,.5);font-size:14px;line-height:1.5}
.cookies[hidden]{display:none}
.cookies a{color:var(--rose)}
.cookies div{display:flex;gap:8px;flex:none}
.cookies button{padding:10px 16px;border-radius:30px;font:600 12px var(--sans);letter-spacing:.06em;text-transform:uppercase}
.cookies [data-cookie="nao"]{box-shadow:inset 0 0 0 1px rgba(255,245,235,.4)}
.cookies [data-cookie="sim"]{background:var(--rose);color:var(--noite)}

/* entradas */
.surge{opacity:0;transform:translateY(26px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.surge.on{opacity:1;transform:none}
.surge.d1{transition-delay:.08s}.surge.d2{transition-delay:.16s}.surge.d3{transition-delay:.24s}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}
  .surge,.abre .h-xl .ln > span,.abre-sub,.pergunta,.abre-acoes,.folhas .entra{opacity:1;transform:none}
  html{scroll-behavior:auto}
}

/* responsivo */
@media (max-width:1060px){
  .menu{display:none}
  .menu-btn{display:block}
  .sair{margin-left:auto}
  .termos{grid-template-columns:1fr 1fr}
  .canais{grid-template-columns:1fr 1fr}
  .art-grade{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  :root{--gut:18px;--topo:68px}
  body{font-size:16.5px}
  .logo .simb{height:32px}
  .logo-txt b{font-size:13px}
  .logo-txt small{font-size:6.2px}
  .topo-in{gap:8px}
  .sair{padding:10px 12px;font-size:11px}
  .sec{padding:96px 0}
  .cab{grid-template-columns:1fr;gap:20px;margin-bottom:40px}
  .abre{padding-top:calc(var(--topo) + 20px);align-items:flex-start}
  .abre-g{grid-template-columns:1fr;gap:10px}
  .abre:after{width:600px;height:600px;right:-260px;top:20%}
  .abre-sub{font-size:17.5px;margin-top:24px}
  .pergunta .bolha{font-size:18px}
  .rolar{display:none}
  .triagem,.decide,.mitos,.sobre-g,.ferr,.formas-int,.bloco-t{grid-template-columns:1fr}
  .painel{position:relative;top:0;padding:34px 24px;min-height:0;border-radius:20px}
  .sit{padding:18px 4px;grid-template-columns:34px 1fr 24px}
  .resultado{padding:32px 24px;min-height:0}
  .mitos{gap:36px}
  .baralho{height:480px}
  .carta .lado{padding:32px 26px}
  .retrato{position:relative;top:0;max-width:260px}
  .credenciais{grid-template-columns:1fr}
  .ferr-card{padding:30px 24px}
  .termos{grid-template-columns:1fr}
  .busca input{font-size:24px}
  .areas{grid-template-columns:1fr;margin:0 var(--gut)}
  .area{border-right:0;border-bottom:1px solid var(--linha);min-height:0;padding:36px 4px}
  .area:last-child{border-bottom:0}
  .area h3{margin-top:40px}
  .forma-painel{position:relative;top:0;padding:30px 24px;min-height:0}
  .formas-tabs button{font-size:26px}
  .canais{grid-template-columns:1fr 1fr}
  .trilho-art{grid-auto-columns:84%}
  .art-grade{grid-template-columns:1fr}
  .fim{padding:120px 0}
  .int-abre{padding:calc(var(--topo) + 50px) 0 70px}
  .bloco-t{gap:16px;padding:44px 0}
  .docs{grid-template-columns:1fr}
  .seguranca{padding:28px 22px}
  .seguranca ul{grid-template-columns:1fr}
  .faq summary{font-size:21px}
  .faq .resp{padding-right:0}
  .art-abre{padding:calc(var(--topo) + 44px) 0 56px}
  .art-corpo{padding:56px 0 80px}
  .art-corpo p{font-size:17.5px}
  .rod-top{flex-direction:column;align-items:flex-start}
  .rod-frase{text-align:left}
  .rod-cols{grid-template-columns:1fr 1fr}
  .rod-base{flex-direction:column}
  .zap{right:16px;bottom:16px;width:56px;height:56px}
  .disc{left:14px;bottom:20px}
  .cookies{left:12px;right:12px;bottom:88px;flex-direction:column;align-items:flex-start}
}

/* fotos */
.abre-lado{position:relative;justify-self:center;width:100%;max-width:500px}
.abre-lado .folhas{max-width:none}
.quem{position:absolute;left:-10px;bottom:6%;display:flex;align-items:center;gap:14px;background:rgba(30,7,16,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(232,162,174,.25);border-radius:60px;padding:8px 22px 8px 8px;opacity:0;animation:aparece 1s 1.6s var(--ease) forwards}
.quem img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.quem b{display:block;font:400 17px/1.2 var(--serif);color:var(--creme)}
.quem span{font-size:13px;color:rgba(255,245,235,.65)}
.retrato .foto img{filter:none;mix-blend-mode:normal;opacity:1;object-position:50% 18%}
.retrato .foto:after{background:linear-gradient(180deg,rgba(30,7,16,0) 70%,rgba(30,7,16,.45))}
.retrato .foto2{position:absolute;right:-34px;bottom:56px;width:42%;aspect-ratio:2/3;border-radius:18px;overflow:hidden;border:5px solid var(--creme);box-shadow:0 24px 40px -24px rgba(58,14,31,.55);transform:rotate(4deg)}
.retrato .foto2 img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.fim-av{width:96px;height:96px;border-radius:50%;object-fit:cover;margin:0 auto 24px;border:3px solid var(--rose)}
.int-g{display:grid;grid-template-columns:1.4fr .6fr;gap:56px;align-items:end}
.int-foto{border-radius:300px 300px 22px 22px;overflow:hidden;aspect-ratio:3/4;max-width:380px;justify-self:end;width:100%;box-shadow:0 40px 60px -40px rgba(0,0,0,.7)}
.int-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.art-autor img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--rose)}
@media (max-width:820px){
  .abre-lado{order:-1;max-width:none;display:flex;align-items:center;gap:18px;justify-self:stretch}
  .abre-lado .folhas{max-width:120px;margin:0}
  .quem{position:relative;left:auto;bottom:auto;padding:6px 16px 6px 6px}
  .quem img{width:44px;height:44px}
  .quem b{font-size:14.5px}
  .quem span{font-size:12px;white-space:nowrap}
  .abre-lado .folhas{max-width:96px}
  .retrato .foto2{right:-18px;bottom:40px}
  .int-g{grid-template-columns:1fr;gap:36px}
  .int-foto{justify-self:start;max-width:240px}
}

/* ---------- variação de fundos ---------- */
:root{--grao-cl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .23 0 0 0 0 .05 0 0 0 0 .12 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* papel: grão quente e manchas de blush nas seções claras */
.papel{position:relative;isolation:isolate;background:var(--creme)}
.papel:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--grao-cl),radial-gradient(60% 50% at 8% 0%,rgba(232,162,174,.22),transparent 70%),radial-gradient(50% 45% at 100% 100%,rgba(232,162,174,.16),transparent 70%)}
.branco.papel{background:#fff}
/* folha d'água: o símbolo grande e quase transparente num canto */
.dagua{position:absolute;z-index:-1;pointer-events:none;color:var(--bordo);opacity:.05;height:min(760px,80vw);width:auto}
.dagua.dir{right:-12%;top:6%}
.dagua.esq{left:-14%;bottom:-8%;transform:rotate(-14deg)}
.escuro .dagua,.vinho .dagua{color:var(--rose);opacity:.07}
/* foto de fundo com película */
.com-foto{position:relative;overflow:hidden;isolation:isolate}
.com-foto > .bg{position:absolute;inset:-8% 0;z-index:-2}
.com-foto > .bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(.35) contrast(1.05);will-change:transform}
.com-foto > .bg:after{content:"";position:absolute;inset:0;background:var(--pelicula,linear-gradient(90deg,var(--breu) 30%,rgba(30,7,16,.78) 55%,rgba(58,14,31,.35) 100%))}
.com-foto.escuro:before{z-index:-1}
/* faixa de frase com foto */
.faixa-foto{min-height:82vh;display:flex;align-items:center;padding:140px 0;color:var(--creme)}
.faixa-foto .bg img{object-position:72% 22%}
.faixa-foto blockquote{font:300 clamp(36px,4.6vw,68px)/1.06 var(--serif);max-width:720px;letter-spacing:-.01em}
.faixa-foto blockquote em{color:var(--rose)}
.faixa-foto cite{display:flex;align-items:center;gap:14px;margin-top:36px;font-style:normal}
.faixa-foto cite b{display:block;font:400 19px var(--serif)}
.faixa-foto cite span{font-size:14px;color:rgba(255,245,235,.7)}
.faixa-foto cite .simb{height:44px;color:var(--rose)}
/* glossário e chamada final com foto */
#glossario .bg img{object-position:85% 20%}
#glossario{--pelicula:linear-gradient(90deg,var(--breu) 45%,rgba(30,7,16,.86) 70%,rgba(30,7,16,.55))}
.fim.com-foto{--pelicula:radial-gradient(70% 80% at 50% 50%,rgba(30,7,16,.82),rgba(30,7,16,.62) 70%,rgba(30,7,16,.5)),linear-gradient(rgba(122,28,58,.35),rgba(122,28,58,.35))}
.fim.com-foto .bg img{object-position:50% 25%;filter:grayscale(.5) contrast(1.05)}
.fim.com-foto .simb.fundo{opacity:.18}
@media (max-width:820px){
  .faixa-foto{min-height:0;padding:300px 0 70px;align-items:flex-end}
  .faixa-foto .bg img{object-position:60% 15%}
  .com-foto{--pelicula:linear-gradient(180deg,rgba(30,7,16,.2) 0%,rgba(30,7,16,.75) 40%,var(--breu) 70%)}
  #glossario{--pelicula:linear-gradient(180deg,rgba(30,7,16,.6),var(--breu) 30%)}
  .dagua{height:120vw}
}
@media (prefers-reduced-motion:reduce){.com-foto > .bg img{transform:none!important}}
/* foto só de um lado, esmaecendo para o fundo */
.faixa-foto,#glossario{background:var(--breu)}
.faixa-foto > .bg,#glossario > .bg{left:auto;right:0;width:min(56%,760px);inset-block:0}
.faixa-foto > .bg img,#glossario > .bg img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);mask-image:linear-gradient(90deg,transparent,#000 45%)}
.faixa-foto{--pelicula:linear-gradient(90deg,rgba(30,7,16,.15),rgba(58,14,31,.25))}
#glossario{--pelicula:linear-gradient(90deg,rgba(30,7,16,.55),rgba(30,7,16,.72))}
.faixa-foto .bg img{object-position:50% 18%}
#glossario .bg img{object-position:50% 15%}
.fim.com-foto > .bg{inset:0}
.fim.com-foto .bg img{object-position:50% 12%}
@media (max-width:820px){
  .faixa-foto > .bg,#glossario > .bg{width:100%;height:62%;inset:0 0 auto 0}
  .faixa-foto > .bg img,#glossario > .bg img{-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent);mask-image:linear-gradient(180deg,#000 50%,transparent)}
  .faixa-foto{padding-top:360px}
  #glossario > .bg{height:420px;opacity:.55}
}
.faixa-foto blockquote{max-width:min(620px,52vw)}
@media (max-width:820px){.faixa-foto blockquote{max-width:none}}
.faixa-foto > .bg{width:min(50%,700px)}
.faixa-foto blockquote{max-width:min(560px,46vw)}
.faixa-foto > .wrap{width:100%}
#glossario{--pelicula:linear-gradient(90deg,rgba(30,7,16,.7),rgba(30,7,16,.8))}
#glossario > .bg{height:min(100%,900px);bottom:auto}
#glossario .termo{background:rgba(30,7,16,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
#glossario .cab p{color:rgba(255,245,235,.85);text-shadow:0 1px 12px rgba(30,7,16,.8)}
/* chamada final com foto: texto à esquerda, retrato à direita */
.fim.com-foto{text-align:left;--pelicula:linear-gradient(90deg,rgba(30,7,16,.2),rgba(58,14,31,.25))}
.fim.com-foto > .bg{inset:0 0 0 auto;width:min(48%,680px)}
.fim.com-foto > .bg img{filter:grayscale(.2);object-position:50% 18%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%)}
.fim.com-foto .simb.fundo{display:none}
.fim.com-foto .h-xl,.fim.com-foto p{margin-left:0;max-width:min(640px,50vw)}
.fim.com-foto .btns{justify-content:flex-start}
@media (max-width:820px){
  .fim.com-foto{padding-top:380px}
  .fim.com-foto > .bg{width:100%;height:440px;inset:0 0 auto 0}
  .fim.com-foto > .bg img{-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent);mask-image:linear-gradient(180deg,#000 45%,transparent)}
  .fim.com-foto .h-xl,.fim.com-foto p{max-width:none}
}
/* celular: reafirma depois dos ajustes de desktop acima */
@media (max-width:820px){
  .faixa-foto > .bg,#glossario > .bg,.fim.com-foto > .bg{width:100%;inset:0 0 auto 0}
  .faixa-foto > .bg{height:400px}
  .faixa-foto{padding-top:340px}
  .faixa-foto blockquote,.fim.com-foto .h-xl,.fim.com-foto p{max-width:none}
  #glossario > .bg{height:420px}
}
.sec,.papel{overflow-x:clip}

/* ================= movimento ================= */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}

/* títulos palavra por palavra */
.parte{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.parte > span{display:inline-block;transform:translateY(108%) rotate(4deg);transform-origin:0 100%;transition:transform 1s var(--ease);transition-delay:calc(var(--i) * 55ms)}
.dividido.on .parte > span{transform:none}

/* cascata */
.cascata > *{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--i,0) * 70ms)}
.cascata.on > *{opacity:1;transform:none}

/* foto que se revela */
.revela{clip-path:inset(100% 0 0 0 round 300px 300px 22px 22px);transition:clip-path 1.4s var(--ease)}
.revela img{transform:scale(1.18);transition:transform 1.8s var(--ease)}
.revela.on{clip-path:inset(0 0 0 0 round 300px 300px 22px 22px)}
.revela.on img{transform:scale(1)}

/* faixa de assuntos */
.corre{overflow:hidden;background:var(--bordo);color:var(--creme);padding:22px 0;position:relative;isolation:isolate;border-block:1px solid rgba(232,162,174,.25)}
.corre:before{content:"";position:absolute;inset:0;background:var(--grao);z-index:-1}
.corre.clara{background:var(--blush);color:var(--bordo);border-color:var(--linha)}
.corre.clara:before{background:var(--grao-cl)}
.corre-t{display:flex;width:max-content;animation:corre 38s linear infinite}
.corre-t span{font:300 italic clamp(30px,3.6vw,52px)/1 var(--serif);white-space:nowrap;display:flex;align-items:center;gap:36px;padding-right:36px}
.corre-t span:after{content:"";width:22px;height:28px;flex:none;background:currentColor;opacity:.55;-webkit-mask:var(--m-folha) center/contain no-repeat;mask:var(--m-folha) center/contain no-repeat}
@keyframes corre{to{transform:translateX(-50%)}}

/* abertura que se desmancha ao rolar */
.abre{--p:0}
.abre .h-xl,.abre-sub,.pergunta,.abre-acoes{translate:0 calc(var(--p) * -70px)}
.abre .h-xl{opacity:calc(1 - var(--p) * .9)}
.folhas .f:nth-child(1){translate:calc(var(--p) * -90px) calc(var(--p) * -60px);rotate:calc(var(--p) * -10deg)}
.folhas .f:nth-child(2){translate:calc(var(--p) * 90px) calc(var(--p) * -80px);rotate:calc(var(--p) * 12deg)}
.folhas .f:nth-child(3){translate:calc(var(--p) * 10px) calc(var(--p) * 90px)}
.folhas .f{transform-box:fill-box;transform-origin:50% 100%}

/* botões magnéticos e cartões que inclinam */
.ima{transition:transform .5s var(--ease),background .25s,box-shadow .25s}
.ima:hover{transform:translate(var(--mx,0),var(--my,0))}
.btn.ima:hover{transform:translate(var(--mx,0),calc(var(--my,0px) - 2px))}
.inclina{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0));transition:transform .5s var(--ease),box-shadow .35s}
.inclina:hover{--ty:-6px}


/* nome gigante no rodapé */
.rod-nome{font:300 clamp(64px,13.5vw,220px)/.85 var(--serif);letter-spacing:-.03em;color:var(--creme);white-space:nowrap;display:flex;justify-content:space-between;margin:0 0 56px;overflow:hidden;padding-bottom:.06em}
.rod-nome span{display:inline-block;transform:translateY(105%);transition:transform 1.1s var(--ease);transition-delay:calc(var(--i) * 40ms)}
.rod-nome em{color:var(--rose)}
.rod-nome.on span{transform:none}

@media (max-width:820px){
  .corre{padding:16px 0}
  .corre-t{animation-duration:26s}
  .rod-nome{margin-bottom:36px}
}
@media (prefers-reduced-motion:reduce){
  .parte > span,.rod-nome span{transform:none!important}
  .cascata > *{opacity:1!important;transform:none!important}
  .revela{clip-path:none!important}.revela img{transform:none!important}
  .corre-t{animation:none}
  .abre .h-xl,.abre-sub,.pergunta,.abre-acoes,.folhas .f{translate:none!important;rotate:none!important;opacity:1!important}
}
html.lenis{scroll-behavior:auto!important}
.rod-nome{display:block}
@media (max-width:820px){.rod-nome{font-size:15.5vw}}

/* triagem em cartões: mais presença */
.sit-lista{border-top:0;gap:10px}
.sit{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:52px 1fr 44px;gap:16px;padding:18px 18px 18px 16px;border:1px solid var(--linha);border-radius:18px;background:#fff;box-shadow:0 14px 30px -24px rgba(58,14,31,.45);font-size:clamp(22px,2vw,27px);transition:color .35s,border-color .35s,box-shadow .35s,transform .5s var(--ease),opacity .8s var(--ease) calc(var(--i,0) * 70ms)}
.sit:after{display:none}
.sit:before{content:"";position:absolute;inset:0;background:var(--bordo);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease);z-index:-1}
.sit .n{width:46px;height:46px;border-radius:50%;background:var(--blush);display:grid;place-items:center;font:400 italic 19px var(--serif);color:var(--bordo);transition:background .35s,color .35s}
.sit .t{display:flex;flex-direction:column;gap:4px;line-height:1.15}
.sit small{font:400 14px/1.35 var(--sans);color:var(--txt-dim);font-style:normal;transition:color .35s}
.sit i{width:40px;height:40px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--linha);display:grid;place-items:center;transition:background .35s,box-shadow .35s,transform .45s var(--ease)}
.sit i:after{content:"";width:18px;height:10px;background:var(--bordo);-webkit-mask:var(--m-seta) center/contain no-repeat;mask:var(--m-seta) center/contain no-repeat;transition:background .35s}
.sit:hover{padding-left:16px;color:var(--creme);border-color:var(--bordo);transform:translateX(6px)}
.sit:hover:before,.sit[aria-selected="true"]:before{transform:scaleX(1)}
.sit:hover .n,.sit[aria-selected="true"] .n{background:var(--rose);color:var(--noite)}
.sit:hover small,.sit[aria-selected="true"] small{color:rgba(255,245,235,.78)}
.sit:hover i,.sit[aria-selected="true"] i{background:var(--creme);box-shadow:none}
.sit[aria-selected="true"]{padding-left:16px;color:var(--creme);font-style:normal;border-color:var(--bordo);box-shadow:0 24px 40px -22px rgba(122,28,58,.65);transform:translateX(10px)}
.sit[aria-selected="true"] .t{font-style:italic}
.sit[aria-selected="true"] i{transform:translateX(4px)}
.triagem{gap:40px;align-items:start}
.triagem-dica{display:flex;align-items:center;gap:10px;margin-bottom:16px;font:700 12.5px var(--sans);letter-spacing:.11em;text-transform:uppercase;color:var(--bordo)}
.triagem-dica b{width:10px;height:10px;border-radius:50%;background:var(--bordo);box-shadow:0 0 0 0 rgba(122,28,58,.5);animation:pulsa 1.8s infinite}
@keyframes pulsa{70%{box-shadow:0 0 0 12px rgba(122,28,58,0)}100%{box-shadow:0 0 0 0 rgba(122,28,58,0)}}
@media (max-width:820px){
  .sit{grid-template-columns:42px 1fr 36px;gap:12px;padding:14px 12px;font-size:21px}
  .sit .n{width:40px;height:40px;font-size:17px}
  .sit i{width:34px;height:34px}
  .sit:hover,.sit[aria-selected="true"]{transform:none}
}
@media (prefers-reduced-motion:reduce){.triagem-dica b{animation:none}}

/* sem cortes: folga em volta das letras animadas (acentos, pingos e itálico) */
.rod-nome{overflow:visible;padding:.14em .12em .1em 0}
.rod-nome span{transform:translateY(35%);opacity:0;transition:transform 1.1s var(--ease),opacity .9s var(--ease);transition-delay:calc(var(--i) * 45ms)}
.rod-nome.on span{transform:none;opacity:1}
.parte{padding:.18em .14em .1em .02em;margin:-.18em -.14em -.1em -.02em}
.abre .h-xl .ln{padding:.16em .16em .08em 0;margin:-.16em -.16em -.08em 0}
@media (prefers-reduced-motion:reduce){.rod-nome span{opacity:1!important}}

/* ================= enquadramento: cada seção cabe numa tela ================= */
:root{--alto:calc(100svh - var(--topo))}
.sec{padding:clamp(48px,8.5vh,120px) 0}
.cab{margin-bottom:clamp(22px,4.2vh,56px);gap:clamp(24px,4vw,64px)}
.cab .rot{margin-bottom:clamp(10px,1.8vh,22px)}
.cab p{font-size:clamp(15.5px,2.1vh,18.5px)}
.h-xl{font-size:clamp(40px,min(6.4vw,10.2vh),98px)}
.h-l{font-size:clamp(34px,min(5.2vw,7.8vh),76px)}
.h-m{font-size:clamp(28px,min(3.6vw,5.6vh),50px)}

/* abertura */
.abre{min-height:100svh;padding:calc(var(--topo) + 3vh) 0 6vh}
.abre-sub{margin-top:clamp(16px,3vh,34px);font-size:clamp(16px,2.2vh,19px)}
.pergunta{margin-top:clamp(16px,3vh,36px);min-height:0}
.abre-acoes{margin-top:clamp(18px,3vh,36px)}
.abre-lado{max-width:min(500px,58vh)}

/* triagem: título, lista e painel na mesma tela */
#comecar .cab{margin-bottom:clamp(16px,3vh,40px)}
.triagem-dica{margin-bottom:10px}
.sit-lista{gap:clamp(6px,1vh,10px)}
.sit{padding:clamp(9px,1.4vh,16px) 16px clamp(9px,1.4vh,16px) 14px;font-size:clamp(19px,2.6vh,25px);grid-template-columns:44px 1fr 38px}
.sit .n{width:40px;height:40px;font-size:16px}
.sit i{width:34px;height:34px}
.sit small{font-size:13px}
.painel{min-height:0;padding:clamp(24px,4vh,44px) clamp(24px,3vw,42px);max-height:calc(var(--alto) - 48px);overflow:auto;scrollbar-width:thin}
.painel h3{font-size:clamp(26px,3.6vh,36px);margin:10px 0 12px}
.painel p{font-size:clamp(14.5px,1.9vh,16px)}
.painel .caminho{margin-top:12px;padding:12px 16px;font-size:14.5px}
.painel ol{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.painel ol li{grid-template-columns:1fr;gap:4px;padding:12px 0 0;font-size:14px;line-height:1.45}
.chips{margin-top:14px}
.chips span{font-size:12.5px;padding:6px 11px}
.painel-acoes{margin-top:18px}
.aviso-p{margin-top:12px}

/* áreas */
.area{min-height:clamp(320px,50vh,480px);padding:clamp(26px,4vh,44px) 30px clamp(24px,3.6vh,40px)}
.area .n{font-size:clamp(48px,7vh,80px)}
.area h3{font-size:clamp(32px,4.6vh,44px)}

/* cartório ou justiça */
.resultado{min-height:0;padding:clamp(26px,4vh,42px) clamp(24px,3vw,40px)}
.resultado h3{font-size:clamp(30px,4.6vh,50px);margin:14px 0 10px}
.q{padding:clamp(14px,2.2vh,22px) 22px}
.q p{font-size:clamp(18px,2.5vh,22px);margin-bottom:10px}
.trilho{margin-top:16px}.trilho li{padding-bottom:12px}

/* sobre */
.retrato .foto{max-height:calc(var(--alto) - 220px);aspect-ratio:3/4;width:auto;margin:0 auto}
.acende{font-size:clamp(24px,min(3.1vw,4.4vh),44px)}
.credenciais{margin-top:clamp(24px,4.5vh,56px)}
.cred{padding:clamp(16px,2.4vh,26px) 22px}
.cred b{font-size:clamp(22px,3vh,30px)}

/* mitos e ferramentas */
.baralho{height:clamp(360px,54vh,440px)}
.carta .lado{padding:clamp(26px,4.6vh,44px) clamp(24px,3vw,42px)}
.ferr-card{padding:clamp(24px,4vh,40px) clamp(24px,3vw,38px)}
.ferr-card h3{font-size:clamp(26px,3.8vh,34px)}
.campo{margin-top:clamp(12px,2.2vh,24px)}
.saida-calc{margin-top:clamp(12px,2.2vh,26px);min-height:0;padding:16px 20px}
.saida-calc b{font-size:clamp(30px,4.6vh,44px)}

/* glossário em quatro colunas */
.termos{grid-template-columns:repeat(4,1fr);gap:10px}
.termo{padding:14px 18px}
.termo b{font-size:clamp(18px,2.5vh,21px)}
.busca{margin-bottom:clamp(16px,3vh,34px)}
.busca input{font-size:clamp(22px,3.4vh,30px)}

/* artigos, dúvidas e fim */
.art-card{min-height:clamp(260px,40vh,360px);padding:clamp(22px,3.4vh,34px) 30px}
.faq summary{padding:clamp(16px,2.6vh,26px) 0;font-size:clamp(19px,2.8vh,25px)}
.fim{padding:clamp(70px,13vh,170px) 0}
.faixa-foto{min-height:0;padding:clamp(70px,14vh,140px) 0}

/* páginas internas */
.int-abre{padding:calc(var(--topo) + clamp(28px,6vh,90px)) 0 clamp(40px,7vh,100px)}
.int-abre .lead{margin-top:clamp(14px,2.6vh,30px);font-size:clamp(16px,2.3vh,20px)}
.ancoras{margin-top:clamp(18px,3.4vh,40px)}
.int-foto{max-height:calc(var(--alto) - 120px);width:auto;aspect-ratio:3/4}
.int-abre .canais{margin-top:clamp(24px,4vh,56px)}
.canal{padding:clamp(14px,2vh,22px)}
.canal b{font-size:clamp(30px,4.6vh,44px)}
.docs .doc{padding:clamp(12px,1.8vh,18px) 20px}
.seguranca{padding:clamp(24px,3.6vh,34px) 36px}
.forma-painel{min-height:0}
.formas-tabs button{padding:clamp(10px,1.8vh,18px) 0;font-size:clamp(24px,3.4vh,30px)}

/* temas das áreas em abas */
.temas-abas{display:grid;grid-template-columns:.36fr .64fr;gap:clamp(28px,4vw,64px);align-items:start}
.temas-nav{display:flex;flex-direction:column;border-top:1px solid var(--linha)}
.temas-nav button{display:grid;grid-template-columns:52px 1fr;align-items:baseline;text-align:left;padding:clamp(12px,2.2vh,22px) 0;border-bottom:1px solid var(--linha);font:300 clamp(22px,3.2vh,30px)/1.1 var(--serif);color:var(--txt-dim);transition:color .25s,padding .35s var(--ease)}
.temas-nav button span{font:300 italic 18px var(--serif);color:var(--rose)}
.temas-nav button:hover{color:var(--bordo);padding-left:8px}
.temas-nav button[aria-selected="true"]{color:var(--bordo);font-style:italic;padding-left:8px}
.temas-painel{background:#fff;border-radius:24px;padding:clamp(26px,4.4vh,48px) clamp(26px,3.4vw,52px);box-shadow:0 30px 50px -40px rgba(58,14,31,.45);max-height:calc(var(--alto) - 60px);overflow:auto;scrollbar-width:thin}
.temas-painel .n{font:300 italic 52px/1 var(--serif);color:var(--rose)}
.temas-painel h2{font:300 clamp(30px,4.4vh,42px)/1.05 var(--serif);color:var(--bordo);margin:8px 0 16px}
.temas-painel p{font-size:clamp(15.5px,2.1vh,17.5px)}
.temas-painel p+p{margin-top:12px}
.temas-painel .destaque-t{margin-top:18px}
.temas-painel .anima{animation:entra .45s var(--ease)}

@media (max-width:1060px){.termos{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){
  .painel{max-height:none;overflow:visible}
  .painel ol{grid-template-columns:1fr}
  .termos{grid-template-columns:1fr 1fr}
  .temas-abas{grid-template-columns:1fr;gap:18px}
  .temas-nav{flex-direction:row;overflow-x:auto;border-top:0;gap:8px;scrollbar-width:none}
  .temas-nav button{grid-template-columns:auto;white-space:nowrap;padding:10px 16px;border:1px solid var(--linha);border-radius:40px;font-size:17px}
  .temas-nav button span{display:none}
  .temas-nav button[aria-selected="true"]{background:var(--bordo);color:var(--creme);padding-left:16px;border-color:var(--bordo)}
  .temas-painel{max-height:none;overflow:visible}
  .retrato .foto{max-height:none;width:100%}
  .int-foto{max-height:none;width:100%}
}
/* triagem: título na coluna da lista, painel na altura da tela */
#comecar{padding:clamp(36px,6vh,90px) 0}
#comecar .triagem{align-items:stretch}
.tri-esq{display:flex;flex-direction:column}
.tri-esq .h-l{color:var(--bordo);margin:clamp(8px,1.4vh,16px) 0 clamp(8px,1.4vh,14px);font-size:clamp(32px,min(4.4vw,6.4vh),64px)}
.tri-sub{font-size:clamp(14.5px,1.9vh,17px);color:var(--txt-dim);max-width:460px;margin-bottom:clamp(14px,2.4vh,26px)}
#comecar .painel{position:sticky;top:calc(var(--topo) + 20px);max-height:calc(var(--alto) - 40px)}
@media (max-width:820px){#comecar .painel{position:relative;top:0;max-height:none}}
/* painel da triagem em duas colunas, sem rolagem interna */
#comecar .triagem{align-items:start}
#comecar .painel{max-height:calc(var(--alto) - 2 * clamp(36px,6vh,90px))}
.painel-in{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(20px,2.4vw,34px);align-content:start}
.painel-in > .rot,.painel-in > h3,.painel-in > .chips,.painel-in > .painel-acoes,.painel-in > .aviso-p{grid-column:1/-1}
.painel-in > p:not(.aviso-p){grid-column:1;grid-row:3}
.painel-in > .caminho{grid-column:1;grid-row:4}
.painel-in > ol{grid-column:2;grid-row:3/span 2;display:block;margin-top:0;align-self:start}
.painel-in > ol li{display:grid;grid-template-columns:30px 1fr;gap:4px;padding:10px 0;font-size:clamp(13.5px,1.8vh,15px)}
.painel-in > ol li:first-child{border-top:0;padding-top:0}
.painel h3{font-size:clamp(24px,3.4vh,34px)}
.retrato .foto{max-height:calc(var(--alto) - 240px)}
.acende{font-size:clamp(22px,min(3vw,4.1vh),44px)}
.art-card{min-height:clamp(230px,36vh,360px)}
@media (max-width:820px){
  .painel-in{display:block}
  .painel-in > ol{margin-top:16px}
}
.painel{overflow-x:hidden;overflow-y:auto}
.painel .simb.fundo{bottom:0;right:-50px;height:clamp(180px,32vh,300px)}
.sec{padding:clamp(40px,7.5vh,120px) 0}
.sit{padding-top:clamp(7px,1.1vh,14px);padding-bottom:clamp(7px,1.1vh,14px);font-size:clamp(18px,2.4vh,24px)}
@media (max-height:900px) and (min-width:821px){
  .tri-sub{display:none}
  .sit small{font-size:12px}
  .sit .n{width:34px;height:34px;font-size:15px}
  .sit i{width:30px;height:30px}
}
@media (max-height:860px) and (min-width:821px){
  .painel{padding:22px 28px}
  .painel h3{font-size:22px;margin:6px 0 8px}
  .painel p{font-size:13.5px;line-height:1.5}
  .painel .caminho{font-size:13px;line-height:1.45;padding:10px 14px;margin-top:8px}
  .painel-in > ol li{font-size:12.8px;line-height:1.4;padding:7px 0}
  .chips{margin-top:10px;gap:6px}
  .chips span{font-size:11.5px;padding:4px 9px}
  .painel-acoes{margin-top:12px}
  .painel-acoes .btn{padding:13px 20px;font-size:12px}
  .aviso-p{display:none}
  .art-card{min-height:220px}
}
@media (max-height:740px) and (min-width:821px){#artigos .cab{margin-bottom:18px}.art-card{min-height:200px;gap:10px}}

/* ================= cada seção ocupa a tela inteira, sem cortar ================= */
@media (min-width:821px){
  .sec,.faixa-foto,.fim{min-height:var(--alto);display:flex;flex-direction:column;justify-content:center}
  .sec > .wrap,.faixa-foto > .wrap,.fim > .wrap{width:100%}
  .int-abre{min-height:100svh;display:flex;flex-direction:column;justify-content:center}
  .int-abre > .wrap{width:100%}

  /* triagem: preenche a tela, lista e painel com a mesma altura */
  #comecar{height:var(--alto);min-height:560px;padding:clamp(24px,4.5vh,64px) 0}
  #comecar > .wrap{height:100%}
  #comecar .triagem{height:100%;align-items:stretch}
  .tri-esq{height:100%;min-height:0}
  .tri-esq .h-l{font-size:clamp(34px,min(4.8vw,7vh),76px)}
  .tri-sub{display:block;font-size:clamp(15px,2.1vh,19px)}
  .sit-lista{flex:1;min-height:0;display:flex;flex-direction:column;gap:clamp(6px,1.2vh,14px)}
  .sit{flex:1;min-height:0;font-size:clamp(19px,3vh,32px);padding:0 22px 0 18px;grid-template-columns:clamp(40px,6vh,58px) 1fr clamp(34px,5vh,48px)}
  .sit .n{width:clamp(36px,5.4vh,52px);height:clamp(36px,5.4vh,52px);font-size:clamp(15px,2.2vh,20px)}
  .sit i{width:clamp(32px,4.8vh,46px);height:clamp(32px,4.8vh,46px)}
  .sit small{font-size:clamp(12px,1.75vh,15px)}
  #comecar .painel{position:relative;top:0;height:100%;max-height:none;overflow:hidden;display:flex;flex-direction:column;padding:clamp(24px,4.6vh,56px) clamp(26px,3vw,52px)}
  .painel-in{flex:1;min-height:0;grid-template-rows:auto auto auto auto 1fr auto auto;row-gap:0}
  .painel-in > .chips{align-self:end}
  .painel h3{font-size:clamp(24px,4.4vh,46px);margin:clamp(6px,1.4vh,16px) 0 clamp(8px,1.8vh,20px)}
  .painel p{font-size:clamp(13.5px,2.05vh,18px);line-height:1.55}
  .painel .caminho{font-size:clamp(13px,1.9vh,16.5px);padding:clamp(10px,1.8vh,18px) clamp(12px,1.4vw,20px);margin-top:clamp(8px,1.6vh,18px)}
  .painel-in > ol li{font-size:clamp(12.8px,1.95vh,17px);padding:clamp(7px,1.4vh,14px) 0}
  .chips{margin-top:clamp(10px,2vh,22px)}
  .chips span{font-size:clamp(11.5px,1.6vh,14px);padding:clamp(4px,.7vh,8px) clamp(9px,1vw,14px)}
  .painel-acoes{margin-top:clamp(12px,2.2vh,26px)}
  .painel-acoes .btn{padding:clamp(12px,1.9vh,19px) clamp(18px,1.8vw,28px);font-size:clamp(12px,1.6vh,13.5px)}
  .aviso-p{display:block;font-size:clamp(11.5px,1.5vh,13px);margin-top:clamp(6px,1.2vh,14px)}
}
@media (min-width:821px) and (max-height:860px){
  .tri-sub{display:none}
}
@media (min-width:821px){
  #comecar .painel{padding:clamp(20px,3.8vh,48px) clamp(24px,2.8vw,48px)}
  .painel h3{font-size:clamp(22px,3.6vh,40px);margin:clamp(4px,1vh,12px) 0 clamp(6px,1.3vh,14px)}
  .painel p{font-size:clamp(13px,1.8vh,17px);line-height:1.5}
  .painel .caminho{font-size:clamp(12.5px,1.7vh,15.5px);line-height:1.45;padding:clamp(8px,1.4vh,16px) clamp(12px,1.3vw,18px);margin-top:clamp(6px,1.2vh,14px)}
  .painel-in > ol li{font-size:clamp(12.5px,1.72vh,16px);line-height:1.4;padding:clamp(6px,1.1vh,12px) 0}
  .chips{margin-top:clamp(8px,1.4vh,18px);gap:clamp(4px,.6vh,8px)}
  .chips span{font-size:clamp(11px,1.45vh,13.5px);padding:clamp(3px,.55vh,7px) clamp(8px,.9vw,13px)}
  .painel-acoes{margin-top:clamp(10px,1.6vh,22px)}
  .painel-acoes .btn{padding:clamp(11px,1.6vh,17px) clamp(16px,1.6vw,26px)}
  .aviso-p{margin-top:clamp(4px,.9vh,12px)}
}
/* celular: painel da triagem com altura livre (vem por último de propósito) */
@media (max-width:820px){#comecar .painel,.painel{max-height:none;height:auto;overflow:visible}}
/* crédito no rodapé */
.rod-base{flex-wrap:wrap;align-items:center}
.credito{text-decoration:none;color:inherit;white-space:nowrap;transition:opacity .2s}
.credito b{font-weight:600;color:var(--rose)}
.credito:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
.rodape{padding-bottom:96px}
.rod-base{display:grid;grid-template-columns:1fr auto;gap:10px 24px}
.rod-base .credito{grid-column:1/-1;justify-self:end;opacity:.9}
@media (max-width:820px){.rod-base{grid-template-columns:1fr}.rod-base .credito{justify-self:start}.rodape{padding-bottom:110px}}

/* mitos e verdades: cartões com a resposta à vista */
.mitos2{display:grid;grid-template-columns:.36fr .64fr;gap:clamp(28px,4vw,64px);align-items:center}
.mitos-cab p{margin-top:clamp(14px,2.4vh,24px);font-size:clamp(15.5px,2.1vh,18.5px);color:rgba(255,245,235,.78);max-width:400px}
.mitos-nav{display:flex;gap:10px;margin-top:clamp(20px,3.6vh,40px)}
.mitos-nav button{width:52px;height:52px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(232,162,174,.5);display:grid;place-items:center;transition:background .25s,box-shadow .25s,opacity .25s}
.mitos-nav button:hover:not(:disabled){background:var(--creme);box-shadow:none}
.mitos-nav button:hover:not(:disabled) svg{stroke:var(--bordo)}
.mitos-nav button:disabled{opacity:.3;cursor:default}
.mitos-nav svg{width:22px;height:22px;fill:none;stroke:var(--creme);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mitos-trilho{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 16px) / 2);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 2px 10px;cursor:grab;outline:none}
.mitos-trilho::-webkit-scrollbar{display:none}
.mitos-trilho.arrastando{cursor:grabbing;scroll-snap-type:none}
.mv-card{scroll-snap-align:start;background:var(--creme);color:var(--noite);border-radius:24px;padding:clamp(24px,4.2vh,44px) clamp(22px,2.6vw,38px);display:flex;flex-direction:column;gap:clamp(12px,2vh,20px);min-height:clamp(320px,52vh,480px);user-select:none;box-shadow:0 30px 50px -36px rgba(0,0,0,.55)}
.mv-card.v{background:var(--noite);color:var(--creme)}
.mv-tag{align-self:flex-start;font:700 12.5px var(--sans);letter-spacing:.11em;text-transform:uppercase;padding:8px 14px;border-radius:30px;background:var(--blush);color:var(--bordo)}
.mv-card.v .mv-tag{background:var(--rose);color:var(--noite)}
.mv-frase{font:300 clamp(22px,3.4vh,32px)/1.2 var(--serif)}
.mv-card.m .mv-frase{text-decoration:line-through;text-decoration-color:rgba(122,28,58,.45);text-decoration-thickness:1.5px}
.mv-exp{margin-top:auto;font-size:clamp(14.5px,2vh,17px);line-height:1.55;color:var(--txt-dim);padding-top:clamp(12px,2vh,20px);border-top:1px solid var(--linha)}
.mv-card.v .mv-exp{color:rgba(255,245,235,.82);border-color:rgba(232,162,174,.25)}
@media (max-width:820px){
  .mitos2{grid-template-columns:1fr;gap:24px}
  .mitos-trilho{grid-auto-columns:86%}
  .mv-card{min-height:340px}
}

/* bigode do hero em box: é o que diz o que ela faz */
.abre-sub{position:relative;max-width:600px;padding:clamp(16px,2.4vh,22px) clamp(20px,2vw,28px) clamp(16px,2.4vh,22px) clamp(24px,2.2vw,32px);font-size:clamp(17px,2.5vh,22px);line-height:1.5;color:var(--creme);background:linear-gradient(120deg,rgba(122,28,58,.55),rgba(58,14,31,.45));border:1px solid rgba(232,162,174,.32);border-radius:18px;box-shadow:0 24px 50px -30px rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.abre-sub:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:3px;background:var(--rose)}
.abre-sub b{font-weight:500;color:var(--rose-cl)}
@media (max-width:820px){
  .abre-sub{font-size:16.5px;padding:16px 18px 16px 22px;margin-top:20px}
}