/* Riesgo Tecnológico V5.0.17 — correcciones de espaciado y paneles de apoyo.
   Cambios específicos, sin modificar cabecera ni portada. */

/* Directorio Temas: la unión de márgenes/paddings generaba un hueco
   desproporcionado entre la galería y los ejemplos de consulta. */
.rt-v517-topics.section {padding-bottom:38px;}
.rt-v517-topics .rt-ai-gallery-note {margin-top:14px;margin-bottom:0;}
.rt-v517-cases.section {padding-top:43px;padding-bottom:37px;}
.rt-v517-library.section {padding-top:40px;}

/* Lecturas temáticas, análisis y avisos legales: conservar la columna de
   apoyo en escritorio, pero evitar que un panel más alto que la ventana quede
   eternamente fijado por position:sticky. Todo su contenido se desplaza
   normalmente con la página y sigue siendo alcanzable. */
.reading-layout {
  grid-template-columns:minmax(0,1fr) minmax(0,280px);
  column-gap:clamp(30px,3.5vw,54px);
  align-items:start;
}
.reading-layout > .sidebar {
  position:static!important;
  top:auto!important;
  align-self:start;
  width:100%;
  min-width:0;
  max-height:none!important;
  overflow:visible!important;
}
.reading-layout .sidebar-box {min-width:0;overflow-wrap:anywhere;}

/* Tablet, portátil estrecho y móvil: lectura a una columna, paneles
   complementarios debajo del artículo, nunca encajados a la derecha. */
@media (max-width:1100px) {
  .reading-layout {
    display:grid;
    grid-template-columns:minmax(0,1fr)!important;
    row-gap:30px;
  }
  .reading-layout > .reading-body {max-width:100%;}
  .reading-layout > .sidebar {
    grid-column:1;
    grid-row:auto;
    margin:0;
    position:static!important;
    width:100%;
  }
}
@media (max-width:720px) {
  .rt-v517-topics.section {padding-bottom:27px;}
  .rt-v517-cases.section {padding-top:33px;padding-bottom:28px;}
  .rt-v517-library.section {padding-top:32px;}
  .reading-layout {row-gap:23px;}
  .reading-layout > .sidebar {margin:0;}
  .reading-layout .sidebar-box {padding:21px 20px;}
}