:root{--game-ink: #24436f;--game-paper: #fffaf3;--game-line: rgba(36, 67, 111, .16);--game-ok-bg: #dcf7e5;--game-ok-text: #1a7a3a;--game-ok-border: #a7e8bd;--game-bad-bg: #ffe3dc;--game-bad-text: #c0392b;--game-bad-border: #ffb4a2;--game-sky: #5ba4cf;--game-leaf: #4caf7d;--game-sun: #f1b451;--game-coral: #e85d4f;--game-font-main: "Alata", "Segoe UI", "Calibri", "Futura", Verdana, sans-serif;--game-font-display: "Saira Stencil One", cursive;--game-shell-max-width: 920px;--game-card-radius: 8px;--game-card-shadow: 8px 8px 0;--game-card-shadow-alpha: .08;--game-option-radius: 8px;--game-transition-speed: .2s;--game-breakpoint: 760px}@keyframes game-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes game-pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes game-bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes game-fade-in{0%{opacity:0}to{opacity:1}}@keyframes game-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.game-root{min-height:calc(100vh - 4rem);padding:clamp(1rem,4vw,2rem);background:var(--game-paper);color:var(--game-ink);font-family:var(--game-font-main)}.game-shell{width:min(var(--game-shell-max-width),100%);margin:0 auto;display:grid;gap:1rem}.game-card{border:2px solid var(--game-line);border-radius:var(--game-card-radius);background:#ffffffe6;box-shadow:var(--game-card-shadow) rgba(36,67,111,var(--game-card-shadow-alpha));padding:1rem}.game-header h1{margin:0;font-size:clamp(2rem,9vw,4.5rem);line-height:1}.game-option{min-height:3.5rem;border:2px solid var(--game-ink);border-radius:var(--game-option-radius);background:#fff;color:var(--game-ink);cursor:pointer;font:inherit;font-size:1.1rem;font-weight:800;padding:.5rem 1rem;transition:transform var(--game-transition-speed),box-shadow var(--game-transition-speed)}.game-option:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px #24436f1f}.game-option:active:not(:disabled){transform:translateY(0);box-shadow:0 2px #24436f1f}.game-option:disabled{cursor:default;opacity:.45}.game-feedback{min-height:3rem;padding:.75rem 1rem;border-radius:var(--game-card-radius);text-align:center;font-weight:700;transition:background-color var(--game-transition-speed)}.game-feedback--ok{background:var(--game-ok-bg);color:var(--game-ok-text);border:2px solid var(--game-ok-border)}.game-feedback--bad{background:var(--game-bad-bg);color:var(--game-bad-text);border:2px solid var(--game-bad-border)}.game-option.is-correct{background:var(--game-ok-bg);border-color:var(--game-ok-border)}.game-option.is-wrong{background:var(--game-bad-bg);border-color:var(--game-bad-border)}.game-scorebar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}.game-action-btn{border:2px solid var(--game-ink);border-radius:var(--game-option-radius);background:var(--game-ink);color:var(--game-paper);font:inherit;font-weight:800;font-size:1rem;padding:.5rem 1.5rem;cursor:pointer;transition:opacity var(--game-transition-speed)}.game-action-btn:disabled{opacity:.45;cursor:default}.game-action-btn:hover:not(:disabled){opacity:.9}.game-hidden{display:none!important}.history-hero-figure{margin:0 0 1rem;border:2px solid color-mix(in srgb,var(--game-ink) 16%,transparent);border-radius:14px;overflow:hidden;background:var(--game-paper);box-shadow:0 14px 26px #24436f1f}.history-hero-image{display:block;width:100%;height:clamp(13rem,30vw,20rem);object-fit:cover;object-position:center}.reyes-catolicos-game .history-hero-image{object-position:50% 42%}.carlos-i-game .history-hero-image{object-position:62% 34%}.felipe-ii-game .history-hero-image{object-position:44% 38%}.felipe-iii-game .history-hero-image,.felipe-iv-game .history-hero-image{object-position:46% 38%}.carlos-ii-game .history-hero-image{object-position:52% 40%}.history-victory-icon{display:inline-grid;place-items:center;color:var(--gold-accent, var(--game-ink))}.history-victory-icon svg{width:1em;height:1em;stroke-width:1.75}@media (max-width: var(--game-breakpoint)){.game-shell{gap:.75rem}.game-option{min-height:2.75rem;font-size:1rem}.history-hero-image{height:clamp(10rem,44vw,13rem)}}.mecanito-progress-dot{width:14px;height:14px;border-radius:50%;background-color:#ddd;display:inline-block;margin:0 4px;transition:all .3s ease}.mecanito-progress-dot.is-active{background-color:var(--game-ink, var(--turquesa));transform:scale(1.2)}.mecanito-progress-dot.is-done{background-color:var(--naranja-melon)}.mecanito-progress-dot.is-error{background-color:#ff5964}.telegrafo-faro-game{--game-ink: #17324a;--game-paper: #eef5f3;--game-line: rgba(23, 50, 74, .18);--telegrafo-night: #112c46;--telegrafo-deep: #071c31;--telegrafo-sea: #245e70;--telegrafo-foam: #9bd8d0;--telegrafo-light: #ffd879;--telegrafo-coral: #e98468;background:radial-gradient(circle at 15% 8%,rgba(255,216,121,.2),transparent 18rem),linear-gradient(180deg,#dcebe9,#f7f4e9)}.telegrafo-faro-shell{max-width:1080px}.telegrafo-faro-header{position:relative;overflow:hidden;padding:clamp(1.25rem,4vw,2.2rem);border-color:#17324a47;background:#fffdf5;text-align:center}.telegrafo-faro-header:after{position:absolute;right:-2rem;bottom:-4.5rem;width:12rem;height:12rem;border:1.8rem solid rgba(76,211,194,.13);border-radius:50%;content:""}.telegrafo-faro-header h1{position:relative;z-index:1;margin:0;color:var(--game-ink);font-family:var(--game-font-display);font-size:clamp(2rem,6vw,3.8rem);line-height:1.05;letter-spacing:.035em}.telegrafo-faro-header>p:last-child{position:relative;z-index:1;margin:.65rem 0 0;font-size:clamp(1rem,2.5vw,1.2rem)}.telegrafo-faro-eyebrow{margin:0 0 .55rem;color:#2f6c73;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.telegrafo-faro-start,.telegrafo-faro-finish{padding:clamp(1.5rem,6vw,3.5rem);text-align:center}.telegrafo-faro-start h2,.telegrafo-faro-finish h2,.telegrafo-faro-notebook h2,.telegrafo-faro-console h2{margin:0;color:var(--game-ink);font-family:var(--game-font-display);letter-spacing:.04em}.telegrafo-faro-intro-mark,.telegrafo-faro-finish-light{display:grid;width:4.5rem;height:4.5rem;margin:0 auto .75rem;place-items:center;border-radius:50%;background:#fff0b9;color:#b87524;font-size:2.2rem;box-shadow:0 0 0 .7rem #ffd87933}.telegrafo-faro-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.75rem}.telegrafo-faro-level{display:grid;min-height:7.5rem;align-content:center;border-color:#2f6c73;background:#fffdf5}.telegrafo-faro-level strong{color:#225b65;font-size:1.3rem}.telegrafo-faro-level span{margin-top:.35rem;font-size:.85rem;font-weight:400}.telegrafo-faro-status{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;background:#fffdf5;font-size:.95rem}.telegrafo-faro-scene{position:relative;min-height:clamp(19rem,46vw,29rem);overflow:hidden;border:3px solid var(--game-ink);border-radius:26px;background:linear-gradient(180deg,var(--telegrafo-deep),var(--telegrafo-night) 72%,#183f59 72%);box-shadow:0 18px 36px #071c3133;isolation:isolate}.telegrafo-faro-sky{position:absolute;inset:0 0 28%;background:radial-gradient(circle at 65% 45%,rgba(64,114,139,.32),transparent 40%)}.telegrafo-faro-moon{position:absolute;top:12%;left:12%;width:clamp(2.7rem,7vw,4.8rem);aspect-ratio:1;border-radius:50%;background:#ffe8a3;box-shadow:0 0 2.5rem #ffe8a36b}.telegrafo-faro-star{position:absolute;color:#fff6c7;opacity:.78}.telegrafo-faro-star--one{top:18%;left:38%}.telegrafo-faro-star--two{top:35%;left:57%;font-size:2rem}.telegrafo-faro-star--three{top:10%;right:18%;font-size:.75rem}.telegrafo-faro-sea{position:absolute;z-index:1;inset:72% 0 0;overflow:hidden;background:linear-gradient(180deg,var(--telegrafo-sea),#123d55)}.telegrafo-faro-sea span{position:absolute;width:42%;height:.2rem;border-radius:50%;background:#9bd8d08c;animation:telegrafo-wave 5s ease-in-out infinite alternate}.telegrafo-faro-sea span:nth-child(1){top:22%;left:9%}.telegrafo-faro-sea span:nth-child(2){top:48%;right:7%;animation-delay:-1.4s}.telegrafo-faro-sea span:nth-child(3){top:71%;left:25%;animation-delay:-2.8s}.telegrafo-faro-lighthouse{position:absolute;z-index:4;bottom:15%;left:8%;width:clamp(4.5rem,12vw,7.5rem)}.telegrafo-faro-lantern{position:relative;z-index:1;width:76%;height:2.8rem;margin:auto;border:.3rem solid #122c42;border-radius:.5rem .5rem 0 0;background:var(--telegrafo-light);box-shadow:0 -.6rem 0 -.2rem #e98468}.telegrafo-faro-tower{height:clamp(8rem,19vw,12rem);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);background:repeating-linear-gradient(180deg,#fff7e5 0 2.2rem,#e98468 2.2rem 4.4rem);box-shadow:inset 0 0 0 .25rem #071c3161}.telegrafo-faro-tower span{display:block;width:.85rem;height:1.4rem;margin:2.1rem auto 0;border-radius:1rem 1rem 0 0;background:#16364e}.telegrafo-faro-boat{position:absolute;z-index:5;right:11%;bottom:23%;width:clamp(7.5rem,20vw,13rem);animation:telegrafo-boat 3.5s ease-in-out infinite alternate}.telegrafo-faro-hull{display:block;height:clamp(2rem,5vw,3.2rem);clip-path:polygon(0 0,100% 0,82% 78%,21% 100%);background:#d86f57;box-shadow:inset 0 .55rem #fff2d5}.telegrafo-faro-cabin{display:block;width:43%;height:clamp(1.4rem,4vw,2.4rem);margin-left:27%;border-radius:.35rem .7rem 0 0;background:#f2ead5}.telegrafo-faro-boat-light{position:absolute;z-index:2;top:-.4rem;left:42%;width:.8rem;height:.8rem;border-radius:50%;background:#9b7b36;transition:box-shadow .08s,background .08s,transform .08s}.telegrafo-faro-boat-light.is-active{background:#fff3a5;box-shadow:0 0 0 .6rem #ffd87945,0 0 3.5rem 1.4rem #ffd879;transform:scale(1.4)}.telegrafo-faro-beam{position:absolute;z-index:3;bottom:42%;left:13%;width:72%;height:19%;clip-path:polygon(0 42%,100% 0,100% 100%,0 58%);background:linear-gradient(90deg,#ffe8a3e6,#ffe8a30d);opacity:0;transform:rotate(-2deg);transform-origin:left center}.telegrafo-faro-beam.is-active{animation:telegrafo-beam 1.2s ease-out both}.telegrafo-faro-signal{position:absolute;z-index:8;top:1rem;left:50%;display:flex;width:min(94%,45rem);min-height:3.25rem;align-items:center;justify-content:center;gap:clamp(.4rem,1.5vw,.9rem);padding:.55rem .75rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#041322b8;color:#bdd1d5;font-family:ui-monospace,Cascadia Mono,monospace;transform:translate(-50%)}.telegrafo-faro-signal-group{display:flex;align-items:center;gap:.16rem}.telegrafo-faro-signal-mark{transition:color .08s,filter .08s,transform .08s}.telegrafo-faro-signal-mark.is-active{color:#fff0a5;filter:drop-shadow(0 0 .45rem #ffd879);transform:scale(1.28)}.telegrafo-faro-announcer{position:absolute;z-index:8;right:1rem;bottom:.7rem;margin:0;color:#dff3ef;font-size:.78rem}.telegrafo-faro-workspace{display:grid;grid-template-columns:minmax(18rem,.78fr) minmax(22rem,1.22fr);gap:1rem;margin-top:1rem}.telegrafo-faro-notebook{position:relative;overflow:hidden;padding:1.3rem 1.2rem 1.3rem 2.2rem;border-color:#6e563759;background:linear-gradient(90deg,transparent 2.1rem,rgba(218,103,91,.35) 2.1rem 2.2rem,transparent 2.2rem),repeating-linear-gradient(180deg,#fffaf0 0 1.72rem,#cbdedb 1.72rem 1.78rem);color:#3f3a31}.telegrafo-faro-notebook>p{margin:.25rem 0 .9rem;font-size:.82rem}.telegrafo-faro-notebook-ring{position:absolute;top:0;bottom:0;left:.45rem;width:.8rem;background:radial-gradient(circle,#73818a 0 .16rem,transparent .19rem) 0 0 / .8rem 1.4rem}.telegrafo-faro-codebook{display:grid;grid-template-columns:repeat(3,1fr);gap:.42rem .75rem}.telegrafo-faro-code{display:flex;align-items:baseline;justify-content:space-between;gap:.3rem;font-size:.95rem}.telegrafo-faro-code span{color:#3d6570;font-family:ui-monospace,Cascadia Mono,monospace;letter-spacing:.08em}.telegrafo-faro-console{display:grid;gap:.9rem;align-content:start;background:#fffdf5f5}.telegrafo-faro-answer{min-height:3.9rem;padding:.65rem;border:2px solid #2f6c73;border-radius:.8rem;background:#edf7f3;color:var(--game-ink);font-size:clamp(1.25rem,4vw,2rem);font-weight:800;letter-spacing:.1em;text-align:center}.telegrafo-faro-keyboard{display:grid;grid-template-columns:repeat(7,1fr);gap:.42rem}.telegrafo-faro-key{min-width:0;min-height:2.8rem;padding:.25rem;border-width:1.5px;font-size:1rem}.telegrafo-faro-key--erase{grid-column:span 2;font-size:.84rem}.telegrafo-faro-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem}.telegrafo-faro-replay{min-height:auto;padding:.5rem 1rem;color:var(--game-ink);font-size:.95rem}.telegrafo-faro-feedback{min-height:3rem;padding:.7rem 1rem;border:2px solid transparent;border-radius:var(--game-card-radius);background:#edf4f2;font-weight:700;text-align:center}.telegrafo-faro-feedback--ok{border-color:var(--game-ok-border);background:var(--game-ok-bg);color:var(--game-ok-text)}.telegrafo-faro-feedback--bad{border-color:var(--game-bad-border);background:var(--game-bad-bg);color:var(--game-bad-text);animation:telegrafo-shake .35s ease}.telegrafo-faro-finish p{font-size:1.1rem}.telegrafo-faro-finish strong{color:#247168;font-size:1.5em}@keyframes telegrafo-wave{to{transform:translate(28%) scaleX(1.15)}}@keyframes telegrafo-boat{to{transform:translateY(.38rem) rotate(.6deg)}}@keyframes telegrafo-beam{0%{opacity:0;transform:rotate(-8deg) scaleX(.2)}45%,85%{opacity:.82;transform:rotate(-2deg) scaleX(1)}to{opacity:.45;transform:rotate(1deg) scaleX(1)}}@keyframes telegrafo-shake{25%{transform:translate(-.25rem)}75%{transform:translate(.25rem)}}@media(max-width:760px){.telegrafo-faro-levels,.telegrafo-faro-workspace{grid-template-columns:1fr}.telegrafo-faro-levels{gap:.65rem}.telegrafo-faro-level{min-height:5.2rem}.telegrafo-faro-notebook{order:2}.telegrafo-faro-status{flex-wrap:wrap}.telegrafo-faro-signal{top:.6rem;gap:.3rem;font-size:.76rem}}@media(max-width:430px){.telegrafo-faro-game{padding:.65rem}.telegrafo-faro-scene{min-height:19rem;border-radius:18px}.telegrafo-faro-status{font-size:.82rem}.telegrafo-faro-keyboard{grid-template-columns:repeat(5,1fr)}.telegrafo-faro-codebook{grid-template-columns:repeat(2,1fr)}.telegrafo-faro-announcer{display:none}}@media(prefers-reduced-motion:reduce){.telegrafo-faro-boat,.telegrafo-faro-sea span{animation:none}}