/* Ejemplos editoriales: misma identidad y contenido legible sin JavaScript. */
.example-shell{max-width:1112px;margin:0 auto}
.example-intro{max-width:780px;margin:0 auto 34px}
.example-intro p{margin-bottom:16px;color:var(--ink-2);line-height:1.8}
.example-switch{display:flex;gap:8px;flex-wrap:wrap;background:var(--bg-alt);padding:6px;border-radius:999px;width:fit-content;margin:24px 0}
.example-switch button{font:700 .95rem var(--sans);color:var(--ink-2);border:0;background:transparent;border-radius:999px;padding:12px 22px;cursor:pointer}
.example-switch button[aria-pressed="true"]{background:var(--blue);color:#fff}
.example-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:var(--shadow);margin-bottom:24px}
.example-panel>h2{max-width:none;font-size:1.5rem;margin:12px 0 18px;font-weight:800}
.example-caption{font-family:var(--hand);font-size:1.3rem;color:var(--blue);margin:20px 0 0}
.bar-chart{display:grid;gap:18px;padding:16px 0}
.bar-row{display:grid;grid-template-columns:135px minmax(0,1fr) 36px;gap:12px;align-items:center;font-size:.95rem}
.bar-track{height:30px;background:var(--bg-alt);border-radius:5px;overflow:hidden}
.bar-fill{height:100%;width:var(--bar);background:var(--gray-bar);border-radius:5px}
.bar-row.focus{font-weight:800;color:var(--blue)}.bar-row.focus .bar-fill{background:var(--blue)}
.bar-row b{text-align:right}.example-unit{color:var(--ink-3);font-size:.85rem;margin:8px 0}
.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.metric-box{background:var(--bg-alt);border:1px solid var(--line);padding:20px;border-radius:14px}
.metric-box strong{display:block;font-size:1.9rem;line-height:1.2;color:var(--ink);margin:12px 0;font-weight:800}
.metric-box p,.metric-box span{font-size:.9rem;line-height:1.6}
.metric-priority{border-left:5px solid var(--blue);padding:22px;background:var(--blue-tint);border-radius:12px;margin:20px 0}
.metric-priority strong{display:block;color:var(--blue);font-size:2.3rem;line-height:1.1;margin:12px 0}
.metric-priority h3{font-size:1.2rem;font-weight:800}
.example-slide{border:1px solid var(--line);border-radius:14px;padding:30px;background:var(--bg-alt)}
.example-slide h3{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;letter-spacing:-.03em;margin:0 0 24px}
.example-slide ul{padding-left:20px;line-height:1.9}.example-slide p{line-height:1.8;margin:12px 0}
.slide-action{background:var(--blue);color:#fff;padding:16px 20px;border-radius:12px;margin-top:24px!important}
.example-data{overflow-x:auto;margin:22px 0}.example-data table{border-collapse:collapse;width:100%;text-align:left}
.example-data caption{text-align:left;font-weight:700;color:var(--ink);padding:0 0 12px}
.example-data th,.example-data td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.6}
.example-data th{background:var(--bg-alt)}.example-data thead th{color:var(--blue)}
.example-analysis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:30px 0}
.example-analysis article{padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff}
.example-analysis h3{font-size:1.1rem;font-weight:800;margin-bottom:12px}.example-analysis p{font-size:.95rem;color:var(--ink-2);line-height:1.8}
.source-card blockquote{font-family:var(--hand);font-size:1.4rem;color:var(--blue);line-height:1.5}
.source-card .source-person{font-weight:800;margin-bottom:0}.source-card .source-link{font-size:.9rem}
.briefing-list{padding-left:22px}.briefing-list li{margin-bottom:14px;line-height:1.8}
@media(max-width:760px){.example-panel{padding:22px}.metric-grid,.example-analysis{grid-template-columns:1fr}.bar-row{grid-template-columns:95px minmax(0,1fr) 28px;gap:8px;font-size:.86rem}.bar-track{height:25px}.example-slide{padding:22px}.example-data th,.example-data td{padding:10px 8px;font-size:.9rem}.example-switch button{padding:10px 16px}.example-switch{border-radius:20px}}