/* WVALENÇA | Espelho visual PT/ES | 2026-10-11
   Uniformiza o template internacional com a identidade editorial 3D do site PT.
   Escopo específico .wvi-page: as demais páginas não mudam de layout. */
body.wvi-page{background:#FAF8F3;color:#102F3A;font-family:Inter,"Segoe UI",Arial,sans-serif}
body.wvi-page .wvi-site-header{background:rgba(255,255,255,.98);border-bottom:1px solid rgba(15,59,76,.09);box-shadow:0 2px 16px rgba(7,31,42,.06)}
body.wvi-page .wvi-nav>a{position:relative;isolation:isolate;border-radius:6px;font-weight:750;transition:transform .28s cubic-bezier(.2,.85,.2,1),color .28s ease}
body.wvi-page .wvi-nav>a:not(.wvi-nav-highlight)::before{content:'';position:absolute;inset:0;border-radius:8px;background:linear-gradient(133deg,#0F3B4C,#23748A);opacity:0;clip-path:polygon(5% 0,95% 0,100% 85%,0 100%);transform:translateY(7px) scale(.91);transition:transform .28s ease,opacity .26s ease;z-index:-1}
body.wvi-page .wvi-nav>a:not(.wvi-nav-highlight):hover,body.wvi-page .wvi-nav>a:not(.wvi-nav-highlight):focus-visible{color:#fff!important;transform:translateY(-2px)}
body.wvi-page .wvi-nav>a:not(.wvi-nav-highlight):hover::before,body.wvi-page .wvi-nav>a:not(.wvi-nav-highlight):focus-visible::before{opacity:1;transform:none}
body.wvi-page .wvi-nav>a.wvi-nav-highlight{background:linear-gradient(125deg,#F98D35,#E85D04);box-shadow:0 7px 16px rgba(232,93,4,.19);border-radius:9px;clip-path:polygon(10% 0,91% 0,100% 91%,0 100%);color:#fff}
body.wvi-page .wvi-nav>a[aria-current="page"]{position:relative;z-index:0;color:#fff!important}
body.wvi-page .wvi-nav>a[aria-current="page"]::before{content:'';position:absolute;inset:-5px -6px!important;z-index:-1;clip-path:none!important;border-radius:13px!important;background:radial-gradient(ellipse at center,#FF8D35 9%,#E85D04 45%,rgba(15,59,76,.83) 100%)!important;opacity:1!important;transform:none!important;filter:blur(8px);animation:wvNavMist 2.6s ease-in-out infinite}
body.wvi-page .wvi-shell{max-width:1320px}
body.wvi-page .wvi-hero{position:relative;isolation:isolate;overflow:hidden;margin:17px clamp(10px,2vw,32px) 0;border-radius:23px;min-height:clamp(430px,60vh,520px)!important;padding:48px 0!important;
  background:radial-gradient(ellipse at 75% 48%,rgba(19,99,118,.48),transparent 49%),linear-gradient(116deg,#05222E 3%,#103E4E 58%,#061E2B 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 22px 42px rgba(7,31,42,.13)}
body.wvi-page .wvi-hero::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.38;background:
  linear-gradient(135deg,transparent 5%,rgba(15,59,76,.07) 23%,transparent 23.4%),
  linear-gradient(157deg,transparent 41%,rgba(242,100,17,.14) 41.3%,transparent 43.6%),
  repeating-linear-gradient(90deg,transparent 0,transparent 87px,rgba(255,255,255,.05) 88px,transparent 90px)}
body.wvi-page .wvi-hero::after{content:'';position:absolute;right:-14%;top:-34%;width:65%;height:135%;pointer-events:none;z-index:-1;opacity:.18;background:radial-gradient(ellipse at center,#FF7928 0,transparent 63%);filter:blur(33px)}
body.wvi-page .wvi-hero-grid{min-height:0;align-items:center;gap:clamp(28px,4vw,72px)}
body.wvi-page .wvi-hero h1{font-size:clamp(44px,5.15vw,77px);letter-spacing:-.058em;line-height:1.045;font-weight:840;max-width:780px;text-shadow:0 8px 21px rgba(0,0,0,.09)}
body.wvi-page .wvi-hero h1 .wv-slogan-que{font-weight:400;color:#fff}
body.wvi-page .wvi-hero h1 .wv-slogan-orange,body.wvi-page .wvi-hero h1 .wv-slogan-period{color:#FF7628;font-weight:820}
body.wvi-page .wvi-hero .wvi-eyebrow{color:#FF9B58;letter-spacing:.17em;font-weight:800}
body.wvi-page .wvi-hero p{font-size:clamp(15px,1.16vw,18px);line-height:1.68;color:#D7E5E8}
body.wvi-page .wvi-hero-art{isolation:isolate;perspective:1100px;max-height:455px;min-height:315px}
body.wvi-page .wvi-hero-art::before{content:'';position:absolute;inset:3% 8%;border-radius:16px;background:
  linear-gradient(145deg,rgba(255,255,255,.12),transparent 32%),
  radial-gradient(ellipse at center,rgba(255,120,26,.17),transparent 63%);
  border:1px solid rgba(255,255,255,.08);clip-path:polygon(0 24%,64% 0,100% 0,100% 80%,38% 100%,0 88%);box-shadow:0 40px 65px rgba(0,0,0,.25)}
body.wvi-page .wvi-hero-art img{max-width:min(100%,500px);max-height:440px;object-fit:contain;filter:drop-shadow(18px 24px 15px rgba(1,14,21,.55)) saturate(1.12);animation:wvMirroredFloat 7.3s ease-in-out infinite alternate;transform-origin:50% 55%}
@keyframes wvMirroredFloat{from{transform:translate3d(-7px,-5px,0) rotateY(-3deg)}to{transform:translate3d(8px,11px,0) rotateY(3deg)}}
body.wvi-page .wvi-art-caption{right:7%!important;bottom:12px!important;color:#FFAF7F!important;letter-spacing:.16em!important;line-height:1.6;text-align:right;max-width:75%}
body.wvi-page .wvi-hero-action{gap:13px;margin-top:30px}
body.wvi-page .wvi-btn{border-radius:7px;background:linear-gradient(125deg,#EF711A,#E85D04);box-shadow:0 8px 23px rgba(232,93,4,.2);min-height:48px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
body.wvi-page .wvi-btn:hover,body.wvi-page .wvi-btn:focus-visible{transform:translateY(-3px);box-shadow:0 15px 26px rgba(232,93,4,.28)}
body.wvi-page .wvi-btn-outline{background:transparent;border-color:rgba(255,255,255,.55);box-shadow:none}
body.wvi-page .wvi-btn-outline:hover{background:rgba(255,255,255,.09)}
body.wvi-page .wvi-section{padding:clamp(58px,6vw,90px) 0}
body.wvi-page .wvi-section.wvi-alt{background:#F0EDE8}
body.wvi-page .wvi-heading{color:#0F3B4C;font-size:clamp(37px,4.5vw,62px);letter-spacing:-.055em}
body.wvi-page .wvi-darkband{background:radial-gradient(ellipse at 82% 20%,rgba(232,93,4,.23),transparent 42%),linear-gradient(125deg,#082631,#0F3B4C);color:#fff}
body.wvi-page .wvi-darkband .wvi-heading{color:#fff}
body.wvi-page .wvi-card{isolation:isolate;border-radius:14px;border-color:rgba(15,59,76,.09);min-height:210px;box-shadow:0 10px 26px rgba(7,31,42,.045);transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease}
body.wvi-page .wvi-card:not(.dark):not(.orange):nth-child(odd){background:linear-gradient(148deg,#FFF 0%,#F8FAF9 100%)}
body.wvi-page .wvi-card.dark{background:linear-gradient(140deg,#061F2C,#125060);color:#fff}
body.wvi-page .wvi-card.orange{background:linear-gradient(145deg,#F88A2B,#E85D04 72%,#B94702);color:#fff}
body.wvi-page .wvi-card.gray{background:linear-gradient(145deg,#EDF1F0,#F8F5EF)}
body.wvi-page .wvi-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 25px 40px rgba(7,31,42,.15)}
body.wvi-page .wvi-card h3{font-size:clamp(19px,1.85vw,27px);font-weight:800;letter-spacing:-.04em}
body.wvi-page .wvi-card p{opacity:1;color:#526B74;line-height:1.74}
body.wvi-page .wvi-card.dark p,body.wvi-page .wvi-card.orange p{color:#E9F0F2}
body.wvi-page .wvi-shape{height:60px;width:60px;filter:drop-shadow(6px 12px 9px rgba(0,0,0,.13));transform:rotate(-6deg);transition:transform .3s ease}
body.wvi-page .wvi-card:hover .wvi-shape{transform:translateY(-4px) rotate(8deg)}
body.wvi-page #experiencias .wvi-card:nth-child(odd){background:linear-gradient(139deg,#061F2B,#114A5C);color:white}
body.wvi-page #experiencias .wvi-card:nth-child(odd) h3,body.wvi-page #experiencias .wvi-card:nth-child(odd) p{color:white}
body.wvi-page #experiencias .wvi-card:nth-child(even){background:linear-gradient(138deg,#FFF,#F0F7F8);color:#0F3B4C}
body.wvi-page #experiencias .wvi-card{min-height:240px}
body.wvi-page #experiencias .wvi-card:nth-child(odd)::after{content:'';position:absolute;z-index:-1;right:-60px;bottom:-90px;width:195px;height:195px;background:linear-gradient(150deg,#FF9749,#E85D04);transform:rotate(24deg);clip-path:polygon(12% 0,100% 16%,82% 100%,0 70%);opacity:.72}
body.wvi-page .wvi-article{max-width:880px;background:#fff;border:1px solid rgba(15,59,76,.08);border-radius:19px;margin-top:40px;margin-bottom:45px;padding:clamp(26px,5vw,70px);box-shadow:0 15px 35px rgba(7,31,42,.055)}
body.wvi-page .wvi-article h1{color:#0F3B4C}
body.wvi-page .wvi-article h2{color:#0F3B4C;letter-spacing:-.028em;margin-top:38px}
body.wvi-page .wvi-article h3{color:#134D62}
body.wvi-page .wvi-article p{color:#465D66;line-height:1.9}
body.wvi-page .wvi-article a:not(.wvi-btn){text-decoration:underline;text-decoration-color:#E85D04;text-underline-offset:4px}
body.wvi-page .wvi-article .wv-article-cta{padding:24px;background:#0B2D3A;border-radius:14px;color:#fff;margin:35px 0 0}
body.wvi-page .wvi-article .wv-article-cta h2,body.wvi-page .wvi-article .wv-article-cta p{color:#fff;margin:0 0 14px}
body.wvi-page .wvi-article .wv-article-cta p{font-size:15px;opacity:.9}
body.wvi-page .wvi-article .wv-article-cta a{text-decoration:none;background:#E85D04;color:#fff;display:inline-flex;padding:13px 18px;border-radius:8px;font-weight:800}
body.wvi-page .wv-article-meta{font-size:12px;font-weight:750;color:#D15B13;letter-spacing:.1em;text-transform:uppercase}
body.wvi-page .wv-article-toc{background:#F4F7F6;border:1px solid #DCE7E7;padding:18px 25px;border-radius:12px;margin:30px 0}
body.wvi-page .wv-article-toc a{display:block;padding:5px 0;color:#0F3B4C}
body.wvi-page .wv-article-toc strong{color:#0F3B4C}
body.wvi-page .wv-article-list{margin:0 0 18px 24px;padding:0;color:#445962;font-size:16px;line-height:1.85}
body.wvi-page .wv-article-list li{margin:9px 0}
body.wvi-page .wv-article-takeaway{margin:30px 0;padding:20px;border-left:4px solid #E85D04;background:#FFF4EA;border-radius:0 10px 10px 0;color:#0F3B4C;font-weight:650}
body.wvi-page .wvi-hero-art img,body.wvi-page .wvi-card,body.wvi-page .wvi-shape{backface-visibility:hidden}
@media(max-width:900px){body.wvi-page .wvi-hero{margin:10px 10px 0;border-radius:18px;padding:34px 0!important;min-height:auto!important}body.wvi-page .wvi-hero-grid{grid-template-columns:1fr}body.wvi-page .wvi-hero-art{min-height:210px;max-height:300px}body.wvi-page .wvi-hero-art img{max-height:270px}body.wvi-page .wvi-hero h1{font-size:clamp(39px,7vw,63px)}}
@media(max-width:580px){body.wvi-page .wvi-hero{padding:26px 0 18px!important}body.wvi-page .wvi-hero h1{font-size:clamp(35px,10vw,47px)}body.wvi-page .wvi-hero p{font-size:15px}body.wvi-page .wvi-hero-art{max-height:220px;min-height:175px}body.wvi-page .wvi-hero-art img{max-height:210px}body.wvi-page .wvi-section{padding:55px 0}body.wvi-page .wvi-card{min-height:0}body.wvi-page .wvi-article{margin:15px 10px 28px;padding:25px 18px;border-radius:14px}body.wvi-page .wvi-article p{font-size:16px}}
@media(prefers-reduced-motion:reduce){body.wvi-page .wvi-hero-art img,body.wvi-page .wvi-nav>a[aria-current="page"]::before{animation:none!important}body.wvi-page .wvi-card,body.wvi-page .wvi-btn,body.wvi-page .wvi-shape{transition:none!important;transform:none!important}}
/* Títulos editoriais mais longos não ampliam desnecessariamente o banner. */
body.wvi-page .wv-editorial-hero .wvi-hero-grid{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr)}
body.wvi-page .wv-editorial-hero h1{font-size:clamp(36px,3.5vw,55px)!important;line-height:1.1;letter-spacing:-.049em;max-width:850px}
body.wvi-page .wv-article-cta{display:flex;flex-wrap:wrap;gap:11px 12px;align-items:center}
body.wvi-page .wv-article-cta h2,body.wvi-page .wv-article-cta p{flex:0 0 100%}
body.wvi-page .wv-article-cta>a+a{margin-left:0}
@media(max-width:900px){body.wvi-page .wv-editorial-hero .wvi-hero-grid{grid-template-columns:1fr}body.wvi-page .wv-editorial-hero h1{font-size:clamp(32px,6vw,48px)!important}}
@media(max-width:580px){body.wvi-page .wv-editorial-hero h1{font-size:clamp(31px,8.3vw,39px)!important}}