.videos-nav { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:var(--header-height); padding-block:10px; }
.videos-menu-toggle{display:none}
.jiga-section{margin-top:48px;padding-top:16px;border-top:1px solid var(--line)}
.local-video-player video{display:block;width:100%;max-width:400px;aspect-ratio:9/16;object-fit:contain;background:var(--green-950);border-radius:10px}
.videos-page .menu [aria-current="page"] { box-shadow:inset 0 -2px 0 var(--green-700); }
.videos-main { max-width:1200px; padding-block:54px 72px; }
.videos-eyebrow { color:var(--green-700); font-size:.8rem; font-weight:700; letter-spacing:.14em; }
.videos-main h1 { margin:8px 0; color:var(--green-900); font-family:"Playfair Display",Georgia,serif; font-size:clamp(2.2rem,5vw,3.5rem); }
.videos-intro { margin:0 0 32px; color:var(--muted); }
.videos-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)); gap:28px; align-items:start; }
.video-card { width:100%; max-width:580px; overflow:hidden; border:1px solid var(--line); border-radius:16px; background:var(--paper); box-shadow:var(--shadow); }
.video-player { background:var(--sage-100); }
.video-player iframe { display:block; width:100%; height:650px; border:0; }
.video-details { padding:24px; }
.video-details h2 { margin:0 0 12px; color:var(--green-900); font-size:1.25rem; }
.video-details p { color:var(--muted); font-size:.9rem; }
.video-link { display:inline-block; padding:11px 18px; border-radius:8px; background:var(--green-800); color:white; font-weight:600; }
.video-link:hover { background:var(--green-950); }
.videos-footer { padding:24px; text-align:center; border-top:1px solid var(--line); color:var(--green-900); }
@media(max-width:900px) { .videos-nav { flex-wrap:wrap; justify-content:center; } .videos-page .menu { display:flex; position:static; width:auto; flex-wrap:wrap; justify-content:center; padding:0; background:transparent; } .videos-page .menu > a { padding:10px; } }
@media(max-width:480px) { .videos-main { padding-block:32px 48px; } .video-player iframe { height:540px; } .videos-nav .brand-text { font-size:1.4rem; } }

/* Diseño editorial con la misma paleta del inicio. */
.videos-main{max-width:1400px;padding-top:36px}
.videos-hero{display:grid;grid-template-columns:1fr 280px;align-items:center;gap:48px;padding:48px 60px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(120deg,var(--cream),var(--sage-100))}
.videos-hero h1{font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.15;margin:14px 0 20px}.videos-hero h1 em{color:var(--green-700);font-weight:400}.videos-intro{max-width:560px}
.hero-seal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.7);border:1px solid var(--sage-300);box-shadow:0 0 0 16px rgba(185,208,189,.2)}
.hero-seal img{width:160px;height:160px;object-fit:contain}.hero-seal span{color:var(--green-900);font-size:.75rem}
.section-heading{display:flex;justify-content:space-between;align-items:center;margin:38px 0 22px;color:var(--green-900)}.section-heading h2{font-family:"Playfair Display",Georgia,serif;font-size:1.9rem;margin:0}.section-heading>span{border:1px solid var(--sage-300);border-radius:30px;padding:8px 16px;font-size:.85rem}
.videos-grid{display:block}.video-card{display:grid;grid-template-columns:minmax(280px,400px) 1fr;max-width:none;border-radius:20px;scroll-margin-top:160px}.video-player iframe{height:auto;aspect-ratio:400/710}
.video-details{padding:clamp(28px,5vw,64px);align-self:center}.video-details h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.8rem,3vw,2.6rem);margin:22px 0 14px}.video-details p{max-width:480px}
.video-tag{display:inline-block;color:var(--green-700);background:var(--sage-100);padding:7px 12px;border-radius:6px;font-size:.7rem;letter-spacing:.09em;font-weight:700}.video-divider{height:1px;background:var(--line);margin:32px 0}.catalog-link{color:var(--green-800);font-weight:700}
.videos-footer{background:var(--green-950);color:var(--sage-100);padding:30px}.videos-footer a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.videos-hero{padding:36px;grid-template-columns:1fr 220px;gap:28px}.hero-seal img{width:130px;height:130px}.hero-seal span{font-size:.65rem}}
@media(max-width:700px){.videos-hero{grid-template-columns:1fr;padding:28px}.hero-seal{display:none}.video-card{grid-template-columns:1fr}.video-player{display:flex;justify-content:center}.video-player iframe{max-width:400px}.section-heading h2{font-size:1.5rem}.section-heading>span{white-space:nowrap}}

