*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#F5F1E8;color:#13203A;font-family:'EB Garamond',Garamond,Georgia,serif;-webkit-font-smoothing:antialiased}
a{color:#13203A;text-decoration:none}a:hover{color:#8A6A35}
.topo{position:sticky;top:0;z-index:20;background:#F5F1E8;border-bottom:1px solid #13203A1A}
.topo-in{max-width:1280px;margin:0 auto;padding:18px clamp(20px,4vw,56px);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.marca{display:flex;align-items:center;gap:12px}
.marca-mono{width:44px;aspect-ratio:630/481;background:#13203A;-webkit-mask:url(../monograma-BB-recortado.svg) center/contain no-repeat;mask:url(../monograma-BB-recortado.svg) center/contain no-repeat}
.marca-fio{width:1px;height:34px;background:#B6955B}
.marca-txt{display:flex;flex-direction:column;gap:5px}
.marca-nome{font-family:Cinzel,serif;font-size:15px;font-weight:500;letter-spacing:.22em;line-height:1;white-space:nowrap}
.marca-sub{font-family:Cinzel,serif;font-size:9px;font-weight:500;letter-spacing:.3em;color:#8A6A35;line-height:1}
.menu{display:flex;align-items:center;gap:clamp(14px,2.4vw,34px);flex-wrap:wrap;font-family:Cinzel,serif;font-size:12px;letter-spacing:.18em}
.menu .ativo{color:#8A6A35}
.menu-cta{border-bottom:1px solid #B6955B;padding-bottom:4px}
.rotulo{font-family:Cinzel,serif;font-size:12px;letter-spacing:.4em;color:#8A6A35}
.lista-topo{background:#13203A;color:#F5F1E8;padding:clamp(72px,10vw,130px) clamp(20px,4vw,56px) clamp(56px,7vw,96px);position:relative;overflow:hidden}
.lista-topo::after{content:"";position:absolute;right:-8vw;top:50%;transform:translateY(-50%);width:min(620px,70vw);aspect-ratio:630/481;background:#B6955B12;-webkit-mask:url(../monograma-BB-recortado.svg) center/contain no-repeat;mask:url(../monograma-BB-recortado.svg) center/contain no-repeat;pointer-events:none}
.lista-topo-in{max-width:1280px;margin:0 auto;position:relative;display:flex;flex-direction:column;gap:22px}
.lista-topo .rotulo{color:#B6955B}
.lista-topo h1{margin:0;font-family:'Cormorant Garamond',Garamond,serif;font-weight:400;font-size:clamp(44px,6vw,84px);line-height:1.03;max-width:900px;text-wrap:balance}
.lista-topo p{margin:0;font-size:clamp(18px,1.6vw,21px);line-height:1.6;color:#E4DED1;max-width:640px;text-wrap:pretty}
.lista{max-width:1280px;margin:0 auto;padding:clamp(56px,8vw,110px) clamp(20px,4vw,56px)}
.filtros{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(36px,5vw,56px)}
.filtros button{font-family:Cinzel,serif;font-size:11px;letter-spacing:.2em;background:none;border:1px solid #13203A33;color:#13203A;padding:10px 16px;cursor:pointer}
.filtros button:hover{border-color:#13203A}
.filtros button.on{background:#13203A;color:#F5F1E8;border-color:#13203A}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:clamp(28px,3vw,44px)}
.card{display:flex;flex-direction:column;gap:14px;border-top:1px solid #13203A;padding-top:24px}
.card:hover h2{color:#8A6A35}
.card-meta{display:flex;gap:14px;flex-wrap:wrap;font-family:Cinzel,serif;font-size:11px;letter-spacing:.22em;color:#8A6A35}
.card h2{margin:0;font-family:'Cormorant Garamond',Garamond,serif;font-weight:500;font-size:clamp(26px,2.4vw,32px);line-height:1.15;text-wrap:balance;transition:color .2s}
.card p{margin:0;font-size:18px;line-height:1.6;color:#3A4152;text-wrap:pretty}
.card-ler{font-family:Cinzel,serif;font-size:11px;letter-spacing:.2em;color:#13203A;margin-top:4px}
.vazio{grid-column:1/-1;padding:40px 0;font-family:'Cormorant Garamond',Garamond,serif;font-style:italic;font-size:28px;color:#5A6273;border-top:1px solid #13203A33}
.art-topo{padding:clamp(64px,9vw,120px) clamp(20px,4vw,56px) clamp(40px,5vw,64px);border-bottom:1px solid #13203A1A}
.art-topo-in{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:22px}
.voltar{font-family:Cinzel,serif;font-size:11px;letter-spacing:.2em;color:#8A6A35}
.art-topo h1{margin:0;font-family:'Cormorant Garamond',Garamond,serif;font-weight:400;font-size:clamp(40px,5.4vw,68px);line-height:1.05;text-wrap:balance}
.art-resumo{margin:0;font-size:clamp(20px,1.9vw,23px);line-height:1.55;color:#2A3346;text-wrap:pretty}
.art-meta{display:flex;gap:18px;flex-wrap:wrap;font-family:Cinzel,serif;font-size:11px;letter-spacing:.22em;color:#5A6273;padding-top:18px;border-top:1px solid #B6955B}
.art{max-width:760px;margin:0 auto;padding:clamp(48px,6vw,80px) clamp(20px,4vw,0px) 0}
.art p,.art li{font-size:clamp(19px,1.5vw,21px);line-height:1.75;color:#1E2A40;text-wrap:pretty}
.art p{margin:0 0 1.2em}
.art h2{font-family:Cinzel,serif;font-weight:500;font-size:clamp(22px,2.2vw,28px);letter-spacing:.04em;line-height:1.25;margin:2.2em 0 .8em;text-wrap:balance}
.art h3{font-family:'Cormorant Garamond',Garamond,serif;font-weight:500;font-size:clamp(24px,2.2vw,28px);line-height:1.2;margin:1.8em 0 .6em}
.art ul,.art ol{margin:0 0 1.4em;padding-left:1.3em}
.art li{margin-bottom:.5em}
.art li::marker{color:#8A6A35}
.art a{color:#13203A;border-bottom:1px solid #B6955B}
.art a:hover{color:#8A6A35}
.art strong{font-weight:500;color:#13203A}
.art .destaque{margin:2em 0;padding:28px 0;border-top:1px solid #B6955B;border-bottom:1px solid #B6955B;font-family:'Cormorant Garamond',Garamond,serif;font-style:italic;font-size:clamp(25px,2.4vw,31px);line-height:1.35;color:#13203A}
.faq{margin:1em 0 0;border-top:1px solid #13203A33}
.faq details{border-bottom:1px solid #13203A33;padding:20px 0}
.faq summary{cursor:pointer;font-family:'Cormorant Garamond',Garamond,serif;font-weight:500;font-size:clamp(22px,2vw,25px);line-height:1.3;list-style:none;display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:#8A6A35;font-family:Cinzel,serif}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:14px 0 0}
.aviso{max-width:760px;margin:clamp(40px,5vw,64px) auto 0;padding:0 clamp(20px,4vw,0px);font-size:16px;line-height:1.6;color:#5A6273}
.cta{background:#13203A;color:#F5F1E8;margin-top:clamp(64px,8vw,110px);padding:clamp(64px,8vw,110px) clamp(20px,4vw,56px)}
.cta-in{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:22px}
.cta .rotulo{color:#B6955B}
.cta h2{margin:0;font-family:'Cormorant Garamond',Garamond,serif;font-weight:400;font-size:clamp(36px,4.4vw,56px);line-height:1.08;text-wrap:balance}
.cta p{margin:0;font-size:clamp(18px,1.6vw,21px);line-height:1.6;color:#E4DED1;text-wrap:pretty}
.cta-bts{display:flex;gap:28px;align-items:center;flex-wrap:wrap;font-family:Cinzel,serif;font-size:12px;letter-spacing:.2em;margin-top:8px}
.cta-bts .bt{background:#B6955B;color:#13203A;padding:16px 28px}
.cta-bts .bt:hover{background:#F5F1E8;color:#13203A}
.cta-bts .lk{color:#F5F1E8;border-bottom:1px solid #B6955B;padding-bottom:6px}
.cta-bts .lk:hover{color:#B6955B}
.relacionados{max-width:1280px;margin:0 auto;padding:clamp(64px,8vw,110px) clamp(20px,4vw,56px)}
.relacionados>.rotulo{display:block;margin-bottom:32px}
.rodape{background:#13203A;color:#C9C3B6;padding:56px clamp(20px,4vw,56px) 40px;border-top:1px solid #B6955B33}
.rodape-in{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:36px}
.rodape-top{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.rodape-marca{display:flex;flex-direction:column;align-items:center;gap:12px;width:220px}
.rodape-mono{width:73px;aspect-ratio:630/481;background:#B6955B;-webkit-mask:url(../monograma-BB-recortado.svg) center/contain no-repeat;mask:url(../monograma-BB-recortado.svg) center/contain no-repeat}
.rodape-nome{font-family:Cinzel,serif;font-size:17px;font-weight:500;letter-spacing:.22em;color:#F5F1E8;line-height:1}
.rodape-sub{font-family:Cinzel,serif;font-size:10px;font-weight:500;letter-spacing:.3em;color:#B6955B;line-height:1}
.rodape-info{display:flex;gap:clamp(32px,6vw,80px);flex-wrap:wrap;font-size:16px;line-height:1.6}
.rodape-info a{color:#C9C3B6}.rodape-info a:hover{color:#B6955B}
.rodape-base{border-top:1px solid #B6955B33;padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:Cinzel,serif;font-size:11px;letter-spacing:.2em;color:#8E8A80}
.whats{position:fixed;right:22px;bottom:22px;z-index:30;display:flex;align-items:center;gap:10px;background:#13203A;color:#F5F1E8;padding:14px 20px;font-family:Cinzel,serif;font-size:11px;letter-spacing:.2em;box-shadow:0 10px 30px -10px #0B1527AA}
.whats:hover{background:#8A6A35;color:#F5F1E8}
.whats span{width:8px;height:8px;border-radius:50%;background:#B6955B}