@font-face{font-family:'Cinzel';src:url('../fonts/Cinzel-VariableFont_wght.woff2') format('woff2'),url('../fonts/Cinzel-VariableFont_wght.woff') format('woff'),url('../fonts/Cinzel-VariableFont_wght.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:'EB Garamond';src:url('../fonts/EBGaramond-VariableFont_wght.woff2') format('woff2'),url('../fonts/EBGaramond-VariableFont_wght.woff') format('woff'),url('../fonts/EBGaramond-VariableFont_wght.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}:root{--bat-black:#1A1A2E;--gotham-night:#0D1B2A;--bat-gray-blue:#16213E;--deep-steel:#0A1018;--bat-gold:#FFDD01;--bat-amber:#E8B84B;--parchment:#F0EAD6;--bat-silver:#B0B8C1;--bat-steel:#4A4E69;--muted:#6B7280;--font-display:'Cinzel Decorative',serif;--font-heading:'Cinzel',serif;--font-body:'EB Garamond',serif;--text-xs:0.625rem;--text-sm:0.75rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:4rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:900;--lh-tight:1.2;--lh-snug:1.4;--lh-normal:1.6;--lh-relaxed:1.75;--tracking-tight:-0.02em;--tracking-normal:0em;--tracking-wide:0.1em;--tracking-wider:0.2em;--tracking-widest:0.4em;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bat-black);overflow-x:hidden;min-height:100vh;position:relative}main{justify-content:space-between}header{gap:var(--space-20);padding:var(--space-2) var(--space-6);width:100%;height:100lvh;position:relative;justify-content:space-between;overflow-x:hidden;box-sizing:border-box}header nav{width:95%;height:11%;background-color:rgba(22,33,62,0.8)}section{padding:var(--space-20) var(--space-6);width:100%;overflow-x:hidden;z-index:4}@media (min-width:1200px){section{padding:var(--space-24) var(--space-10)}}article,section{z-index:4}#batMobile{position:fixed;z-index:0;width:100%;height:100vh;justify-content:center}.hidden{opacity:0}.appear{animation:showBat ease 0.9s}@keyframes showBat{0%{opacity:0}60%{opacity:50%}100%{opacity:100%}}.reveal{opacity:0;transition:opacity 1s ease,transform 1s ease;will-change:opacity,transform}.reveal.from-right{transform:translateX(-60px)}.reveal.from-left{transform:translateX(60px)}.reveal.from-bottom{transform:scale(0.9)}.reveal.visible{opacity:1;transform:translateX(0) scale(1);will-change:auto}.nubes{background:url('../img/nubesMobile.avif');background-size:contain;position:absolute;background-repeat:repeat-y;width:100%;height:100%;z-index:2;background-position:center;contain:layout style paint}@media (min-width:1200px){.nubes{background:url('../img/nubes.avif'),linear-gradient(to bottom,rgb(25,27,58) 0%,rgba(255,255,255,0) 20%),url('../img/city.avif');background-repeat:repeat-y;background-size:contain}}.text{font-family:var(--font-body);font-size:var(--text-xl);color:var(--parchment);letter-spacing:var(--tracking-wide)}.title{font-family:var(--font-heading);color:var(--parchment);letter-spacing:var(--tracking-wide);width:100%}h2{font-size:var(--text-3xl)}@media (min-width:768px){h2{font-size:var(--text-5xl)}}h3{font-size:var(--text-2xl)}.colorYellow,.navlink .colorYellow{color:var(--bat-gold);font-weight:var(--fw-regular);font-size:var(--text-base)}.finalText{font-size:var(--text-ms)!important}.flex{display:flex}.flexColum{flex-direction:column;align-items:center;gap:var(--space-3)}.flexRow{flex-direction:row;justify-content:space-between}.imgWith{width:100%;object-fit:contain;height:auto}button,.buttonSecond{border:none;padding:var(--space-3);width:165px;height:66px;font-family:var(--font-body);font-size:var(--text-base);letter-spacing:var(--tracking-wide);cursor:pointer}.buttonMain{background-color:var(--bat-gold);color:var(--deep-steel);transition:background-color 0.4s ease-in}.buttonMain:hover{background-color:var(--bat-amber)}.buttonSecond{background-color:transparent;border:var(--bat-gold) 1px solid;color:var(--parchment);transition:background 0.4s ease-in;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}.buttonSecond:hover{background:var(--bat-steel)}.backgroundBlack{background:rgba(28,28,28,0.8);padding:var(--space-5) var(--space-8)}.navlink{transition:color 0.3s ease}li{list-style:none}a{transition:color 0.4s ease}a:hover{color:var(--bat-amber)!important}.active{border:var(--bat-gold) solid 1px}.widthImg{width:180px;height:auto}.Disabled{filter:grayscale(100%);transition:filter 0.4s ease-in,transform 0.4s ease-in;will-change:filter,transform;transform:translateZ(0)}.Disabled:hover{filter:grayscale(0);transform:scale(0.95) translateZ(0)}nav{padding:var(--space-3);margin:auto;align-items:center;position:fixed;z-index:5;left:0;right:0;border:var(--bat-gold) 1px solid}#navContent{z-index:4;background-color:var(--bat-gray-blue);width:100%;height:100dvh;position:fixed;top:9vh;margin:var(--space-8) auto;right:130%;transition:right 0.4s cubic-bezier(0.4,0,0.2,1);gap:2em;justify-content:center}#navContent li a{text-decoration:none;font-size:var(--text-3xl)}@media (min-width:1200px){#navContent{position:static;background-color:transparent;flex-direction:row;height:auto}#navContent li a{font-size:var(--text-base)}}#hamburger{display:none}#manu-hamburger{gap:var(--space-2);transition:0.2ms ease-in}#hamburger:checked~#manu-hamburger #navContent{right:0}.bar{width:48px;height:7px;background-color:var(--bat-gold)}@media (min-width:1200px){.bar{display:none}}#banerMain{height:100%;width:100%;text-align:center;justify-content:center;position:relative;gap:var(--space-3)}#banerMain img{width:93vw;max-width:364px;z-index:1;height:auto;aspect-ratio:364/205}#banerMain h1{font-size:4rem;position:relative;top:6vh}@media (min-width:768px){#banerMain h1{font-size:9rem;top:14vh}}#bannerButton{gap:var(--space-3)}#series .flexColum{align-items:start}@media (min-width:768px){#series .backgroundBlack{width:50%;align-self:self-start}#series picture{align-self:self-end;width:100%;display:grid;justify-items:end}#series picture img{width:70%}}@media (min-width:1200px){#series{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,auto);gap:var(--space-3) 10rem}#series h2{grid-column:1 / 3}#series .flex{grid-column:1 / 2}#series .backgroundBlack{width:100%}#series picture img{width:100%}}#Characters{display:grid;overflow-x:hidden;justify-items:center;gap:var(--space-4)}#character,#name,#identity,#role,#description{transition:opacity 0.3s ease}.fade-out{opacity:0}@media (min-width:768px){#Characters{grid-template-columns:repeat(2,1fr);justify-items:normal}#Characters h2{grid-column:1 / 3}#Characters #charactersImg{grid-column:1 / 3;gap:var(--space-4)}}#character,#infCharacter{width:100%;max-width:364px;height:100%;object-fit:cover}#infCharacter{gap:var(--space-3)}#infCharacter ul{gap:var(--space-4);align-items:start}#charactersImg{width:100%;gap:var(--space-1);overflow-x:scroll}@media (min-width:768px){#charactersImg{overflow-x:hidden}}.ImgCharcter{width:87px!important;height:auto;cursor:pointer}@media (min-width:768px){#infCharacter{justify-self:end}}@media (min-width:1200px){#character,#infCharacter{max-width:456px}}#Episodes{align-items:start;justify-content:space-between;height:100vh;width:100%}#Episodes .backgroundBlack{padding:var(--space-3)}#Episodes button{justify-self:end}.cards{height:auto;width:100%;justify-content:space-between;overflow-x:scroll;gap:var(--space-1);align-items:center}.card{width:250px;height:400px;flex-shrink:0;align-items:end;margin:auto;contain:layout style;transform:translateZ(0)}.card div{opacity:0;transition:opacity 0.4s cubic-bezier(0.4,0,0.2,1)}.card:hover div{opacity:1}.card .text{font-size:var(--text-sx);padding:var(--space-2) 0}.drag{display:none}#EpisodeIce{background:url('../img/episodeHeartIce.avif') center / cover no-repeat;contain:layout style paint}#EpisodeTwoFace{background:url('../img/episodeTwoFace.avif') center / cover no-repeat;contain:layout style paint}#EpisodeAlmost{background:url('../img/episodeAlmost.avif') center / cover no-repeat;contain:layout style paint}@media (min-width:768px){.cards{justify-content:space-around;width:100%;overflow-x:hidden}.card{margin:0}}@media (min-width:1200px){#Episodes{height:100vh;gap:var(--space-3)}.cards{width:100%;height:100%;position:relative;overflow:hidden;display:flex}.card{height:100%;width:25%;position:absolute;cursor:grab;left:0;z-index:1}.card.dragging{opacity:0.6;cursor:grabbing}.card.at-right{left:calc(100% - 25%)}.card:active{cursor:grabbing}.drag{display:flex;align-items:center;justify-content:center;width:25%;height:100%;border:var(--bat-gold) 1px solid;position:absolute;right:0}}#art{display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;width:100%}#art article{grid-column:1 / 3;text-align:center;padding:var(--space-10) 0}#art img{width:100%;height:auto;padding:var(--space-3)}.roteLeft{transform:rotate(-20deg);justify-self:start}.roteRight{transform:rotate(20deg);justify-self:end}@media (min-width:768px){#art{gap:var(--space-24)}#art img{width:313px}}@media (min-width:1200px){#art img{width:433px}}#music{display:grid;gap:var(--space-5)}@media (min-width:768px){#music{grid-template-columns:repeat(2,1fr);align-items:center;gap:var(--space-24)}}#music div{background:url('../img/music.avif') center / cover no-repeat;justify-content:center;height:50vh;contain:layout style paint}#music div img{width:20%;height:20%;transform:scale(1);transition:transform 0.9s ease;cursor:pointer;will-change:transform}#music div img:hover{transform:scale(1.1)}footer{background:var(--deep-steel);z-index:3;position:relative;padding:var(--space-4) var(--space-6);text-align:center;display:grid;gap:var(--space-10)}@media (min-width:1200px){footer{grid-template-columns:repeat(2,1fr)}footer article{align-items:start!important}footer article img{align-self:start!important}}footer article{gap:var(--space-6)}.socials{justify-content:center;gap:var(--space-4);cursor:pointer}#navfoter li a{text-decoration:none;font-family:var(--font-body)}@media (min-width:1200px){#navfoter{flex-direction:row;height:auto;justify-self:end;justify-content:end;width:100%;gap:var(--space-5)}.finalText{grid-column:1 / 3;justify-self:center;width:100%}}@media (min-width:768px){.flexRaw{flex-wrap:wrap;justify-content:center}}