/* Introducción: lectura extensa y documentos consultables. */
.auto-reading-index{margin:26px 0;padding:18px 24px;background:#edf1e8;border:1px solid #ccd7c6;border-radius:8px}.auto-reading-index ol{margin:0;padding-left:22px}.auto-reading-index li{padding:5px 0}.auto-reading-index a{display:inline-block;line-height:1.6}.auto-transcript-part{padding:22px 0;border-top:1px solid #d5ddce}.auto-transcript-part h4,.auto-full-document .reading-note h4{font:1.25rem/1.45 Georgia,serif;color:#36554a;margin:8px 0 12px}.auto-transcript-part blockquote{background:#f8f4e9;padding:20px 24px;border-left:3px solid #b18c56}.auto-transcript-part blockquote p{margin:0}.auto-reading-key{font-size:.94rem;color:#435d50}.auto-full-document .reading-note{margin-bottom:8px}@media(max-width:760px){.auto-reading-index{padding:16px}.auto-reading-index a{font-size:.94rem}.auto-transcript-part blockquote{padding:18px}.auto-transcript-part h4{font-size:1.2rem}}
.introduction{--ink:#243f3c;--ink-soft:#51645e;--paper:#f7f5ee;--green:#436757;background:var(--paper);color:var(--ink);font-size:18px;line-height:1.8}
.introduction .container{width:min(1120px,calc(100% - 64px))}
.introduction a{color:#245969;text-underline-offset:4px}
.introduction :focus-visible{outline:3px solid #ad7630;outline-offset:4px}
.introduction [id]{scroll-margin-top:28px}
.intro-hero{background:#183d38;color:#f6f3e9;padding-bottom:68px;border-bottom:7px solid #ae8852}
.intro-topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0 58px;border-bottom:1px solid #ffffff2b;margin-bottom:42px;font-size:.85rem}
.intro-topbar a{color:#f6f3e9;text-decoration:none}
.intro-hero .section-kicker{color:#d7bf95}.intro-hero h1{font:clamp(2.1rem,4.8vw,3.9rem)/1.1 Georgia,serif;letter-spacing:-.025em;max-width:1000px;margin:20px 0 26px}.intro-hero h1 span{display:block;font-size:.7em;line-height:1.25;color:#dbe5d9;margin-top:16px;max-width:850px}.hero-deck{max-width:720px;color:#e0e8df;font-size:1.08rem;line-height:1.75}.intro-hero .start-reading{display:inline-block;color:#fff5df;border-bottom:1px solid #b99b6b;text-decoration:none;margin-top:18px;padding:8px 0}
.chapter-index{padding:32px 0 38px;border-bottom:1px solid #cfd5c9}.chapter-index>p{font-weight:700;text-transform:uppercase;font-size:.73rem;letter-spacing:.15em}.chapter-index ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 28px;padding:0;margin:20px 0 0}.chapter-index li a{display:flex;gap:12px;font-size:.9rem;text-decoration:none;padding:6px 0}.chapter-index span{color:#9c723c;font-variant-numeric:tabular-nums}
.intro-block,.introduction .dating-section,.introduction .glossary-section,.introduction .sardella-section{padding:72px 0;margin:0;border-radius:0}
.intro-block h2,.introduction .glossary-heading h2,.introduction .dating-heading h2,.introduction .social-change h2,.introduction .sardella-heading h2{font:clamp(1.9rem,3.3vw,2.8rem)/1.2 Georgia,serif;color:var(--ink);margin:12px 0 26px;max-width:920px}
.intro-block h3{font:1.35rem/1.4 Georgia,serif;margin:38px 0 16px;color:#36554a}.intro-block p{max-width:85ch}.intro-lead{font:1.28rem/1.65 Georgia,serif;max-width:850px!important;color:#39584c}.reading-columns{columns:2;column-gap:48px;margin-top:32px}.reading-columns p{break-inside:avoid;margin:0 0 24px}.tinted{background:#edf0e8;border-block:1px solid #d8dfd3}.concept-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}.concept-pair article{padding:26px 30px;background:#fffdf7;border:1px solid #d2dacd;border-radius:8px}.concept-pair h3{margin:0 0 14px}.concept-pair p{margin:0}.compact article{background:#eff2eb}.reading-note{margin:34px 0;padding:24px 30px;border-left:4px solid #b88c4d;background:#fffdf7}.reading-note h3{margin:0 0 12px}.reading-note p:last-child{margin-bottom:0}.culture-path{padding-left:26px;max-width:88ch}.culture-path li{padding:10px 0 18px 12px}.culture-path strong{display:block;margin-bottom:8px}.culture-quote{margin:42px 0;padding:34px 38px;background:#20473d;color:#f8f5e9;border-radius:8px}.culture-quote blockquote{font:clamp(1.6rem,3vw,2.3rem)/1.35 Georgia,serif;margin:0 0 20px;max-width:30ch}.culture-quote figcaption{font-size:.85rem;max-width:760px;color:#e0e9dc}.culture-quote a{color:#fff!important}
.introduction .home-cite{font-size:.68em;white-space:nowrap;margin-left:3px}.introduction .home-cite a{padding:2px;text-decoration:underline}.introduction .home-cite a::after{display:none}.introduction .dating-explorer-detail{overflow-wrap:anywhere}
.introduction .dating-heading{display:block}.introduction .dating-heading>p{max-width:92ch}.introduction .dating-plot-shell{width:100%;margin-top:30px}.introduction .dating-table-panel{margin-top:24px}.introduction .dating-table-panel summary{font-size:1.12rem}.introduction .dating-table-scroll{overflow:auto}.introduction .social-change{margin:0;padding:0;border:0;background:none}.introduction .social-change-grid{gap:28px}.introduction .social-change p{font-size:1rem;line-height:1.8}.introduction .social-change-lead{max-width:95ch}.introduction .glossary-section{background:#e9eee6}.introduction .glossary-heading{max-width:850px}.glossary-disclosure{background:#fffdf7;border:1px solid #bdcbbd;border-radius:8px}.glossary-disclosure summary,.source-document summary{cursor:pointer;padding:22px 26px;font-weight:650;line-height:1.5;min-height:48px}.glossary-disclosure[open] summary{border-bottom:1px solid #d8dfd3}.introduction .glossary-grid{padding:26px;margin:0;gap:20px 30px}.introduction .sardella-section{background:#f7f5ee;border-block:1px solid #d5dbce}.introduction .sardella-heading{display:block}.introduction .sardella-heading>p{max-width:85ch}.introduction .sardella-text{font-size:1.05rem;line-height:1.9}
.archive-block{background:#f0ece2}.historical-dates{display:grid;grid-template-columns:1fr 1fr;margin:34px 0;border-block:1px solid #c0cabb}.historical-dates article{padding:26px 30px 26px 0}.historical-dates article+article{border-left:1px solid #c0cabb;padding-left:30px}.historical-dates span{font-size:.85rem;letter-spacing:.13em;color:#836331;font-weight:700}.historical-dates h3{margin:10px 0}.historical-dates p{margin:0;font-size:.95rem}.source-document{margin:16px 0;background:#fffdf7;border:1px solid #d0d6c8;border-radius:8px}.source-document[open] summary{border-bottom:1px solid #d0d6c8}.document-body{padding:10px 30px 26px}.document-body blockquote{font:1.17rem/1.9 Georgia,serif;border-left:2px solid #b18c56;margin:24px 0;padding-left:24px;max-width:85ch}.source-locator{font-size:.82rem;line-height:1.65;color:#59645a}.editorial-note{font-size:.89rem}.references{background:#fffdf7}.references ol{padding-left:28px}.references li{font-size:.84rem;line-height:1.7;padding:10px 8px;overflow-wrap:anywhere}.references li:target{background:#fff0c9;outline:2px solid #b38642}.references li a{white-space:normal}.intro-footer{background:#183d38;color:#e3e9df;padding:36px 0;font-size:.85rem}.intro-footer>.container{display:flex;align-items:center;justify-content:space-between;gap:24px}.intro-footer a{color:#fff5df}.introduction .dating-explorer-detail{max-height:30vh;overflow:auto;font-size:.84rem}.introduction .dating-explorer{line-height:1.5}.introduction .back-to-top{background:#23483f}
@media(max-width:760px){.introduction{font-size:17px;line-height:1.75}.introduction .container{width:calc(100% - 36px)}.intro-topbar{padding:20px 0 28px;margin-bottom:32px;align-items:flex-start}.intro-hero{padding-bottom:44px}.chapter-index ol{grid-template-columns:1fr 1fr;gap:5px 18px}.chapter-index li a{font-size:.8rem}.intro-block,.introduction .dating-section,.introduction .glossary-section,.introduction .sardella-section{padding:48px 0}.reading-columns{columns:1}.concept-pair{grid-template-columns:1fr;gap:16px}.concept-pair article{padding:22px}.reading-note{padding:20px}.culture-quote{padding:28px 24px;margin-inline:0}.introduction .social-change-grid{grid-template-columns:1fr}.introduction .glossary-grid{grid-template-columns:1fr;padding:20px}.historical-dates{grid-template-columns:1fr}.historical-dates article{padding:22px 0}.historical-dates article+article{border-left:0;border-top:1px solid #c0cabb;padding-left:0}.document-body{padding:6px 20px 20px}.document-body blockquote{padding-left:16px;font-size:1.06rem}.source-document summary,.glossary-disclosure summary{padding:20px;font-size:1rem}.intro-footer>.container{display:block}.intro-footer a{display:inline-block;padding:8px 0}.introduction .dating-explorer-detail{max-height:27vh}.introduction .dating-table-panel{max-width:100%;overflow:hidden}.introduction .dating-table-panel>div{overflow-x:auto}.introduction .dating-table{min-width:850px}}
@media(max-width:390px){.chapter-index ol{grid-template-columns:1fr}.intro-hero h1{font-size:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.intro-topbar,.chapter-index,.start-reading,.back-to-top,.intro-footer{display:none!important}.intro-hero{background:white;color:#243f3c;padding:20px 0}.intro-hero h1 span,.intro-hero .section-kicker,.hero-deck{color:#243f3c}.intro-block{padding:20px 0}.introduction .container{width:100%}details>*{display:block!important}.concept-pair,.reading-columns{display:block;columns:1}.dating-explorer{display:none}.source-document{break-inside:avoid}.introduction{font-size:11pt}}

/* Revisión de color 2026-10-10: paleta existente, acotada a la introducción. */
.introduction{--intro-card-green:#436757;--intro-card-blue:#123e59;--intro-card-paper:#f7f5ee}
.introduction .concept-pair>article:nth-child(odd),
.introduction .historical-dates>article:nth-child(odd),
.introduction .glossary-grid>div:nth-child(odd){background:var(--intro-card-green)}
.introduction .concept-pair>article:nth-child(even),
.introduction .historical-dates>article:nth-child(even),
.introduction .glossary-grid>div:nth-child(even),
.introduction .intro-card-blue,
.introduction .sardella-preview{background:var(--intro-card-blue)}
.introduction :is(.concept-pair>article,.historical-dates>article,.glossary-grid>div,.intro-card-blue,.sardella-preview){color:var(--intro-card-paper);border-color:transparent;box-shadow:0 5px 16px #123e590d}
.introduction :is(.concept-pair>article,.historical-dates>article,.glossary-grid>div,.intro-card-blue,.sardella-preview) :is(h3,dt,dd,p,span,blockquote,a){color:inherit}
.introduction :is(.concept-pair>article,.historical-dates>article,.glossary-grid>div,.intro-card-blue,.sardella-preview) a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.introduction :is(.concept-pair>article,.historical-dates>article,.glossary-grid>div,.intro-card-blue,.sardella-preview) a:hover{color:#fff;text-decoration-thickness:2px}
.introduction :is(.concept-pair>article,.historical-dates>article,.glossary-grid>div,.intro-card-blue,.sardella-preview) :focus-visible{outline-color:#e4c995}
.introduction .intro-card-blue{border-left:4px solid #ae8852;border-radius:0 8px 8px 0}
.introduction .historical-dates{gap:24px;border:0}
.introduction .historical-dates>article{padding:26px 30px;border:0;border-radius:8px}
.introduction .historical-dates>article>span{color:#e4c995}
.introduction .glossary-grid>div{border-radius:8px}
.introduction .glossary-grid dd{font-size:.88rem;line-height:1.7}
.introduction .sardella-year{color:#e4c995}
@media(max-width:760px){.introduction .historical-dates{gap:16px}.introduction .historical-dates>article{padding:22px}}
@media print{.introduction :is(.concept-pair>article,.historical-dates>article,.glossary-grid>div,.intro-card-blue,.sardella-preview){background:white;color:#243f3c;border:1px solid #ccd7c6;box-shadow:none}.introduction .historical-dates>article>span,.introduction .sardella-year{color:#243f3c}}
/* Lectura completa de cada datación sin arrastre horizontal en teléfonos. */
@media(max-width:760px){
 .introduction .dating-table-wrap{overflow:visible}
 .introduction .dating-table-wrap table{display:block;width:100%;min-width:0}
 .introduction .dating-table-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .introduction .dating-table-wrap tbody{display:block}
 .introduction .dating-table-wrap tr{display:block;padding:12px 0;border-bottom:2px solid #b8c9c1}
 .introduction .dating-table-wrap td{display:block;width:auto;white-space:normal;overflow-wrap:anywhere;padding:8px 12px}
 .introduction .dating-table-wrap td[data-label]::before{content:attr(data-label);display:block;font-size:.75rem;font-weight:700;margin-bottom:3px}
}