:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#0f201a;color:#f3f5ee;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{background:#18372c;padding:20px 0;border-bottom:1px solid #436552}.shell{max-width:1100px;margin:auto;padding:0 16px}.brand{display:flex;align-items:center;gap:14px}.logo{font-size:44px}h1{font-size:26px;margin:0}header p{margin:4px 0;color:#c3d3c8}nav{display:flex;gap:8px;overflow:auto;padding:18px 0 4px}button,.filebtn{background:#284638;color:white;border:1px solid #567663;padding:12px 15px;border-radius:10px;cursor:pointer;font-size:15px}button.active,.primary{background:#c4a35d;color:#16251b;font-weight:700}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f0c775}main{padding-top:24px!important;padding-bottom:48px!important}.panel{display:block}.hidden{display:none!important}h2{margin:0 0 10px}p{line-height:1.55;color:#d1ddd4}input,textarea,select{display:block;width:100%;border:1px solid #668272;background:#18332a;color:#fff;border-radius:10px;padding:13px;margin:9px 0 16px;font-size:16px}label{display:block;margin:10px 0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:20px}.card{background:#1b362b;border:1px solid #42624f;border-radius:14px;padding:18px;min-width:0}.card h3{margin:0 0 10px}.card p{margin:8px 0}.meta{font-size:13px;color:#c1d4c5}.chip{display:inline-block;background:#345743;border-radius:20px;padding:5px 9px;font-size:12px;margin:3px 4px 3px 0}.chip.warn{background:#6a5330}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.two label{min-width:0}a{color:#e8c477;overflow-wrap:anywhere}.filebtn input{display:none}#notice:not(:empty){padding:10px 14px;background:#37543c;border-radius:9px;margin-bottom:14px}footer{text-align:center;padding:30px;color:#c2cfc5;border-top:1px solid #365443}.small{font-size:13px;color:#b9cbbd}.photo{height:110px;display:flex;align-items:center;justify-content:center;font-size:65px;background:linear-gradient(135deg,#385a46,#65432e);border-radius:10px;margin-bottom:12px}@media(max-width:600px){h1{font-size:22px}.two{grid-template-columns:1fr}nav button{white-space:nowrap;padding:12px}header{padding-top:15px}}

