/*
Theme Name: JFA Advocacia
Version: 1.0.0
Description: Site JFA com edição visual e artigos.
Text Domain: jfa
*/
@font-face{font-family:Montserrat;src:url('assets/Montserrat-Regular.ttf') format('truetype');font-display:swap}
:root{--ink:#072034;--paper:#faf8f4;--gold:#806733;--line:#d7d4cd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:6px}a:focus-visible,button:focus-visible{outline:3px solid #977b40;outline-offset:6px}.shell{width:min(1200px,88%);margin-inline:auto}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:0}header{min-height:120px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center}.brand img{width:220px;height:78px;object-fit:contain}nav{display:flex;gap:38px;font-size:14px}nav a:last-child{border-bottom:1px solid var(--gold);padding-bottom:3px}.menu{display:none}.hero{display:grid;grid-template-columns:1.13fr 1fr;gap:70px;align-items:center;padding-block:55px 65px}.hero-copy{padding-block:25px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--gold);margin:0 0 28px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}h1{font-size:clamp(42px,4.6vw,65px);line-height:1.14;margin-bottom:26px;text-wrap:balance}.intro{max-width:390px;color:#4d5962;line-height:1.85;margin-bottom:35px}.button{display:inline-flex;gap:30px;align-items:center;background:var(--ink);color:white;padding:15px 22px;font-size:14px;min-height:54px}.button:hover{background:#173b50;text-decoration:none}.button span{font-size:22px}.identity{border-top:1px solid var(--line);margin-top:64px;padding-top:25px}.identity h2{font-size:26px;letter-spacing:-.02em;margin-bottom:5px}.identity p{font-size:13px;color:#52606b;margin-bottom:0}.portrait{margin:0;position:relative;aspect-ratio:4/5;overflow:hidden;background:#303136}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 39%;display:block}.portrait figcaption{position:absolute;bottom:0;left:0;right:0;padding:45px 26px 23px;background:linear-gradient(transparent,#071521d9);color:white;font-size:12px;letter-spacing:.3px}.practice{background:var(--ink);color:#faf8f4;padding:78px 0}.section-heading{max-width:600px}.practice .eyebrow{color:#d8c28f;margin-bottom:20px}h2{font-size:42px;line-height:1.2;margin-bottom:20px}.section-heading>p:last-child{color:#cbd3d8;font-size:15px}.areas{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;gap:45px}.areas article{border-top:1px solid #ffffff42;padding-top:22px}.number{font-size:12px;color:#d8c28f;display:block;margin-bottom:25px}.areas h3{font-size:29px;letter-spacing:-.02em;margin-bottom:15px}.areas p{font-size:15px;color:#cbd3d8;max-width:290px;margin-bottom:0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:85px}.contact .eyebrow{margin-bottom:22px}.contact .button{margin-top:13px}address{font-style:normal;padding-top:5px}address a{display:block;padding:17px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere;font-size:15px}address span{display:block;font-size:11px;letter-spacing:1.5px;color:#697078;margin-bottom:6px}footer{display:flex;justify-content:space-between;gap:20px;padding-block:25px;border-top:1px solid var(--line);font-size:12px;color:#52606b}footer p{margin:0}.wrap{max-width:900px;margin:auto;padding:70px 6%}.wrap h1{margin-top:25px}.wrap h3{font-size:28px;margin-top:40px}
@media(max-width:950px){.hero{gap:35px}h1{font-size:46px}.identity{margin-top:35px}.areas{gap:25px}.contact{gap:50px}.brand img{width:190px}.portrait{aspect-ratio:3/4}}
@media(max-width:680px){.shell{width:86%}header{min-height:95px;position:relative}.brand img{width:180px;height:65px}.menu{display:block;background:none;border:0;color:var(--ink);font:14px Montserrat;padding:12px 0}.menu span{margin-left:8px}nav{display:none;position:absolute;top:94px;left:-8.15%;right:-8.15%;background:var(--paper);padding:24px 7%;z-index:5;border-bottom:1px solid var(--line);flex-direction:column;gap:22px}nav.open{display:flex}nav a:last-child{align-self:flex-start}.hero{grid-template-columns:1fr;gap:30px;padding-block:38px 42px}.hero-copy{padding:0}.eyebrow{font-size:11px;margin-bottom:22px}h1{font-size:clamp(36px,8.8vw,52px);line-height:1.16}.intro{font-size:16px;line-height:1.75;margin-bottom:25px}.identity{margin-top:32px;padding-top:21px}.identity h2{font-size:25px}.portrait{aspect-ratio:1/1;max-height:440px}.portrait img{object-position:center 36%}.portrait figcaption{font-size:12px}.practice{padding:52px 0}h2{font-size:35px}.areas{grid-template-columns:1fr;margin-top:30px;gap:27px}.areas article{display:grid;grid-template-columns:25px 1fr;column-gap:15px;padding-top:23px}.number{grid-row:1/3;margin-top:5px;margin-bottom:0}.areas h3{font-size:27px;margin-bottom:9px}.areas p{grid-column:2;max-width:none;font-size:15px}.contact{grid-template-columns:1fr;gap:28px;padding-block:52px}.contact .button{margin-top:5px}footer{flex-direction:column;gap:8px;font-size:12px}.wrap{padding:45px 7%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.about{display:grid;grid-template-columns:1fr 1.15fr;gap:85px;padding-block:65px 85px;border-top:1px solid var(--line)}.about h2{font-size:38px}.about-credential{font-size:14px;line-height:1.9;color:#52606b}.about-copy p{font-size:16px;line-height:1.85;color:#4d5962;margin-bottom:20px}.about-copy p:last-child{margin-bottom:0}.areas p{max-width:none;line-height:1.85}.areas{gap:38px}@media(max-width:680px){.about{grid-template-columns:1fr;gap:20px;padding-block:45px}.about h2{font-size:32px}.about .eyebrow{margin-bottom:20px}.about-credential{margin-bottom:0}.areas{gap:30px}}
.video-section{display:grid;grid-template-columns:1fr 1.15fr;gap:85px;padding-block:0 85px;align-items:center}.video-intro>p:not(.eyebrow){color:#4d5962;max-width:360px}.video-external{font-size:14px;border-bottom:1px solid var(--gold);padding-bottom:5px}.video-panel{max-width:440px;width:100%;justify-self:center}.video-container{background:#e8e5df;min-height:480px;display:grid;place-items:center;border:1px solid var(--line)}.video-load{width:100%;min-height:480px;border:0;background:var(--ink);color:var(--paper);font:15px/1.7 Montserrat,Arial,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;padding:25px}.video-load:hover{background:#173b50}.play-icon{border:1px solid #d8c28f;border-radius:50%;width:70px;height:70px;display:grid;place-items:center;font-size:24px;color:#d8c28f}.video-container iframe{width:100%;height:620px;border:0;background:white}.video-note{font-size:12px;color:#52606b;line-height:1.7;margin:14px 0 0}@media(max-width:680px){.video-section{grid-template-columns:1fr;gap:28px;padding-block:0 50px}.video-container,.video-load{min-height:360px}.video-container iframe{height:590px}.video-intro h2{font-size:34px}}
/* Alternância de fundos da identidade visual. */
.about{position:relative;isolation:isolate;border-top:0;color:#faf8f4;padding-block:70px}.about:before,.contact:before{content:'';position:absolute;inset:0 calc((100% - 100vw)/2);z-index:-1;background:#072034}.about .eyebrow,.contact .eyebrow{color:#d8c28f}.about-credential,.about-copy p{color:#d5dde2}.video-section{padding-block:70px}.contact{position:relative;isolation:isolate;color:#faf8f4}.contact address a{border-bottom-color:#ffffff35}.contact address span{color:#d8c28f}.contact .button{background:#f4ede5;color:#072034}.contact .button:hover{background:#e3d4b8}.contact a:focus-visible,.about a:focus-visible{outline-color:#d8c28f}footer{border-top:0}@media(max-width:680px){.about{padding-block:48px}.video-section{padding-block:48px}.contact{padding-block:48px}}

.article-content{max-width:800px;margin:60px auto;padding:0 25px}.article-content img{max-width:100%;height:auto}.post-list{padding-block:55px}.post-list article{border-bottom:1px solid #d7d4cd;padding:25px 0}.post-list h2{font-size:30px}.article-content h1{font-size:42px}.article-content a{text-decoration:underline}