@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Euphoria+Script&family=Playfair+Display:wght@400..900&display=swap);.subtitle,.title{font-family:"Playfair Display",serif}body,footer{background-color:#000}*{margin:0;padding:0;box-sizing:border-box}body{color:#f7483b}.links{display:flex;flex-flow:column wrap;align-content:center;justify-content:space-between;flex-grow:1;flex-shrink:1;margin:50px}.links li{list-style:none}.button{width:30px;height:30px;border-radius:5px;background:radial-gradient(#f7483b,#000)}.title{text-align:center;font-weight:900;letter-spacing:2px;text-transform:uppercase;text-shadow:3px 3px 6px rgba(0,0,0,.7);font-size:clamp(0rem, 0rem + 2vw, 2.5rem);margin-top:35px}.subtitle{text-decoration:underline;font-size:clamp(.5rem, .5rem + 1.4vw, 3.4375rem)}.links a,.text-list{text-decoration:none}h2,h3{font-size:clamp(.8125rem, .8125rem + 1.4vw, 3.4375rem)}#logo{border-radius:35%}.text{font-family:Cinzel,serif;font-size:clamp(.5rem, .5rem + .7vw, 2.25rem)}main{background-image:url(../assets/Fondo-principal.webp);color:#fff;background-size:cover;background-position:center;background-attachment:fixed}main section{background-color:rgba(37,37,37,.2);padding:30px}.text-list{font-size:20px;color:#fff}.list{list-style-type:none}.links a{font-weight:700}footer{color:#fff;font-size:clamp(0rem, 0rem + 1.75vw, 2.1875rem)}.char img{width:100%;height:15em;max-height:250px;max-width:250px;border-radius:25%;filter:sepia();object-fit:cover}.container-char{display:grid;grid-template-columns:1fr;gap:40px;width:100%;max-width:1000px;margin:60px auto}.awards-text{font-size:clamp(.625rem, .625rem + 1.25vw, 2.1875rem);font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;font-weight:600;color:#cf9d40}@media (max-width:768px){.main,body{display:grid}.menu-btn,header{background-color:#000}.button-top,.container,header #logo{align-self:center}body{grid-template-rows:auto 99% auto;grid-template-areas:"header" "main" "footer"}header{color:#f7483b;grid-area:header}.header-content{display:grid;grid-template:repeat(2,1fr)/repeat(8,0.5fr)}.header-content .title{grid-area:1/3/1/7}.header-content .subtitle{grid-area:2/2/2/6}header div .subtitle{justify-self:baseline;align-self:center}header #logo{width:20px;height:fit-content;grid-area:2/7/2/8;justify-self:end}main{grid-area:main}.main{grid-template:repeat(16,auto)/repeat(8,1fr)}.res_princ{grid-area:1/2/2/8}.hist_trama{grid-area:2/2/8/8}.consolas{grid-area:8/2/9/8}.consolas-lista{display:flex;flex-direction:row}.list{display:flex;flex-flow:row wrap;min-width:1%;justify-content:space-around;border:2px solid rgba(255,255,255,.1)}.text-list{font-size:clamp(0rem, 0rem + 1.3021vw, .625rem)}.consolas-lista li :hover{text-decoration:solid,underline;color:#291fba}.list>img{width:auto;height:20px;border-radius:10px}.trailer-port{display:flex;flex-direction:column;align-items:center;justify-items:center;grid-area:9/2/15/8;justify-content:center}.trailer-port>video{width:75%;height:40vh}.trailer-port>img{width:50%;height:30vh}#menu-toggle{display:none}.menu-btn{position:fixed;top:90%;left:0;transform:translateY(-50%);z-index:1003;color:#fff;padding:10px 15px;cursor:pointer;border-radius:5px;transition:left .3s}.overlay,.sidebar{position:fixed;top:0;height:100%}.menu-btn::after{content:"☰"}#menu-toggle:checked+.menu-btn::after{content:"✖"}#menu-toggle:checked+.menu-btn{left:180px}.overlay{left:0;width:100%;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .3s;z-index:1000}#menu-toggle:checked~.overlay{opacity:1;pointer-events:auto}.sidebar{left:-250px;width:185px;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);border-right:1px solid rgba(255,255,255,.1);padding-top:60px;transition:left .3s;z-index:1002;box-shadow:2px 0 15px rgba(0,0,0,.8)}.map,.res-game{background-color:rgba(37,37,37,.2);filter:sepia()}.sidebar .links a{display:flex;gap:25px;margin:10px;padding:12px 20px;font-size:clamp(.3125rem, .269rem + 1.3928vw, .9375rem);font-family:Cinzel,serif;font-weight:700;color:#fff;text-decoration:none;border-radius:8px;background:rgba(255,255,255,.05);transition:.3s}.sidebar .links a:hover{background:rgba(247,72,59,.15);color:#f7483b;transform:translateX(2px)}#menu-toggle:checked~.sidebar{left:0}.link__box,.link__box--awards,.link__box--awards:hover,.link__box:hover{border-radius:10%}.links a{font-size:clamp(.625rem, .4049rem + 1.7606vw, 1.25rem)}.button-top{grid-area:15/8/16/9;justify-self:center}footer{grid-area:footer}.char-section{display:grid;grid-area:1/1/10/9}.char{display:grid;grid-template-columns:1fr;gap:40px auto;width:100%;justify-items:center;align-items:center}.char .text{position:absolute;opacity:0}.char .text,.char img{transition:transform 1s ease-in;width:50%;max-width:200px;text-align:center;z-index:1}.char .text em{text-decoration:underline;font-weight:700;color:wheat}.char:nth-child(odd):hover img{transform:translate(50%);filter:none;transition:1s}.char:nth-child(odd):hover .text{transform:translateX(-50%);opacity:1;transition:1s}.char:nth-child(2n):hover img{transform:translateX(-50%);filter:none;transition:1s}.char:nth-child(2n):hover .text{transform:translateX(50%);opacity:1;transition:1s}.res-game{grid-area:1/2/10/8}.map{grid-area:10/2/15/8}.awards{grid-area:1/2/15/8}.awards-text{margin:20px}.container{justify-self:center}}@media (max-width:992px) and (min-width:769px){.main,body{display:grid}.menu-btn,header{background-color:#000}.button-top,.container,header #logo{align-self:center}body{grid-template-rows:auto 99% auto;grid-template-areas:"header" "main" "footer"}header{color:#f7483b;grid-area:header}.header-content{display:grid;grid-template:repeat(2,1fr)/repeat(8,0.5fr)}.header-content .title{grid-area:1/3/1/7}.header-content .subtitle{grid-area:2/2/2/6}header div .subtitle{justify-self:baseline;align-self:center}header #logo{width:20px;height:fit-content;grid-area:2/7/2/8;justify-self:end}main{grid-area:main}.main{grid-template:repeat(16,auto)/repeat(8,1fr)}.res_princ{grid-area:1/2/2/8}.hist_trama{grid-area:2/2/8/8}.consolas{grid-area:8/2/9/8}.consolas-lista{display:flex;flex-direction:row}.list{display:flex;flex-flow:row wrap;min-width:1%;justify-content:space-around;border:2px solid rgba(255,255,255,.1)}.text-list{font-size:clamp(.625rem, -1.5179rem + 4.4643vw, 1.25rem)}.consolas-lista li :hover{text-decoration:solid,underline;color:#291fba}.list>img{width:auto;height:20px;border-radius:10px}.trailer-port{display:flex;flex-direction:column;align-items:center;justify-items:center;grid-area:9/2/15/8;justify-content:center;align-items:center}.char,.char-section{display:grid}.trailer-port>video{width:75%;height:55dvh}.trailer-port>img{width:60%;height:50vh}#menu-toggle{display:none}.menu-btn{position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:1003;color:#fff;padding:10px 15px;cursor:pointer;border-radius:5px;transition:left .3s}.overlay,.sidebar{position:fixed;top:0;height:100%}.link__box,.link__box--awards,.link__box--awards:hover,.link__box:hover{border-radius:10%}.menu-btn::after{content:"☰"}#menu-toggle:checked+.menu-btn::after{content:"✖"}#menu-toggle:checked+.menu-btn{left:255px}.overlay{left:0;width:100%;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .3s;z-index:1000}#menu-toggle:checked~.overlay{opacity:1;pointer-events:auto}.sidebar{left:-250px;width:260px;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);border-right:1px solid rgba(255,255,255,.1);padding-top:60px;transition:left .3s;z-index:1002;box-shadow:2px 0 15px rgba(0,0,0,.8)}.map,.res-game{background-color:rgba(37,37,37,.2);filter:sepia()}.sidebar .links a{display:flex;align-items:center;gap:10px;padding:12px 20px;margin:10px;font-size:clamp(.9375rem, -.9936rem + 4.0179vw, 1.5rem);font-family:Cinzel,serif;font-weight:700;color:#fff;text-decoration:none;border-radius:8px;background:rgba(255,255,255,.05);transition:.3s}.sidebar .links a:hover{background:rgba(247,72,59,.15);color:#f7483b;transform:translateX(6px)}#menu-toggle:checked~.sidebar{left:0}.links a{font-size:clamp(.9375rem, -1.0022rem + 4.0359vw, 1.5rem)}.button-top{grid-area:15/8/16/9;justify-self:center}.char-section,.res-game{grid-area:1/2/10/8}footer{grid-area:footer}.char{grid-template-columns:1fr;gap:40px auto;width:100%;justify-items:center;align-items:center}.char .text{position:absolute;opacity:0}.char .text,.char img{transition:transform 1s ease-in;width:50%;max-width:200px;text-align:center;z-index:1}.char .text em{text-decoration:underline;font-weight:700;color:wheat}.char:nth-child(odd):hover img{transform:translate(50%);filter:none;transition:1s}.char:nth-child(odd):hover .text{transform:translateX(-50%);opacity:1;transition:1s}.char:nth-child(2n):hover img{transform:translateX(-50%);filter:none;transition:1s}.char:nth-child(2n):hover .text{transform:translateX(50%);opacity:1;transition:1s}.map{grid-area:10/2/15/8}.awards{grid-area:1/2/15/8}.awards-text{margin:20px}.container{justify-self:center}}@media (min-width:993px){.main,body{display:grid}.char img,.map{max-width:600px;max-height:600px}body{grid-template-rows:auto 99% auto;grid-template-areas:"header" "main" "footer"}header{background-color:#000;color:#f7483b;grid-area:header}.header-content{display:grid;grid-template:repeat(3,1fr)/repeat(8,0.5fr)}.header-content .title{grid-area:1/3/1/7}.header-content .subtitle{grid-area:2/2/2/6}header div .subtitle{justify-self:baseline;align-self:center}header #logo{width:20px;height:fit-content;grid-area:2/7/2/8;align-self:center;justify-self:end}main{grid-area:main}.main{grid-template:repeat(10,auto)/repeat(16,1fr)}.text{font-size:clamp(.9375rem, -.2951rem + 1.9861vw, 2.1875rem)}.res_princ{grid-area:1/2/2/8}.hist_trama{grid-area:2/2/6/16}.consolas{grid-area:1/8/4/16;background:linear-gradient(45deg,rgba(37,37,37,.001),rgba(108,74,5,.6196078431),#e6b216,#a8550d,rgba(124,10,2,.7333333333))}.consolas-lista{display:flex;flex-flow:column wrap;align-items:center;justify-content:space-evenly}.list{display:flex;flex-flow:row wrap;min-width:1%;justify-content:space-around;border:2px solid rgba(255,255,255,.1)}.link__box,.link__box--awards,.link__box--awards:hover,.link__box:hover{border-radius:10%}.text-list{font-size:clamp(.625rem, -1.5179rem + 4.4643vw, 1.25rem)}.consolas-lista li :hover{text-decoration:solid,underline;color:#291fba}.list>img{width:auto;height:20px;border-radius:10px}.trailer-port{display:grid;grid-template:repeat(2,auto)/repeat(2,0.5fr);grid-area:9/2/10/16;align-items:center}.trailer-port h2 .title{grid-area:1/1/1/2;width:100%}.trailer-port>video{grid-area:2/1/3/2;width:75%;height:50vh;margin:auto}.trailer-port>img{grid-area:2/2/2/2;width:50%;height:50vh;margin:auto}.char .text,.char img{height:400px;z-index:1}.links a{font-size:clamp(1rem, .7619rem + 1.1905vw, 2.25rem)}#menu-toggle{display:none}.menu-btn{position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:1003;background-color:#000;color:#fff;padding:10px 15px;cursor:pointer;border-radius:5px;transition:left .3s}.overlay,.sidebar{position:fixed;top:0;height:100%}.menu-btn::after{content:"☰"}#menu-toggle:checked+.menu-btn::after{content:"✖"}#menu-toggle:checked+.menu-btn{left:240px}.overlay{left:0;width:100%;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .3s;z-index:1000}#menu-toggle:checked~.overlay{opacity:1;pointer-events:auto}.sidebar{left:-250px;width:240px;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);border-right:1px solid rgba(255,255,255,.1);padding-top:60px;transition:left .3s;z-index:1002;box-shadow:2px 0 15px rgba(0,0,0,.8)}.map,.res-game{background-color:rgba(37,37,37,.2);filter:sepia()}.sidebar .links a{display:flex;align-items:center;gap:10px;padding:12px 20px;margin:10px;font-size:1.1rem;font-family:Cinzel,serif;font-weight:700;color:#fff;text-decoration:none;border-radius:8px;background:rgba(255,255,255,.05);transition:.3s}.button-top,.map{justify-self:center;align-self:center}.sidebar .links a:hover{background:rgba(247,72,59,.15);color:#f7483b;transform:translateX(6px)}#menu-toggle:checked~.sidebar{left:0}.button-top{grid-area:10/16/10/16}footer{grid-area:footer}.char-section{display:grid;grid-area:1/2/10/16}.char{display:grid;grid-template-columns:1fr;gap:40px auto;width:100%;justify-items:center;align-items:center}.char .text{position:absolute;opacity:0;width:50%;max-width:400px}.char:nth-child(2n):hover .text,.char:nth-child(odd):hover .text{opacity:1;font-size:2rem;transition:2s;background-color:rgba(0,0,0,.1)}.char img{width:400px}.char .text em{text-decoration:underline;font-weight:700;color:wheat}.char:nth-child(odd):hover img{transform:translate(50%);filter:none;transition:2s}.char:nth-child(odd):hover .text{transform:translateX(-60%)}.char:nth-child(2n):hover img{transform:translateX(-50%);filter:none;transition:2s}.char:nth-child(2n):hover .text{transform:translateX(60%)}.res-game{grid-area:1/2/8/9}.map{grid-area:1/9/8/16;width:fit-content;height:auto}.awards{grid-area:1/2/9/16}.awards-text{margin:20px}.container{align-self:center;justify-self:center;grid-area:1/1/9/16}}