/* Gestor de Videos - estilos frontend accesibles WCAG 2.1 AA */
:root{
  --og-orange:#f4510b;
  --og-button-bg:#c73e00;
  --og-text:#222;
  --og-red:#d71920;
}
.og-video-card{border-top:1px dotted var(--og-orange);border-bottom:1px dotted var(--og-orange);padding:2rem 0;margin-top:-1px;color:var(--og-text)}
.og-video-card__inner{display:grid;grid-template-columns:minmax(10rem,18%) minmax(0,1fr) auto;gap:1.5rem;align-items:start;position:relative}
.og-video-card__media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.og-video-card__placeholder{width:100%;aspect-ratio:16/9;display:grid;place-items:center;background:#eef7fb;font-size:2rem;color:#4a90a4}
.og-video-card__content{min-width:0;padding-right:.5rem}.og-video-card__title{margin:.2rem 0 1rem;color:var(--og-orange);font-size:clamp(1.3rem,2.3vw,1.8rem);line-height:1.2;font-weight:700}.og-video-card__content p{margin:.2rem 0;font-size:1rem;line-height:1.5}
.og-video-card__actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.25rem}
/*
 * Se fuerzan todos los estados del enlace para impedir que los estilos globales
 * de la plantilla/Helix sobrescriban el color del texto de los botones.
 * #c73e00 + #fff ofrece contraste aproximado 5.10:1 (WCAG AA para texto normal).
 */
a.og-video-btn,
a.og-video-btn:link,
a.og-video-btn:visited{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:2.75rem;
  padding:.65rem 1.6rem;
  border:2px solid var(--og-button-bg);
  border-radius:999px;
  background:var(--og-button-bg);
  color:#fff !important;
  text-decoration:none !important;
  font-weight:700;
  line-height:1.25;
}
a.og-video-btn:hover,
a.og-video-btn:focus,
a.og-video-btn:focus-visible{
  background:#fff;
  color:var(--og-button-bg) !important;
  text-decoration:underline !important;
  text-decoration-thickness:.12em !important;
  text-underline-offset:.18em;
}
a.og-video-btn:focus,
a.og-video-btn:focus-visible{
  outline:3px solid #111;
  outline-offset:3px;
  box-shadow:0 0 0 2px #fff;
}
a.og-video-btn:active{
  background:#8f2c00;
  border-color:#8f2c00;
  color:#fff !important;
}
.og-video-card__star{font-size:2rem;line-height:1;color:var(--og-red);font-weight:400;position:relative;top:-.4rem}.og-video-pagination{margin-top:1.5rem}
@media (max-width:767.98px){.og-video-card{padding:1.4rem 0}.og-video-card__inner{grid-template-columns:1fr;gap:1rem}.og-video-card__media{max-width:28rem;margin-inline:auto}.og-video-card__star{position:absolute;right:.1rem;top:-.5rem;background:#fff;border-radius:50%}.og-video-card__content{padding-right:0}.og-video-card__actions{display:grid;grid-template-columns:1fr}a.og-video-btn{width:100%}}
@media (prefers-reduced-motion:reduce){a.og-video-btn{transition:none}}
@media (forced-colors:active){a.og-video-btn{border:2px solid ButtonText;color:ButtonText !important;background:ButtonFace}a.og-video-btn:focus-visible{outline:3px solid Highlight}}