/* Componentes compartilhados entre site e painel: capa gerada, estrelas, selos. */
.capa{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#ddd}
.capa-gerada{position:relative;overflow:hidden;padding:7% 7% 12%;display:flex;flex-direction:column;justify-content:space-between;container-type:inline-size;
  font-family:'Archivo','Arial Narrow',Arial,sans-serif}
.capa-marca{font-size:clamp(9px,3.6cqi,13px);font-weight:700;letter-spacing:.14em;opacity:.75}
.capa-titulo{font-stretch:72%;font-weight:800;text-transform:uppercase;line-height:.95;font-size:clamp(17px,9.5cqi,46px);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.capa-faixa{position:absolute;left:0;right:0;bottom:6%;height:5%;min-height:4px}
.capa-asfalto{background:#22252a;color:#fff}.capa-asfalto .capa-faixa{background:repeating-linear-gradient(90deg,#ffc20e 0 14%,transparent 14% 22%)}
.capa-placa{background:#ffc20e;color:#16181b}.capa-placa .capa-faixa{background:repeating-linear-gradient(90deg,#16181b 0 14%,transparent 14% 22%)}
.capa-papel{background:#e9e4d7;color:#16181b;box-shadow:inset 0 0 0 1px #d6cebd}.capa-papel .capa-faixa{background:repeating-linear-gradient(90deg,#16181b 0 6%,#ffc20e 6% 12%)}
.capa-noite{background:#1f3044;color:#fff}.capa-noite .capa-faixa{background:repeating-linear-gradient(90deg,#fff 0 14%,transparent 14% 22%)}

.estrelas{--cor:#e59819;display:inline-block;font-size:15px;letter-spacing:1px;line-height:1;vertical-align:-1px;
  background:linear-gradient(90deg,var(--cor) var(--pct),#cfc8b8 var(--pct));-webkit-background-clip:text;background-clip:text;color:transparent !important}
.estrelas.pequenas{font-size:13px}
.selo{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 8px;border-radius:2px;line-height:1.2}
.selo-gratis{background:#0f7b4f;color:#fff}
.selo-alerta{background:#b3261e;color:#fff}
.selo-novo{background:#fff1bf;color:#6b4e00;box-shadow:inset 0 0 0 1px #e6c65c}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}