/* Versão editorial */
.hero{display:grid;grid-template-columns:1.7fr 1fr;gap:24px;align-items:center;padding:24px 4px}.hero h2{font-size:clamp(2rem,5vw,3.6rem);line-height:1.1;margin:12px 0}.hero p{line-height:1.7}.eyebrow{font-size:.75rem;letter-spacing:.15em;font-weight:800;color:#a96e25}.hero-art{border-radius:24px;background:linear-gradient(145deg,#174e3a,#102d27);color:white;min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:110px}.hero-art small{font-size:14px;max-width:220px;text-align:center}.beer-illustration{width:100%;height:185px;background:linear-gradient(#f5f1e6,#eae4d8);border-radius:12px}.style-card{overflow:hidden}.style-card p{line-height:1.55}.code{font-size:.8rem;color:#64766c;margin-left:6px}.brewery-card{padding:0!important;overflow:hidden}.brewery-toggle{display:flex;width:100%;align-items:center;text-align:left;gap:14px;padding:20px;background:transparent;border:0;cursor:pointer;color:inherit}.brewery-toggle span:nth-child(2){flex:1}.brewery-toggle strong{display:block;font-size:1.1rem}.brewery-toggle small{display:block;opacity:.7;margin-top:4px}.brand-logo{width:54px;height:54px;flex-shrink:0;border-radius:12px;background:#e9eee9;display:flex;align-items:center;justify-content:center;position:relative;font-size:25px}.brand-logo img{position:absolute;width:35px;height:35px;object-fit:contain;background:#fff;border-radius:8px}.brewery-beers{padding:4px 20px 20px}.beer-row{border-top:1px solid #dce5de;padding:16px 0}.beer-row h4{margin:0 0 8px}.chevron{font-size:25px}footer p{margin-top:10px;font-weight:700}@media(max-width:700px){.hero{grid-template-columns:1fr}.hero-art{min-height:180px;font-size:80px}.brewery-toggle{padding:14px}}

/* Navegação de cervejarias e fontes */
#beer-results{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.brewery-heading{display:flex;gap:16px;align-items:center;margin:20px 0}.brewery-heading h3{font-size:1.65rem;margin:0}.brewery-heading .brand-logo{width:70px;height:70px}.brewery-heading p{margin:5px 0}.back-button{margin:12px 0 4px}.beer-row{border-color:#42624f}.beer-row h4{font-size:1.15rem}.source-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px;margin:16px 0 24px}.source-list a{padding:13px 14px;border:1px solid #42624f;border-radius:10px;background:#1b362b}.brewery-toggle:hover{background:#284638}#glossario .cards{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}#glossario .card a{display:inline-block;margin-top:8px}

/* Atlas v7 */.filterbar{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.filterbar label{flex:1;min-width:170px;font-size:13px}.filterbar select{margin:4px 0}.detail-card{max-width:800px;margin:18px auto}.detail-card .beer-illustration{max-width:420px;display:block;margin:0 auto 20px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:15px 0}.metric{padding:18px;background:#274b3a;border:1px solid #50735b;border-radius:12px;display:flex;flex-direction:column;gap:6px}.metric strong{font-size:1.6rem;color:#f0cf86}.metric span{font-size:13px;color:#d1ddd4}#style-detail .actions,#brewery-detail .actions{align-items:center}.card button{margin-top:4px}#educacao h3{margin-top:28px}#educacao .card h3{margin-top:0}nav button{flex-shrink:0}@media(max-width:600px){.filterbar{display:block}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Atlas v8: capa, páginas de cervejarias e legibilidade */
.hero-art{padding:0;overflow:hidden;position:relative;background:#102c24;min-height:320px;font-size:initial}.hero-art img{display:block;width:100%;height:100%;min-height:320px;object-fit:cover}.hero-art small{position:absolute;bottom:12px;left:12px;right:12px;max-width:none;text-align:center;background:rgba(12,33,26,.85);padding:10px;border-radius:12px;color:#fff}.brewery-detail-page{max-width:1060px;margin:0 auto}.brewery-detail-header{background:linear-gradient(135deg,#244a39,#152f27);border:1px solid #4e725c;border-radius:18px;padding:24px;margin:14px 0 20px}.brewery-detail-header p{max-width:800px}.brewery-heading{min-width:0}.brewery-heading>div{min-width:0}.brewery-heading h3{overflow-wrap:anywhere;line-height:1.2}.label-toolbar{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;align-items:end}.label-toolbar label{margin:0;font-size:13px;font-weight:700;color:#dbe9de}.label-toolbar input,.label-toolbar select{margin:7px 0 0;min-width:0}.label-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.label-grid .beer-row{padding:20px;border:1px solid #4b6955;display:flex;flex-direction:column;gap:12px;min-width:0}.label-card-top{display:flex;flex-direction:column;gap:12px}.label-card-top h4{font-size:1.18rem;line-height:1.3;margin:5px 0 0;overflow-wrap:anywhere}.label-metrics{display:flex;gap:10px;flex-wrap:wrap}.label-metrics span{background:#284a3b;border-radius:8px;padding:9px 12px;font-size:12px;color:#dce9dd}.label-metrics strong{display:block;color:#f0cf86;font-size:17px;margin-top:3px}.label-grid .beer-row p{overflow-wrap:anywhere;flex:1}.label-grid .actions{margin-top:auto}.brewery-detail-page .detail-card{max-width:780px;padding:clamp(18px,4vw,32px)}.brewery-detail-page .detail-card h2{overflow-wrap:anywhere;line-height:1.2}.brand-logo img{max-width:90%;max-height:90%;object-fit:contain}.back-button{background:#c4a35d;color:#17291e;font-weight:700}@media(max-width:700px){.label-toolbar{grid-template-columns:1fr}.brewery-detail-header{padding:17px}.brewery-heading{align-items:flex-start}.brewery-heading h3{font-size:1.35rem}.hero-art,.hero-art img{min-height:240px}.label-grid{grid-template-columns:1fr}}

.style-image{display:block;width:100%;height:200px;object-fit:contain;border-radius:14px;background:#f5eee0;margin-bottom:14px}

/* Fotografia real com crédito */
.style-photo{margin:0 0 18px;text-align:center}.style-photo img{display:block;width:100%;max-height:280px;object-fit:contain;border-radius:14px;background:#eee9dc}.style-photo figcaption{font-size:12px;line-height:1.55;color:#d4dfd6;margin-top:7px}.style-photo a{color:#f0cf86}

.brand-letter{display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#153328;background:#f2e7c8;letter-spacing:-1px;flex-shrink:0}

/* V14 refinamentos de layout */
.version-tag{display:inline-block;background:#25483b;border:1px solid #56816b;border-radius:99px;padding:6px 13px;font-size:.85rem;font-weight:600;color:#f2d39b}
.card,.detail-card,.beer-row{min-width:0;overflow-wrap:anywhere}
.detail-card h2,.beer-row h4{overflow-wrap:anywhere;line-height:1.25}
.label-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.label-metrics{display:flex;gap:10px;flex-wrap:wrap}
.style-photo img{width:100%;max-height:320px;object-fit:contain;border-radius:12px;background:#f1ece2}
.style-photo figcaption{font-size:.75rem;line-height:1.45}
.filterbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px}
.filterbar label{min-width:150px;flex:1}
footer{line-height:1.7;text-align:center}
@media(max-width:640px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.style-card{min-width:0}.brand-logo{flex-shrink:0}}

/* v15: arte ilustrativa claramente identificada */
.label-art{margin:0 0 12px;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}
.label-art img{display:block;width:100%;max-width:330px;max-height:285px;object-fit:contain;border-radius:12px;background:#14291f}
.label-art figcaption{font-size:11px;letter-spacing:.02em;color:#b8c7b9;text-align:center}
.detail-card .label-art{margin:4px auto 24px}
.detail-card .label-art img{max-width:430px;max-height:390px}
@media(max-width:650px){.label-art img{max-height:235px}.detail-card .label-art img{max-height:310px}}

/* Atlas 16 — interface editorial fiel à referência visual aprovada */
:root{color-scheme:dark;--bg:#071d16;--panel:#09251c;--card:#0d3025;--border:#285447;--gold:#f1cf80;--muted:#acc9bc}
*{box-sizing:border-box}body{background:radial-gradient(circle at 60% -30%,#103b2a 0,#071d16 55%);color:#f7f3e8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:0;min-height:100vh}
.shell{max-width:none!important;margin:0!important;padding:0!important}
header{position:fixed;inset:0 auto 0 0;width:215px;background:#062219;border-right:1px solid #1c4436;z-index:30;padding:27px 14px;overflow-y:auto}
header .brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding:6px 0 24px}
header .brand .logo{font-size:48px;color:var(--gold);line-height:1.1}header h1{font-family:Georgia,serif;font-size:23px;line-height:1.05;max-width:175px;color:#f7d78b;margin:7px auto;text-transform:uppercase;letter-spacing:.02em}header p{font-size:9px;letter-spacing:.12em;line-height:1.5;max-width:170px;margin:auto;color:#d0b878}
header nav{display:flex;flex-direction:column;gap:5px;overflow:visible;padding:15px 0}header nav button{width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:9px;padding:13px 15px;font-size:13px;color:#e1eee4;font-weight:550;white-space:normal}header nav button.active{background:#174b38;border-color:#2b604c;color:#f9d67d}header nav button:hover{background:#174334}
main.shell{margin-left:215px!important;padding:34px clamp(20px,3vw,55px) 70px!important;min-height:100vh;max-width:1700px!important}
.panel{max-width:1510px}.panel>h2{font-family:Georgia,serif;font-size:clamp(32px,3.1vw,47px);font-weight:700;letter-spacing:-.035em;margin:0 0 6px}.panel>p{font-size:14px;color:#c4d6cc;margin:4px 0 22px}
input,select,textarea{background:#0c2e23!important;border:1px solid #3c6858!important;border-radius:9px!important;color:#fff!important;min-height:47px}input::placeholder{color:#8fa99e}
button,.filebtn{border-color:#2c604c;background:#143b2c;color:#f1f7f2}button:hover{filter:brightness(1.15)}button.active,.primary,.back-button{background:#214d3b;color:#fff;border-color:#32664f}
.filterbar{display:flex;align-items:end;gap:12px;margin:4px 0 12px}.filterbar label{min-width:145px;margin:0}.filterbar select{margin:5px 0 0}
#style-query,#beer-query{width:min(100%,540px);margin:12px 0 13px}
#estilos .cards{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:14px}#estilos .style-card{padding:0;overflow:hidden;border-radius:10px;cursor:pointer;background:#0d2f24;transition:transform .18s,border-color .18s}#estilos .style-card:hover{transform:translateY(-3px);border-color:#d0ac60}#estilos .style-card:focus-visible{outline:3px solid #e5c67a}
#estilos .style-card .style-image{height:152px;object-fit:cover;border-radius:0;margin:0;background:#1b271d}#estilos .style-card-body{padding:10px 12px 14px}#estilos .style-card h3{font-size:14px;line-height:1.25;margin:0 0 5px}#estilos .style-card .code{display:block;color:#f1cf80;font-size:12px;margin:0}#estilos .style-card .meta{margin:4px 0 0;font-size:11px}
#beer-results{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:13px}#beer-results .brewery-card{border-radius:11px;background:#0c2f24}#beer-results .brewery-toggle{padding:14px;gap:13px;min-height:104px}#beer-results .brewery-toggle strong{font-size:16px;line-height:1.2}#beer-results .brewery-toggle small{font-size:12px;line-height:1.4;color:#c0d1c6;opacity:1}
.brand-logo{background:#f4e9c9!important;color:#102c22!important;width:58px;height:58px;border-radius:12px}.brand-logo img{width:52px;height:52px;background:#fff;border-radius:9px;object-fit:contain}.chevron{color:#f8f7ee}
.card{background:#0d3025;border:1px solid #315b4b;border-radius:12px}.card h3{color:#f7f5ec}.card p{color:#d0e0d6}.chip{background:#214d3b;color:#e6f4e9}.code{color:#e9c67b}.metric{background:#103a2b}.metric strong{color:#f3d185}
#style-detail .detail-card,#brewery-detail .detail-card{max-width:1050px;margin:16px 0}.detail-card .style-image{width:100%;max-width:none;height:280px;object-fit:cover;border-radius:12px}.brewery-detail-header{background:linear-gradient(125deg,#154534,#09291f)}.label-grid .beer-row{background:#103528}.label-art{max-width:100%}.label-art img{object-fit:contain}
.hero h2{font-family:Georgia,serif}.hero-art{border:1px solid #36684e}footer{margin-left:215px;border-top:1px solid #234a3a;background:#081f18;color:#b7cbbd}
@media(min-width:1500px){#estilos .cards{grid-template-columns:repeat(6,minmax(0,1fr))}#beer-results{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){header{position:relative;width:auto;height:auto;padding:10px 16px}header .brand{flex-direction:row;gap:12px;text-align:left;padding:0}header .brand .logo{font-size:32px}header h1{font-size:18px;margin:0}header p{display:none}header nav{flex-direction:row;overflow-x:auto;padding:10px 0 2px}header nav button{white-space:nowrap;width:auto;padding:10px 12px}main.shell{margin-left:0!important;padding:20px 15px 45px!important}footer{margin-left:0}#estilos .cards{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}#estilos .style-card .style-image{height:120px}}
@media(max-width:550px){.filterbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.filterbar label{min-width:0}#beer-results{grid-template-columns:1fr}#estilos .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#estilos .style-card h3{font-size:12px}.panel>h2{font-size:32px}}

/* Atlas 17 — refinamentos de navegação e leitura */
#comparar .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1100px;margin:22px auto 38px;gap:20px;align-items:stretch}
#comparar .two{max-width:1100px;margin:18px auto;gap:18px}
#comparar h2,#comparar h3,#comparar>p{text-align:center}
.comparison-card{min-width:0;text-align:left}.comparison-card .label-art{max-width:350px;margin:0 auto 16px}.comparison-card .label-art img{max-height:280px;object-fit:contain}.comparison-card>.style-image{width:100%;max-height:260px;object-fit:contain;border-radius:12px;margin-bottom:14px}.comparison-card .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0}
#glossario .cards,#educacao .cards{display:block;max-width:1000px;margin:20px auto}#glossario .atlas-accordion,#educacao .atlas-accordion{margin-bottom:12px}
.atlas-accordion{background:#14382e;border:1px solid #38634e;border-radius:14px;overflow:hidden}.atlas-accordion summary{cursor:pointer;list-style:none;padding:18px 22px;font-weight:700;color:#f4e9ce;display:flex;align-items:center;justify-content:space-between}.atlas-accordion summary::-webkit-details-marker{display:none}.atlas-accordion summary:after{content:'+';font-size:23px;color:#e9bd67}.atlas-accordion[open] summary:after{content:'−'}.atlas-accordion[open] summary{border-bottom:1px solid #38634e}.accordion-body{padding:14px 22px 22px;line-height:1.7}.accordion-body p{margin:9px 0 13px}.accordion-body a{overflow-wrap:anywhere}
.references{margin-top:32px;padding:22px;background:#14382e;border:1px solid #38634e;border-radius:16px}.references ol{padding-left:24px}.references li{padding:12px 0;border-bottom:1px solid #315447;line-height:1.6}.references li:last-child{border-bottom:0}.references a{color:#f4e9ce;text-decoration:none;overflow-wrap:anywhere}.references a:hover{text-decoration:underline;color:#e9bd67}
.hero-art img{width:100%;object-fit:cover;aspect-ratio:1.5;border-radius:18px;box-shadow:0 22px 45px #0005}.brand-logo img{object-fit:contain;image-rendering:auto}.brand-logo{overflow:hidden}
@media(max-width:760px){#comparar .cards{grid-template-columns:1fr}.references{padding:14px}.atlas-accordion summary{padding:15px}}