/* 03-texturas-e-botoes: Camada de textura de concreto, efeito cortina do topo, botões e par de CTAs. */

/* ---------- textura de concreto ---------- */
.tex{position:relative;}
.tex::before{
  content:"";
  position:absolute;inset:0;z-index:0;
  pointer-events:none;
  background-image:var(--tex-img), var(--tex-noise);
  background-size:cover, 260px 260px;
  background-position:center;
  opacity:var(--tex-o, .5);
  mix-blend-mode:var(--tex-blend, overlay);
}
.tex-dark{background-color:var(--ink);color:var(--white);--tex-img:var(--tex-dark);--tex-o:.42;--tex-blend:screen;}
/* Abertura mantém só o grão procedural (preferência do cliente); o concreto escuro fica no Contato. */
.hero.tex-dark{--tex-img:none;--tex-o:.16;}
/* efeito cortina: o hero fica preso e as seções seguintes sobem por cima dele */
main > section, main > .band{position:relative;}
#sintoma{background-color:var(--white);}
.tex-light{background-color:var(--concrete-light);color:var(--ink);--tex-img:var(--tex-light);--tex-o:.85;--tex-blend:multiply;}
.tex-light::before{
  -webkit-mask-image:linear-gradient(to bottom, transparent, #000 22%, #000 78%, transparent);
  mask-image:linear-gradient(to bottom, transparent, #000 22%, #000 78%, transparent);
}
.tex-red{background-color:var(--red);color:var(--white);--tex-img:var(--tex-light);--tex-o:.3;--tex-blend:multiply;}


/* ---------- botões ---------- */
.btn{
  position:relative;isolation:isolate;overflow:hidden;
  display:inline-flex;align-items:center;gap:.75em;
  min-height:48px;
  padding:0 22px;
  font-family:var(--font);font-weight:700;font-size:1rem;font-stretch:100%;
  text-decoration:none;
  border:0;border-radius:0;
  cursor:pointer;
  white-space:nowrap;
}
.btn::before{
  content:"";position:absolute;inset:0;z-index:-1;
  transform:scaleX(0);transform-origin:right;
  transition:transform .55s var(--ease-inout);
}
.btn:hover::before{transform:scaleX(1);transform-origin:left;}
.btn .arr{display:inline-block;transition:transform .45s var(--ease-out);}
.btn:hover .arr{transform:translateX(4px);}
.btn-red{background:var(--red);color:var(--white);}
.btn-red::before{background:var(--ink);}
.tex-dark .btn-red::before,.nav .btn-red::before{background:var(--white);}
.tex-dark .btn-red:hover,.nav .btn-red:hover{color:var(--ink);}
.btn-white{background:var(--white);color:var(--red-deep);}
.btn-white::before{background:var(--ink);}
.btn-white:hover{color:var(--white);}
.link-line{
  display:inline-flex;align-items:center;gap:.6em;
  min-height:48px;
  font-weight:600;text-decoration:none;
  background:linear-gradient(currentColor,currentColor) left bottom / 100% 1px no-repeat;
  transition:background-size .5s var(--ease-inout);
}
.link-line:hover{background-size:0% 1px;background-position:right bottom;}
.link-line .arr{transition:transform .45s var(--ease-out);}
.link-line:hover .arr{transform:translateY(3px);}

/* par de CTAs: agendar é a ação; o teste é a saída discreta ao lado */
.cta-pair{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;}
.link-quiet{
  display:inline-flex;align-items:center;min-height:44px;
  font-size:var(--t-small);font-weight:500;
  color:#5c5c5c;
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;
  text-decoration-color:rgb(92 92 92 / .45);
  transition:color .3s, text-decoration-color .3s;
}
.link-quiet:hover{color:var(--ink);text-decoration-color:currentColor;}
.tex-dark .link-quiet,.method .link-quiet,.menu .link-quiet{color:#9b9b9b;text-decoration-color:rgb(155 155 155 / .45);}
.tex-dark .link-quiet:hover,.method .link-quiet:hover,.menu .link-quiet:hover{color:var(--white);text-decoration-color:currentColor;}