/* v6.49 — placa de nomes reconstruída a partir da referência enviada pelo usuário */
.name-plaque {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 34px minmax(0,1fr) !important;
  align-items: center !important;
  width: 96% !important;
  max-width: 430px !important;
  min-height: 84px !important;
  margin: 10px auto 0 !important;
  padding: 10px 28px 12px !important;
  column-gap: 3px !important;
  background: linear-gradient(180deg, rgba(255,253,248,.97), rgba(255,249,239,.94)) !important;
  border: 1.5px solid #d09a3d !important;
  border-radius: 28px !important;
  outline: 1px solid rgba(208,154,61,.76) !important;
  outline-offset: -6px !important;
  box-shadow: 0 5px 16px rgba(107,76,34,.07) !important;
  overflow: visible !important;
  isolation: isolate !important;
}

/* arabescos laterais delicados, como na moldura da referência */
.name-plaque::before,
.name-plaque::after {
  display: flex !important;
  position: absolute !important;
  top: 50% !important;
  z-index: 3 !important;
  width: 38px !important;
  height: 52px !important;
  align-items: center !important;
  justify-content: center !important;
  color: #cf9634 !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
  opacity: 1 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 33px !important;
  line-height: 1 !important;
  pointer-events: none !important;
}
.name-plaque::before {
  content: '❧' !important;
  left: -22px !important;
  transform: translateY(-50%) rotate(180deg) !important;
}
.name-plaque::after {
  content: '❧' !important;
  right: -22px !important;
  transform: translateY(-50%) !important;
}

.name-plaque .name-paw { display: none !important; }

.name-plaque .name {
  display: block !important;
  min-width: 0 !important;
  padding: 0 !important;
  font-family: var(--script) !important;
  font-size: clamp(2.8rem, 12.7vw, 3.42rem) !important;
  font-weight: 400 !important;
  line-height: .98 !important;
  letter-spacing: -.025em !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-shadow: 0 1px rgba(255,255,255,.75) !important;
}
.name-plaque .rose-name {
  justify-self: end !important;
  color: #d34e79 !important;
  transform: translateX(0) !important;
}
.name-plaque .blue-name {
  justify-self: start !important;
  color: #2478b5 !important;
  transform: translateX(0) !important;
}
.name-plaque > .choice-word,
.name-plaque > span.choice-word:not(.or):not(.name-or):not(.name-paw):not([class*="paw"]) {
  justify-self: center !important;
  align-self: center !important;
  width: auto !important;
  flex-basis: auto !important;
  color: #b98228 !important;
  font-family: var(--serif) !important;
  font-size: .78rem !important;
  font-style: italic !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  transform: translate(0,2px) !important;
}

@media (max-width: 359px) {
  .name-plaque {
    width: 94% !important;
    min-height: 76px !important;
    grid-template-columns: minmax(0,1fr) 28px minmax(0,1fr) !important;
    padding-inline: 22px !important;
    border-radius: 25px !important;
  }
  .name-plaque .name { font-size: clamp(2.42rem, 12.2vw, 2.72rem) !important; }
  .name-plaque::before { left: -20px !important; }
  .name-plaque::after { right: -20px !important; }
}