/* ==========================================================================
   BERFEL · COMPLEMENTOS (carregado depois do styles.css)
   1. Fontes hospedadas no próprio site (nenhum arquivo vem de fora)
   2. Ajustes do cartão de contato (Felipe e Bernardo)
   3. Quadro do WhatsApp (Felipe e Bernardo): os botões levam até ele e ele acende
   ========================================================================== */

/* 1. Fontes — mesmos intervalos de caracteres do Google Fonts */
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/bricolage-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/bricolage-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/manrope-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/jetbrains-mono-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/jetbrains-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* 2. Contato: números sem quebra e cartões em 2 colunas entre 1101 e 1279 px */
.contact__value [data-contact="phone"],.contact__value [data-config^="telefone"]{white-space:nowrap}
@media (min-width:1101px) and (max-width:1279px){.contato__grid>.contacts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 3. Quadro do WhatsApp (#fale-conosco)
   Todo botão de WhatsApp rola a página até este quadro e ele acende por alguns segundos:
   borda e ícone em cobre, etiqueta "Escolha com quem falar" e um anel que pulsa 3 vezes. */
.wa-card{position:relative;z-index:1;transition:border-color .45s var(--ease),background-color .45s var(--ease),box-shadow .6s var(--ease),transform .6s var(--ease)}
.wa-card:focus{outline:none}
.wa-card:focus-visible{outline:2px solid var(--cobre-2);outline-offset:4px}
.wa-card .contact__icon{transition:background-color .45s var(--ease),color .45s var(--ease)}
.wa-card::after{content:"";position:absolute;inset:-1px;border:2px solid var(--cobre);border-radius:18px;opacity:0;pointer-events:none}
.wa-card__hint{position:absolute;top:0;left:16px;padding:5px 11px;border-radius:999px;background:var(--cobre);color:var(--cobre-ink);font-family:var(--f-mono);font-size:10.5px;font-weight:600;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translateY(-50%);pointer-events:none;transition:opacity .4s var(--ease),transform .5s var(--ease)}
.wa-card.is-lit{border-color:var(--cobre);background-color:var(--surface-2);box-shadow:0 0 0 1px var(--cobre),0 26px 60px -24px #dc7735a6}
.wa-card.is-lit .contact__icon{background-color:var(--cobre);color:var(--cobre-ink)}
.wa-card.is-lit .wa-card__hint{opacity:1}
@media (prefers-reduced-motion:no-preference){
  .wa-card:not(.is-lit) .wa-card__hint{transform:translateY(-10%)}
  .wa-card.is-lit{transform:translateY(-4px)}
  .wa-card.is-lit::after{animation:wa-ping 1.3s cubic-bezier(.2,.7,.3,1) .2s 3}
}
@keyframes wa-ping{from{inset:-1px;border-radius:18px;opacity:1}to{inset:-15px;border-radius:32px;opacity:0}}

/* Quadro no fim de Serviços e Plaquinhas (no lugar do botão do WhatsApp) */
.band__ctas--wa{flex-direction:column;align-items:stretch;width:min(100%,400px)}
.band__ctas--wa .wa-card{padding-block:18px}
@media (max-width:680px){
  .band__ctas--wa{width:100%}
  .band__ctas--wa .wa-card{padding-block:16px}
}