/* Galería en la pestaña Teorías del acercamiento integral. */
.climate-with-map .jc-theory{margin:0;border:1px solid #d9d0e8;border-radius:8px;background:#f1ecf8;color:#173755;overflow:hidden;}
.jc-theory [hidden]{display:none!important;}
.jc-theory-content{padding:0 22px 15px;background:#fff;}
.jc-theory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0 12px;}
.jc-theory-toolbar>p{margin:0;font-size:13px;color:#52667b;}
.jc-theory-controls{display:flex;gap:8px;align-items:center;flex-shrink:0;}
.jc-theory-controls>span{font-size:11px;color:#52667b;margin-right:4px;font-variant-numeric:tabular-nums;}
.jc-theory-controls button{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #c5cddd;background:#f1ecf8;color:#173755;cursor:pointer;}
.jc-theory-controls button:hover:not(:disabled){background:#f3ef92;border-color:#173755;}
.jc-theory-controls button:disabled{opacity:.35;cursor:default;}
.jc-theory-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;}
.jc-theory-shelf{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c3b5d8 #f1ecf8;padding-bottom:12px;}
.jc-theory-card{display:flex;flex-direction:column;min-width:0;scroll-snap-align:start;border:1px solid #dce2e8;border-radius:5px;overflow:hidden;background:#fff;}
.jc-theory-cover{position:relative;display:grid;place-items:center;height:215px;background:var(--theory-tint);padding:16px;box-sizing:border-box;}
.jc-theory-cover>img{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);object-fit:contain;opacity:0;}
.jc-theory-cover>img.is-loaded{opacity:1;filter:drop-shadow(3px 5px 3px #17375526);}
.jc-theory-cover-fallback,.jc-theory-article-face{display:flex;flex-direction:column;width:100%;height:100%;justify-content:space-between;gap:8px;box-sizing:border-box;}
.jc-theory-cover-fallback>span,.jc-theory-article-face>span{font-size:9px;letter-spacing:.12em;font-weight:700;}
.jc-theory-cover-fallback>strong,.jc-theory-article-face>strong{font:600 26px/1.12 var(--display-font,'Fraunces',serif);letter-spacing:-.025em;}
.jc-theory-cover-fallback>small,.jc-theory-article-face>small{font-size:10px;line-height:1.4;}
.jc-theory-article-face{border-top:2px solid #173755;padding-top:12px;}
.jc-theory-card-text{display:flex;flex:1;flex-direction:column;padding:15px;}
.jc-theory-card .jc-theory-meta{margin:0 0 6px;font-size:10px;color:#627084;line-height:1.4;}
.climate-with-map .jc-theory-card h3{font:650 17px/1.3 var(--body-font,'Inter',sans-serif);letter-spacing:-.015em;margin:0 0 6px;}
.jc-theory-author{font-size:12px;line-height:1.4;margin:0;color:#52667b;}
.jc-theory-idea{margin-top:15px;border-top:1px solid #dce2e8;padding-top:12px;}
.climate-with-map .jc-theory-card h4{font:650 12px/1.4 var(--body-font,'Inter',sans-serif);margin:0 0 5px;}
.jc-theory-idea>p,.jc-theory-connection{font-size:12px;line-height:1.6;margin:0;}
.jc-theory-connection{color:#52667b;margin:9px 0 15px;}
.jc-theory-link{margin-top:auto;align-self:start;font-size:12px;line-height:1.4;font-weight:600;color:#244f73;text-decoration:underline;text-underline-offset:3px;}
.jc-theory-link:hover{color:#275ee6;}
.jc-theory-credit{margin:7px 0 0;font-size:10px;line-height:1.6;color:#697486;}
.jc-theory-credit a{color:inherit;text-underline-offset:2px;}
.jc-theory :is(a,button,.jc-theory-shelf):focus-visible{outline:3px solid #245fe2;outline-offset:-3px;}
@media(min-width:1700px){.jc-theory-shelf{grid-auto-columns:calc((100% - 80px)/6);}.jc-theory-cover{height:230px;}}
@media(max-width:1100px){.jc-theory-shelf{grid-auto-columns:calc((100% - 32px)/3);}}
@media(max-width:760px){.jc-theory-shelf{grid-auto-columns:calc((100% - 16px)/2);}.jc-theory-content{padding:0 16px 12px;}}
@media(max-width:480px){.jc-theory-shelf{grid-auto-columns:88%;gap:12px;}.jc-theory-toolbar>p{max-width:140px;line-height:1.45;}.jc-theory-cover{height:210px;}.jc-theory-card-text{padding:14px;}}
.jc-theory-intro p{margin:0;}
.jc-theory-passage{border:0;background:transparent;color:#315c89;font:600 12px/1.5 var(--body-font,'Inter',sans-serif);padding:6px 0 0;cursor:pointer;text-align:left;text-underline-offset:3px;}
.jc-theory-passage:hover{text-decoration:underline;}
.jc-theory-card .jc-theory-origin{font-size:10px;font-weight:650;color:#5e5177;margin:0 0 8px;}
.jc-theory-card .jc-theory-subtitle{font-size:12px;line-height:1.5;margin:6px 0;color:#53677b;}