/* Food 7 — site institucional
   Paleta tirada do logo: azul-noite e laranja. Faixas escuras e claras alternadas.
   Tipo: fonte do sistema (San Francisco no Apple, Segoe UI no Windows, Roboto no Android). */

:root {
  --noite: #0A1A2E;        /* fundo escuro (azul-noite do logo) */
  --noite-2: #10263F;      /* blocos sobre o escuro */
  --azul: #0B3D74;         /* azul do logo */
  --laranja: #EE6420;      /* laranja do logo */
  --laranja-forte: #C24E0E;/* botões (contraste AA com branco) */
  --papel: #F2F5F9;        /* faixas claras */
  --tinta: #0E2238;        /* texto no claro */
  --tinta-suave: #4A5B70;
  --nevoa: #A9BBD0;        /* texto secundário no escuro */
  --linha-clara: #D9E1EB;
  --linha-escura: #1E3A5A;
  --raio: 10px;
  --bs-body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body { font-family: var(--bs-body-font-family); color: var(--tinta); background: var(--noite); font-size: 1.0625rem; line-height: 1.6; -webkit-font-smoothing: antialiased; }
h1, h2, h3 { font-weight: 700; letter-spacing: -0.015em; line-height: 1.12; text-wrap: balance; }
a { color: var(--laranja-forte); text-underline-offset: 3px; }
:focus-visible { outline: 3px solid var(--laranja); outline-offset: 3px; }
.icone { width: 1.15em; height: 1.15em; flex: none; vertical-align: -0.2em; }
.pular { position: absolute; left: -9999px; top: 8px; z-index: 2000; background: #fff; color: var(--tinta); padding: 8px 14px; border-radius: 6px; }
.pular:focus { left: 12px; }

/* ---------- faixas ---------- */
.faixa-escura, .faixa-clara, .faixa-azul, .faixa-laranja { padding: 96px 0; }
.faixa-escura { background: var(--noite); color: #E9EFF6; }
.faixa-clara { background: var(--papel); color: var(--tinta); }
.faixa-azul { background: var(--azul); color: #fff; }
.faixa-laranja { background: var(--laranja); color: var(--noite); padding: 72px 0; }
.faixa-escura a:not(.botao), .faixa-azul a:not(.botao) { color: #FFB27F; }
.titulo-secao { font-size: clamp(1.9rem, 1.2rem + 2.4vw, 3rem); margin-bottom: 18px; max-width: 18ch; }
.texto-secao { font-size: 1.125rem; max-width: 62ch; }
.faixa-escura .texto-secao { color: var(--nevoa); }
.faixa-clara .texto-secao { color: var(--tinta-suave); }
.largura-texto { max-width: 60ch; }
.texto-pequeno { font-size: .9rem; color: var(--tinta-suave); }
.faixa-escura .texto-pequeno { color: var(--nevoa); }
.link-forte { font-weight: 700; text-decoration: underline; }

/* ---------- botões ---------- */
.botao { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 20px; border-radius: 8px; font-weight: 700; text-decoration: none; border: 2px solid transparent; transition: background-color .15s, border-color .15s, color .15s; white-space: nowrap; }
.botao-grande { padding: 14px 24px; font-size: 1.05rem; }
.botao-laranja { background: var(--laranja-forte); color: #fff; }
.botao-laranja:hover { background: #A9430C; color: #fff; }
.botao-laranja:disabled { opacity: .6; }
.botao-contorno { border-color: rgba(255,255,255,.45); color: #fff; }
.botao-contorno:hover { border-color: #fff; background: rgba(255,255,255,.06); color: #fff; }
.botao-escuro { background: var(--noite); color: #fff; }
.botao-escuro:hover { background: #000; color: #fff; }
.botao-contorno-escuro { border-color: var(--noite); color: var(--noite); }
.botao-contorno-escuro:hover { background: rgba(10,26,46,.08); color: var(--noite); }

/* ---------- topo ---------- */
.topo { position: sticky; top: 0; z-index: 1030; background: rgba(10,26,46,.97); border-bottom: 1px solid var(--linha-escura); }
.topo .navbar { padding: 10px 0; }
.topo .navbar-brand img { width: 104px; height: auto; display: block; }
.topo .nav-link { color: #D7E2EE; font-weight: 600; padding: 8px 12px !important; }
.topo .nav-link:hover, .topo .nav-link.active { color: #fff; }
.topo .nav-link.active { box-shadow: inset 0 -2px 0 var(--laranja); }
.topo .link-entrar { display: inline-flex; align-items: center; gap: 6px; }
.topo .navbar-toggler { border: 1px solid var(--linha-escura); color: #fff; padding: 8px 10px; }
.topo .navbar-toggler .icone { width: 24px; height: 24px; }
@media (max-width: 991.98px) {
  .topo .navbar-nav { padding: 12px 0 8px; gap: 2px; }
  .topo .navbar-nav .botao { margin-top: 8px; width: 100%; }
}

/* ---------- hero ---------- */
.hero { padding: 88px 0 104px; position: relative; overflow: hidden; }
.titulo-hero { font-size: clamp(2.3rem, 1.3rem + 3.4vw, 4rem); font-weight: 800; line-height: 1.02; letter-spacing: -0.02em; margin-bottom: 24px; color: #fff; }
.lead-hero { font-size: 1.2rem; color: var(--nevoa); max-width: 56ch; margin-bottom: 32px; }
.acoes-hero { display: flex; flex-wrap: wrap; gap: 12px; }
.nota-hero { margin-top: 22px; font-size: .95rem; color: var(--nevoa); }

/* a comanda: papel de impressora térmica com picote em cima e embaixo */
.palco-comanda { display: flex; justify-content: center; padding: 8px 0; }
.comanda {
  --picote: 10px;
  width: min(440px, 100%); background: #FBFBF8; color: #1A1A1A; padding: 30px 28px 26px; position: relative; font-variant-numeric: tabular-nums; box-shadow: 0 24px 60px rgba(0,0,0,.45);
  -webkit-mask: conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / var(--picote) 100%,
                conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) 50% / var(--picote) 100%;
  -webkit-mask-composite: source-in; mask-composite: intersect;
  transform: rotate(1.4deg); animation: imprimir 1.1s cubic-bezier(.2,.7,.2,1) both .2s;
}
@keyframes imprimir { from { clip-path: inset(0 0 100% 0); transform: rotate(1.4deg) translateY(-24px); } to { clip-path: inset(0 0 0 0); transform: rotate(1.4deg) translateY(0); } }
.comanda-topo { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 1px dashed #9A9A92; padding-bottom: 12px; margin-bottom: 10px; }
.comanda-topo strong { font-size: 1.35rem; }
.comanda-topo span { font-size: .9rem; color: #5C5C55; }
.comanda-itens { width: 100%; font-size: .98rem; }
.comanda-itens th { font-weight: 600; font-size: .8rem; color: #6B6B63; padding: 6px 0; }
.comanda-itens td { padding: 7px 0; border-bottom: 1px dotted #CFCFC6; }
.comanda-itens tfoot td { border-bottom: 0; padding-top: 12px; font-weight: 800; }
.comanda-itens .num { text-align: right; }
.comanda-itens .custo { color: var(--laranja-forte); font-weight: 700; padding-left: 14px; }
.comanda-cmv { display: flex; justify-content: space-between; align-items: center; margin: 14px -28px 0; padding: 14px 28px; background: var(--azul); color: #fff; }
.comanda-cmv span { font-size: .95rem; color: #CFDCEA; }
.comanda-cmv strong { font-size: 2rem; font-weight: 800; color: #FFB27F; }
.comanda-baixa { margin: 14px 0 0; font-size: .86rem; color: #55554E; line-height: 1.45; }
@media (prefers-reduced-motion: reduce) { .comanda { animation: none; } }

/* ---------- dores (faixa clara) ---------- */
.lista-dor { margin: 0; display: grid; gap: 0; }
.lista-dor > div { padding: 22px 0; border-top: 1px solid var(--linha-clara); }
.lista-dor > div:last-child { border-bottom: 1px solid var(--linha-clara); }
.lista-dor dt { font-size: 1.3rem; font-weight: 800; color: var(--azul); margin-bottom: 6px; }
.lista-dor dd { margin: 0; color: var(--tinta-suave); max-width: 62ch; }

/* ---------- áreas (abas) ---------- */
.abas-areas { gap: 6px; border-bottom: 1px solid var(--linha-escura); margin: 34px 0 34px; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.abas-areas .nav-link { color: var(--nevoa); font-weight: 700; background: none; border: 0; border-radius: 0; padding: 12px 16px; white-space: nowrap; box-shadow: inset 0 -3px 0 transparent; }
.abas-areas .nav-link:hover { color: #fff; }
.abas-areas .nav-link.active { color: #fff; background: none; box-shadow: inset 0 -3px 0 var(--laranja); }
.tab-pane h3 { font-size: 1.7rem; margin-bottom: 18px; color: #fff; }
.foto-area { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border-radius: var(--raio); display: block; }
.lista-check { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.lista-check li { display: flex; gap: 12px; align-items: flex-start; }
.lista-check .icone { color: var(--laranja); margin-top: 3px; stroke-width: 2.6; }
.faixa-escura .lista-check li { color: #DCE6F1; }
.faixa-clara .lista-check li { color: var(--tinta); }

/* ---------- passos (sequência real) ---------- */
.passos { list-style: none; padding: 0; margin: 0; counter-reset: passo; display: grid; gap: 14px; }
.passos li { counter-increment: passo; display: grid; grid-template-columns: 52px 1fr; column-gap: 18px; padding: 20px 22px; background: #fff; border: 1px solid var(--linha-clara); border-radius: var(--raio); }
.passos li::before { content: counter(passo); grid-row: span 2; width: 44px; height: 44px; border-radius: 50%; background: var(--azul); color: #fff; display: grid; place-items: center; font-weight: 800; font-size: 1.15rem; }
.passos strong { font-size: 1.15rem; color: var(--azul); }
.passos span { color: var(--tinta-suave); }

/* ---------- pilares (faixa azul) ---------- */
.pilar { height: 100%; padding: 26px 24px; border-top: 3px solid var(--laranja); background: rgba(255,255,255,.05); }
.pilar .icone { width: 30px; height: 30px; color: #FFB27F; margin-bottom: 14px; }
.pilar h3 { font-size: 1.2rem; margin-bottom: 8px; }
.pilar p { margin: 0; color: #CFDCEA; font-size: 1rem; }

/* ---------- chamada final (faixa laranja) ---------- */
.chamada-final { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 28px; }
.chamada-final h2 { font-size: clamp(1.7rem, 1.1rem + 2vw, 2.6rem); margin-bottom: 8px; max-width: 22ch; }
.chamada-final p { margin: 0; max-width: 56ch; font-size: 1.1rem; }

/* ---------- páginas internas ---------- */
.faixa-topo { position: relative; padding: 112px 0 72px; color: #fff; background: var(--noite) var(--foto) center / cover no-repeat; }
.faixa-topo::before { content: ""; position: absolute; inset: 0; background: rgba(10,26,46,.78); }
.faixa-topo .container { position: relative; }
.faixa-topo h1 { font-size: clamp(2.2rem, 1.4rem + 3vw, 3.8rem); margin: 14px 0 12px; max-width: 20ch; }
.faixa-topo p { font-size: 1.2rem; color: #D2DEEB; max-width: 58ch; margin: 0; }
.trilha { list-style: none; display: flex; gap: 8px; padding: 0; margin: 0; font-size: .95rem; color: var(--nevoa); }
.trilha li + li::before { content: "/"; margin-right: 8px; color: #6F86A2; }
.trilha a { color: #D2DEEB; }

.indice-grupos { display: flex; flex-wrap: wrap; gap: 8px 18px; padding-bottom: 28px; margin-bottom: 8px; border-bottom: 1px solid var(--linha-clara); }
.indice-grupos a { font-weight: 700; color: var(--azul); text-decoration: none; }
.indice-grupos a:hover { text-decoration: underline; }
.grupo-func { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2.2fr); gap: 32px; padding: 48px 0; border-bottom: 1px solid var(--linha-clara); scroll-margin-top: 90px; }
.grupo-func-cabeca h2 { font-size: 1.75rem; color: var(--azul); margin-bottom: 10px; }
.grupo-func-cabeca p { color: var(--tinta-suave); margin: 0; }
.grade-func { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 32px; margin: 0; }
.grade-func dt { font-weight: 800; font-size: 1.08rem; color: var(--tinta); margin-bottom: 4px; }
.grade-func dd { margin: 0; color: var(--tinta-suave); font-size: 1rem; }
@media (max-width: 991.98px) { .grupo-func { grid-template-columns: 1fr; gap: 18px; } }
@media (max-width: 575.98px) { .grade-func { grid-template-columns: 1fr; } }

.bloco-escuro { height: 100%; padding: 28px; background: var(--noite-2); border: 1px solid var(--linha-escura); border-radius: var(--raio); }
.bloco-escuro h3 { font-size: 1.35rem; color: #fff; margin-bottom: 10px; }
.bloco-escuro p { color: var(--nevoa); margin: 0; }

.perguntas { --bs-accordion-bg: #fff; --bs-accordion-border-color: var(--linha-clara); --bs-accordion-active-bg: #fff; --bs-accordion-active-color: var(--azul); --bs-accordion-btn-focus-box-shadow: 0 0 0 3px rgba(238,100,32,.35); max-width: 860px; }
.perguntas .accordion-button { font-weight: 700; font-size: 1.08rem; color: var(--tinta); }
.perguntas .accordion-body { color: var(--tinta-suave); }

.texto-longo { max-width: 760px; }
.texto-longo h2 { font-size: 1.5rem; color: var(--azul); margin: 36px 0 10px; }
.texto-longo h2:first-child { margin-top: 0; }
.texto-longo p { color: var(--tinta-suave); }

/* ---------- contato ---------- */
.contato-canal { display: flex; gap: 14px; align-items: center; padding: 16px 18px; margin-top: 12px; background: #fff; border: 1px solid var(--linha-clara); border-radius: var(--raio); color: var(--tinta); text-decoration: none; max-width: 380px; }
.contato-canal:hover { border-color: var(--laranja); color: var(--tinta); }
.contato-canal .icone { width: 28px; height: 28px; color: var(--laranja-forte); }
.contato-canal strong { display: block; font-size: .9rem; color: var(--tinta-suave); font-weight: 600; }
.formulario-contato { background: #fff; border: 1px solid var(--linha-clara); border-radius: var(--raio); padding: 32px; }
.formulario-contato .form-label { font-weight: 600; font-size: .95rem; color: var(--tinta); }
.formulario-contato .form-control, .formulario-contato .form-select { padding: 11px 14px; border-color: #C9D3DF; border-radius: 8px; }
.formulario-contato .form-control:focus, .formulario-contato .form-select:focus { border-color: var(--laranja); box-shadow: 0 0 0 3px rgba(238,100,32,.2); }
.opcional { font-weight: 400; color: var(--tinta-suave); }
.campo-isca { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.cf-turnstile { display: contents; }
.cf-turnstile > div { position: absolute; width: 0; height: 0; overflow: hidden; }
.aviso-sucesso { display: flex; gap: 16px; padding: 28px; background: #fff; border: 1px solid var(--linha-clara); border-left: 4px solid #1A8F4D; border-radius: var(--raio); }
.aviso-sucesso .icone { width: 32px; height: 32px; color: #1A8F4D; stroke-width: 2.6; }
.aviso-sucesso strong { font-size: 1.2rem; }
.aviso-sucesso p { margin: 4px 0 0; color: var(--tinta-suave); }

/* ---------- acessar e 404 ---------- */
.secao-acessar { min-height: 70vh; display: flex; align-items: center; }
.caixa-acessar { max-width: 480px; margin: 0 auto; padding: 40px; background: var(--noite-2); border: 1px solid var(--linha-escura); border-radius: var(--raio); }
.caixa-acessar h1 { font-size: 2rem; color: #fff; margin-bottom: 10px; }
.caixa-acessar > p { color: var(--nevoa); }
.caixa-acessar .form-label { color: #DCE6F1; font-weight: 600; }
.campo-endereco { display: flex; align-items: stretch; border: 1px solid #36557A; border-radius: 8px; overflow: hidden; background: #fff; }
.campo-endereco:focus-within { box-shadow: 0 0 0 3px rgba(238,100,32,.45); }
.campo-endereco.is-invalid { border-color: #E86A6A; }
.campo-endereco input { border: 0; border-radius: 0; padding: 12px 14px; font-size: 1.05rem; }
.campo-endereco input:focus { box-shadow: none; }
.campo-endereco span { display: flex; align-items: center; padding: 0 14px; background: #E8EDF3; color: var(--tinta-suave); font-weight: 600; }
.caixa-acessar .texto-pequeno { margin: 18px 0 0; }
.secao-404 { min-height: 70vh; display: flex; align-items: center; text-align: center; }
.secao-404 .texto-secao { margin: 0 auto 30px; }
.secao-404 h1 { font-size: clamp(2rem, 1.3rem + 2.6vw, 3.2rem); color: #fff; margin-bottom: 14px; }
.codigo-404 { font-size: clamp(5rem, 3rem + 10vw, 10rem); font-weight: 800; line-height: 1; color: var(--laranja); margin: 0 0 8px; }

/* ---------- rodapé ---------- */
.rodape { background: #071424; color: var(--nevoa); padding: 72px 0 32px; border-top: 1px solid var(--linha-escura); }
.rodape img { width: 132px; height: auto; }
.rodape-texto { margin-top: 18px; max-width: 34ch; }
.rodape h2 { font-size: 1rem; color: #fff; margin-bottom: 14px; }
.rodape ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.rodape a { color: #D2DEEB; text-decoration: none; }
.rodape a:hover { color: #fff; text-decoration: underline; }
.rodape ul .icone { margin-right: 6px; color: #FFB27F; }
.rodape-base { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 24px; margin-top: 56px; padding-top: 24px; border-top: 1px solid var(--linha-escura); font-size: .9rem; }

@media (max-width: 767.98px) {
  .faixa-escura, .faixa-clara, .faixa-azul { padding: 64px 0; }
  .hero { padding: 56px 0 72px; }
  .faixa-topo { padding: 84px 0 52px; }
  .formulario-contato, .caixa-acessar { padding: 24px; }
  .comanda { transform: none; animation-name: imprimir-reto; }
  @keyframes imprimir-reto { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0 0 0 0); } }
}
@media (max-width: 575.98px) { .container { padding-left: 20px; padding-right: 20px; } }
/* selos das lojas de app (mesmo padrão do Gestor7) */
.selos-apps { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.selo-app { display: inline-block; transition: opacity .15s, transform .15s; }
.selo-app:hover { opacity: .85; transform: translateY(-1px); }
.selo-app img { height: 36px; width: auto; display: block; }
.selos-hero .selo-app img { height: 52px; }
/* hero: linhas onduladas grossas no fundo azul-noite */
.hero { background: url("/assets/img/ondas-hero.svg?v=11") center / cover no-repeat, var(--noite); padding-top: 96px; padding-bottom: 120px; }
@media (max-width: 767.98px) { .hero { padding-top: 64px; padding-bottom: 96px; } }
/* sombras: header destacado do conteúdo e hero projetando sobre a faixa clara */
.topo { box-shadow: 0 2px 6px rgba(0,0,0,.25), 0 8px 24px rgba(0,0,0,.22); }
.hero { position: relative; z-index: 2; box-shadow: 0 10px 24px rgba(10,26,46,.28), 0 24px 48px rgba(10,26,46,.18); }
.foto-secao { margin-bottom: 28px; }
.titulo-largo { max-width: none; }
/* faixa laranja: título e texto em branco */
.faixa-laranja .chamada-final h2, .faixa-laranja .chamada-final p { color: #fff; }
/* botão do WhatsApp no verde original da marca */
.botao-whatsapp { background: #25D366; color: #fff; border-color: #25D366; }
.botao-whatsapp:hover { background: #1EBE5A; border-color: #1EBE5A; color: #fff; }

/* ---------- menu (reestilizado): mais respiro, indicador laranja e "Entrar" como botão discreto ---------- */
.topo .navbar { padding: 14px 0; }
.topo .navbar-brand img { width: 118px; }
.topo .navbar-nav { gap: 6px; }
.topo .nav-link { position: relative; padding: 10px 16px !important; font-size: 1rem; font-weight: 600; color: #C9D6E4; border-radius: 8px; transition: color .15s, background-color .15s; }
.topo .nav-link::after { content: ""; position: absolute; left: 16px; right: 16px; bottom: 4px; height: 2px; border-radius: 2px; background: var(--laranja); transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
.topo .nav-link:hover { color: #fff; background: rgba(255,255,255,.05); }
.topo .nav-link:hover::after, .topo .nav-link.active::after { transform: scaleX(1); }
.topo .nav-link.active { color: #fff; box-shadow: none; }
.topo .link-entrar { border: 1px solid rgba(255,255,255,.22); padding: 9px 16px !important; margin-left: 10px; }
.topo .link-entrar::after { display: none; }
.topo .link-entrar:hover { border-color: rgba(255,255,255,.5); }
.topo .navbar-nav .botao-laranja { margin-left: 6px; padding: 11px 20px; }
@media (prefers-reduced-motion: reduce) { .topo .nav-link::after { transition: none; } }
@media (max-width: 991.98px) {
  .topo .navbar-nav { gap: 0; padding: 16px 0 10px; }
  .topo .nav-link { padding: 14px 4px !important; border-radius: 0; border-bottom: 1px solid var(--linha-escura); }
  .topo .nav-link::after { display: none; }
  .topo .nav-link.active { color: var(--laranja); }
  .topo .link-entrar { margin: 14px 0 0; border-radius: 8px; justify-content: center; padding: 12px 16px !important; border-bottom: 1px solid rgba(255,255,255,.22); }
  .topo .navbar-nav .botao-laranja { margin: 10px 0 0; }
}
.alerta-acesso { margin-top: 12px; padding: 12px 14px; border-radius: 8px; background: #3A1620; border: 1px solid #8C2F3F; color: #FFD6DC; font-size: .95rem; }
.alerta-acesso strong { color: #fff; }
/* faixa "Um sistema para cada porta da casa": linhas onduladas grossas no fundo */
#areas { background: var(--noite) url("/assets/img/ondas-linhas.svg?v=6") center bottom / cover no-repeat; padding-bottom: 240px; }
@media (max-width: 767.98px) { #areas { padding-bottom: 170px; background-size: auto 100%; } }
.abas-areas { border-bottom: 0; }
/* título com o logo no lugar do nome */
.titulo-com-logo { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 14px; max-width: none; }
.titulo-com-logo img { height: 2.7em; width: auto; }
.titulo-secao.titulo-com-logo { margin-bottom: 24px; }
.titulo-com-logo { color: #0E4170; }   /* azul do logo */
/* "Colibri" no hero com as cores do logo do Colibri (azul, verde-água, amarelo e coral) */
.palavra-colibri { background: linear-gradient(90deg, #2A9BDB 0%, #00A8B8 38%, #F3BE3A 72%, #E8735F 100%); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
@media (forced-colors: active) { .palavra-colibri { color: CanvasText; -webkit-text-fill-color: CanvasText; background: none; } }
.alerta-acesso { background: #000; border-color: #000; color: #F2D4D8; margin: 30px 0; }
.faixa-topo h1 { max-width: none; }
.faixa-topo p { max-width: none; }
.botao-whatsapp { text-shadow: 0 1px 2px rgba(0,0,0,.35); } .botao-whatsapp .icone { filter: drop-shadow(0 1px 1.5px rgba(0,0,0,.35)); }