/* Overlay */
.overlay-fechado-md1 {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    z-index: 998;
    animation: fadeIn-md1 0.3s ease;
}

/* Bottom Sheet */
.sheet-fechado-md1 {
    position: fixed;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 30vh;
    background: #ffffff;
    border-radius: 20px 20px 0 0;
    z-index: 999;
    padding: 22px;
    display: flex;
    flex-direction: column;
    animation: subirSheet-md1 0.4s ease forwards;
    transition: height 0.35s ease;
}

/* Expandido */
.sheet-fechado-md1.expandido-md1 {
    height: 65vh;
}

/* Indicador */
.sheet-fechado-md1::before {
    content: "";
    width: 50px;
    height: 5px;
    background: #d1d5db;
    border-radius: 10px;
    margin: 0 auto 10px;
}

/* Botão fechar */
.fechar-sheet-md1 {
    position: absolute;
    right: 16px;
    top: 14px;
    font-size: 18px;
    color: #6b7280;
    cursor: pointer;
    transition: color .2s ease;
}

.fechar-sheet-md1:hover {
    color: #111827;
}

/* Conteúdo */
.icon-fechado-md1 {
    text-align: center;
    font-size: 32px;
    color: #ef4444;
    margin-top: 10px;
}

.titulo-fechado-md1 {
    text-align: center;
    margin: 8px 0 4px;
    font-size: 20px;
    font-weight: 600;
    color: #111827;
}

.texto-fechado-md1 {
    text-align: center;
    margin: 0 0 16px;
    font-size: 14px;
    color: #6b7280;
}

/* Horários */
.horarios-md1 {
    display: none;
    margin-top: 16px;
    font-size: 14px;
    color: #374151;
}

.horarios-md1 p {
    margin: 6px 0;
    display: flex;
    justify-content: space-between;
}

.horarios-md1 span {
    font-weight: 600;
}

/* Botão */
.btn-horarios-md1 {
    margin: 14px auto 0;
    border: none;
    background: #111827;
    color: #fff;
    padding: 12px 20px;
    border-radius: 10px;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: transform .2s ease, background .2s ease;
}

.btn-horarios-md1:hover {
    background: #1f2933;
    transform: translateY(-1px);
}

/* Animações */
@keyframes subirSheet-md1 {
    from { bottom: -100%; }
    to { bottom: 0; }
}

@keyframes fadeIn-md1 {
    from { opacity: 0; }
    to { opacity: 1; }
}


.entctn {
    width: 100%;
    align-items: center;
    justify-content: center;
    display: none;
}

