.videos-page .site-header {
  position: sticky;
  gap: 20px;
}

.videos-page .desktop-nav { gap: 22px; }
.videos-page .header-actions { gap: 16px; }
.videos-page .lang-button { min-width: 30px; min-height: 44px; opacity: 0.72; }
.videos-page .lang-button.is-active { opacity: 1; text-decoration: underline; text-underline-offset: 5px; }
.videos-page .desktop-nav [aria-current="page"] { text-decoration: underline; text-underline-offset: 6px; }
.videos-page .video-main { padding-top: 48px; }
.videos-page .video-hero { grid-template-columns: minmax(0, 1fr); padding-bottom: 32px; }
.videos-page .video-hero h1 { font-size: 64px; line-height: 1.08; }
.videos-page .video-copy h2,
.videos-page .video-library h2 { font-size: 40px; line-height: 1.15; }
.videos-page .section-kicker { letter-spacing: 0; }
.videos-page .video-library { border-top: 1px solid var(--line); }
.videos-page .video-links { display: flex; flex-wrap: wrap; gap: 20px 32px; }
.videos-page .video-unlock svg { width: 18px; height: 18px; }
.videos-page :is(a, button):focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.videos-page #contenido { scroll-margin-top: 180px; }

@media (max-width: 1080px) {
  .videos-page .site-header { flex-wrap: wrap; gap: 0 16px; padding-bottom: 12px; }
  .videos-page .desktop-nav { display: flex; order: 3; flex: 1 0 100%; flex-wrap: wrap; gap: 4px 22px; }
  .videos-page .desktop-nav a { padding-block: 8px; }
  .videos-page .video-feature { grid-template-columns: minmax(0, 1fr) minmax(0, 420px); }
}

@media (max-width: 760px) {
  .videos-page .site-header { padding-inline: 16px; }
  .videos-page .header-actions { gap: 8px; }
  .videos-page .language-switch { gap: 2px; }
  .videos-page .header-whatsapp { width: 40px; height: 44px; padding: 0; justify-content: center; }
  .videos-page .header-whatsapp span { display: none; }
  .videos-page .desktop-nav { gap: 0 16px; }
  .videos-page .video-main { padding-top: 32px; }
  .videos-page .video-hero h1 { font-size: 48px; }
  .videos-page .video-copy h2,
  .videos-page .video-library h2 { font-size: 32px; }
  .videos-page .video-feature { grid-template-columns: minmax(0, 1fr); }
  .videos-page .video-page-frame { width: 100%; max-width: 420px; justify-self: center; }
}