/* Frase de posicionamento abaixo do banner — tratamento editorial:
   aspa grande de abertura como elemento grafico, texto em peso leve e corpo
   grande, uma unica cor de enfase (o rosa da marca) e muito respiro em volta. */

/* Sai do container de 1140px do Elementor para ocupar a tela inteira, do mesmo
   jeito que o mosaico do mi-062 faz. */
.mi-frase{
  width:100vw;max-width:100vw;
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  background:#000;
  padding:clamp(46px,6.5vw,104px) 20px clamp(40px,5.5vw,88px);
  box-sizing:border-box
}

.mi-frase__wrap{
  max-width:1140px;margin:0 auto;position:relative;
  padding-left:clamp(0px,4.6vw,86px)
}

.mi-frase__q{margin:0;padding:0;border:0;quotes:none}

/* aspa de abertura: grafica, atras do texto, nao lida por leitor de tela */
.mi-frase__q::before{
  content:"\201C";
  position:absolute;left:0;top:clamp(-34px,-3.4vw,-10px);
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size:clamp(96px,12vw,210px);line-height:1;
  color:#ff00bb;
  pointer-events:none;user-select:none
}

.mi-frase__q p{
  margin:0;
  font-family:"Ubuntu","Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:clamp(19px,2.35vw,37px);
  line-height:1.36;
  font-weight:300;
  letter-spacing:-.012em;
  color:#fff;
  text-wrap:balance
}

/* aspa de fechamento colada no fim do texto, e nao numa linha propria */
.mi-frase__q p::after{
  content:"\201D";
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size:1.45em;line-height:0;
  vertical-align:-.34em;
  margin-left:.05em;
  color:#ff00bb
}

/* "nao e uma agencia" — a virada da frase, unica parte colorida */
.mi-frase em{font-style:normal;font-weight:500;color:#ff00bb}

/* "Nos ajudamos" — peso, nao cor, para nao competir com a linha de cima */
.mi-frase strong{font-weight:600;color:#fff}

/* filete curto de fechamento, mesmo rosa dos titulos de secao */
.mi-frase__risco{
  display:block;width:78px;height:2px;background:#ff00bb;
  margin:clamp(26px,3vw,44px) 0 0
}

@media (max-width:880px){
  .mi-frase{padding:40px 22px 34px}
  .mi-frase__wrap{padding-left:0;padding-top:52px}
  .mi-frase__q::before{top:-6px;font-size:86px}
  .mi-frase__q p{font-size:19px;line-height:1.42}
  .mi-frase__risco{width:56px;margin-top:24px}
}

/* Impressao e alto contraste: a aspa grafica so atrapalha */
@media print{
  .mi-frase{background:#fff}
  .mi-frase__q p{color:#000}
  .mi-frase__q::before,.mi-frase__risco{display:none}
}