/* La Vida en Signos: the source logo is supplied by the owner through the CMS.
   Line doodles are decoration only; they are not a logo or instructional signs. */
:root{--green:#087f8c;--cream:#fff;--ink:#152b33;--muted:#52636a;--line:#d5e5e7;--brand-primary:#087f8c;--brand-petrol:#153f4b;--brand-accent:#f7dce9;--brand-soft-turquoise:#d5f3f4;--brand-button-ink:#fff;--brand-link:#087f8c}
body{font-size:16px;line-height:1.65;background:var(--cream);color:var(--ink);font-family:var(--brand-font,system-ui,sans-serif)}a{color:var(--brand-link)}h1,h2,h3{color:var(--brand-petrol)}h1{font-weight:800;letter-spacing:-1.8px}button,.button{background:var(--brand-primary);color:var(--brand-button-ink);min-height:44px;padding:12px 20px;font-size:14px;font-weight:650;line-height:1.4;border-radius:8px}button:hover,.button:hover{filter:brightness(.92)}button:disabled{filter:none;cursor:not-allowed}.textbutton{background:none;color:var(--brand-link);padding:10px}.danger{background:#8a283d;color:#fff}label{font-size:14px}input,select,textarea{min-height:44px;border-color:#a9c2c8;font-size:16px}input[type=checkbox],input[type=radio]{min-height:20px;width:20px;height:20px;accent-color:var(--brand-primary);flex-shrink:0}summary{min-height:44px}.bodytext{font-size:17px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.eyebrow{font-size:11px;letter-spacing:1.8px;color:var(--brand-petrol);font-weight:750}.muted,.intro{color:var(--muted)}.brandmark{display:flex;gap:14px;align-items:center;text-decoration:none;color:var(--brand-petrol);letter-spacing:0;white-space:normal}.brandmark strong{font-size:20px;line-height:1.2;display:block}.brandmark small{display:block;font-size:10px;font-weight:600;letter-spacing:1px;margin-top:7px}.original-logo{display:block;object-fit:contain;aspect-ratio:1;flex-shrink:0;border-radius:50%;width:78px;height:78px}.academybrand{display:flex;flex-direction:column;align-items:flex-start}.academybrand .original-logo{width:104px;height:104px}.academybrand strong{font-size:25px}.brandmark:focus-visible{outline:3px solid var(--brand-petrol);outline-offset:5px}.doodle{display:block;width:80px;height:70px;color:var(--brand-primary)}.brandlogo{border-radius:50%;width:88px;height:88px}aside{border-right-color:var(--line);padding:28px 24px;background:#fff}.navlabel{margin-top:35px;color:var(--muted);font-size:10px}nav a{background:var(--brand-soft-turquoise);font-size:14px}.sidebottom{font-size:16px;max-width:190px;color:var(--brand-petrol)}header{height:85px;font-size:12px}.notice{background:var(--brand-soft-turquoise);color:var(--brand-petrol)}.status{background:var(--brand-soft-turquoise);color:var(--brand-petrol);font-size:11px}.hero{background:var(--brand-soft-turquoise);border:1px solid var(--line);border-radius:20px}.hero p{color:var(--brand-petrol)}.hero .pill{border-color:var(--brand-primary);color:var(--brand-petrol)}.art{background:var(--brand-accent);transform:none;border-radius:50% 40% 45% 30%;display:flex;justify-content:center;align-items:center;gap:16px}.art .doodle{width:110px;height:150px;flex-shrink:0}.art p{font-size:25px;color:var(--brand-petrol)}.greeting-heart{display:inline-block;width:56px;height:44px;vertical-align:middle}.cover{background:var(--brand-soft-turquoise);color:var(--brand-petrol);height:150px}.cover2,.cover4{background:var(--brand-accent)}.cover3{background:var(--brand-soft-turquoise)}.coverart{width:86px;height:140px;top:15px;right:20px;font-size:unset;color:var(--brand-primary)}.coverart .doodle{width:100%;height:100%}.cover>span:last-child{font-size:9px;letter-spacing:1px}.cardbody p{font-size:14px;color:var(--muted)}.cardbody a{font-size:14px}.note{background:var(--brand-accent);font-size:14px}.lessonrow .muted{font-size:14px}.lessonrow h3{font-size:20px}.number{color:var(--brand-primary)}.placeholder{background:var(--brand-soft-turquoise)}.admintabs{gap:8px;flex-wrap:wrap}.admintabs a{border-color:var(--line);min-width:110px;min-height:44px;display:flex;align-items:center;justify-content:center}.admintabs a[aria-current=page]{background:var(--brand-primary);color:var(--brand-button-ink)}.stats>div{background:var(--brand-soft-turquoise)}.stats>div:nth-child(2){background:var(--brand-accent)}.panel{border-color:var(--line);box-shadow:0 4px 20px #153f4b05}.academic,.resourceitem{background:#f4f9fa}table{font-size:14px}footer{font-size:12px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--brand-petrol);outline-offset:4px}
/* Public website: poster-inspired level blocks and quiet line decoration. */
.publictopbar{background:var(--brand-soft-turquoise);color:var(--brand-petrol);font-size:12px;padding:10px}.publicheader{padding:20px 5.5%;min-height:110px;height:auto}.publicheader nav{gap:22px}.publicheader nav a{font-size:14px;min-height:44px;display:flex;align-items:center}.publicheader nav .button{background:var(--brand-primary)}.publicheader .brandmark{min-width:235px}.publicheader .original-logo{width:72px;height:72px}.publichero{padding:56px 5.5% 70px;gap:55px;grid-template-columns:1.1fr 1fr}.herocopy h1{font-size:clamp(42px,4.8vw,76px);line-height:1.07;font-weight:850;max-width:650px;margin:25px 0}.herocopy>p{font-size:18px;color:var(--ink);max-width:510px}.herotag{gap:16px;font-size:14px;margin-top:25px;color:var(--brand-petrol)}.herotag .doodle{width:80px;height:50px}.herotag>span{font-size:14px}.secondarybutton{border:1.5px solid var(--brand-petrol);color:var(--brand-petrol);font-size:14px;min-height:44px}.publicvisual{height:470px;max-width:540px;width:100%;background:var(--brand-soft-turquoise);border-radius:50% 50% 12px 12px;overflow:visible;border:1px solid #b6dcdf;position:relative;display:flex;align-items:center;justify-content:center}.publicvisual>.hero-photo{width:100%;height:100%;object-fit:cover;border-radius:inherit}.visualpaper{background:#fff;width:80%;min-height:335px;border-radius:14px;padding:28px;box-shadow:8px 8px 0 var(--brand-accent);border:1px solid var(--line);text-align:center;transform:rotate(-4deg);position:relative;z-index:1}.visualpaper p{font-size:13px;color:var(--brand-petrol);margin-bottom:0;letter-spacing:.7px}.visualwords{display:flex;flex-direction:column;text-align:left;margin:28px 0}.visualwords span{font-size:40px;font-weight:850;line-height:1.35;letter-spacing:-1px;color:var(--brand-petrol)}.visualwords span:nth-child(2){color:var(--brand-primary)}.hero-original-logo{width:235px;max-width:100%;height:235px;object-fit:contain;margin:12px auto 0;display:block;border-radius:50%;transform:rotate(4deg)}.hero-heart{position:absolute;top:-12px;right:-15px;width:105px;height:100px;z-index:2;color:var(--brand-petrol)}.hero-hand{position:absolute;right:-15px;bottom:-15px;width:100px;height:125px;z-index:2;color:var(--brand-petrol);transform:rotate(18deg)}.hero-flower{position:absolute;bottom:0;left:-20px;width:95px;height:95px;color:var(--brand-primary)}.publicsection{padding:65px 5.5%}.about{background:var(--brand-accent);border:0;gap:70px}.about h2{font-size:38px}.about p{font-size:18px;color:var(--ink)}.about-heart{width:110px;height:55px}.textlink{border-color:var(--brand-primary);min-height:44px;display:inline-flex;align-items:center;padding-bottom:0}.publicsection h2,.publicband h2{font-size:36px;font-weight:750}.coursegrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.levelcard{padding:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;box-shadow:0 6px 18px #153f4b06}.courseposter{position:relative;background:var(--brand-soft-turquoise);height:215px;padding:20px 22px;overflow:hidden;color:var(--brand-petrol);border-bottom:1px solid var(--line)}.levelcard[data-level=A2] .courseposter,.levelcard[data-level=B2] .courseposter{background:var(--brand-accent)}.poster-label,.poster-caption{font-size:9px;font-weight:750;letter-spacing:1px;position:relative;z-index:1;display:block;max-width:140px}.poster-caption{position:absolute;bottom:18px}.courseposter>.level{font-size:86px;font-weight:900;line-height:1;letter-spacing:-5px;margin-top:25px;display:block}.poster-hand{position:absolute;right:-8px;bottom:12px;width:85px;height:115px;transform:rotate(15deg);opacity:.8}.poster-heart{position:absolute;right:8px;top:30px;width:55px;height:40px}.coursecopy{padding:24px;display:flex;flex-direction:column;flex:1}.coursecopy h3{font-size:22px;font-weight:750;min-height:60px;margin:0}.coursecopy p{font-size:14px;line-height:1.7;margin:14px 0;flex:1;color:var(--ink)}.coursecopy dl{font-size:13px;grid-template-columns:70px 1fr;margin:8px 0 20px}.coursecopy .button{font-size:13px;align-self:start;padding:12px 15px}.publiccard dt{color:var(--muted)}.teacherpreview{display:grid;grid-template-columns:.85fr 1fr;gap:70px;align-items:center;padding-top:35px}.teacherpreview-image{position:relative;background:var(--brand-accent);border-radius:18px 90px 18px 18px;min-height:320px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:var(--brand-petrol)}.teacherpreview-image>img{width:100%;height:380px;object-fit:cover;border-radius:inherit}.teacherpreview-image>.doodle:first-child{width:140px;height:170px;color:var(--brand-petrol)}.teacherpreview-image>span{padding:0 24px;font-weight:650;font-size:16px;max-width:300px;text-align:center}.teacher-flower{position:absolute;right:-20px;bottom:15px;width:75px;height:75px;color:var(--brand-primary)}.teacherpreview p{font-size:18px}.publicband{background:var(--brand-soft-turquoise);position:relative;border:1px solid var(--line);margin-inline:5.5%;padding:38px}.publicband .band-heart{position:absolute;right:25%;top:-28px;width:90px;height:60px;color:var(--brand-petrol)}.publicband h2{margin-bottom:15px}.publicband p{color:var(--ink)}.faqsection{background:#f4fbfb;border-block:1px solid var(--line)}.socialsection{position:relative;background:var(--brand-accent);margin-top:25px}.social-heart{width:100px;height:55px;margin:0 auto 15px;color:var(--brand-petrol)}.socialcards{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:800px;margin:25px auto 0;text-align:left}.socialcard{background:#fff;border:1px solid #e9c5d7;border-radius:12px;padding:24px;display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center;color:var(--brand-petrol)}.socialcard>span:first-child{font-size:12px;letter-spacing:1px;grid-column:1}.socialcard strong{font-size:21px;grid-column:1}.socialcard>span:last-child{font-size:30px;grid-column:2;grid-row:1/3}.socialcard:hover{border-color:var(--brand-primary)}.publicfooter{background:var(--brand-soft-turquoise);color:var(--ink);font-size:14px}.footerbrand .original-logo{width:70px;height:70px}.publicfineprint{background:#fff;color:var(--muted);font-size:12px}.teacherimage{background:var(--brand-accent);display:flex;align-items:center;justify-content:center;flex-direction:column}.teacherimage>.doodle{width:170px;height:210px;color:var(--brand-petrol)}.teacherimage p{font-size:14px}.emptycatalog{background:var(--brand-soft-turquoise)}.emptycatalog>.doodle{width:100px;height:120px;flex-shrink:0}.publicfaq summary{font-size:16px}.publicfaq p{font-size:16px}.emptytext{color:var(--muted)}
/* A dedicated entry screen shares the same original logo and palette. */
.loginsection{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:55px 7%;align-items:center;min-height:600px}.loginwelcome{background:var(--brand-soft-turquoise);padding:40px;min-height:490px;border-radius:14px 100px 14px 14px;position:relative;overflow:hidden}.loginwelcome h1{font-size:55px;margin:24px 0}.loginwelcome p{font-size:18px;color:var(--ink)}.loginwelcome .textlink{position:absolute;bottom:30px;left:40px}.loginhand{position:absolute;bottom:65px;right:30px;width:110px;height:155px;color:var(--brand-petrol);transform:rotate(15deg)}.loginheart{position:absolute;top:160px;right:5px;width:85px;height:70px}.login{width:100%;max-width:480px;margin:0 auto}.loginbrand{text-align:center}.loginbrand .original-logo{width:120px;height:120px;margin:0 auto 15px}.loginbrand h2{font-size:26px;margin:8px 0}.loginbrand p{margin:0}.login .panel{padding:25px 30px;box-shadow:none}.login button{width:100%}.demoaccess{font-size:13px;color:var(--muted);margin-top:18px}.demoaccess summary{font-size:13px}.publicpage fieldset:disabled{opacity:1}.publicpage fieldset:disabled button{background:#dfe8ea;color:#3f5159}
@media(min-width:1500px){.publicmain{max-width:1500px}.publichero{gap:90px}}@media(max-width:1150px){.coursegrid{grid-template-columns:repeat(2,minmax(0,1fr))}.publicheader{gap:15px}.publicheader nav{gap:15px}.publicvisual{height:400px}.visualpaper{padding:22px;min-height:290px}.visualwords span{font-size:34px}.publicsection h2{font-size:31px}.hero-original-logo{height:190px;width:190px}}@media(max-width:850px){aside{padding:20px}.academybrand{flex-direction:row;align-items:center}.academybrand .original-logo{width:72px;height:72px}.academybrand strong{font-size:22px}aside nav{flex-wrap:wrap}.publichero{gap:30px}.publicvisual{height:365px}.hero-heart{right:-8px}.hero-hand{right:-8px}.teacherpreview{gap:40px}.publicheader{height:auto;padding:18px}.publicheader .brandmark{min-width:0}.publicheader nav{flex-wrap:wrap;gap:8px 18px}.loginsection{gap:30px;padding:35px 5%}.loginwelcome{padding:30px}.loginwelcome h1{font-size:42px}.loginwelcome .textlink{left:30px}.socialcard strong{font-size:18px}.art{display:none}}@media(max-width:650px){.publicheader .original-logo{width:60px;height:60px}.publicheader .brandmark strong{font-size:19px}.publicheader nav{justify-content:center}.publicheader nav a{font-size:13px}.publichero{grid-template-columns:1fr;padding:35px 6% 45px}.herocopy h1{font-size:47px;max-width:480px}.publicvisual{height:350px;max-width:420px;margin:0 auto}.visualpaper{max-width:330px}.publicsection{padding:38px 6%}.about h2{font-size:32px}.teacherpreview,.loginsection{grid-template-columns:1fr}.teacherpreview-image{min-height:270px;margin-right:12px}.teacherpreview-image>img{height:300px}.coursegrid{grid-template-columns:1fr;gap:22px}.courseposter{height:180px}.courseposter>.level{font-size:76px;margin-top:20px}.coursecopy h3{min-height:0}.coursecopy{padding:23px}.poster-hand{right:25px}.publicband{margin:15px 6%;padding:30px}.band-heart{display:none}.socialcards{grid-template-columns:1fr}.socialcard{padding:20px}.socialcard strong{font-size:19px}.loginsection{padding:25px 6%;gap:30px}.loginwelcome{min-height:350px;padding:28px;border-radius:14px 65px 14px 14px}.loginwelcome h1{font-size:38px;margin:18px 0}.loginhand{width:85px;height:105px;bottom:40px;right:20px}.loginheart{top:80px}.loginwelcome .textlink{bottom:20px;left:28px}.loginbrand .original-logo{height:96px;width:96px}.publicband h2{font-size:29px}.publicfooter{padding:35px 6%}.original-logo{max-width:100%}.bodytext{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.external-arrow{display:inline-block;width:14px;height:14px;vertical-align:middle;flex-shrink:0}.socialcard .external-arrow{width:28px;height:28px}
/* Preserve every edge of the owner's original file: no crop or graphic filter. */
.original-logo,.hero-original-logo{border-radius:0}
@media(max-width:650px){.hero-hand{right:6px;bottom:0;transform:rotate(8deg)}.hero-flower{left:0;bottom:0}}

/* Accessible account management; no scripts needed for sensitive forms. */
.directoryfilters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.directoryfilters label{margin:0}.authpanel{max-width:620px;margin:auto}.secretcode{overflow-wrap:anywhere;display:block;padding:1rem;background:var(--softturq,#d5f3f4)}.tablewrap caption{text-align:left;font-weight:700;padding:.8rem}.tablewrap td{vertical-align:top}.tablewrap td p{margin:.3rem 0}.tablewrap .button{white-space:nowrap}@media(max-width:650px){.directoryfilters{grid-template-columns:1fr}}

/* Keep the full expanded administration menu reachable on short screens. */
aside{overflow-y:auto}.sidebottom{position:static;margin-top:28px}

.formerror{border:2px solid #8a283d;background:#fff2f4;color:#762136}#invite-form,#invitation-result{scroll-margin-top:24px}