.llamada {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--espacio-regular) var(--espacio-medio);
  background-color: var(--color-alto-contraste-claro);
  border: var(--stroke-llamadas) solid var(--color-contraste-oscuro);
  border-radius: var(--radio-chico);
  box-sizing: border-box;
  
  user-select: none;
  -webkit-user-select: none;
}

.llamada__texto {
  color: var(--color-contraste-oscuro);
  text-align: center;
}

.llamada--difuso {
  background: none;
  border: none;
  padding: var(--espacio-medio);
  isolation: isolate;
}

.llamada--difuso .llamada__elipse {
  position: absolute;
  inset: 0;
  background-color: var(--color-alto-contraste-claro);
  border-radius: 50%;
  filter: blur(13px); 
  z-index: -1;
}

.llamada--difuso .llamada__texto {
  position: relative;
  z-index: 1;
}

.llamada--circular {
  background: none;
  border: none;
  padding: var(--espacio-medio);
  isolation: isolate;
}

.llamada--circular .llamada__elipse {
  position: absolute;
  inset: 0;
  background-color: var(--color-alto-contraste-claro);
  border-radius: 50%;
  border: var(--stroke-llamadas) solid var(--color-contraste-oscuro);
  z-index: -1;
}

.llamada--grande {
  padding: var(--espacio-regular) var(--espacio-medio);
}

.llamada--grande.llamada--circular,
.llamada--grande.llamada--difuso {
  padding: var(--espacio-largo);
}

.llamada-compuesta {
  position: absolute;
  user-select: none;
  -webkit-user-select: none;
}

.llamada-compuesta__vector {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.llamada-compuesta__caja {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: var(--espacio-regular) var(--espacio-medio);
  text-align: center;
  color: var(--color-contraste-oscuro);
}

.llamada-compuesta__caja > * {
  display: inline-block;
  max-width: 100%;
}