/* Fluid layout, preserving the original visual styles. */
html, body { min-width: 0; height: auto; }
#site {
  --avatar-size: clamp(128px, 40vw, 156px);
  --button-height: clamp(62px, 8vw, 70px);
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  min-height: 100vh;
  min-height: 100svh;
  overflow: visible;
}
#site #b_3496610_1_1769537966697901aed89f3 {
  height: auto;
  min-height: 0;
  padding: clamp(32px, 8vw, 49px) 0 24px;
}
#site .centralizar {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "logo" "title" "subtitle" "delivery" "order" "location" "handle";
  row-gap: clamp(12px, 2vw, 26px);
  width: calc(100% - 40px);
  max-width: 360px;
  margin: 0 auto;
}
#site .centralizar > .elemento[id] {
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
  min-width: 0;
  transform: none;
}
#site .elemento .c { float: none; white-space: normal; }
#site #e_3496610_1_1769537966697901aee1964806191655 {
  grid-area: logo;
  justify-self: center;
  width: var(--avatar-size);
  height: var(--avatar-size);
  margin-bottom: 8px;
}
#site #e_3496610_1_1769537966697901aee1a11308376133 {
  grid-area: logo;
  align-self: start;
  justify-self: center;
  left: calc(var(--avatar-size) / 2 - 12px);
  width: clamp(36px, 11vw, 43px);
  height: clamp(36px, 11vw, 43px);
}
#site #e_3496610_1_1769537966697901aee1a62884890603 { grid-area: title; }
#site #e_3496610_1_1769537966697901aee1a62884890603 .c {
  font-size: clamp(18px, 4.6vw, 22px);
  line-height: 1.5;
}
#site #e_3496610_1_1769537966697901aed8a0d447892906 {
  grid-area: subtitle;
  margin-top: calc(-1 * clamp(8px, 1.5vw, 20px));
  margin-bottom: clamp(16px, 6vw, 64px);
}
#site #e_3496610_1_1769537966697901aed8a0d447892906 .c {
  font-size: clamp(14px, 3.6vw, 16px);
  line-height: 1.5;
}
#site #e_3496610_1_1769537966697901aedb56e787329061 { grid-area: delivery; }
#site #e_3496610_1_1769537966697901aee1a80923538790 { grid-area: order; }
#site #e_3496610_1_177454406434049879 { grid-area: location; }
#site .centralizar > .e_botao[id] { min-height: var(--button-height); }
#site .elemento .c.e_botao {
  min-height: var(--button-height);
  height: 100%;
  padding: 12px 64px;
  font-size: clamp(14px, 3.6vw, 16px);
  line-height: 1.4;
  overflow-wrap: anywhere;
}
#site #e_3496610_1_1769537966697901aee1af2011012761 {
  grid-area: delivery;
  align-self: center;
  justify-self: start;
  width: clamp(46px, 13vw, 59px);
  height: clamp(46px, 13vw, 59px);
  margin-left: 7px;
}
#site #e_3496610_1_1769537966697901aee1acd099040629 {
  grid-area: order;
  align-self: center;
  justify-self: end;
  width: clamp(26px, 7vw, 30px);
  height: clamp(26px, 7vw, 30px);
  margin-right: 24px;
}
#site .elemento.e_imagem .c .imagem_fundo {
  background-size: contain;
  background-position: center;
}
#site #e_3496610_1_1769537966697901aee1a41114543543 {
  grid-area: handle;
  margin-top: 24px;
}
#site #e_3496610_1_1769537966697901aee1a41114543543 .c {
  font-size: 15px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
#site #b_3496610_1_1769537966697901aed8a0a {
  flex: 1 0 auto;
  height: auto;
  min-height: clamp(143px, 24vw, 451px);
}
/* Compact vertical spacing for landscape phones. */
@media (max-height: 500px) and (orientation: landscape) {
  #site { --avatar-size: 96px; --button-height: 56px; }
  #site #b_3496610_1_1769537966697901aed89f3 { padding-top: 24px; }
  #site .centralizar { row-gap: 12px; }
  #site #e_3496610_1_1769537966697901aed8a0d447892906 { margin-top: -8px; margin-bottom: 12px; }
  #site #e_3496610_1_1769537966697901aee1af2011012761 { width: 46px; height: 46px; }
}
@media (max-width: 300px) {
  #site .centralizar { width: calc(100% - 24px); }
  #site .elemento .c.e_botao { padding-inline: 52px; }
  #site #e_3496610_1_1769537966697901aee1acd099040629 { margin-right: 16px; }
}