/* Firma oficial. El recorrido y la visibilidad pertenecen a cosmos.js. */
.cosmos-signature {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: grid;
  place-items: center;
  padding: 80px 24px;
  overflow: hidden;
  background: #F2EFE8;
  color: #0D0D0D;
  opacity: 0;
  transform: none;
  pointer-events: none;
  transition: none;
  isolation: isolate;
}
.cosmos-signature-inner {
  position: relative;
  isolation: isolate;
  display: grid;
  justify-items: center;
  width: min(100%, 420px);
  text-align: center;
  transform: none;
}
.cosmos-signature .brand-halo {
  position: absolute;
  inset: -50px -60px;
  z-index: -1;
  background: radial-gradient(ellipse, #3454FF12, transparent 66%);
  opacity: .2;
  pointer-events: none;
}
.cosmos-signature .morph-mark {
  display: block;
  width: 200px;
  height: 200px;
  max-width: 100%;
  overflow: visible;
  transform: none;
}
.cosmos-signature .brand-stage-name {
  display: block;
  margin-top: 25px;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -.045em;
  white-space: nowrap;
}
.cosmos-signature-tagline {
  margin: 14px 0 0;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: -.02em;
  color: #6E7069;
}
@media (max-width: 600px) {
  .cosmos-signature { padding: 80px 24px; }
  .cosmos-signature .morph-mark { width: 140px; height: 140px; }
  .cosmos-signature .brand-stage-name { margin-top: 20px; font-size: 20px; }
  .cosmos-signature-tagline { margin-top: 11px; font-size: 13px; }
}
@media (max-height: 500px) {
  .cosmos-signature { padding: 72px 24px; }
  .cosmos-signature .morph-mark { width: 140px; height: 140px; }
  .cosmos-signature .brand-stage-name { margin-top: 15px; font-size: 20px; }
  .cosmos-signature-tagline { margin-top: 8px; font-size: 13px; }
}