/* Visor de conceptos: ilustración y explicación en la misma superficie. */
.jc-elementary-choices{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;}
.jc-elementary-choices button{padding:7px 11px;min-width:0;min-height:34px;border:1px solid #d6e0dc;border-radius:4px;background:#fff;color:#173755;font:500 12px/1.4 var(--body-font,'DM Sans',sans-serif);cursor:pointer;}
.jc-elementary-choices button:hover{background:#e8f3ed;}
.jc-elementary-choices [aria-pressed=true]{background:#dcece4;border-color:#6d9383;box-shadow:none;font-weight:650;}
.jc-elementary-choices button:focus-visible{outline:2px solid #245fe2;outline-offset:1px;}
.jc-elementary-card{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);align-items:start;border:1px solid #d7e1dc;border-radius:5px;background:#fff;overflow:hidden;}
.jc-elementary-card figure{margin:0;min-width:0;background:#fff;}
.jc-elementary-art{display:block;position:relative;width:100%;padding:0;border:0;background:#fff;color:#173755;cursor:zoom-in;}
.jc-elementary-art img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;}
.jc-elementary-art-icon{position:absolute;right:9px;top:9px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #ccdcd7;border-radius:4px;background:rgba(255,255,255,.92);}
.jc-elementary-art-icon svg{display:block;width:18px;height:18px;}
.jc-elementary-art:hover .jc-elementary-art-icon{background:#fff;border-color:#567b6d;}
.jc-elementary-art:focus-visible{outline:3px solid #255ee8;outline-offset:-3px;}
.jc-elementary-card figcaption{padding:10px 16px 14px;font-size:12px;line-height:1.5;color:#38576b;text-align:left;}
.jc-elementary-art-label{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#5b6f7b;margin-bottom:5px;}
.jc-elementary-lightbox{box-sizing:border-box;width:min(1100px,94vw);max-width:94vw;max-height:92vh;padding:16px;border:1px solid #ccdcd7;border-radius:8px;background:#fff;color:#173755;overflow:auto;}
.jc-elementary-lightbox::backdrop{background:rgba(11,27,39,.68);}
.jc-elementary-lightbox-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;font:600 16px/1.4 var(--body-font,'DM Sans',sans-serif);}
.jc-elementary-lightbox-head button{padding:8px 12px;border:1px solid #cddbd8;border-radius:5px;background:#fff;color:#173755;font:600 14px/1.4 var(--body-font,'DM Sans',sans-serif);cursor:pointer;}
.jc-elementary-lightbox-head button:hover{background:#e8f3ed;}
.jc-elementary-lightbox img{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain;}
.jc-elementary-lightbox p{font:400 13px/1.6 var(--body-font,'DM Sans',sans-serif);margin:12px 0 0;}
.jc-elementary-reading{min-width:0;padding:20px 24px;}
.jc-elementary-reading .jc-elementary-tag{font-size:12px;color:#5b6f7b;margin:0 0 6px;}
.climate-with-map .jc-elementary-reading h3{font:500 clamp(23px,1.9vw,27px)/1.2 var(--display-font,'Fraunces',serif);margin:0 0 11px;}
.jc-elementary-reading>p{font-size:14px;line-height:1.55;margin:0 0 12px;}
.jc-elementary-example{padding:11px 13px;background:#f6f8f6;border-left:2px solid #94b5a4;margin:12px 0;}
.jc-elementary-example h4{font-size:12px;margin:0 0 6px;}
.jc-elementary-example p{font-size:13px;line-height:1.5;margin:0 0 8px;}
.jc-elementary-example button{font:600 12px/1.5 var(--body-font,'DM Sans',sans-serif);padding:6px 9px;border:1px solid #c8d5e3;border-radius:4px;background:white;color:#173755;cursor:pointer;}
.jc-elementary-example button:hover{background:#dce8f9;}
.jc-elementary-reading .jc-elementary-distinction{font-size:13px;color:#536b76;line-height:1.5;}
@media(max-width:850px){.jc-elementary-card{grid-template-columns:1fr;}.jc-elementary-art img{max-height:260px;}.jc-elementary-card figcaption{max-width:560px;margin:auto;}.jc-elementary-reading{padding:16px 18px;}.jc-elementary-choices button{min-height:38px;}}
@media(max-width:600px){.jc-elementary-choices{flex-wrap:nowrap;overflow-x:auto;padding:3px 2px 7px;scrollbar-width:thin;}.jc-elementary-choices button{flex:0 0 auto;white-space:nowrap;}.jc-elementary-lightbox{padding:12px;}.jc-elementary-art img{max-height:230px;}}