/* Portada compacta y galería preparada para más publicaciones. */
.videos-main{padding-top:24px}
.videos-hero{grid-template-columns:1fr 170px;gap:32px;padding:26px 36px;border-radius:18px}
.videos-hero h1{font-size:clamp(2rem,3.2vw,3rem);line-height:1.18;max-width:850px;margin:10px 0 14px}
.videos-intro{font-size:1.15rem;line-height:1.65;max-width:780px;margin-bottom:18px}
.hero-seal{gap:6px;box-shadow:0 0 0 8px rgba(185,208,189,.2)}
.hero-seal img{width:105px;height:105px}.hero-seal span{font-size:.6rem;text-align:center;padding-inline:10px}
.videos-eyebrow{font-size:.85rem}.section-heading{margin:28px 0 20px}
.videos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.video-card{display:flex;flex-direction:column;min-width:0;border-radius:16px}
.video-player{width:100%;display:flex;justify-content:center;padding:12px;background:var(--sage-100)}
.video-player iframe{width:100%;max-width:400px;height:auto;aspect-ratio:400/710;border-radius:10px;overflow:hidden}
.video-details{padding:22px;width:100%}
.video-details h2{font-size:1.75rem;line-height:1.25;margin:16px 0 12px}
.video-details p{font-size:1.05rem;line-height:1.65;margin:12px 0}
.video-details .player-note{font-size:.9rem;color:var(--muted)}
.video-tag{font-size:.75rem}.video-link{font-size:1.05rem}
.video-coming{min-height:340px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px 24px;border:1px dashed var(--sage-300);border-radius:16px;background:linear-gradient(145deg,var(--sage-100),var(--cream))}
.coming-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:white;color:var(--green-700);font-size:1.4rem;box-shadow:var(--shadow)}
.video-coming h2{font-family:"Playfair Display",Georgia,serif;font-size:1.8rem;color:var(--green-900);margin:8px 0}
.video-coming>p:not(.videos-eyebrow){color:var(--muted);font-size:1.05rem;line-height:1.65}.video-coming .catalog-link{font-size:1rem;margin-top:14px}
@media(max-width:1100px){.videos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.videos-hero{grid-template-columns:1fr;padding:24px}.videos-grid{grid-template-columns:1fr}.videos-intro{font-size:1.1rem}.video-card{max-width:480px;margin-inline:auto;width:100%}.video-coming{min-height:250px}.section-heading h2{font-size:1.6rem}.video-player iframe{max-width:400px}}

/* Menú móvil en el flujo: no bloquea el desplazamiento de la página. */
@media(max-width:900px){
  .videos-page .site-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}
  .videos-nav{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;justify-content:normal;min-height:78px}
  .videos-nav .brand{min-width:0;gap:10px}
  .videos-nav .brand-text{display:inline;font-size:clamp(1rem,4vw,1.4rem);letter-spacing:.02em}
  .videos-nav .header-brand-logo{width:54px;height:54px;flex-shrink:0}
  .videos-menu-toggle{display:block;width:46px;height:46px;border:1px solid var(--line);border-radius:8px;background:var(--sage-100);color:var(--green-900);font-size:1.6rem}
  .videos-page .menu{display:none;grid-column:1/-1;position:static;inset:auto;flex-direction:column;align-items:stretch;width:100%;max-height:65vh;overflow-y:auto;gap:0;padding:0;border-top:1px solid var(--line);background:white}
  .videos-page .videos-menu-open .menu{display:flex}
  .videos-page .menu>a{width:100%;padding:13px 16px;text-align:left;font-size:1rem}
}
@media(max-width:480px){
  .videos-main{width:calc(100% - 24px);padding-block:18px 36px}
  .videos-hero{padding:22px 18px;border-radius:14px}
  .videos-hero h1{font-size:2rem;overflow-wrap:break-word}
  .videos-intro{font-size:1.05rem}
  .section-heading{gap:12px;align-items:center}.section-heading h2{font-size:1.4rem}
  .section-heading>span{padding:6px 10px;font-size:.8rem;flex-shrink:0}
  .videos-grid{gap:20px}.video-player{padding:8px}.video-player iframe{max-width:400px;width:100%}
  .video-details{padding:20px}.video-details h2{font-size:1.6rem;overflow-wrap:anywhere}
  .video-link{max-width:100%;padding:12px 16px}.videos-footer{padding:24px 16px;font-size:.9rem}
}

.video-filters{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 12px}
.video-filters button{border:1px solid var(--sage-300);border-radius:24px;background:white;color:var(--green-900);padding:11px 19px;font:inherit;font-weight:600;cursor:pointer}
.video-filters button[aria-pressed="true"],.video-filters button:hover{background:var(--green-800);color:white;border-color:var(--green-800)}
.video-filters button:focus-visible{outline:3px solid var(--sage-300);outline-offset:3px}
.video-results{color:var(--muted);font-size:.95rem;margin:0 0 22px}
.videos-grid>.video-card[hidden],.video-empty[hidden]{display:none!important}
.video-empty{padding:32px;border-radius:14px;background:var(--sage-100);color:var(--green-900);text-align:center}
@media(max-width:480px){.video-filters{gap:8px}.video-filters button{padding:10px 14px;font-size:.9rem}}