/* Logos do Diário Palmeirense (usado no site e no painel) */
:root { --verde: #0A5C36; --destaque: #C8F25C; --tinta: #101410; --titulo: 'Anton', 'Impact', 'Arial Narrow', sans-serif; --corpo: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif; }
/* ---------- logos (5 estilos) ---------- */
.logo-1 { display: inline-flex; flex-direction: column; font-family: var(--titulo); font-size: 30px; line-height: 1; letter-spacing: 1px; text-transform: uppercase; color: #fff; border-bottom: 4px solid var(--destaque); padding-bottom: 4px; }
.logo-1 small { font-size: 14px; letter-spacing: 5px; color: var(--destaque); margin-bottom: 2px; }
.logo-2 { display: inline-flex; align-items: center; gap: 10px; }
.logo-2 > span { display: flex; flex-direction: column; font-family: var(--corpo); font-weight: 800; font-size: 17px; line-height: 1.05; text-transform: uppercase; color: #fff; }
.logo-2 .l { color: var(--destaque); }
.logo-3 { font-family: 'Newsreader', Georgia, serif; font-weight: 800; font-size: 30px; color: #fff; border-top: 2px solid var(--destaque); border-bottom: 2px solid var(--destaque); padding: 2px 0; text-transform: none; letter-spacing: 0; }
.logo-4 { display: inline-flex; align-items: center; gap: 10px; font-family: var(--corpo); font-weight: 800; font-size: 19px; text-transform: uppercase; color: #fff; }
.logo-4 .selo { width: 40px; height: 40px; border-radius: 50%; background: var(--verde); border: 3px solid var(--destaque); display: inline-flex; align-items: center; justify-content: center; font-family: var(--titulo); font-size: 17px; color: var(--destaque); }
.logo-5 { display: inline-flex; border: 2px solid var(--destaque); font-family: var(--titulo); font-size: 24px; text-transform: uppercase; line-height: 1; }
.logo-5 span { padding: 6px 10px; }
.logo-5 span:first-child { background: var(--verde); color: #fff; }
.logo-5 span:nth-child(2) { background: #fff; color: var(--tinta); }
.logo-5 .l5-vivo { display: inline-flex; align-items: center; background: var(--destaque); color: var(--tinta); font-family: var(--corpo); font-weight: 900; font-size: 11px; letter-spacing: 0.5px; padding: 0 8px; }
@media (max-width: 520px) { .logo-5 { font-size: 20px; } .logo-5 span { padding: 5px 7px; } .logo-5 .l5-vivo { font-size: 9px; padding: 0 5px; } }

.logo-6 { display: inline-flex; align-items: center; gap: 12px; }
.logo-6 .mono-dp { width: 92px; height: auto; flex: 0 0 auto; }
.logo-6 .l6-txt { display: flex; flex-direction: column; line-height: 1; }
.logo-6 small { font-family: var(--corpo); font-weight: 700; font-size: 13px; letter-spacing: 6px; text-transform: uppercase; color: var(--destaque); }
.logo-6 b { font-family: 'Newsreader', Georgia, serif; font-weight: 800; font-size: 32px; text-transform: uppercase; color: #F4F1EA; letter-spacing: 0; margin: 3px 0; }
.logo-6 em { font-style: normal; font-family: var(--corpo); font-size: 10px; letter-spacing: 3.5px; text-transform: uppercase; color: #C9D2CC; }
@media (max-width: 520px) {
  .logo-6 { gap: 8px; }
  .logo-6 .mono-dp { width: 50px; }
  .logo-6 b { font-size: 20px; }
  .logo-6 small { font-size: 10px; letter-spacing: 4px; }
  .logo-6 em { display: none; }
}