/*
 * estetica-v2.css: só o que é da página Estética v2. O comum está em assets/css/v2.css.
 * Texto em _spec/04-COPY/estetica-v2.md.
 */

/* Herói com a C8 (sala sem pessoas): um véu claro à esquerda dá leitura ao título.
   Ao chegar a foto E1 do lote 2, o véu pode sair (ver o comentário no <picture>). */
.pagina--estetica-v2 .heroi h1{ font-size: clamp(2rem, 0.5rem + 3vw, 3.6rem); }
.pagina--estetica-v2 .heroi__apoio{ max-inline-size: 44ch; }
.pagina--estetica-v2 .heroi__foto img{ object-position: 70% 50%; }
@media (min-width: 701px){
  .pagina--estetica-v2 .heroi__foto::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(247, 249, 248, .96) 0%, rgba(247, 249, 248, .9) 38%, rgba(247, 249, 248, .35) 62%, rgba(247, 249, 248, 0) 80%); pointer-events: none; }
  .pagina--estetica-v2 .heroi__acoes{ max-inline-size: 31rem; }
}