.site-page .nutri-hero { background:var(--cacau-900); padding-block:48px 50px; overflow:visible; }
.site-page .nutri-hero .container { max-width:var(--container); }
.nutri-opening-grid { display:grid; grid-template-columns:1.55fr .7fr; gap:80px; align-items:center; }
.site-page .nutri-hero .section-eyebrow { color:var(--creme-soft); }
.site-page .nutri-hero h1 { font-family:var(--f-editorial); font-size:clamp(2.8rem,4.5vw,4.25rem); font-weight:400; line-height:1.12; letter-spacing:-.025em; margin-bottom:24px; }
.site-page .nutri-hero .hero-sub { font-size:1rem; line-height:1.7; max-width:62ch; margin:0; }
.site-page .nutri-mascot { flex-direction:column; align-items:center; gap:12px; }
.site-page .nutri-mascot img { width:180px; height:auto; }
.site-page .nutri-mascot .nm-caption { margin:0; font-size:1rem; }
.site-page .nutri-grid { grid-template-columns:1.35fr .85fr; gap:64px; margin-bottom:64px; }
.site-page .nutri-col h2 { font-size:1.5rem; font-weight:600; line-height:1.3; letter-spacing:-.02em; margin-bottom:18px; }
.site-page .nutri-col h2:not(:first-child) { margin-top:36px; }
.site-page .nutri-col p { font-size:1rem; line-height:1.8; color:var(--body-muted); }
.site-page .nutri-designation { border:1px solid var(--line); border-left:4px solid var(--caramelo); background:var(--creme-soft); font-weight:500; padding:22px 24px; }
.site-page .allergen-note { background:var(--creme-soft); border-radius:15px; padding:18px 22px; margin-top:22px; color:var(--cacau-900); }
.site-page .nutri-footnote { font-size:.875rem; margin-top:24px; }
.site-page .nutri-col--warnings { background:var(--creme-soft); border:1px solid var(--line); border-radius:20px; padding:28px; box-shadow:none; text-align:left; }
.site-page .nutri-col--warnings img { width:100%; max-width:210px; height:auto; margin:24px auto; }
.site-page .nutri-col--warnings p { font-size:1rem; }
.site-page #tabela-title { margin-bottom:30px; }
.site-page .nutri-table-card { max-width:none; border:1px solid var(--line); background:var(--creme-soft); border-radius:20px; padding:32px; }
.site-page .nutri-table-meta { font-size:1rem; }
.site-page .nutri-table-meta:first-child { margin-bottom:14px; }
.table-scroll { width:100%; overflow-x:auto; margin-top:20px; border-radius:12px; background:var(--creme); }
.site-page table.nutri-table { min-width:460px; font-size:1rem; }
.site-page table.nutri-table thead th { padding:18px 20px; background:var(--cacau-900); color:var(--creme); font-size:1rem; border:0; }
.site-page table.nutri-table :is(td,th[scope=row]) { padding:15px 20px; border-bottom:1px solid var(--line); text-align:right; font-weight:400; }
.site-page table.nutri-table th[scope=row] { text-align:left; }
.site-page table.nutri-table tr.row-main th[scope=row] { font-weight:600; }
.site-page table.nutri-table tr.row-sub th[scope=row] { padding-left:36px; }
.site-page table.nutri-table tr.row-sub2 th[scope=row] { padding-left:52px; color:var(--body-muted); }
.site-page table.nutri-table tbody tr:last-child :is(th,td) { border-bottom:0; }
.site-page .nutri-vd-note { font-size:.875rem; line-height:1.7; margin-top:20px; }
@media(max-width:900px) { .nutri-opening-grid { gap:35px; grid-template-columns:1.6fr .7fr; } .site-page .nutri-grid { gap:30px; grid-template-columns:1fr 1fr; } }
@media(max-width:760px) { .nutri-opening-grid { grid-template-columns:1fr; gap:30px; } .site-page .nutri-mascot { flex-direction:row; justify-content:flex-start; flex-wrap:wrap; gap:20px; } .site-page .nutri-mascot img { width:130px; } .site-page .nutri-grid { grid-template-columns:1fr; gap:32px; } .site-page .nutri-col--warnings { max-width:none; } .site-page .nutri-table-card { padding:24px; } }
@media(max-width:600px) { .site-page .nutri-hero { padding-block:30px 34px; } .site-page .nutri-hero h1 { font-size:clamp(2.35rem,8.5vw,3.15rem); line-height:1.13; } .site-page .nutri-table-card { padding:20px 16px; } .site-page table.nutri-table { min-width:19rem; table-layout:fixed; font-size:.875rem; } .site-page table.nutri-table thead th:first-child { width:48%; } .site-page table.nutri-table :is(td,th[scope=row]) { padding:14px 8px; } .site-page table.nutri-table thead th { padding:16px 8px; font-size:.875rem; } .site-page table.nutri-table tr.row-sub th[scope=row] { padding-left:20px; } .site-page table.nutri-table tr.row-sub2 th[scope=row] { padding-left:28px; } .site-page .nutri-grid { margin-bottom:48px; } }