.ref-intro{padding:75px 9% 48px;background:linear-gradient(110deg,#15343d,var(--ink))}.ref-intro h1{font:clamp(42px,5.7vw,76px)/1.1 Georgia,serif;margin:0 0 25px}.ref-intro h1 em{color:var(--gold);font-weight:normal}.ref-intro>p:not(.eyebrow){max-width:760px;color:#c1cbcb;font-size:19px}.ref-stats{display:flex;flex-wrap:wrap;gap:18px 35px;font-size:14px;color:var(--muted);margin-top:32px}.ref-stats strong{font:28px Georgia,serif;color:var(--gold);margin-right:6px}.reading-note{margin:35px 9% 50px;border-left:2px solid var(--gold);padding:8px 0 0 25px;max-width:1050px}.reading-note h2{font-size:27px;margin-bottom:15px}.reading-note p{font-size:15px;color:#b7c6c8;margin-bottom:12px}.catalog-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:50px;margin:0 6% 90px}.ref-sidebar{align-self:start;position:sticky;top:25px}.ref-sidebar .eyebrow{letter-spacing:1.5px}.ref-sidebar nav{display:flex;flex-direction:column;gap:0}.ref-sidebar a{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #ffffff17;font-size:14px}.ref-sidebar a span{color:var(--gold);font-size:13px}.search-panel{padding:25px;background:#143039;margin-bottom:45px}.search-panel label{display:block;font-size:15px;margin-bottom:10px}.search-panel input{width:100%;padding:14px 16px;border:1px solid #668087;background:#0b2028;color:var(--paper);font:16px Arial,sans-serif;border-radius:0}.search-panel input::placeholder{color:#a6bbbf}.search-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:12px}.search-actions p{font-size:14px;margin:0;color:var(--muted)}button{font:14px Arial,sans-serif;color:var(--gold);background:none;border:0;text-decoration:underline;cursor:pointer;padding:8px}.ref-section{margin:0 0 55px;scroll-margin-top:25px}.ref-section-heading{padding-bottom:20px}.ref-section-heading .eyebrow{margin-bottom:10px}.ref-section-heading h2{font-size:33px;margin-bottom:10px}.ref-section-heading>p:last-child{color:var(--muted);font-size:15px;margin-bottom:0}.ref-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.reference{padding:24px;background:#112b34;border:1px solid #ffffff15;overflow-wrap:anywhere}.ref-id{display:block;font-size:12px;color:var(--gold);letter-spacing:1.5px;margin-bottom:13px}.ref-title{font-size:16px;line-height:1.65}.ref-title strong{font-weight:normal;color:#f1eee7}.ref-title em{font-family:Georgia,serif;font-size:18px}.reference a{color:var(--gold);text-underline-offset:3px}.reference details{margin-top:20px;border-top:1px solid #ffffff20;padding-top:14px}.reference summary{cursor:pointer;font-size:14px;color:#d6bb8f}.ref-note{padding-top:16px;font-size:15px;color:#b8c9cd}.ref-note strong{font-weight:600;color:#dee5e5}a[aria-current=page]{color:var(--gold)}[hidden]{display:none!important}.references-teaser{background:#122d35}.references-teaser p{color:#bfcbcc}.references-teaser .button{margin-top:12px;color:var(--ink)}@media(min-width:801px) and (max-width:1100px){.catalog-layout{grid-template-columns:190px minmax(0,1fr);gap:25px}.ref-grid{grid-template-columns:1fr}}@media(max-width:800px){.ref-intro{padding:50px 7% 35px}.reading-note{margin:30px 7%}.catalog-layout{display:block;margin:0 7% 55px}.ref-sidebar{position:static;margin-bottom:30px}.ref-sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.ref-grid{grid-template-columns:1fr}.ref-stats{gap:14px 25px}.search-panel{padding:20px}.ref-section-heading h2{font-size:29px}header nav{flex-wrap:wrap}header .brand{font-size:32px}}
/* Cuaderno de investigación: índice, secciones y artículos. */
.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.topic-card{height:100%;padding:28px;background:#112b34;border:1px solid #ffffff20}
.topic-card h2{font:28px/1.2 Georgia,serif;margin:0 0 18px}
.topic-card h2 a{text-decoration:none}.topic-card p:not(.eyebrow){color:var(--muted);font-size:16px}
.topic-card .eyebrow{margin-bottom:16px}.topic-card .text-link{color:var(--gold)}
.article-layout{padding-top:45px}.wiki-article{min-width:0;max-width:1100px}
.wiki-article h1{font:clamp(36px,4.5vw,60px)/1.15 Georgia,serif;margin:0 0 24px}
.article-lead{color:var(--muted);font-size:19px;max-width:800px}
.breadcrumbs{flex-wrap:wrap;gap:8px;margin-bottom:32px;color:var(--muted);font-size:14px}
.breadcrumbs a{color:var(--gold)}.wiki-article>section{margin-top:42px}
.wiki-article section>h2,.editorial h2{font-size:30px;margin:35px 0 22px;padding-top:18px;border-top:1px solid #ffffff25}
.editorial{max-width:800px}.editorial p,.editorial li{color:#bfcbcc}.local-label{margin:30px 0 10px}
.ref-sidebar a[aria-current=page]{border-left:2px solid var(--gold);padding-left:10px;background:#ffffff06}
#search-results{display:grid;gap:12px;margin-top:20px;max-height:440px;overflow:auto}
#search-results a{display:block;padding:14px;background:var(--ink);color:var(--paper);font-size:15px}
.reference:target{border-color:var(--gold)}
@media(max-width:800px){.topic-grid{grid-template-columns:1fr}.article-layout{padding-top:25px}.breadcrumbs{margin-bottom:25px}.ref-sidebar .local-label,.ref-sidebar nav[aria-label="Contenido del artículo"]{display:none}.topic-card{padding:22px}}
/* Fondo decorativo del índice de referencias. */
.ref-intro{background-image:linear-gradient(90deg,rgba(7,25,33,.62),rgba(7,25,33,.28) 65%,rgba(7,25,33,.12)),linear-gradient(0deg,rgba(11,32,40,.65),transparent 65%),url('assets/mar-referencias.webp');background-size:cover;background-position:center 48%;text-shadow:0 2px 16px #06192080}
.ref-intro>p:not(.eyebrow),.ref-intro .ref-stats{color:#e0e7e7}
/* Miniatura documental a la derecha de cada tema. */
.topic-card{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:20px;align-items:start}
.topic-copy{min-width:0}.topic-thumbnail{display:block;width:100px;height:100px;object-fit:cover;object-position:center;background:#dfd1ac;border:1px solid #d9b57b55}
@media(min-width:801px) and (max-width:1250px){.topic-grid{grid-template-columns:1fr}}
@media(max-width:420px){.topic-card{grid-template-columns:minmax(0,1fr) 72px;gap:14px;padding:18px}.topic-thumbnail{width:72px;height:72px}.topic-card h2{font-size:24px}}
