/* Sidebar de los resumenes "para leer" (T-sidebar, 2026-09-19): autor y tests en
   neobrutalista, Guías de Facultad en fichas de archivo. Solo lo cargan las paginas de
   templates/resumen-capitulo-b.html y resumen-capitulo-hpc.html. Los widgets de Clases
   particulares y VAD viven en psr-disp-theme.css. */
/* Widget de tests psicologicos: opcion 3 (neobrutalista) elegida por el usuario. Escritorio (sidebar). */
#blogTable .blog-sidebar .psr-disp-related{position:relative;overflow:visible;padding:22px 20px 24px;border-radius:6px;border:3px solid #111;background:#fff1a8;box-shadow:8px 8px 0 #111;}
#blogTable .blog-sidebar .psr-disp-related::before,#blogTable .blog-sidebar .psr-disp-related::after{content:none;}
#blogTable .blog-sidebar .psr-disp-related .psr-disp-related-chip{display:inline-block;font-family:'Quattrocento Sans',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;background:#ff5d8f;color:#111;border:3px solid #111;padding:3px 12px;transform:rotate(-2deg);margin:0 0 14px;box-shadow:none;filter:drop-shadow(3px 3px 0 #111);}
#blogTable .blog-sidebar .psr-disp-related .psr-disp-related-title{color:#111;font-size:23px;line-height:1.25;font-weight:700;margin:0 0 18px;text-shadow:none;}
#blogTable .blog-sidebar .psr-disp-related .psr-disp-related-grid{gap:10px;}
#blogTable .blog-sidebar .psr-disp-related .psr-disp-related-link{background:#fff;border:3px solid #111;border-radius:4px;padding:6px 12px;font-size:14px;font-weight:700;color:#111 !important;box-shadow:4px 4px 0 #111;transition:transform .15s ease,box-shadow .15s ease;}
#blogTable .blog-sidebar .psr-disp-related .psr-disp-related-link svg{display:none;}
#blogTable .blog-sidebar .psr-disp-related .psr-disp-related-link:nth-child(3n+2){background:#7ce7c8;}
#blogTable .blog-sidebar .psr-disp-related .psr-disp-related-link:nth-child(3n){background:#9db8ff;}
#blogTable .blog-sidebar .psr-disp-related a.psr-disp-related-link:hover{color:#111 !important;transform:translate(-2px,-2px);box-shadow:6px 6px 0 #111;}
/* Widget "Sobre el autor": opcion 3 (neobrutalista) elegida por el usuario. Sidebar de escritorio. */
#blogTable .blog-sidebar .psr-disp-author{text-align:left;padding:22px 20px 24px;border-radius:6px;border:3px solid #111;background:#fff1a8;box-shadow:8px 8px 0 #111;}
#blogTable .blog-sidebar .psr-disp-author .psr-disp-author-photo{width:96px;height:96px;margin:0 0 18px;border-radius:0;border:3px solid #111;padding:0;background:#111;box-sizing:content-box;box-shadow:none;filter:drop-shadow(5px 5px 0 #111);transform:rotate(-3deg);}
#blogTable .blog-sidebar .psr-disp-author .psr-disp-author-photo img{border-radius:0;}
#blogTable .blog-sidebar .psr-disp-author .psr-disp-author-tag{position:absolute;top:26px;right:20px;margin:0;padding:2px 10px;border-radius:0;border:3px solid #111;background:#ff5d8f;color:#111;font-size:12px;box-shadow:none;filter:drop-shadow(3px 3px 0 #111);transform:rotate(3deg);}
#blogTable .blog-sidebar .psr-disp-author .psr-disp-author-name{color:#111;font-size:24px;line-height:1.15;font-weight:700;margin:0 0 10px;}
#blogTable .blog-sidebar .psr-disp-author .psr-disp-author-desc{color:#111;font-size:14.5px;margin:0 0 18px;}
#blogTable .blog-sidebar .psr-disp-author a.psr-disp-author-link{background:#7ce7c8;color:#111 !important;border:3px solid #111;border-radius:4px;padding:7px 14px;font-size:13px;box-shadow:4px 4px 0 #111;transition:transform .15s ease;}
#blogTable .blog-sidebar .psr-disp-author a.psr-disp-author-link:hover{color:#111 !important;transform:translate(-2px,-2px);}
/* Widget "Guias de Facultad" (opcion 6, fichas de archivo). Sidebar de escritorio. */
#blogTable .blog-sidebar .psr-disp-guias{position:relative;background:#2d3a4f;border-radius:16px;padding:22px 18px 24px;box-shadow:0 14px 34px rgba(3,16,32,.4);}
#blogTable .blog-sidebar .psr-disp-guias .psr-disp-guias-chip{display:inline-block;background:#ffcf4d;color:#2d3a4f;padding:4px 12px;border-radius:4px 4px 0 0;font-family:'Quattrocento Sans',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;}
#blogTable .blog-sidebar .psr-disp-guias .psr-disp-guias-title{font-family:'Varela',sans-serif;font-weight:400;color:#fff;font-size:21px;line-height:1.3;margin:12px 0 16px;}
#blogTable .blog-sidebar .psr-disp-guias .psr-disp-guias-list{display:flex;flex-direction:column;gap:7px;}
#blogTable .blog-sidebar .psr-disp-guias .psr-disp-guias-link{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fbf7ec;padding:10px 14px 10px 16px;border-radius:4px 14px 4px 4px;border-left:6px solid #ff7a59;box-shadow:0 3px 0 rgba(0,0,0,.25);font-family:'Quattrocento Sans',sans-serif;font-weight:700;font-size:14.5px;line-height:1.25;text-decoration:none;color:#2d3a4f !important;transition:transform .18s ease;}
#blogTable .blog-sidebar .psr-disp-guias .psr-disp-guias-link:nth-child(even){border-left-color:#3ec7c2;margin-left:14px;}
#blogTable .blog-sidebar .psr-disp-guias .psr-disp-guias-link svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.4;flex:none;}
#blogTable .blog-sidebar .psr-disp-guias a.psr-disp-guias-link:hover{transform:translateX(6px);color:#2d3a4f !important;}
@media (max-width:800px){
  /* Widget de tests psicologicos en mobile (inline en el cuerpo): misma opcion 3. */
  .psr-disp-related.psr-disp-related--inline{position:relative;overflow:visible;padding:22px 20px 24px;border-radius:6px;border:3px solid #111;background:#fff1a8;box-shadow:8px 8px 0 #111;margin:30px 0;}
  .psr-disp-related.psr-disp-related--inline::before,.psr-disp-related.psr-disp-related--inline::after{content:none;}
  .psr-disp-related.psr-disp-related--inline .psr-disp-related-chip{display:inline-block;font-family:'Quattrocento Sans',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;background:#ff5d8f;color:#111;border:3px solid #111;padding:3px 12px;transform:rotate(-2deg);margin:0 0 14px;box-shadow:none;filter:drop-shadow(3px 3px 0 #111);}
  .psr-disp-related.psr-disp-related--inline .psr-disp-related-title{color:#111;font-size:23px;line-height:1.25;font-weight:700;margin:0 0 18px;text-shadow:none;}
  .psr-disp-related.psr-disp-related--inline .psr-disp-related-grid{gap:10px;}
  .psr-disp-related.psr-disp-related--inline .psr-disp-related-link{background:#fff;border:3px solid #111;border-radius:4px;padding:6px 12px;font-size:14px;font-weight:700;color:#111 !important;box-shadow:4px 4px 0 #111;transition:transform .15s ease,box-shadow .15s ease;}
  .psr-disp-related.psr-disp-related--inline .psr-disp-related-link svg{display:none;}
  .psr-disp-related.psr-disp-related--inline .psr-disp-related-link:nth-child(3n+2){background:#7ce7c8;}
  .psr-disp-related.psr-disp-related--inline .psr-disp-related-link:nth-child(3n){background:#9db8ff;}
  .psr-disp-related.psr-disp-related--inline a.psr-disp-related-link:hover{color:#111 !important;transform:translate(-2px,-2px);box-shadow:6px 6px 0 #111;}
}

/* Widget de Clases particulares para celular (T-widgets, 2026-09-27): en mobile la
   sidebar entera se oculta, asi que este widget vive como una copia inline metida en
   el cuerpo del resumen -- mismo componente que .psr-disp-cp (sidebar), sin
   descripcion y con el boton de WhatsApp acortado a "Mas informacion" (piloteado
   primero en el resumen de Freud). Se ubica antes del segundo titulo del resumen
   (segunda entrada del indice) en cada pagina -- pedido explicito del usuario. En
   desktop no se ve (display:none fuera del media query). */
.psr-disp-cp-inline-wrap{display:none;}
@media (max-width:800px){
  .psr-disp-cp-inline-wrap{display:block;margin:26px 0;}
  .psr-disp-cp-inline-wrap .psr-disp-cp-btn--wa{color:#fff !important;}
  .psr-disp-cp-inline-wrap .psr-disp-cp-btn--ver{color:#c2450f !important;}
  .psr-disp-cp-inline-wrap .psr-disp-cp-title{margin-top:0;}
}

/* Widget de video tutoria para celular (T-widgets, 2026-09-27): reusa .psr-video-card tal cual (video destacado, files/main_stylec2a4.css, T75 parte 2) -- ese widget ya existia en el sitio pero no se usaba en ninguna pagina de resumen todavia. Mismo patron de wrapper que Clases particulares: oculto en desktop, visible solo en celular. */
.psr-disp-video-inline-wrap{display:none;}
@media (max-width:800px){
  .psr-disp-video-inline-wrap{display:block;margin:26px 0;}
}

/* Widget "Otros resumenes" para celular (T-widgets, 2026-09-27): widget DISTINTO al de "Test psicologicos" de arriba -- comparten el mismo diseno neobrutalista (opcion 3) pero son dos cosas distintas (uno es de evaluacion psicologica, boilerplate en varias paginas; este es de otros resumenes de la MISMA materia, especifico de cada pagina). Por eso usa sus propias clases, duplicando el CSS en vez de reusar .psr-disp-related -- asi no se pisan ni comparten el mismo nodo, y el JS de reubicacion de .psr-disp-related (psr-disp-widgets.js) no lo toca. Solo celular, igual que Clases particulares y el video: oculto en desktop. */
.psr-disp-otros-resumenes-inline-wrap{display:none;}
@media (max-width:800px){
  .psr-disp-otros-resumenes-inline-wrap{display:block;margin:26px 0;}
  .psr-disp-otros-resumenes-inline-wrap .psr-disp-otros-resumenes{position:relative;overflow:visible;padding:22px 20px 24px;border-radius:6px;border:3px solid #111;background:#fff1a8;box-shadow:8px 8px 0 #111;}
  .psr-disp-otros-resumenes-inline-wrap .psr-disp-otros-resumenes-chip{display:inline-block;font-family:'Quattrocento Sans',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;background:#ff5d8f;color:#111;border:3px solid #111;padding:3px 12px;transform:rotate(-2deg);margin:0 0 14px;box-shadow:none;filter:drop-shadow(3px 3px 0 #111);}
  .psr-disp-otros-resumenes-inline-wrap .psr-disp-otros-resumenes-title{color:#111;font-size:23px;line-height:1.25;font-weight:700;margin:0 0 18px;text-shadow:none;}
  .psr-disp-otros-resumenes-inline-wrap .psr-disp-otros-resumenes-grid{display:flex;flex-wrap:wrap;gap:10px;}
  .psr-disp-otros-resumenes-inline-wrap .psr-disp-otros-resumenes-link{display:inline-flex;align-items:center;gap:4px;background:#fff;border:3px solid #111;border-radius:4px;padding:6px 12px;font-size:14px;font-weight:700;color:#111 !important;box-shadow:4px 4px 0 #111;transition:transform .15s ease,box-shadow .15s ease;text-decoration:none;}
  .psr-disp-otros-resumenes-inline-wrap .psr-disp-otros-resumenes-link svg{display:none;}
  .psr-disp-otros-resumenes-inline-wrap .psr-disp-otros-resumenes-link:nth-child(3n+2){background:#7ce7c8;}
  .psr-disp-otros-resumenes-inline-wrap .psr-disp-otros-resumenes-link:nth-child(3n){background:#9db8ff;}
  .psr-disp-otros-resumenes-inline-wrap a.psr-disp-otros-resumenes-link:hover{color:#111 !important;transform:translate(-2px,-2px);box-shadow:6px 6px 0 #111;}
}