:root{--school-paper:#edf5ec;--school-ink:#183e31;--school-green:#0b513d;--school-clay:#23674d;--school-line:#ccddcd;--school-font:'Segoe UI',Arial,sans-serif}
html{scroll-padding-top:140px}body{background:#edf5ec;background-image:radial-gradient(ellipse at 100% 0%,#b6d2b659,transparent 60%),linear-gradient(160deg,#edf5ec,#f5f9f1 65%,#e3eee0)}
.green-school{background:transparent;overflow:clip}.green-school .section-space{padding:76px 7%}.green-school h1,.green-school h2{color:#124b38}
.green-school .school-header{position:sticky;top:0;gap:24px;min-height:100px;padding:16px 4.5%;background:#edf5eceb;backdrop-filter:blur(16px);border-bottom:1px solid #c9dccbcc;box-shadow:0 3px 22px #244c3010}
.school-header .prosperamos-brand{gap:9px;font-size:18px}.school-header .prosperamos-brand .prosperamos-brand-mark{width:64px;height:64px}.green-school .school-header nav{font-size:18px;gap:18px;align-items:center}.green-school .school-header nav>a{max-width:none;position:relative;padding:10px 0;color:#365c45;white-space:nowrap}.school-header nav>a[aria-current=page]{color:#0b513d;font-weight:700}.school-header nav>a[aria-current=page]::after{content:'';height:3px;position:absolute;left:0;right:0;bottom:0;background:#c8b55b;border-radius:3px}.green-school .school-header-actions{gap:13px}.green-school .cabinet-link{border-color:#9bbba4;background:#f8fcf5aa;border-radius:30px;padding:10px 15px;font-weight:600;white-space:nowrap}.green-school .school-locale select{background:transparent}
.nav-dropdown{position:relative}.nav-dropdown summary{display:flex;align-items:center;gap:6px;list-style:none;white-space:nowrap;padding:10px 0;color:#365c45;font-size:18px}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown.is-current summary{font-weight:700;color:#0b513d}.nav-dropdown[open] summary>span{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + 15px);left:-22px;width:244px;padding:12px;background:#f6fbf2f7;backdrop-filter:blur(16px);border:1px solid #bcd4bf;border-radius:18px;box-shadow:0 18px 48px #214d3326;z-index:30;display:grid;gap:3px}.school-header nav .nav-dropdown-menu a{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:9px;max-width:none;font-size:18px;white-space:normal}.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible{background:#dfedda}.nav-dropdown-menu a span{font-size:18px;color:#688169}.nav-dropdown-menu a:first-child{font-weight:700;border-bottom:1px solid #ccddcd;border-radius:0;margin-bottom:3px}
.school-main{animation:school-page-enter .45s ease-out both}.green-school .school-button{background:#0b513d;border:1px solid #0b513d;border-radius:30px;padding:15px 24px;color:#fff;min-height:50px;font-size:18px;box-shadow:0 6px 18px #0b513d12}.green-school .school-button:hover{background:#17664a;transform:translateY(-2px);box-shadow:0 9px 23px #0b513d25}.green-school .school-button.light{background:#ecf3dc;color:#134a37;border-color:#ecf3dc}.green-school .school-text-button{color:#1b5b42;font-size:18px}
.welcome-hero{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:38px;padding:60px 7% 64px;min-height:630px;position:relative;background:radial-gradient(ellipse at 78% 38%,#bed8b680,transparent 60%)}.welcome-copy{position:relative;z-index:2}.welcome-label{font-size:18px;font-weight:600;color:#53765b;margin:0 0 22px!important;letter-spacing:.02em}.welcome-copy h1{font-size:clamp(46px,5.35vw,80px);line-height:1.06;letter-spacing:-.055em;max-width:660px;margin-bottom:25px!important}.welcome-body{font-size:18px;line-height:1.75;max-width:470px;color:#4c6b52}.welcome-actions{display:flex;align-items:center;gap:28px;margin-top:32px;flex-wrap:wrap}.welcome-trial{display:grid;gap:4px;font-size:18px;font-weight:600;color:#124b38}.welcome-trial span{font-size:18px;font-weight:400;color:#6b8266}.welcome-note{font-size:18px;color:#587458;margin-top:27px!important;display:flex;align-items:center;gap:8px}.welcome-note>span{height:7px;width:7px;background:#5e8e62;border-radius:50%}
.welcome-tree{position:relative;display:grid;place-items:center;aspect-ratio:1;max-width:510px;min-width:0;width:100%;isolation:isolate}.welcome-logo{width:54%;height:auto;z-index:2;filter:drop-shadow(0 18px 35px #0b513d25);animation:school-logo-enter 1.1s cubic-bezier(.16,1,.3,1) both}.welcome-tree>p{position:absolute;bottom:0;left:5%;right:5%;text-align:center;color:#3e6849;font-size:18px;font-style:italic;font-family:Georgia,serif}.tree-orbit{position:absolute;border:1px solid #7da47b50;border-radius:50%;pointer-events:none;animation:school-orbit-enter 1.5s ease-out both}.orbit-one{inset:5%;border-style:dashed;transform:rotate(-20deg)}.orbit-two{inset:15%;border-color:#9cb28180}.orbit-three{inset:0 28%;border-color:#7da47b35;transform:rotate(42deg)}.orbit-two::before{content:'';position:absolute;top:4%;left:23%;width:11px;height:11px;border-radius:50%;background:#c9b95f;box-shadow:0 0 0 8px #d7c57521}.tree-word{position:absolute;z-index:3;display:grid;gap:4px;min-width:108px;padding:13px 19px;border-radius:24px 24px 24px 5px;background:#ffffffcf;border:1px solid #f9fcf6;color:#18573c;font:24px/1.1 Georgia,serif;box-shadow:0 7px 28px #244b2d12;animation:school-word-enter 1s .3s both}.tree-word small{font:18px/1.3 'Segoe UI',Arial,sans-serif;color:#6f8067}.word-es{left:5%;top:9%;transform:rotate(-7deg);background:#e5d99ccf}.word-en{right:-1%;top:43%;transform:rotate(7deg);animation-delay:.4s}.word-fr{left:3%;bottom:16%;transform:rotate(-5deg);animation-delay:.5s}
.green-school .welcome-paths{border-top:1px solid #c9dccb;border-bottom:1px solid #c9dccb;padding-top:38px;padding-bottom:38px;background:#fbfdf96b;display:grid;grid-template-columns:1fr 2.2fr;gap:45px;align-items:center}.welcome-paths h2{font-size:30px!important}.welcome-paths>div>p{font-size:18px;color:#5c755b;max-width:270px;margin-top:10px}.path-links{display:grid;grid-template-columns:repeat(4,1fr)}.path-links a{position:relative;display:grid;gap:9px;padding:18px 22px;border-left:1px solid #ccddcd;align-content:center;min-height:104px}.path-links a>span{font-size:18px;font-weight:600;line-height:1.3}.path-links small{font-size:18px;color:#75866b}.path-links b{position:absolute;right:12px;top:3px;font-size:18px;font-weight:400;color:#638968}.path-links a:hover{background:#dcebd299;border-radius:12px}
.why-prosperamos{display:grid;grid-template-columns:1fr 1.05fr;gap:12%;align-items:center;background:#fafff54d}.why-intro h2{font-size:46px!important;max-width:420px}.why-intro>p:not(.welcome-label){font-size:18px;line-height:1.85;color:#526d51;margin:23px 0!important;max-width:445px}.why-list{display:grid;gap:25px}.why-list article{display:flex;align-items:center;gap:20px}.why-symbol{display:grid;place-items:center;flex-shrink:0;width:62px;height:62px;border-radius:50% 50% 50% 7px;background:#d7e6cbbb;color:#285e41;font:26px Georgia,serif}.why-list article:last-child .why-symbol{font-size:19px}.why-list h3{font-size:18px;font-weight:600;margin:0 0 6px}.why-list p{font-size:18px;line-height:1.7;color:#657c5f;max-width:355px}
.why-spanish{display:grid;grid-template-columns:.8fr 1fr;gap:12%;align-items:center;background:#dcebd77a;border-top:1px solid #c8dbc6;border-bottom:1px solid #c8dbc6}.spanish-window{position:relative;max-width:370px;justify-self:center;overflow:hidden;border-radius:48% 48% 16px 16px;isolation:isolate}.spanish-window img{width:100%;height:420px;object-fit:cover}.spanish-window::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#163526b3);pointer-events:none}.spanish-window>span{position:absolute;z-index:1;left:32px;bottom:28px;color:white;font:italic 40px/1.1 Georgia,serif}.why-spanish h2{font-size:50px!important}.why-spanish>div>p:not(.welcome-label){font-size:18px;line-height:1.85;color:#526d51;margin:20px 0!important;max-width:500px}.why-spanish ul{list-style:none;display:grid;gap:13px;padding:0;margin:24px 0 30px;font-size:18px}.why-spanish li{display:flex;gap:12px;align-items:center}.why-spanish li>span{color:#376f46}.why-spanish .school-text-button{display:inline-block;margin-left:22px}
.page-intro{padding:51px 7% 35px;background:radial-gradient(ellipse at 85% 0,#bfd5ad66,transparent 65%)}.page-breadcrumb{display:flex;gap:12px;align-items:center;font-size:18px;color:#6d8066;margin-bottom:28px}.page-breadcrumb a{color:#2b6246}.page-intro h1{font-size:clamp(39px,4.5vw,65px);line-height:1.1;max-width:870px;letter-spacing:-.045em}.page-intro>p{font-size:18px;line-height:1.8;color:#61765b;max-width:640px;margin-top:20px}.page-sections{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:14px 7% 24px;border-bottom:1px solid #c9dccb;scrollbar-width:thin}.page-sections a{padding:10px 17px;border:1px solid #c4d7bd;border-radius:22px;font-size:18px;white-space:nowrap;background:#fbfdf96b}.page-sections a:hover,.page-sections a:focus-visible{background:#d8e7cd;border-color:#99b58f}.page-learn .language-section,.page-about .school-founder,.page-pricing #formats{padding-top:50px}.green-school .school-courses{gap:20px}.green-school .school-course{background:#fbfdf9a6;border-color:#bed4bc;border-radius:22px 22px 22px 5px}.green-school .school-course:hover{background:#fff;transform:translateY(-4px)}.green-school .school-course.language-es{background:#dceacfa6}.green-school .school-course.language-en{background:#e4eee3a6}.green-school .school-course.language-fr{background:#e8edd7b3}.green-school .school-course h3{color:#164d37}.green-school .course-hello{color:#86a07a}.green-school .school-method{background:#fafff54d}.green-school .school-formats{background:#e0edda59}.green-school .format-options article{background:#fbfdf980;border:1px solid #c7dac2;border-radius:18px}.green-school .programme-hero{background:#dcebd67a}.green-school .programme-letter{color:#7f9f6a}
.green-school .school-founder{background:#edf5e5}.green-school .school-portal{background:#124e3a}.green-school .school-portal h2{color:#f5f6dc}.green-school .school-faq{background:#f8fcf3a6}.green-school .school-start{background:#dfead387}.green-school .school-quiz{background:#fbfdf9d9;box-shadow:0 18px 50px #2b543414;border-radius:22px}.green-school .school-options label{border-color:#c6d9be}.green-school .school-options label.selected{background:#e0ecd4;border-color:#74996a}.green-school .trial-section{background:#edf4e7}.green-school .spain-journal{background:#f6faf0a1}.green-school .story-card{border-radius:18px;overflow:hidden}.green-school .story-card-copy{background:#fbfdf9bf}.green-school .school-footer{background:#dce9d5;border-top:1px solid #bdd0b8}.green-school .footer-main{grid-template-columns:1.3fr 1fr .8fr 1.1fr;gap:35px}.green-school .footer-main .school-brand{display:flex;align-items:flex-start;gap:12px}.green-school .footer-main .brand-wordmark{font-size:18px;margin-top:34px}.green-school .footer-main p{font-size:18px;line-height:1.8;max-width:260px}.footer-online{display:block;font-size:18px;color:#758168;margin-top:9px}.green-school .footer-main strong{font-size:18px;margin-bottom:17px}.green-school .footer-main>div>a{font-size:18px;line-height:1.6;overflow-wrap:anywhere}.green-school .eyebrow{letter-spacing:.02em;text-transform:none;font-size:18px}
.journal-filters{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 30px}.journal-filters button{font-size:18px;border:1px solid #bdcfb4;background:#f7fbf1;padding:10px 17px;border-radius:25px}.journal-filters button[aria-pressed=true]{background:#1a5a3f;color:white;border-color:#1a5a3f}.journal-empty{padding:35px 0;color:#687b5d;line-height:1.7}
@keyframes school-page-enter{from{opacity:.35;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes school-logo-enter{from{opacity:0;transform:scale(.88) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes school-orbit-enter{from{opacity:0;scale:.9}to{opacity:1;scale:1}}
@keyframes school-word-enter{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
/* Visual reference: 0xkhairi Khairi, Animated Gradient Background (MIT),
   https://21st.dev/@hammamikhairi/components/animated-gradient-background
   Independent CSS implementation in the school's palette; no source copied. */
.welcome-hero{isolation:isolate;overflow:hidden}
.welcome-hero::before{content:'';position:absolute;inset:-15%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 65%,#89b28c59 0,transparent 48%),radial-gradient(ellipse at 35% 30%,#e2d49338 0,transparent 48%),radial-gradient(ellipse at 10% 70%,#c5dfc04d 0,transparent 50%);transform-origin:70% 40%;animation:school-green-breathe 16s ease-in-out 2 alternate}
.welcome-actions .school-button{position:relative;isolation:isolate;overflow:hidden}
.welcome-actions .school-button::after{content:'';position:absolute;top:-60%;bottom:-60%;left:-55%;width:32%;pointer-events:none;background:linear-gradient(90deg,transparent,#f9edb94d,transparent);transform:rotate(23deg) translateX(0);transition:transform .65s ease}
.welcome-actions .school-button:hover::after,.welcome-actions .school-button:focus-visible::after{transform:rotate(23deg) translateX(570%)}
@keyframes school-green-breathe{from{opacity:.45;transform:translate3d(-2%,1%,0) scale(.97)}to{opacity:1;transform:translate3d(2%,-2%,0) scale(1.06)}}
@media(max-width:1200px){.green-school .school-header{gap:17px;padding-left:3%;padding-right:3%}.green-school .school-header nav{gap:13px;font-size:18px}.nav-dropdown summary{font-size:18px}.school-header .prosperamos-brand{font-size:18px}.green-school .school-header-actions{gap:10px}.green-school .cabinet-link{padding:10px 12px;font-size:18px}.welcome-hero{gap:28px;padding-top:48px;min-height:575px}.welcome-tree{max-width:440px}.welcome-copy h1{font-size:clamp(45px,5.6vw,68px)}.welcome-body{font-size:18px}.tree-word{font-size:21px;min-width:100px;padding:12px 15px}.green-school .welcome-paths{gap:25px;grid-template-columns:1fr 2fr}.path-links{grid-template-columns:repeat(2,1fr)}.path-links a{padding:15px 20px;min-height:88px}.green-school .footer-main{grid-template-columns:1fr 1fr;gap:35px 55px}}
@media(max-width:980px){.green-school .school-header{flex-wrap:wrap;padding:14px 5%;min-height:88px}.green-school .school-header>nav{display:none;order:3;flex-basis:100%;padding-top:14px;margin-left:0;flex-wrap:wrap;gap:8px 22px;align-items:flex-start;border-top:1px solid #c9dccb}.green-school .school-header>nav.open{display:flex}.green-school .school-menu{display:block}.school-header .prosperamos-brand{font-size:18px}.school-header .prosperamos-brand .prosperamos-brand-mark{width:56px;height:56px}.green-school .school-header-actions{margin-left:auto}.green-school .school-header nav>a,.nav-dropdown summary{font-size:18px}.nav-dropdown-menu{position:absolute;top:100%;left:-10px;width:250px}.welcome-hero{grid-template-columns:1fr 1fr;padding:48px 6% 55px;gap:18px;min-height:540px}.welcome-copy h1{font-size:50px}.welcome-tree{max-width:390px}.welcome-tree>p{font-size:18px}.welcome-actions{gap:18px}.welcome-actions .school-button{font-size:18px;padding:13px 19px}.welcome-trial{font-size:18px}.welcome-body{font-size:18px}.tree-word{font-size:18px;min-width:88px;padding:10px 13px}.tree-word small{font-size:18px}.word-es{left:0;top:8%}.word-en{right:-4%}.word-fr{left:-2%}.green-school .section-space{padding:60px 6%}.why-prosperamos,.why-spanish{gap:7%}.why-intro h2,.why-spanish h2{font-size:39px!important}.why-symbol{width:50px;height:50px}.why-list article{gap:14px}.why-list{gap:22px}.why-list h3{font-size:18px}.why-list p{font-size:18px}.spanish-window img{height:360px}.page-intro{padding:42px 6% 30px}.page-sections{padding-left:6%;padding-right:6%}.green-school .welcome-paths{padding-top:30px;padding-bottom:30px}.green-school .footer-main{gap:32px 45px}}
@media(max-width:700px){.welcome-hero{display:flex;flex-direction:column;padding:38px 7% 42px;gap:20px}.welcome-copy{text-align:center;width:100%}.welcome-label{font-size:18px;margin-bottom:18px!important}.welcome-copy h1{font-size:clamp(43px,9.8vw,64px);margin-bottom:20px!important;max-width:540px;margin-left:auto!important;margin-right:auto!important}.welcome-body{max-width:470px;margin:auto!important;font-size:18px}.welcome-actions{justify-content:center;gap:24px;margin-top:25px}.welcome-note{justify-content:center;margin-top:20px!important;font-size:18px}.welcome-tree{width:min(100%,380px);margin-top:12px}.welcome-tree>p{bottom:0;font-size:18px}.welcome-logo{width:53%}.tree-word{font-size:20px}.word-es{left:3%}.word-en{right:0}.word-fr{left:1%}.green-school .welcome-paths{grid-template-columns:1fr;gap:18px}.welcome-paths>div>p{max-width:440px}.welcome-paths h2{font-size:30px!important}.path-links a{padding:16px 20px;min-height:87px}.path-links a:nth-child(odd){border-left:0}.why-prosperamos,.why-spanish{grid-template-columns:1fr;gap:34px}.why-intro h2,.why-spanish h2{font-size:36px!important}.why-intro>p:not(.welcome-label),.why-spanish>div>p:not(.welcome-label){font-size:18px;margin:18px 0!important}.why-list{gap:24px}.why-list article{gap:18px}.why-symbol{width:54px;height:54px}.why-list h3{font-size:18px}.why-list p{font-size:18px;max-width:420px}.spanish-window{width:100%;max-width:360px}.spanish-window img{height:310px}.spanish-window>span{font-size:35px}.why-spanish ul{font-size:18px}.green-school .section-space{padding:44px 7%}.green-school .footer-main{grid-template-columns:1fr 1fr;gap:30px 22px}.green-school .footer-main>div:first-child{grid-column:1/-1}.green-school .footer-main .school-brand{align-items:center}.green-school .footer-main .brand-wordmark{margin:0;font-size:18px}.page-intro{padding:34px 7% 27px}.page-breadcrumb{font-size:18px;margin-bottom:23px}.page-intro h1{font-size:39px}.page-intro>p{font-size:18px;margin-top:16px}.page-sections{padding:12px 7% 20px}.page-sections a{font-size:18px;padding:10px 14px}.green-school .school-quiz{padding:25px 22px}.green-school .school-header{padding:12px 5%;gap:9px}.school-header .prosperamos-brand{font-size:18px;gap:7px}.school-header .prosperamos-brand .prosperamos-brand-mark{width:48px;height:48px}.green-school .school-header-actions{gap:9px}.green-school .cabinet-link{padding:9px 10px;font-size:18px}.green-school .school-header>nav{display:none;gap:5px 19px}.green-school .school-header>nav.open{display:flex}.nav-dropdown{position:static}.nav-dropdown-menu{left:5%;right:5%;top:auto;margin-top:8px;width:auto;grid-template-columns:1fr 1fr}.nav-dropdown-menu a:first-child{grid-column:1/-1}.nav-dropdown-menu a{font-size:18px!important}.green-school .school-course{border-radius:19px 19px 19px 5px}.green-school .school-button{font-size:18px;padding:14px 21px}}
@media(max-width:360px){.school-header .prosperamos-brand{font-size:18px;gap:5px}.school-header .prosperamos-brand .prosperamos-brand-mark{width:42px;height:42px}.green-school .school-header-actions{gap:7px}.welcome-copy h1{font-size:41px}.welcome-actions{gap:16px}.welcome-actions .school-button{padding:13px 17px}.tree-word{font-size:18px;min-width:80px}.welcome-tree>p{font-size:18px}.green-school .footer-main{grid-template-columns:1fr}.green-school .footer-main>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.green-school *,.green-school *::before,.green-school *::after{animation:none!important;transition:none!important}.green-school .school-button:hover,.green-school .school-course:hover{transform:none}}
