/* UNIMES redesign — grafismo de trilha. CSS puro, sem build.
   Duas faixas inclinadas no canto direito de um painel navy: a larga em
   escarlate (identidade, nunca cor de interface) e a fina em branco translucido,
   que so aparece com espaco. Usado no destaque estrategico da Home, no teste
   vocacional do catalogo e na chamada final da pagina de curso.

   O painel so precisa da classe .unimes-trail; o conteudo dele fica em
   position: relative para passar a frente das faixas. A forma larga entra a
   partir de 768px; .unimes-trail--640 antecipa para 640px (catalogo). */

.unimes-trail {
  position: relative;
  overflow: hidden;
}

.unimes-trail::before,
.unimes-trail::after {
  position: absolute;
  top: 0;
  height: 100%;
  content: '';
  pointer-events: none;
  transform: skewX(-18deg);
}

.unimes-trail::before {
  right: -0.625rem;
  width: 3.125rem;
  background: var(--surface-master);
}

.unimes-trail::after {
  display: none;
  background: rgb(255 255 255 / 0.08);
}

@media (min-width: 640px) {
  .unimes-trail--640::before {
    right: 3.75rem;
    width: 5.625rem;
  }

  .unimes-trail--640::after {
    right: 11.25rem;
    display: block;
    width: 1.25rem;
  }
}

@media (min-width: 768px) {
  .unimes-trail::before {
    right: 3.75rem;
    width: 5.625rem;
  }

  .unimes-trail::after {
    right: 11.25rem;
    display: block;
    width: 1.25rem;
  }
}