/* Móviles estrechos: conserva la anchura útil y evita que controles y textos ensanchen la página. */
@media (max-width: 380px) {
    .hero__content { padding-inline: .75rem; }
    .photo-detail { padding-inline: .75rem; }
    .photo-detail__inner { gap: 1.2rem; }
    .photo-detail__actions { gap: .45rem; }
    .photo-detail__zoom,
    .photo-detail__edit { padding: .7rem 1rem; font-size: .7rem; letter-spacing: .04em; }
    .related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .related__item,
    .related__media,
    .related__cap { min-width: 0; }
}