#footer-convivio-logo {
   transition: all 0.3s ease-out;
}
#footer-convivio-logo:hover {
   opacity: 0.7;
}
#footer-convivio-logo svg {
   width: auto;
   height: 5rem;
   margin-block: 1.5rem;
}

#dialog-badge {
   position: fixed;
   inset: 0;
   z-index: 9999;
   min-width: 100%;
   min-height: 100%;
   display: grid;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   pointer-events: none;
   opacity: 0;
   -webkit-transition: opacity 0.4s ease-in-out;
   transition: opacity 0.4s ease-in-out;
}
#dialog-badge #dialog-badge-closer {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   cursor: pointer;
   background-color: transparent;
   padding: 0;
   border: 0;
   display: block;
   position: absolute;
   z-index: 10;
   top: 1.5rem;
   right: 1.5rem;
}
@media (min-width: 992px) {
   #dialog-badge #dialog-badge-closer {
      top: 2.5rem;
      right: 2.5rem;
   }
}
@media (min-width: 1280px) {
   #dialog-badge #dialog-badge-closer {
      right: 3.5rem;
   }
}
@media (min-width: 1480px) {
   #dialog-badge #dialog-badge-closer {
      right: 4.5rem;
   }
}
@media (min-width: 1560px) {
   #dialog-badge #dialog-badge-closer {
      right: 5.5rem;
   }
}
#dialog-badge #dialog-badge-closer svg {
   display: block;
   width: 2.5rem;
   height: 2.5rem;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.15, 0.1, 0.15, 1.25);
   transition: -webkit-transform 0.4s cubic-bezier(0.15, 0.1, 0.15, 1.25);
   transition: transform 0.4s cubic-bezier(0.15, 0.1, 0.15, 1.25);
   transition: transform 0.4s cubic-bezier(0.15, 0.1, 0.15, 1.25), -webkit-transform 0.4s cubic-bezier(0.15, 0.1, 0.15, 1.25);
}
@media (min-width: 992px) {
   #dialog-badge #dialog-badge-closer svg {
      width: 3rem;
      height: 3rem;
   }
}
#dialog-badge #dialog-badge-closer:hover svg,
#dialog-badge #dialog-badge-closer:focus-visible svg {
   -webkit-transform: rotate(135deg);
   transform: rotate(135deg);
}
#dialog-badge #dialog-badge-backdrop {
   cursor: pointer;
   position: absolute;
   inset: 0;
   z-index: -10;
   background-color: rgba(0, 0, 0, 0.75);
   backdrop-filter: blur(4px);
}
#dialog-badge .inner {
   background-color: #f5f3ef;
   max-width: 60rem;
   margin-inline: auto;
}
#dialog-badge .inner img {
   display: block;
   max-width: 100%;
}
#dialog-badge.is-shown {
   opacity: 1;
}
#dialog-badge.is-shown #dialog-badge-closer,
#dialog-badge.is-shown #dialog-badge-backdrop,
#dialog-badge.is-shown .inner {
   pointer-events: auto;
}