.pagina-islas{margin:0;background:#f3f1e5;color:#214f41;font-family:Nunito,system-ui,sans-serif}.pagina-islas *{box-sizing:border-box}.ig-frame{max-width:1440px;margin:0 auto;padding:18px 28px 35px}.ig-site-header{max-width:1440px;margin:auto;padding:20px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.ig-site-header a{color:#3c6958;font-size:.8rem;font-weight:800;text-decoration:none}.ig-site-header .ig-site-brand{font-size:1.4rem;color:#1b493b;letter-spacing:-.06em;font-weight:1000}.ig-site-brand span{display:block;letter-spacing:.16em;font-size:.5rem;margin-top:4px;color:#8a9779}.ig-coins{background:#ece7c9;border:1px solid #dbd4a9;border-radius:100px;padding:9px 14px;color:#77652c;font-size:.72rem;font-weight:800}.ig-coins b{font-size:1rem}.ig-skip{position:absolute;left:12px;top:-100px;background:#fff;padding:12px;z-index:10;color:#214f41}.ig-skip:focus{top:8px}.ig-welcome{position:relative;isolation:isolate;overflow:hidden;min-height:650px;border:1px solid #dfe4d1;border-radius:30px;background:#fff9e9;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 15px 50px #4565490c}.ig-welcome-scene{position:absolute;inset:0;z-index:-2;background:url('img/islas/mundo.webp') center/cover}.ig-welcome:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff9e9 4%,#fff9e9fa 30%,#fff9e9ca 47%,#c2ddd931 72%,#72b8bd08)}.ig-welcome-copy{padding:55px 0 45px 48px;max-width:570px;z-index:2}.ig-eyebrow{display:block;font-size:.6rem;font-weight:900;letter-spacing:.18em;color:#647b56}.ig-welcome h1{font:800 clamp(3.5rem,6vw,6.4rem)/.9 'Baloo 2',Nunito,sans-serif;letter-spacing:-.055em;color:#20513d;margin:24px 0}.ig-welcome h1 em{font-style:normal;color:#8e6ab1}.ig-lead{font-size:1.3rem;font-weight:800;line-height:1.4;color:#3b624d;margin:0 0 18px}.ig-welcome-copy>p:not(.ig-lead):not(.ig-free){font-size:.92rem;line-height:1.7;color:#68755e;max-width:38ch}.ig-welcome form{margin-top:27px;display:flex;flex-wrap:wrap;gap:12px;max-width:430px}.ig-welcome label{display:block;width:100%;font-size:.8rem;font-weight:900}.ig-welcome select{border:1px solid #c6d4b8;background:#fffdf5;padding:13px 16px;border-radius:12px;font:800 .88rem Nunito,system-ui,sans-serif;color:#456747;min-height:48px;flex:1;min-width:150px}.ig-welcome .islas-primary{font-size:.9rem}.ig-free{font-size:.66rem;line-height:1.7;color:#748067;margin-top:19px}.ig-welcome-cast{position:relative;min-width:0;align-self:stretch;isolation:isolate}.ig-welcome-cast:before{content:'';position:absolute;inset:18% 0 5%;background:radial-gradient(ellipse,#fff5cfbd,transparent 66%);z-index:-1}.ig-welcome-cast img{position:absolute;object-fit:contain;filter:drop-shadow(0 18px 13px #173c3c31);pointer-events:none}.ig-tilo{height:81%;max-width:78%;bottom:3%;left:-1%;z-index:2;transform:rotate(-3deg)}.ig-nuba{height:59%;max-width:58%;bottom:9%;right:-1%;z-index:1;transform:rotate(4deg)}.ig-cast-tag{position:absolute;top:9%;right:9%;background:#fffbefed;box-shadow:0 4px 15px #31544318;transform:rotate(4deg);border:1px solid #e1dcc4;padding:14px 19px;border-radius:13px;font:800 1.3rem 'Baloo 2',Nunito,sans-serif;color:#41674f}.ig-cast-tag b{font:700 .63rem Nunito,system-ui,sans-serif;color:#8a9476}.ig-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:35px 4px}.ig-how article{border-top:1px solid #d4dec9;padding:22px 14px 0}.ig-how span{font-size:.6rem;color:#8c946e;font-weight:900;letter-spacing:.14em}.ig-how h2{font:800 1.5rem/1.2 'Baloo 2',Nunito,sans-serif;margin:13px 0;color:#3e6951}.ig-how p{font-size:.83rem;line-height:1.7;color:#718067;margin:0;max-width:39ch}.ig-family{padding:20px 25px;background:#e9eddf;border-radius:17px;color:#64795f}.ig-family summary{cursor:pointer;font-size:.8rem;font-weight:800;min-height:24px}.ig-family p{font-size:.8rem;line-height:1.9;max-width:95ch}.ig-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;max-width:1440px;margin:auto;padding:0 30px 28px;font-size:.65rem;color:#87937c;line-height:1.7}.ig-footer a{color:#657b60}.ig-noscript{padding:35px;max-width:700px;margin:auto}.ig-frame .islas-game{margin:0}.ig-site-header a:focus-visible,.ig-family summary:focus-visible,.ig-welcome select:focus-visible{outline:3px solid #cbab4b;outline-offset:5px}
@media(max-width:850px){.ig-welcome{min-height:620px}.ig-welcome-copy{padding-left:30px}.ig-welcome h1{font-size:4.7rem}.ig-welcome-cast{margin-left:-40px}.ig-welcome form{max-width:330px}.ig-welcome .islas-primary{width:100%}.ig-cast-tag{font-size:1.1rem;right:5%;padding:10px 13px}.ig-lead{font-size:1.1rem}}
@media(max-width:600px){.ig-frame{padding:5px 12px 25px}.ig-site-header{padding:16px;gap:10px;flex-wrap:wrap}.ig-site-header .ig-site-brand{font-size:1.13rem}.ig-site-header>a:not(.ig-site-brand){font-size:.65rem}.ig-coins{font-size:.63rem;padding:7px 11px;margin-left:auto}.ig-site-brand span{font-size:.43rem}.ig-welcome{grid-template-columns:1fr;border-radius:23px;min-height:0}.ig-welcome-copy{padding:30px 25px 12px;max-width:none}.ig-welcome:before{background:linear-gradient(#fff9e9 7%,#fff9e9f0 48%,#fff9e921 85%)}.ig-welcome h1{font-size:4.6rem;margin:20px 0}.ig-eyebrow{font-size:.53rem;letter-spacing:.12em}.ig-welcome-copy>p:not(.ig-lead):not(.ig-free){font-size:.84rem}.ig-welcome form{max-width:none;margin-top:23px;gap:11px}.ig-welcome .islas-primary{width:auto;flex:1;font-size:.83rem;padding-inline:15px}.ig-welcome select{width:100%;font-size:.83rem;flex:none}.ig-free{font-size:.61rem;max-width:32ch}.ig-welcome-cast{height:300px;margin:0 0 0 5px}.ig-tilo{height:98%;left:2%;bottom:-2%;max-width:70%}.ig-nuba{height:78%;right:0;bottom:0;max-width:55%}.ig-cast-tag{top:2%;right:6%;font-size:.9rem;padding:8px 11px}.ig-cast-tag b{font-size:.53rem}.ig-how{grid-template-columns:1fr;gap:0;padding:20px 4px}.ig-how article{padding:17px 10px}.ig-how h2{font-size:1.35rem;margin:9px 0}.ig-how p{font-size:.79rem;max-width:none}.ig-family{padding:18px}.ig-family summary{font-size:.74rem;line-height:1.6}.ig-footer{padding:0 18px 25px;font-size:.6rem;gap:8px}.ig-frame .islas-intro h1{font-size:2rem}.ig-frame .islas-layout{padding-inline:9px}.ig-frame .islas-top{padding:14px 12px}.ig-frame .islas-wordmark{font-size:.69rem}.ig-frame .islas-back{font-size:.66rem}.ig-frame .islas-grade{font-size:.56rem}}
@media(prefers-reduced-motion:reduce){.pagina-islas *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}