:root{font-family:Raleway,Arial,ui-sans-serif,system-ui,sans-serif;color:#23413f;background:#fbfdfc;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #196de1;outline-offset:4px}header{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 32px}.brand{text-decoration:none;color:#23413f;font-size:26px;font-weight:850;display:flex;align-items:center;gap:9px}.brand b{background:#3bbab5;width:38px;height:38px;border-radius:12px;text-align:center}.brand span{font-size:12px;letter-spacing:1.5px;margin-left:4px}.languages{font-weight:750;font-size:14px}.languages span{color:#657471;margin:0 8px}nav{display:flex;background:#f1f7f5;padding:5px;border-radius:15px;gap:4px}.nav{border:0;background:transparent;padding:10px 20px;color:#546966;border-radius:11px;font-weight:700}.nav.active{background:white;color:#23413f;box-shadow:0 2px 6px #23413f10}main{max-width:1120px;margin:20px auto 40px;padding:0 24px}h1{font-size:clamp(28px,4vw,44px);line-height:1.12;letter-spacing:-1.5px;margin:10px 0 16px}h2{margin:0 0 16px;font-size:24px}.eyebrow{font-size:13px;letter-spacing:1.5px;font-weight:800;color:#207671}.sub{color:#5c706e;line-height:1.6;margin:0 0 24px}.home{display:grid;grid-template-columns:1.6fr 1fr;gap:26px}.launch{background:#23413f;color:white;border-radius:28px;padding:36px;position:relative;overflow:hidden}.launch h1{max-width:430px}.launch .eyebrow{color:#3bbab5}.launch .sub{color:#b5c5da;max-width:410px}.stats{display:flex;gap:20px;border-top:1px solid #ffffff20;padding-top:24px;margin-top:32px}.stats strong{display:block;font-size:24px;color:#3bbab5}.stats span{font-size:14px;color:#b5c5da}.primary{background:#3bbab5;border:0;border-bottom:4px solid #207671;border-radius:14px;font-weight:800;color:#204541;padding:16px 24px;min-height:54px}.primary:hover{background:#67cec7}.secondary{background:white;border:2px solid #d5e7e2;border-bottom-width:4px;border-radius:12px;padding:12px 18px;font-weight:750;color:#23413f}.secondary:hover{background:#f1f6fc}.setup{background:white;border:1px solid #d5e7e2;border-radius:28px;padding:28px;display:flex;flex-direction:column;gap:16px}.setup label{font-size:14px;font-weight:750;display:block;margin-bottom:9px}select,input{width:100%;padding:13px;border:1px solid #c7dad4;border-radius:10px;background:#f8fcfa;color:#23413f}.tip{padding:16px;background:#fff4ca;border-radius:14px;line-height:1.55;font-size:14px}.topics{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.topic{border:1px solid #d5e7e2;background:white;border-radius:18px;padding:20px;text-align:left;display:flex;align-items:center;gap:14px;color:#23413f}.topic:hover{border-color:#23b9ab;transform:translateY(-2px)}.topic .emoji{font-size:32px}.topic strong{display:block}.topic small{display:block;font-size:14px;color:#657471;margin-top:4px}.quiz{max-width:720px;margin:24px auto}.quiz-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.quit{border:0;background:transparent;font-size:14px;color:#546966}.meter{height:12px;background:#dcebe7;border-radius:20px;overflow:hidden}.meter div{height:100%;background:#23cabb;border-radius:20px;transition:width .3s}.question{margin-top:22px;background:white;border:1px solid #dcebe7;border-radius:24px;padding:30px;text-align:center}.question h1{font-size:30px;letter-spacing:-.6px;line-height:1.4}.visual{display:block;font-size:72px;margin:12px 0}.label{font-size:13px;font-weight:800;letter-spacing:1px;color:#657471}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0 0}.option{min-height:76px;text-align:left;display:flex;align-items:center;gap:12px;border:2px solid #dcebe7;border-bottom-width:4px;background:white;border-radius:14px;padding:14px;color:#23413f}.option .key{border:1px solid #dcebe7;border-radius:6px;padding:3px 8px;color:#657471;font-size:14px}.option.selected{border-color:#3484ea;background:#eef5ff}.option.correct{border-color:#14ac87;background:#dcfaf0}.option.wrong{border-color:#e37a78;background:#fff0ef}.actions{margin:20px 0;display:flex;justify-content:flex-end;gap:12px}.actions button{min-width:180px}.feedback{padding:20px;text-align:left;border-radius:14px;margin-top:22px;background:#e3f9f0;border:1px solid #b9ead6;line-height:1.5}.feedback.bad{background:#fff0ed;border-color:#f3c9c1}.feedback strong{display:block;font-size:19px}.feedback p{margin:8px 0 0}.greek{color:#61748d}.bank,.answerline{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin:20px 0;min-height:58px}.answerline{background:#f3f9f7;border-radius:14px;border:1px dashed #b9cadd;padding:12px}.word{border:1px solid #c7dad4;border-bottom:3px solid #c7dad4;border-radius:9px;background:white;padding:10px 14px;color:#23413f}.word:disabled{opacity:.3}.tools{display:flex;gap:14px;margin:24px 0;align-items:center}.tools input{flex:1}.tools select{width:auto;max-width:300px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:white;border:1px solid #d5e7e2;border-radius:18px;padding:22px}.card .visual{font-size:40px;margin:0 0 16px}.card h3{margin:0 0 10px;line-height:1.4;font-size:19px}.card p{line-height:1.5;margin:8px 0}.listen{border:0;background:#e9f3fc;border-radius:8px;color:#245b91;padding:7px 12px;margin-top:10px;font-size:14px}.result{text-align:center;background:white;border-radius:28px;padding:36px;max-width:660px;margin:auto}.result .big{font-size:64px}.result h1{font-size:34px}.result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.review{text-align:left;background:#f3f9f7;border-radius:12px;padding:16px;margin:22px 0}.review p{margin:8px 0}.empty{padding:30px}.note{font-size:14px;line-height:1.6;color:#5c706e;margin-top:24px}details{background:white;padding:20px;border-radius:16px;margin-top:20px}summary{cursor:pointer;font-weight:750}footer{max-width:1120px;margin:30px auto;padding:0 24px 24px;font-size:13px;color:#657471;line-height:1.5}@media(max-width:760px){header{padding:18px 20px;flex-wrap:wrap;gap:16px}.brand span{display:none}.languages{margin-left:auto}nav{order:3;width:100%}.nav{flex:1;padding:10px}.home{grid-template-columns:1fr}.launch{padding:28px}.setup{padding:22px}.topics,.cards{grid-template-columns:1fr 1fr}.tools{flex-direction:column}.tools select{width:100%;max-width:none}.question{padding:22px 16px}.question h1{font-size:25px}.options{grid-template-columns:1fr}.actions .primary{width:100%}}@media(max-width:430px){.topics,.cards{grid-template-columns:1fr}.stats{gap:18px}.stats strong{font-size:22px}main{padding:0 16px}.question h1{overflow-wrap:anywhere}}
header{max-width:1280px;gap:16px}.nav{padding:10px 14px}.practice-switch{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.practice-switch button{background:white;color:#546966;border:1px solid #d5e7e2;border-radius:12px;padding:13px 18px;font-weight:750}.practice-switch .chosen{background:#23413f;color:white;border-color:#23413f}.practice-toolbar{display:flex;align-items:center;gap:14px;margin:22px 0}.practice-toolbar label{font-weight:750}.practice-toolbar select{max-width:380px}.practice-toolbar>span{margin-left:auto;font-size:14px;color:#5c706e}.practice-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:24px}.task-panel,.compose-panel{border:1px solid #dcebe7;border-radius:24px;background:white;padding:28px;min-width:0}.task-panel h2{margin-top:14px;font-size:27px;line-height:1.3}.task-panel p,.task-panel li{line-height:1.65}.task-panel ul{padding-left:22px}.task-panel li{margin:9px 0}.task-panel .tip{margin:22px 0}.stem{font-size:15px;background:#eef8f5;border-radius:10px;padding:12px;line-height:1.5;margin:8px 0!important}.field-label{font-weight:750;display:block;font-size:15px;margin:4px 0 10px}textarea{font:inherit;color:#23413f;line-height:1.65;width:100%;border:1px solid #bdcddd;border-radius:12px;padding:16px;resize:vertical;background:#fafdff;min-height:130px}textarea:focus-visible{outline:3px solid #196de1;outline-offset:3px}.draft-meta{display:flex;justify-content:space-between;font-size:14px;color:#5c706e;margin:8px 0 24px}.suggested-connectors{display:flex;flex-wrap:wrap;gap:8px}.connector-chip{border:1px solid #8fdacf;background:#e3faf5;border-radius:9px;padding:8px 12px;color:#207671;font-size:15px;font-weight:700}.compose-panel>.primary{margin:10px 0 0}.self-review{margin:20px 0 0}.self-review h3{font-size:18px}.self-review label{display:flex;align-items:flex-start;gap:10px;margin:14px 0;line-height:1.5;font-size:15px}.self-review input[type=checkbox]{width:19px;height:19px;margin:3px 0 0;flex-shrink:0;accent-color:#12ac97}.self-review small{display:block;color:#657471;font-size:14px;margin-top:4px}.model{border:1px solid #d5e7e2;background:#f6fbf9;padding:17px;margin:22px 0;line-height:1.65}.model summary{font-size:15px}.model p{font-size:15px}.form-field{margin-bottom:17px}.form-field label{font-weight:700;display:block;font-size:15px;margin-bottom:7px}.connector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.connector-grid article{border:1px solid #d5e7e2;border-radius:12px;padding:17px}.connector-grid strong,.connector-grid span,.connector-grid small{display:block}.connector-grid span{color:#5c706e;margin:6px 0;font-size:15px}.connector-grid small{color:#207671;font-size:13px}.connector-grid p{font-size:15px;line-height:1.6}.intro-progress{border-radius:10px;background:#ddf8ef;color:#207671;padding:12px;font-size:15px;font-weight:750}.oral-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}.oral-controls .secondary{padding:10px 14px}.oral-controls button:disabled{opacity:.4}.oral-controls span{font-size:14px;color:#5c706e}.task-panel>.visual{font-size:48px}#form-output:empty{display:none}.connector-bank{border:1px solid #dcebe7}input::placeholder,textarea::placeholder{color:#738299}@media(max-width:960px){header{flex-wrap:wrap}.languages{margin-left:auto}nav{order:3;width:100%;justify-content:center}.nav{flex:1}.practice-layout{grid-template-columns:1fr}.connector-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.practice-toolbar{flex-wrap:wrap}.practice-toolbar select{max-width:100%;width:100%}.practice-toolbar>span{margin-left:0}.task-panel,.compose-panel{padding:22px}.connector-grid{grid-template-columns:1fr}.nav{padding:10px 6px;font-size:14px}.practice-switch button{flex:1}.draft-meta{gap:12px}.oral-controls{gap:8px}.oral-controls .secondary{padding:10px}}
.language-choice{display:flex;align-items:center;gap:9px;flex-shrink:0}.language-choice span{font-size:13px;color:#546966}.language-choice select{width:auto;min-width:112px;font-size:14px;padding:8px;background:white}.text-link{border:0;padding:0;background:transparent;color:#207671;text-decoration:underline;font:inherit}.connector-full{margin:26px 0}.connector-purpose{font-size:13px!important;color:#207671!important}.connector-full h2{margin:8px 0;font-size:23px}.connector-links{display:flex;gap:12px;margin:24px 0;flex-wrap:wrap}@media(max-width:1100px){header{flex-wrap:wrap}.language-choice{margin-left:auto}nav{order:3;width:100%;justify-content:center}.nav{flex:1}}@media(max-width:600px){nav{flex-wrap:wrap;gap:4px}.nav{flex:1 0 28%;min-width:0}.language-choice span{display:none}}
/* Identidad Emoción con ELE: Raleway, blanco, turquesa y amarillo. */
:root{--brand-teal:#207671;--brand-turquoise:#3bbab5;--brand-yellow:#ffde5f;--brand-purple:#8c79bf}
body::before{content:"";display:block;height:5px;background:linear-gradient(90deg,#3bbab5 0 38%,#ffde5f 38% 63%,#f2917b 63% 79%,#8c79bf 79% 100%)}
header{max-width:1280px;padding:15px 28px 18px;gap:20px;border-bottom:3px solid var(--brand-turquoise);background:white;flex-wrap:wrap}
.brand{gap:14px;flex-shrink:0;font-weight:700;letter-spacing:0;color:var(--brand-teal)}
.brand-logo{width:88px;height:80px;object-fit:contain;flex-shrink:0}
.brand .brand-name{font-size:22px;letter-spacing:0;line-height:1.3;margin:0;display:block;color:var(--brand-teal)}
.brand-name small{display:block;font:700 12px/1.5 Raleway,Arial,sans-serif;letter-spacing:1.6px;color:#657471;margin-top:5px}
nav{background:white;gap:6px;padding:0;order:3;width:100%;justify-content:center;border-radius:0}
.nav{flex:0 1 auto;border:1px solid #c1d7cf;border-radius:26px;padding:10px 19px;background:white;color:#3e5d56;font-weight:650;box-shadow:none}
.nav.active{background:var(--brand-yellow);border-color:var(--brand-yellow);color:#23413f;box-shadow:none}
.nav:hover{border-color:var(--brand-teal);background:#f3fbf8}
.nav.active:hover{background:#ffde5f}
.language-choice{margin-left:auto}.language-choice select{border-radius:22px;border-color:#c1d7cf}
main{margin-top:32px}h1{color:var(--brand-teal);font-weight:750;letter-spacing:-1px}h2{font-weight:700}
.launch{background:white;color:#23413f;border:1px solid #d5e7e2;border-top:5px solid var(--brand-turquoise);box-shadow:0 12px 32px #20767108;padding:34px;border-radius:22px}
.launch h1{color:var(--brand-teal);font-weight:650;font-size:clamp(30px,4vw,44px);max-width:460px}
.launch .eyebrow{color:#207671;letter-spacing:1.4px}.launch .sub{color:#5c706e}.launch .stats{border-color:#d5e7e2}.launch .stats strong{color:#207671}.launch .stats span{color:#657471}
.setup{border-radius:22px;border-top:5px solid var(--brand-yellow);background:#fcfefd}
.setup h2{color:var(--brand-teal)}
.primary{background:var(--brand-yellow);border-color:#dbb93f;color:#23413f;border-radius:26px;box-shadow:0 3px 10px #ffde5f25}
.primary:hover{background:#ffe886}.secondary{border-color:#bfd8d0;border-radius:22px;background:white}.secondary:hover{background:#f1faf7}
.topic{border-radius:18px;box-shadow:0 3px 12px #20767104}.topic:hover{border-color:#3bbab5;box-shadow:0 7px 20px #2076710c}
.meter div{background:#3bbab5}.question{border-radius:22px;border-top:5px solid #3bbab5}.question h1{color:#207671}.question .label{display:inline-block;background:#fff5ca;padding:7px 13px;border-radius:20px;color:#526453}
.option.selected{border-color:#33958f;background:#edf9f5}.option:hover:not(:disabled){border-color:#33958f}.option.correct{border-color:#14ac87}.option.wrong{border-color:#e37a78}
.card h3{color:#245951}.listen{background:#e8f7f2;color:#207671;border-radius:18px}.listen:hover{background:#d5eee6}
.practice-switch button{border-radius:24px}.practice-switch .chosen{background:#ffde5f;border-color:#ffde5f;color:#23413f}.task-panel{border-top:5px solid #3bbab5}.compose-panel{border-top:5px solid #ffde5f}
.connector-full h2{color:#207671}.connector-full article{border-top:3px solid #b8a6d9}.connector-chip{border-radius:16px}.tip{background:#fff5ca;color:#46543e}
footer{border-top:1px solid #cee3da;padding-top:24px;margin-top:36px}.footer-brand{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.footer-brand strong{font-size:16px;color:#207671}.footer-brand>div{display:flex;flex-wrap:wrap;gap:16px}footer a{color:#207671;text-decoration:underline;text-underline-offset:3px;font-size:14px}footer p{line-height:1.6;margin-top:18px}
@media(max-width:760px){header{padding:14px 18px;gap:16px}.brand-logo{width:66px;height:60px}.brand .brand-name{font-size:18px;display:block}.brand-name small{font-size:12px;letter-spacing:1px}.nav{flex:1 0 28%;padding:10px 9px;font-size:14px}nav{flex-wrap:wrap}.launch{padding:27px}.footer-brand{flex-direction:column}.language-choice select{min-width:106px}.language-choice span{display:none}}
@media(max-width:390px){.brand{gap:8px}.brand-logo{width:52px;height:50px}.brand .brand-name{font-size:16px}.brand-name small{font-size:12px}.language-choice select{min-width:94px;font-size:13px;padding:8px}}
.learn-more{max-width:1072px;margin:48px auto 0;padding:30px 32px;background:#eef9f5;border:1px solid #c9e4d9;border-left:6px solid #3bbab5;border-radius:22px;display:grid;grid-template-columns:1.4fr 1fr;gap:18px 28px}
.learn-more h2{color:#207671;line-height:1.3;font-size:26px;margin:12px 0}.learn-more p{font-size:16px;line-height:1.65;color:#536962;margin:0}.learn-more-links{display:flex;align-content:center;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.learn-more-links a{text-decoration:none;text-align:center;font-size:15px;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px}.contact-details{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 22px;border-top:1px solid #cee4d9;padding-top:18px}.contact-details a{color:#207671;font-size:15px;text-decoration:underline;text-underline-offset:3px}.learn-more a:focus-visible{outline:3px solid #207671;outline-offset:4px}@media(max-width:760px){.learn-more{margin:32px 24px 0;padding:24px;grid-template-columns:1fr;border-left-width:4px}.learn-more h2{font-size:23px}.learn-more-links{justify-content:flex-start}.contact-details{grid-column:1}}
.audience{margin:0 0 24px}.audience>span{display:block;font-size:14px;font-weight:700;color:#52675f;margin-bottom:9px}.audience>div{display:flex;flex-wrap:wrap;gap:8px}.audience b{font-size:13px;font-weight:600;color:#285c50;background:#eef8f1;padding:8px 12px;border:1px solid #d1e7d7;border-radius:18px;line-height:1.4}.launch .sub{max-width:470px;margin-bottom:20px}
.flashcard-downloads{margin-top:2rem;padding:1.5rem;border:1px solid #207671;border-radius:1.25rem;background:white}.flashcard-downloads h2{margin-top:0;color:#207671}.flashcard-downloads label{display:block;margin-bottom:.5rem;font-weight:700}.flashcard-downloads select{width:100%;max-width:32rem;margin-bottom:1rem}.flashcard-downloads .result-actions{justify-content:flex-start;flex-wrap:wrap}.flashcard-downloads a{text-align:center;text-decoration:none}
.traveller-panel{max-width:820px;margin:1rem auto;padding:1.75rem;border:1px solid #207671;border-radius:1.25rem;background:#fff}.traveller-preview{font-size:3.5rem;margin:1.25rem 0}.profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.profile-fields label{display:grid;gap:.5rem;font-weight:600}.profile-fields input,.profile-fields select{width:100%;min-width:0;padding:.8rem;border:1px solid #207671;border-radius:.7rem;font:inherit}.avatar-choice{border:0;padding:1rem 0;display:flex;flex-wrap:wrap;gap:.75rem}.avatar-choice legend{font-weight:700;margin:1rem 0}.avatar-choice label{display:grid;justify-items:center;padding:.8rem;border:1px solid #c7e4df;border-radius:1rem;cursor:pointer}.avatar-choice span{font-size:2.2rem}.avatar-choice label:has(input:checked){background:#ffde5f;border-color:#207671}.journey-summary{padding:1.25rem;margin-bottom:1.5rem;background:#eef9f7;border:1px solid #207671;border-radius:1.25rem}.journey-heading{display:flex;align-items:center;gap:1rem}.journey-heading p{margin:.35rem 0}.journey-avatar{font-size:2.6rem}.journey-meter{height:16px;background:#d7e7e5;border-radius:99px;overflow:hidden;margin:1rem 0}.journey-meter span{display:block;height:100%;background:#207671;border-radius:99px}.journey-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.journey-route{background:#fff;border:1px solid #c7e4df;border-radius:1rem;padding:1rem}.journey-route h2{font-size:1.1rem;margin:0}.journey-step-list{display:grid;gap:.5rem}.journey-step-list button{display:flex;align-items:center;text-align:left;gap:.65rem;padding:.7rem;border:1px solid #207671;background:#fff;border-radius:.7rem;font:inherit;color:#207671}.journey-step-list button span{flex:none;border-radius:50%;background:#e8f2f0;width:1.5rem;height:1.5rem;text-align:center}.journey-step-list button.step-complete{background:#ffde5f}.reward-locked{font-weight:600}@media(max-width:900px){.journey-routes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.profile-fields,.journey-routes{grid-template-columns:1fr}.traveller-panel{padding:1rem}.journey-heading{align-items:flex-start}}
.parrot-companion{width:80px;height:80px;object-fit:contain;margin-left:auto}.traveller-reward{border-top:1px solid #c7e4df;padding-top:1rem;margin-top:1rem}.traveller-reward form>label{display:block;font-weight:600;margin-bottom:.5rem}.traveller-reward select{width:100%;max-width:24rem;padding:.8rem;font:inherit;border:1px solid #207671;border-radius:.7rem}.parrot-options{border:0;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 0}.parrot-options label{display:grid;justify-items:center;gap:.4rem;padding:1rem;border:1px solid #207671;background:white;border-radius:1rem;cursor:pointer}.parrot-options label:has(input:checked){background:#ffde5f}.parrot-options img{width:100px;height:100px;object-fit:contain}.journey-summary .secondary{margin-top:.7rem}
.avatar-photo{position:relative;display:inline-block;flex:none;width:115px;height:115px;vertical-align:middle}.avatar-photo .traveller-portrait{width:100%;height:100%;object-fit:contain}.avatar-photo .shoulder-parrot{position:absolute;width:53px;height:70px;object-fit:contain;right:-3px;bottom:20px}.avatar-photo.choice{width:110px;height:110px}.avatar-choice label span.avatar-photo{font-size:inherit}.journey-heading>div{min-width:0}
#my-traveller-profile{display:inline-flex;align-items:center;gap:.35rem}.avatar-photo.nav-avatar{width:42px;height:42px}.avatar-photo.nav-avatar .shoulder-parrot{width:22px;height:29px;right:-2px;bottom:6px}
.regional-panel,.regional-preview{margin:24px 0;padding:24px;background:#fff;border:1px solid #dce8e6;border-radius:20px}.regional-table{overflow-x:auto}.regional-table table{border-collapse:collapse;width:100%;min-width:760px}.regional-table th,.regional-table td{text-align:left;padding:14px;border-bottom:1px solid #dce8e6;vertical-align:top}.regional-table th{background:#fff5c5;color:#207671}.regional-table td:last-child{min-width:220px;font-size:.9rem}.regional-hint{margin-top:24px}.traveller-portrait{border-radius:50%}