/* Theme Name: VB Institucional
Author: Vinícius Bezerra Advogados
Description: Institucional editorial com artigos nativos do WordPress.
Version: 1.0.0
Text Domain: vb-institucional
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f7f5ef;--ink:#272a27;--wine:#542d37;--line:#d8d7cd;--soft:#eeeee5;--muted:#65695e;--gold:#b1a083}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--wine);outline-offset:5px}img{max-width:100%;display:block}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,.serif{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;line-height:1.04;letter-spacing:-.025em}h1{font-size:clamp(62px,7.2vw,106px)}h2{font-size:clamp(42px,5vw,66px)}h3{font-size:22px;line-height:1.3;font-weight:500}p{margin-bottom:20px}.wrap{width:min(1200px,calc(100% - 96px));margin:auto}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;display:block;margin-bottom:23px}.muted{color:var(--muted)}.header{border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:10}.header-inner{height:108px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;gap:15px;align-items:center;line-height:1.2}.brand img{width:50px;height:50px;object-fit:contain}.brand strong{font-size:14px;letter-spacing:.12em;font-weight:500}.brand small{display:block;font-size:9px;letter-spacing:.33em;margin-top:7px}.nav{display:flex;gap:30px;align-items:center;font-size:12px}.nav a:hover,.text-link:hover{color:var(--wine);text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--wine);color:#fff;padding:16px 23px;font-size:12px;border:1px solid var(--wine);border-radius:0;line-height:1.3}.button:hover{background:#3c2028;color:white}.button.light{background:var(--paper);color:var(--wine);border-color:var(--paper)}.button.outline{background:transparent;color:var(--ink);border-color:var(--line)}.arrow{font-size:21px;font-weight:400}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:10px 14px}.hero{padding:86px 0 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:center}.hero h1{margin-bottom:28px;max-width:740px}.hero h1 em{color:var(--wine);font-style:italic}.hero-copy{max-width:470px;color:var(--muted);font-size:16px}.hero .button{margin:10px 0 30px}.hero-note{font-size:11px;color:var(--muted);display:block}.hero-art{background:var(--soft);height:515px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-art:before{content:'';position:absolute;width:340px;height:460px;border:1px solid #c1c4b5;border-radius:180px 180px 0 0;bottom:-50px;right:20px}.hero-art:after{content:'';position:absolute;width:340px;height:460px;border:1px solid #c1c4b5;border-radius:180px 180px 0 0;bottom:-70px;right:40px}.art-mark{width:165px;height:220px;display:flex;gap:24px;transform:skew(-24deg);position:relative;z-index:1}.art-mark i{display:block;width:22px;background:var(--wine)}.art-mark i:nth-child(2){margin-top:45px;margin-bottom:-45px}.art-mark i:nth-child(3){margin-top:90px;margin-bottom:-90px}.art-caption{position:absolute;bottom:29px;left:30px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;z-index:2}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:72px;padding:21px 0;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.section{padding:95px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.section-top h2{max-width:680px;margin:0}.section-top p{max-width:330px;margin:0;color:var(--muted)}.areas{background:#eeeee6}.area-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ced1c4;border-left:1px solid #ced1c4}.area{padding:32px;border-right:1px solid #ced1c4;border-bottom:1px solid #ced1c4;min-height:257px;display:flex;flex-direction:column;transition:background .2s}.area:hover{background:var(--paper)}.area-number{font-size:10px;color:var(--wine);letter-spacing:.13em;margin-bottom:28px}.area h3{margin-bottom:14px}.area p{font-size:13px;color:var(--muted);margin-bottom:10px}.area .arrow{margin-top:auto;align-self:end}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-image{height:540px;object-fit:cover;object-position:center 43%;width:100%}.photo-caption{font-size:11px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 0}.about-copy h2{margin-bottom:28px}.text-link{font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:5px;display:inline-flex;gap:30px;align-items:center}.about-copy .eyebrow{color:var(--wine)}.values{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}.values strong{display:block;font-weight:500;font-size:13px}.values p{font-size:12px;color:var(--muted);margin:8px 0}.journal{border-top:1px solid var(--line)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.article-card{display:block}.article-cover{height:210px;background:#e8e9df;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;margin-bottom:22px}.article-cover .cover-label{font:42px/1.05 'Libre Caslon Display',Georgia,serif;color:var(--wine);max-width:230px;text-align:center;position:relative;z-index:1}.article-cover:before{content:'';position:absolute;border:1px solid #bdc1b0;width:180px;height:180px;border-radius:50%;right:-35px;bottom:-50px}.article-cover:after{content:'';position:absolute;border:1px solid #bdc1b0;width:180px;height:180px;border-radius:50%;right:-17px;bottom:-32px}.article-card:nth-child(2n) .article-cover{background:#e8ded7}.article-card:nth-child(3n) .article-cover{background:#e6e3e9}.article-cover img{width:100%;height:100%;object-fit:cover}.article-meta{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;display:flex;gap:15px}.article-card h3{font:30px/1.12 'Libre Caslon Display',Georgia,serif;margin-bottom:14px}.article-card p{font-size:13px;color:var(--muted)}.readmore{border-top:1px solid var(--line);padding:12px 0;display:flex;justify-content:space-between;font-size:11px}.process{background:var(--wine);color:var(--paper)}.process .section-top p{color:#d5c7c9}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.process-item{border-top:1px solid #8a6870;padding-top:22px}.process-item span{font-size:11px;color:#d5c7c9}.process-item h3{font:32px 'Libre Caslon Display',Georgia,serif;margin-top:25px}.process-item p{font-size:13px;color:#ded2d4}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:100px}.contact-details{padding-top:25px}.contact-row{border-bottom:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;gap:20px;font-size:13px}.contact-row span:first-child{color:var(--muted)}.contact .note{font-size:11px;color:var(--muted);margin-top:20px}.footer{background:#eaeae1;padding:40px 0 22px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-bottom{border-top:1px solid #cccec1;margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;gap:30px;font-size:10px;color:var(--muted)}.footer-bottom p{margin:0}.page-heading{padding:75px 0 45px}.page-heading h1{font-size:clamp(60px,7vw,92px);margin-bottom:24px}.page-heading p{max-width:600px;color:var(--muted)}.filters{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center;padding:20px 0;margin-bottom:40px}.filter-list{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:8px 14px;font-size:11px;border:1px solid var(--line);background:transparent}.chip.active,.chip:hover{background:var(--wine);color:white;border-color:var(--wine)}.search{display:flex;border-bottom:1px solid #8b8f7f;min-width:230px}.search input{background:none;border:0;padding:10px 0;width:100%;min-width:0;outline:0;font-size:12px}.search button{border:0;background:none;color:var(--wine);font-size:22px;padding:0 8px}.archive-grid{padding-bottom:80px}.empty{padding:45px;border:1px solid var(--line);margin-bottom:40px}.empty h3{font:36px 'Libre Caslon Display',Georgia,serif}.post-wrap{max-width:800px;margin:auto;width:calc(100% - 48px)}.post-head{padding:70px 0 40px;text-align:center}.post-head h1{font-size:clamp(44px,6vw,76px)}.post-head .article-meta{justify-content:center}.post-content{font-size:17px;line-height:1.9;padding-bottom:60px}.post-content h2{font-size:39px;margin-top:45px}.post-content h3{margin-top:30px}.post-content a{color:var(--wine);text-decoration:underline}.post-content blockquote{border-left:3px solid var(--wine);padding-left:25px;margin:35px 0;font-family:Georgia,serif;font-size:23px}.author-box{display:flex;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin-top:45px;font-size:13px}.author-box img{width:60px;height:75px;object-fit:cover;object-position:center 40%}.author-box p{margin:0;color:var(--muted);font-size:12px}.pagination{display:flex;gap:12px}.pagination a,.pagination span{padding:8px 16px;border:1px solid var(--line)}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;background:white;padding:15px;z-index:50}.mobile-nav-open .nav{display:flex}.legal{max-width:800px}.legal h2{font-size:38px}.category-description{max-width:700px}.demo-label{font-size:11px;padding:12px;background:var(--soft);margin-bottom:30px}[hidden]{display:none!important}@media(min-width:1600px){.wrap{width:min(1320px,calc(100% - 120px))}}@media(max-width:950px){.wrap{width:calc(100% - 48px)}.nav{gap:17px}.header .button{display:none}.hero-grid{gap:35px}.hero-art{height:440px}.about-grid{gap:40px}.contact-grid{gap:40px}.section{padding:70px 0}.area{padding:25px}.hero{padding-top:60px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header-inner{height:82px}.brand strong{font-size:11px}.brand small{font-size:8px}.brand img{width:36px;height:40px}.menu-toggle{display:block;font-size:11px}.nav{display:none;position:absolute;top:81px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;align-items:start;border-bottom:1px solid var(--line);gap:20px}.hero{padding-top:48px}.hero-grid{grid-template-columns:1fr;gap:36px}.hero h1{font-size:65px}.hero-art{height:240px}.art-mark{transform:skew(-24deg) scale(.65);margin-top:-40px}.hero-art:before,.hero-art:after{width:230px;height:280px}.art-caption{font-size:8px;bottom:18px;left:20px}.hero-bottom{margin-top:35px;gap:20px;font-size:8px}.hero-bottom span:last-child{display:none}.hero-copy{font-size:14px}.section{padding:56px 0}.section-top{display:block;margin-bottom:30px}.section-top h2{font-size:46px;margin-bottom:20px}.section-top p{font-size:13px}.area-grid{grid-template-columns:1fr}.area{min-height:200px;padding:25px}.area-number{margin-bottom:15px}.area h3{font-size:22px}.area p{max-width:290px}.about-grid{grid-template-columns:1fr;gap:32px}.about-image{height:380px}.about-copy h2{font-size:47px}.article-grid{grid-template-columns:1fr;gap:32px}.article-cover{height:220px}.process-grid{grid-template-columns:1fr;gap:25px}.process-item h3{margin-top:14px}.process-item p{margin-bottom:0}.contact-grid{grid-template-columns:1fr;gap:10px}.contact h2{font-size:48px}.contact-row{font-size:12px}.footer-top,.footer-bottom{align-items:start;flex-direction:column;gap:25px}.footer .nav{position:static;display:flex;border:0;padding:0;flex-direction:row;flex-wrap:wrap;font-size:11px}.page-heading{padding:45px 0 30px}.page-heading h1{font-size:65px}.filters{flex-direction:column;align-items:stretch}.search{min-width:0}.post-head{padding-top:45px}.post-content{font-size:16px}.post-head h1{font-size:48px}.post-content h2{font-size:34px}.hero .button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}