/* RIB Administrativo — pavão (identidade visual) */

/* Logo com a cabeça do pavão */
.logo.pavao-logo { padding: 0; overflow: hidden; background: linear-gradient(160deg, #1a4f8f, #0b2545); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
.logo.pavao-logo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; display: block; }

/* Pavão no login: reto, no canto inferior direito, com o rabo sumindo no azul */
.pv-login { position: absolute; right: 0; bottom: 0; margin: 0; width: min(68%, 520px); aspect-ratio: 1108 / 783; pointer-events: none; z-index: 1;
  animation: pv-entra 1s cubic-bezier(.16,1,.3,1) .25s backwards; }
.pv-login::before { content: ''; position: absolute; right: 10%; top: 0; width: 60%; aspect-ratio: 1; border-radius: 50%;
  background: radial-gradient(circle, rgba(103,232,249,.22), transparent 65%); }
.pv-login img { position: relative; display: block; width: 100%; height: 100%; object-fit: contain; object-position: 100% 100%;
  filter: drop-shadow(0 20px 30px rgba(0,0,0,.35)); user-select: none; -webkit-user-drag: none; }
@keyframes pv-entra { from { opacity: 0; transform: translateX(40px); } to { opacity: 1; transform: none; } }

@media (min-width: 821px) {
  .login-marca { justify-content: flex-start; }
  .login-marca > div:not(.selo) { margin-top: 9vh; position: relative; z-index: 2; max-width: 460px; }
  .login-marca .rodape-marca { margin-top: auto; max-width: 42%; }
}
@media (max-width: 820px) {
  .login-marca { min-height: 280px; justify-content: flex-start; gap: 14px; }
  .login-marca h1 { font-size: 26px; }
  .login-marca > div:not(.selo) p { display: none; }
  .pv-login { width: 54%; max-width: 270px; }
}
@media (prefers-reduced-motion: reduce) { .pv-login { animation: none; } }