@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&family=Patrick+Hand&display=swap");.portada{--paper:#f3f0ea;--ink:#16666e;--mark:#c2502a;--R:min(32vh,36vw);--I:calc(var(--R) * .86);position:relative;width:100%;min-height:100vh;min-height:100dvh;overflow:hidden;background-color:var(--paper);color:var(--ink);font-family:Patrick Hand,Comic Sans MS,Segoe Print,sans-serif;background-image:url(/islas/canson.webp);background-size:512px 512px}.portada .title{position:absolute;left:4vw;top:4vh;margin:0;font-family:Caveat,Bradley Hand,Segoe Print,cursive;font-weight:600;font-size:clamp(34px,4.4vw,72px);line-height:.95;color:var(--ink);text-decoration:none}.portada .title:hover{opacity:.8}.portada .isla{position:absolute;display:block;text-decoration:none;color:var(--ink)}.portada .isla>img{display:block;width:100%;height:auto;mix-blend-mode:multiply;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .5s}.portada .isla:focus-visible>img,.portada .isla:hover>img{transform:translateY(-6px) scale(1.03);filter:saturate(1.15)}.portada .isla:focus-visible{outline:none}.portada .isla:focus-visible span{text-decoration:underline}.portada .isla span{position:absolute;font-size:calc(var(--R) * .085);letter-spacing:.12em;text-transform:uppercase;line-height:1.15;white-space:nowrap}.portada .sonido{width:var(--I);left:calc(50% - var(--I) * .454);top:calc(50% - var(--R) - var(--I) * .498)}.portada .sonido span{left:94%;top:40%;font-size:calc(var(--R) * .11)}.portada .ambiente{width:var(--I);left:calc(50% - var(--R) * .866 - var(--I) * .469);top:calc(50% + var(--R) * .5 - var(--I) * .653)}.portada .ia{width:calc(var(--I) * .92);left:calc(50% + var(--R) * .866 - var(--I) * .92 * .523);top:calc(50% + var(--R) * .5 - var(--I) * .92 * .531)}.portada .ambiente span,.portada .ia span{left:50%;top:100%;transform:translateX(-50%);margin-top:2px;text-align:center}.portada .brand{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%) rotate(-2deg);margin:0;white-space:nowrap;color:var(--mark);font-size:calc(var(--R) * .13);letter-spacing:.07em;line-height:1;text-decoration:none;cursor:default}.portada .brand .latido{display:inline-block;-webkit-text-stroke:.04em currentColor;paint-order:stroke fill;text-shadow:.04em .05em 0 color-mix(in srgb,var(--mark) 25%,transparent);transform-origin:50% 55%}.portada .ola{position:absolute;left:var(--x);top:var(--y);width:calc(var(--R) * .23 * var(--s));height:auto;fill:none;stroke:var(--ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible;transform:rotate(var(--r));pointer-events:none}@media (prefers-reduced-motion:no-preference){.portada .ola{transform-origin:50% 100%;animation:ola-oleaje 4.2s cubic-bezier(.45,0,.55,1) infinite;animation-delay:var(--d)}.portada .ola path+path{animation:ola-espuma 4.2s ease-in-out infinite;animation-delay:var(--d)}.portada .brand .latido{animation:ola-corazon 2.6s ease-in-out infinite}}@keyframes ola-oleaje{0%,to{transform:translate(-6px,3px) rotate(var(--r)) skewX(2deg) scaleY(.82)}35%{transform:translateY(-3px) rotate(var(--r)) skewX(-5deg) scaleY(1.06)}55%{transform:translate(5px,-6px) rotate(var(--r)) skewX(-15deg) scaleY(1.16)}72%{transform:translate(9px) rotate(var(--r)) skewX(-6deg) scaleY(.9)}}@keyframes ola-espuma{0%,30%,to{opacity:.55}55%{opacity:1}75%{opacity:.35}}@keyframes ola-corazon{0%,to{transform:scale(1)}8%{transform:scale(1.022)}17%{transform:scale(1)}25%{transform:scale(1.015)}36%{transform:scale(1)}}.portada .isla>img{position:relative}.portada .isla .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)}.portada .isla .vida img{display:block;width:100%;height:100%;filter:brightness(.955);mix-blend-mode:normal;transition:none}.portada .isla:focus-visible .vida,.portada .isla:hover .vida{opacity:1;transform:translateY(-6px) scale(1.03)}.portada .isla:focus-visible .vida img,.portada .isla:hover .vida img{transform:none;filter:brightness(.955)}.portada .sonido .vida{--ar:507/547;--mask:url(/islas/sonido-mascara.png)}.portada .ambiente .vida{--ar:511/682;--mask:url(/islas/ambiente-mascara.png)}.portada .ia .vida{--ar:462/573;--mask:url(/islas/ia-mascara.png)}@media (prefers-reduced-motion:no-preference){.portada .sonido .vida img{animation:ola-vibra 2.8s ease-in-out infinite}.portada .ambiente .vida img{transform-origin:46% 48%;animation:ola-remolino 7s ease-in-out infinite}.portada .ia .vida img{animation:ola-deriva 6s ease-in-out infinite}.portada .isla:hover .vida img{animation-play-state:running}}@keyframes ola-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 ola-remolino{0%,to{transform:scale(1.05) rotate(0)}50%{transform:scale(1.08) rotate(9deg)}}@keyframes ola-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)}}@media (max-aspect-ratio:4/5),(max-width:760px){.portada{min-height:auto;display:grid;justify-items:center;padding:24px 16px 48px;gap:4px}.portada .brand,.portada .isla,.portada .title{position:relative;left:auto;right:auto;top:auto;transform:none}.portada .title{justify-self:start;font-size:44px}.portada .isla{width:min(68vw,330px)}.portada .isla span{position:static;display:block;text-align:center;margin:-6px 0 8px;transform:none;font-size:22px}.portada .sonido{order:1}.portada .brand{order:2;margin:18px 0 30px;font-size:36px;transform:rotate(-2deg)}.portada .ambiente{order:3}.portada .ia{order:4}.portada .ola{position:absolute!important;left:var(--mx)!important;top:var(--my)!important;width:calc(44px * var(--s))}.portada .ola:nth-of-type(n+8){display:none}}