/* Causa General — propuesta visual 2026. Contenido independiente del estilo. */
:root{color-scheme:light;--ink:#283346;--muted:#647084;--accent:#315577;--line:#e2e6eb;--paper:#fff;--background:#f4f5f6;--soft:#eef3f7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--ink);font:16px/1.78 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid #c98b39;outline-offset:3px}.site-header{background:#fff;border-bottom:1px solid var(--line);padding:25px max(24px,calc((100vw - 1260px)/2));}.site-title{font:600 clamp(25px,3vw,35px)/1.2 Georgia,serif;letter-spacing:-.025em;color:#253c54;margin:0 0 17px}.header-art{display:block;width:100%;height:auto;max-height:118px;object-fit:cover;border-radius:5px}.page-layout{max-width:1310px;margin:34px auto 65px;padding:0 24px;display:grid;grid-template-columns:266px minmax(0,1fr);gap:30px;align-items:start}.sidebar{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:13px 12px;box-shadow:0 3px 16px #253b5310}.sidebar p{font-size:13px;line-height:1.4;margin:0;padding:9px 11px;border-bottom:1px solid #edf0f3}.sidebar p:last-child{border-bottom:0}.sidebar p:first-child,.sidebar p:last-child{background:var(--soft);border-radius:5px;font-weight:650}.sidebar a{font-weight:530}.sidebar p:first-child a{font-weight:700}.content{min-width:0}.article-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:clamp(23px,4.5vw,60px);box-shadow:0 4px 24px #253b530b}.note-panel{background:var(--soft);border-left:4px solid #7893ac;border-radius:0 6px 6px 0;padding:20px 24px;margin:0 0 34px;font-size:15px;line-height:1.8}.note-panel:last-child{margin:38px 0 0}.note-panel p:first-child{margin-top:0}.note-panel p:last-child{margin-bottom:0}.date-line{text-align:right;color:var(--muted);font-size:13px;margin:0 0 15px}.article-body h1{font:600 clamp(27px,3vw,37px)/1.25 Georgia,"Times New Roman",serif;letter-spacing:-.025em;color:#243b52;margin:0 0 30px}.article-body p{margin:0 0 20px;text-align:left}.article-body p:after{content:"";display:block;clear:both}.book-cover{float:left;width:155px;max-width:40%;height:auto;margin:4px 25px 14px 0;border:1px solid #e1e4e8;box-shadow:0 8px 22px #0002}.site-footer{border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:13px;padding:24px}@media(max-width:900px){.page-layout{grid-template-columns:220px minmax(0,1fr);gap:17px;padding:0 16px}.article-card{padding:26px}.sidebar p{font-size:12px;padding:9px 6px}}@media(max-width:680px){.site-header{padding:20px 16px}.page-layout{display:flex;flex-direction:column;margin:18px auto 35px;padding:0 13px;gap:16px}.sidebar,.content{width:100%}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 7px;padding:10px}.sidebar p{font-size:12px;overflow-wrap:anywhere}.article-card{padding:23px 19px}.book-cover{width:110px;margin-right:15px}.note-panel{padding:15px 17px}.article-body h1{font-size:28px}body{font-size:15px;line-height:1.7}}@media(max-width:390px){.sidebar{grid-template-columns:1fr}.book-cover{width:95px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Ajuste de fidelidad visual: escritorio conserva la escala tipográfica original. */
@media (min-width: 901px) {
  body {font-family: Verdana, Arial, sans-serif; font-size:16px; line-height:normal; color:#000; background:#eee;}
  .site-header {background:#a6c3e5; border-bottom:0; padding:10px max(16px, calc((100vw - 960px)/2));}
  .site-title {font-family:Verdana,Arial,sans-serif; font-size:20px; line-height:normal; font-weight:700; letter-spacing:normal; color:#085199; text-align:right; margin:0 0 12px;}
  .header-art {width:960px; max-width:100%; max-height:none; border-radius:0; object-fit:contain;}
  .page-layout {max-width:960px; padding:0; margin:20px auto; grid-template-columns:170px minmax(0,770px); gap:20px;}
  .sidebar {padding:0; border:0; border-radius:0; box-shadow:none; background:transparent;}
  .sidebar p {font-size:11px; font-weight:bold; line-height:1.2; padding:5px 2px; border-bottom:1px solid #c4cbd3;}
  .sidebar p:first-child,.sidebar p:last-child {font-size:11px; font-weight:bold;}
  .sidebar a,.sidebar p:first-child a {font-weight:bold; color:#003366;}
  .article-card {border:0; border-radius:0; box-shadow:none; padding:30px;}
  .article-body {font-family:Verdana,Arial,sans-serif; font-size:16px; line-height:1.5;}
  .article-body h1 {font-family:Verdana,Arial,sans-serif; font-size:2em; font-weight:bold; line-height:normal; letter-spacing:normal; color:#085199; text-align:center; margin:0.67em 0;}
  .date-line {font-size:16px; line-height:1.5; color:#000; text-align:right; margin:1em 0;}
  .article-body p {margin:1em 0;}
  .note-panel {font-family:Verdana,Arial,sans-serif; font-size:16px; line-height:1.5; color:#000; background:#e6f0fc; border:1px solid #003366; border-radius:0; padding:10px; margin:0 0 40px;}
  .book-cover {box-shadow:none; border:0; width:auto; max-width:40%; margin:0 20px 5px 0;}
}
@media (min-width:681px) and (max-width:900px) {
  .article-body h1 {font-family:Verdana,Arial,sans-serif; font-size:clamp(24px,3.4vw,32px); text-align:center; letter-spacing:normal;}
  .date-line {text-align:right;}
}
@media (max-width:680px) {
  .article-body h1 {font-family:Verdana,Arial,sans-serif; font-size:clamp(23px,6vw,30px); text-align:center; letter-spacing:normal;}
  .date-line {text-align:right;}
}

/* Más separación vertical entre las entradas del menú lateral. */
@media (min-width: 901px) {
  .sidebar p {line-height:1.45; padding-top:7px; padding-bottom:7px;}
}

/* Capítulos: conservar el texto original y permitir su lectura en todas las pantallas. */
.chapter-article {min-width:0; overflow-wrap:break-word;}
.chapter-article img {max-width:100%; height:auto;}
.chapter-article table {max-width:100%;}
.chapter-article section {min-width:0;}
.chapter-article h1 {font-family:Verdana,Arial,sans-serif; color:#085199; text-align:center; font-size:2em; line-height:1.25;}
.chapter-article p {font-family:Verdana,Arial,sans-serif; font-size:16px; line-height:1.5;}
@media (max-width:900px) {
 .chapter-article {overflow-x:auto;}
 .chapter-article h1 {font-size:clamp(22px,4vw,32px);}
 .chapter-article img[align=left],.chapter-article img[align=right] {float:none;display:block;margin:12px auto;}
 .chapter-article table {display:block;overflow-x:auto;max-width:100%;}
 .chapter-article td {overflow-wrap:anywhere;}
}
@media (max-width:680px) {
 .chapter-article p {font-size:15px;line-height:1.6;}
 .chapter-article td {font-size:14px;}
 .chapter-article table img {max-width:100%;height:auto;}
}

/* Fotografías de capítulos: separación y borde de la edición original. */
.chapter-article img.myImg { margin:0 20px 5px 0; border:2px outset #d7d7d7; border-radius:5px; cursor:zoom-in; vertical-align:top; width:200px; max-width:100%; height:auto; box-sizing:content-box; }
.chapter-article img.myImg:hover { opacity:.8; }
/* Anexos con imágenes en la primera columna: el texto conserva su espacio. */
.chapter-article table:has(img.myImg) td:first-child { width:224px; min-width:224px; vertical-align:top; }
/* Visor de fotografías originales a tamaño ampliado. */
.cg-photo-modal { display:none; position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.88); padding:48px 20px 24px; overflow:auto; text-align:center; }
.cg-photo-modal.is-open { display:flex; flex-direction:column; justify-content:center; align-items:center; }
.cg-photo-modal img { max-width:min(95vw,1400px); max-height:calc(100dvh - 105px); width:auto; height:auto; object-fit:contain; margin:0; border:0; }
.cg-photo-modal .cg-close { position:absolute; top:8px; right:15px; border:0; background:transparent; color:white; font-size:38px; cursor:pointer; line-height:1; }
.cg-photo-modal .cg-caption { color:white; margin-top:12px; }
@media(max-width:680px) {
 .chapter-article table:has(img.myImg) { display:block; width:100%; overflow:visible; }
 .chapter-article table:has(img.myImg) tbody { display:block; }
 .chapter-article table:has(img.myImg) tr { display:block; }
 .chapter-article table:has(img.myImg) td { display:block; width:100% !important; min-width:0 !important; box-sizing:border-box; }
 .chapter-article table:has(img.myImg) td:first-child { padding-top:12px; }
 .chapter-article img.myImg { display:block; float:none; width:auto; max-width:min(200px,70vw); height:auto; margin:0 auto 14px; }
 .cg-photo-modal { padding:50px 10px 20px; }
}

/* Ajustes finales: cabecera coherente en todos los dispositivos. */
.site-title {font-family:Verdana,Arial,sans-serif; font-size:20px; line-height:normal; font-weight:700; letter-spacing:normal; color:#085199; text-align:right;}
@media(max-width:900px){.site-title {font-family:Verdana,Arial,sans-serif; font-size:20px; line-height:normal; font-weight:700; letter-spacing:normal; color:#085199; text-align:right;}}
@media(min-width:901px){.cg-photo-modal {background:rgba(0,0,0,.82);}}

/* Pie de página centrado respecto a toda la ventana, en escritorio y móvil. */
.site-footer { width:100%; max-width:none; margin:0; box-sizing:border-box; text-align:center; clear:both; }