/* v6.54 — alinhamento óptico do conjunto Heloísa ou Asafe.
   O trio é centralizado como UM bloco (não em metades iguais), eliminando
   a sensação de deslocamento causada pela diferença de largura dos nomes. */
.name-plaque{
  width:min(96%,560px)!important;
  max-width:560px!important;
  margin:0 auto!important;
  padding:0 8px!important;
  display:grid!important;
  grid-template-columns:max-content 24px max-content!important;
  grid-template-rows:auto auto!important;
  justify-content:center!important;
  align-items:baseline!important;
  column-gap:9px!important;
  row-gap:0!important;
  overflow:visible!important;
}

.name-plaque .name{
  grid-row:1!important;
  margin:0!important;
  padding:0!important;
  line-height:.96!important;
  white-space:nowrap!important;
  transform:none!important;
}

.name-plaque .rose-name{
  grid-column:1!important;
  justify-self:end!important;
  text-align:right!important;
  transform:translateY(1px)!important;
}

.name-plaque>.choice-word,
.name-plaque>span.choice-word:not(.or):not(.name-or):not(.name-paw):not([class*="paw"]){
  grid-column:2!important;
  grid-row:1!important;
  align-self:baseline!important;
  justify-self:center!important;
  margin:0!important;
  transform:translateY(-2px)!important;
  font-size:.76rem!important;
  line-height:1!important;
}

.name-plaque .blue-name{
  grid-column:3!important;
  justify-self:start!important;
  text-align:left!important;
  padding-right:.08em!important;
  transform:translateY(1px)!important;
}

/* divisor: separado do texto, leve e rigorosamente centralizado */
.name-plaque::after{
  grid-column:1 / -1!important;
  grid-row:2!important;
  justify-self:center!important;
  width:84%!important;
  height:18px!important;
  margin:17px auto 0!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 48' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23C89436' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 24H453'/%3E%3Cpath d='M547 24H990'/%3E%3Cpath d='M453 24c16 0 20-12 31-12 9 0 13 7 16 12 3-5 7-12 16-12 11 0 15 12 31 12'/%3E%3Cpath d='M478 24c8 0 14 6 22 15 8-9 14-15 22-15'/%3E%3C/g%3E%3Ccircle cx='8' cy='24' r='3.5' fill='%23C89436'/%3E%3Ccircle cx='992' cy='24' r='3.5' fill='%23C89436'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:100% 100%!important;
}

@media(max-width:430px){
  .name-plaque{
    width:97%!important;
    grid-template-columns:max-content 22px max-content!important;
    column-gap:7px!important;
    padding-inline:4px!important;
  }
  .name-plaque .name{
    font-size:clamp(2.20rem,10.35vw,2.66rem)!important;
  }
  .name-plaque>.choice-word,
  .name-plaque>span.choice-word:not(.or):not(.name-or):not(.name-paw):not([class*="paw"]){
    font-size:.72rem!important;
    transform:translateY(-2px)!important;
  }
  .name-plaque::after{
    width:82%!important;
    height:17px!important;
    margin-top:17px!important;
  }
}

@media(max-width:359px){
  .name-plaque{
    grid-template-columns:max-content 20px max-content!important;
    column-gap:5px!important;
  }
  .name-plaque .name{
    font-size:clamp(2.04rem,10vw,2.42rem)!important;
  }
  .name-plaque::after{width:84%!important;margin-top:16px!important}
}