/* p01 · age gate */
.p01 { background: #FBF3E6; }
.p01-nav { display: flex; align-items: center; justify-content: center; gap: calc(40 * var(--u)); background: var(--marfim); font: 600 calc(11.5 * var(--u))/1 var(--f-texto); letter-spacing: .2em; text-transform: uppercase; }
.p01-nav img { width: calc(136 * var(--u)); height: calc(32 * var(--u)); object-fit: cover; margin: 0 calc(20 * var(--u)); }
.p01-tit { line-height: .9; letter-spacing: -0.025em; }
.p01-lab { display: block; font-size: calc(12.5 * var(--u)); font-weight: 500; letter-spacing: .2em; }
.p01-campos { margin-top: calc(18 * var(--u)); gap: calc(10 * var(--u)); }
.gate .p01-campos input { height: calc(53 * var(--u)); font-size: calc(16 * var(--u)); background: #fff; border-color: #cfc6bc; border-radius: 2px; }
.p01-erro { position: absolute; top: calc(91 * var(--u)); font-size: calc(11 * var(--u)); }
.p01-entrar { width: 100%; height: calc(50 * var(--u)); margin-top: calc(24 * var(--u)); font-size: calc(16 * var(--u)); letter-spacing: .25em; font-weight: 500; }
.p01-lembrar { display: flex; align-items: center; gap: calc(14 * var(--u)); margin-top: calc(22 * var(--u)); font: 500 calc(16 * var(--u))/1 var(--f-texto); cursor: pointer; }
.p01-lembrar input { width: calc(21 * var(--u)); height: calc(21 * var(--u)); margin: 0; accent-color: #000; }
.p01-aviso { margin: calc(10 * var(--u)) 0 0 calc(36 * var(--u)); font-size: calc(13 * var(--u)); color: #4a433d; }
.p01-mod { display: flex; align-items: center; gap: calc(18 * var(--u)); font-size: calc(14.5 * var(--u)); color: var(--terroso); }
.p01-mod .selo18 { font-size: calc(17 * var(--u)); width: calc(49 * var(--u)); height: calc(49 * var(--u)); }
.p01-barra { width: 1px; height: calc(22 * var(--u)); background: var(--terroso); }
@media (max-width: 899px) {
  .p01 { padding: 0 20px 32px; }
  .p01-foto { order: -1; }
  .p01-foto img { aspect-ratio: 4 / 3; object-position: 60% 30%; }
  .p01-logo { width: 150px !important; margin-top: 10px; }
  .p01-campos { margin-top: 12px; gap: 8px; }
  .gate .p01-campos input { height: 48px; font-size: 16px; }
  .p01-erro { position: static; font-size: 13px; }
  .p01-entrar { height: 50px; font-size: 15px !important; width: 100%; margin-top: 8px; }
  .p01-lembrar { font-size: 15px; gap: 12px; margin-top: 18px; }
  .p01-lembrar input { width: 20px; height: 20px; }
  .p01-aviso { font-size: 13px; margin-left: 32px; }
  .p01-mod { font-size: 14px; gap: 14px; }
  .p01-mod .selo18 { width: 44px; height: 44px; font-size: 15px; }
  .p01-barra { height: 20px; }
}
/* correção global (construtor A): img.abs herdava width/height 100% da base */
@media (min-width: 900px) {
  img.abs { width: calc(var(--w) * var(--u)); height: calc(var(--h) * var(--u)); }
}
img.abs.contain, .contain { object-fit: contain; }
/* títulos serifados das telas p01–p10: Newsreader (a Bodoni Moda some os traços finos no tamanho grande) */


/* p02 · Um Só Pulmão */
.p02 { background: #FBF7F1; }
.p02-eye { text-transform: uppercase; letter-spacing: .25em; color: var(--dourado); }
.p02-tit { text-transform: uppercase; font-weight: 500; line-height: 1.12; letter-spacing: -0.03em; white-space: nowrap; }
.p02-sub { white-space: nowrap; font-weight: 600; line-height: 1.3; letter-spacing: -0.005em; }
.p02-txt { line-height: 1.4; white-space: nowrap; color: #222; }
.p02-cta { font-weight: 700; }
.p02-pe { letter-spacing: .07em; }
@media (max-width: 899px) { .p02 .d-br { display: none; } .p02-txt, .p02-sub { white-space: normal; } .p02-tit { transform: none; white-space: normal; } .p02 .tela__in > .m-full { order: 9; } }

/* p03 · Encontros que viram histórias */
.p03-painel { background: #C68D51; }
.p03-tit { line-height: .84; letter-spacing: -0.035em; }
.p03-tag { text-align: center; letter-spacing: .14em; }
.p03-fio { height: 2px; }
.p03-legal { color: #3d3833; }
@media (max-width: 899px) {
  .p03 { background: #C68D51; }
  .p03 .m-full { order: -1; }
  .p03-tag { text-align: left; letter-spacing: .06em; }
  .p03-fio { width: 80px !important; background: var(--tinta); }
  .p03-legal { color: var(--tinta); }
}

/* p04 · Brasileira por natureza */
.p04 { background: #FAF6EF; }
.p04-eye { font-weight: 500; letter-spacing: .3em; }
.p04-tit { line-height: .88; letter-spacing: -0.03em; }
.p04-fio { height: 2px; background: #D9A55E; }
.p04-mundo { color: #C08A45; font-weight: 500; letter-spacing: .3em; }
.p04-btn { font-weight: 500; letter-spacing: .22em; }
.p04 .legal { color: var(--tinta); }
@media (max-width: 899px) { .p04 .m-full { order: -1; } }

/* p05 · Um sabor. Novos encontros. */
.p05 { background: #F7F2EC; }
.p05-c { text-align: center; }
.p05 .eyebrow { font-weight: 500; letter-spacing: .42em; }
.p05-tit { text-transform: uppercase; font-weight: 400; letter-spacing: -0.01em; }
.p05-sub { letter-spacing: .05em; }
.p05-col { text-align: center; display: flex; flex-direction: column; align-items: center; }
.p05-col h3 { font-size: calc(28.5 * var(--u)); text-transform: uppercase; font-weight: 400; letter-spacing: .01em; }
.p05-col p { margin-top: calc(10 * var(--u)); font: 400 calc(15.5 * var(--u))/1.2 var(--f-texto); letter-spacing: .08em; }
.p05-col .btn { margin-top: calc(18 * var(--u)); width: calc(205 * var(--u)); height: calc(38 * var(--u)); font-size: calc(11 * var(--u)); letter-spacing: .25em; }
.p05 .legal { color: #3d3833; white-space: nowrap; letter-spacing: .08em; }
@media (max-width: 899px) {
  .p05 .tela__in { gap: 10px; }
  .p05-fundo { order: 3; }
  .p05-fundo img { aspect-ratio: 1440 / 560; object-position: center 55%; }
  .p05-tit { transform: none; }
  .p05-col { order: 4; margin-top: 18px; }
  .p05-col h3 { font-size: 26px; transform: none; }
  .p05-col p { font-size: 14px; }
  .p05-col .btn { align-self: center; width: auto; height: auto; }
  .p05-ficha, .p05-mod { order: 5; white-space: normal !important; text-align: center; }
}
@media (min-width: 900px) { .p05-mod { text-align: right; } }

/* p06 · O encontro perfeito */
.p06-tit { text-transform: uppercase; line-height: 1.13; letter-spacing: -0.005em; }
.p06-btn { font-weight: 500; letter-spacing: .2em; }
@media (max-width: 899px) { .p06-fundo { order: -1; } .p06-fundo img { aspect-ratio: 1 / 1; object-position: 72% center; } }

/* p07 · 4 Patas */
.p07 { background: #FBF6EE; }
.p07-eye { font-weight: 500; letter-spacing: .25em; }
.p07-tit { font-family: var(--f-texto); font-weight: 500; line-height: 1; letter-spacing: -0.02em; white-space: nowrap; }
.p07-txt { font-weight: 300; line-height: 1.17; }
.p07-btn { font-weight: 500; letter-spacing: .3em; border-color: #333; }
@media (max-width: 899px) { .p07-band { width: 120px; } .p07-tit { font-size: 56px !important; } }

/* p08 · Um novo encontro no varejo */
.p08-eye { display: flex; align-items: center; justify-content: center; gap: calc(20 * var(--u)); font-weight: 500; letter-spacing: .42em; }
.p08-eye span { flex: 0 0 calc(69 * var(--u)); height: 1px; background: var(--tinta); }
.p08-tit { text-align: center; font-variant: small-caps; line-height: 1.12; letter-spacing: -0.03em; }
.p08-c { text-align: center; }
.p08-btn { font-weight: 500; letter-spacing: .3em; border-color: #333; }
.p08-disc { text-align: right; font-family: var(--f-texto); color: #222; }
@media (max-width: 899px) {
  .p08-fundo { order: 9; } .p08-fundo img { aspect-ratio: 1 / 1; object-position: 70% center; }
  .p08 img.p08-bh { width: 170px; align-self: flex-start; } .p08-eye { justify-content: flex-start; } .p08-eye span { display: none; } .p08-tit, .p08-c { text-align: left; }
  .p08-btn { align-self: flex-start; } .p08-disc { order: 10; text-align: left; font-size: 11px !important; }
}

/* p09 · O licor (ficha do produto) */
.p09 { background: #FCF8F2; }
.p09-eye { font-weight: 500; letter-spacing: .2em; }
.p09-fio { height: 2px; background: #D69A55; }
.p09-tit { font-family: "Newsreader", var(--f-titulo); line-height: .94; letter-spacing: -0.02em; }
.p09 .serif:not(.p09-tit) { font-family: "Newsreader", var(--f-titulo); }
.p09-preco { font-weight: 600; letter-spacing: -0.01em; }
.p09-txt { line-height: 1.38; color: #222; }
.p09-ficha { letter-spacing: .1em; }
.p09-btn { font-weight: 500; letter-spacing: .25em; }
.p09-pe { display: flex; align-items: center; gap: calc(22 * var(--u)); font-weight: 500; letter-spacing: .3em; color: #3a352f; white-space: nowrap; }
.p09-pe span { flex: 1; height: 1px; background: #cfc6bb; }
@media (max-width: 899px) {
  .p09-fundo { order: -1; } .p09-fundo img { aspect-ratio: 1 / 1; object-position: 76% center; }
  .p09-txt br { display: none; }
  .p09-pe { white-space: normal; letter-spacing: .15em; font-size: 11px !important; }
  .p09-pe span { display: none; }
}

/* p10 · Coquetéis com personalidade */
.p10-tit { text-transform: uppercase; line-height: 1.04; letter-spacing: .005em; }
.p10-sub { letter-spacing: .03em; }
.p10-card { text-align: center; }
.p10-card h3 { font: 600 calc(17.5 * var(--u))/1 var(--f-texto); letter-spacing: .22em; text-transform: uppercase; }
.p10-card a { display: inline-block; margin-top: calc(16 * var(--u)); font: 500 calc(11 * var(--u))/1 var(--f-texto); letter-spacing: .2em; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: calc(4 * var(--u)); }
@media (max-width: 899px) {
  .p10 .tela__in { flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
  .p10-fundo, .p10-tit, .p10-sub { flex: 0 0 100%; }
  .p10-fundo img { aspect-ratio: 1 / 1; object-position: 22% center; }
  .p10-card { flex: 1; margin-top: 8px; }
  .p10-card h3 { font-size: 13px; }
  .p10-card a { font-size: 11px; margin-top: 10px; }
}

/* p11 Qual é o seu próximo sabor? */
.p11, .p11 .tela__in { background: #FEFEFE; }
.p11 .p11-bg { z-index: 0; }
.p11 .abs:not(.p11-bg) { z-index: 1; }
.p11-centro { text-align: center; }
.p11-fio { background: #3a332c; }
.p11-titulo { letter-spacing: .015em; color: #111; line-height: 1; }
.p11-sub { letter-spacing: .035em; color: #222; }
.p11-tipos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); }
.p11-tipos li { text-align: center; font-family: var(--f-texto); font-weight: 500; letter-spacing: .24em; text-transform: uppercase; color: #1d1a17; }
.p11-tipos li::after { content: ""; display: block; width: calc(40 * var(--u)); height: 1px; background: #3a332c; margin: calc(14 * var(--u)) auto 0; }
.p11-btn { font-weight: 500; letter-spacing: .24em; border-color: #1d1a17; }
@media (max-width: 899px) {
  .p11-tipos { grid-template-columns: 1fr 1fr; gap: 18px 8px; }
  .p11-tipos li { font-size: 12px; }
  .p11-tipos li::after { width: 30px; margin-top: 8px; }
  .p11-btn { align-self: center; }
}
/* construtor B (p11–p20): títulos sem quebra no desktop */
@media (min-width: 900px) { :is(.p11, .p12, .p13, .p14, .p15, .p16, .p17, .p19, .p20) :is(h2, h3, strong) { white-space: nowrap; } }
@media (max-width: 899px) { :is(.p14, .p17, .p19) br.d { display: none; } }

/* p12 Continue descobrindo */
.p12-titulo { line-height: .98; letter-spacing: .005em; }
.p12-sub { letter-spacing: .03em; color: #222; }
.p12-card { text-decoration: none; color: var(--tinta); display: block; }
.p12-card img { width: 100%; aspect-ratio: var(--w) / 259; object-fit: cover; }
.p12-card strong { display: block; margin-top: calc(1 * var(--u)); font-family: var(--f-titulo); font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.p12-card span { display: inline-block; margin-top: calc(4 * var(--u)); font-family: var(--f-texto); font-weight: 600; letter-spacing: .2em; text-transform: uppercase; padding-bottom: calc(5 * var(--u)); border-bottom: 1px solid #444; padding-right: calc(18 * var(--u)); }
.p12-painel { overflow: hidden; }
.p12-pt { position: absolute; left: calc(62 * var(--u)); top: calc(115 * var(--u)); line-height: 1.04; letter-spacing: .01em; }
.p12-pt--centro { text-align: center; left: calc(40 * var(--u)); width: calc(310 * var(--u)); }
.p12-painel--dir .p12-pt { left: calc(42 * var(--u)); top: calc(118 * var(--u)); }
.p12-pb { position: absolute; left: calc(80 * var(--u)); top: calc(221 * var(--u)); width: calc(216 * var(--u)); height: calc(44 * var(--u)); }
.p12-painel--dir .p12-pb { left: calc(40 * var(--u)); width: calc(224 * var(--u)); background: rgba(255,255,255,.08); }
@media (max-width: 899px) {
  .p12-card strong { font-size: 16px; margin-top: 8px; }
  .p12-card span { font-size: 11px; }
  .p12-painel { margin: 10px -20px 0; }
  .p12-painel img { aspect-ratio: 715 / 390; height: auto; }
  .p12-card img { aspect-ratio: 16 / 9; }
  .p12-pt { font-size: 21px !important; top: 16%; left: 20px; }
  .p12-pt--centro { width: 50%; left: 4%; }
  .p12-pb { top: auto; bottom: 10%; left: 20px !important; width: auto !important; height: auto; }
  .p12-painel--dir .p12-pt { left: 20px; top: 16%; }
}

/* p13 Do México a Minas Gerais (paisagem) */
.p13 .abs:not(.p13-bg) { z-index: 1; }
.p13-titulo { line-height: .97; letter-spacing: -.01em; }
.p13-sub { letter-spacing: -.01em; }
.p13-btn { font-weight: 500; letter-spacing: .14em; background: rgba(255,255,255,.18); }
.p13-btn span { font-size: 1.3em; letter-spacing: 0; margin-left: .6em; }
@media (max-width: 899px) {
  .p13-bg { order: 9; }
  .p13 .bandeiras { order: 8; width: 140px; }
}

/* p14 Um sabor que se revela */
.p14 .abs:not(.p14-bg) { z-index: 1; }
.p14-titulo { line-height: 1.02; letter-spacing: .01em; }
.p14-txt { line-height: 1.45; letter-spacing: .01em; color: #222; }
.p14-btn { font-weight: 500; letter-spacing: .2em; }
@media (max-width: 899px) { .p14-bg { order: -1; margin-top: -72px; margin-bottom: 8px; } }

/* p15 Origens que inspiram */
.p15-eyebrow { color: #8b6f5c; font-weight: 500; letter-spacing: .3em; }
.p15-titulo { line-height: .98; letter-spacing: -.02em; }
.p15-links { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: calc(297 * var(--u)) 1fr; row-gap: calc(30 * var(--u)); }
.p15-links a { font-family: var(--f-titulo); color: var(--tinta); text-decoration: none; letter-spacing: -.01em; line-height: 1.2; display: inline-block; }
.p15-links a::after { content: ""; display: block; width: calc(33 * var(--u)); height: 1px; background: var(--caramelo); margin-top: calc(12 * var(--u)); }
.p15-links a:hover { color: var(--terroso); }
.p15-card { display: block; text-decoration: none; color: var(--tinta); }
.p15-card img { width: 100%; object-fit: cover; }
.p15-card span { display: flex; align-items: center; gap: calc(20 * var(--u)); margin-top: calc(18 * var(--u)); font-family: var(--f-texto); font-weight: 500; letter-spacing: .2em; text-transform: uppercase; }
.p15-card i { font-style: normal; color: var(--caramelo); font-size: 1.4em; letter-spacing: 0; }
.p15-rodape { display: flex; align-items: center; gap: calc(34 * var(--u)); }
.p15-rodape em { font-family: var(--f-titulo); color: #5a4a3e; white-space: nowrap; }
.p15-r-fio { flex: 1; height: 1px; background: #ddd1c3; }
@media (max-width: 899px) {
  .p15-links { grid-template-columns: 1fr 1fr; row-gap: 16px; column-gap: 12px; }
  .p15-links a { font-size: 17px; }
  .p15-card span { font-size: 12px; margin-top: 10px; gap: 10px; }
  .p15-rodape em { white-space: normal; text-align: center; font-size: 15px; }
  .p15-r-fio { display: none; }
}

/* p16 Acontece na Anauê */
.p16-titulo { text-align: center; font-weight: 600; letter-spacing: -.035em; line-height: 1; }
.p16-sub { text-align: center; letter-spacing: .14em; color: #2a2622; }
.p16-legal { text-align: center; color: #55504a; }
.p16-card { display: block; text-decoration: none; color: var(--tinta); }
.p16-card img { width: 100%; object-fit: cover; }
.p16-card strong { display: block; margin-top: calc(20 * var(--u)); font-family: var(--f-titulo); font-weight: 500; letter-spacing: -.035em; white-space: nowrap; line-height: 1.1; }
.p16-card span { display: inline-flex; gap: calc(14 * var(--u)); margin-top: calc(22 * var(--u)); padding: 0 calc(4 * var(--u)) calc(7 * var(--u)); border-bottom: 1px solid #555; font-family: var(--f-texto); font-weight: 500; letter-spacing: .2em; text-transform: uppercase; }
.p16-card span::after { content: "⟶"; letter-spacing: 0; }
@media (max-width: 899px) {
  .p16-card { margin-bottom: 10px; }
  .p16-card strong { font-size: 24px; white-space: normal; margin-top: 12px; }
  .p16-card span { margin-top: 10px; font-size: 12px; }
}

/* p17 A experiência Anauê */
.p17 .abs:not(.p17-bg) { z-index: 1; }
.p17-titulo { line-height: .9; letter-spacing: -.01em; }
.p17-txt { line-height: 1.38; letter-spacing: -.005em; }
.p17-link { font-weight: 500; letter-spacing: .22em; width: auto; padding-bottom: calc(5 * var(--u)); }
@media (max-width: 899px) {
  .p17-bg { order: 9; margin-top: 10px; }
  .p17-link { align-self: flex-start; }
  .p17-bg img { aspect-ratio: 1440 / 512 !important; object-position: 50% 100%; }
}

/* p18 mega menu de "O licor" (dentro de #mega) */
.mega .mega__in { height: calc(550 * var(--u)); background: var(--marfim-2); }
.p18-olho { font-family: var(--f-texto); font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: #b07a43; }
.p18-lista { list-style: none; margin: 0; padding: 0; display: grid; row-gap: calc(38 * var(--u)); }
.p18-lista a { font-family: var(--f-texto); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; text-decoration: none; color: #151513; }
.p18-lista a:hover { color: var(--ferrugem); }
.p18-card { display: block; text-decoration: none; color: #151513; }
.p18-card img { width: 100%; object-fit: cover; }
.p18-card strong { display: block; margin-top: calc(22 * var(--u)); font-family: var(--f-texto); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.p18-card span { display: inline-block; margin-top: calc(14 * var(--u)); padding-bottom: calc(6 * var(--u)); border-bottom: 1px solid #b07a43; font-family: var(--f-texto); font-weight: 600; letter-spacing: .2em; text-transform: uppercase; }
.p18-fio { height: 1px; background: #ecd9c3; }
.p18-frase { text-align: center; font-family: var(--f-texto); letter-spacing: .1em; color: #2a2622; }

/* p19 Nossas origens (Do México a Minas Gerais) */
.p19-olho { color: var(--ferrugem); font-weight: 500; letter-spacing: .2em; padding-left: calc(66 * var(--u)); position: absolute; }
.p19-olho::before { content: ""; position: absolute; left: 0; top: 50%; width: calc(48 * var(--u)); height: 1px; background: var(--caramelo); }
.p19-titulo { font-weight: 500; letter-spacing: -.045em; line-height: .91; }
.p19-texto p { font-family: var(--f-texto); color: #222; line-height: 1.5; letter-spacing: .005em; }
.p19-texto p + p { margin-top: calc(22 * var(--u)); }
.p19-link { color: var(--ferrugem); border-bottom-color: var(--ferrugem); font-weight: 500; letter-spacing: .22em; width: auto; }
.p19-link span { letter-spacing: 0; font-size: 1.3em; line-height: .8; }
@media (max-width: 899px) {
  .p19-olho { position: relative; padding-left: 60px; }
  .p19-olho::before { width: 44px; }
  .p19-titulo { font-size: 44px !important; }
  .p19-texto p { font-size: 16px; }
  .p19-texto p + p { margin-top: 12px; }
  .p19-foto { order: 2; }
  .p19-texto { order: 3; }
  .p19-link { order: 4; align-self: flex-start; }
  .legal { order: 5; }
}

/* p20 faixa Faça parte do universo Anauê */
.p20 .tela__in { height: calc(100cqw * 360 / 1440); }
.p20, .p20 .tela__in { background: #FCF8F0; }
.p20-linha { height: 2px; background: var(--caramelo); }
.p20 img.p20-logo { width: calc(140 * var(--u)); height: calc(33 * var(--u)); object-fit: cover; }
.p20-titulo { font-weight: 400; letter-spacing: -.025em; line-height: 1.05; white-space: nowrap; }
.p20-txt { letter-spacing: .04em; line-height: 1.45; color: #2a2622; }
.p20-vfio { background: #cdbba4; }
.p20-btn { font-weight: 600; letter-spacing: .2em; }
.p20-btn span { letter-spacing: 0; font-size: 1.3em; margin-left: .6em; }
.p20-nota { text-align: center; font-family: var(--f-texto); color: #2a2622; }
@media (max-width: 899px) {
  .p20 .tela__in { height: auto; }
  .p20-linha { margin: -50px -20px 20px; }
  .p20 img.p20-logo { width: 120px; height: 28px; }
  .p20-titulo { white-space: normal; font-size: 32px !important; }
  .p20-btn { align-self: stretch !important; }
  .p20-nota { text-align: left; }
}

/* p21 · Modal de cadastro (dentro de <dialog id="cadastro">) */
.p21-wrap { container-type: inline-size; width: 100%; background: #FDF7E6; }
dialog.cad { overflow: hidden; }
.p21-x { background: none; border: 0; padding: calc(6 * var(--u)); cursor: pointer; z-index: 2; }
.p21-x svg { width: 100%; height: 100%; }
.p21-x:focus { outline: none; } .p21-x:focus-visible { outline: 1px solid #c9bfb2; outline-offset: 2px; }
img.p21-logo { object-fit: contain; }
.p21-titulo { line-height: .9; letter-spacing: -0.035em; }
.p21-sub { line-height: 1.38; letter-spacing: .02em; color: #1d1b19; }
.p21-form { display: flex; flex-direction: column; }
.p21-form label { display: flex; flex-direction: column; font: 600 calc(15 * var(--u))/1 var(--f-texto); letter-spacing: .05em; color: #1d1b19; margin-bottom: calc(15 * var(--u)); gap: calc(8 * var(--u)); }
.p21-form input:not([type="checkbox"]), .p21-form select { height: calc(41 * var(--u)); border: 1px solid #9c948a; background: #fffdf8; padding: 0 calc(14 * var(--u)); font: 400 calc(14.5 * var(--u)) var(--f-titulo); color: var(--tinta); border-radius: 0; letter-spacing: 0; }
.p21-form select { appearance: none; background: #fffdf8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23151513' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right calc(16 * var(--u)) center; }
.p21-form input::placeholder { color: #8b837b; }
.p21-g2 { display: grid; grid-template-columns: 1fr 1fr; gap: calc(22 * var(--u)); }
.p21-exc { font: 400 calc(12.5 * var(--u)) var(--f-texto); color: #2a2724; margin: calc(-2 * var(--u)) 0 calc(16 * var(--u)); }
.p21-form .p21-check { flex-direction: row; align-items: flex-start; gap: calc(16 * var(--u)); font: 400 calc(14.5 * var(--u))/1.25 var(--f-titulo); letter-spacing: 0; margin-bottom: calc(12 * var(--u)); }
.p21-check input { appearance: none; flex: none; width: calc(20 * var(--u)); height: calc(20 * var(--u)); border: 1px solid #6b6158; margin: 0; background: #fff; display: grid; place-items: center; cursor: pointer; }
.p21-check input:checked::after { content: "✓"; font-size: calc(14 * var(--u)); line-height: 1; }
.p21-check a { display: inline-block; margin-top: calc(10 * var(--u)); font-size: calc(13.5 * var(--u)); }
.p21-btn { height: calc(43 * var(--u)); font-size: calc(15 * var(--u)); letter-spacing: .14em; font-weight: 700; }
.p21-legal { text-align: center; font: 400 calc(13 * var(--u)) var(--f-texto); color: #3a3530; margin-top: calc(19 * var(--u)); }
@media (max-width: 899px) {
  dialog.cad { width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; margin: 0; overflow: auto; }
  .p21-wrap .tela__in { padding: 18px 20px 30px; gap: 10px; }
  .p21-foto { display: none; }
  .p21-x { position: absolute !important; right: 10px; top: 10px; width: 40px; height: 40px !important; }
  img.p21-logo { width: 110px; align-self: center; }
  .p21-titulo { font-size: 38px !important; }
  .p21-form label { font-size: 14px; gap: 6px; margin-bottom: 12px; }
  .p21-form input:not([type="checkbox"]), .p21-form select { height: 46px; font-size: 16px; padding: 0 12px; }
  .p21-g2 { gap: 12px; }
  .p21-g2 > label { min-width: 0; }
  .p21-form input:not([type="checkbox"]) { width: 100%; min-width: 0; }
  .p21-sub br { display: none; }
  .p21-exc { font-size: 12px; margin-bottom: 12px; }
  .p21-form .p21-check { font-size: 14px; gap: 12px; }
  .p21-check input { width: 20px; height: 20px; }
  .p21-check a { font-size: 13px; }
  .p21-btn { height: 50px; align-self: stretch !important; }
  .p21-legal { font-size: 12px; }
}

/* construtor C */
.p22-titulo, .p23-titulo, .p24-titulo, .p25-titulo, .p27-titulo, .p29-titulo, .p21-titulo { white-space: nowrap; }
@media (max-width: 899px) { .p22-titulo, .p23-titulo, .p24-titulo, .p25-titulo, .p27-titulo, .p29-titulo, .p21-titulo { white-space: normal; } }

/* p22 · Encontros que despertam os sentidos */
.p22 { background: #FDF9F0; }
.p22-sombra { position: absolute; inset: 0 0 auto 0; height: calc(290 * var(--u)); background:
  radial-gradient(ellipse 30% 60% at 8% 20%, rgba(214, 190, 160, .35), transparent 70%),
  radial-gradient(ellipse 40% 50% at 92% 30%, rgba(214, 190, 160, .22), transparent 70%),
  linear-gradient(#F6EEE2, #FDF9F0); }
.p22-titulo { text-align: center; line-height: 1.0; letter-spacing: -0.01em; }
.p22-sub { text-align: center; letter-spacing: .04em; color: #2a2724; }
.p22-eb { letter-spacing: .2em; font-weight: 500; }
.p22-h { letter-spacing: -0.02em; white-space: nowrap; }
.p22-link { border-bottom: 0; letter-spacing: .22em; font-weight: 500; }
@media (max-width: 899px) {
  .p22-titulo, .p22-sub { text-align: left; }
  .p22-h { white-space: normal; font-size: 26px; }
  .p22-img { margin-top: 16px; }
}

/* p23 · Onde comprar */
.p23 { background: #FDF7EF; }
.p23-luz { position: absolute; left: 0; top: 0; width: calc(716 * var(--u)); height: 100%; background:
  radial-gradient(ellipse 50% 40% at 85% 85%, rgba(220, 200, 175, .35), transparent 70%),
  radial-gradient(ellipse 60% 40% at 10% 10%, rgba(240, 228, 212, .6), transparent 70%); }
.p23-eb { letter-spacing: .3em; font-weight: 500; }
.p23-titulo { line-height: 1.12; letter-spacing: -0.01em; }
.p23-texto { line-height: 1.3; letter-spacing: .01em; color: #22201d; }
.p23-busca { display: flex; gap: calc(11 * var(--u)); }
.p23-busca input { flex: 0 0 calc(348 * var(--u)); height: 100%; border: 1px solid #4a4540; background: rgba(255,255,255,.35); padding: 0 calc(21 * var(--u)); font: 400 calc(16.5 * var(--u)) var(--f-texto); color: var(--tinta); border-radius: 0; }
.p23-busca input::placeholder { color: #8b837b; }
.p23-busca .btn { flex: 1; height: 100%; font-size: calc(14 * var(--u)); letter-spacing: .1em; font-weight: 700; }
.p23-vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.p23-mapa { letter-spacing: .2em; font-weight: 500; }
.p23-parc { color: #2a2724; letter-spacing: .02em; }
.p23-parc a { text-underline-offset: 3px; }
.p23-res { z-index: 3; background: var(--marfim); border: 1px solid #d9cfc3; box-shadow: 0 16px 40px rgba(60,40,20,.14); max-height: calc(300 * var(--u)); overflow: auto; font: 400 calc(14 * var(--u))/1.4 var(--f-texto); }
.p23-res p { padding: calc(10 * var(--u)) calc(16 * var(--u)); margin: 0; }
.p23-res ul { list-style: none; margin: 0; padding: 0; }
.p23-res li { padding: calc(10 * var(--u)) calc(16 * var(--u)); border-top: 1px solid #eee5da; }
.p23-res strong { display: block; font-weight: 600; }
.p23-res span { color: #6b6158; }
.p23-res .p23-fechar { float: right; background: none; border: 0; cursor: pointer; font-size: 1.2em; line-height: 1; padding: 0 0 0 10px; }
@media (max-width: 899px) {
  .p23-pin { width: 24px; height: 32px; }
  .p23-busca { flex-direction: column; gap: 10px; }
  .p23-busca input { flex: none; height: 52px; font-size: 16px; padding: 0 16px; }
  .p23-busca .btn { align-self: stretch; height: 52px; }
  .p23-res { font-size: 14px; max-height: 320px; }
  .p23-res p, .p23-res li { padding: 10px 14px; }
  .p23-foto { margin-top: 18px; }
}

/* p24 · Uma lenda em miniatura */
.p24 { background: #FDF9F1; }
.p24-eb { color: var(--dourado); letter-spacing: .32em; font-weight: 500; }
.p24-titulo { font-weight: 600; line-height: 1.08; letter-spacing: -0.035em; }
.p24-texto { white-space: nowrap; line-height: 1.25; letter-spacing: .01em; color: #22201d; font-weight: 400; }
.p24-breve { display: grid; place-items: center; border: 1.5px solid var(--caramelo); color: var(--dourado); font: 500 calc(15 * var(--u)) var(--f-texto); letter-spacing: .32em; text-transform: uppercase; }
.p24-btn { letter-spacing: .2em; font-weight: 600; }
.p24-cap { color: #6b6158; letter-spacing: .02em; }
@media (max-width: 899px) {
  .p24-breve { align-self: flex-start; padding: 12px 22px; font-size: 13px; }
  .p24-foto { order: -1; margin-bottom: 10px; }
}
@media (max-width: 899px) { .p24-texto { white-space: normal; } .p24-texto br { display: none; } }

/* p25 · Seja um distribuidor Anauê */
.p25 { background: #FBF8F2; }
.p25-foto { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 16%); mask-image: linear-gradient(90deg, transparent 0, #000 16%); }
.p25-eb { letter-spacing: .3em; font-weight: 500; color: #9C6843; }
.p25-titulo { font-weight: 600; line-height: 1.04; letter-spacing: -0.025em; }
.p25-sub { line-height: 1.24; letter-spacing: .02em; color: #1d1b19; }
.p25-texto { line-height: 1.4; letter-spacing: .01em; color: #2a2724; }
.p25-btn { letter-spacing: .14em; font-weight: 600; }
.p25-mail { text-decoration: none; letter-spacing: .02em; }
.p25-fio { background: #d8c7b2; }
.p25-cursiva { font-family: var(--f-cursiva); font-weight: 500; font-style: italic; text-align: center; letter-spacing: .02em; color: #1d1b19; }
.p25-legal { color: #2a2724; }
@media (max-width: 899px) {
  .p25-foto { order: 9; -webkit-mask-image: none; mask-image: none; margin-top: 10px; }
  .p25-cursiva, .p25-legal { order: 10; text-align: left; }
  .p25-sub { font-size: 21px; }
}

/* p26 · Anauê na mídia (a tela do PDF não tem menu: desce o conteúdo para baixo da nav fixa) */
.p26 { background: linear-gradient(180deg, #FBF6ED 0, #F8F1E7 70%, #F9F3EA 100%); }
.p26 .tela__in { margin-top: calc(var(--nav-h) * var(--u)); }
.p26-devices { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 12%), linear-gradient(0deg, transparent 0, #000 10%); -webkit-mask-composite: source-in; mask-image: linear-gradient(90deg, transparent 0, #000 12%), linear-gradient(0deg, transparent 0, #000 10%); mask-composite: intersect; }
.p26-logos img { mix-blend-mode: multiply; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%); }
.p26-eb { color: var(--dourado); letter-spacing: .3em; font-weight: 500; display: flex; align-items: center; gap: calc(22 * var(--u)); }
.p26-traco { display: inline-block; width: calc(46 * var(--u)); height: 1px; background: var(--caramelo); }
.p26-titulo { white-space: nowrap; line-height: .955; letter-spacing: -0.045em; }
.p26-sub { letter-spacing: .01em; color: #22201d; }
.p26-btn { letter-spacing: .2em; font-weight: 500; }
.p26-tag { text-align: center; letter-spacing: .32em; font-weight: 500; }
@media (max-width: 899px) {
  .p26 .tela__in { margin-top: 0; }
  .p26-devices { order: 5; -webkit-mask-image: none; mask-image: none; }
  .p26-logos { order: 6; }
  .p26-tag { order: 7; text-align: left; }
  .p26-titulo { font-size: 42px; }
}

/* p27 · Visão e direção (Paulo Martins / JK360) */
.p27 { background: #F9F4EC; }
.p27-foto { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 9%); mask-image: linear-gradient(90deg, transparent 0, #000 9%); }
.p27-eb { letter-spacing: .3em; font-weight: 500; }
.p27-titulo { font-weight: 700; line-height: 1.12; letter-spacing: -0.055em; }
.p27-texto { line-height: 1.2; letter-spacing: -0.005em; color: #1d1b19; }
.p27-paises { letter-spacing: .3em; font-weight: 500; }
img.p27-jk { object-fit: contain; object-position: left center; mix-blend-mode: multiply; }
.p27-btn { letter-spacing: .2em; font-weight: 500; }
.p27-legal { color: #2a2724; }
@media (max-width: 899px) {
  .p27-foto { order: 20; -webkit-mask-image: none; mask-image: none; margin-top: 10px; }
  .p27-titulo { font-size: 46px; }
  .p27-texto { font-size: 18px; }
  .p27-paises { font-size: 12px; }
  img.p27-jk { width: 140px; }
  .p27-legal { order: 21; }
}

/* p28 · Nossos representantes */
.p28 { background: #FAF6EB; }
.p28-eb { color: var(--dourado); letter-spacing: .3em; font-weight: 500; }
.p28-titulo { line-height: .9; letter-spacing: -0.03em; }
.p28-texto { line-height: 1.12; color: #1d1b19; }
.p28-mapa img { object-fit: contain; mix-blend-mode: multiply; -webkit-mask-image: radial-gradient(ellipse 52% 54% at 50% 50%, #000 82%, transparent 100%); mask-image: radial-gradient(ellipse 52% 54% at 50% 50%, #000 82%, transparent 100%); }
.p28-reps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(11, 1fr); }
.p28-reps li { display: grid; grid-template-rows: calc(36 * var(--u)) calc(14 * var(--u)) calc(34 * var(--u)) auto; justify-items: center; align-items: start; border-left: 1px solid #ddd3c4; }
.p28-reps li:first-child { border-left: 0; }
.p28-pais { align-self: center; text-align: center; font: 500 calc(10.5 * var(--u))/1.25 var(--f-titulo); letter-spacing: .14em; text-transform: uppercase; color: #2a2724; }
.p28-reps li::after { content: ""; grid-row: 2; align-self: center; width: calc(26 * var(--u)); height: 1px; background: var(--caramelo); }
.p28-reps b { grid-row: 3; font: 400 calc(21 * var(--u))/1.4 var(--f-titulo); letter-spacing: -0.01em; }
.p28-reps img { grid-row: 4; width: calc(51 * var(--u)); height: calc(33 * var(--u)); object-fit: contain; mix-blend-mode: multiply; }
.p28-nota { text-align: right; color: #3a3530; }
.p28-venha { color: var(--dourado); letter-spacing: .26em; font-weight: 500; display: flex; align-items: center; justify-content: center; gap: calc(22 * var(--u)); white-space: nowrap; }
.p28-venha span { display: inline-block; width: calc(40 * var(--u)); height: 1px; background: var(--caramelo); }
.p28-btn { letter-spacing: .2em; font-weight: 500; font-family: var(--f-titulo); }
.p28-contato { text-align: center; color: #1d1b19; }
.p28-contato a { text-decoration: none; }
@media (max-width: 899px) {
  .p28-serra { order: 30; margin: 0 -20px -44px; }
  .p28-titulo { font-size: 40px; }
  .p28-texto br { display: none; }
  .p28-reps { grid-template-columns: repeat(3, 1fr); row-gap: 18px; margin-top: 10px; }
  .p28-reps li { border-left: 0; grid-template-rows: 32px 12px 34px auto; }
  .p28-pais { font-size: 10px; }
  .p28-reps b { font-size: 19px; }
  .p28-reps img { width: 46px; height: 30px; }
  .p28-nota { text-align: left; font-size: 12px; }
  .p28-venha { white-space: normal; text-align: center; font-size: 11px; }
  .p28-venha span { display: none; }
  .p28-btn { align-self: center !important; }
}

/* p29 · Rodapé */
.p29 { background: #FDFDF8; scroll-snap-align: end; }
img.p29-marca { object-fit: fill; }
img.p29-logo { object-fit: contain; object-position: left center; }
.p29-titulo { line-height: 1.0; letter-spacing: -0.005em; font-weight: 400; }
.p29-sub { letter-spacing: .02em; color: #22201d; }
.p29-linha { display: flex; gap: calc(10 * var(--u)); height: calc(50 * var(--u)); }
.p29-linha input { flex: 0 0 calc(367 * var(--u)); border: 1px solid #b9b0a5; background: transparent; padding: 0 calc(22 * var(--u)); font: 400 calc(19 * var(--u)) var(--f-titulo); border-radius: 0; }
.p29-linha input::placeholder { color: #a39a90; }
.p29-linha .btn { flex: 1; font-size: calc(15 * var(--u)); letter-spacing: .16em; font-weight: 500; }
.p29-vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.p29-check { display: flex; align-items: center; gap: calc(14 * var(--u)); margin-top: calc(13 * var(--u)); font: 400 calc(15 * var(--u)) var(--f-titulo); color: #2a2724; cursor: pointer; }
.p29-check input { appearance: none; width: calc(21 * var(--u)); height: calc(21 * var(--u)); border: 1px solid #8f877e; margin: 0; background: #fff; display: grid; place-items: center; cursor: pointer; }
.p29-check input:checked::after { content: "✓"; font-size: calc(14 * var(--u)); line-height: 1; }
.p29-vl { background: #cfc6ba; }
.p29-col { display: flex; flex-direction: column; align-items: flex-start; font: 400 calc(20 * var(--u))/1.25 var(--f-titulo); }
.p29-col a, .p29-col p { text-decoration: none; color: #1d1b19; margin: 0 0 calc(17 * var(--u)); }
.p29-col a:hover { text-decoration: underline; }
.p29-h { font: 500 calc(16 * var(--u))/1 var(--f-texto); letter-spacing: .18em; text-transform: uppercase; margin: 0 0 calc(55 * var(--u)); position: relative; }
.p29-h::after { content: ""; position: absolute; left: 0; top: calc(34 * var(--u)); width: calc(41 * var(--u)); height: 1px; background: #8f877e; }
.p29-parc { margin-top: calc(7 * var(--u)) !important; line-height: 1.2 !important; margin-bottom: calc(10 * var(--u)) !important; }
.p29-paulo { line-height: 1.6 !important; }
.p29-fiozinho { width: calc(42 * var(--u)); height: 1px; background: #8f877e; margin: calc(18 * var(--u)) 0 calc(18 * var(--u)); }
.p29-lang { font: 500 calc(13 * var(--u))/1 var(--f-texto) !important; letter-spacing: .16em; text-transform: uppercase; }
.p29-tag { text-align: center; letter-spacing: .03em; color: #1d1b19; }
.p29-pe { color: #2a2724; }
.p29-dev { text-align: center; }
.p29-dir { text-align: right; }
.p29-creditos { display: flex; align-items: center; justify-content: space-between; }
.p29-creditos img { height: 100%; width: auto; mix-blend-mode: multiply; }
.p29-creditos img:first-child { width: calc(195 * var(--u)); height: calc(60 * var(--u)); object-fit: contain; }
.p29-creditos img:last-child { width: calc(174 * var(--u)); height: calc(68 * var(--u)); object-fit: contain; }
.p29-creditos span { width: 1px; height: calc(50 * var(--u)); background: #cfc6ba; }
@media (max-width: 899px) {
  img.p29-logo { width: 200px; height: auto; }
  .p29-titulo { font-size: 32px; }
  .p29-linha { flex-direction: column; height: auto; }
  .p29-linha input { flex: none; height: 50px; font-size: 16px; padding: 0 14px; }
  .p29-linha .btn { align-self: stretch; height: 50px; }
  .p29-check { font-size: 14px; gap: 10px; margin-top: 12px; }
  .p29-check input { width: 20px; height: 20px; }
  .p29-col { font-size: 17px; margin-top: 18px; }
  .p29-h { font-size: 13px; margin-bottom: 30px; }
  .p29-h::after { top: 22px; }
  .p29-col a, .p29-col p { margin-bottom: 10px; }
  .p29-lang { font-size: 12px !important; }
  .p29-tag { font-size: 18px !important; margin-top: 18px; }
  .p29-pe, .p29-dev, .p29-dir { text-align: left; font-size: 13px !important; }
  .p29-creditos { justify-content: flex-start; gap: 18px; }
  .p29-creditos img:first-child { width: 150px; height: 46px; }
  .p29-creditos img:last-child { width: 134px; height: 52px; }
  .p29-creditos span { height: 40px; }
}