.isla-pagina{--paper:#f3f0ea;--ink:#16666e;--mark:#c2502a;--texto:#1d3a3f;min-height:100vh;min-height:100dvh;width:100%;display:flex;flex-direction:column;align-items:center;padding:28px 16px 64px;background-color:var(--paper);background-image:url(/islas/canson.webp);background-size:512px 512px;color:var(--texto);font-family:Patrick Hand,Comic Sans MS,Segoe Print,sans-serif}.isla-pagina .volver{align-self:flex-start;color:var(--ink);font-size:22px;text-decoration:none;opacity:.85}.isla-pagina .volver:hover{opacity:1;text-decoration:underline}.isla-pagina .dibujo{position:relative;width:min(78vw,440px);margin-top:12px}.isla-pagina .dibujo .base{display:block;width:100%;height:auto;mix-blend-mode:multiply;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .5s}.isla-pagina .dibujo:hover .base{transform:translateY(-6px) scale(1.03);filter:saturate(1.15)}.isla-pagina .vida{position:absolute;left:0;top:0;width:100%;aspect-ratio:var(--ar);overflow:hidden;opacity:0;pointer-events:none;-webkit-mask:var(--mask) center/100% 100% no-repeat;mask:var(--mask) center/100% 100% no-repeat;transition:opacity .6s ease,transform .5s cubic-bezier(.2,.7,.2,1)}.isla-pagina .vida img{display:block;width:100%;height:100%;filter:brightness(.955)}.isla-pagina .dibujo:hover .vida{opacity:1;transform:translateY(-6px) scale(1.03)}.isla-pagina .sonido .vida{--ar:507/547;--mask:url(/islas/sonido-mascara.png)}.isla-pagina .ambiente .vida{--ar:511/682;--mask:url(/islas/ambiente-mascara.png)}.isla-pagina .ia .vida{--ar:462/573;--mask:url(/islas/ia-mascara.png)}@media (prefers-reduced-motion:no-preference){.isla-pagina .sonido .vida img{animation:ip-vibra 2.8s ease-in-out infinite}.isla-pagina .ambiente .vida img{transform-origin:46% 48%;animation:ip-remolino 7s ease-in-out infinite}.isla-pagina .ia .vida img{animation:ip-deriva 6s ease-in-out infinite}}@keyframes ip-vibra{0%,to{transform:scale(1.02) rotate(0)}25%{transform:scale(1.06) rotate(.8deg)}50%{transform:scale(1.03) rotate(-.4deg)}75%{transform:scale(1.065) rotate(.5deg)}}@keyframes ip-remolino{0%,to{transform:scale(1.05) rotate(0)}50%{transform:scale(1.08) rotate(9deg)}}@keyframes ip-deriva{0%,to{transform:scale(1.07) translate(0);filter:brightness(.955)}33%{transform:scale(1.07) translate(-2.5%,1.5%);filter:brightness(1.02)}66%{transform:scale(1.07) translate(1.8%,-2%);filter:brightness(.94)}}.isla-pagina h1{margin:18px 0 0;color:var(--ink);font-weight:400;font-size:clamp(42px,7vw,68px);letter-spacing:.15em;text-align:center;line-height:1.05}.isla-pagina .ejes{margin:8px 0 0;font-family:Caveat,Bradley Hand,cursive;font-weight:600;font-size:clamp(24px,3.2vw,30px);color:var(--mark);text-align:center}.isla-pagina .texto{margin-top:28px;max-width:42rem;width:100%;font-size:20px;line-height:1.55}.isla-pagina .deposito{margin-top:36px;max-width:42rem;width:100%}.isla-pagina .portal{display:grid;gap:6px;padding:22px 24px;border:2px solid var(--ink);border-radius:22px 18px 24px 16px;color:var(--texto);text-decoration:none;background:hsla(0,0%,100%,.35);transition:transform .35s cubic-bezier(.2,.7,.2,1),background .35s}.isla-pagina .portal:hover{transform:translateY(-3px) rotate(-.4deg);background:hsla(0,0%,100%,.6)}.isla-pagina .portal-titulo{font-family:Caveat,Bradley Hand,cursive;font-weight:700;font-size:36px;color:var(--ink);line-height:1}.isla-pagina .portal-texto{font-size:19px;line-height:1.45}.isla-pagina .portal-entrar{justify-self:end;color:var(--mark);font-size:20px;letter-spacing:.06em}