/* Visual de etiqueta de entrega: papel kraft, carvão e tinta de carimbo azul e vermelha. */

:root {
  --fd-kraft: #E6D5B8;
  --fd-kraft-claro: #F3E8D4;
  --fd-papel: #FFFDF8;
  --fd-carvao: #2A2622;
  --fd-carvao-2: #35302B;
  --fd-suave: #5A5148;
  --fd-linha: #CDB993;
  --fd-azul: #1F4FA8;
  --fd-azul-escuro: #163C82;
  --fd-azul-luz: #8FB3F0;
  --fd-vermelho: #A32B23;
  --fd-vermelho-luz: #F0A79F;
  --fd-erro: #A4261D;
  --fd-fonte-titulo: "Alfa Slab One", Rockwell, Georgia, serif;
  --fd-fonte-texto: "Asap", "Trebuchet MS", Arial, sans-serif;
  --fd-fonte-rotulo: "Asap Condensed", "Arial Narrow", Arial, sans-serif;
  --fd-sombra: 5px 5px 0 var(--fd-carvao);
}

[hidden], .fd-sumido { display: none !important; }

.fd-pagina, .fd-pagina *, .fd-pagina *::before, .fd-pagina *::after { box-sizing: border-box; }

html { scroll-padding-top: 110px; scroll-behavior: smooth; text-size-adjust: 100%; }

.fd-pagina {
  margin: 0;
  padding-bottom: 78px;
  background: var(--fd-kraft-claro);
  color: var(--fd-carvao);
  font: 400 1.0625rem/1.62 var(--fd-fonte-texto);
}

.fd-pagina img { max-width: 100%; height: auto; }
.fd-pagina a { color: var(--fd-azul-escuro); text-underline-offset: .2em; text-decoration-thickness: .1em; }
.fd-pagina a:hover { color: var(--fd-vermelho); }
.fd-pagina :focus-visible { outline: 3px solid var(--fd-azul); outline-offset: 2px; }
.fd-pagina h1, .fd-pagina h2, .fd-pagina h3 { margin: 0; font-family: var(--fd-fonte-titulo); font-weight: 400; color: var(--fd-carvao); }
.fd-pagina h2 { font-size: clamp(1.75rem, 3.6vw, 2.6rem); line-height: 1.14; margin: .4rem 0 1.5rem; }
.fd-pagina h3 { font-size: 1.3rem; line-height: 1.25; }
p { margin-top: 0; margin-bottom: 1em; }

.fd-caixa { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 16px; }
.fd-pagina .fd-caixa { margin-left: auto; margin-right: auto; }
.fd-quebra { overflow-wrap: anywhere; word-break: normal; }

.fd-atalho { position: absolute; top: -100px; left: 16px; z-index: 99; background: var(--fd-papel); padding: .5rem .9rem; border: 2px solid var(--fd-carvao); }
.fd-atalho:focus { top: 10px; }

/* rótulo pequeno acima dos títulos */
.fd-chapeu {
  display: flex; align-items: center; gap: .6rem;
  margin: 0;
  font-family: var(--fd-fonte-rotulo); font-size: .86rem; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--fd-vermelho);
}
.fd-chapeu::before { content: ""; width: 26px; height: 7px; flex: none; border-top: 2px solid currentColor; border-bottom: 2px solid currentColor; }
.fd-chapeu--claro { color: var(--fd-vermelho-luz); }

