/* Contained styles for the editorial image study. */
.visual-gallery-page{padding-top:22px;padding-bottom:62px}
.visual-gallery-page .breadcrumbs{margin-bottom:36px}
.visual-gallery{display:grid;grid-template-columns:minmax(260px,.84fr) minmax(0,1.55fr);gap:clamp(32px,4.5vw,72px);align-items:center}
.vg-intro,.vg-stage{min-width:0}
.vg-intro>.eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:28px;color:#56585e}
.vg-intro h1{font-family:Caslon,Georgia,serif;font-size:clamp(43px,4.7vw,72px);line-height:1.04;letter-spacing:-.035em;overflow-wrap:break-word}
.vg-description{font-size:13px;line-height:1.85;color:#56585e;max-width:370px;margin-top:26px}
.vg-description+.vg-description{margin-top:15px}
.vg-intro-links{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:30px}
.vg-intro-links .text-link{font-size:12px;gap:20px;max-width:100%;line-height:1.5;padding:7px 0}
.vg-intro-links .text-link svg{width:18px;height:18px}
.vg-division-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:11px;color:#56585e}
.vg-division-link:hover{text-decoration:underline;text-underline-offset:5px}
.vg-stage{outline-offset:8px}
.vg-stage:focus-visible{outline:2px solid var(--graphite)}
.vg-feature{margin:0}
.vg-image-link{display:block;aspect-ratio:16/9;overflow:hidden;background:#218bb8}
.vg-image-link>img{width:100%;height:100%;object-fit:cover}
.vg-image-link:focus-visible{outline:3px solid var(--graphite);outline-offset:5px}
.vg-caption{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:19px;min-height:47px}
.vg-count{font-size:9px;letter-spacing:.12em;color:#56585e;line-height:1.4;margin-bottom:7px}
.vg-count>[data-vg-number]{color:var(--graphite)}
.vg-caption h2{font-family:Inter,Arial,sans-serif;font-size:12px;line-height:1.4;letter-spacing:0;font-weight:500}
.vg-enlarge{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:10px;flex-shrink:0}
.vg-enlarge:hover{text-decoration:underline;text-underline-offset:5px}
.vg-enlarge svg{width:17px;height:17px}
.vg-selection{display:flex;align-items:center;gap:14px;margin-top:22px}
.vg-selection[hidden]{display:none}
.vg-arrow{border:1px solid #a1a3a5;border-radius:50%;background:transparent;display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;color:var(--graphite);transition:background .2s,color .2s}
.vg-arrow:hover{background:var(--graphite);color:var(--paper)}
.vg-arrow svg{width:19px;height:19px}
.vg-thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;flex:1;min-width:0}
.vg-thumbnail{display:block;position:relative;min-width:0;min-height:44px;border:0;border-bottom:2px solid transparent;padding:0 0 7px;background:transparent;transition:border-color .2s}
.vg-thumbnail img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;opacity:.6;transition:opacity .2s}
.vg-thumbnail[aria-current=true]{border-color:var(--graphite)}
.vg-thumbnail[aria-current=true] img,.vg-thumbnail:hover img,.vg-thumbnail:focus-visible img{opacity:1}
.vg-thumbnail:focus-visible{outline-offset:3px}
.vg-disclosure{font-size:9px;line-height:1.6;color:#56585e;margin-top:16px}
.vg-no-script{font-size:12px;display:flex;gap:16px;flex-wrap:wrap;margin-top:20px}
.vg-no-script p{flex-basis:100%}
.vg-no-script a{display:inline-block;text-decoration:underline;min-height:44px;padding:8px 0}
.vg-dialog{padding:18px 24px 15px;border:0;width:min(1440px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 48px);background:#1D1E21;color:#F5F5F4;overflow:auto}
.vg-dialog::backdrop{background:rgba(9,12,17,.88);backdrop-filter:blur(6px)}
.vg-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}
.vg-dialog-top h2{font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:.02em}
.vg-dialog-close{display:inline-flex;align-items:center;gap:16px;background:transparent;border:0;padding:5px 0 5px 16px;min-height:44px;font-size:12px;color:#F5F5F4}
.vg-dialog-close span{font-size:29px;font-weight:300;line-height:1}
.vg-dialog>img{display:block;width:100%;height:auto;max-height:calc(100dvh - 166px);object-fit:contain;margin:auto}
.vg-dialog-note{font-size:9px;color:#C3C5C7;margin-top:13px;line-height:1.5}
body.vg-dialog-open{overflow:hidden}
@media(min-width:1500px){.vg-description{font-size:14px}.vg-caption h2{font-size:13px}.vg-enlarge{font-size:11px}}
@media(max-width:1020px){.visual-gallery{grid-template-columns:minmax(245px,.85fr) minmax(0,1.2fr);gap:30px}.vg-intro h1{font-size:47px}.vg-intro>.eyebrow{font-size:9px}.vg-selection{gap:10px}.vg-thumbnails{gap:6px}.vg-caption{align-items:start;gap:14px}.vg-enlarge{font-size:9px;gap:6px}.vg-description{font-size:12px}.vg-intro-links .text-link{font-size:11px;gap:12px}}
@media(max-width:760px){.visual-gallery-page{padding-top:18px;padding-bottom:38px}.visual-gallery-page .breadcrumbs{margin-bottom:25px}.visual-gallery{grid-template-columns:1fr;gap:30px}.vg-intro>.eyebrow{margin-bottom:18px}.vg-intro h1{font-size:clamp(39px,8.6vw,59px)}.vg-description{font-size:13px;max-width:560px;margin-top:20px}.vg-description+.vg-description{margin-top:12px}.vg-intro-links{flex-direction:row;flex-wrap:wrap;column-gap:24px;row-gap:5px;margin-top:20px}.vg-intro-links .text-link{font-size:11px}.vg-stage{width:100%}.vg-caption{margin-top:15px}.vg-caption h2{font-size:11px}.vg-selection{margin-top:17px;gap:10px}.vg-thumbnails{gap:7px}.vg-enlarge{font-size:10px;gap:7px}.vg-disclosure{font-size:9px;margin-top:12px}.vg-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:12px 14px}.vg-dialog>img{max-height:calc(100dvh - 150px)}}
@media(max-width:440px){.vg-selection{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px}.vg-thumbnails{grid-column:1/-1;grid-row:1;gap:8px}.vg-thumbnail{min-height:44px;padding-bottom:6px}.vg-arrow{grid-row:2}.vg-arrow[data-vg-next]{grid-column:3}.vg-selection:after{content:'Explora la serie';grid-row:2;grid-column:2;text-align:center;font-size:10px;color:#56585e}.vg-caption{gap:9px}.vg-caption h2{font-size:11px;max-width:170px}.vg-enlarge{font-size:9px;gap:6px}.vg-enlarge svg{width:15px;height:15px}.vg-disclosure{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.vg-arrow,.vg-thumbnail,.vg-thumbnail img{transition:none}}
