:root{--cream:#faf6eb;--paper:#fffdf7;--ink:#223e34;--muted:#5f695f;--jade:#285c49;--coral:#f18d74;--lilac:#dcd0ef;--line:#dedfd1;--shadow:0 5px 0 #203e3410;--radius:24px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #79529d;outline-offset:5px}button{transition:transform .16s,background .16s,box-shadow .16s}button:not(:disabled):active{transform:translateY(2px)}button:disabled{opacity:.55}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(3.4rem,6vw,5.8rem);line-height:1.02;letter-spacing:-.055em;margin-bottom:24px}h2{font-size:clamp(2rem,4vw,3rem);line-height:1.1;letter-spacing:-.035em}h3{font-size:1.6rem;line-height:1.18}p{line-height:1.6}svg,img{max-width:100%}.site-header{max-width:1200px;margin:auto;padding:25px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-weight:750;font-size:25px;letter-spacing:-1px;border:0;background:none;padding:0}.brand-symbol{display:grid;place-items:center;width:36px;height:36px;background:var(--jade);color:var(--cream);border-radius:11px;font-family:Georgia,serif;font-size:24px}.brand-dot{color:#af4d35}.header-actions{display:flex;gap:14px;align-items:center}.xp{font-size:14px;font-weight:bold;background:#e5ebdb;border-radius:25px;padding:10px 15px;white-space:nowrap}.icon-button{border:1px solid var(--line);background:transparent;border-radius:50%;height:44px;min-width:44px;font-size:22px}.site-footer{display:flex;justify-content:space-between;gap:12px;max-width:1128px;margin:36px auto 0;padding:24px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px;letter-spacing:1px}main{max-width:1128px;margin:0 auto;min-height:calc(100vh - 190px)}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:10px;margin-bottom:25px}.eyebrow:before{content:'';display:block;width:24px;height:2px;background:currentColor}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:70px;align-items:center;padding:64px 0 52px}.hero-copy em{font-style:italic;color:var(--jade)}.subtitle{font-size:20px;max-width:390px}.intro{max-width:445px;color:var(--muted);font-size:16px}.primary,.secondary,.danger{min-height:50px;border-radius:15px;padding:14px 24px;font-weight:700;border:1px solid var(--jade);display:inline-flex;justify-content:center;gap:16px;align-items:center}.primary{background:var(--jade);color:#fffdf7;box-shadow:0 4px 0 #173f30}.primary:hover{background:#1e4939}.secondary{background:transparent}.secondary:hover{background:#e7ebdd}.danger{background:#fff3ef;color:#913520;border-color:#c77d6b}.cta-note{font-size:13px;color:var(--muted);margin:17px 0 0}.travel-card{position:relative;padding:29px 28px 22px;background:#e8dfef;border-radius:120px 120px 30px 30px;min-height:426px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;transform:rotate(2deg);border:1px solid #d3c7db}.travel-card:before{content:'PICCOLE PAROLE, GRANDI PARTENZE';position:absolute;top:32px;text-align:center;left:20px;right:20px;letter-spacing:2px;font-size:10px;color:#604c6c}.hero-gecko{width:218px;height:211px;margin-top:28px;filter:drop-shadow(0 8px 0 #1e433215);transform:rotate(-12deg)}.gecko-button{background:none;border:0;border-radius:50%;padding:0;position:relative}.speech{position:absolute;right:-18px;top:95px;background:var(--paper);border:1px solid var(--line);padding:11px 18px;border-radius:18px 18px 18px 0;font-family:Georgia,serif;font-style:italic;font-size:23px;transform:rotate(-8deg)}.travel-card .journey{width:100%;margin-top:-8px}.stamp{position:absolute;left:-24px;top:51px;background:var(--coral);width:84px;height:84px;border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(-16deg);font-size:12px;line-height:1.6;border:1px dashed #774b3d;outline:6px solid var(--coral)}.stamp b{font-size:23px;font-family:Georgia,serif}.section-heading{display:flex;justify-content:space-between;gap:15px;align-items:end;margin:14px 0 22px}.section-heading h2{font-size:32px;margin:0}.section-heading p{margin:0;font-size:14px;color:var(--muted)}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.preview-tile{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;align-items:center;gap:16px}.tile-icon{width:45px;height:45px;flex-shrink:0;display:grid;place-items:center;border-radius:14px;background:#f6d8c8;font-size:23px}.preview-tile:nth-child(2) .tile-icon{background:var(--lilac)}.preview-tile:nth-child(3) .tile-icon{background:#dce7cc}.preview-tile b{font-size:15px}.preview-tile p{font-size:13px;color:var(--muted);margin:5px 0 0}.map-layout{display:grid;grid-template-columns:300px 1fr;gap:68px;padding:48px 0}.map-aside{position:sticky;top:28px;align-self:start}.map-aside h1{font-size:48px}.map-aside .gecko-button{width:150px;display:block;margin:18px auto}.map-aside .secondary{width:100%;margin:10px 0}.map-list{position:relative;display:grid;gap:20px}.map-list:before{content:'';position:absolute;left:38px;top:30px;bottom:30px;border-left:2px dashed #b7c8b6}.lesson-node{position:relative;display:flex;gap:19px;align-items:center}.node-number{z-index:1;display:grid;place-items:center;flex-shrink:0;width:78px;height:78px;border-radius:50%;background:var(--cream);border:1px solid var(--line);font-family:Georgia,serif;font-size:28px}.lesson-node.done .node-number{background:var(--jade);color:white}.lesson-card{flex:1;text-align:left;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);min-width:0}.lesson-card:hover:not(:disabled){transform:translateX(4px);border-color:var(--jade)}.lesson-card h3{margin:9px 0;font-size:25px}.lesson-card p{margin:0;font-size:14px;color:var(--muted)}.lesson-card .lesson-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:1px}.lesson-card.coral:not(:disabled){border-left:5px solid var(--coral)}.lesson-card.lilac:not(:disabled){border-left:5px solid #b39bcd}.lesson-card.jade:not(:disabled){border-left:5px solid #74a68a}.session-banner{background:#e7ddf1;padding:18px;border-radius:18px;margin-bottom:20px}.session-banner p{margin:0 0 12px;font-size:14px}.exercise-shell{max-width:720px;margin:auto;padding:34px 0}.exercise-top{display:flex;align-items:center;gap:15px;margin-bottom:14px}.progress-track{height:9px;background:#e1e5d6;border-radius:20px;overflow:hidden;flex:1}.progress-fill{height:100%;background:var(--jade);border-radius:20px;transition:width .35s}.count{font-size:14px;white-space:nowrap}.lesson-label{font-size:13px;color:var(--muted);text-align:center;margin-bottom:26px}.question-card{border:1px solid var(--line);border-radius:28px;background:var(--paper);padding:34px;box-shadow:var(--shadow)}.question-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.question-head .eyebrow{margin:0 0 16px}.question-card h2{font-size:30px;line-height:1.22;margin-bottom:24px}.question-tools{display:flex;gap:8px}.question-tools button{font-size:18px}.help-box{background:#eee5f5;border-radius:12px;padding:15px;font-size:15px;margin-bottom:20px}.sentence{background:var(--cream);border-radius:15px;padding:23px;font-family:Georgia,serif;font-size:27px;margin-bottom:22px}.dialogue{display:grid;gap:9px;margin-bottom:25px}.bubble{padding:13px 18px;border-radius:17px 17px 17px 3px;background:#eee7f5;max-width:90%;line-height:1.5}.bubble:nth-child(even){margin-left:auto;background:#e9eddc;border-radius:17px 17px 3px 17px}.options{display:grid;gap:12px}.option{min-height:58px;border:1px solid #c9d0bf;border-radius:14px;background:var(--paper);padding:15px 18px;text-align:left;display:flex;align-items:center;gap:13px;line-height:1.45}.option .key{display:grid;place-items:center;flex-shrink:0;border:1px solid var(--line);border-radius:7px;font-size:13px;width:26px;height:26px;color:var(--muted)}.option.selected{border:2px solid var(--jade);padding:14px 17px;background:#e9efdf}.option.correct{border-color:var(--jade);background:#e0eddf}.option.wrong{border-color:#a13c27;background:#fae1d8}.option:disabled{opacity:1}.answer-input{width:100%;padding:18px;border:1px solid #9da993;border-radius:13px;background:#fff;font-size:20px;color:var(--ink)}.answer-label{display:block;margin-bottom:10px;font-size:14px}.answer-zone{min-height:76px;padding:12px;border:1px dashed #8a9c82;border-radius:14px;display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;background:#f4f6ec}.answer-zone:empty:before{content:'Toca las palabras para construir la frase';font-size:14px;color:var(--muted);align-self:center}.word-bank{display:flex;gap:9px;flex-wrap:wrap;min-height:52px}.word{border:1px solid #b8c5b0;background:#fffef9;border-radius:11px;padding:12px 16px;min-height:46px;box-shadow:0 3px 0 #dde3d3}.word:disabled{visibility:hidden}.match-grid{display:grid;gap:12px}.match-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center}.match-row label{padding:12px;background:#eee8f3;border-radius:10px;line-height:1.4}.match-row select{min-width:0;width:100%;padding:13px 8px;border-radius:10px;border:1px solid #aab89f;background:white;color:var(--ink);font-size:15px}.exercise-actions{margin-top:23px;display:flex;align-items:center;justify-content:space-between;gap:14px}.exercise-actions .primary{min-width:175px}.gentle{font-size:13px;color:var(--muted);margin:0}.feedback{margin-top:22px;padding:22px;border:1px solid #9ab79b;border-radius:18px;background:#eaf0e1;display:flex;gap:15px}.feedback.incorrect{background:#fae6dc;border-color:#d99c86}.feedback img{width:63px;height:70px;flex-shrink:0}.feedback.incorrect img{transform:rotate(-15deg)}.feedback h3{font-family:Arial,sans-serif;font-size:18px;font-weight:bold;margin:0 0 9px}.feedback p{margin:7px 0 0;font-size:15px}.feedback .solution{font-weight:700}.summary{max-width:740px;margin:45px auto;text-align:center}.summary .gecko-button{width:130px}.summary h1{font-size:55px}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.result{border:1px solid var(--line);padding:24px 10px;background:var(--paper);border-radius:18px}.result b{font-family:Georgia,serif;font-size:32px;display:block;margin-bottom:5px}.result span{font-size:13px;color:var(--muted)}.word-list{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:22px 0 30px}.word-list span{background:#e8dfef;border-radius:30px;padding:9px 14px;font-size:14px}.summary-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.postcard{position:relative;background:#eee3f2;border:1px solid #cfc0d6;border-radius:8px;padding:36px;margin:30px 0;box-shadow:8px 8px 0 #e2e8d9;text-align:left;transform:rotate(-1deg)}.postcard .postmark{border:1px solid var(--jade);border-radius:50%;width:75px;height:75px;display:grid;place-content:center;float:right;text-align:center;font-size:12px;transform:rotate(12deg);margin-left:15px}.postcard p{font-family:Georgia,serif;font-size:25px;line-height:1.5}.postcard .journey{display:block;width:380px;margin:auto}.postcard small{letter-spacing:2px;font-size:11px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:10;background:var(--ink);color:white;border-radius:16px;padding:16px 24px;width:max-content;max-width:calc(100% - 32px);box-shadow:0 4px 18px #0002;font-size:15px;line-height:1.5}.toast:empty{display:none}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:24px;padding:32px;width:470px;max-width:calc(100% - 30px);max-height:90vh}dialog::backdrop{background:#203d3466;backdrop-filter:blur(4px)}dialog h2{margin-top:20px}dialog .close{float:right}.sound-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-weight:bold}.sound-row small{display:block;font-weight:normal;margin-top:6px;color:var(--muted)}.sound-row input{width:24px;height:24px;accent-color:var(--jade)}.small{font-size:14px;margin-top:20px}#reset-confirm{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}#reset-confirm button{margin-bottom:10px}.skip{position:absolute;top:-100px;background:var(--ink);color:white;padding:15px;z-index:20}.skip:focus{top:10px}.noscript{padding:30px}.confetti{position:fixed;top:-20px;left:var(--x);width:9px;height:15px;background:var(--c);pointer-events:none;z-index:20;animation:fall 1.6s ease-in var(--delay) both}.enter{animation:enter .35s ease-out}@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fall{to{transform:translateY(105vh) rotate(510deg);opacity:0}}[hidden]{display:none!important}@media(max-width:1200px){main{margin:0 36px}.site-footer{margin-left:36px;margin-right:36px}.hero{gap:45px}}@media(max-width:760px){.site-header{padding:18px 20px}.brand{font-size:22px}.header-actions{gap:8px}.xp{padding:9px 12px}main{margin:0 20px}.hero{padding:35px 0;gap:25px;grid-template-columns:1fr}.hero-copy h1{font-size:58px;max-width:500px;margin-bottom:18px}.eyebrow{margin-bottom:18px}.subtitle{font-size:18px;margin-bottom:14px}.intro{font-size:15px}.hero .primary{width:100%}.cta-note{text-align:center}.travel-card{min-height:230px;border-radius:85px 85px 23px 23px;max-width:450px;width:calc(100% - 18px);margin:10px auto 0;padding:12px 20px;display:grid;grid-template-columns:140px 1fr;align-items:center;gap:0}.travel-card:before{top:18px;font-size:9px}.hero-gecko{width:150px;height:160px;margin-top:35px}.travel-card .journey{width:220px;margin-top:35px}.speech{right:13px;top:43px;font-size:18px}.stamp{width:57px;height:57px;left:-8px;top:22px;font-size:9px}.stamp b{font-size:19px}.section-heading{align-items:start}.section-heading h2{font-size:26px}.section-heading p{font-size:12px;max-width:100px;text-align:right}.preview-grid{grid-template-columns:1fr}.preview-tile{padding:15px}.site-footer{margin:30px 20px 0;flex-direction:column;font-size:10px;gap:9px}.map-layout{display:block;padding:30px 0}.map-aside{position:static}.map-aside h1{font-size:42px;margin-bottom:15px}.map-aside .gecko-button{display:none}.map-aside .secondary{width:auto}.map-list{margin-top:25px;gap:18px}.node-number{width:48px;height:48px;font-size:21px}.map-list:before{left:23px}.lesson-node{gap:12px}.lesson-card{padding:18px 16px}.lesson-card h3{font-size:23px}.lesson-card .lesson-meta{font-size:10px}.exercise-shell{padding:22px 0}.question-card{padding:22px 18px;border-radius:21px}.question-card h2{font-size:26px}.question-tools{gap:5px}.question-tools button{min-width:40px;height:40px}.question-head .eyebrow{font-size:10px;letter-spacing:1px;gap:6px}.question-head .eyebrow:before{width:12px}.lesson-label{margin-bottom:20px;font-size:12px}.exercise-actions{align-items:stretch;flex-direction:column-reverse}.exercise-actions .primary{width:100%}.gentle{text-align:center}.feedback{padding:17px 14px;gap:10px}.feedback img{width:42px;height:56px}.sentence{font-size:24px;padding:18px}.match-row{gap:8px}.match-row label,.match-row select{font-size:14px}.summary{margin:30px auto}.summary h1{font-size:42px}.results{gap:8px}.result{padding:19px 6px}.result b{font-size:29px}.result span{font-size:11px}.postcard{padding:25px 20px}.postcard p{font-size:23px}.postcard .postmark{width:58px;height:58px;font-size:10px}.summary-actions button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.confetti{display:none}}@media print{.site-header,.site-footer,.summary-actions,.gecko-button,.results,.word-list,.summary>p,.summary>h1,.summary>.eyebrow{display:none}.postcard{box-shadow:none;transform:none}.summary{margin:0}}
.lesson-gecko{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;color:var(--muted);font-size:13px}.lesson-gecko .gecko-button{width:60px;height:60px}.lesson-gecko img{width:60px;height:60px}
img{height:auto}main:focus{outline:none}.feedback img{height:70px}.lesson-gecko img{height:60px}@media(max-width:760px){.feedback img{height:56px}.hero-gecko img{height:auto}}
.next-level{margin:36px 0 28px;padding:30px;border:1px solid #c7d5bb;border-radius:24px;background:#e9eedf;text-align:left}.next-level .eyebrow{font-size:11px;margin-bottom:15px}.next-level h2{font-size:32px;max-width:460px;margin-bottom:12px}.next-level>p:not(.eyebrow){color:var(--muted);margin-bottom:22px}.next-level .primary{width:100%}#next-level-dialog{text-align:left;width:540px;padding:30px}.invitation-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--lilac);font-size:30px}#next-level-dialog h2{font-size:36px;margin:23px 0}.invitation-language{margin:20px 0}.invitation-language>span{font-size:11px;letter-spacing:2px;font-weight:bold;color:var(--muted)}.invitation-language p{margin:10px 0 0;font-size:17px;line-height:1.6}.invitation-language[lang=es]{padding-top:20px;border-top:1px solid var(--line)}.invitation-dismiss{width:100%;margin-top:5px;font-size:14px}@media(max-width:760px){.next-level{padding:23px 20px}.next-level h2{font-size:29px}#next-level-dialog{padding:24px}#next-level-dialog h2{font-size:30px}.invitation-language p{font-size:16px}.next-level .primary{gap:8px;padding:14px 12px}}@media print{.next-level{display:none}}