/* ==========================================================================
   Clinidente · Ingleses — v16 · "Cara de clínica"
   Objetivo: a mãe dos Ingleses pensar "gostei daqui" e marcar.
   Acolhimento · limpeza · organização · confiança · competência.
   Cor da marca presente, calor, cantos arredondados. Nada de startup.
   ========================================================================== */

@font-face { font-family:'General Sans'; src:url('../fonts/GeneralSans-400.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'General Sans'; src:url('../fonts/GeneralSans-500.woff2') format('woff2'); font-weight:500; font-display:swap; }
@font-face { font-family:'General Sans'; src:url('../fonts/GeneralSans-600.woff2') format('woff2'); font-weight:600; font-display:swap; }
@font-face { font-family:'General Sans'; src:url('../fonts/GeneralSans-700.woff2') format('woff2'); font-weight:700; font-display:swap; }

:root {
  /* Cores vivas da marca (ciano #2ECEE5 + limão #82D800) ficam SÓ no logotipo.
     Interface neutra e adulta; teal profundo discreto como acento. */
  --paper:#f8f8f6;      /* branco quente neutro, calmo */
  --soft:#eef1f0;       /* neutro levíssimo — bandas */
  --soft-g:#f0f4ea;     /* verde acinzentado sutil, ocasional */
  --card:#ffffff;
  --ink:#2b3036;        /* cinza-escuro do logotipo p/ títulos e texto */
  --text:#565c63;
  --muted:#8b9197;
  --cyan:#2ecee5;       /* vivo — só detalhe pontual */
  --blue:#156b78; --blue-d:#104f5a;   /* teal profundo, adulto: eyebrows/links/ícones */
  --lime:#82d800;
  --green:#6a9e2b;      /* verde discreto, ocasional */
  --wa:#1faf54; --wa-d:#178f44;
  --line:#e4e6e3;
  --r:14px; --r-lg:22px;
  --sh:0 14px 40px -22px rgba(19,58,90,.35);
  --sh-sm:0 8px 22px -14px rgba(19,58,90,.28);
  --f:'General Sans','Helvetica Neue',Arial,sans-serif;
  --wrap:1180px;
}

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:var(--f); font-size:1.0625rem; line-height:1.62; color:var(--text); background:var(--paper); -webkit-font-smoothing:antialiased; overflow-x:hidden; }
img { max-width:100%; height:auto; display:block; }
a { color:inherit; text-decoration:none; }
:focus-visible { outline:2px solid var(--blue); outline-offset:3px; }

.wrap { max-width:var(--wrap); margin:0 auto; padding:0 26px; }

h1,h2,h3 { font-family:var(--f); color:var(--ink); font-weight:600; letter-spacing:-0.02em; }
h1 { font-size:clamp(2.05rem,4.6vw,3.05rem); line-height:1.12; }
h2 { font-size:clamp(1.6rem,3.2vw,2.2rem); line-height:1.16; }
h3 { font-size:1.12rem; line-height:1.32; letter-spacing:-0.01em; }
.eyebrow { font-size:.76rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--blue); }
.brandgrad { color:#0e8ba8; }
@supports ((-webkit-background-clip:text) or (background-clip:text)) {
  .brandgrad { background:linear-gradient(95deg,#12b4d4 0%,#5aa800 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
}
.lead { color:var(--text); }

.section { padding:clamp(56px,8vw,96px) 0; }
.section-head { max-width:60ch; margin-bottom:38px; }
.section-head .eyebrow { display:block; margin-bottom:14px; }
.section-head p { margin-top:12px; }
.bg-soft { background:var(--soft); }

/* ---------- botões ---------- */
.btn { display:inline-flex; align-items:center; justify-content:center; gap:9px; font:600 .95rem/1 var(--f); letter-spacing:-0.01em; padding:15px 26px; border:0; border-radius:11px; cursor:pointer; transition:background .18s ease, transform .18s ease, box-shadow .18s ease, color .18s ease; }
.btn:active { transform:scale(.985); }
.btn-wa { background:var(--wa); color:#fff; box-shadow:0 10px 24px -10px rgba(31,175,84,.6); }
.btn-wa:hover { background:var(--wa-d); transform:translateY(-1px); }
/* Pulse sutil no CTA principal do card final */
.final-actions .btn-wa { position:relative; }
.final-actions .btn-wa::after { content:''; position:absolute; inset:0; border-radius:inherit; z-index:-1; pointer-events:none; animation:waPulse 2.6s cubic-bezier(.4,0,.4,1) infinite; }
@keyframes waPulse { 0% { box-shadow:0 0 0 0 rgba(31,175,84,.5); } 70% { box-shadow:0 0 0 14px rgba(31,175,84,0); } 100% { box-shadow:0 0 0 0 rgba(31,175,84,0); } }
.tlink { display:inline-flex; align-items:center; gap:7px; font:600 .95rem var(--f); color:var(--blue); }
.tlink:hover { gap:11px; }

/* ---------- topbar + header ---------- */
.topbar { background:var(--ink); color:#c7cccf; font-size:.82rem; font-weight:500; }
.topbar .wrap { display:flex; justify-content:space-between; align-items:center; min-height:40px; gap:14px; white-space:nowrap; }
.topbar .g { display:inline-flex; align-items:center; gap:7px; min-width:0; overflow:hidden; }
.topbar .stars { color:#ffd166; letter-spacing:.5px; }
.topbar b { color:#fff; font-weight:600; }
.topbar a { color:#fff; font-weight:600; }
.topbar .hidesm { display:none; }
@media (min-width:720px){ .topbar .hidesm { display:inline; } }

.site-header { position:sticky; top:0; z-index:50; background:rgba(247,251,253,.92); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); }
.site-header .wrap { height:74px; display:flex; align-items:center; gap:24px; }
.logo { display:flex; align-items:center; }
.logo img { height:38px; width:auto; display:block; }
.nav { display:none; gap:26px; margin-left:auto; }
.nav a { font-weight:500; font-size:.94rem; color:var(--text); }
.nav a:hover { color:var(--blue); }
.header-cta { margin-left:auto; display:flex; align-items:center; gap:14px; }
.nav + .header-cta { margin-left:0; }
.header-phone { display:none; font-weight:600; color:var(--ink); }
@media (min-width:900px){ .nav { display:flex; } .header-phone { display:inline; } }

/* ==========================================================================
   HERO — recepção acolhedora, boas-vindas (não frame de vídeo)
   ========================================================================== */
.hero { background:linear-gradient(180deg,var(--soft),var(--paper)); }
.hero .wrap { display:grid; gap:32px; padding-top:clamp(32px,5vw,56px); padding-bottom:clamp(28px,4vw,48px); align-items:center; }
.hero-copy { text-align:center; }
.hero-copy .eyebrow { display:block; margin-bottom:16px; }
.hero-copy h1 { margin:0 auto 16px; max-width:none; font-size:clamp(1.45rem,7.2vw,2.05rem); }
.hero-copy .lead { font-size:1.12rem; max-width:44ch; margin:0 auto 26px; }
.hero-actions { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:16px; margin-bottom:22px; }
.hero-trust { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px 18px; font-size:.9rem; color:var(--text); }
.hero-trust .stars { color:#eab308; letter-spacing:1px; }
.hero-trust b { color:var(--ink); }
.hero-figure { position:relative; }
.hero-figure img { width:100%; border-radius:var(--r-lg); box-shadow:var(--sh); aspect-ratio:1/1; object-fit:cover; object-position:center top; }
.hero-badge { position:absolute; left:16px; bottom:16px; background:#fff; border-radius:12px; padding:11px 15px; box-shadow:var(--sh-sm); display:flex; align-items:center; gap:10px; }
.hero-badge svg { width:24px; height:24px; color:var(--green); flex:0 0 auto; }
.hero-badge b { display:block; color:var(--ink); font-weight:600; font-size:.92rem; }
.hero-badge span { font-size:.8rem; color:var(--muted); }
@media (min-width:920px){
  .hero .wrap { grid-template-columns:1.02fr .98fr; gap:52px; }
  .hero-copy { text-align:left; }
  .hero-copy h1 { font-size:clamp(2.05rem,4.6vw,3.05rem); max-width:15ch; margin-left:0; margin-right:0; }
  .hero-copy .lead { margin-left:0; margin-right:0; }
  .hero-actions, .hero-trust { justify-content:flex-start; }
}

/* ==========================================================================
   ACOLHIMENTO — você vai ser bem recebido (cards macios)
   ========================================================================== */
.welcome { padding:clamp(24px,3.5vw,42px) 0 clamp(36px,5vw,56px); }
.welcome .grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.wcard { position:relative; overflow:hidden; background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:26px 22px; box-shadow:var(--sh-sm); transition:transform .3s cubic-bezier(.4,0,.2,1), box-shadow .3s ease, border-color .3s ease; }
.wcard::before { content:''; position:absolute; left:0; top:0; width:100%; height:3px; background:linear-gradient(90deg,var(--cyan),var(--lime)); transform:scaleX(0); transform-origin:left; transition:transform .45s cubic-bezier(.4,0,.2,1); }
.wcard:hover { transform:translateY(-6px); box-shadow:var(--sh); border-color:#cdd6d3; }
.wcard:hover::before { transform:scaleX(1); }
.wnum { display:block; font-size:.95rem; font-weight:600; letter-spacing:.06em; color:var(--blue); font-variant-numeric:tabular-nums; margin-bottom:18px; transition:color .3s ease; }
.wcard:hover .wnum { color:var(--green); }
.wcard h3 { margin-bottom:5px; }
.wcard p { font-size:.92rem; color:var(--text); }
@media (min-width:820px){ .welcome .grid { grid-template-columns:repeat(4,1fr); gap:16px; } }

/* ==========================================================================
   QUEM SOMOS
   ========================================================================== */
.about .wrap { display:grid; gap:34px; align-items:center; }
.about-figure img { width:100%; border-radius:var(--r-lg); box-shadow:var(--sh); aspect-ratio:3/2; object-fit:cover; }

/* Carrossel de fotos da clínica */
.carousel { position:relative; border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--sh); background:var(--soft); }
.carousel-track { display:flex; transition:transform .45s cubic-bezier(.4,.0,.2,1); }
.carousel-track img { flex:0 0 100%; width:100%; aspect-ratio:3/2; object-fit:cover; display:block; border-radius:0; box-shadow:none; }
.carousel-cap { position:absolute; left:14px; top:14px; z-index:2; background:rgba(255,255,255,.94); color:var(--ink); font:600 .82rem/1 var(--f); letter-spacing:.2px; padding:8px 13px; border-radius:9px; box-shadow:var(--sh-sm); }
.carousel-nav { position:absolute; top:50%; transform:translateY(-50%); z-index:2; width:42px; height:42px; border:0; border-radius:50%; background:rgba(255,255,255,.95); color:var(--ink); display:grid; place-items:center; cursor:pointer; box-shadow:var(--sh-sm); transition:background .15s ease, transform .15s ease; }
.carousel-nav:hover { background:#fff; transform:translateY(-50%) scale(1.06); }
.carousel-nav svg { width:20px; height:20px; }
.carousel-nav.prev { left:12px; }
.carousel-nav.next { right:12px; }
.carousel-dots { position:absolute; left:0; right:0; bottom:13px; z-index:2; display:flex; justify-content:center; gap:7px; }
.carousel-dots button { width:8px; height:8px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.65); box-shadow:0 1px 3px rgba(0,0,0,.25); cursor:pointer; transition:width .2s ease, background .2s ease; }
.carousel-dots button.active { width:22px; border-radius:5px; background:#fff; }
.about-copy .eyebrow { display:block; margin-bottom:14px; }
.about-copy h2 { margin-bottom:16px; }
.about-copy p { margin-bottom:14px; max-width:52ch; }
.about-copy .mini { display:grid; grid-template-columns:repeat(3,1fr); gap:14px 16px; margin-top:22px; text-align:center; }
.about-copy .mini b { display:block; color:var(--ink); font-size:1.5rem; font-weight:600; }
.about-copy .mini span { font-size:.85rem; color:var(--muted); }
@media (min-width:880px){ .about .wrap { grid-template-columns:1fr 1.05fr; gap:56px; } .about-copy .mini { display:flex; flex-wrap:wrap; gap:10px 30px; text-align:left; } }

/* ==========================================================================
   ESTRUTURA — fotos da clínica, limpa e organizada
   ========================================================================== */
.structure .gal { display:grid; gap:14px; }
.structure figure { position:relative; border-radius:var(--r); overflow:hidden; box-shadow:var(--sh-sm); }
.structure img { width:100%; height:100%; object-fit:cover; }
.structure figcaption { position:absolute; left:12px; bottom:12px; background:rgba(255,255,255,.94); color:var(--ink); font:600 .76rem var(--f); padding:6px 11px; border-radius:8px; }
.structure .big img { aspect-ratio:16/10; }
.structure .sm img { aspect-ratio:3/2; }
@media (min-width:820px){ .structure .gal { grid-template-columns:2fr 1fr; grid-auto-rows:236px; } .structure .big { grid-row:span 2; } .structure .big img, .structure .sm img { aspect-ratio:auto; height:100%; } }

/* ==========================================================================
   VÍDEO / CONHEÇA — vídeo real embedado (mais pra baixo)
   ========================================================================== */
.meet { position:relative; overflow:hidden; }
.meet .wrap { position:relative; z-index:1; }
.meet .section-head { text-align:center; margin:0 auto 44px; }
.meet .section-head p { margin-left:auto; margin-right:auto; }
.section-mark { position:absolute; left:50%; bottom:-.3em; transform:translateX(-50%); z-index:0; margin:0; font-weight:700; font-size:clamp(6rem,22vw,19rem); line-height:.8; letter-spacing:-.02em; color:var(--ink); opacity:.018; white-space:nowrap; pointer-events:none; user-select:none; }
.team2 { display:grid; }
.trow2 { display:grid; gap:26px; align-items:center; padding:clamp(36px,5vw,56px) 0; border-top:1px solid var(--line); }
.trow2:first-child { border-top:0; padding-top:4px; }
.trow2-media { position:relative; border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--sh); background:#0b1418; transform:translateZ(0); -webkit-transform:translateZ(0); aspect-ratio:1/1; }
.trow2-media img { display:block; width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.trow2-eyebrow { font-size:.72rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--blue); display:block; margin-bottom:12px; }
.trow2 h3 { font-size:clamp(1.55rem,3vw,2.05rem); margin-bottom:8px; }
.trow2 .cro { color:var(--muted); font-size:.92rem; margin-bottom:18px; }
.trow2 .desc { color:var(--text); margin-bottom:20px; max-width:54ch; }
.creds2 { list-style:none; display:grid; gap:11px; margin-bottom:22px; }
.creds2 li { display:grid; grid-template-columns:20px 1fr; gap:11px; align-items:start; font-size:.96rem; color:var(--ink); }
.creds2 svg { width:19px; height:19px; color:var(--green); margin-top:3px; flex:0 0 auto; }
.tags2 { display:flex; flex-wrap:wrap; gap:9px; }
.tag2 { background:var(--soft); color:var(--blue-d); font-size:.82rem; font-weight:600; padding:7px 14px; border-radius:999px; }
@media (min-width:880px){
  .trow2 { grid-template-columns:360px 1fr; gap:56px; align-items:center; }
  .trow2.reverse { grid-template-columns:1fr 360px; }
  .trow2.reverse .trow2-media { order:2; }
  .trow2-media { aspect-ratio:auto; height:400px; }
}

/* ==========================================================================
   TRATAMENTOS — organizado, arejado
   ========================================================================== */
.treat .grid { display:grid; grid-template-columns:1fr; gap:12px; }
.tcard { display:flex; align-items:center; gap:16px; background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:18px 20px; box-shadow:var(--sh-sm); transition:transform .16s ease, box-shadow .16s ease; }
.tcard:hover { transform:translateY(-2px); box-shadow:var(--sh); }
.tcard .ic { width:42px; height:42px; border-radius:11px; background:var(--soft); color:var(--blue); display:grid; place-items:center; flex:0 0 auto; }
.tcard .ic svg { width:22px; height:22px; }
.tcard h3 { font-size:1.02rem; margin-bottom:2px; }
.tcard p { font-size:.86rem; color:var(--muted); }
.tcard .go { margin-left:auto; color:var(--green); font-size:1.2rem; flex:0 0 auto; }
@media (min-width:720px){ .treat .grid { grid-template-columns:1fr 1fr; gap:14px; } }

/* ==========================================================================
   AVALIAÇÕES — cards macios, reais do Google
   ========================================================================== */
.reviews .head { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:14px; margin-bottom:32px; }
.reviews .head .eyebrow { display:block; margin-bottom:12px; }
.reviews .g { display:inline-flex; align-items:center; gap:9px; font-size:.9rem; color:var(--muted); }
.reviews .g .stars { color:#eab308; letter-spacing:1.5px; }
.gcards { display:grid; gap:16px; }
.gcard { background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:24px; box-shadow:var(--sh-sm); display:flex; flex-direction:column; gap:13px; }
.gcard .stars { color:#eab308; letter-spacing:1.5px; font-size:.9rem; }
.gcard blockquote { color:var(--ink); font-size:1rem; line-height:1.55; flex:1; }
.gcard .who { display:flex; align-items:center; gap:11px; }
.gcard .av { width:38px; height:38px; border-radius:50%; background:var(--blue); color:#fff; display:grid; place-items:center; font-weight:600; flex:0 0 auto; }
.gcard .who b { display:block; color:var(--ink); font-size:.9rem; font-weight:600; }
.gcard .who span { font-size:.8rem; color:var(--muted); }
.reviews-cta { margin-top:30px; }
@media (min-width:760px){ .gcards { grid-template-columns:repeat(3,1fr); } }

/* ==========================================================================
   ATENDIMENTO / INFO — elementos de clínica (horário, convênios, pagamento)
   ========================================================================== */
.info .grid { display:grid; gap:14px; }
.icard { background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:24px; box-shadow:var(--sh-sm); }
.icard .ic { width:42px; height:42px; border-radius:11px; background:var(--soft-g); color:var(--green); display:grid; place-items:center; margin-bottom:14px; }
.icard .ic svg { width:22px; height:22px; }
.icard h3 { margin-bottom:8px; }
.icard p { font-size:.94rem; color:var(--text); }
@media (min-width:760px){ .info .grid { grid-template-columns:repeat(3,1fr); gap:16px; } }

/* ==========================================================================
   LOCALIZAÇÃO — fachada + endereço
   ========================================================================== */
.locate .wrap { display:grid; gap:32px; align-items:center; }
.locate-figure img { width:100%; border-radius:var(--r-lg); box-shadow:var(--sh); aspect-ratio:3/2; object-fit:cover; }
.locate-copy .eyebrow { display:block; margin-bottom:14px; }
.locate-copy h2 { margin-bottom:20px; max-width:16ch; }
.lline { display:grid; grid-template-columns:22px 1fr; gap:12px; margin-bottom:16px; }
.lline svg { width:19px; height:19px; color:var(--blue); margin-top:4px; }
.lline b { color:var(--ink); display:block; font-weight:600; }
.locate-actions { display:flex; flex-wrap:wrap; gap:14px; align-items:center; margin-top:24px; }
@media (min-width:880px){ .locate .wrap { grid-template-columns:1.05fr .95fr; gap:40px 56px; } }
/* ==========================================================================
   CTA FINAL — mapa de fundo + card flutuante
   ========================================================================== */
.final { position:relative; padding:0; background:var(--soft); }
.final-map { position:relative; }
.final-map iframe { display:block; width:100%; height:264px; border:0; }
.final-map::after { content:''; position:absolute; inset:0; background:rgba(16,86,115,.63); pointer-events:none; }
.final .wrap { position:relative; z-index:2; }
.final-card { background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--sh); padding:22px 22px; max-width:440px; margin:-58px auto 40px; text-align:center; }
.final-card .eyebrow { display:block; margin-bottom:10px; }
.final-card h2 { font-size:clamp(1.28rem,2.4vw,1.65rem); line-height:1.14; margin:0 auto 11px; max-width:18ch; }
.final-card > p { color:var(--text); font-size:.9rem; margin:0 auto 18px; max-width:44ch; }
.final-addr { display:flex; gap:10px; align-items:flex-start; justify-content:center; margin-bottom:18px; }
.final-addr svg { width:21px; height:21px; color:var(--blue); flex:none; margin-top:2px; }
.final-addr p { font-size:.92rem; color:var(--text); }
.final-addr p b { display:block; color:var(--ink); font-weight:600; margin-bottom:2px; }
.final-actions { display:flex; flex-wrap:wrap; gap:12px 18px; align-items:center; justify-content:center; }
@media (min-width:900px){
  .final { min-height:420px; display:flex; align-items:center; }
  .final-map { position:absolute; inset:0; }
  .final-map iframe { height:100%; }
  .final .wrap { width:100%; }
  .final-card { margin:0 0 0 auto; max-width:392px; padding:26px 28px; text-align:left; }
  .final-card h2, .final-card > p { margin-left:0; margin-right:0; }
  .final-addr, .final-actions { justify-content:flex-start; }
}

/* ---------- footer ---------- */
.site-footer { background:var(--ink); color:#a6bccc; padding:56px 0 52px; font-size:.9rem; text-align:center; }
.site-footer .wrap { display:grid; gap:30px; }
.site-footer .logo { justify-content:center; }
.site-footer .logo img { height:34px; }
.site-footer a:hover { color:#fff; }
.foot-links { display:grid; gap:11px; align-content:start; justify-items:center; }
.foot-links a { color:#cbdcea; }
.foot-slogan { color:#bfe39c; font-style:italic; margin:14px auto 0; max-width:none; }
.foot-legal { border-top:1px solid rgba(255,255,255,.12); padding-top:22px; font-size:.8rem; color:#7793a6; line-height:1.7; }
.foot-legal a { color:#a6bccc; text-decoration:underline; text-underline-offset:2px; }
@media (max-width:859px){
  .site-footer { padding:40px 0 40px; }
  .site-footer .wrap { gap:22px; }
  .foot-links { gap:9px; }
  .foot-links a { font-size:.88rem; }
  .foot-slogan { font-size:.88rem; }
}
@media (min-width:860px){
  .site-footer { text-align:left; }
  .site-footer .wrap { grid-template-columns:1.5fr 1fr 1fr; }
  .site-footer .logo { justify-content:flex-start; }
  .foot-links { justify-items:start; }
  .foot-slogan { margin-left:0; margin-right:0; }
  .foot-legal { grid-column:1/-1; }
}

/* ---------- whatsapp flutuante ---------- */
.fab { position:fixed; right:20px; bottom:20px; z-index:60; display:grid; place-items:center; width:60px; height:60px; background:var(--wa); color:#fff; border-radius:50%; box-shadow:0 12px 28px -8px rgba(23,145,68,.6); transition:transform .16s ease; }
.fab:hover { transform:translateY(-2px) scale(1.04); }
.fab svg { width:34px; height:34px; }

/* ---------- reveal ---------- */
.js .reveal { opacity:0; transform:translateY(14px); transition:opacity .55s ease, transform .55s ease; }
.js .reveal.in { opacity:1; transform:none; }
.js .wcard { transition:transform .32s cubic-bezier(.4,0,.2,1), box-shadow .32s ease, border-color .32s ease, opacity .5s ease; }
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto;} .js .reveal{opacity:1;transform:none;transition:none;} .btn,.fab,.tcard{transition:none;} .js .wcard{transition:none;} .wcard:hover{transform:none;} .final-actions .btn-wa::after{animation:none;} }