.time-travel{position:fixed;inset:0;z-index:10000;pointer-events:none;font-family:Arial,Helvetica,sans-serif;color:#fff}.time-travel__destination{position:fixed;inset:0;width:100%;height:100%;border:0;background:#050505;opacity:0;pointer-events:none}.time-travel--destination-visible .time-travel__destination{opacity:1;pointer-events:auto}.time-travel__world-fade{position:fixed;inset:0;background:#000;opacity:0;pointer-events:none;z-index:2;transition:opacity .48s ease}.time-travel__world-fade.is-dark{opacity:1}.time-travel__overlay{position:fixed;inset:0;z-index:3;display:none;align-items:center;justify-content:center;padding:22px;background:#0306098c;backdrop-filter:blur(2px);overflow:auto;pointer-events:auto}.time-travel__overlay.is-open{display:flex;animation:time-travel-overlay-in .48s ease both}.time-travel__overlay.is-leaving{display:flex;animation:time-travel-overlay-out .72s ease both}@keyframes time-travel-overlay-in{from{opacity:0}to{opacity:1}}@keyframes time-travel-overlay-out{from{opacity:1}to{opacity:0}}
.time-travel__dialog{position:relative;width:min(726px,96vw);max-height:95vh;overflow:auto;padding:18px;border:3px solid #242320;border-top-color:#9b978d;border-left-color:#858178;border-right-color:#161615;border-bottom-color:#11110f;background:radial-gradient(circle at 11px 11px,#d8d1c0 0 1px,#8f8b82 2px 4px,#1b1a18 5px 6px,transparent 7px),radial-gradient(circle at calc(100% - 11px) 11px,#d8d1c0 0 1px,#8f8b82 2px 4px,#1b1a18 5px 6px,transparent 7px),radial-gradient(circle at calc(100% - 11px) calc(100% - 11px),#d8d1c0 0 1px,#8f8b82 2px 4px,#1b1a18 5px 6px,transparent 7px),radial-gradient(circle at 11px calc(100% - 11px),#d8d1c0 0 1px,#8f8b82 2px 4px,#1b1a18 5px 6px,transparent 7px),linear-gradient(135deg,#5b5a55 0%,#373735 42%,#4a4944 67%,#252523 100%);box-shadow:inset 2px 2px 0 #aaa69a,inset -3px -3px 0 #1d1c19,0 0 0 3px #6f6b62,7px 9px 0 #151513;transition:width .46s ease}.time-travel__circuits{display:flex;justify-content:center;padding:48px 34px 24px;opacity:1;transition:opacity .46s ease;background:#090909;border:2px solid #171715;box-shadow:inset 1px 1px 0 #aaa69a,0 0 0 2px #77736b}.time-travel__circuits main{width:1000px;max-width:none;zoom:.60}.time-travel__shell{width:100%;padding:15px 18px 19px;background:linear-gradient(115deg,#777,#303030 6%,#444 94%,#151515);border:5px ridge #777;box-shadow:0 16px 35px #000c,0 0 0 2px #111}.time-travel__panel{padding:14px 10px 12px;background:#393939;border-bottom:4px solid #161616;box-shadow:inset 0 2px 0 #646464}.time-travel__panel:last-of-type{border-bottom:0}.time-travel__fields{display:grid;grid-template-columns:1.4fr .9fr 1.65fr .5fr .95fr .95fr;gap:clamp(5px,1.5vw,19px);align-items:end}.time-travel__field{min-width:0}
.time-travel__field-label,.time-travel__ampm-label{display:block;margin:0 2px 8px;padding:5px 2px;background:linear-gradient(#c30a05,#8b0000);border:2px solid #74110c;color:#f6f1e9;font-weight:700;text-align:center;letter-spacing:.15em;text-shadow:0 0 4px #fff8;font-size:clamp(10px,1.45vw,20px);box-shadow:0 2px 2px #0007}.time-travel__display{height:clamp(52px,8vw,106px);display:flex;align-items:center;justify-content:center;gap:clamp(1px,.3vw,4px);padding:5px;background:linear-gradient(130deg,#050505,#101010 60%,#020202);border:4px ridge #929292;box-shadow:inset 0 5px 8px #000,0 3px 3px #0009;overflow:hidden}.time-travel__digit{position:relative;flex:1;min-width:0;max-width:66px;height:90%;filter:drop-shadow(0 0 1px #000)}.time-travel__segment{position:absolute;background:currentColor;opacity:.085;transition:opacity .1s}.time-travel__segment.is-on{opacity:1;filter:drop-shadow(0 0 3px currentColor)}.time-travel__segment--a,.time-travel__segment--d,.time-travel__segment--g{left:19%;width:62%;height:11%;clip-path:polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 50%)}.time-travel__segment--a{top:0}.time-travel__segment--g{top:44.5%}.time-travel__segment--d{bottom:0}.time-travel__segment--b,.time-travel__segment--c,.time-travel__segment--e,.time-travel__segment--f{width:17%;height:43%;clip-path:polygon(50% 0,100% 12%,100% 88%,50% 100%,0 88%,0 12%)}.time-travel__segment--b{right:2%;top:5%}.time-travel__segment--c{right:2%;bottom:5%}.time-travel__segment--e{left:2%;bottom:5%}.time-travel__segment--f{left:2%;top:5%}
.time-travel__panel--destination{color:#ff672e}.time-travel__panel--present{color:#71ff63}.time-travel__panel--departed{color:#ffe16d}.time-travel__ampm{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;padding-bottom:10px}.time-travel__ampm-option{display:flex;flex-direction:column;align-items:center;width:100%}.time-travel__ampm-label{width:100%;margin:0;font-size:clamp(10px,1.2vw,17px)}.time-travel__lamp{width:clamp(9px,1.3vw,16px);height:clamp(9px,1.3vw,16px);border-radius:50%;margin:5px 0;background:#222;box-shadow:inset 0 2px 3px #000}.time-travel__lamp.is-on{background:currentColor;box-shadow:0 0 9px currentColor,0 0 17px currentColor}.time-travel__nameplate{width:max-content;max-width:95%;margin:10px auto 0;padding:5px 19px;background:#080808;color:#fff;font-size:clamp(12px,2.4vw,26px);letter-spacing:.21em;text-align:center;font-weight:700;text-shadow:0 0 4px #ddd;box-shadow:0 2px 2px #0009}.time-travel__status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.time-travel__close{position:absolute;z-index:9;display:grid;top:29px;right:29px;width:20px;height:20px;overflow:hidden;padding:0;border:1px solid #151513;border-top-color:#aaa69a;border-left-color:#8c887f;border-radius:2px;background:#403f3b;box-shadow:inset 1px 1px 0 #77736b,1px 1px 0 #171614;color:#e8e1d0;font:bold 17px/18px Arial,Helvetica,sans-serif;text-align:center;place-items:center;cursor:pointer}.time-travel__close:hover{background:#57544d;color:#fff8e8}.time-travel__close:active{border-top-color:#171614;border-left-color:#1d1c19;border-right-color:#aaa69a;border-bottom-color:#c4beaf;box-shadow:inset 2px 2px 0 #25231f}
.time-travel__video-stage{display:none;position:relative;overflow:hidden;padding:16px 16px 0;background:#161616;text-align:center;opacity:0;transition:opacity .46s ease;border:2px solid #171715;box-shadow:inset 1px 1px 0 #aaa69a,0 0 0 2px #77736b}.time-travel__video-stage.is-active{display:flex;flex-direction:column;align-items:center}.time-travel__video{display:block;width:100%;height:auto;max-height:min(68vh,600px);object-fit:contain;background:#000}.time-travel__dialog.is-video-mode{width:min(426px,92vw)}.time-travel__dialog.is-crossfade{height:var(--time-travel-cross-height,auto);overflow:hidden}.time-travel__dialog.is-crossfade .time-travel__circuits{position:absolute;top:0;left:50%;transform:translateX(-50%);width:var(--time-travel-circuits-width);min-width:var(--time-travel-circuits-width);max-width:none;z-index:2;opacity:1;pointer-events:none;overflow:hidden}.time-travel__dialog.is-crossfade .time-travel__circuits::after{content:"";position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;animation:time-travel-circuits-black .46s ease forwards}@keyframes time-travel-circuits-black{0%{opacity:0}55%{opacity:1}100%{opacity:1}}.time-travel__dialog.is-crossfade .time-travel__video-stage{display:flex;flex-direction:column;align-items:center;position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(390px,calc(92vw - 36px));z-index:3;opacity:0;animation:time-travel-video-black .46s ease forwards}@keyframes time-travel-video-black{0%,55%{opacity:0}100%{opacity:1}}
/* Tarjeta de regreso de 2013: geometría sticky validada. */.contenedor_global:has(.atb-return-card-anchor) #zona1{position:absolute;top:0;bottom:0;left:0;display:flex;flex-direction:column;float:none;overflow:visible}.contenedor_global:has(.atb-return-card-anchor) #zona2{float:none;margin-left:204px}.atb-left-static{flex:0 0 auto}.atb-return-card-area{flex:1 1 auto;min-height:0}.atb-return-card-anchor{box-sizing:border-box;width:157px;margin:22px 0 0 27px;position:sticky;top:max(0px,calc(100vh - 185px));bottom:16px;z-index:3}.atb-return-card{box-sizing:border-box;width:100%;margin:0;padding:7px;position:relative;background:linear-gradient(135deg,#77746b 0%,#28292b 17%,#55544f 48%,#202124 80%,#8a867c 100%);border:1px solid #8b8981;box-shadow:0 7px 16px #0009,inset 0 1px #b2afa5;color:#f1eadc}.atb-return-card::before{content:"";position:absolute;inset:4px;border:1px solid #0e0e0f;pointer-events:none}.atb-return-card__rivet{position:absolute;z-index:2;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#e3dfd0,#77746d 46%,#222 75%);box-shadow:0 1px 2px #000}.atb-return-card__rivet--tl{top:1px;left:1px}.atb-return-card__rivet--tr{top:1px;right:1px}.atb-return-card__rivet--bl{bottom:1px;left:1px}.atb-return-card__rivet--br{right:1px;bottom:1px}.atb-return-card__inner{padding:8px;border:1px solid #090a0c;background:#141619}.atb-return-card__media{position:relative;aspect-ratio:200/123;overflow:hidden;isolation:isolate;background:#080b13}.atb-return-card__media img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center}.atb-return-card__media img+img{opacity:0;transition:opacity 800ms ease-in-out}.atb-return-card:has(.atb-return-card__button:hover) .atb-return-card__media img+img,.atb-return-card:has(.atb-return-card__button:focus-visible) .atb-return-card__media img+img{opacity:1}.atb-return-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 64%,#0008 100%);pointer-events:none}.atb-return-card__button{width:100%;margin-top:8px;padding:8px 4px;border:1px solid #a49470;background:linear-gradient(#504536,#29241e);color:#f7e7c4;font:700 11px/1.2 Georgia,"Times New Roman",serif;letter-spacing:.045em;text-transform:uppercase;cursor:pointer;text-shadow:0 1px 2px #000;transition:background .25s,box-shadow .25s}.atb-return-card__button:hover,.atb-return-card__button:focus-visible{background:linear-gradient(#69583c,#383023);box-shadow:0 0 18px #e0bd6840;outline-offset:3px}
/* El sticky se ancla a 16 px del borde inferior: 185 px de tarjeta + 16 px. */
.atb-return-card-anchor {
    box-sizing: border-box;
    width: 157px;
    margin: 22px 0 0 27px;
    position: sticky;
    top: calc(100vh - 201px);
    bottom: auto;
    z-index: 3;
    height: 185px;
}

.time-travel__intro {
    margin: 0 0 12px;
    color: #e8e8e8;
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.time-travel__intro.is-starting-jump {
    animation: time-travel-jump-initiation 2s steps(1, end) infinite;
}

@keyframes time-travel-jump-initiation {
    0%, 33%, 66%, 100% { color: #e8e8e8; opacity: 1; text-shadow: 0 0 5px #ff672e, 0 0 13px #ff672e; }
    16%, 49%, 82% { color: #ff672e; opacity: .25; text-shadow: none; }
}

.time-travel__destination { overscroll-behavior: contain; }
.time-travel__close,
.time-travel__close:visited { text-decoration: none; }

/* La web moderna impone Plus Jakarta Sans a body *; la X histórica necesita las métricas de Arial. */
.time-travel__close { font-family: Arial, Helvetica, sans-serif !important; }

/* En 2013 no hay reset global de box-sizing: evita que padding y borde ensanchen la carcasa antes del zoom. */
.time-travel__shell { box-sizing: border-box; }

/* Rayos de Hill Valley: destellos cortos separados por pausas, sin cambiar la geometría de la tarjeta. */
@keyframes atb-return-card-lightning {
    0%, 11.75%, 19%, 20.25%, 30.75%, 34%, 35.25%, 51.75%, 59%, 60.25%, 71.75%, 75%, 76.25%, 100% { opacity: 0; }
    13%, 13.75% { opacity: .86; }
    15%, 15.75% { opacity: .08; }
    17%, 17.75% { opacity: 1; }
    32%, 32.75% { opacity: .72; }
    53%, 53.75% { opacity: 1; }
    55%, 55.75% { opacity: .12; }
    57%, 57.75% { opacity: .94; }
    73%, 73.75% { opacity: .68; }
}
.atb-return-card:has(.atb-return-card__button:hover) .atb-return-card__media img + img,
.atb-return-card:has(.atb-return-card__button:focus-visible) .atb-return-card__media img + img {
    animation: atb-return-card-lightning 4.8s linear -0.564s infinite;
}

@media (prefers-reduced-motion: reduce) {
    .atb-return-card:has(.atb-return-card__button:hover) .atb-return-card__media img + img,
    .atb-return-card:has(.atb-return-card__button:focus-visible) .atb-return-card__media img + img {
        animation: none;
        opacity: 0;
    }
}

@media(max-width:720px){.time-travel__dialog{width:min(616px,96vw)}.time-travel__circuits{padding:46px 16px 18px}.time-travel__circuits main{zoom:.50}}@media(max-width:520px){.time-travel__overlay{padding:5px}.time-travel__dialog{width:100%}.time-travel__circuits{padding:46px 10px 16px}.time-travel__circuits main{zoom:.36}.time-travel__video-stage{padding:10px 10px 0}.time-travel__dialog.is-video-mode{width:min(396px,94vw)}.time-travel__dialog.is-crossfade .time-travel__video-stage{width:min(360px,calc(94vw - 36px))}}@media(prefers-reduced-motion:reduce){.time-travel__dialog,.time-travel__circuits,.time-travel__video-stage,.time-travel__world-fade{transition:none}.time-travel__overlay.is-open,.time-travel__overlay.is-leaving{animation:none}.atb-return-card__media img+img{transition:none}}