@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#111116;--muted:#57545d;--paper:#fff;--red:#e80032;--orange:#ff8415;--yellow:#ffc400;--green:#05954c;--blue:#008cdd;--purple:#632481;--line:#e8e4e3}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}.wrap{width:min(1280px,calc(100% - 88px));margin-inline:auto}.skip{position:absolute;left:-999px;top:10px;background:#fff;padding:12px;z-index:20}.skip:focus{left:12px}
.header{position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(14px);z-index:10;border-bottom:1px solid #eee}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:36px;min-height:102px}.brand{display:block;width:312px;flex-shrink:0;font-size:25px;font-weight:800;text-decoration:none}.brand img{display:block;width:100%;height:auto}.nav{display:flex;align-items:center;gap:clamp(16px,2.6vw,40px)}.nav a{text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap;transition:color .2s}.nav a:hover,.nav a.active{color:var(--purple)}.nav a.active:after{content:'';display:block;background:var(--yellow);height:3px;margin-top:7px;border-radius:20px}.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:47% 53%;align-items:center;min-height:520px;padding-top:42px;padding-bottom:42px}.hero-copy{padding-right:26px;position:relative;z-index:1}.eyebrow,.kicker{font-size:11px;letter-spacing:.13em;font-weight:800;color:#65516a}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:25px}.small-bar{width:23px;height:4px;background:var(--yellow);border-radius:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,'DM Sans',Arial,sans-serif}h1{font-size:clamp(38px,4.15vw,65px);line-height:1.12;letter-spacing:-.055em;margin-bottom:22px;font-weight:800}h1 em{font-style:normal;color:var(--purple)}.hero-copy>p{font-size:18px;line-height:1.55;color:#34323a;max-width:460px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;text-decoration:none;border-radius:999px;padding:14px 22px;font-weight:800;font-size:14px;transition:transform .2s,box-shadow .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 17px #0000001c}.btn-primary{background:var(--red);color:white}.btn-outline{border:1.5px solid var(--purple);color:var(--purple);background:white}
.hero-art{height:390px;display:flex;position:relative;overflow:hidden;border-radius:120px 12px 12px 12px;background:linear-gradient(120deg,#f9e7d6,#f5e8f8)}.photo{height:100%;overflow:hidden;flex:1;min-width:0;transform:skewX(-9deg);margin-left:-12px;border-left:8px solid #fff}.photo:first-child{margin-left:-42px;flex:1.12;border-left:0}.photo:last-of-type{flex:.9;margin-right:-24px}.photo img{height:100%;width:135%;object-fit:cover;transform:skewX(9deg);margin-left:-15%;display:block}
.section{padding-top:88px;padding-bottom:88px}.about{display:grid;grid-template-columns:34% 66%;gap:20px}.kicker{display:block;margin-bottom:14px}h2{font-size:clamp(31px,3.3vw,44px);line-height:1.17;letter-spacing:-.045em;font-weight:800;margin:0}.dot{display:block;width:52px;height:5px;border-radius:9px;margin-top:16px}.red-bg{background:var(--red)}.yellow-bg{background:var(--yellow)}.green-bg{background:var(--green)}.section-content{max-width:760px}.lead{font-size:22px;font-weight:700;line-height:1.5;margin-bottom:24px}.section-content p:not(.lead){color:var(--muted);line-height:1.7;font-size:16px}.bank-section{background:#faf8f5}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.section-heading p{font-size:16px;color:var(--muted);max-width:670px;margin:19px 0 0;line-height:1.6}.text-link{color:var(--purple);font-weight:800;font-size:14px;text-decoration:none;white-space:nowrap;margin-bottom:8px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.filter{border:1px solid #dcd8dc;background:#fff;border-radius:100px;padding:10px 17px;font-size:13px;font-weight:700;cursor:pointer}.filter.active{background:var(--purple);color:#fff;border-color:var(--purple)}.empty-state{display:flex;gap:25px;align-items:center;background:#fff;border:1px solid #eee7e5;border-radius:18px;padding:30px;min-height:162px}.empty-art{color:var(--orange);font-size:64px}.empty-state h3{font-size:21px;margin-bottom:8px}.empty-state p{margin:0;color:var(--muted);max-width:690px;line-height:1.6}.submission{margin-top:30px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 34px;background:#fff5e3;border-radius:18px}.submission h3{font-size:23px;margin:0 0 7px}.submission p{color:var(--muted);margin:0;max-width:640px;line-height:1.6}
.law-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.law-card{border-radius:20px;padding:29px;min-height:290px;display:flex;flex-direction:column}.law-purple{background:#f4ebf8}.law-orange{background:#fff1e3}.law-green{background:#eaf7ef}.law-icon{font-family:Manrope,sans-serif;font-size:14px;font-weight:800;opacity:.75;margin-bottom:24px}.law-card h3{font-size:24px;letter-spacing:-.03em;margin-bottom:11px}.law-card p{line-height:1.6;font-size:15px;color:#4b4650;flex:1}.law-card a{font-size:14px;font-weight:800;text-decoration:none;color:var(--purple);width:max-content}.fineprint{font-size:12px;color:var(--muted);margin:18px 0 0}
.contact{background:var(--purple);color:#fff;position:relative;overflow:hidden}.contact:before,.contact:after{content:'';position:absolute;width:170px;height:170px;transform:rotate(38deg);border-radius:26px;opacity:.9}.contact:before{background:var(--orange);left:-110px;bottom:-110px}.contact:after{background:var(--green);right:-110px;top:-108px}.contact-inner{padding:54px 0;display:flex;gap:28px;justify-content:space-between;align-items:center}.contact h2{max-width:650px;font-size:clamp(30px,3vw,42px)}.contact p{margin:12px 0 0;opacity:.87;max-width:620px;line-height:1.6}.light{color:#e8d0f0}.contact-actions{display:flex;flex-direction:column;gap:11px;align-items:center}.btn-light{background:#fff;color:var(--purple)}.contact-actions span{font-size:12px;opacity:.8;text-align:center}
.footer{background:#fff}.footer-inner{display:grid;grid-template-columns:210px 1.1fr 1.3fr auto;align-items:center;gap:28px;padding:37px 0}.footer-logo{font-weight:800;text-decoration:none}.footer-logo img{width:100%}.footer-details{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#5f5b63}.footer-details strong{color:var(--ink)}.footer-links{display:flex;gap:12px;flex-wrap:wrap}.footer-links a,.social{font-size:13px;text-decoration:none;font-weight:700}.footer-links a:hover,.social:hover{color:var(--purple)}.footer-bottom{border-top:1px solid var(--line);padding:14px 0;display:flex;justify-content:space-between;gap:12px;color:#817c82;font-size:12px}.rainbow{height:6px;display:flex}.rainbow i{flex:1}.rainbow i:nth-child(1){background:var(--red)}.rainbow i:nth-child(2){background:var(--orange)}.rainbow i:nth-child(3){background:var(--yellow)}.rainbow i:nth-child(4){background:var(--green)}.rainbow i:nth-child(5){background:var(--blue)}.rainbow i:nth-child(6){background:var(--purple)}
@media(max-width:1080px){.wrap{width:min(100% - 48px,1280px)}.brand{width:245px}.header-inner{gap:16px;min-height:84px}.nav{gap:17px}.nav a{font-size:12px}.hero{grid-template-columns:48% 52%;min-height:440px}.hero-art{height:340px}h1{font-size:43px}.footer-inner{grid-template-columns:170px 1fr 1fr}.social{grid-column:3}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:76px}.brand{width:205px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:12px;background:transparent;border:0;cursor:pointer}.menu-toggle span{width:24px;height:2px;background:#222}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 14px 20px #0001;padding:12px 22px 20px}.nav.open{display:flex}.nav a{font-size:16px;padding:12px 0}.nav a.active:after{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding:30px 0 18px;min-height:auto}.hero-copy{padding-right:0}.eyebrow{font-size:9px;margin-bottom:15px}h1{font-size:clamp(38px,9vw,56px)}.hero-copy>p{font-size:16px}.actions{margin-top:23px;gap:10px}.btn{font-size:13px;padding:13px 18px}.hero-art{height:280px;margin-top:30px;border-radius:75px 10px 10px 10px}.section{padding-top:61px;padding-bottom:61px}.about{grid-template-columns:1fr;gap:25px}.lead{font-size:19px}.section-heading{align-items:start;flex-direction:column;gap:18px}.law-grid{grid-template-columns:1fr}.law-card{min-height:auto;padding:25px}.law-icon{margin-bottom:17px}.submission{flex-direction:column;align-items:start;padding:25px}.empty-state{padding:24px;gap:17px}.empty-art{font-size:40px}.contact-inner{padding:48px 0;flex-direction:column;align-items:start}.contact-actions{align-items:start}.footer-inner{grid-template-columns:1fr 1fr;gap:24px}.footer-logo{width:175px}.footer-details{grid-column:2}.footer-links{grid-column:1/3}.social{grid-column:1/3}.footer-bottom{flex-direction:column}.filters{gap:7px}}
@media(max-width:420px){.hero-art{height:215px}.photo:first-child{margin-left:-35px}.brand{width:186px}.footer-inner{grid-template-columns:1fr}.footer-details,.footer-links,.social{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Casa 7 Artes — direção visual v2.2: casas coloridas, composição leve */
.hero-art{isolation:isolate;overflow:visible;border-radius:0;background:transparent}
.hero-art .photo{position:relative;border-radius:4px;overflow:hidden;background:linear-gradient(115deg,#ffe4c7,#f0e0f4);z-index:1}
.hero-art .photo:first-of-type{border-radius:90px 3px 3px 3px}
.house{position:absolute;display:block;width:76px;height:75px;background:var(--red);clip-path:polygon(50% 0%,100% 36%,87% 36%,87% 100%,13% 100%,13% 36%,0% 36%);pointer-events:none}
.hero-art .house{z-index:3;bottom:-18px;border:0;filter:drop-shadow(0 0 2px white)}
.hero-art .house-red{background:var(--red);left:30%;transform:rotate(-5deg)}
.hero-art .house-yellow{background:var(--yellow);left:59%;bottom:-29px;width:63px;height:62px;transform:rotate(15deg)}
.hero-art .house-blue{background:var(--blue);right:3%;bottom:-18px;width:61px;height:60px;transform:rotate(6deg)}
.bank-section{position:relative;overflow:hidden}
.bank-house{background:var(--green);left:-38px;bottom:33px;width:85px;height:85px;transform:rotate(-18deg);opacity:.86}
.contact-house-a{background:var(--yellow);left:-22px;bottom:-44px;width:118px;height:115px;transform:rotate(21deg);opacity:.97}
.contact-house-b{background:var(--red);right:-12px;top:-47px;width:105px;height:100px;transform:rotate(-20deg);opacity:.95}
.hero-copy .eyebrow{color:var(--purple)}
.hero-copy h1{letter-spacing:-.057em}
.btn-primary{background:var(--red)}
.section-heading .text-link:hover,.law-card a:hover{text-decoration:underline;text-underline-offset:4px}
.footer{position:relative}
.footer-logo img,.brand img{object-fit:contain}
.footer-inner{border-top:1px solid #f2efee}
@media(max-width:760px){.hero-art{overflow:visible}.hero-art .house{width:44px;height:43px;bottom:-11px}.hero-art .house-yellow{width:39px;height:38px;bottom:-17px}.hero-art .house-blue{width:40px;height:39px;bottom:-11px}.bank-house{display:none}.contact-house-a,.contact-house-b{opacity:.46}}
