/* ======================================================================
   Páginas para fotógrafos — estructura mínima hasta definir cada oferta
   ====================================================================== */

.professional-page {
  min-height: 100%;
  overflow: hidden;
  background: var(--c-bg-inverse);
  color: var(--c-text-inverse);
}

.professional-page-shell {
  display: flex;
  flex-direction: column;
  min-height: 100svh;
  padding: clamp(24px, 4vw, 72px);
}

.professional-back-link {
  align-self: flex-start;
  color: var(--c-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(14px, 1.2vw, 18px);
  letter-spacing: 0.06em;
  text-decoration: none;
  transition: color 0.3s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.professional-back-link:hover {
  color: var(--c-text-inverse);
  transform: translateX(5px);
}

.professional-page-title {
  align-self: flex-end;
  margin: auto 0 0;
  color: var(--c-text-inverse);
  font-family: var(--font-display);
  font-size: clamp(70px, 11vw, 220px);
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 0.84;
  text-align: right;
}

@media (max-width: 700px) {
  .professional-page-shell { padding: 24px 20px; }
  .professional-page-title { font-size: clamp(64px, 18vw, 116px); }
}