.container-m150 {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  width: 90%;
  margin: 50px 5% 50px 5%;
  padding: 25px 20px 30px;
  text-align: center;
  animation: fadeIn 0.8s ease;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

.titulo-m150 {
  font-size: 1.4em;
  color: #333;
  margin-bottom: 20px;
  font-weight: 600;
}

.input-m150 {
  width: 80%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 10px;
  font-size: 1em;
  outline: none;
  transition: 0.3s;
  margin: 0 auto 15px auto;
  display: block;
}

.input-m150:focus {
  border-color: #00c853;
  box-shadow: 0 0 8px rgba(0, 200, 83, 0.3);
}

.botao-m150 {
  width: 50%;
  margin: 10px auto 20px;
  padding: 12px;
  background: linear-gradient(135deg, #00c853, #64dd17);
  border: none;
  color: white;
  border-radius: 10px;
  font-size: 1em;
  cursor: pointer;
  transition: 0.2s;
  box-shadow: 0 4px 12px rgba(0, 200, 83, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.botao-m150:hover {
  filter: brightness(1.1);
}

.botao-m150:active {
  transform: scale(0.97);
}

.logo-m150 {
  width: 160px;
  margin: 10px auto 10px;
  border-radius: 8px;
  transition: 0.3s;
}

.creditos-m150 {
  font-size: 0.85em;
  color: #555;
}

.creditos-m150 a {
  color: #007BFF;
  text-decoration: underline;
  font-weight: 500;
}

.logo-m150:hover {
  transform: scale(1.05);
}


/* ocupada */
    .container-m151 {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  max-width: 400px;
  width: 90%;
  padding: 25px 20px 30px;
  text-align: center;
  animation: fadeIn-m151 0.8s ease;
}

@keyframes fadeIn-m151 {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

.titulo-m151 {
  font-size: 1.4em;
  color: #d32f2f;
  margin-bottom: 20px;
  font-weight: 600;
}

.mensagem-m151 {
  font-size: 1em;
  color: #444;
  margin-bottom: 20px;
  line-height: 1.5;
}

.botao-m151 {
  width: 40%;
  margin: 10px auto 20px;
  padding: 12px;
  background: linear-gradient(135deg, #f44336, #e53935);
  border: none;
  color: white;
  border-radius: 10px;
  font-size: 1em;
  cursor: pointer;
  transition: 0.2s;
  box-shadow: 0 4px 12px rgba(244, 67, 54, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.botao-m151:hover {
  filter: brightness(1.1);
}

.botao-m151:active {
  transform: scale(0.97);
}

.logo-m151 {
  width: 160px;
  margin: 10px auto 10px;
  border-radius: 8px;
  transition: 0.3s;
}

.creditos-m151 {
  font-size: 2em;
  color: transparent;
  background-image: linear-gradient(90deg, #ff9800, #ff5722);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeSlideIn-m151 1s ease-out forwards;
  margin-bottom: 20px;
}

@keyframes fadeSlideIn-m151 {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.creditos-m151 a {
  color: #007BFF;
  text-decoration: underline;
  font-weight: 500;
}

.logo-m151:hover {
  transform: scale(1.05);
}

/* mesa ocupada */
/* direcionamento do link */
.container-m152 {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    max-width: 400px;
    width: 90%;
    padding: 30px 20px 35px;
    text-align: center;
    animation: fadeIn-m152 0.8s ease;
}

@keyframes fadeIn-m152 {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.spinner-m152 {
    width: 60px;
    height: 60px;
    border: 6px solid #e0e0e0;
    border-top: 6px solid #00c853;
    border-radius: 50%;
    margin: 0 auto 20px;
    animation: spin-m152 1s linear infinite;
}

@keyframes spin-m152 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.mensagem-m152 {
    font-size: 1.1em;
    color: #333;
    margin-bottom: 10px;
    font-weight: 500;
}

.subtexto-m152 {
    font-size: 0.95em;
    color: #555;
}

/* direcionamento do link */





.imgaln{
    width:90%;
    float:left;
    margin:0% 5% 0% 5%;
    min-height:1px;
    height:auto;
    display:inline-block;
    background:white;
    padding:3px;
    position:relative;
    overflow:hidden;
}

/* antiga imagem solta */
.imgaln > img{
    max-height:250px;
    position:absolute;
    top:0%;
    left:0%;
    transform:translate(-50%, -50%);
}

/* Swiper dentro da imgaln */
.imgaln .swiper{
    width:100%;
    height:100%;
}

.imgaln .swiper-slide{
    display:flex;
    align-items:center;
    justify-content:center;
}

.imgaln .swiper-slide img{
    max-width:100%;
    max-height:100%;
}

/* finalização de checkout */

  /* .wrap-d01 -> display: none; .tdcrr -> display: inline; */

  :root{
    --bg-d01:#f7f8fa; --card-d01:#ffffff; --text-d01:#1f2937; --muted-d01:#6b7280;
    --brand-d01:#10b981; --ring-d01:#34d399; --stroke-d01:#e5e7eb;
    --shadow-d01: 0 10px 25px rgba(0,0,0,.06); --radius-d01: 18px; --input-d01:#111827;
  }

  .wrap-d01{ width:100%; max-width:560px; display: none; }
  .card-d01{ background:var(--card-d01); border:1px solid var(--stroke-d01); box-shadow:var(--shadow-d01); overflow:hidden; margin-top: 14px; }

  .hdr-d01{ padding:20px 22px 12px; }
  .title-d01{ margin:0 0 6px; font-size:1.35rem; font-weight:700; }
  .titlea-d01{ margin:0 0 6px; font-size:1.10rem; font-weight:700; color: #555; }
  .subtitle-d01{ margin:0; font-size:.95rem; color:var(--muted-d01); }

  form{ padding:18px 22px 24px; }

  /* opções */
  .grid-d01{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:14px; }
  .opt-d01{ position:relative; }
  .opt-d01 input{ position:absolute; inset:0; opacity:0; pointer-events:none; }
  .btn-opt-d01{
    width:100%; display:flex; align-items:center; justify-content:center; gap:10px;
    padding:18px 12px; border:1.5px solid var(--stroke-d01); border-radius:16px; background:#fff;
    font-weight:700; font-size:1.1rem; cursor:pointer; transition:transform .05s ease, border-color .15s ease, box-shadow .15s ease;
  }
  .btn-opt-d01 i{ font-size:1.35rem; }
  .opt-d01 input:focus + .btn-opt-d01{ box-shadow:0 0 0 4px rgba(52,211,153,.25); border-color:var(--ring-d01); }
  .opt-d01 input:checked + .btn-opt-d01{ border-color:var(--brand-d01); box-shadow:0 4px 18px rgba(16,185,129,.12); }
  .btn-opt-d01:active{ transform:scale(.98) }

  /* painéis */
  .panel-d01, .panel-endereco-d01{
    margin-top:16px; border:1px dashed var(--stroke-d01); border-radius:12px; overflow:hidden;
    transition:max-height .35s ease, opacity .25s ease, padding .25s ease; max-height:0; opacity:0; padding:0 12px;
  }
  .panel-d01.open, .panel-endereco-d01.open{ max-height:900px; opacity:1; padding:12px; margin-top: 30px; }
  .panel-d01 .panel-h-d01, .panel-endereco-d01 .panel-h-d01{ display:flex; align-items:center; gap:8px; font-weight:700; margin:0 0 12px; }

  .btn-choice-d01{
    display:flex; align-items:center; justify-content:center; gap:10px;
    padding:14px 16px; border:1.5px solid var(--stroke-d01); border-radius:14px; background:#fff;
    font-weight:700; font-size:1rem; cursor:pointer; margin-bottom:10px; transition:filter .15s ease, transform .05s ease;
  }
  .btn-choice-d01 i{ font-size:1.2rem; }
  .btn-choice-d01:hover{ filter:brightness(1.03); }
  .btn-choice-d01:active{ transform:scale(.98); }
  .btn-choice-d01.loading{ opacity:.75; pointer-events:none; }
  .btn-choice-d01 .spin-d01{ display:none; }
  .btn-choice-d01.loading .spin-d01{ display:inline-block; }

  .gps-summary-d01{
    display:none; margin-top:10px; padding:10px 12px; border:1px solid var(--stroke-d01); border-radius:10px; background:#fcfdfc;
    font-size:.95rem; color:var(--text-d01);
  }
  .gps-summary-d01 .ok-d01{ color:var(--brand-d01); font-weight:800; margin-right:6px; }

  /* campos endereço */
  .row-d01{ display:flex; gap:10px; }
  .row-d01 + .row-d01{ margin-top:10px; }
  .field-d01{ flex:1; display:flex; flex-direction:column; gap:6px; }
  .label-d01{ font-size:.9rem; color:var(--muted-d01); font-weight:600; }
  .input-d01,
  .select-d01 {
    width: 100%;
    border: 1px solid var(--stroke-d01);
    border-radius: 12px;
    padding: 12px;
    font-size: 1rem;
    color: var(--input-d01);
    outline: 0;
    background: #fff;
    transition: box-shadow .15s ease, border-color .15s ease;

    /* Reset iOS */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* Para evitar zoom no iOS quando clica em inputs */
    font-size: 16px;
  }

  /* Foco */
  .input-d01:focus,
  .select-d01:focus {
    border-color: var(--ring-d01);
    box-shadow: 0 0 0 4px rgba(52,211,153,.22);
  }

  /* Ícone de seta customizado no select */
  .select-d01 {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='gray' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px 8px;
    padding-right: 40px; /* espaço pra seta */
  }

  /* Remove highlight azul do iOS ao clicar */
  input.input-d01,
  select.select-d01 {
    -webkit-tap-highlight-color: transparent;
  }

  .taxa-d01{ margin-top:12px; display:flex; align-items:center; gap:8px; font-weight:700; }
  .taxa-d01 i{ opacity:.7; }

  /* rodapé */
  .actions-d01{ margin-top:22px; display:flex; gap:10px; }
  .btn-d01{
    appearance:none; border:0; outline:0; padding:14px 18px; border-radius:14px; font-weight:800; font-size:1rem; cursor:pointer;
    transition:transform .05s ease, filter .15s ease, box-shadow .2s ease;
  }
  .btn-primary-d01{ background:var(--brand-d01); color:#fff; box-shadow:0 10px 22px rgba(16,185,129,.25); flex:1; }
  .btn-primary-d01:active{ transform:translateY(1px) }
  .btn-outline-d01{ background:#fff; color:var(--text-d01); border:1px solid var(--stroke-d01); }
  .btn-d01:hover{ filter:brightness(1.03) }

  @media (max-width:520px){
    .title-d01{ font-size:1.25rem } .grid-d01{ grid-template-columns:1fr } .row-d01{ flex-direction:column }
  }

  .btetx-d01 {
    width: 100%;
    margin-top: 25px;
  }

/* ------------------------------------------------------------------------------ */
  :root{
    --bg-d02:#f7f8fa;
    --card-d02:#ffffff;
    --text-d02:#1f2937;
    --muted-d02:#6b7280;
    --brand-d02:#10b981;
    --stroke-d02:#e5e7eb;
    --shadow-d02:0 6px 16px rgba(0,0,0,.04);
    --radius-d02:14px;
  }

  .total-card-d02{
    background:var(--card-d02);
    box-shadow:var(--shadow-d02);
    padding:18px;
    max-width:520px;
    margin:auto;
    font-size:0.9rem; /* fonte menor no geral */
    color:var(--text-d02);
  }

  .head-d02{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:12px;
  }
  .head-d02 h3{
    margin:0;
    font-size:0.95rem;
    font-weight:600;
    color:var(--text-d02);
  }

  .list-d02{
    display:flex;
    flex-direction:column;
    gap:10px;
    border-top:1px solid var(--stroke-d02);
    padding-top:12px;
  }
  .row-d02{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
  }
  .row-d02 .label-d02{
    color:var(--muted-d02);
    font-weight:500;
    font-size:0.85rem;
  }
  .row-d02 .value-d02{
    font-weight:600;
    color:var(--text-d02);
    font-size:0.9rem;
  }

  .row-sep-d02{
    border-top:1px solid var(--stroke-d02);
    padding-top:10px;
    margin-top:4px;
  }

  .row-total-d02 .label-d02{
    font-size:0.95rem;
    font-weight:600;
    color:var(--text-d02);
  }
  .row-total-d02 .value-d02{
    font-size:1rem;
    font-weight:700;
    color:var(--brand-d02);
  }

  .edit-btn-d02{
    display:flex;
    align-items:center;
    gap:6px;
    background:transparent;
    border:1px solid var(--stroke-d02);
    border-radius:10px;
    padding:6px 10px;
    cursor:pointer;
    font-size:0.75rem; /* fonte menor */
    font-weight:600;
    color:var(--muted-d02);
    transition:border-color .2s, color .2s;
  }
  .edit-btn-d02 i{ font-size:0.8rem; }
  .edit-btn-d02:hover{
    border-color:var(--brand-d02);
    color:var(--brand-d02);
  }

/* ------------------------------------------------------------------------------ */

.card-entrega-d03a {
  display: none;
}

.card-entrega-d04a {
  display: none;
}

.card-entrega-d05a {
  display: none;
}

/* ------------------------------------------------------------------------------ */


  .okloc-wrap-d04{
    display:grid; place-items:center; padding:24px; display: none;
  }

  .okloc-card-d04{
    width: min(480px, 92vw);
    background:#ffffff;
    border:1px solid #e5e7eb;
    border-radius:18px;
    padding: 22px 20px 24px;
    position: relative;
    overflow: hidden;
    animation: popIn-d04 .5s ease-out both;
  }

  .okloc-card-d04::after{
    content:"";
    position:absolute; inset:-60%;
    background:
      radial-gradient(6px 6px at 60% 40%, rgba(16,185,129,.25), transparent 60%),
      radial-gradient(5px 5px at 30% 70%, rgba(52,211,153,.25), transparent 60%),
      radial-gradient(4px 4px at 75% 65%, rgba(16,185,129,.18), transparent 60%),
      radial-gradient(6px 6px at 40% 30%, rgba(52,211,153,.20), transparent 60%),
      radial-gradient(5px 5px at 70% 35%, rgba(16,185,129,.20), transparent 60%),
      radial-gradient(4px 4px at 35% 85%, rgba(52,211,153,.22), transparent 60%);
    transform: scale(.6);
    opacity: 0;
    pointer-events:none;
    animation: burst-d04 .9s .55s ease-out forwards;
  }

  .okloc-top-d04{ display:flex; align-items:center; gap:14px; }

  .okloc-badge-d04{
    position:relative; width:66px; height:66px; flex:0 0 66px;
    display:grid; place-items:center;
  }
  .okloc-badge-d04 .pulse-d04{
    position:absolute; inset:0; border-radius:50%;
    box-shadow:0 0 0 0 rgba(16,185,129,.35);
    animation: pulse-d04 1.8s .8s ease-out 2;
  }

  .okloc-svg-d04{ width:66px; height:66px; display:block; }
  .okloc-ring-d04{
    fill:none; stroke:#34d399; stroke-width:8; 
    stroke-linecap:round; 
    stroke-dasharray: 207;           
    stroke-dashoffset: 207;
    filter: drop-shadow(0 2px 6px rgba(16,185,129,.25));
    animation: ringDraw-d04 .65s .12s ease-out forwards;
  }
  .okloc-check-d04{
    fill:none; stroke:#10b981; stroke-width:8; 
    stroke-linecap:round; stroke-linejoin:round;
    stroke-dasharray: 50; 
    stroke-dashoffset: 50;
    animation: checkDraw-d04 .45s .45s ease-out forwards;
  }

  .okloc-title-d04{ font-size:1.25rem; line-height:1.2; font-weight:700; margin:0 0 6px; }
  .okloc-sub-d04{ margin:0; font-size:.98rem; color:#6b7280; }

  .okloc-hr-d04{
    margin:16px 0 0; height:1px; background:linear-gradient(90deg, transparent, #e5e7eb, transparent);
    border:0;
  }

  @keyframes popIn-d04{
    from{ transform: translateY(10px) scale(.98); opacity:0}
    to{ transform: translateY(0) scale(1); opacity:1}
  }
  @keyframes ringDraw-d04{ to{ stroke-dashoffset: 0 } }
  @keyframes checkDraw-d04{ to{ stroke-dashoffset: 0 } }
  @keyframes pulse-d04{
    0%{ box-shadow:0 0 0 0 rgba(16,185,129,.38) }
    70%{ box-shadow:0 0 0 16px rgba(16,185,129,0) }
    100%{ box-shadow:0 0 0 0 rgba(16,185,129,0) }
  }
  @keyframes burst-d04{
    0%{ transform: scale(.6) rotate(0deg); opacity:0 }
    40%{ opacity:.9 }
    100%{ transform: scale(1) rotate(12deg); opacity:0 }
  }

  @media (prefers-reduced-motion: reduce){
    .okloc-card-d04,
    .okloc-card-d04::after,
    .okloc-ring-d04,
    .okloc-check-d04,
    .okloc-badge-d04 .pulse-d04 { animation: none !important; }
    .okloc-ring-d04, .okloc-check-d04 { stroke-dashoffset: 0; }
  }

  .olo-d04 {
    width: 90%;
    margin: 10px 5% 10px 5%;
  }


  .card-d05{
    background:#ffffff;
    border:1px solid #e5e7eb;
    box-shadow:0 10px 25px rgba(0,0,0,.06);
    overflow:hidden;
    display: none;
    margin-top: 20px;
  }

  /* ------------------------------------------------------------------------------ */

  /* Cabeçalho */
  .hdr-d05{
    padding:18px 22px 8px;
    display:flex;
    align-items:center;
    gap:10px;
  }
  .hdr-main-d05{ flex:1; min-width:0; }
  .title-d05{
    margin:0;
    font-size:1.35rem;
    font-weight:700;
    letter-spacing:.2px;
  }
  .subtitle-d05{
    margin:4px 0 0;
    font-size:.95rem;
    color:#6b7280;
  }
  .top-action-d05{
    display:inline-flex; align-items:center; gap:8px;
    padding:10px 12px;
    border:1px solid #e5e7eb;
    background:#fff;
    border-radius:12px;
    font-weight:700;
    text-decoration:none;
    color:#1f2937;
    transition:filter .15s ease, box-shadow .2s ease, transform .05s ease;
    white-space:nowrap;
  }
  .top-action-d05 i{ font-size:1.05rem; }
  .top-action-d05:hover{ filter:brightness(1.03) }
  .top-action-d05:active{ transform:translateY(1px) }

  /* Totais */
  .totals-d05{
    margin:12px 22px 0;
    padding:12px 16px;
    background:linear-gradient(0deg,#f9fafb,#ffffff);
    border:1px dashed #e5e7eb;
    border-radius:12px;
    font-weight:600;
  }
  .totals-d05 .row-d05{
    display:flex; justify-content:space-between; align-items:center;
    margin-bottom:6px;
  }
  .totals-d05 .row-d05:last-child{ margin-bottom:0; }
  .totals-d05 .grand-d05{
    padding-top:8px; margin-top:6px;
    border-top:1px dashed #e5e7eb;
    font-size:1.05rem;
  }

  .form-d05{ padding:18px 22px 24px; }

  /* Opções de pagamento */
  .grid-d05{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin-top:6px;
  }

  .pay-d05{ position:relative; }
  .pay-d05 input{ position:absolute; inset:0; opacity:0; pointer-events:none; }
  .btn-pay-d05{
    width:100%;
    display:flex; align-items:center; justify-content:center;
    gap:10px;
    padding:16px 12px;
    border:1.5px solid #e5e7eb;
    border-radius:16px;
    background:#fff;
    font-weight:700;
    font-size:1.05rem;
    cursor:pointer;
    transition:transform .05s ease, border-color .15s ease, box-shadow .15s ease;
  }
  .btn-pay-d05 i{ font-size:1.25rem; }
  .pay-d05 input:focus + .btn-pay-d05{
    box-shadow:0 0 0 4px rgba(52,211,153,.25);
    border-color:#34d399;
  }
  .pay-d05 input:checked + .btn-pay-d05{
    border-color:#10b981;
    box-shadow:0 4px 18px rgba(16,185,129,.12);
  }
  .btn-pay-d05:active{ transform:scale(.98) }

  /* Ações de rodapé */
  .actions-d05{
    margin-top:18px;
    display:flex;
    gap:10px;
  }
  .btn-d05{
    appearance:none; border:0; outline:0;
    padding:14px 18px;
    border-radius:14px;
    font-weight:800;
    font-size:1rem;
    cursor:pointer;
    transition:transform .05s ease, filter .15s ease, box-shadow .2s ease;
  }
  .btn-primary-d05{
    background:#10b981;
    color:#fff;
    box-shadow:0 10px 22px rgba(16,185,129,.25);
    flex:1;
  }
  .btn-primary-d05:active{ transform:translateY(1px) }
  .btn-outline-d05{
    background:#fff; color:#1f2937;
    border:1px solid #e5e7eb;
  }
  .btn-d05:hover{ filter:brightness(1.03) }

  /* Responsivo */
  @media (max-width:520px){
    .title-d05{ font-size:1.25rem }
    .grid-d05{ grid-template-columns:1fr }
    .top-action-d05{ padding:9px 10px }
  }


  /* ------------------------------------------------------------------------------ */




  :root{
    --bg-d06:#f7f8fa; --card-d06:#ffffff; --text-d06:#0f172a; --muted-d06:#64748b;
    --brand-d06:#10b981; --ring-d06:#34d399; --stroke-d06:#e5e7eb; --danger-d06:#ef4444;
    --okbg-d06:#ecfdf5; --okbd-d06:#bbf7d0;
    --shadow-d06:0 12px 30px rgba(0,0,0,.1); --radius-d06:18px;
  }

  .card-d06{
    background:var(--card-d06); border:1px solid var(--stroke-d06);
   padding:18px; display:grid; gap:14px; display: none;     margin-top: 15px;
  }

  .head-d06{display:flex; align-items:center; gap:10px}
  .title-d06{margin:0; font-size:1.15rem; font-weight:800}
  .sub-d06{margin:0; color:var(--muted-d06); font-size:.95rem}

  .pill-d06{
    display:inline-flex; align-items:center; gap:8px; align-self:start;
    padding:8px 12px; border-radius:999px; border:1px dashed var(--stroke-d06); background:#fafafa; font-weight:700;
  }

  .choices-d06{display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top: 25px;}
  .btn-d06{
    border:1px solid var(--stroke-d06); background:#fff; color:var(--text-d06);
    padding:12px; border-radius:14px; font-weight:800; cursor:pointer; text-align:center;
  }
  .btn-d06.active{border-color:var(--ring-d06); box-shadow:0 0 0 4px rgba(52,211,153,.2)}
  .btn-ok-d06{background:var(--brand-d06); color:#fff; border-color:var(--brand-d06)}
  .btn-no-d06{background:#fff; color:#b91c1c; border-color:#fca5a5}
  .btn-d06[disabled]{opacity:.55; cursor:not-allowed}

  /* Campo de dinheiro */
  .field-d06{display:grid; gap:8px; margin-top: 24px;}
  .label-d06{font-weight:800}
  .moneywrap-d06{
    display:flex; align-items:center; gap:8px;
    border:1px solid var(--stroke-d06); border-radius:14px; background:#fff; padding:12px;
  }
  .prefix-d06{font-weight:900}
  .input-d06{
    border:0; outline:0; width:100%; font-size:1.15rem; text-align:left; letter-spacing:.2px;
  }

  .hint-d06{color:var(--muted-d06); font-size:.9rem}
  .err-d06{display:none; color:var(--danger-d06); font-weight:800}

  /* Resultado */
  .result-d06{display:none; background:var(--okbg-d06); border:1px solid var(--okbd-d06); 
    margin: 20px 0px 20px 0px; padding:12px;  font-weight:800}
  
  .big-d06{font-size:1.25rem}

  /* Barra de confirmação */
  .confirm-d06{display:none; grid-template-columns:1fr 1fr; gap:10px}


  /* ------------------------------------------------------------------------------ */


  .card-observacao-d07{
    background: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .05);
    padding: 20px;
    max-width: 600px;
    margin: 20px 0% 0% 0%;
    display: none;
  }

  .card-observacao-d07 h3{
    margin:0 0 10px;
    font-size:1.1rem;
    color:#111827;
  }

  .card-observacao-d07 p{
    margin:0 0 16px;
    color:#6b7280;
    font-size:.95rem;
  }

  .obs-btns-d07{
    display:flex;
    gap:12px;
  }

  .obs-btn-d07{
    flex:1;
    border:1px solid #d1d5db;
    border-radius:10px;
    padding:10px 0;
    font-size:1rem;
    cursor:pointer;
    background:#fff;
    transition:.2s;
  }
  .obs-btn-d07:hover{ background:#f3f4f6; }
  .obs-btn-d07.active-d07{ 
    border-color:#10b981;
    background:#ecfdf5;
    color:#047857;
    font-weight:600;
  }

  .obs-textarea-d07{
    margin-top:16px;
    display:none;
  }

  .obs-textarea-d07 textarea{
    width:100%;
    min-height:100px;
    border:1px solid #d1d5db;
    border-radius:10px;
    padding:12px;
    font-size:1rem;
    resize:vertical;
    outline:0;
  }
  .obs-textarea-d07 textarea:focus{
    border-color:#10b981;
    box-shadow:0 0 0 3px rgba(16,185,129,.25);
  }


  /* ------------------------------------------------------------------------------ */


  .card-review-d08{
    background: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .05);
    padding: 28px 22px;
    margin: 20px 0% 0% 0%;
    text-align: center;
    display: none;
  }

  .card-review-d08 h3{
    margin:0 0 10px;
    font-size:1.35rem;
    color:#111827;
  }

  .card-review-d08 p{
    margin:0 0 22px;
    color:#6b7280;
    font-size:1rem;
  }

  .btn-rv-d08{
    display:inline-block;
    width:100%;
    padding:14px 0;
    border-radius:12px;
    font-weight:700;
    font-size:1rem;
    cursor:pointer;
    border:1px solid transparent;
    background:#10b981;
    color:#fff;
    transition:all .2s ease;
  }
  .btn-rv-d08:hover{ background:#059669; }

  /* ------------------------------------------------------------------------------ */

  .fee-wrap-d09{ display:none; place-items:center; padding:24px; }
  .fee-card-d09{
    width:min(480px,92vw);
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:18px;
    padding:22px 20px 18px;
    position:relative; overflow:hidden;
    animation: feePopIn-d09 .5s ease-out both, 
               feeFadeOut-d09 .6s ease-in forwards;
    animation-delay: 0s, 4s; /* entrada imediata, saída após 4s */
    box-shadow:0 6px 18px rgba(0,0,0,.05);
  }

  .fee-card-d09::before{
    content:""; position:absolute; inset:0 0 auto 0; height:6px;
    background:linear-gradient(90deg,#10b981,#34d399,#22c55e,#10b981);
    filter:saturate(1.1); background-size:200% 100%;
    animation: barflow-d09 2.2s linear infinite;
  }

  .fee-card-d09::after{
    content:""; position:absolute; inset:-60%;
    background: radial-gradient(6px 6px at 60% 40%, rgba(16,185,129,.22), transparent 60%),
                radial-gradient(5px 5px at 30% 70%, rgba(52,211,153,.22), transparent 60%),
                radial-gradient(4px 4px at 75% 65%, rgba(16,185,129,.16), transparent 60%);
    transform:scale(.6); opacity:0; pointer-events:none;
    animation: feeburst-d09 .9s .55s ease-out forwards;
  }

  .fee-top-d09{ display:flex; align-items:center; gap:14px; }
  .fee-badge-d09{ position:relative; width:66px; height:66px; flex:0 0 66px; display:grid; place-items:center; }
  .fee-badge-d09 .pulse-d09{ position:absolute; inset:0; border-radius:50%; box-shadow:0 0 0 0 rgba(16,185,129,.35); animation:pulse-d09 1.8s .8s ease-out 2; }

  .fee-truck-d09{ display:block; }
  .trk-body-d09{ stroke:#34d399; filter:drop-shadow(0 2px 6px rgba(16,185,129,.25)); stroke-dasharray:140; stroke-dashoffset:140; animation: draw-d09 .6s .1s ease-out forwards; }
  .trk-cab-d09{ stroke:#10b981; stroke-dasharray:60; stroke-dashoffset:60; animation: draw-d09 .55s .22s ease-out forwards; }
  .trk-line-d09{ stroke:#a7f3d0; stroke-dasharray:56; stroke-dashoffset:56; animation: draw-d09 .5s .28s ease-out forwards; }
  .trk-wheel-d09{ stroke:#059669; fill:#ecfdf5; transform-origin:center; transform:scale(.8); opacity:0; animation: wheelIn-d09 .35s .45s ease-out forwards; }

  .fee-head-d09{ flex:1; min-width:0; }
  .fee-title-d09{ margin:0 0 6px; font-size:1.22rem; font-weight:700; line-height:1.2; color:#0f172a; }
  .fee-sub-d09{ margin:0; font-size:.98rem; color:#6b7280; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

  .fee-amountwrap-d09{ display:flex; align-items:center; gap:8px; flex:0 0 auto; }
  .fee-amount-d09{ position:relative; display:inline-block; font-weight:800; font-size:1.35rem; letter-spacing:.2px; color:#065f46; padding:.2rem .55rem; border-radius:12px; background:#ecfdf5; border:1px solid #bbf7d0; box-shadow:inset 0 1px 0 rgba(255,255,255,.5); overflow:hidden; }
  .fee-amount-d09::after{ content:""; position:absolute; inset:0; transform:translateX(-120%); background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.85) 45%, transparent 90%); animation: shine-d09 2.4s .6s ease-in-out infinite; }

  .fee-hr-d09{ margin:16px 0 0; height:1px; background:linear-gradient(90deg, transparent, #e5e7eb, transparent); border:0; }
  .fee-meta-d09{ display:none; }

  /* ==== Animações ==== */
  @keyframes feePopIn-d09{ from{ transform:translateY(10px) scale(.98); opacity:0 } to{ transform:translateY(0) scale(1); opacity:1 } }
  @keyframes feeFadeOut-d09{ to{ transform:translateY(-10px) scale(.96); opacity:0 } }
  @keyframes barflow-d09{ 0%{background-position:0 0} 100%{background-position:200% 0} }
  @keyframes draw-d09{ to{ stroke-dashoffset:0 } }
  @keyframes wheelIn-d09{ from{ transform:scale(.8); opacity:0 } to{ transform:scale(1); opacity:1 } }
  @keyframes pulse-d09{ 0%{ box-shadow:0 0 0 0 rgba(16,185,129,.38) } 70%{ box-shadow:0 0 0 16px rgba(16,185,129,0) } 100%{ box-shadow:0 0 0 0 rgba(16,185,129,0) } }
  @keyframes feeburst-d09{ 0%{ transform:scale(.6) rotate(0deg); opacity:0 } 40%{ opacity:.9 } 100%{ transform:scale(1) rotate(10deg); opacity:0 } }
  @keyframes shine-d09{ 0%{transform:translateX(-120%)} 60%{transform:translateX(120%)} 100%{transform:translateX(120%)} }

  @media (prefers-reduced-motion: reduce){
    .fee-card-d09, .fee-card-d09::before, .fee-card-d09::after, .trk-body-d09, .trk-cab-d09, .trk-line-d09, .trk-wheel-d09, .fee-amount-d09::after, .fee-badge-d09 .pulse-d09 { animation:none !important; }
    .trk-body-d09, .trk-cab-d09, .trk-line-d09 { stroke-dashoffset:0; }
  }


  /* ------------------------------------------------------------------------------ */

    .alert-entrega-d10 {
    background: #fff4f4;
    border: 1px solid #fca5a5;
    border-radius: 10px;
    padding: 12px 14px;
    margin-bottom: 14px;
    text-align: center;
    margin-top: 20px;
    width: 100%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  }

  .alert-entrega-d10 p {
    margin: 0;
    font-size: 0.95rem;
    color: #b91c1c;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
  }

  .alert-entrega-d10 i {
    color: #ef4444;
    font-size: 1rem;
  }

  /* ------------------------------------------------------------------------------ */
  .card-limite-d11{
    background:navy;
    padding:18px 20px;
    box-shadow:0 4px 12px rgba(0,0,0,.05);
    margin: 0% 0% 10px 0%;
    display: none;
  }

  .card-limite-d11 h3{
    margin:0 0 14px;
    font-size:1.05rem;
    font-weight:700;
    color:white;
  }

  .row-d11{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:8px 0;
    border-bottom:1px solid #f1f1f1;
    font-size:.98rem;
    color:white;
  }
  .row-d11:last-child{ border-bottom:none; }

  .val-d11{
    font-weight:700;
    color: white; /* verde estilo total geral */
  }


    /* ========= NOVA PEGADA -adr1 v2 ========= */
    :root{
      --adr1-bg:#ffffff;
      --adr1-line:#e5e9f1;
      --adr1-pri:#16a34a;
      --adr1-danger:#ef4444;
      --adr1-muted:#64748b;
    }

    .addresses-adr1{
      display:flex; flex-direction:column;
      gap:12px;
      max-width:520px;
      margin:auto;
      display: none;
    }

    .addr-card-adr1{
      display:block;
      border:1px solid var(--adr1-line);
      border-left:2px solid var(--adr1-line);
      border-radius:14px;
      padding:14px 14px 12px;
      background:var(--adr1-bg);
      transition:border-left-color .22s ease, box-shadow .22s ease, background .2s ease;
      cursor:pointer;
      position:relative;
      margin-top: 20px;
    }
    .addr-card-adr1:hover{ background:#fdfdfd }
    .addr-card-adr1.is-selected{
      border-left-color:var(--adr1-pri);
      box-shadow:0 0 0 2px rgba(22,163,74,.12), 0 8px 22px rgba(2,6,23,.06);
      background:#ffffff;
    }

    /* removido .is-gps border-left azul */

    .addr-top-adr1{display:flex;justify-content:space-between;align-items:center;gap:8px}
    .addr-id-adr1{display:flex;align-items:center;gap:8px;font-weight:600}
    .addr-id-adr1 i{font-size:17px}

    .addr-actions-adr1{display:flex;gap:4px}
    .addr-ico-btn-adr1{
      background:transparent;
      border:none;
      color:#475569;
      width:28px;height:28px;
      display:grid;place-items:center;
      border-radius:6px;
      transition:background .2s ease;
    }
    .addr-ico-btn-adr1:hover{background:rgba(0,0,0,.05)}
    .addr-ico-btn-adr1.danger:hover{color:var(--adr1-danger);background:rgba(239,68,68,.1)}

    .addr-body-adr1{margin-top:8px;color:var(--adr1-muted);font-size:14px;line-height:1.45}
    .addr-line-adr1{margin:0 0 2px 0}

    .addr-foot-adr1{
      margin-top:10px;
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
    }

    .addr-select-btn-adr1{
      border:1px solid var(--adr1-line);
      background:#fff;
      padding:7px 12px;
      font-size:13px;
      border-radius:10px;
      display:inline-flex;align-items:center;gap:6px;
      transition:background .2s ease, box-shadow .2s ease;
      cursor:pointer;
    }
    .addr-select-btn-adr1:hover{background:#f8fafc}

    .addr-map-btn-adr1{
      background:transparent;
      border:none;
      font-size:13px;
      color:#0369a1;
      display:inline-flex;align-items:center;gap:6px;
      padding:6px 8px;
      border-radius:8px;
      transition:background .2s ease;
      cursor:pointer;
    }
    .addr-map-btn-adr1:hover{background:rgba(2,132,199,.08)}

    .addr-other-cta-adr1{max-width:520px;margin:8px auto 0;text-align:center}
    .btn-other-adr1{
      border:none;background:transparent;color:#475569;
      font-weight:600;font-size:14px;
      display:inline-flex;align-items:center;gap:8px;
      padding:10px 14px;
      border-radius:10px;
      transition:background .2s ease;
      cursor:pointer;
    }
    .btn-other-adr1:hover{background:rgba(0,0,0,.04)}


    #endsv {
      display: none;
    }

    .sv-adr1 {
      text-align: center;
      font-size: 24px;
      font-weight: bold;
      margin-top: 20px;
      color: crimson;
    }

/* fim finalização de checkout */

/* modal do pagamento */
  @media (max-width:520px){
    #modalPix-m123 {
      width: 90%;
      margin-left: 5%;
    }
  }

.pix-texto-m123 {
    width: 80%;
    margin: 20px 10% 20px 10%;
    font-weight: 600;
    font-size: 20px;
    font-family: 'Source Sans Pro';
    color: #333;
}

.loader-circle-m123 {
    border: 4px solid #eee;
    border-top: 4px solid #28a745;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: 20px auto 10px;
    animation: spin-m123 1s linear infinite;
}

@keyframes spin-m123 {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

.success-icon-m123 {
    font-size: 60px;
    color: #28a745;
    animation: pulseZoom-m123 1.2s ease;
    display: none;
}

@keyframes pulseZoom-m123 {
    0% { transform: scale(1); opacity: 0; }
    50% { transform: scale(1.3); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}

.pix-valor-m123 {
    font-size: 24px;
    color: #000;
    font-weight: bold;
    margin-top: 10px;
}

.pix-contagem-m123 {
    font-size: 14px;
    margin: 10px 0;
    color: #888;
}

.pix-desc-final-m123 {
    font-size: 17px;
    color: #555;
    margin-top: 10px;    
    padding: 10px;
}

.btcplcl {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #1db954, #1aa34a);
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    padding: 14px 22px;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    transition: all 0.3s ease;
}

.btcplcl i {
    font-size: 18px;
}

.btcplcl:hover {
    background: linear-gradient(135deg, #17a84b, #169544);
    transform: scale(1.03);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

.btcplcl:active {
    transform: scale(0.97);
}

.pgcrt {
    text-decoration: underline;
    color: blue;
    cursor: pointer;
    margin-top: 10px;
}

.entcplcl {

}

.redcor {
    color: red !important;
}

/* modal do pagamento */

.vrpdqr {
  background: linear-gradient(135deg, #2c3e50, #4b4b4b) !important;
  color: white !important;
}
.stspd-e01 {
    margin: 32px 0% 10px 0%;
    width: 100%;
    float: left;
    text-align: center;
    font-size: 15px;
    font-family: 'Source Sans Pro';
    color: #555;
}

.ntcwp-e01 {
  width: 90%;
  margin: 0 auto;
  font-size: 14px;
  font-family: 'Raleway';
}



.card-sucesso-m85 , .card-sucesso-m86 {
    background-color: #fff;
    padding: 35px 30px;
    border-radius: 8px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
    width: 90%;
    margin: 50px 5% 30px 5%;
    text-align: center;
    animation: fadeInUp-m85 0.8s ease-out;
}

.card-sucesso-m85 h2 , .card-sucesso-m86 h2 {
    color: #333;
    font-size: 24px;
    margin-bottom: 18px;
}

.botoes-m85 {
    margin-top: 28px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.botoes-m85 span , .botoes-m85 a {
    text-decoration: none;
    padding: 14px 20px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 16px;
    transition: 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.btn-whatsapp-m85 {
    background: linear-gradient(135deg, #25D366, #128C7E);
    color: white;
}

.btn-whatsapp-m85:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(18, 140, 126, 0.4);
}

.btn-pedido-m85 {
    background: #f0f0f0;
    color: #333;
}

.btn-pedido-m85:hover {
    background: #e6e6e6;
    transform: translateY(-3px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}

@keyframes fadeInUp-m85 {
    from {
    opacity: 0;
    transform: translateY(40px);
    }
    to {
    opacity: 1;
    transform: translateY(0);
    }
}

@media (max-width: 480px) {
    .card-sucesso-m85  , .card-sucesso-m86 {
    padding: 25px 20px;
    }

    .card-sucesso-m85 h2 , .card-sucesso-m86 h2 {
    font-size: 20px;
    }
}
    
    
.loader-overlay-m82 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

    .loader-alt-m82 {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      background: conic-gradient(#FF8C00, #FFD700, #FF8C00);
      mask: radial-gradient(farthest-side, transparent calc(100% - 8px), black 0);
      -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 8px), black 0);
      animation: spin-m82 1.2s linear infinite;
    }

    @keyframes spin-m82 {
      to {
        transform: rotate(360deg);
      }
    }

    .loader-text-alt-m82 {
      margin-top: 20px;
      color: #fff;
      font-size: 18px;
      text-align: center;
      font-weight: 500;
      animation: fadeInUp-m82 0.6s ease-in-out;
    }

    @keyframes fadeInUp-m82 {
      from {
        transform: translateY(10px);
        opacity: 0;
      }
      to {
        transform: translateY(0);
        opacity: 1;
      }
    }

    .loader-container-m82 {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

/* chamar garcom */ 
    .card-chamar-garcom-m142 {
      position: fixed;
      bottom: 75px;
      right: 20px;
      background: linear-gradient(135deg, #ff9800, #ff5722);
      color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 6px 8px rgba(0,0,0,0.3);
      cursor: pointer;
      overflow: visible;
      white-space: nowrap;
      z-index: 9999;
      padding: 12px 20px;
      border-radius: 30px;
      min-height: 50px;
      animation: gradientMove-m142 2s ease infinite, pulseShadow-m142 2s ease-in-out infinite;
      transition: all 0.4s ease;
    }

    .card-chamar-garcom-m142 i {
      font-size: 22px;
      margin-right: 12px;
      flex-shrink: 0;
      transition: all 0.3s ease;
      position: relative;
      z-index: 1;
    }

    .card-chamar-garcom-m142 span {
      font-weight: bold;
      opacity: 1;
      transition: opacity 0.3s ease;
      position: relative;
      z-index: 1;
    }

    @keyframes gradientMove-m142 {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }

    @keyframes pulseShadow-m142 {
      0% { box-shadow: 0 0 0 0 rgba(255, 87, 34, 0.7); }
      70% { box-shadow: 0 0 0 8px rgba(255, 87, 34, 0); }
      100% { box-shadow: 0 0 0 0 rgba(255, 87, 34, 0); }
    }

    @keyframes expandInicial-m142 {
      0% { width: 50px; padding-left: 12px; padding-right: 12px; }
      100% { width: 230px; }
    }

    .retraido-m142 {
      width: 50px !important;
      height: 50px !important;
      min-width: 50px !important;
      min-height: 50px !important;
      max-width: 50px !important;
      max-height: 50px !important;
      padding: 0 !important;
      border-radius: 50% !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      position: fixed !important;
    }
    .retraido-m142 span {
      opacity: 0;
      display: none;
    }
    .retraido-m142 i {
      margin: 0 !important;
    }

    .fechar-m142 {
      position: absolute;
      top: -6px;
      right: -6px;
      background: #ff5722;
      color: white;
      width: 23px;
      height: 23px;
      border-radius: 50%;
      font-size: 15px;
      display: none;
      align-items: center;
      justify-content: center;
      box-shadow: 0 2px 5px rgba(0,0,0,0.4);
      cursor: pointer;
      z-index: 2;
      transition: background 0.3s ease;
    }
    .retraido-m142 .fechar-m142 {
      display: flex;
    }
    .fechar-m142:hover {
      background: #e64a19;
    }


/* chamar garcom */ 
/* modal de chamar garcom */
    .modal-header-m144 {
      border-bottom: none;
      background: #f8f9fa;
    }

    .modal-title-m144 {
      font-weight: 400;
      font-size: 1.2rem;
      display: flex;
      align-items: center;
      gap: 8px;
      color: #333;
    }

    .modal-body-m144 {
      font-weight: 300;
      color: #555;
      text-align: center;
    }

    .btn-sim-m144 {
      background-color: #28a745;
      color: white;
      font-weight: 400;
    }

    .btn-nao-m144 {
      background-color: transparent;
      border: 1px solid #ccc;
      color: #555;
      font-weight: 300;
    }

    .fa-bell-m144 {
      color: #ffc107;
    }

    .modal-dialog.m-dialog-m144 {
  max-width: 500px;
  width: 86%;
  margin: auto;
}

.modal.fade.show .modal-dialog.m-dialog-m144 {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* modal chamar garcom */

.rodape-m70 {
max-width: 600px;
margin: 0px auto 20px;
padding: 20px;
border-top: 1px solid #eee;
text-align: center;
color: #555;
font-size: 0.95rem;
}

.logo-rodape-m70 {
width: 120px;
height: auto;
object-fit: contain;
margin-bottom: 10px;
display: block;
margin-left: auto;
margin-right: auto;
}

.rodape-m70 a {
color: #25D366;
text-decoration: none;
font-weight: 500;
}

.rodape-m70 a:hover {
text-decoration: underline;
}


.confirma-wrap-v2 {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: linear-gradient(135deg, #ff7e00, #ffd699);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.confirma-wrap-v2.mostrar {
    opacity: 1;
    visibility: visible;
}

.confirma-box-v2 {
    background: #ffffff;
    padding: 40px;
    border-radius: 24px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    text-align: center;
    max-width: 400px;
    width: 90%;
    opacity: 0;
}

.confirma-box-v2.animar {
    animation: slideFadeIn 0.6s ease forwards;
}

.confirma-icon-v2 {
    font-size: 70px;
    color: #28a745;
    margin-bottom: 20px;
    animation: popIn 0.8s ease-out;
}

.confirma-title-v2 {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
}

.confirma-msg-v2 {
    font-size: 15px;
    color: #666;
    margin-bottom: 30px;
}

.confirma-btn-v2 {
    display: inline-block;
    background-color: #25d366;
    color: #fff;
    text-decoration: none;
    padding: 12px 24px;
    border-radius: 10px;
    font-size: 16px;
    transition: background 0.3s;
}

.confirma-btn-v2:hover {
    background-color: #1ebe5d;
}

.confirma-verpedido-v2 {
    margin-top: 20px;
    color: #007bff;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
    font-size: 15px;
}

@keyframes slideFadeIn {
    from {
    transform: translateY(30px);
    opacity: 0;
    }
    to {
    transform: translateY(0);
    opacity: 1;
    }
}

@keyframes popIn {
    0% {
    transform: scale(0.5);
    opacity: 0;
    }
    80% {
    transform: scale(1.2);
    opacity: 1;
    }
    100% {
    transform: scale(1);
    }
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
margin: auto;
max-width: 520px;
background-repeat: repeat;
background-attachment: fixed;	
background-size: 100% 100%;
background-color: #fcfcfc;
}

/* Card principal com fundo gradiente cinza com toques de gold/amarelo e sufixo -23 */
.englib {
    width: 100%;
  float: left;
  margin: 0px 0% 0% 0%;
  }
  
  .card-trt {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-left: 3px solid green;
    border-radius: 4px;
    padding: 20px;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
    margin-top: 20px;
  }
  
  .card-trt:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
  }
  
  .card-icon-trt {
    font-size: 2rem;
    color: #007BFF;
    margin-right: 15px;
  }
  
  .card-text-trt {
    font-size: 1rem;
    font-weight: 500;
    color: #333;
  }


.card-loja-c100 {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 10px 15px;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 0px;
}

.foto-loja-c100 {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
    padding: 2px;
    border: 1px solid #d9d9d9;
}

.foto-loja-c100 img {
    border: 1px solid #d9d9d9;
}

.nome-loja-c100 {
font-size: 18px;
font-weight: 600;
color: #333;
}


.exduplo , .lnduplo1 , .lnduplo2 {
    width: 100%;
    float: left;
    margin: 0% 0% 0% 0%;
    display: none;
}

.brvtc {
    width: 100%;
    margin: 0 auto;
    display: none;
    text-align: center;
    padding: 6px 10px 6px 10px;
    color: blue;
    font-family: 'Source Sans Pro';
    text-decoration: underline;
    cursor: pointer;
    background-color: white;
}

.lnduplo1 , .lnduplo2 {
 font-size: 16px;
 margin: 16px 0% 0% 0%;
 font-family: 'Source Sans Pro';
}

.edd1 , .edd2 {color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.rdcp {
    width: 20px;
    height: 20px;
    float: right;
    margin: 6px 20px 0px 0px;
}

.enttp {
    width: 100%;
    float: left;
    margin: 0 auto;
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
}

.modal-dialog {
    max-width: 520px;
    margin: 0 auto;
}

.tdcrr {width: 100%;
    float: left;
    margin: 0 auto;
    display: inline;
}


.topocat {
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
    min-height: 42px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #d9d9d9;
    overflow-x: hidden;
}

.spcat {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 12px 12px 12px 12px;
}

.spcat::-webkit-scrollbar {
    display: none;
}

body::-webkit-scrollbar {
    display: none;
}

.brpesq {width: 100%;
    margin: 0 auto;
    background-color: #555;
    min-height: 40px;
    padding: 3px 9px 3px 9px;
    max-width: 520px;
}

.brc {width: 100%;
    float: left;
    margin: 0 auto;
}

.formbr {width: 100%;
float: left;
margin: 2px 0% 0% 0%;
height: 30px;
font-family: 'Source Sans Pro';
padding-left: 7px;
}

.corpocat {
    width: 100%;
    float: left;
    margin: 210px 0% 120px 0%;  
}


.btctg , .btctg3 {
    display: inline-block;
    outline: 0;
    cursor: pointer;
    text-align: center;
    border: 1px solid #babfc3;
    padding: 2px 9px 2px 9px;
    color: #202223;
    background: #ffffff;
    font-family: 'Source Sans Pro';
    border-radius: 4px;
    font-weight: 500;
    font-size: 19px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 0px 0px;
    margin: 0% 12px 0% 0%;
}

.btctg3 {
border: 1px solid green;
box-shadow: inset 0 1px limegreen;
background-image: linear-gradient(green,limegreen);
outline: none;
cursor: pointer;
font-size: 15px;
color: white;
height: 38px;
line-height: 210%;
}

.btctg2 {
    

    padding: 2px 9px 2px 9px;
    font-size: 13px;
    font-family: 'Lora';
    float: left;
    display: inline-block;
    margin: 0% 17px 0% 0%;
    border-radius: 4px;
    background-color: Skyblue;
    cursor: pointer;
    border: 1px solid #d0d0d0;
    color: #555;

}

.cxpro {width: 96%;
    float: left;
    background-color: #fff;
    height: 113px;
    cursor: pointer;
    margin: 20px 2% 0% 2%;
    padding: 0% 10px 0% 10px;
    font-family: 'Source Sans Pro';
    font-size: 16px;
    color: #555;
    border-radius: 3px;
    box-shadow: 0 0 1px -1px rgb(0 0 0 / 7%), 0 1px 2px 0 rgb(0 0 0 / 25%);
}

.imgpro , .dtpro {width: 30%;
    float: left;
    margin: 0 auto;
    min-height: 1px;
}

.dtpro {width: 70%;
}


.nmpro {width: 100%;
    float: left;
    margin: 10px 0% 0% 0%;
    font-size: 17px;
    font-family: 'Source Sans Pro';
    color: #333;
}

.vlpro {width: 100%;
float: left;
margin: 5px 0% 0% 0%;
font-size: 15px;
font-family: 'Source Sans Pro';
color: green;
}

.entimg {width: 100px;
    height: 113px;
    display:inline-block;
    background: white;
    padding: 3px;
    position: relative;
}

.entimg img {
    max-height: 113px;
    position: absolute;
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%); 
}

.excat {width: 100%;
    float: left;
    margin: 20px 2% 5px 2%;
    font-family: 'Source Sans Pro';
    font-size: 19px;
    font-weight: bold;
    color: #555;
}

.cfi , .cfi2 , .cfi3 {width: 100%;
    float: left;
    border-bottom: 2px solid #d9d9d9;
    line-height: 190%;
    font-weight: bold;
    height: 38px;
    font-size: 17px;
    font-family: 'Source Sans Pro';
    padding: 3px;
    color: #444;
}

.cfi2 , .cfi3 {
    margin: 15px 0% 0px 0%;
}

.cfic {width: 100%;
    float: left;
    margin: 40px 0% 0px 0%;
    line-height: 190%;
    font-weight: bold;
    font-size: 17px;
    font-family: 'Source Sans Pro';
    padding: 3px;
    color: black;
    background-color: #f5f5f5;
    padding: 3px;
    border: 1px solid #f3f3f3;
}

.mnn {
    color: #999;
}

.cfc , .cfc2 {width: 73%;
    float: left;
    margin: 0 auto;
}

.cxcpl {width: 100%;
    float: left;
    margin: 0px 0% 0px 0%;
    margin-bottom: 300px;
}
/* pedido finalizado */

.tdfnl {width: 100%;
    float: left;
    margin: 0 auto;
}

.jsp {width: 100%;
    float: left;
    margin: 0 auto;
    display: none;
}

.jspmsa {width: 100%;
    float: left;
    margin: 0 auto;
    display: none;
}


.ptvl2 {
    width: 100%;
    float: left;
    margin: 30px 0% 0% 0%;
}

.prticon {
    width: 40%;
    float: left;
    margin: 15px 30% 0px 30%;
}

.prtxt {
    width: 100%;
    float: left;
    margin: 30px 0% 0% 0%;
    font-size: 24px;
    font-family: 'Raleway';
    text-align: center;
    font-weight: bold;
    color: green;
}

.ctteste2 , .ctteste3 {
    width: 80%;
    padding: 8px 20px 8px 20px;
    min-height: 35px;
    display: inline;
    float: right;
    margin: 27px 10% 0px 10%;
    font-family: 'Source Sans Pro';
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    background-color: navy;
    color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #2D3277;
    box-shadow: inset 0 1px #8ea2df;
    background-image: linear-gradient(#3E52A1,#2D3277);
    outline: none;
    cursor: pointer;
}

.encc {width: 100%;
    float: left;
    margin: 0 auto;
    display: inline;
}

.slttxt {
    width: 84%;
    float: left;
    margin: 17px 8% 0% 8%;
    font-size: 14px;
    font-family: 'Source Sans Pro';
    text-align: center;
    color: #333;
}
/* pedido finalizado */
/*fechar pedido */

.cxfcp {
    width: 100%;
    float: left;
    margin: 0 auto;
    position: fixed;
    z-index: 5;
    bottom: 0;
    left: 0;
    display: none;
}

.entfc {
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
    min-height: 70px;
    background-image: linear-gradient(black,#999);
    border-top: 1px solid #d9d9d9;
    padding: 10px 5px 5px 5px;
}

.qtit , .btfcp , .vlpdd {width: 25%;
float: left;
margin: 0 auto;
}

.btfcp {
    width: 50%;
}

.qtit , .vlpdd {
    font-size: 15px;
    font-family: 'Source Sans Pro';
    font-weight: bold;
    color: white;
    line-height: 240%;
}

.vlpdd {
    text-align: right;
    padding-right: 12px;
}

.qtit {
    padding-left: 12px;
}

.fcpd , .fcpde , .fcpdem , .fcpdea {
    width: 70%;
    float: left;
    margin: 0% 15% 0% 15%;
    font-family: 'Source Sans Pro';
    color: white;
    text-align: center;
    height: 38px;
    font-weight: bold;
    font-size: 15px;
    line-height: 240%;
    background-image: linear-gradient(#3E52A1,#2D3277);
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    cursor: pointer;
}

.fcpdea {
    border: 1px solid darkcyan;
    background-image: linear-gradient(135deg, #4caf50, #2e7d32);
}

.cxerr , .cxerrm {width: 100%;
    float: left;
    margin: 20px 0% 30px 0%;
    font-size: 16px;
    color: orange;
    text-align: center;
    font-family: 'Source Sans Pro';
    display: none;
}

.fcpd2 {    width: 70%;
    float: left;
    margin: 0% 15% 0% 15%;
    font-family: 'Source Sans Pro';
    text-decoration: underline;
    cursor: pointer;
    color: blue;
    text-align: center;
}

.cxrsp , .cxrsp2 {width: 100%;
    float: left;
    margin: 0 auto;
}

.cxicp {width: 100%;
    float: left;
    margin: 10px 0% 0% 0%;
    padding: 5px;
    border-bottom: 1px solid #d9d9d9;
}

.ld1p , .ld2p , .ld3p {width: 70%;
    float: left;
    margin: 0 auto;
}

.ld2p {width: 20%;
    font-size: 14px;
    font-family: 'Patua One';
}

.ld3p {width: 10%;
    float: right;
}

.ld3p i {
    cursor: pointer;
    font-size: 20px;
    color: orangered;
}

.exnmp , .exdsp , .exnmp2 {width: 100%;
    float: left;
    margin: 0 auto;
    font-size: 16px;
    font-family: 'Source Sans Pro';
    color: #333;
    padding-right: 5px;
}

.exnmp2 {
    font-size: 13px;
}

.fcpdd , .fcpddm {width: 80%;
    float: left;
    margin: 40px 10% 20px 10%;
}

.vltta , .vlttam , .vltta2 , .vltta3 {width: 100%;
    float: left;
    margin: 0% 0% 20px 0%;
    padding-bottom: 9px;
    border-bottom: 1px solid #333;
    font-size: 16px;
    text-align: center;
    font-family: 'Source Sans Pro';
}

.vltta2 , .vltta3 {
    display: none;
    border-bottom: none;
    margin: 0% 0% 0px 0%;
    padding-bottom: 0px;
}

.vltta2 {
    margin: 10px 0% 0% 0%;
}



.exdsp {
    color: #999;
}

/*fechar pedido */

.lpaop {
width: 100%;
    font-size: 13px;
    float: left;
    color: blue;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
}


.cxcpl::-webkit-scrollbar {
    display: none;
}

.cfc2 {
    width: 22%;
}

.cfn , .cfm , .cfex {width: 100%;
    float: left;
    margin: 0 auto;
}

.cfn {
    font-size: 15px;
    font-weight: normal;
}

.cfex {border: 1px solid green;
    background-color: yellowgreen;
    border-radius: 3px;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    margin: 12px 0% 0% 0%;
}

.cxcomp {width: 100%;
    float: left;
    margin: 10px 0% 0% 0%;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 7px;
    cursor: pointer;
}

.cpnm , .cpqt {width: 65%;
    float: left;
    margin: 0 auto;
}

.cxnm {width: 100%;
    float: left;
    margin: 7px 0% 0% 0%;
    font-size: 15px;
    font-weight: bold;
    font-family: 'Source Sans Pro';
    color: #333;
}

.cxdc {width: 100%;
    float: left;
    margin: 7px 0% 0% 0%;
    font-size: 13px;
    font-family: 'Source Sans Pro';
    color: #333;
}

.cpqt {width: 35%;
    float: left;
    margin: 0 auto;
}

.cpcpt {width: 100%;
    float: left;
    margin: 0px 0% 0% 0%;
}

.antmdbx {width: 100%;
    float: left;
    margin: 0 auto;
    z-index: 7;
}
.mdbx {width: 100%;
    margin: 0 auto;
    background-color: white;
}

.cxcomple {width: 100%;
    float: left;
    margin: 0 auto;
}

.icnmn {
    width: 38px;
    float: left;
    margin: 0% 0px 0% 0%;
    font-family: 'Source Sans Pro';
    color: white;
    text-align: center;
    height: 38px;
    opacity: 0;
    font-weight: bold;
    font-size: 24px;
    background-image: linear-gradient(#3E52A1,#2D3277);
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}

.icnms {
    width: 38px;
    float: left;
    margin: 0% 0px 0% 0%;
    font-family: 'Source Sans Pro';
    color: white;
    text-align: center;
    height: 38px;
    font-weight: bold;
    font-size: 24px;
    background-image: linear-gradient(#3E52A1,#2D3277);
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}

.cpvl {width: 30%;
    float: left;
    margin: 0% 0px 0% 0%;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    line-height: 180%;
}

.tdcpl {width: 100%;
    float: left;
    margin: 0 auto;
}

/*
.imgaln {width: 60%;
    float: left;
    margin: 0% 20% 0% 20%;
    min-height: 1px;
    height: 200px;
    display:inline-block;
    background: white;
    padding: 3px;
    position: relative;
}

.imgaln img {    max-height: 200px;
    position: absolute;
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%);
}
*/

.descpro {width: 100%;
    float: left;
    margin: 7px 0% 0% 0%;
    font-size: 14px;
    font-family: 'Source Sans Pro';
    color: #777;
}

.descprop {
    width: 100%;
    float: left;
    margin: 0;
    font-size: 13px;
    font-family: 'Source Sans Pro';
    color: #999;

    display: -webkit-box;
    -webkit-line-clamp: 2; /* limita a 2 linhas */
    -webkit-box-orient: vertical;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; /* precisa permitir quebra de linha */
    line-height: 1.4em; /* opcional: controla espaçamento entre linhas */
}

.spqtt , .cxobs {width: 100%;
    float: left;
    margin: 20px 0% 0% 0%;
}

.cxadd {width: 30%;
    float: left;
    margin: 0% 3% 0% 0%;
}


.cxctt {width: 50%;
float: left;
margin: 0 auto;
}

.cxbtad {width: 50%;
    float: left;
    margin: 0 auto;
}
.dvmamn , .dvmamm {width: 30%;
    float: left;
    margin: 0% 0% 0% 0%;
}

.cxadd {width: 90%;
    float: left;
    margin: 0% 0% 0% 0%;
}

.dvm , .dvm2 , .dvn2 , .dvn {min-width: 40px;
float: left;
margin: 0% 0px 0% 0%;
border: 1px solid #d9d9d9;
background-color: #fbfbfb;
font-family: 'Source Sans Pro';
color: #333;
text-align: center;
height: 38px;
font-weight: bold;
font-size: 24px;
}

.dvn {
border-right: none;
}

.dvm {
    border-left: none;
    margin: 0% 0px 0% 0px;
}

.fme {width: 50px;
    float: left;
margin: 0 auto;
border-radius: 0px;
}

@media (min-width: 240px) and (max-width: 150000px) {
    /* popup */
    .fundo_en , .fundo_en2 {width: 100%;
    height: 100%;
    min-height: 1000px;
    background-color: rgba(0,0,0,0.2);
    position: fixed;
    top: 0;
    left: 0;
    display: none;	
    z-index: 1060;
    }
    
    .td_popup , .td_popup2 {width: 20%;
    position: fixed;
    left: 40%;
    top: 40%;
    background-color: white;
    box-shadow: 0px 0.5px 10px rgba(55, 55 , 55, 0.8);	
    min-height: 100px;
    z-index: 89;
    }
    
    .td_popup2 {width: 46%;
    left: 27%;
    top: 27%;	
    }
    
    .msg_popup {width: 100%;
    display: inline;
    float: left;
    margin: 0 auto;
    padding: 15px;
    font-size: 13px;
    font-family: 'Source Sans Pro';
    text-align: center;
    }
    
    .fc_popup {width: 30%;
    max-width: 175px;
    min-height: 25px;
    display: inline;
    float: left;
    margin: 0px 35% 20px 35%;
    font-family: 'Source Sans Pro';
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    background-color: navy;
    color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #2D3277;
    box-shadow: inset 0 1px #8EA2DF;
    background-image: linear-gradient(#3E52A1,#2D3277);
    outline: none;
    cursor: pointer;	
    }
    /* fim popup */
}

@media (min-width: 240px) and (max-width: 640px) {
    /* popup */
    .td_popup , .td_popup2 {width: 74%;
    position: fixed;
    left: 13%;
    top: 40%;
    background-color: white;
    box-shadow: 0px 0.5px 10px rgba(55, 55 , 55, 0.8);	
    min-height: 100px;
    z-index: 89;
    }
    /* fim popup */
}


/* predefinidos */
#loading-bar-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #f3f3f3;
  z-index: 1;
}

#loading-bar {height: 100%;
  width: 0;
  background-color: #3498db;
  transition: width 0.1s ease;
}


.toast-89 {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 1;
  display: none;
  align-items: center;
  background-color: #1e1e2d;
  color: #fff;
  border-radius: 8px;
  padding: 16px;
  width: 350px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Tornar o toast visível */
.toast-89.show {
  opacity: 1;
  transform: translateY(0);
}

/* Ícone */
.toast-icon-89 svg {
  width: 32px;
  height: 32px;
  color: #ff6b6b;
  margin-right: 16px;
  flex-shrink: 0;
}

/* Corpo do toast */
.toast-body-89 {
  flex-grow: 1;
}

.toast-title-89 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  color: #ff6b6b;
}

.toast-message-89 {
  font-size: 14px;
  margin: 4px 0 0;
  color: #c4c4c4;
}

/* Botão de fechar */
.toast-close-89 {
  background: none;
  border: none;
  color: #c4c4c4;
  font-size: 18px;
  cursor: pointer;
  transition: color 0.2s ease;
}

.toast-close-89:hover {
  color: #fff;
}


.toast-1 {
  position: fixed;
  bottom: 34px;
  right: 24px;
  z-index: 1;
  display: none;
  align-items: center;
  background-color: #e8f5e9; /* Verde claro */
  color: #1b5e20; /* Verde escuro */
  border-radius: 8px;
  padding: 16px;
  width: 350px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Tornar o toast visível */
.toast-1.show-1 {
  opacity: 1;
  transform: translateY(0);
}

/* Ícone */
.toast-icon-1 svg {
  width: 32px;
  height: 32px;
  color: #4caf50; /* Ícone verde */
  margin-right: 16px;
  flex-shrink: 0;
}

/* Corpo do toast */
.toast-body-1 {
  flex-grow: 1;
}

.toast-title-1 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  color: #2e7d32; /* Título verde mais escuro */
}

.toast-message-1 {
  font-size: 14px;
  margin: 4px 0 0;
  color: #388e3c; /* Verde médio */
}

/* Botão de fechar */
.toast-close-1 {
  background: none;
  border: none;
  color: #66bb6a; /* Verde claro no botão */
  font-size: 18px;
  cursor: pointer;
  transition: color 0.2s ease;
}

.toast-close-1:hover {
  color: #2e7d32; /* Verde mais escuro no hover */
}