/* Página inicial: composição centralizada na área útil abaixo do cabeçalho. */
.hero{min-height:calc(100svh - var(--header-height,110px));padding:35px 36px;display:flex;align-items:center;position:relative;isolation:isolate;background:linear-gradient(180deg,#1c120d 0%,#362419 25%,#453021 50%,#342217 75%,#1b110c 100%)}
.hero:before{content:"";position:absolute;inset:0;background:url('../images/fundo-index.svg') center/740px auto repeat;opacity:.5;z-index:-1;pointer-events:none}.hero>.wrap{width:100%;max-width:1320px}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}.hero h1{font:normal clamp(48px,4.7vw,76px)/1.08 Georgia;letter-spacing:-2px;margin:22px 0}.hero h1 em{color:var(--gold)}.hero .lead{line-height:1.7}.hero .portrait{max-width:480px;padding:0;width:100%;text-align:center}.hero .portrait:before{display:none}.hero .portrait img{width:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;background:#ab8c61;border:12px solid #ac8d62;box-shadow:0 0 0 1px #dfc18d77,0 22px 65px #0005}.hero .caption{background:none;padding:20px 0 0}.hero .genres{margin-top:35px;padding:22px 0 0;gap:20px;font-size:23px}.hero .genres span:first-child{font-size:11px;max-width:260px;line-height:1.6}
@media(max-width:1050px){.hero-grid{gap:30px}.hero h1{font-size:54px}.hero .portrait{max-width:400px}.hero .genres{flex-wrap:wrap;justify-content:center}.hero .genres span:first-child{max-width:none;width:100%;text-align:center}}
@media(max-width:760px){.hero{padding:35px 24px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero h1{font-size:47px}.hero .portrait{max-width:350px}.hero .lead{font-size:18px}.hero .genres{font-size:19px}.hero .portrait img{border-width:9px}}
@media(min-width:1100px) and (max-height:800px){.hero{padding:24px 36px}.hero .portrait{max-width:355px}.hero h1{font-size:56px}.hero .lead{font-size:18px}.hero .genres{margin-top:24px}.hero .caption{padding-top:12px}}

/* Fundo em imagem SVG e retrato sem moldura retangular. */
.hero{background:linear-gradient(180deg,#1b120ded 0%,#35261bc9 47%,#1b120deb 100%);overflow:hidden}.hero:before{background:url('../images/fundo-index.svg') center/cover no-repeat;opacity:.85}.hero-grid{gap:70px}.hero .portrait{max-width:430px}.hero .portrait img{border:10px solid #ad8b59;outline:1px solid #e9c78888;outline-offset:6px;filter:contrast(1.1) saturate(.94);box-shadow:0 28px 65px #0005}.hero .caption strong{font-size:33px;color:#fff1d7}.hero .caption span{font-size:12px;color:#e8bf79}.hero .lead{color:#ebdac1}.hero h1{color:#fff2db;text-shadow:0 2px 12px #0002}.hero .genres{color:#efd19d;border-color:#e8bf7944}.hero .genres span:first-child{color:#ddcbb4}.quick-grid h2{color:#fff1d7}
@media(min-width:1100px) and (max-height:800px){.hero .portrait{max-width:330px}.hero-grid{gap:45px}.hero h1{font-size:55px}}
@media(max-width:760px){.hero .portrait{max-width:320px}.hero-grid{gap:35px}.hero:before{background-position:65% center;opacity:.65}}

/* Uma única fotografia discreta, sem repetição nem traçados vetoriais. */
.hero:before{background-image:url('../images/fundo-index.svg');background-repeat:no-repeat;background-size:auto 108%;background-position:98% center;opacity:.14;filter:sepia(.7) saturate(.65);mask-image:linear-gradient(to right,transparent 38%,#000 65%),linear-gradient(to bottom,transparent 0%,#000 15%,#000 83%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 15%,#000 83%,transparent 100%)}
@media(max-width:760px){.hero:before{background-size:auto 80%;background-position:88% center;opacity:.09}}

/* Ilustração sutil: acompanha a composição sem competir com o retrato. */
.hero:before{background-image:url('../images/fundo-index.svg');background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.24;filter:none;mask-image:none;-webkit-mask-image:none}
@media(max-width:760px){.hero:before{background-size:auto 100%;background-position:65% center;opacity:.16}}

/* A abertura usa o mesmo fundo contínuo do restante da página. */
.hero{background:transparent}.hero:before{display:none}

/* O fundo único pertence ao main e acompanha a página inteira. */
.hero:before{display:none}

/* V28 — apresentação e cards próximos, sem faixa de estilos. */
body.page-index main{display:flex;flex-direction:column;justify-content:center;min-height:calc(100svh - var(--header-height,112px) + 64px);padding:30px 0 64px;gap:34px}
body.page-index .hero{min-height:0;padding:0 36px;flex:none}
body.page-index section.content{padding:0 36px}
body.page-index .quick-grid{max-width:1320px;width:100%}
@media(min-width:1100px) and (max-height:900px){body.page-index main{gap:25px;padding-top:28px}.hero .portrait{max-width:315px}.hero h1{font-size:58px}.hero .caption strong{font-size:28px}.hero .caption{padding-top:13px}}
@media(max-width:760px){body.page-index main{justify-content:flex-start;gap:35px;padding-top:35px;padding-bottom:65px}body.page-index .hero,body.page-index section.content{padding:0 24px}}

/* V29 — cards em madeira e botões de navegação discretos. */
.quick-grid{gap:22px}
.quick-grid article{display:flex;flex-direction:column;align-items:flex-start;padding:28px;border:1px solid #d7b17b48;border-radius:9px;box-shadow:0 8px 24px #10060420;transition:border-color .2s,transform .2s}
.quick-grid article:nth-child(1){background:linear-gradient(180deg,#674330f2 0%,#362018f5 50%,#60402ef2 100%)}
.quick-grid article:nth-child(2){background:linear-gradient(180deg,#51372cf2 0%,#2c1c17f5 50%,#4c3329f2 100%)}
.quick-grid article:nth-child(3){background:linear-gradient(180deg,#57352bf2 0%,#311b17f5 50%,#503027f2 100%)}
.quick-grid article:hover{border-color:#d7b17b80;transform:translateY(-2px)}
.quick-grid .eyebrow{font-size:10px;letter-spacing:2.3px;color:#ddbb82}
.quick-grid h2{font-size:28px;line-height:1.25;margin:15px 0 16px;font-weight:400;color:#fff0d8}
.quick-grid p{font-size:16px;line-height:1.75;color:#e3d0b8;margin:0 0 23px;flex:1}
.quick-grid .textlink{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 17px;margin-top:auto;border:1px solid #d4ae705e;border-radius:4px;background:#160b0838;color:#efd09a;font-size:14px;line-height:1.5;transition:background .2s,border-color .2s,color .2s}
.quick-grid .textlink:hover{background:#d5ae711a;border-color:#e6c18b;color:#fff1d5}
.quick-grid .textlink:focus-visible{outline:2px solid #e6c18b;outline-offset:4px}
@media(max-width:760px){.quick-grid article{padding:24px}.quick-grid h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.quick-grid article,.quick-grid .textlink{transition:none}.quick-grid article:hover{transform:none}}

/* V36 — ações principais com acabamento discreto e apenas texto. */
.hero .actions{gap:14px;align-items:stretch}
.hero .actions .btn{min-height:52px;padding:13px 24px;border-radius:7px;border:1px solid #cba76d;color:#efd5a4;background:linear-gradient(135deg,#49271dcf,#2d1712e6);font-size:15px;font-weight:400;letter-spacing:0;line-height:1.5;box-shadow:inset 0 1px 0 #ffffff08,0 3px 10px #00000018;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.hero .actions .btn.fill{background:linear-gradient(135deg,#ead3a3,#c6a064);color:#342014;border-color:#dfbe82;font-weight:600;box-shadow:inset 0 1px 0 #ffffff55,0 3px 10px #00000022}
.hero .actions .btn:hover{background:linear-gradient(135deg,#573125e6,#382018);border-color:#ebcc94;transform:translateY(-1px);box-shadow:0 4px 12px #0003}
.hero .actions .btn.fill:hover{background:linear-gradient(135deg,#f1deb7,#d3af75)}
.hero .actions .btn:focus-visible{outline:2px solid #f7dfaa;outline-offset:4px}
@media(max-width:480px){.hero .actions .btn{width:100%;min-height:50px}}