.ws-congreso-banner {
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  color: inherit;
}

.ws-congreso-banner__image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  color: inherit;
}

.ws-congreso-banner--ratio .ws-congreso-banner__image {
  aspect-ratio: var(--ws-congreso-banner-aspect-ratio, 16 / 9);
  object-fit: cover;
}

.ws-congreso-banner--rounded .ws-congreso-banner__image {
  border-radius: var(--wp--custom--border--radius, var(--wp--preset--spacing--30, 1rem));
}

.ws-congreso-banner--minimal .ws-congreso-banner__image {
  border-radius: 0;
}

.ws-congreso-banner__caption {
  margin-block-start: var(--wp--preset--spacing--20, 0.75rem);
  font-size: var(--wp--preset--font-size--small, 0.875rem);
  line-height: 1.5;
  color: currentColor;
  opacity: 0.72;
}

.ws-congreso-banner-editor {
  width: 100%;
  color: inherit;
}

.ws-congreso-banner-editor__preview {
  width: 100%;
}

.ws-congreso-banner-editor__placeholder {
  display: grid;
  gap: var(--wp--preset--spacing--20, 0.75rem);
  padding: var(--wp--preset--spacing--30, 1rem);
  color: currentColor;
  border: 1px dashed currentColor;
  border-radius: var(--wp--custom--border--radius, 0.75rem);
  opacity: 0.72;
}

.ws-congreso-banner-editor__placeholder-title {
  margin: 0;
  font-weight: 600;
}

.ws-congreso-banner-editor__placeholder-text {
  margin: 0;
  font-size: var(--wp--preset--font-size--small, 0.875rem);
}

@media (max-width: 600px) {
  .ws-congreso-banner--ratio .ws-congreso-banner__image {
    aspect-ratio: 4 / 3;
  }
}