@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@font-face{font-family:Manrope;src:url(/fonts/manrope-latin.woff2)format("woff2");font-style:normal;font-weight:400 800;font-display:swap}@font-face{font-family:Bowlby One SC;src:url(/fonts/bowlby-one-sc-latin.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{color:#08085b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--navy:#08085b;--pink:#f5a1b4;--cyan:#30c5ee;--white:#fff;background:#08085b;font-family:Manrope,Arial Nova,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}body,a{color:var(--navy)}a{text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline-offset:5px;outline:3px solid #ffab00}svg{display:block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand-mark{background:#fff;border-radius:clamp(16px,1.6vw,26px);width:clamp(240px,22vw,360px);padding:clamp(12px,1.2vw,18px) clamp(16px,1.6vw,26px);transition:transform .3s cubic-bezier(.2,.75,.2,1);display:block;transform:rotate(-2deg);box-shadow:0 14px 30px #05052d33}.brand-mark:hover{transform:rotate(0)}.brand-mark img{width:100%;height:auto;display:block}.home-stage{color:#fff;background:#9300a0 var(--stage-background) center / cover no-repeat;grid-template-columns:minmax(340px,.82fr) minmax(680px,1.3fr);align-items:center;gap:clamp(20px,3vw,58px);min-height:100svh;padding:clamp(34px,4.2vh,70px) 4.4% clamp(45px,5vh,80px);display:grid;position:relative;overflow:hidden}.home-copy{z-index:2;align-self:center;max-width:610px;padding:0 0 3vh 1.4vw}.home-copy .brand-mark{margin:0 0 clamp(22px,4vh,44px) -4px}.home-copy h1{letter-spacing:-.095em;max-width:700px;margin:0;font-size:clamp(60px,6.4vw,124px);font-weight:800;line-height:.96}.home-note{color:#fff;max-width:390px;margin:30px 0 0 6px;font-size:clamp(15px,1.05vw,20px);font-weight:600;line-height:1.5}.avatar-link{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#08085bb8;border:2px solid #fff;border-radius:14px;align-items:center;gap:10px;margin:26px 0 0 6px;padding:9px 16px 9px 12px;font-size:12px;font-weight:800;transition:translate .22s cubic-bezier(.2,.75,.2,1),rotate .22s,background .2s,color .2s,box-shadow .2s;display:inline-flex;rotate:-1.5deg;box-shadow:0 4px #0303232e}.avatar-link svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;fill:none;width:20px;height:20px}.avatar-link .avatar-link-out{opacity:.8;width:16px;height:16px;transition:translate .22s}.avatar-link:hover,.avatar-link:focus-visible{color:var(--navy);box-shadow:5px 7px 0 var(--navy);background:#fff;translate:0 -4px;rotate:0deg}.avatar-link:hover .avatar-link-out{translate:2px -2px}.character-gallery{z-index:2;grid-template-rows:minmax(185px,.82fr) minmax(245px,1.18fr);grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:". .bicho bicho madre madre""alexia alexia dalia dalia mar mar";align-items:end;gap:clamp(12px,1.35vw,26px);width:calc(100% - clamp(84px,6vw,120px));max-width:1120px;min-height:min(67vh,690px);margin-right:0;padding-bottom:8px;display:grid;position:relative}.character-card{background:var(--card-accent);min-width:0;height:100%;box-shadow:5px 7px 0 var(--navy);isolation:isolate;border:3px solid #fff;border-radius:clamp(18px,2vw,38px);justify-content:center;align-items:flex-end;transition:translate .35s cubic-bezier(.2,.75,.2,1),rotate .35s,box-shadow .35s,filter .35s;display:flex;position:relative;overflow:hidden}.character-gallery .character-card:hover{z-index:3;box-shadow:7px 16px 0 var(--navy);translate:0 -10px;rotate:0deg}.character-card:before{z-index:-1;content:"";background:radial-gradient(circle at 1px 1px,#ffffff2e 1.2px,#0000 1.6px) 0 0/14px 14px,linear-gradient(160deg,#ffffff1f 15%,#00000020 100%);position:absolute;inset:0}.character-card:after{z-index:1;content:"";opacity:0;pointer-events:none;background:linear-gradient(#05052d00,#05052d8c);height:45%;transition:opacity .35s;position:absolute;inset:auto 0 0}.character-card:hover:after,.character-card:focus-visible:after{opacity:1}.character-gallery:has(.character-card:hover) .character-card:not(:hover){filter:saturate(.5)brightness(.78)}.character-card:nth-child(odd){rotate:-1deg}.character-card:nth-child(2n){rotate:.8deg}.character-card--bicho{grid-area:bicho;min-height:210px;overflow:visible}.character-card--madre{grid-area:madre;min-height:210px}.character-card--alexia{grid-area:alexia;min-height:260px}.character-card--dalia{grid-area:dalia;min-height:260px}.character-card--mar{grid-area:mar;min-height:260px}.card-art{view-transition-class:portrait;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:4% 3% -3%}.card-art img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 14px #05052d40);width:100%;max-width:105%;height:100%;transition:transform .48s cubic-bezier(.2,.75,.2,1);display:block}.character-card:hover .card-art img{transform:scale(1.06)translateY(-4px)}.character-card--bicho .card-art{inset:-21% 3% 0}.character-card--bicho .card-art img{width:90%;transform:scale(1.18)}.character-card--madre .card-art,.character-card--alexia .card-art{inset:-12% 1% -4%}.character-card--mar .card-art img{transform:scale(1.24)}.card-name{z-index:2;max-width:calc(100% - 24px);color:var(--navy);letter-spacing:.03em;text-transform:uppercase;clip-path:polygon(1% 4%,98% 0,100% 94%,2% 100%);background:#fff;padding:.3em .7em .38em;font-family:Bowlby One SC,Impact,sans-serif;font-size:clamp(12px,.95vw,18px);line-height:1;transition:rotate .25s,translate .25s;position:absolute;bottom:14px;left:12px;right:auto;rotate:-2deg}.character-card:hover .card-name{translate:0 -3px;rotate:0deg}.card-frase{z-index:2;color:#fff;opacity:0;font-size:13px;font-weight:700;line-height:1.35;transition:opacity .3s,transform .3s;position:absolute;bottom:56px;left:16px;right:16px;transform:translateY(6px)}.character-card:hover .card-frase,.character-card:focus-visible .card-frase{opacity:1;transform:none}.card-open{z-index:2;color:#fff;background:#050505;border-radius:50%;place-items:center;width:36px;height:36px;transition:transform .25s,background .25s;display:grid;position:absolute;top:12px;right:12px}.character-card:hover .card-open{background:var(--navy);transform:scale(1.12)rotate(-8deg)}.card-open svg{stroke:currentColor;stroke-width:1.6px;fill:none;width:17px}.heart-mark{aspect-ratio:1;color:#fff;width:clamp(74px,8vw,154px);position:absolute;bottom:3.2%;right:2%}.heart-mark svg{width:100%;height:100%;overflow:visible}.heart-mark circle{fill:var(--pink);stroke:#fff;stroke-width:4px}.heart-mark path{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:5px}.character-stage{color:#fff;background-color:var(--character-accent);background-image:var(--stage-background);--label-ink:#fff;--title-ink:var(--character-accent);background-position:50%;background-size:cover;min-height:100svh;position:relative;overflow:hidden}.character-stage[data-character=dalia],.character-stage[data-character=mar],.character-stage[data-character=madre]{--label-ink:var(--navy);--title-ink:var(--navy)}.stage-top{z-index:5;align-items:center;gap:14px;display:flex;position:absolute;top:clamp(16px,3vh,32px);left:3%}.back-link{aspect-ratio:1;background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:clamp(44px,4vw,60px);transition:background .2s,color .2s,transform .2s;display:grid}.back-link svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;fill:none;width:52%}.back-link:hover{color:var(--navy);background:#fff;transform:translate(-3px)}.stage-top .brand-mark{border-radius:14px;width:clamp(120px,9vw,150px);padding:8px 12px}.character-copy{z-index:3;width:min(51vw,980px);padding:clamp(96px,12vh,120px) 0 170px 15.8%;position:relative}.character-title{max-width:100%;color:var(--title-ink);letter-spacing:.025em;text-transform:uppercase;clip-path:polygon(1% 3%,98% 0,100% 94%,2% 100%);background:#fff;margin:0;padding:.02em .13em .08em;font-family:Bowlby One SC,Impact,sans-serif;font-size:clamp(58px,7vw,134px);font-weight:400;line-height:1.05;display:inline-block}.character-stage[data-character=bicho] .character-title{letter-spacing:0;white-space:nowrap;font-size:clamp(52px,5.1vw,98px)}.character-role{color:#fff;letter-spacing:-.035em;max-width:700px;margin:clamp(20px,2.3vh,38px) 0 0;font-size:clamp(16px,1.75vw,33px);font-weight:500;line-height:1.45;animation:.52s cubic-bezier(.2,.75,.2,1) .12s backwards copy-in}.identity-card{border:2px solid var(--navy);width:min(100%,910px);color:var(--navy);background:#fff;border-radius:clamp(16px,1.7vw,28px);margin-top:clamp(26px,3.5vh,56px);padding:clamp(22px,2vw,38px) clamp(24px,2.2vw,42px) clamp(24px,2.2vw,42px);animation:.52s cubic-bezier(.2,.75,.2,1) .2s backwards copy-in;position:relative;box-shadow:0 13px #08085b12}.identity-card>p:not(.identity-label){letter-spacing:-.045em;margin:0;font-size:clamp(17px,1.45vw,28px);font-weight:500;line-height:1.43}.character-stage[data-character=bicho] .identity-card>p:not(.identity-label){font-size:clamp(16px,1.25vw,24px);line-height:1.4}.identity-label{background:var(--character-accent);min-width:178px;color:var(--label-ink);letter-spacing:-.04em;border-radius:999px;align-items:center;margin:-7px 0 16px;padding:7px 20px;font-size:clamp(16px,1.4vw,26px);font-weight:800;line-height:1.2;display:inline-flex}.identity-card>p.identity-signature{color:#65658e;letter-spacing:.025em;margin-top:22px;font-size:clamp(12px,.95vw,17px);font-weight:700}.character-artwork{z-index:1;pointer-events:none;width:47%;height:101%;position:absolute;bottom:-5%;right:5.8%}.character-artwork img{object-fit:contain;object-position:center bottom;width:100%;height:100%;display:block;position:absolute}.art-echo{opacity:.92;translate:var(--px,0px) var(--py,0px);transition:translate .5s cubic-bezier(.2,.75,.2,1);animation:.7s cubic-bezier(.2,.75,.2,1) .56s backwards echo-in}.art-echo--cyan{transform:translate(-9%,-1%)scale(1.03)}.art-echo--pink{animation-delay:.64s;transform:translate(8%)scale(1.02)}.art-main{z-index:2;view-transition-class:portrait;position:absolute;inset:0}.art-main img{filter:drop-shadow(0 17px 26px #03032325)}.character-artwork--bicho{width:48%;right:4%}.character-artwork--bicho .art-echo--cyan{transform:translate(-6%)scale(.97)}.character-artwork--bicho .art-echo--pink{transform:translate(7%)scale(.98)}.character-controls{z-index:4;justify-content:space-between;align-items:center;gap:18px;display:flex;position:absolute;bottom:3.4%;left:3%;right:3%}.character-arrow{color:#fff;align-items:center;gap:13px;min-height:62px;display:flex}.character-arrow svg{aspect-ratio:1;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;fill:none;background:#050505;border-radius:50%;width:clamp(55px,7.3vw,138px);padding:25%;transition:transform .25s,background .25s}.character-arrow:hover svg{background:var(--navy);transform:scale(1.06)}.character-arrow span{letter-spacing:.08em;opacity:.85;text-transform:uppercase;max-width:100px;font-size:11px;font-weight:800}.character-rail ol{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.character-rail li:nth-child(odd) .rail-link{rotate:-2deg}.character-rail li:nth-child(2n) .rail-link{rotate:1.5deg}.rail-link{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#08085bb8;border:2px solid #fff;border-radius:14px;align-items:center;gap:9px;min-height:44px;padding:6px 14px 6px 10px;font-size:11px;font-weight:800;transition:translate .22s cubic-bezier(.2,.75,.2,1),rotate .22s,background .2s,color .2s,box-shadow .2s;display:flex;box-shadow:0 4px #0303232e}.rail-link:hover,.rail-link:focus-visible{color:var(--navy);background:#fff;translate:0 -4px;rotate:0deg;box-shadow:0 8px #03032326}.rail-dot{background:var(--dot);border-radius:50%;width:14px;height:14px;transition:scale .22s;box-shadow:0 0 0 2px #fff}.rail-link:hover .rail-dot{scale:1.25}.rail-link[aria-current=page]{border-color:var(--navy);color:var(--navy);letter-spacing:.04em;box-shadow:5px 6px 0 var(--navy);background:#fff;border-radius:4px;padding:7px 18px 7px 12px;font-family:Bowlby One SC,Impact,sans-serif;font-size:13px;font-weight:400;translate:0 -6px;rotate:-2deg}.rail-link[aria-current=page] .rail-dot{width:18px;height:18px;box-shadow:0 0 0 2px var(--navy)}@keyframes portrait-arrive{0%{opacity:0;translate:var(--vt-dx,0) 0}to{opacity:1;translate:0}}@keyframes portrait-leave{to{opacity:0;translate:calc(var(--vt-dx,0vw) * -1) 0}}@keyframes portrait-return{to{opacity:0}}@keyframes portrait-settle{0%{opacity:0}to{opacity:1}}@keyframes echo-in{0%{opacity:0;scale:.9}}@keyframes copy-in{0%{opacity:0;translate:calc(var(--vt-dx,0vw) * .35) 14px}}::view-transition-group(.portrait){animation-duration:.6s;animation-timing-function:cubic-bezier(.2,.75,.2,1)}::view-transition-old(.portrait),::view-transition-new(.portrait){object-fit:contain;object-position:center bottom;width:100%;height:100%}:root[data-nav=next]{--vt-dx:7vw}:root[data-nav=previous]{--vt-dx:-7vw}::view-transition-old(root){animation:.23s both vt-fade-out}::view-transition-new(root){animation:.42s cubic-bezier(.2,.75,.2,1) both vt-fade-in}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}to{opacity:1}}@media (width>=1800px){.home-stage{grid-template-columns:minmax(500px,.82fr) minmax(1000px,1.3fr)}.character-copy{padding-left:16.3%}}@media (width>=1101px) and (width<=1500px){.character-copy{width:52vw;padding-left:12%}.character-title{font-size:clamp(58px,6.2vw,134px)}.character-stage[data-character=bicho] .character-title{font-size:clamp(52px,4.6vw,98px)}.identity-card{width:min(100%,640px)}.identity-card>p:not(.identity-label){font-size:clamp(16px,1.4vw,28px)}.character-artwork{width:44%;right:3%}.character-artwork--bicho{width:46%;right:2%}.rail-link:not([aria-current=page]) .rail-name{display:none}.rail-link:not([aria-current=page]){padding-right:10px}}@media (width>=761px){.character-artwork,.character-artwork--bicho{height:auto;top:clamp(80px,11vh,140px);bottom:clamp(120px,17vh,220px)}.character-artwork img{object-position:center center}}@media (width<=1100px){.home-stage{grid-template-columns:minmax(250px,.72fr) minmax(520px,1.3fr);padding-left:4%;padding-right:4%}.home-copy{padding-left:0}.character-gallery{grid-template-rows:minmax(150px,.8fr) minmax(190px,1.2fr);gap:12px}.character-card--bicho,.character-card--madre{min-height:170px}.character-card--alexia,.character-card--dalia,.character-card--mar{min-height:210px}.character-copy{width:54vw;padding-left:12%}.character-artwork{width:46%;right:2%}.identity-card>p:not(.identity-label){font-size:clamp(16px,2vw,26px)}.rail-name{display:none}}@media (width<=760px){html{scroll-behavior:auto}.brand-mark{width:min(70vw,300px)}.home-stage{flex-direction:column;align-items:stretch;gap:24px;min-height:0;padding:48px 20px 74px;display:flex}.home-copy{max-width:580px;padding:0 4px}.home-copy .brand-mark{margin-bottom:26px}.home-copy h1{max-width:480px;font-size:clamp(52px,13vw,86px);line-height:.96}.home-note{margin-top:18px;font-size:15px}.character-gallery{grid-template-rows:repeat(3,220px);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"alexia dalia""mar madre""bicho bicho";gap:14px;width:100%;min-height:0;padding:0 0 18px}.character-card--bicho,.character-card--madre,.character-card--alexia,.character-card--dalia,.character-card--mar{min-height:0}.character-card--bicho{min-height:220px}.character-card--bicho .card-art{inset:-20% 25% -2%}.character-card--bicho .card-art img{width:76%}.card-name{font-size:11px;bottom:10px;left:10px}.card-frase,.card-open,.heart-mark{display:none}.character-stage{flex-direction:column;height:auto;min-height:0;padding-bottom:96px;display:flex}.stage-top{order:0;padding:18px 18px 0;position:relative;top:auto;left:auto}.stage-top .brand-mark{width:120px}.back-link{width:44px}.character-artwork{order:1;width:min(100%,560px);height:clamp(420px,135vw,600px);margin:-4px auto -15px;position:relative;top:auto;bottom:auto;right:auto}.character-copy{order:2;width:auto;padding:24px 22px 0}.character-title{max-width:calc(100% - 8px);font-size:clamp(50px,13vw,88px)}.character-role{max-width:580px;margin-top:17px;font-size:clamp(16px,4.4vw,21px);line-height:1.38}.identity-card{border-width:2px;border-radius:18px;width:100%;margin-top:0;padding:24px 23px 30px}.identity-label{min-width:134px;margin:-7px 0 16px;padding:7px 15px;font-size:16px}.identity-card>p:not(.identity-label){font-size:clamp(17px,4.5vw,21px);line-height:1.55}.identity-card>p.identity-signature{margin-top:15px;font-size:12px}.character-controls{z-index:20;min-height:76px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#08085bf5;gap:8px;position:fixed;bottom:0;left:0;right:0}.character-arrow{min-height:52px}.character-arrow svg{width:44px}.character-arrow span{display:none}.character-rail ol{flex-wrap:nowrap;gap:6px}.rail-link{min-height:40px;padding:6px 10px}.rail-link[aria-current=page] .rail-name{display:inline}.rail-name{display:none}}@media (width<=380px){.character-gallery{grid-template-rows:repeat(3,190px);gap:10px}.character-card--bicho{min-height:190px}.character-copy{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:.01ms!important;animation-delay:0s!important}.art-echo{opacity:.92;translate:none}}@keyframes intro-card{0%{opacity:0;box-shadow:0 0 0 var(--navy);translate:0 -75vh;rotate:9deg}55%{opacity:1}62%{box-shadow:0 0 0 var(--navy);translate:0 14px}80%{translate:0 -6px}to{box-shadow:5px 7px 0 var(--navy)}}@keyframes intro-art{0%{opacity:0;translate:0 38%;scale:.85}}@keyframes intro-badge{0%{opacity:0;rotate:-22deg;scale:.35}70%{scale:1.08}}@keyframes intro-word{0%{opacity:0;translate:0 .45em}}@keyframes intro-fade{0%{opacity:0;translate:0 10px}}@media (prefers-reduced-motion:no-preference){.home-copy .brand-mark{animation:.7s cubic-bezier(.2,.75,.2,1) backwards intro-badge}.home-copy .word{animation:intro-word .6s cubic-bezier(.2,.75,.2,1) calc(.26s + var(--w) * 90ms) backwards;display:inline-block}.home-note{animation:.6s .75s backwards intro-fade}.avatar-link{animation:.6s .9s backwards intro-fade}.character-card{animation:intro-card .95s cubic-bezier(.3,.7,.3,1) calc(.45s + var(--i) * .11s) backwards}.card-art{animation:intro-art .6s cubic-bezier(.2,.75,.2,1) calc(1s + var(--i) * .11s) backwards}.heart-mark{animation:.7s cubic-bezier(.2,.75,.2,1) 1.5s backwards intro-badge}}