/* botões com sombra de impressão */
.fd-botao {
  display: inline-flex; align-items: center; justify-content: center; gap: .45rem;
  min-height: 50px; padding: .7rem 1.25rem;
  border: 2px solid var(--fd-carvao); border-radius: 6px;
  box-shadow: var(--fd-sombra);
  font: 700 1.02rem/1.15 var(--fd-fonte-rotulo);
  letter-spacing: .05em; text-transform: uppercase; text-align: center;
  text-decoration: none; cursor: pointer;
  transition: transform .1s ease-out, box-shadow .1s ease-out;
}
.fd-botao:hover { transform: translate(-1px, -1px); box-shadow: 6px 6px 0 var(--fd-carvao); }
.fd-botao:active { transform: translate(4px, 4px); box-shadow: 1px 1px 0 var(--fd-carvao); }
.fd-pagina .fd-botao--azul { background: var(--fd-azul); color: #FFFFFF; }
.fd-pagina .fd-botao--azul:hover { background: var(--fd-azul-escuro); color: #FFFFFF; }
.fd-pagina .fd-botao--papel { background: var(--fd-papel); color: var(--fd-carvao); }
.fd-pagina .fd-botao--papel:hover { color: var(--fd-carvao); background: #FFF6E6; }
.fd-pagina .fd-botao--carimbo { background: var(--fd-vermelho); color: #FFFFFF; outline: 2px dashed rgba(255, 253, 248, .7); outline-offset: -7px; }
.fd-pagina .fd-botao--carimbo:hover { color: #FFFFFF; background: #86211A; }
.fd-botao--alto { min-height: 58px; font-size: 1.1rem; padding-inline: 1.5rem; }

/* faixa e cabeçalho */
.fd-faixa { background: var(--fd-carvao); color: #EADCC2; font: 500 .9rem/1.4 var(--fd-fonte-rotulo); letter-spacing: .02em; }
.fd-faixa__linha { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 2px 16px; padding-top: 7px; padding-bottom: 7px; }
.fd-pagina .fd-faixa a { color: #FFFDF8; font-weight: 700; text-decoration: none; display: inline-block; padding: .45rem 0; }
.fd-faixa span { overflow-wrap: anywhere; }

.fd-cabeca { position: sticky; top: 0; z-index: 40; background: var(--fd-kraft-claro); border-bottom: 2px dashed var(--fd-carvao); }
.fd-cabeca__linha { display: flex; align-items: center; gap: 14px; min-height: 72px; }
.fd-logo { display: flex; align-items: center; gap: .6rem; margin-right: auto; text-decoration: none; min-width: 0; }
.fd-logo img { width: 42px; flex: none; }
.fd-logo__texto { display: grid; line-height: 1; color: var(--fd-carvao); }
.fd-logo__texto small { font: 700 .74rem/1.2 var(--fd-fonte-rotulo); letter-spacing: .12em; text-transform: uppercase; color: var(--fd-suave); }
.fd-logo__texto b { font: 400 1.55rem/1 var(--fd-fonte-titulo); letter-spacing: .01em; }
.fd-menu { display: none; gap: 22px; }
.fd-pagina .fd-menu a { color: var(--fd-carvao); font: 700 .98rem/1 var(--fd-fonte-rotulo); letter-spacing: .06em; text-transform: uppercase; text-decoration: none; padding: .55rem 0; border-bottom: 3px solid transparent; }
.fd-pagina .fd-menu a:hover { border-bottom-color: var(--fd-vermelho); color: var(--fd-carvao); }
.fd-cabeca__ligar { min-height: 46px; padding: .5rem 1rem; box-shadow: 3px 3px 0 var(--fd-carvao); white-space: nowrap; }
.fd-cabeca__ligar-longo { display: none; }

/* abertura */
.fd-abertura {
  overflow: hidden;
  padding: 34px 0 54px;
  background-color: var(--fd-kraft-claro);
  background-image:
    radial-gradient(circle at 92% 18%, transparent 0 86px, rgba(31, 79, 168, .1) 87px 90px, transparent 91px),
    radial-gradient(circle at 92% 18%, transparent 0 70px, rgba(31, 79, 168, .08) 71px 72px, transparent 73px),
    repeating-linear-gradient(115deg, rgba(122, 90, 46, .035) 0 2px, transparent 2px 9px);
}
.fd-abertura__grade { display: grid; gap: 34px; align-items: start; isolation: isolate; }
.fd-abertura h1 { font-size: clamp(2.25rem, 5.4vw, 3.75rem); line-height: 1.08; margin: .9rem 0 1.1rem; }
.fd-abertura h1 span { display: block; color: var(--fd-azul); }
.fd-abertura__lead { font-size: 1.16rem; color: var(--fd-suave); max-width: 33em; }
.fd-abertura__botoes { display: flex; flex-wrap: wrap; gap: 14px; margin: 1.6rem 0 1.5rem; }
.fd-fatos { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 20px; font: 600 .98rem/1.3 var(--fd-fonte-rotulo); letter-spacing: .02em; }
.fd-fatos li { display: inline-flex; align-items: center; gap: .55rem; }
.fd-fatos li::before { content: ""; width: 16px; height: 16px; flex: none; border: 2px dotted var(--fd-azul); background: rgba(31, 79, 168, .14); border-radius: 2px; }

/* etiqueta de entrega (formulário) */
.fd-etiqueta { position: relative; background: var(--fd-papel); border: 2px solid var(--fd-carvao); border-radius: 10px; box-shadow: 7px 7px 0 rgba(42, 38, 34, .88); padding-bottom: 18px; }
.fd-etiqueta::before { content: ""; position: absolute; inset: 10px -8px -10px 8px; z-index: -1; background: var(--fd-kraft); border: 2px solid var(--fd-linha); border-radius: 10px; transform: rotate(2.4deg); }
.fd-etiqueta__topo { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 18px; background: var(--fd-carvao); color: var(--fd-papel); border-radius: 7px 7px 0 0; }
.fd-etiqueta__tipo { margin: 0; font: 700 1rem/1.2 var(--fd-fonte-rotulo); letter-spacing: .16em; text-transform: uppercase; }
.fd-etiqueta__barras { width: 112px; height: 26px; flex: none; background: repeating-linear-gradient(90deg, var(--fd-papel) 0 2px, transparent 2px 4px, var(--fd-papel) 4px 7px, transparent 7px 8px, var(--fd-papel) 8px 9px, transparent 9px 12px); }
.fd-etiqueta__de { margin: 0; padding: 10px 18px; border-bottom: 2px dashed var(--fd-linha); font: 500 .92rem/1.35 var(--fd-fonte-rotulo); color: var(--fd-suave); overflow-wrap: anywhere; }
.fd-etiqueta__de span { font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--fd-carvao); margin-right: .35rem; }
.fd-etiqueta__alerta { margin: 14px 18px 0; padding: .65rem .8rem; background: #FBE3DF; border-left: 5px solid var(--fd-erro); color: #6E1912; font-weight: 600; }
.fd-etiqueta__nota { margin: 12px 18px 0; font-size: .88rem; color: var(--fd-suave); }
.fd-etiqueta > .fd-botao { display: flex; width: calc(100% - 36px); margin: 18px 18px 0; }
.fd-etiqueta > .fd-campo { padding: 0 18px; margin-top: 14px; }

.fd-grupo { border: 0; margin: 0; padding: 14px 18px 0; min-width: 0; }
.fd-grupo legend { display: block; width: 100%; padding: 0 0 6px; margin-bottom: 8px; border-bottom: 1px solid var(--fd-linha); font: 700 .86rem/1.2 var(--fd-fonte-rotulo); letter-spacing: .16em; text-transform: uppercase; color: var(--fd-vermelho); }
.fd-linha-dupla { display: grid; gap: 0 18px; }
.fd-campo { margin-bottom: 12px; min-width: 0; }
.fd-campo__nome { display: block; font: 700 .82rem/1.3 var(--fd-fonte-rotulo); letter-spacing: .08em; text-transform: uppercase; color: var(--fd-suave); }
.fd-campo__nome i { font-style: normal; font-weight: 500; text-transform: none; letter-spacing: 0; }
.fd-campo input[type="text"], .fd-campo input[type="tel"], .fd-campo select, .fd-campo textarea {
  display: block; width: 100%; min-height: 46px;
  padding: .5rem .25rem; margin: 0;
  border: 0; border-bottom: 2px solid var(--fd-carvao); border-radius: 0;
  background: transparent; color: var(--fd-carvao);
  font: 500 1.05rem/1.4 var(--fd-fonte-texto);
}
.fd-campo textarea { resize: vertical; min-height: 64px; }
.fd-campo input:focus, .fd-campo select:focus, .fd-campo textarea:focus { outline: none; background: #F7EEDC; border-bottom-color: var(--fd-azul); box-shadow: 0 2px 0 var(--fd-azul); }
.fd-campo__fixo { display: block; min-height: 46px; padding: .6rem .25rem; border-bottom: 2px dotted var(--fd-carvao); font-weight: 700; }
.fd-campo__aviso { display: block; margin-top: 5px; font-size: .88rem; font-weight: 700; color: var(--fd-erro); }
.fd-campo--falta input, .fd-campo--falta select, .fd-campo--falta textarea { border-bottom-color: var(--fd-erro); }
.fd-campo--falta .fd-marcas span { border-color: var(--fd-erro); }

.fd-marcas { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.fd-marcas label { position: relative; display: inline-flex; }
.fd-marcas input { position: absolute; inset: 0; margin: 0; opacity: 0; cursor: pointer; }
.fd-marcas span { display: inline-flex; align-items: center; min-height: 44px; padding: .4rem 1rem; border: 2px dashed var(--fd-carvao); border-radius: 4px; font: 700 .98rem/1 var(--fd-fonte-rotulo); letter-spacing: .04em; text-transform: uppercase; background: var(--fd-papel); }
.fd-marcas input:checked + span { background: var(--fd-azul); color: #FFFFFF; border-style: solid; border-color: var(--fd-carvao); }
.fd-marcas input:focus-visible + span { outline: 3px solid var(--fd-azul); outline-offset: 2px; }

.fd-aceite { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 10px; align-items: start; font-size: .93rem; }
.fd-aceite input { width: 20px; height: 20px; margin: 3px 0 0; accent-color: var(--fd-azul); }

.fd-escondido { position: absolute; width: 1px; height: 1px; overflow: hidden; left: -5000px; top: auto; }

/* remetente (identificação) */
.fd-remetente { background: var(--fd-kraft); padding: 46px 0; }
.fd-remetente__papel { background: var(--fd-papel); border: 2px dashed var(--fd-carvao); border-radius: 8px; padding: 22px 20px 10px; }
.fd-remetente__cabeca { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.fd-remetente__cabeca h2 { margin: 0; font-size: clamp(1.5rem, 3vw, 2rem); letter-spacing: .03em; text-transform: uppercase; }
.fd-remetente__lista { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 0 28px; margin: 18px 0 0; }
.fd-remetente__lista div { border-top: 1px dotted var(--fd-suave); padding: 9px 0 10px; min-width: 0; }
.fd-remetente__lista dt { font: 700 .76rem/1.3 var(--fd-fonte-rotulo); letter-spacing: .1em; text-transform: uppercase; color: var(--fd-suave); }
.fd-remetente__lista dd { margin: 3px 0 0; font-weight: 600; overflow-wrap: anywhere; }
.fd-remetente__largo { grid-column: 1 / -1; }
@media (min-width: 768px) { .fd-remetente__duplo { grid-column: span 2; } }

.fd-carimbo-redondo {
  display: grid; place-items: center; flex: none;
  width: 96px; height: 96px; padding: 10px;
  border: 4px double var(--fd-azul); border-radius: 50%;
  color: var(--fd-azul); text-align: center;
  font: 700 .8rem/1.1 var(--fd-fonte-rotulo); letter-spacing: .12em; text-transform: uppercase;
  transform: rotate(-12deg); opacity: .88;
}
.fd-carimbo-redondo--grande { width: 132px; height: 132px; font-size: 1.05rem; margin-bottom: 14px; }
.fd-carimbo-redondo--vermelho { border-color: var(--fd-vermelho); color: var(--fd-vermelho); }

/* o galão */
.fd-galao { padding: 60px 0 64px; }
.fd-galao__lista { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 24px; }
.fd-galao__lista--so-um { grid-template-columns: minmax(0, 1fr); max-width: 880px; }
.fd-produto { position: relative; display: grid; gap: 20px; background: var(--fd-papel); border: 2px solid var(--fd-carvao); border-radius: 10px; box-shadow: 7px 7px 0 var(--fd-linha); padding: 26px 22px; }
.fd-produto::before { content: ""; position: absolute; top: -12px; left: 50%; width: 110px; height: 24px; margin-left: -55px; background: rgba(214, 190, 146, .78); transform: rotate(-3deg); }
.fd-produto__foto { width: 150px; justify-self: center; }
.fd-produto h3 { font-size: 1.6rem; margin-bottom: .5rem; }
.fd-produto__notas { list-style: none; padding: 0; margin: 0 0 1.3rem; }
.fd-produto__notas li { position: relative; padding-left: 24px; margin-bottom: .35rem; color: var(--fd-suave); }
.fd-produto__notas li::before { content: ""; position: absolute; left: 0; top: .72em; width: 14px; border-top: 3px solid var(--fd-azul); }
.fd-galao__mais { margin-top: 26px; font-weight: 600; }

/* conta das garrafinhas */
.fd-conta { background: var(--fd-carvao); color: #EFE3CC; padding: 62px 0 66px; }
.fd-pagina .fd-conta h2 { color: var(--fd-papel); }
.fd-conta__grade { display: grid; gap: 30px; align-items: center; }
.fd-conta__nota { font-size: .92rem; color: #CDBFA8; }
.fd-conta__painel { background: var(--fd-carvao-2); border: 2px solid var(--fd-suave); border-radius: 10px; padding: 22px 20px; }
.fd-conta__rotulo { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 14px; font: 700 1rem/1.3 var(--fd-fonte-rotulo); letter-spacing: .06em; text-transform: uppercase; }
.fd-conta__rotulo output { font: 400 2rem/1 var(--fd-fonte-titulo); color: var(--fd-papel); }
.fd-conta__regua { width: 100%; margin: 18px 0 8px; accent-color: var(--fd-azul-luz); height: 28px; }
.fd-conta__numeros { display: grid; gap: 12px; margin: 14px 0 18px; }
.fd-conta__numeros div { border-top: 1px dashed var(--fd-suave); padding-top: 8px; }
.fd-conta__numeros dt { font: 600 .82rem/1.3 var(--fd-fonte-rotulo); letter-spacing: .08em; text-transform: uppercase; color: #CDBFA8; }
.fd-conta__numeros dd { margin: 2px 0 0; font: 400 2rem/1.1 var(--fd-fonte-titulo); color: var(--fd-papel); }
.fd-conta__desenho { display: flex; flex-wrap: wrap; gap: 8px 10px; min-height: 40px; margin-bottom: 18px; }
.fd-mini { position: relative; width: 26px; height: 34px; border: 2px solid #EFE3CC; border-radius: 6px 6px 7px 7px; background: linear-gradient(to top, var(--fd-azul-luz) 0 62%, transparent 62%); }
.fd-mini::before { content: ""; position: absolute; top: -8px; left: 7px; width: 9px; height: 6px; background: #EFE3CC; border-radius: 2px; }
.fd-mini::after { content: "40"; position: absolute; left: 50%; bottom: -17px; transform: translateX(-50%); font: 700 .66rem/1 var(--fd-fonte-rotulo); color: #CDBFA8; }
.fd-conta__desenho:not(:empty) { padding-bottom: 14px; }

/* passos */
.fd-passos { padding: 60px 0 64px; background: var(--fd-kraft-claro); }
.fd-passos__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 18px; }
.fd-passos__lista li { background: var(--fd-papel); border: 2px solid var(--fd-carvao); border-radius: 10px; padding: 24px 22px; }
.fd-passos__lista h3 { margin: 18px 0 6px; }
.fd-passos__lista p { margin: 0; color: var(--fd-suave); }
.fd-passos__selo {
  display: grid; place-items: center; align-content: center;
  width: 92px; height: 92px; border-radius: 50%;
  border: 3px solid var(--fd-azul); box-shadow: inset 0 0 0 4px var(--fd-papel), inset 0 0 0 6px var(--fd-azul);
  color: var(--fd-azul); transform: rotate(-9deg);
  font: 700 .74rem/1 var(--fd-fonte-rotulo); letter-spacing: .12em; text-transform: uppercase;
}
.fd-passos__selo b { font: 400 1.9rem/1 var(--fd-fonte-titulo); letter-spacing: 0; }
.fd-passos__lista li:nth-child(2) .fd-passos__selo { color: var(--fd-vermelho); border-color: var(--fd-vermelho); box-shadow: inset 0 0 0 4px var(--fd-papel), inset 0 0 0 6px var(--fd-vermelho); transform: rotate(7deg); }
.fd-passos__lista li:nth-child(3) .fd-passos__selo { color: var(--fd-carvao); border-color: var(--fd-carvao); box-shadow: inset 0 0 0 4px var(--fd-papel), inset 0 0 0 6px var(--fd-carvao); transform: rotate(-3deg); }

/* endereço e mapa */
.fd-endereco { background: var(--fd-kraft); padding: 60px 0 64px; }
.fd-endereco__grade { display: grid; gap: 28px; align-items: center; }
.fd-endereco__rua { font-size: 1.15rem; font-weight: 700; }
.fd-endereco__botoes { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 1.4rem; }
.fd-mapa {
  min-height: 330px; overflow: hidden;
  border: 2px solid var(--fd-carvao); border-radius: 10px; box-shadow: 7px 7px 0 var(--fd-linha);
  background-color: #EFE4CF;
  background-image:
    linear-gradient(62deg, transparent 0 47%, #FFFDF8 47% 51%, transparent 51%),
    linear-gradient(-28deg, transparent 0 58%, #FFFDF8 58% 61%, transparent 61%),
    repeating-linear-gradient(0deg, rgba(90, 81, 72, .12) 0 1px, transparent 1px 34px),
    repeating-linear-gradient(90deg, rgba(90, 81, 72, .12) 0 1px, transparent 1px 34px);
}
.fd-mapa__abrir { display: grid; place-items: center; align-content: center; gap: 10px; width: 100%; min-height: 330px; padding: 24px; border: 0; background: transparent; color: var(--fd-carvao); font: inherit; text-align: center; cursor: pointer; }
.fd-mapa__abrir strong { font: 400 1.35rem/1.2 var(--fd-fonte-titulo); }
.fd-mapa__abrir span:last-child { max-width: 30ch; padding: .25rem .6rem; background: rgba(255, 253, 248, .9); border-radius: 4px; font-size: .9rem; color: var(--fd-suave); }
.fd-mapa__alfinete { width: 40px; height: 40px; border-radius: 50% 50% 50% 0; background: var(--fd-vermelho); border: 3px solid var(--fd-carvao); transform: rotate(-45deg); }
.fd-mapa iframe { display: block; width: 100%; min-height: 330px; height: 100%; border: 0; }

/* dúvidas */
.fd-duvidas { padding: 60px 0 64px; }
.fd-duvidas__coluna { max-width: 860px; }
.fd-duvidas details { border-bottom: 2px dashed var(--fd-linha); }
.fd-duvidas summary { position: relative; list-style: none; cursor: pointer; padding: 16px 8px 16px 34px; font-weight: 700; font-size: 1.07rem; }
.fd-duvidas summary::-webkit-details-marker { display: none; }
.fd-duvidas summary::before { content: ""; position: absolute; left: 8px; top: 23px; border: 7px solid transparent; border-left: 10px solid var(--fd-vermelho); border-right: 0; transition: transform .15s ease; }
.fd-duvidas details[open] summary::before { transform: rotate(90deg); }
.fd-duvidas details p { padding: 0 8px 16px 34px; margin: 0; color: var(--fd-suave); }

/* chamada final */
.fd-chamada { background: var(--fd-azul); color: #FFFFFF; padding: 46px 0; }
.fd-pagina .fd-chamada h2 { color: #FFFFFF; margin: 0 0 .4rem; }
.fd-chamada p { margin: 0; font-size: 1.1rem; }
.fd-chamada__linha { display: grid; gap: 22px; }
.fd-chamada__botoes { display: flex; flex-wrap: wrap; gap: 14px; }
.fd-pagina .fd-chamada .fd-botao--azul { background: var(--fd-papel); color: var(--fd-azul-escuro); }
.fd-pagina .fd-chamada .fd-botao--azul:hover { background: #FFF6E6; color: var(--fd-azul-escuro); }

/* páginas de aviso (obrigado e 404) */
.fd-aviso { padding: 54px 0 70px; }
.fd-aviso__papel { max-width: 760px; background: var(--fd-papel); border: 2px dashed var(--fd-carvao); border-radius: 10px; padding: 30px 24px; }
.fd-aviso h1 { font-size: clamp(1.9rem, 4vw, 2.7rem); line-height: 1.12; margin-bottom: 1rem; }
.fd-aviso__resumo { font: 700 1.2rem/1.4 var(--fd-fonte-rotulo); letter-spacing: .03em; text-transform: uppercase; color: var(--fd-azul-escuro); }
.fd-aviso__lista { padding-left: 1.2rem; }
.fd-aviso__lista li { margin-bottom: .4rem; }
.fd-aviso__botoes { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 1.5rem; }

/* textos legais */
.fd-leitura { padding: 48px 0 70px; }
.fd-leitura__coluna { max-width: 800px; }
.fd-leitura h1 { font-size: clamp(2rem, 4.2vw, 2.8rem); line-height: 1.1; margin: .7rem 0 .4rem; }
.fd-pagina .fd-leitura h2 { font-size: 1.4rem; margin: 2.1rem 0 .7rem; }
.fd-leitura li { margin-bottom: .4rem; }
.fd-leitura__data { color: var(--fd-suave); font-size: .95rem; }
.fd-tabela { overflow-x: auto; margin-bottom: 1.2rem; background: var(--fd-papel); border: 2px solid var(--fd-carvao); border-radius: 8px; }
.fd-tabela table { width: 100%; min-width: 580px; border-collapse: collapse; font-size: .95rem; }
.fd-tabela th, .fd-tabela td { padding: 10px 12px; text-align: left; vertical-align: top; border-bottom: 1px dashed var(--fd-linha); }
.fd-tabela th { font: 700 .82rem/1.3 var(--fd-fonte-rotulo); letter-spacing: .08em; text-transform: uppercase; background: var(--fd-kraft-claro); }

/* rodapé */
.fd-rodape { background: var(--fd-carvao); color: #E8DCC6; padding: 46px 0 24px; font-size: .95rem; }
.fd-pagina .fd-rodape a { color: #FFFDF8; }
.fd-rodape__grade { display: grid; gap: 24px; }
.fd-rodape__titulo { margin-bottom: .55rem; font: 700 .78rem/1.2 var(--fd-fonte-rotulo); letter-spacing: .16em; text-transform: uppercase; color: var(--fd-vermelho-luz); }
.fd-rodape p { margin-bottom: .5rem; }
.fd-rodape__links { display: grid; justify-items: start; gap: 2px; }
.fd-rodape__links a, .fd-rodape__rever { padding: .35rem 0; }
.fd-rodape__rever { border: 0; background: none; color: #FFFDF8; font: inherit; text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }
.fd-rodape__aviso { margin-top: 28px; padding-top: 14px; border-top: 1px dashed #5A5148; font-size: .86rem; color: #C7B9A2; }

/* escolha de cookies */
.fd-cookies {
  position: fixed; z-index: 70;
  left: 12px; right: 12px; bottom: 88px;
  max-width: 540px; margin: 0 auto;
  background: var(--fd-papel); color: var(--fd-carvao);
  border: 2px solid var(--fd-carvao); border-radius: 10px; box-shadow: var(--fd-sombra);
  padding: 16px 18px; font-size: .94rem;
}
.fd-cookies__selo { display: inline-block; margin: 0 0 .6rem; padding: .15rem .6rem; border: 2px solid var(--fd-vermelho); color: var(--fd-vermelho); font: 700 .78rem/1.3 var(--fd-fonte-rotulo); letter-spacing: .16em; text-transform: uppercase; transform: rotate(-3deg); }
.fd-cookies__escolha { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: .3rem; }

/* atalhos fixos no celular */
.fd-rapido {
  position: fixed; z-index: 50; left: 0; right: 0; bottom: 0;
  display: grid; grid-template-columns: minmax(0, 2.2fr) minmax(0, 1fr); gap: 10px;
  padding: 10px 12px; padding-bottom: calc(10px + env(safe-area-inset-bottom));
  background: var(--fd-carvao);
  transition: transform .2s ease-in;
}
.fd-rapido .fd-botao { min-height: 50px; padding-inline: .6rem; font-size: .96rem; box-shadow: 3px 3px 0 #000000; border-color: #000000; }
.fd-rapido--fora { transform: translateY(125%); }

@media (min-width: 560px) {
  .fd-linha-dupla { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .fd-conta__numeros { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .fd-cabeca__ligar-longo { display: inline; }
  .fd-cabeca__ligar-curto { display: none; }
}

@media (min-width: 768px) {
  .fd-galao__lista--so-um .fd-produto { grid-template-columns: 210px minmax(0, 1fr); align-items: center; padding: 30px 32px; }
  .fd-passos__lista { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .fd-rodape__grade { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); }
  .fd-aviso__papel { padding: 40px 46px; }
  .fd-remetente__papel { padding: 26px 30px 12px; }
}

@media (min-width: 980px) {
  .fd-pagina { padding-bottom: 0; }
  .fd-rapido { display: none; }
  .fd-menu { display: flex; }
  .fd-cookies { left: auto; right: 28px; bottom: 28px; margin: 0; }
  .fd-abertura { padding: 58px 0 80px; }
  .fd-abertura__grade { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 56px; }
  .fd-abertura__texto { padding-top: 30px; }
  .fd-conta__grade { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 50px; }
  .fd-endereco__grade { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 48px; }
  .fd-mapa, .fd-mapa__abrir, .fd-mapa iframe { min-height: 390px; }
  .fd-chamada__linha { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
}

@media (prefers-reduced-motion: reduce), (update: slow), (update: none) {
  .fd-pagina *, .fd-pagina *::before, .fd-pagina *::after { transition-duration: .01ms !important; scroll-behavior: auto !important; }
  html, .fd-pagina { scroll-behavior: auto; }
}