.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}div.NavBar{background-color:#bcb395;height:4.18vh;left:0;position:fixed;top:0;width:100%}ul.NavBar{list-style-type:none;margin:1.34vh;padding:0}ul.NavBar li{display:inline;float:right;height:100%;margin-right:1vh}ul.NavBar li a{color:#333;cursor:pointer;display:inline;font-size:1.675vh;height:100%;margin-right:1.67vh;text-decoration:none}div.navbar-element:hover a{color:#daa520}.subnav{float:left;overflow:inherit}.subnav-element{padding:.42vh;text-align:left}div.subnav-element a{color:#000}div.subnav-element:hover a{color:#daa520}.subnav-content{background-color:#f5f5f5;display:none;flex-direction:column;left:0;position:relative;top:100%;z-index:1}.subnav:hover .subnav-content{display:flex}ul.search-list{display:flex;flex-direction:column}ul.search-list li a{float:left;text-align:left;text-decoration:none}li.search-list-universos a{color:blue}li.search-list-personajes a{color:red}div.taken-personaje{height:25vw;margin-bottom:20px;position:relative;width:20vw}div.taken-personaje:hover{animation:shake .5s}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}div.taken-personaje:hover .taken-shade a{-webkit-text-stroke:1px #000;color:red;font-family:helvetica;font-size:2vw}div.personaje:hover .shade{background:#0003}div.taken-shade{background:#000000b3;height:90%;left:0;position:absolute;top:0;width:100%}div.taken-shade a{color:#fff;font-size:1.5vw;left:50%;margin:0;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.personaje-img{height:80%;padding:10% 10% 0;width:80%}img.personaje{height:100%;width:100%}@media (max-width:900px){div.personaje{left:10%;width:80%}div.personaje:hover{height:600px;margin-bottom:20px;width:80%}div.taken-personaje{height:100vw;left:10vw;margin-bottom:20px;position:relative;width:80vw}div.taken-shade a{font-size:6vw}div.taken-personaje:hover .taken-shade a{font-size:8vw}}div.recuadro{background-color:#fbfbfb;height:25vw;position:relative;width:20vw}div.recuadro:hover{height:26vw;margin:-1vw;width:21vw}div.shade{background:#0000;height:100%;left:0;position:absolute;top:0;width:100%}div.recuadro:hover .shade,div.shade:hover{background:#0003}div.recuadro-img-space{height:90%;position:relative;width:100%}.recuadro-img{display:grid;grid-template-columns:2;grid-template-rows:2;height:80%;padding:10% 10% 0;transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-webkit-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;width:80%}div.taken-recuadro{border-color:#000;border-style:solid;height:25vw;margin-bottom:20px;position:relative;width:20vw}.label a{color:#000;font-size:1.5vw;left:50%;margin:0;position:absolute;text-align:center;top:90%;transform:translate(-50%,-50%);width:100%}.show-animation{opacity:0;transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-webkit-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out}.sub-imgs{display:grid;grid-template-columns:2;grid-template-rows:2;height:80%;padding:10% 10% 0;position:absolute;top:0;width:80%}img.sub-img1{grid-column:1}img.sub-img1,img.sub-img2{grid-row:1;height:100%;width:100%}img.sub-img2{grid-column:2}img.sub-img3{grid-column:1}img.sub-img3,img.sub-img4{grid-row:2;height:100%;width:100%}img.sub-img4{grid-column:2}div.recuadro:hover img.recuadro-img{opacity:0}div.recuadro:hover .show-animation{opacity:1}@media (max-width:900px){div.recuadro{height:100vw;left:10vw;width:80vw}div.recuadro:hover{height:102vw;margin:-1vw -1vw 3vw;width:82vw}.label a{font-size:6vw}}.home-img-space{background-position:80% 100%;background-size:auto 120%;bottom:0;left:0;position:absolute;right:0;top:0}.top a{font-size:2.01vh}a{font-family:helvetica}a.text{color:#333;font-size:2.5125vh}div.center{position:absolute;top:50%}div.center,div.top{left:50%;transform:translate(-50%,-50%)}div.top{height:auto;margin-top:12vh;position:relative}h1.title{color:#000;font-size:6.7vh;white-space:nowrap}h1{font-family:Benne;font-size:5.025vh;letter-spacing:.6rem;margin-bottom:0}button.body-button{background-color:#b8860b;border:1px solid #fff;color:#fff;height:4.18vh;line-height:4.18vh;margin-top:20px;width:16.75vh}button.body-button a{font-size:2.5125vh}.home-description{height:96%;position:absolute;top:100%;width:100%}.page-objetivo{background-color:#bcb395;border:1px solid #fff;left:0;margin-bottom:10px;margin-top:0;width:100%}.register{grid-column-gap:2%;display:grid;grid-template-columns:49% 49%;left:20%;padding:20px;position:absolute;right:20%;width:auto}.register-seleccion-image{background-size:100% auto}.register-instruction{background-color:#fbfbfb;grid-column:2/2}.register-new-personaje{background-color:#fbfbfb;grid-column:1/1;margin:0}.register-form-grid{display:grid;flex-direction:column;grid-column:2/2;left:10%;position:relative;text-align:left;width:100%;width:80%}.register-form-grid input{margin-bottom:10px}.register-form-grid a{font-size:18px;margin-bottom:1px}@media(max-width:900px){.home-img-space{background-position:65% 20%;background-size:auto 100vh}h1.title{font-size:20px}h1{font-size:6vw}.top a{font-size:4vw}a.text{font-size:18px}button.body-button{background-color:#b8860b;border:1px solid #fff;color:#fff;height:3.34vh;line-height:25px;margin-top:20px;width:13.4vh}button.body-button a{font-size:18px}}div.recuadros_container{grid-row-gap:1vh;grid-column-gap:9.5vw;display:grid;grid-auto-rows:32vw;grid-template-columns:repeat(auto-fill,20vw);height:auto;left:10vw;position:absolute;right:9.6vw}@media (max-width:900px){div.recuadros_container{display:flex;flex-direction:column;left:0;position:absolute;width:100%}}.personaje-grid{grid-gap:10px;display:grid;grid-template-columns:5;left:10%;position:absolute;top:100px;width:80%}.personaje-h{font-size:30px;grid-column:2}.personaje-p{font-size:24px;grid-column:2}.personaje-image{grid-column:2/3;height:60vh;max-width:50vw}.personaje-image img{height:100%}.personaje-slider{grid-column:2/3;height:60vh;max-width:40vw}.personaje-form{grid-column:3/5}.form-grid{display:grid;flex-direction:column;text-align:left;width:100%}.form-grid input{margin-bottom:10px}.form-grid a{font-size:18px;margin-bottom:1px}.indication{display:none}.form-password:focus+.indication{display:block}.invitado-submit{background-color:#b8860b;color:#fff;height:30px;left:25%;position:relative;width:50%}.invitado-submit:hover{filter:brightness(115%)}@media(max-width:900px){.personaje-grid{display:flex;flex-direction:column;left:10%;top:100px;width:80%}.personaje-h{font-size:20px}.personaje-p{font-size:16px}.personaje-image,.personaje-image img,.personaje-slider{height:auto;max-height:none;max-width:none;width:100%}}.search{display:flex;flex-direction:column;height:auto;left:40%;position:absolute;top:20%;width:20%}.search-spacer{height:40%;width:60%}.search-list{width:100%}@media(max-width:900px){.search{display:flex;flex-direction:column;height:auto;left:10%;position:absolute;top:20%;width:80%}}.recolocar-form{left:50%;position:absolute;top:40%;transform:translate(-50%,-50%)}.login-form{background-color:#fbfbfb;display:flex;flex-direction:column;padding:20px;text-align:left;width:400px}.login-form a{margin:10px 0}.login-form button{left:50%;position:relative;transform:translate(-50%)}@media(max-width:600px){.login-form{position:relative;width:80vw}.login-form button{left:50%;transform:translate(-50%)}}.react-slideshow-container{align-items:center;display:flex;position:relative}.react-slideshow-container .nav{cursor:pointer;position:absolute;z-index:10}.react-slideshow-container .nav:first-of-type{left:0}.react-slideshow-container .nav:last-of-type{right:0}.react-slideshow-container .default-nav{align-items:center;background:#fff9;border:0;border-radius:50%;color:#fff;display:flex;height:30px;justify-content:center;text-align:center;width:30px}.react-slideshow-container .default-nav:focus,.react-slideshow-container .default-nav:hover{background:#fff;color:#666;outline:0}.react-slideshow-container .default-nav.disabled:hover{cursor:not-allowed}.react-slideshow-container .default-nav:first-of-type{border-right:0;border-top:0;margin-right:-30px}.react-slideshow-container .default-nav:last-of-type{margin-left:-30px}.react-slideshow-container+ul.indicators{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.react-slideshow-container+ul.indicators li{display:inline-block;height:7px;margin:0;padding:5px;position:relative;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator{background:#0000;border:0;color:#0000;cursor:pointer;opacity:.25}.react-slideshow-container+ul.indicators .each-slideshow-indicator:before{background:#000;border-radius:50%;content:"";height:7px;left:0;position:absolute;text-align:center;top:0;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator.active,.react-slideshow-container+ul.indicators .each-slideshow-indicator:hover{opacity:.75;outline:0}.react-slideshow-fadezoom-wrapper{overflow:hidden;width:100%}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap{display:flex;flex-wrap:wrap}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap>div{opacity:0;position:relative}.react-slideshow-wrapper .react-slideshow-fade-images-wrap>div[aria-hidden=true]{display:none}.react-slideshow-wrapper.slide{overflow:hidden;width:100%}.react-slideshow-wrapper .images-wrap.horizontal{display:flex;flex-wrap:wrap}.react-slideshow-wrapper .images-wrap>div[aria-hidden=true]{display:none}
/*# sourceMappingURL=main.aa73eedb.css.map*/