.claves-section{color:#f4f0e6;background:#080808;border-block:1px solid #b7965140;padding:72px 0}.claves-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;display:flex}.claves-heading h2{color:#e6c883;margin:8px 0 15px;font-family:Georgia,serif;font-size:clamp(32px,4vw,48px)}.claves-heading p{color:#c9c4b9;max-width:650px;line-height:1.7}.claves-controls{gap:10px;display:flex}.claves-controls button{color:#eed79d;cursor:pointer;background:#17140f;border:1px solid #a88b50;border-radius:50%;width:48px;height:48px;font-size:22px}.claves-rail{scroll-snap-type:x mandatory;scrollbar-color:#b79651 #161616;gap:24px;padding-bottom:18px;display:flex;overflow-x:auto}.clave-card{scroll-snap-align:start;background:#121212;border:1px solid #b7965140;border-radius:12px;flex:0 0 calc(33.3333% - 16px);min-width:0;transition:transform .3s,border-color .3s;overflow:hidden}.clave-card:hover{border-color:#d8b96e;transform:translateY(-3px)}.clave-card img{object-fit:cover;background:#0b0b0b;width:100%;height:230px}.clave-copy{padding:25px}.clave-copy h3{color:#f4e4ba;margin:12px 0;font:26px/1.2 Georgia,serif}.clave-copy>p{color:#c9c4b9;line-height:1.7}.clave-copy .eyebrow{color:#c6a761;font-size:11px}.clave-copy>a,.claves-blog{color:#efd397;text-underline-offset:5px;margin-top:16px;text-decoration:underline;display:inline-block}.claves-blog{margin-top:26px}.claves-section a:focus-visible,.claves-section button:focus-visible,.claves-rail:focus-visible{outline-offset:4px;outline:3px solid #f4d17e}.clave-article{color:#ded9ce;background:#0a0a0a;min-height:100vh;padding:40px 24px 80px}.clave-article>div{max-width:880px;margin:auto}.clave-article a{color:#ead095;text-decoration:underline}.clave-article h1{color:#f4e4ba;margin:30px 0;font:clamp(34px,5vw,58px)/1.15 Georgia,serif}.clave-article h2{color:#e6c883;margin-top:38px;font:28px Georgia,serif}.clave-article p{font-size:18px;line-height:1.9}.clave-article img{object-fit:contain;width:100%;height:auto;max-height:660px;margin:24px 0}.clave-article footer{border-top:1px solid #b7965150;margin-top:40px;padding-top:24px}@media (width<=1000px){.clave-card{flex-basis:calc(50% - 12px)}}@media (width<=640px){.claves-section{padding:48px 0}.claves-heading{align-items:start}.claves-controls{align-self:end}.clave-card{flex-basis:90%}.clave-card img{height:230px}.claves-heading p{font-size:15px}}@media (prefers-reduced-motion:reduce){.clave-card{transition:none}.claves-rail{scroll-behavior:auto}}.pyramid-explainer{background:#090a0c;margin:0}.clave-card .pyramid-explainer img{aspect-ratio:900/790;object-fit:contain;height:auto;transition:filter .3s,opacity .3s;display:block}.pyramid-explainer figcaption{background:#19150e;border-top:1px solid #bc9b5155;padding:16px 22px;position:relative}.pyramid-explainer button{color:#ffe0a0;cursor:pointer;text-align:left;background:0 0;border:1px solid #c6a55f;border-radius:8px;width:100%;padding:10px 12px;font:600 15px/1.5 inherit}.pyramid-explainer .pyramid-rule{color:#f3e6c7;margin:12px 0 8px;font-size:14px;line-height:1.65}.pyramid-explainer .pyramid-limit{color:#c5bba6;margin:0;font-size:12px;line-height:1.6}.pyramid-active img{filter:blur(1px);opacity:.65}.pyramid-active figcaption{box-shadow:inset 0 0 0 2px #e5c37c}.pyramid-explainer button:focus-visible{outline-offset:3px;outline:3px solid #ffde99}.clave-article .pyramid-explainer{max-width:900px;margin:30px auto}.clave-article .pyramid-explainer img{max-height:none;margin:0;transition:filter .3s,opacity .3s}.clave-article .pyramid-rule{font-size:18px}.clave-article .pyramid-limit{font-size:15px}.pyramid-example{border-left:3px solid #d6b76b;padding-left:24px}@media (prefers-reduced-motion:reduce){.pyramid-explainer img,.clave-card .pyramid-explainer img{transition:none}.pyramid-active img{filter:none;opacity:1}}.claves-rail{align-items:stretch}.clave-card{flex-direction:column;display:flex}.clave-copy{flex-direction:column;flex:1;display:flex}.clave-copy>a{margin-top:auto;padding-top:20px}.clave-expanded{padding-top:5px;padding-bottom:12px}.clave-expanded h4{color:#e6c883;margin:18px 0 8px;font-family:Georgia,serif;font-size:19px;font-weight:400;line-height:1.35}.clave-expanded p{color:#c9c4b9;margin:0 0 14px;font-size:15px;line-height:1.8}.clave-copy>p{margin-bottom:14px}.claves-heading>div:first-child{flex:1}.claves-library{background:linear-gradient(110deg,#b7965112,#0000);border-left:2px solid #b79651;flex:0 420px;padding:24px 28px}.claves-library p{margin:0 0 16px}.claves-library strong{color:#f4e4ba;font-weight:600}.claves-search{color:#efd397;align-items:center;gap:28px;font-weight:600;text-decoration:none;display:inline-flex}.claves-search:hover{text-decoration:underline}.claves-library .claves-controls{justify-content:flex-end;margin-top:22px}@media (width<=760px){.claves-heading{flex-direction:column;align-items:stretch}.claves-library{flex:auto;padding:20px 24px}.claves-library .claves-controls{margin-top:16px}}.clave-article .clave-image-credit,.clave-article .clave-source-links{color:#c9c4b9;font-size:14px;line-height:1.65}.clave-sources li{margin:14px 0;scroll-margin-top:30px;line-height:1.8}.clave-series{border-left:2px solid #b79651;padding-left:16px}.clave-copy .clave-image-credit{color:#a99d84;margin-top:-5px;font-size:12px;line-height:1.5}
