/* FW Tech — Portais dos compromissos. Construído apenas com CSS 3D. */
:root{--detail-accent:#b88cff;--detail-ice:#88d6ff}
.theme-inclusao{--detail-accent:#85c9ff;--detail-ice:#a9a0ff}
.theme-meio-ambiente{--detail-accent:#9dd4ff;--detail-ice:#bc9aff}
.theme-protecao-de-dados{--detail-accent:#d39cff;--detail-ice:#86c9ff}
.detail-ambient{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 900px 850px at 0% 1%,rgba(34,86,203,.22),transparent 71%),radial-gradient(ellipse 750px 950px at 100% 17%,rgba(82,34,159,.21),transparent 71%),#040715}
.detail-page{background:#040715;overflow-x:clip}
.detail-header{position:fixed;top:0;left:0;right:0;height:82px;z-index:60;border-bottom:1px solid rgba(168,184,255,.13);background:rgba(3,6,18,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.detail-nav-shell{display:flex;align-items:center;justify-content:space-between;height:100%}
.detail-brand{display:inline-flex;width:135px;align-items:center;flex-shrink:0}.detail-brand img{width:100%}
.detail-header-links{display:flex;gap:12px;align-items:center}
.detail-back,.detail-nav-cta{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(146,174,255,.24);background:rgba(73,73,155,.08);border-radius:12px;padding:10px 17px;color:#d9e5ff;font-size:11px;letter-spacing:.06em;font-weight:750;white-space:nowrap;transition:border-color .2s,background .2s,transform .2s}
.detail-back:hover,.detail-nav-cta:hover{border-color:rgba(192,166,255,.54);background:rgba(100,95,207,.15);transform:translateY(-2px)}
.detail-nav-cta{background:linear-gradient(120deg,#9edcff,#a88eff);color:#081022;border-color:transparent;letter-spacing:0}
.detail-hero{padding-top:145px;min-height:min(930px,100svh);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:32px;align-items:center;position:relative;isolation:isolate;padding-bottom:120px}
.detail-breadcrumb,.detail-identity,.detail-section-num,.scene-label,.detail-scroll-caption,.principle-number,.transparency-note strong,.detail-footer small{font-size:10px;letter-spacing:.18em;font-weight:800;line-height:1.7}
.detail-breadcrumb{color:#8799be;display:flex;align-items:center;gap:13px;margin-bottom:43px;flex-wrap:wrap}.detail-breadcrumb span{color:var(--detail-accent)}
.detail-identity{display:inline-flex;align-items:center;gap:10px;color:#b5c1e5;padding:8px 13px;border:1px solid rgba(149,159,247,.16);border-radius:999px;background:rgba(58,61,156,.12);margin-bottom:27px}
.detail-hero h1{font-size:clamp(55px,6.6vw,101px);font-weight:630;letter-spacing:-.08em;line-height:1.03;margin:0;max-width:920px;text-wrap:balance}
.detail-lead{font-size:clamp(16px,1.45vw,20px);color:#aab8d9;line-height:1.75;max-width:585px;margin:31px 0}
.detail-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.detail-scene{position:relative;height:560px;max-width:610px;min-width:0;perspective:970px;transform-style:preserve-3d;isolation:isolate}
.detail-scene-grid{position:absolute;inset:8%;border-radius:50%;opacity:.55;transform:rotateX(63deg);background-image:linear-gradient(90deg,rgba(124,168,248,.16) 1px,transparent 1px),linear-gradient(rgba(124,168,248,.16) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle,black 10%,transparent 75%)}
.detail-scene-aura{position:absolute;inset:3%;border-radius:50%;background:radial-gradient(circle,rgba(79,74,180,.25),rgba(46,65,167,.11) 32%,transparent 68%);filter:blur(15px)}
.detail-artifact{position:absolute;inset:5%;display:grid;place-items:center;perspective:800px;transform-style:preserve-3d}
.artifact-orbit{position:absolute;width:74%;aspect-ratio:1;border:1.3px solid rgba(145,131,255,.42);border-radius:50%;box-shadow:inset 0 0 20px rgba(109,103,255,.04),0 0 23px rgba(121,102,255,.11);animation:detail-orbit 19s linear infinite;will-change:transform}
.artifact-orbit::after{content:"";position:absolute;inset:9%;border:1px dashed rgba(130,162,255,.12);border-radius:50%}
.artifact-orbit-2{width:60%;border-color:rgba(130,197,255,.4);animation-duration:15s;animation-direction:reverse;animation-delay:-5s}
.artifact-orbit-3{width:92%;border-color:rgba(179,107,254,.23);animation-duration:27s;animation-delay:-8s}
.artifact-cube{width:154px;height:154px;position:relative;transform-style:preserve-3d;animation:artifact-rotate 18s linear infinite;will-change:transform}
.artifact-face{position:absolute;inset:0;border:1.5px solid rgba(196,189,255,.78);box-shadow:inset 0 0 44px rgba(92,93,231,.19),0 0 20px rgba(96,93,246,.12);background:linear-gradient(136deg,rgba(45,78,166,.22),rgba(35,26,99,.49));display:grid;place-items:center;font-size:59px;color:#d8c7ff;backface-visibility:visible;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);text-shadow:0 0 25px rgba(158,135,255,.49)}
.art-front{transform:translateZ(77px)}.art-back{transform:rotateY(180deg) translateZ(77px);font-size:28px}.art-left{transform:rotateY(-90deg) translateZ(77px);font-size:28px}.art-right{transform:rotateY(90deg) translateZ(77px)}.art-top{transform:rotateX(90deg) translateZ(77px)}.art-bottom{transform:rotateX(-90deg) translateZ(77px);font-size:30px}
.scene-label{position:absolute;z-index:4;color:#99a9cb;font-size:9px;display:flex;justify-content:space-between;gap:10px;width:80%;left:10%}.scene-label b{color:var(--detail-accent)}.scene-label-top{top:7%}.scene-label-bottom{bottom:7%}
.detail-scroll-caption{position:absolute;bottom:45px;left:0;color:#8192b8;font-size:9px}
.detail-introduction{position:relative;padding:135px 0;background:linear-gradient(90deg,rgba(30,45,117,.26),rgba(24,15,67,.09));border-top:1px solid rgba(144,176,255,.1);border-bottom:1px solid rgba(144,176,255,.1)}
.intro-grid{display:grid;grid-template-columns:.33fr 1fr;gap:75px}
.detail-section-num{color:#9baef2;display:flex;align-items:center;gap:14px}
.detail-section-num::before{content:"";width:27px;height:1px;background:var(--detail-accent)}
.intro-grid h2,.detail-section-heading h2,.detail-impact h2,.detail-explore h2{font-size:clamp(34px,4.5vw,65px);line-height:1.13;letter-spacing:-.055em;font-weight:600;margin:0;text-wrap:balance}
.intro-grid h2{max-width:770px}
.intro-grid p{color:#afbbd9;font-size:clamp(16px,1.38vw,19px);line-height:1.85;max-width:870px;margin-top:27px}
.detail-principles{padding-block:140px;scroll-margin-top:85px}
.detail-section-heading{display:flex;align-items:end;justify-content:space-between;gap:80px;margin-bottom:47px}
.detail-section-heading h2{margin-top:20px}
.detail-section-heading>p{max-width:340px;color:#99a9cc;font-size:15px;line-height:1.7}
.principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;perspective:1300px}
.principle-card{position:relative;display:flex;flex-direction:column;min-height:385px;padding:31px 29px 36px;border:1px solid rgba(141,167,246,.18);border-radius:21px;background:radial-gradient(circle at 95% 0%,rgba(117,90,244,.13),transparent 65%),linear-gradient(150deg,rgba(17,27,62,.98),rgba(6,10,27,.98));overflow:hidden;transform-style:preserve-3d;transition:transform .22s ease-out,border-color .3s,box-shadow .3s;--rx:0deg;--ry:0deg}
.principle-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--mx,60%) var(--my,20%),rgba(153,134,255,.12),transparent 64%)}
.principle-card:hover,.principle-card:focus-visible{transform:perspective(1150px) translate3d(0,-7px,15px) rotateX(var(--rx)) rotateY(var(--ry));border-color:rgba(168,144,255,.49);box-shadow:0 35px 70px rgba(31,27,100,.27)}
.principle-number{position:relative;color:#8598c2}.principle-ico{font-size:54px;margin:auto 0 18px;color:var(--detail-accent);text-shadow:0 0 24px rgba(172,120,255,.25)}.principle-card h3{font-size:25px;letter-spacing:-.035em;font-weight:640;margin:0 0 15px;line-height:1.2}.principle-card p{font-size:14px;line-height:1.73;color:#a3b1d0;margin:0}
.principle-shine{position:absolute;bottom:0;left:0;right:0;height:2px;opacity:.32;background:linear-gradient(90deg,transparent,var(--detail-accent),transparent)}
.detail-impact{position:relative;padding:110px 0;border-top:1px solid rgba(137,144,244,.12);border-bottom:1px solid rgba(137,144,244,.12);background:radial-gradient(ellipse at 9% 50%,rgba(49,66,191,.18),transparent 51%)}
.impact-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);align-items:center;gap:65px}
.impact-hologram{height:400px;position:relative;display:grid;place-items:center;perspective:800px;isolation:isolate}
.impact-hologram::before{content:"";position:absolute;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(107,75,199,.18),transparent 69%)}
.impact-disc{position:absolute;width:60%;aspect-ratio:1;border:2px solid rgba(158,131,255,.35);border-radius:50%;box-shadow:0 0 24px rgba(90,84,252,.17);animation:detail-orbit 17s linear infinite}
.impact-disc.two{width:74%;border-color:rgba(115,190,255,.22);animation-delay:-7s;animation-direction:reverse}
.impact-core{position:relative;z-index:2;width:125px;height:125px;display:grid;place-items:center;border:1px solid rgba(169,185,255,.57);border-radius:19px;background:linear-gradient(135deg,rgba(88,99,203,.2),rgba(61,30,124,.32));font-size:75px;color:var(--detail-accent);transform:rotateX(15deg) rotateY(-20deg);box-shadow:12px 23px 50px rgba(29,24,103,.33),inset 0 0 40px rgba(101,90,255,.12)}
.detail-impact-text h2{margin:25px 0;max-width:750px}.detail-impact-text>p{font-size:16px;line-height:1.85;color:#aebad7;max-width:680px}
.transparency-note{border-left:2px solid var(--detail-accent);padding:15px 0 13px 21px;margin:28px 0 18px;background:linear-gradient(90deg,rgba(106,87,221,.09),transparent)}
.transparency-note strong{color:#cfb5ff}.transparency-note p{font-size:13px;line-height:1.8;color:#acb9d6;max-width:710px;margin:10px 0 0}
.detail-explore{padding-block:135px}.detail-explore-top{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:26px 0 45px}.detail-back-inline{font-size:12px;font-weight:700;color:#c4cbf4;border-bottom:1px solid rgba(172,178,255,.24);padding-bottom:10px}.detail-back-inline:hover{color:white}
.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.related-item{position:relative;padding:24px;min-height:81px;display:grid;grid-template-columns:42px 1fr 28px;gap:13px;align-items:center;border:1px solid rgba(155,167,247,.17);border-radius:14px;background:linear-gradient(122deg,rgba(22,32,76,.71),rgba(9,13,37,.88));font-size:17px;letter-spacing:-.03em;font-weight:620;transition:background .3s,border-color .3s,transform .25s,box-shadow .25s;transform-style:preserve-3d}
.related-item:hover{border-color:rgba(182,157,255,.57);background:linear-gradient(120deg,rgba(42,55,119,.82),rgba(36,20,87,.73));transform:perspective(800px) translateY(-4px) rotateX(2deg);box-shadow:0 18px 36px rgba(30,23,85,.2)}
.related-item.current{border-color:rgba(176,141,255,.48);background:linear-gradient(120deg,rgba(72,59,147,.25),rgba(25,19,69,.72))}
.related-num{font-size:10px;letter-spacing:.05em;color:#9caccd}.related-arrow{color:#b3a2ff;font-size:24px;justify-self:end}
.detail-footer{padding:74px 0 23px;background:#030511;border-top:1px solid rgba(156,166,255,.15)}
.detail-footer-content{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;padding-bottom:60px}
.detail-footer-content img{width:160px}.detail-footer-content p{color:#9aa8cb;line-height:1.65;font-size:13px;margin:16px 0 0}
.detail-footer-content nav{display:flex;flex-direction:column;gap:15px;align-items:flex-start}.detail-footer-content nav small{color:#8b9abe;margin-bottom:10px}.detail-footer-content nav a{font-size:13px;color:#a7b5d4;transition:color .2s,transform .2s}.detail-footer-content nav a:hover{color:#f1e6ff;transform:translateX(3px)}
.detail-footer-bottom{border-top:1px solid rgba(156,166,255,.13);padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#7f8fac;font-size:11px}.detail-footer-bottom a{font-size:10px;letter-spacing:.08em;font-weight:800;color:#b5bef0}
/* Aviso de privacidade com o mesmo sistema visual. */
.privacy-page .detail-hero{min-height:0;padding-bottom:70px}.privacy-page .detail-hero h1{font-size:clamp(62px,7vw,102px)}
.privacy-page .detail-principles{padding-top:70px}
.privacy-context{border-radius:18px;padding:24px;border:1px solid rgba(157,156,255,.2);background:rgba(52,54,123,.12);display:flex;gap:25px;justify-content:space-between;align-items:center;margin-bottom:24px}.privacy-context p{margin:0;color:#bac5e3;font-size:13px;line-height:1.7}.privacy-context strong{color:#e7ecff}
.policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.policy-card{background:linear-gradient(145deg,rgba(14,24,57,.93),rgba(7,11,30,.96));padding:29px;border:1px solid rgba(148,157,249,.19);border-radius:18px;min-width:0}
.policy-card.wide{grid-column:1/-1}.policy-card-label{color:#abafff;font-size:10px;letter-spacing:.17em;font-weight:750}.policy-card h2{font-size:25px;font-weight:620;letter-spacing:-.035em;margin:18px 0 12px}.policy-card p,.policy-card li{color:#aeb9d4;font-size:14px;line-height:1.84;margin:0 0 12px}.policy-card p:last-child{margin-bottom:0}.policy-card ul{padding-left:21px;margin:10px 0}.policy-card a{color:#c9b1ff;text-decoration:underline;text-underline-offset:3px}
.policy-disclaimer{margin:30px 0 0;color:#9eaaca;font-size:13px;line-height:1.8;padding:22px;border-left:2px solid #bfa1ff;background:rgba(83,70,169,.1)}
@keyframes detail-orbit{0%{transform:rotateX(68deg) rotateY(10deg) rotateZ(0)}50%{transform:rotateX(52deg) rotateY(45deg) rotateZ(180deg)}100%{transform:rotateX(68deg) rotateY(10deg) rotateZ(360deg)}}
@keyframes artifact-rotate{0%{transform:rotateX(-28deg) rotateY(0) rotateZ(10deg)}100%{transform:rotateX(332deg) rotateY(360deg) rotateZ(370deg)}}
@media(max-width:1060px){.detail-hero{grid-template-columns:1fr 0.7fr;gap:10px}.detail-scene{height:460px}.detail-hero h1{font-size:clamp(52px,6.8vw,80px)}.detail-breadcrumb{font-size:9px}.intro-grid{gap:36px}.detail-principles{padding-block:110px}.principle-grid{gap:12px}.principle-card{padding:22px;min-height:415px}.impact-layout{gap:25px}}
@media(max-width:780px){.detail-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:140px;padding-bottom:95px}.detail-copy{position:relative;z-index:3}.detail-hero h1{font-size:clamp(51px,9vw,82px)}.detail-scene{width:min(100%,660px);height:450px;align-self:center}.detail-scroll-caption{bottom:38px}.intro-grid{grid-template-columns:1fr;gap:25px}.detail-section-heading{align-items:start;flex-direction:column;gap:15px}.principle-grid{grid-template-columns:1fr;gap:13px}.principle-card{min-height:245px}.principle-ico{margin:28px 0 10px}.impact-layout{grid-template-columns:1fr}.impact-hologram{height:290px}.detail-impact-text{max-width:660px}.detail-explore-top{align-items:start;flex-direction:column}.detail-footer-content{grid-template-columns:1fr 1fr}.detail-footer-content>div{grid-column:1/-1}.detail-header{height:73px}.detail-brand{width:121px}.detail-back{font-size:10px}.privacy-page .detail-hero{padding-bottom:50px}}
@media(max-width:600px){.detail-hero{padding-top:114px;padding-bottom:93px}.detail-header-links{gap:5px}.detail-header-links .detail-nav-cta{display:none}.detail-back{padding:8px 11px;min-height:37px;font-size:9px;letter-spacing:0}.detail-brand{width:96px}.detail-breadcrumb{gap:7px;font-size:8px;letter-spacing:.09em;margin-bottom:28px}.detail-identity{font-size:8px;margin-bottom:19px}.detail-hero h1{font-size:clamp(43px,11.4vw,62px)}.detail-lead{font-size:15px;line-height:1.72}.detail-hero-actions{gap:9px}.detail-hero-actions .button{min-height:50px;padding:13px 14px}.detail-scene{height:345px;margin-top:10px}.artifact-cube{width:120px;height:120px}.artifact-face{font-size:40px}.art-front{transform:translateZ(60px)}.art-back{transform:rotateY(180deg) translateZ(60px)}.art-left{transform:rotateY(-90deg) translateZ(60px)}.art-right{transform:rotateY(90deg) translateZ(60px)}.art-top{transform:rotateX(90deg) translateZ(60px)}.art-bottom{transform:rotateX(-90deg) translateZ(60px)}.scene-label{font-size:7px}.detail-scroll-caption{bottom:44px}.detail-introduction{padding:85px 0}.intro-grid h2,.detail-section-heading h2,.detail-impact h2,.detail-explore h2{font-size:clamp(34px,9vw,47px)}.intro-grid p{font-size:15px;line-height:1.75}.detail-principles{padding-block:85px}.principle-card{padding:24px;min-height:255px}.principle-card h3{font-size:23px}.detail-impact{padding:70px 0}.impact-hologram{height:255px}.detail-explore{padding-block:85px}.related-grid{grid-template-columns:1fr}.related-item{min-height:77px;padding:19px;font-size:16px}.detail-footer{padding-top:58px}.detail-footer-content{grid-template-columns:1fr 1fr;gap:26px 15px}.detail-footer-content nav small{font-size:8px}.detail-footer-content nav a{font-size:12px}.detail-footer-bottom{align-items:start;flex-direction:column;font-size:10px}.policy-grid{grid-template-columns:1fr}.policy-card{grid-column:1/-1;padding:23px}.privacy-context{align-items:start;flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){.artifact-orbit,.artifact-cube,.impact-disc{animation:none!important}.artifact-cube{transform:rotateX(-24deg) rotateY(-27deg)!important}.principle-card:hover,.related-item:hover{transform:none!important}}
.reveal-detail{opacity:1;transform:none}@media(prefers-reduced-motion:no-preference){.reveal-detail{opacity:0;transform:translate3d(0,22px,0);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}.reveal-detail.is-visible{opacity:1;transform:translate3d(0,0,0)}.reveal-detail.principle-card:hover{transform:perspective(1100px) translate3d(0,-6px,13px) rotateX(var(--rx)) rotateY(var(--ry))}}


/* FW TECH / v4.2 — variantes de fios nos portais de detalhe */
.artifact-face{font-size:0;color:#d8c7ff}
.artifact-face .wire-icon{width:62px;height:62px}
.art-back,.art-left,.art-bottom{font-size:28px}
.impact-core{font-size:0;color:var(--detail-accent)}
.impact-core .wire-core{width:70px;height:70px}
.principle-ico .wire-icon{width:100%;height:100%}
@media(max-width:600px){.artifact-face .wire-icon{width:44px;height:44px}.impact-core .wire-core{width:54px;height:54px}}