/* The source CSS forces this heading to flex + nowrap!important. Spanish mobile
   copy needs normal text flow; keep the full-bleed parent and all other locales. */
@media (max-width: 760px) {
  html:lang(es) #fxp-gallery-title {
    display: block;
    width: calc(100% - 32px);
    min-width: 0;
    max-width: 100%;
    margin-inline: auto;
    white-space: normal !important;
    overflow-wrap: anywhere;
    line-height: 1.12;
  }
  html:lang(es) #fxp-gallery-title span {
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

/* Source solutions CSS uses 12vw type + overflow-wrap:normal on mobile.
   Permit long Spanish words to wrap inside the existing 16px page gutters. */
@media (max-width: 760px) {
  html:lang(es) #fxp-process-guide-heading,
  html:lang(es) #fxp-color-aggregate-heading {
    overflow-wrap: anywhere;
    word-break: normal;
  }
}
