/* Reglas de contenido de base.css de la edición, acotadas a la guía (.igd) para no tocar el resto del portal. */
.igd, .igd *, .igd *::before, .igd *::after { box-sizing: border-box }
.igd img, .igd video { max-width: 100%; height: auto }
.igd p, .igd ul, .igd ol, .igd blockquote, .igd figure { margin: 0 0 1em }
.igd table { border-collapse: collapse; width: 100%; margin: 0 0 1.2em }
.igd th, .igd td { border: 1px solid #d6dbe8; padding: .5em .7em; text-align: left; vertical-align: top }
.igd blockquote { border-left: 4px solid #25368b; padding: .4em 1em; background: #f4f6fb }
.igd .alignnone { margin: .5em 0 1em } .igd .aligncenter { display: block; margin: .5em auto 1em }
.igd .alignleft { float: left; margin: .3em 1.2em 1em 0 } .igd .alignright { float: right; margin: .3em 0 1em 1.2em }
/* videos de YouTube: miniatura con botón (guia.js pone el reproductor al hacer clic) */
.gx-yt { position: relative; display: block; max-width: 720px; margin: 0 auto 1em; border-radius: 12px; overflow: hidden; color: #fff; text-decoration: none }
.gx-yt img { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; filter: brightness(.75) }
.gx-yt-btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: inline-flex; align-items: center; gap: 8px;
  background: #c4302b; color: #fff; font-weight: 700; padding: 12px 20px; border-radius: 999px; white-space: nowrap }
.gx-yt:hover .gx-yt-btn, .gx-yt:focus-visible .gx-yt-btn { background: #a32420 }
.gx-yt:focus-visible { outline: 3px solid #f2a900; outline-offset: 3px }
.gx-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap }
/* Solo en WordPress: con el índice abierto (1024 px o más), la ruta de navegación y el banner del título de la
   página se corren igual que el contenido (guia.css lo hace con .igd-wrap), para que el panel no los tape. */
@media (min-width: 1024px) {
  body:has(#igd-nav-root.igd-nav--open) .insor-breadcrumb__inner,
  body:has(#igd-nav-root.igd-nav--open) .insor-page-banner .container { padding-left: calc(min(400px, 92vw) + 24px) !important; }
}