.benefits__media {
  background-image: url("assets/sections/02-beneficios.png");
  background-position: center;
  filter: saturate(.68) contrast(1.08) brightness(.72);
  transform: scale(1.02);
}

.benefits__veil {
  background:
    linear-gradient(90deg,
      rgba(248, 246, 239, .99) 0%,
      rgba(248, 246, 239, .95) 34%,
      rgba(255, 212, 0, .38) 62%,
      rgba(16, 16, 16, .12) 100%),
    linear-gradient(0deg, rgba(16, 16, 16, .22), transparent 48%);
}

.benefit-card {
  box-shadow: 0 18px 45px rgba(0, 0, 0, .16);
}

@media (max-width: 900px) {
  .benefits__media {
    background-position: 58% bottom;
    background-size: auto 62%;
    filter: saturate(.7) contrast(1.06) brightness(.68);
  }

  .benefits__veil {
    background:
      linear-gradient(180deg,
        rgba(248, 246, 239, 1) 0%,
        rgba(248, 246, 239, .98) 53%,
        rgba(255, 212, 0, .35) 73%,
        rgba(16, 16, 16, .24) 100%);
  }
}

/* Integración con la barra de administración y el logo configurable de WordPress. */
.admin-bar .site-header {
  top: 32px;
}

.custom-logo-link {
  display: block;
  width: max-content;
  line-height: 0;
}

.custom-logo-link img {
  display: block;
  width: 145px;
  height: 54px;
  object-fit: cover;
}

@media (max-width: 782px) {
  .admin-bar .site-header {
    top: 46px;
  }

  .custom-logo-link img {
    width: 125px;
    height: 46px;
  }
}