/* Pulso — tecnologia em vitrine clara. Grade fina no fundo, brilho na cor da
   marca e o produto flutuando no topo. Nenhuma cor literal: tudo var(--ec-*). */

h1,h2{letter-spacing:-.035em;font-weight:700}
.ec-topo{background:color-mix(in srgb,var(--ec-fundo) 86%,transparent)}
.ec-menu a{font-weight:600;font-size:.88rem;letter-spacing:.01em}

.ec-btn{background:linear-gradient(120deg,var(--ec-primaria),var(--ec-primaria-escura));position:relative;overflow:hidden}
.ec-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s}
.ec-btn:hover::after{transform:translateX(120%)}
.ec-btn--fantasma{background:transparent}

.ec-card{border-color:color-mix(in srgb,var(--ec-texto) 8%,transparent)}
.ec-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:3;background:linear-gradient(90deg,var(--ec-primaria),var(--ec-secundaria));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.ec-card:hover::before{transform:scaleX(1)}
.ec-card:hover{box-shadow:0 22px 50px rgba(var(--ec-primaria-rgb),.16)}
.ec-card__foto{background:#fff}

.ec-cabecalho-secao h2{display:flex;align-items:center;gap:12px}
.ec-cabecalho-secao h2::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--ec-primaria);box-shadow:0 0 0 5px rgba(var(--ec-primaria-rgb),.15)}

.ec-hv{background:
  linear-gradient(rgba(var(--ec-primaria-rgb),.07) 1px,transparent 1px) 0 0/44px 44px,
  linear-gradient(90deg,rgba(var(--ec-primaria-rgb),.07) 1px,transparent 1px) 0 0/44px 44px,
  var(--ec-fundo)}
.ec-faixa{background:var(--ec-texto);color:var(--ec-fundo)}
.ec-faixa i{color:var(--ec-secundaria)}
.ec-beneficio{background:var(--ec-superficie);border:1px solid var(--ec-borda)}
.ec-news{background:linear-gradient(135deg,var(--ec-texto),color-mix(in srgb,var(--ec-primaria) 55%,var(--ec-texto)));color:#fff}
.ec-news h2,.ec-news p,.ec-news small,.ec-news span,.ec-news label{color:#fff;opacity:1}
.ec-news small,.ec-news label{opacity:.75}
.ec-rodape{background:var(--ec-superficie)}