:root{font-family:Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-subtitle: 1.5rem;--font-size-paragraph: 1.1rem;--font-size-note: .9rem;--main-color: darkred;--secondary-color: red;--blue-color: #007bff}body{margin:0}body::selection{background-color:var(--main-color);color:#fff}@media (prefers-color-scheme: light){:root{color:#000;background-color:#fff}}@media (max-width: 480px){:root{--font-size-subtitle: 1.1rem;--font-size-paragraph: .9rem}}@media (max-width: 376px){:root{--font-size-subtitle: 1rem;--font-size-paragraph: .8rem}}.navbar{background-color:#fff;box-shadow:0 4px 10px #0000004d;position:fixed;top:0;left:0;width:100%;height:90px;z-index:100;display:flex;align-items:center;font-size:var(--font-size-paragraph);transition:transform .3s ease}.navbar-hidden{transform:translateY(-115%)}.navbar__mobile-menu{display:none;background:none;border:none;cursor:pointer;margin-left:15px;padding:0}.navbar__menu{display:flex;height:100%;align-items:center}.navbar a{text-decoration:none;text-align:center;color:var(--main-color);font-weight:600;height:50%;width:120px;border-right:1px solid rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;transition:color .3s ease}.navbar a:hover{color:var(--secondary-color)}.navbar__search-login{display:flex;justify-content:right;place-items:center;position:absolute;right:0;gap:15px;margin-right:15px}.navbar__search-login__search-bar{display:flex;justify-content:center;align-items:center;height:45px;width:30vw;border:1px solid black;border-radius:23px;transition:box-shadow .3s ease}.navbar__search-login__search-bar:hover,.navbar__search-login__search-bar:focus{box-shadow:0 0 8px #0000004d}.navbar__search-login__search-bar input{height:100%;width:100%;border:0;border-top-left-radius:23px;border-bottom-left-radius:23px;padding:0 15px;outline:none;font-size:var(--font-size-paragraph);color:var(--main-color);background-color:transparent}.navbar__search-login__search-bar input::placeholder{font-size:var(--font-size-paragraph);color:var(--main-color)}.navbar__search-login__suggestions{position:absolute;margin:0;padding:0;top:45.5px;right:142px;list-style-type:none;border:1px solid transparent;border-top:1px solid rgba(0,0,0,.5);box-shadow:0 2px 5px #00000080;max-height:215px;width:28.2vw;overflow-y:auto;background-color:#fff;z-index:10}.navbar__search-login__suggestions li{padding-block:8px;padding-inline:16px;cursor:pointer;font-size:var(--font-size-paragraph);border-bottom:1px solid rgba(0,0,0,.25)}.navbar__search-login__suggestions li:hover{background-color:#f0f0f0;color:var(--main-color)}.navbar__search-login__mic-icon{cursor:pointer;margin-right:15px;margin-left:5px;transition:color .3s ease}.navbar__search-login__mic-icon:hover{color:red!important}.navbar__search-login a{font-size:3rem;border:0;width:fit-content;height:fit-content}.navbar-admin{background-color:var(--main-color);box-shadow:4px 0 10px #0000004d;position:fixed;left:0;width:360px;height:100%;display:flex;flex-direction:column;font-size:var(--font-size-paragraph);z-index:100}.navbar-admin__profile{height:240px}.navbar-admin__profile a{flex-direction:column;height:100%!important;padding-left:0!important;place-content:center}.navbar-admin__profile__icon{font-size:8rem}.navbar-admin__profile__name{font-size:var(--font-size-subtile);margin:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.navbar-admin a{text-decoration:none;color:#fff;height:60px;width:auto;display:flex;align-items:center}.navbar-admin a,.navbar-admin button{transition:all .3s ease;padding:0 5px 0 40px;font-weight:600;color:#fff}.navbar-admin a:hover,.navbar-admin button:hover{background-color:#fff;color:var(--main-color)}.navbar-admin button{background-color:var(--main-color);cursor:pointer;position:absolute;bottom:80px;width:100%;height:60px;text-align:left;font-size:var(--font-size-paragraph);border:0}@media (max-width: 2400px){.navbar__search-login__suggestions{width:28.15vw}}@media (max-width: 2200px){.navbar__search-login__suggestions{width:27.9vw}}@media (max-width: 2000px){.navbar__search-login__suggestions{width:27.7vw}}@media (max-width: 1800px){.navbar__search-login__suggestions{width:27.3vw}}@media (max-width: 1600px){.navbar__search-login__suggestions{width:26.9vw}}@media (max-width: 1300px){.navbar__search-login__suggestions{width:26.5vw}.navbar-admin{width:240px}}@media (max-width: 1150px){.navbar__search-login__suggestions{width:25.9vw}}@media (max-width: 1024px){.navbar__search-login__suggestions{width:25.7vw}.navbar-admin{width:185px}}@media (max-width: 950px){.navbar__search-login__suggestions{width:24.8vw}}@media (max-width: 800px){.navbar__mobile-menu{display:block}.navbar__menu{display:none;flex-direction:column;position:absolute;top:90px;left:0;width:120px;background-color:#fff;padding:1rem 0;box-shadow:0 4px 10px #0000004d;gap:0}.navbar a{border-right:0}.show-mobile-menu{display:flex}.navbar__search-login__search-bar{width:55vw}.navbar__search-login__suggestions{width:49.2vw}}@media (max-width: 700px){.navbar__search-login__suggestions{width:48.2vw}}@media (max-width: 650px){.navbar__search-login__suggestions{width:47.8vw}}@media (max-width: 540px){.navbar-admin{width:27vw}.navbar-admin__profile__icon{font-size:23vw}.navbar-admin a,.navbar-admin button{padding-left:15px}.navbar__search-login__suggestions{width:46.5vw}}@media (max-width: 480px){.navbar{height:60px}.navbar__icon{height:30px;width:auto}.navbar__search-login__mic-icon{height:17px;width:auto}.navbar__menu{top:60px}.navbar__search-login__search-bar{height:30px;width:48vw}.navbar__search-login__suggestions{top:31px;right:108px;max-height:100px;width:40.2vw}.navbar__search-login__suggestions li{padding-block:6px;padding-inline:10px}}@media (max-width: 430px){.navbar__search-login__suggestions{width:39vw}}@media (max-width: 376px){.navbar-admin a,.navbar-admin button{padding-left:9px}.navbar-admin__profile__name{margin-inline:9px}.navbar__search-login__suggestions{width:38.2vw}.navbar__search-login__suggestions li{padding-block:4px;padding-inline:8px}}@media (max-width: 346px){.navbar__search-login__suggestions{width:37vw}}.slider-container{overflow:hidden;position:relative;width:100%;height:100%;--c: red;background-color:#000;background-image:radial-gradient(4px 100px at 0px 235px,var(--c),#0000),radial-gradient(4px 100px at 300px 235px,var(--c),#0000),radial-gradient(1.5px 1.5px at 150px 117.5px,var(--c) 100%,#0000 150%),radial-gradient(4px 100px at 0px 252px,var(--c),#0000),radial-gradient(4px 100px at 300px 252px,var(--c),#0000),radial-gradient(1.5px 1.5px at 150px 126px,var(--c) 100%,#0000 150%),radial-gradient(4px 100px at 0px 150px,var(--c),#0000),radial-gradient(4px 100px at 300px 150px,var(--c),#0000),radial-gradient(1.5px 1.5px at 150px 75px,var(--c) 100%,#0000 150%),radial-gradient(4px 100px at 0px 253px,var(--c),#0000),radial-gradient(4px 100px at 300px 253px,var(--c),#0000),radial-gradient(1.5px 1.5px at 150px 126.5px,var(--c) 100%,#0000 150%),radial-gradient(4px 100px at 0px 204px,var(--c),#0000),radial-gradient(4px 100px at 300px 204px,var(--c),#0000),radial-gradient(1.5px 1.5px at 150px 102px,var(--c) 100%,#0000 150%),radial-gradient(4px 100px at 0px 134px,var(--c),#0000),radial-gradient(4px 100px at 300px 134px,var(--c),#0000),radial-gradient(1.5px 1.5px at 150px 67px,var(--c) 100%,#0000 150%),radial-gradient(4px 100px at 0px 179px,var(--c),#0000),radial-gradient(4px 100px at 300px 179px,var(--c),#0000),radial-gradient(1.5px 1.5px at 150px 89.5px,var(--c) 100%,#0000 150%),radial-gradient(4px 100px at 0px 299px,var(--c),#0000),radial-gradient(4px 100px at 300px 299px,var(--c),#0000),radial-gradient(1.5px 1.5px at 150px 149.5px,var(--c) 100%,#0000 150%),radial-gradient(4px 100px at 0px 215px,var(--c),#0000),radial-gradient(4px 100px at 300px 215px,var(--c),#0000),radial-gradient(1.5px 1.5px at 150px 107.5px,var(--c) 100%,#0000 150%),radial-gradient(4px 100px at 0px 281px,var(--c),#0000),radial-gradient(4px 100px at 300px 281px,var(--c),#0000),radial-gradient(1.5px 1.5px at 150px 140.5px,var(--c) 100%,#0000 150%),radial-gradient(4px 100px at 0px 158px,var(--c),#0000),radial-gradient(4px 100px at 300px 158px,var(--c),#0000),radial-gradient(1.5px 1.5px at 150px 79px,var(--c) 100%,#0000 150%),radial-gradient(4px 100px at 0px 210px,var(--c),#0000),radial-gradient(4px 100px at 300px 210px,var(--c),#0000),radial-gradient(1.5px 1.5px at 150px 105px,var(--c) 100%,#0000 150%);background-size:300px 235px,300px 235px,300px 235px,300px 252px,300px 252px,300px 252px,300px 150px,300px 150px,300px 150px,300px 253px,300px 253px,300px 253px,300px 204px,300px 204px,300px 204px,300px 134px,300px 134px,300px 134px,300px 179px,300px 179px,300px 179px,300px 299px,300px 299px,300px 299px,300px 215px,300px 215px,300px 215px,300px 281px,300px 281px,300px 281px,300px 158px,300px 158px,300px 158px,300px 210px,300px 210px,300px 210px;animation:hi 150s linear infinite}.slider-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:radial-gradient(ellipse 1.5px 2px at 1.5px 50%,#0000 0,#0000 90%,#000);background-size:25px 8px}.slider-container__slide{position:absolute;width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;transition:opacity .2s ease-in-out,background-image .2s ease-in-out;z-index:2}.slider-container__slide__changing{opacity:0}.slider-container__slide a{position:absolute;bottom:15%;right:34%;text-decoration:none;color:#fff;background-color:var(--main-color);padding:1rem;place-items:center;border-radius:8px;border:2px dashed white;box-shadow:0 4px 10px #00000080;font-size:var(--font-size-paragraph);transition:all .3s ease}.slider-container__slide a:hover{background-color:var(--secondary-color);transform:scale(1.1);box-shadow:0 8px 16px #000c;border-style:solid}.slider-container__arrow{position:absolute;top:50%;transform:translateY(-50%);background:#000;color:#fff;padding:8px 16px;border:none;border-radius:50%;font-size:24px;cursor:pointer;opacity:.75;transition:all .3s ease;z-index:3}.slider-container__arrow:hover{opacity:1}.slider-container__arrow__left{left:16px}.slider-container__arrow__right{right:16px}.slider-container__dots{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:2}.slider-container__dots__dot{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:4px;text-shadow:2px 2px 4px rgba(0,0,0,.5);transition:all .3s ease}.slider-container__dots__dot:hover{color:var(--secondary-color)}.slider-container__dots__dot.active{color:var(--secondary-color);transform:scale(1.2)}@media (max-width: 1440px){.slider-container__slide a{right:22%}}@media (max-width: 1050px){.slider-container__arrow{padding:4px 11px;font-size:18px}.slider-container__dots__dot{font-size:12px}.slider-container__slide a{right:12%}}@media (max-width: 860px){.slider-container__arrow{padding:4px 9.5px;font-size:14px}.slider-container__arrow__left{left:8px}.slider-container__arrow__right{right:8px}.slider-container__dots{bottom:8px}}@media (max-width: 750px){.slider-container__arrow{padding:4px 9px;font-size:12px}.slider-container__dots__dot{font-size:10px}.slider-container__slide a{right:8%}}@media (max-width: 580px){.slider-container__arrow{padding:4px 8px;font-size:10px}.slider-container__dots__dot{font-size:9px}.slider-container__arrow__left{left:5px}.slider-container__arrow__right{right:5px}.slider-container__dots{bottom:5px}}@media (max-width: 480px){.slider-container__arrow{padding:4px 7px;font-size:7px}.slider-container__dots__dot{font-size:8px}.slider-container__slide a{padding:.65rem}}@media (max-width: 420px){.slider-container__arrow{padding:4.5px 6.5px;font-size:6px}.slider-container__dots__dot{font-size:8px}.slider-container__arrow__left{left:3px}.slider-container__arrow__right{right:3px}.slider-container__dots{bottom:3px}}@media (max-width: 320px){.slider-container__arrow{padding:4px 6px;font-size:5px}.slider-container__dots__dot{font-size:7px}.slider-container__arrow__left{left:2.5px}.slider-container__arrow__right{right:2.5px}.slider-container__dots{bottom:2.5px}}.home-page{text-align:center;margin-top:90px;width:100%;overflow-x:hidden;background:#fff}.home-page__slider{width:100%;height:500px;margin:0;background-color:var(--main-color)}.home-page__content{margin:40px auto}.home-page__content h2{margin:0;font-size:var(--font-size-subtitle)}.home-page__content__grid{display:grid;grid-template-columns:repeat(5,400px);justify-content:center;gap:40px;margin-top:20px}.home-page__content__grid a{text-decoration:none}.home-page__content__grid__game{background-color:var(--main-color);border-radius:8px;overflow:hidden;height:275px;transition:all .3s ease;box-shadow:0 4px 10px #0000004d}.home-page__content__grid__game:hover{background-color:var(--secondary-color);transform:translateY(-5px);cursor:pointer;box-shadow:0 12px 24px #0009}.home-page__content__grid__game img{width:100%;height:225px;object-fit:cover}.home-page__content__grid__game p{margin-block:10px;text-align:center;color:#fff;font-size:var(--font-size-paragraph)}@media (max-width: 2240px){.home-page__content__grid{grid-template-columns:repeat(2,650px)}.home-page__content__grid__game{height:415px}.home-page__content__grid__game img{height:365px}}@media (max-width: 1419px){.home-page__content__grid{grid-template-columns:repeat(1,650px)}.home-page__content__grid__game{height:415px}.home-page__content__grid__game img{height:365px}}@media (max-width: 885px){.home-page__slider{height:56.5vw}}@media (max-width: 739px){.home-page__content__grid{grid-template-columns:repeat(1,88vw)}.home-page__content__grid__game{height:56vw}.home-page__content__grid__game img{height:88%}}@media (max-width: 700px){.home-page__content__grid__game img{height:86%}}@media (max-width: 600px){.home-page__content__grid__game img{height:84%}}@media (max-width: 500px){.home-page__content__grid__game img{height:82%}}@media (max-width: 480px){.home-page{margin-top:60px}}@media (max-width: 420px){.home-page__content__grid__game img{height:80%}}@media (max-width: 370px){.home-page__content__grid__game img{height:78%}}@media (max-width: 320px){.home-page__content__grid__game img{height:76%}}.rc-slider{position:relative;width:100%;height:14px;padding:5px 0;border-radius:6px;touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-rail{position:absolute;width:100%;height:4px;background-color:#e9e9e9;border-radius:6px}.rc-slider-track,.rc-slider-tracks{position:absolute;height:4px;background-color:#abe2fb;border-radius:6px}.rc-slider-track-draggable{z-index:1;box-sizing:content-box;background-clip:content-box;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);transform:translateY(-5px)}.rc-slider-handle{position:absolute;z-index:1;width:14px;height:14px;margin-top:-5px;background-color:#fff;border:solid 2px #96dbfa;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;opacity:.8;-webkit-user-select:none;user-select:none;touch-action:pan-x}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete{opacity:0}.rc-slider-handle:focus{outline:none;box-shadow:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:unset}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:-webkit-grabbing;cursor:grabbing}.rc-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px}.rc-slider-mark-text{position:absolute;display:inline-block;color:#999;text-align:center;vertical-align:middle;cursor:pointer}.rc-slider-mark-text-active{color:#666}.rc-slider-step{position:absolute;width:100%;height:4px;background:transparent}.rc-slider-dot{position:absolute;bottom:-2px;width:8px;height:8px;vertical-align:middle;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;cursor:pointer}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-handle,.rc-slider-disabled .rc-slider-dot{background-color:#fff;border-color:#ccc;box-shadow:none;cursor:not-allowed}.rc-slider-disabled .rc-slider-mark-text,.rc-slider-disabled .rc-slider-dot{cursor:not-allowed!important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{width:4px;height:100%}.rc-slider-vertical .rc-slider-track{bottom:0;left:5px;width:4px}.rc-slider-vertical .rc-slider-track-draggable{border-top:0;border-right:5px solid rgba(0,0,0,0);border-bottom:0;border-left:5px solid rgba(0,0,0,0);transform:translate(-5px)}.rc-slider-vertical .rc-slider-handle{position:absolute;z-index:1;margin-top:0;margin-left:-5px;touch-action:pan-y}.rc-slider-vertical .rc-slider-mark{top:0;left:18px;height:100%}.rc-slider-vertical .rc-slider-step{width:4px;height:100%}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-leave{display:block!important;animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear{transform:scale(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{transform:scale(0);transform-origin:50% 100%;opacity:0}to{transform:scale(1);transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}to{transform:scale(0);transform-origin:50% 100%;opacity:0}}.rc-slider-tooltip{position:absolute;top:-9999px;left:-9999px;visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{min-width:24px;height:24px;padding:6px 2px;color:#fff;font-size:12px;line-height:1;text-align:center;text-decoration:none;background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#6c6c6c}.catalog-page{margin-top:90px;padding:2rem}.catalog-page h2{font-size:var(--font-size-subtitle);margin-top:0;margin-bottom:30px}.catalog-page__content{display:flex;justify-content:space-between;gap:30px}.catalog-page__content__games{display:flex;flex-direction:column;gap:30px;width:100%}.catalog-page__content__games__no-results{font-size:var(--font-size-paragraph);margin-block:0}.catalog-page__content__games a{display:flex;box-shadow:0 4px 10px #0000004d;border-radius:12px;text-decoration:none;color:#000;font-size:var(--font-size-paragraph);gap:30px;overflow:hidden;transition:transform .3s ease}.catalog-page__content__games a:hover{transform:translateY(-5px)}.catalog-page__content__games a img{width:8%}.catalog-page__content__games__info{display:flex;gap:30px;justify-content:space-between;place-items:center;width:100%;margin-right:30px}.catalog-page__content__games__info__title-stars{min-width:263px}.catalog-page__content__games__info__title-stars p:nth-child(1){font-weight:600;color:var(--main-color)}.catalog-page__content__games__info__date{opacity:.5;width:94px;text-align:center}.catalog-page__content__games__info__platform{display:flex;gap:8px;min-width:106px;justify-content:center}.catalog-page__content__games__info__discount-price{display:flex;place-items:center;gap:30px;min-width:171px;justify-content:right}.catalog-page__content__games__info__discount-price__discount{background-color:#4c6b22;color:#beee11;font-weight:600;padding:10px;border-radius:5px}.catalog-page__content__games__info__discount-price__prices p{margin:0;text-align:right}.catalog-page__content__games__info__discount-price__prices__old{text-decoration:line-through;font-size:var(--font-size-note)}.catalog-page__content__games__info__discount-price__prices__new{color:#4c6b22}.catalog-page__content__filters{box-shadow:0 4px 10px #0000004d;height:max-content;width:152px;padding:30px;border-radius:12px}.catalog-page__content__filters h3{font-size:var(--font-size-paragraph);margin-top:0;margin-bottom:.5rem}.catalog-page__content__filters__section{display:flex;flex-direction:column}.catalog-page__content__filters__section input[type=checkbox]{accent-color:var(--main-color)}.catalog-page__content__filters__section h4{margin-block:1rem;font-size:var(--font-size-note)}.catalog-page__content__filters__section p{margin-bottom:0;margin-top:8px;font-size:var(--font-size-note)}.catalog-page__content__filters__section p input,.catalog-page__content__filters__section p label{cursor:pointer}.catalog-page__content__filters__section__price__inputs{display:flex;gap:10px;margin-bottom:10px}.catalog-page__content__filters__section__price__inputs__min-max{display:flex;flex-direction:column}@media (max-width: 2400px){.catalog-page__content__games a img{width:10%}}@media (max-width: 2000px){.catalog-page__content__games a img{width:12%}}@media (max-width: 1700px){.catalog-page__content__games a img{width:14%}}@media (max-width: 1500px){.catalog-page__content__games a img{width:16%}}@media (max-width: 1300px){.catalog-page__content__games a img{width:18%}}.news-page{margin-top:90px;padding:2em}.title_noticias{font-size:1.5rem;font-weight:700;text-align:left;margin-top:0;margin-bottom:30px}.vistaNoticia{display:flex;align-items:flex-start;box-sizing:border-box}.noticia_container{flex:8 1 0}.noticia{display:flex;border:2px solid #ccc;border-radius:20px;padding:15px;margin-bottom:25px;margin-right:40px;box-shadow:0 4px 10px #0000004d;background:#fff;transition:.3s all ease}.noticia:hover{transform:translateY(-2px)}.contenido_nota{flex:7 1 0}.titulo_nota{font-weight:700;font-size:large}.categoria_nota{color:var(--main-color);font-weight:600}.extra_nota{color:gray}.img_nota{flex:3 1 0}.img_nota img{width:60%;max-height:300px;object-fit:cover;display:block;margin:5px auto;border-radius:15px;box-shadow:0 10px 9px #858585}.filter_container{flex:1 1 0;padding:30px 20px;box-shadow:0 4px 10px #c1c1c1;border:2px solid #ccc;border-radius:20px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;transition:.3s all ease}.title_filter_container{font-weight:700;font-size:large;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.space_filter{width:fit-content;margin-left:auto;margin-right:auto}.space_filter a{cursor:pointer}.filter_container p{font-size:medium;font-weight:700;padding:10px 0;margin:0 0 10px}.filter_container>div{margin-bottom:5px}.filter-container a{color:#000;cursor:pointer;display:flex;align-items:flex-start;text-align:left}.filter_container input[type=checkbox]{width:15px;height:15px;accent-color:var(--main-color);cursor:pointer;margin-right:8px;vertical-align:middle}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f4f4f4}.login-form{background:#fff;padding:30px;border-radius:10px;width:440px;box-shadow:0 4px 10px #0000001a}.login-form h2{margin-bottom:1.5rem;margin-top:0;text-align:center;font-size:var(--font-size-subtitle)}.login-form label{font-weight:700;margin-top:1rem;display:block;font-size:var(--font-size-paragraph)}.login-form input{width:422.4px;padding:8px;margin-top:.3rem;border:1px solid #ccc;border-radius:5px;font-size:var(--font-size-paragraph)}.login-form button{margin-top:1.5rem;width:100%;padding:.6rem;background-color:var(--main-color);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:var(--font-size-paragraph);transition:background-color .3s ease}.login-form button:hover{background-color:var(--secondary-color)}.login-form__mensaje{text-align:center;margin-block:1rem;font-weight:700;color:var(--blue-color);font-size:var(--font-size-note)}.login-form__link,.login-form__forgot-password{font-size:var(--font-size-note)}.login-form__link a,.login-form__forgot-password a{text-decoration:none;color:var(--blue-color)}.login-form__link a:hover,.login-form__forgot-password a:hover{text-decoration:underline}.login-form__forgot-password{text-align:right;margin-top:-10px;margin-bottom:0}.register-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f4f4f4;margin-top:50px}.register-form{background-color:#fff;padding:30px;border-radius:12px;width:500px;box-shadow:0 6px 12px #0000001a;box-sizing:border-box}.register-form h2{text-align:center;margin-bottom:1.5rem;margin-top:0;font-size:var(--font-size-subtitle);color:#333}.register-form label{font-weight:600;margin-top:1rem;display:block;color:#000;font-size:var(--font-size-paragraph)}.register-form input,.register-form select{width:100%;padding:.5rem;margin-top:.3rem;border:1px solid #ccc;border-radius:8px;font-size:var(--font-size-paragraph);box-sizing:border-box;background-color:#fff}.register-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23000' d='M2 0L0 2h4L2 0zm0 5L0 3h4l-2 2z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:.65rem auto;padding-right:2rem;cursor:pointer}.register-form button{margin-top:1.5rem;width:100%;padding:.7rem;background-color:var(--main-color);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:var(--font-size-paragraph);cursor:pointer;transition:background-color .3s ease}.register-form button:hover{background-color:var(--secondary-color)}.link{text-align:center;margin-top:1rem;margin-bottom:0;font-size:var(--font-size-note)}.link a{color:var(--blue-color);text-decoration:none}.link a:hover{text-decoration:underline}.mensaje{margin-top:1rem;margin-bottom:0;text-align:center;font-weight:700;font-size:var(--font-size-note);color:var(--blue-color)}.restpassword-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f2f2f2}.card{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px #00000026;width:440px;text-align:center}.restpassword-container h1{margin-top:0;margin-bottom:16px;font-size:var(--font-size-subtitle);color:#000}.restpassword-container p{font-size:var(--font-size-note);margin-top:0;margin-bottom:24px;color:#444;text-align:left}.restpassword-container input{width:422.4px;padding:8px;margin-bottom:24px;border:1px solid #ccc;border-radius:6px;font-size:var(--font-size-paragraph)}.restpassword-container button{width:100%;padding:.8rem;background-color:var(--main-color);color:#fff;border:none;border-radius:6px;font-size:var(--font-size-paragraph);font-weight:700;cursor:pointer;transition:background-color .3s ease}.restpassword-container button:hover{background-color:var(--secondary-color)}.error{color:var(--secondary-color);font-size:var(--font-size-note);margin-top:8px}.success{color:#090;font-size:var(--font-size-note);margin-top:8px}.confirmation-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f4f4f4}.confirmation-form{background-color:#fff;padding:30px;border-radius:12px;width:440px;box-shadow:0 6px 12px #0000001a}.confirmation-form h1{text-align:center;margin-block:0;font-size:var(--font-size-subtitle);color:#000}.confirmation-form p{font-size:var(--font-size-note);text-align:center;margin-top:1rem;margin-bottom:1.5rem}.confirmation-form__mensaje{font-weight:600;font-size:var(--font-size-note);color:var(--blue-color)}.confirmation-form label{font-weight:600;font-size:var(--font-size-paragraph);display:block;color:#000}.confirmation-form input{width:95%;padding:8px;margin-top:4.8px;border:1px solid #ccc;border-radius:8px;font-size:var(--font-size-paragraph)}.confirmation-form button{margin-top:24px;width:100%;padding:11.2px;cursor:pointer;background-color:var(--main-color);color:#fff;transition:background-color .3s ease;border:0;border-radius:8px;font-size:var(--font-size-paragraph)}.confirmation-form button:hover{background-color:var(--secondary-color)}.game-detail-page{overflow:hidden;position:relative;width:100%;min-height:100vh;--c: red;background-color:#000;background-image:radial-gradient(4px 100px at 0px 235px,var(--c),#0000),radial-gradient(4px 100px at 300px 235px,var(--c),#0000),radial-gradient(1.5px 1.5px at 150px 117.5px,var(--c) 100%,#0000 150%),radial-gradient(4px 100px at 0px 252px,var(--c),#0000),radial-gradient(4px 100px at 300px 252px,var(--c),#0000),radial-gradient(1.5px 1.5px at 150px 126px,var(--c) 100%,#0000 150%),radial-gradient(4px 100px at 0px 150px,var(--c),#0000),radial-gradient(4px 100px at 300px 150px,var(--c),#0000),radial-gradient(1.5px 1.5px at 150px 75px,var(--c) 100%,#0000 150%),radial-gradient(4px 100px at 0px 253px,var(--c),#0000),radial-gradient(4px 100px at 300px 253px,var(--c),#0000),radial-gradient(1.5px 1.5px at 150px 126.5px,var(--c) 100%,#0000 150%),radial-gradient(4px 100px at 0px 204px,var(--c),#0000),radial-gradient(4px 100px at 300px 204px,var(--c),#0000),radial-gradient(1.5px 1.5px at 150px 102px,var(--c) 100%,#0000 150%),radial-gradient(4px 100px at 0px 134px,var(--c),#0000),radial-gradient(4px 100px at 300px 134px,var(--c),#0000),radial-gradient(1.5px 1.5px at 150px 67px,var(--c) 100%,#0000 150%),radial-gradient(4px 100px at 0px 179px,var(--c),#0000),radial-gradient(4px 100px at 300px 179px,var(--c),#0000),radial-gradient(1.5px 1.5px at 150px 89.5px,var(--c) 100%,#0000 150%),radial-gradient(4px 100px at 0px 299px,var(--c),#0000),radial-gradient(4px 100px at 300px 299px,var(--c),#0000),radial-gradient(1.5px 1.5px at 150px 149.5px,var(--c) 100%,#0000 150%),radial-gradient(4px 100px at 0px 215px,var(--c),#0000),radial-gradient(4px 100px at 300px 215px,var(--c),#0000),radial-gradient(1.5px 1.5px at 150px 107.5px,var(--c) 100%,#0000 150%),radial-gradient(4px 100px at 0px 281px,var(--c),#0000),radial-gradient(4px 100px at 300px 281px,var(--c),#0000),radial-gradient(1.5px 1.5px at 150px 140.5px,var(--c) 100%,#0000 150%),radial-gradient(4px 100px at 0px 158px,var(--c),#0000),radial-gradient(4px 100px at 300px 158px,var(--c),#0000),radial-gradient(1.5px 1.5px at 150px 79px,var(--c) 100%,#0000 150%),radial-gradient(4px 100px at 0px 210px,var(--c),#0000),radial-gradient(4px 100px at 300px 210px,var(--c),#0000),radial-gradient(1.5px 1.5px at 150px 105px,var(--c) 100%,#0000 150%);background-size:300px 235px,300px 235px,300px 235px,300px 252px,300px 252px,300px 252px,300px 150px,300px 150px,300px 150px,300px 253px,300px 253px,300px 253px,300px 204px,300px 204px,300px 204px,300px 134px,300px 134px,300px 134px,300px 179px,300px 179px,300px 179px,300px 299px,300px 299px,300px 299px,300px 215px,300px 215px,300px 215px,300px 281px,300px 281px,300px 281px,300px 158px,300px 158px,300px 158px,300px 210px,300px 210px,300px 210px;animation:hi 150s linear infinite}.game-detail-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:radial-gradient(ellipse 1.5px 2px at 1.5px 50%,#0000 0,#0000 90%,#000);background-size:25px 8px}@keyframes hi{0%{background-position:0px 220px,3px 220px,151.5px 337.5px,25px 24px,28px 24px,176.5px 150px,50px 16px,53px 16px,201.5px 91px,75px 224px,78px 224px,226.5px 350.5px,100px 19px,103px 19px,251.5px 121px,125px 120px,128px 120px,276.5px 187px,150px 31px,153px 31px,301.5px 120.5px,175px 235px,178px 235px,326.5px 384.5px,200px 121px,203px 121px,351.5px 228.5px,225px 224px,228px 224px,376.5px 364.5px,250px 26px,253px 26px,401.5px 105px,275px 75px,278px 75px,426.5px 180px}to{background-position:0px 6800px,3px 6800px,151.5px 6917.5px,25px 13632px,28px 13632px,176.5px 13758px,50px 5416px,53px 5416px,201.5px 5491px,75px 17175px,78px 17175px,226.5px 17301.5px,100px 5119px,103px 5119px,251.5px 5221px,125px 8428px,128px 8428px,276.5px 8495px,150px 9876px,153px 9876px,301.5px 9965.5px,175px 13391px,178px 13391px,326.5px 13540.5px,200px 14741px,203px 14741px,351.5px 14848.5px,225px 18770px,228px 18770px,376.5px 18910.5px,250px 5082px,253px 5082px,401.5px 5161px,275px 6375px,278px 6375px,426.5px 6480px}}.game-detail-container{max-width:900px;margin-inline:auto;margin-top:130px;margin-bottom:40px;padding:2rem;background-color:#fff;border-radius:.75rem;box-shadow:0 0 12px #0000000f;font-family:Segoe UI,sans-serif;color:#1f2937;text-align:center;position:relative;z-index:2}.back-btn{background:none;border:none;font-size:1.75rem;cursor:pointer;color:#374151;position:absolute;left:2rem;top:4.5rem}.game-title{font-size:3rem;font-weight:800;color:var(--main-color);margin-bottom:1.5rem;text-align:center;text-shadow:1px 1px 3px rgba(0,0,0,.1);letter-spacing:.5px}.game-description{font-size:1.25rem;margin-bottom:2rem;color:#374151;line-height:1.8;max-width:720px;margin-left:auto;margin-right:auto;font-weight:400;font-style:italic;opacity:.95}.media-slider{position:relative;max-width:860px;margin:2rem auto;display:flex;align-items:center;justify-content:center}.game-trailer-video,.media-image{width:100%;height:428px;overflow:hidden;object-fit:cover;border-radius:.5rem;transition:opacity .25s ease-in-out;opacity:1;background-color:#000}.media-image.hidden,.game-trailer-video.hidden{opacity:0}.slider-btn{background-color:transparent;color:var(--main-color);border:none;font-size:2.75rem;cursor:pointer;margin:0 1rem;transition:color .2s ease;-webkit-user-select:none;user-select:none}.slider-btn:hover{color:var(--secondary-color)}.game-reviews{margin-top:2rem;text-align:center}.game-reviews h3{font-size:1.25rem;margin-bottom:1rem;color:#111827}.review-item{margin-bottom:.8rem;background-color:#f9fafb;padding:.75rem 1rem;border-radius:.5rem}.review-item strong{display:block;margin-bottom:.25rem}.review-item div{font-size:1.2rem;color:var(--main-color)}.price-section{display:flex;flex-direction:column;align-items:center;margin-top:2rem;margin-bottom:2rem}.price-normal{font-size:1.2rem;color:#999;text-decoration:line-through;margin-bottom:.3rem}.price-discount{font-size:1.75rem;font-weight:700;background-color:#dcfce7;color:#166534;padding:.5rem 1rem;border-radius:.75rem;box-shadow:0 2px 6px #0000000f;transition:transform .2s ease}.price-discount:hover{transform:scale(1.05)}.buy-button{background-color:var(--main-color);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:9999px;font-size:1rem;cursor:pointer;margin-top:2rem;transition:background-color .3s ease}.buy-button:hover{background-color:var(--secondary-color)}.notification-message{background-color:#fff;padding:15px;margin:20px 0;border-radius:8px;text-align:center;font-weight:500;color:#000;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;align-items:center;gap:12px}.notification-btn{background-color:var(--main-color);color:#fff;border:none;padding:10px 20px;font-weight:600;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.notification-btn:hover{background-color:var(--secondary-color)}.added-message{margin-top:20px;font-weight:500;color:#000;text-align:center}@media (max-width: 1024px){.game-detail-container{margin-inline:40px}}.cart-container,.cart-message{max-width:1000px;margin:0 auto;padding:2rem;background-color:#fff;font-family:Segoe UI,sans-serif;color:#000;border-radius:.75rem;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 250px);scroll-margin-top:80px}.cart-container{margin-top:130px;margin-bottom:40px;box-shadow:0 4px 12px #0000004d}.cart-container h2{margin-bottom:1.5rem;font-size:1.75rem;font-weight:600;text-align:center}.cart-list{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.cart-item{position:relative;width:220px;border-radius:.75rem;overflow:hidden;background:#fff;box-shadow:0 2px 6px #0000000d;transition:transform .2s}.cart-item:hover{transform:translateY(-4px)}.cart-img{width:100%;height:140px;object-fit:cover;border-radius:.75rem .75rem 0 0}.remove-btn{position:absolute;top:8px;right:8px;background-color:var(--main-color);color:#fff;border:none;border-radius:9999px;cursor:pointer;width:28px;height:28px;font-weight:700;font-size:1rem;box-shadow:0 2px 6px #0000001a}.cart-actions{margin-top:2rem;display:flex;gap:1rem;justify-content:center}.cancel-btn,.confirm-btn{padding:.75rem 1.75rem;border:none;border-radius:9999px;cursor:pointer;font-weight:600;font-size:1rem;transition:background-color .3s ease,color .3s ease}.cancel-btn{background-color:#fff;color:#000;border:2px solid #000}.cancel-btn:hover{background-color:#000;color:#fff}.confirm-btn{background-color:var(--main-color);color:#fff}.confirm-btn:hover{background-color:var(--secondary-color)}.cart-message{max-width:500px;text-align:center}.cart-message-actions{margin-top:1rem;display:flex;gap:1rem;justify-content:center}.cart-message button{padding:.5rem 1.25rem;border-radius:9999px;border:none;cursor:pointer;font-weight:500;background-color:var(--main-color);color:#fff;transition:background-color .3s ease}.cart-message button:hover{background-color:var(--secondary-color)}.cart-prices{margin-top:2rem;text-align:center}.price-normal{font-size:1.25rem;font-weight:500;color:#555;text-decoration:line-through;margin-bottom:.25rem}.price-discount{font-size:1.25rem;font-weight:600;color:green}.payment-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#f4f4f4;color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:1rem;gap:1.5rem}.payment-form{background:#fff;padding:2.5rem 3rem;border-radius:12px;width:400px;box-shadow:0 6px 20px #0000001f;box-sizing:border-box}.payment-form h2{margin:0 0 2rem;font-size:1.8rem;font-weight:700;color:var(--main-color);text-align:center}.payment-form label{display:block;margin-bottom:.4rem;font-weight:600;font-size:.95rem;color:#111}.payment-form input{width:100%;padding:.55rem .75rem;border:1.8px solid #ccc;border-radius:6px;font-size:1rem;transition:border-color .3s ease;box-sizing:border-box}.payment-form input:focus{border-color:var(--main-color);outline:none;box-shadow:0 0 5px var(--main-color)}.payment-row{display:flex;gap:1rem;margin-top:1.25rem}.payment-row>div{flex:1}.payment-form button{margin-top:2rem;width:100%;padding:.75rem;background-color:var(--main-color);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .25s ease}.payment-form button:hover{background-color:var(--secondary-color)}.payment-error{margin-top:1rem;color:#c00;font-weight:600;font-size:.9rem;text-align:center;-webkit-user-select:none;user-select:none}.payment-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000073;display:flex;justify-content:center;align-items:center;z-index:1000}.payment-modal{background:#fff;padding:2rem 2.5rem;border-radius:12px;box-shadow:0 6px 20px #00000040;text-align:center;max-width:400px;width:90%}.payment-modal h3{margin-bottom:1rem;font-size:1.5rem;color:green}.payment-modal p{font-size:1rem;margin-bottom:1.5rem}.payment-modal button{padding:.6rem 1.2rem;font-size:1rem;border:none;border-radius:8px;background-color:var(--main-color);color:#fff;cursor:pointer}.payment-modal button:hover{background-color:var(--secondary-color)}.user-list{display:flex;justify-content:center;align-items:start;min-height:100vh;background-color:#f5f5f5;margin-left:360px}.user-list-inner{width:100%;max-width:100%;padding:1.5rem 2rem}.user-list h1{font-size:24px}.user-list h2{font-size:var(--font-size-subtitle);font-weight:700;margin-block:24px;color:var(--main-color);text-align:center}.user-list-container{overflow-x:auto;border-radius:12px}.user-list table{width:100%;border-collapse:collapse;background-color:#fff;overflow:hidden;box-shadow:0 4px 8px #0000001a}.user-list th,.user-list td{padding:16px;border-bottom:1px solid #ddd;text-align:center;vertical-align:middle;font-size:var(--font-size-paragraph)}.user-list th{background-color:var(--main-color);color:#fff;font-weight:700}.warning-message{position:absolute;top:50%;margin-inline:1.5rem;margin-block:0;text-align:center;font-size:var(--font-size-subtitle);color:#000;font-weight:700}.user-list tr:last-child td{border-bottom:none}@media (max-width: 1300px){.user-list{margin-left:240px}}@media (max-width: 1024px){.user-list{margin-left:185px}}@media (max-width: 730px){.user-list{padding:1.5rem}}@media (max-width: 540px){.user-list{margin-left:27vw}}.games-page{display:flex;flex-direction:column;width:100%;min-height:100vh;background-color:#f5f5f5;padding:2rem;padding-left:380px;box-sizing:border-box}.games-wrapper{width:100%}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.header-actions{display:flex;gap:.5rem}.filter-btn,.add-btn{background-color:#e0e0e0;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:700;cursor:pointer}.add-btn{background-color:var(--main-color);color:#fff;transition:.3s all ease}.add-btn:hover{background-color:var(--secondary-color)}.games-table-container__games{overflow-x:auto}.games-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 0 10px #0000000d;font-size:.9rem}.games-table thead{background-color:#f0f0f0;text-align:left}.games-table th,.games-table td{padding:1rem;border-bottom:1px solid #ddd}.games-table td.actions{display:flex;gap:.75rem}.edit-icon,.delete-icon{cursor:pointer;font-size:1rem;transition:color .3s}.edit-icon:hover{color:var(--blue-color)}.delete-icon:hover{color:var(--secondary-color)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.modal{background-color:#fff;padding:2rem;border-radius:12px;width:450px;max-width:100%;box-shadow:0 2px 10px #0003}.modal-content{width:100%}.modal-content__inputs{display:flex;gap:40px}.modal-content input{display:block;width:100%;margin-bottom:1rem;padding:.5rem;font-size:.9rem}.modal-content input[type=date]{cursor:pointer}.modal-actions,.modal-buttons{display:flex;justify-content:flex-end;gap:.5rem}.modal-actions button,.modal-buttons button{padding:.5rem 1rem;font-weight:700;border:none;border-radius:6px;cursor:pointer}.modal-actions button:last-child,.modal-buttons .btn-danger{background-color:var(--main-color);color:#fff;transition:.3s all ease}.modal-actions button:last-child:hover,.modal-buttons .btn-danger:hover{background-color:var(--secondary-color)}.modal-actions button:first-child,.modal-buttons .btn-cancel{background-color:#e0e0e0}@media (max-width: 640px){.games-page{padding-left:1rem;padding-right:1rem}.games-table th,.games-table td{padding:.5rem}.header-row{flex-direction:column;align-items:flex-start;gap:1rem}.modal{width:90%}}.space_white_admin{width:100%;height:30px;background-color:#f5f5f5}.container{display:flex;width:100vw;box-sizing:border-box;max-width:100vw;overflow-x:hidden;background-color:#f5f5f5}.workspace_container{flex:1;margin:0 0 25px 360px;box-sizing:border-box;width:auto;min-width:0;max-width:calc(100vw - 360px)}@media (max-width: 1300px){.workspace_container{margin-left:240px;max-width:calc(100vw - 240px)}}.title_noticiasAdmin{padding-left:25px;text-align:left;margin:10px 0;font-size:xx-large;font-weight:900}.ad_crear_noticia_row{display:flex;align-items:center;gap:20px;padding-top:20px;padding-left:25px;padding-bottom:10px}.ad_noticia_btn_crear{width:70px;height:40px;background:#7dfc7d;color:green;font-weight:700;font-size:larger;border:none;border-radius:6px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,border .1s}.ad_vistaNoticia{display:flex;flex-direction:column;width:100%;max-width:100%;box-sizing:border-box;padding:10px;overflow-x:hidden}.ad_noticia_container{flex:1 1 0;flex-direction:column;width:100%;max-width:100%}.ad_noticia{display:flex;align-items:stretch;border:2px solid #ccc;border-radius:30px;padding:20px;margin-bottom:15px;box-shadow:0 3px 9px #c1c1c1;background-color:var(--main-color);width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto;transition:.3s all ease}.ad_noticia:hover{transform:translateY(-5px)}.ad_noticia_contenido{flex:2 1 0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:20px}.ad_contenido_nota{flex:1 1 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#fff;text-align:left}.ad_titulo_nota{font-size:large;color:#fff}.ad_autor_nota,.ad_categoria_nota,.ad_dias_nota{font-weight:400;color:#fff}.ad_img_nota{flex:1 1 0;align-items:center;justify-content:center}.ad_img_nota img{width:50%;min-width:100px;max-height:300px;border-radius:15px;border:2px solid #fff;box-shadow:0 5px 9px #fff}.ad_noticia_btns{flex:1 1 0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px}.ad_noticia_btn_editar{width:120px;height:50px;background:#ffe46b;color:orange;font-weight:700;font-size:larger;border:none;border-radius:6px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,border .1s}.ad_noticia_btn_eliminar{width:120px;height:50px;background:#ffd7d7;color:red;font-weight:700;font-size:larger;border:none;border-radius:6px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,border .1s}.ad_noticia_btn_crear:hover,.ad_noticia_btn_editar:hover,.ad_noticia_btn_eliminar:hover{background-color:#cecece}.modal_overlay,.modal_eliminar{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.modal_eliminar_content{background:#fff;border-radius:12px;padding:32px;min-width:320px;box-shadow:0 4px 24px #00000040;text-align:center}.modal_eliminar_content_mensaje{margin-bottom:20px;font-size:20px}.modal_eliminar_content_buttons{display:flex;justify-content:center;gap:16px}.modal_crear_noticia{position:static;width:100%;height:auto;background:none;display:flex;align-items:center;justify-content:center;z-index:auto;margin-top:30px}.modal_content{background:#fff;padding:15px;border-radius:12px;box-shadow:0 8px 32px #b23a482e;width:600px;display:flex;flex-direction:column}.modal_content h2{margin:0 0 1rem;text-align:center;font-size:1.5rem;margin-bottom:15px}.form_group{display:flex;flex-direction:column}.form_group label{font-weight:600;margin-bottom:.3rem}.form_group input,.form_group textarea{padding:.5rem .7rem;border:1px solid #bbb;border-radius:6px;font-size:15px;background:#f9f9f9;color:var(--main-color);transition:border-color .2s;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom_select{position:relative;width:100%;-webkit-user-select:none;user-select:none}.custom_select_selected{padding:.5rem .7rem;border:1px solid #bbb;border-radius:6px;background:#f9f9f9;color:var(--main-color);font-size:15px;cursor:pointer;width:100%;box-sizing:border-box}.custom_select_list{position:absolute;top:110%;left:0;width:100%;background:#fff;border:1px solid #bbb;border-radius:6px;box-shadow:0 4px 16px #0000001a;z-index:10;margin:0;padding:0;list-style:none;max-height:180px;overflow-y:auto}.custom_select_option{padding:.5rem .7rem;cursor:pointer;color:#222;transition:background .2s,color .2s}.custom_select_option:hover{background:#f0f0f0;color:var(--main-color)}.form_group textarea{min-height:40px;max-height:200px;resize:vertical}.form_group input:hover,.form_group textarea:hover,.form_group input:focus,.form_group textarea:focus{border-color:var(--secondary-color);outline:none}.form_footer{display:flex;justify-content:center;gap:3rem;margin-top:1.5rem}.Create_Update_noticia_btn,.new_noticia_btn_volver{padding:.5rem 1.2rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .2s,border .2s,box-shadow .2s}.Create_Update_noticia_btn{background:var(--main-color);color:#fff}.Create_Update_noticia_btn:hover{background:var(--secondary-color)}.new_noticia_btn_volver{background:#bdbdbd;color:#222}.new_noticia_btn_volver:hover{background:#ddd}.stats-page{min-height:100vh;background-color:#f5f5f5}.stats-container{padding:1.5rem 2rem;margin-left:360px}.stats-title{font-size:var(--font-size-subtitle);font-weight:700;margin-block:1.5rem}.card-users{background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 10px #0000001a;max-width:400px;text-align:center;font-size:var(--font-size-paragraph)}.card-users p{margin-block:1rem}.card-users h1{margin-block:1.5rem}@media (max-width: 1300px){.stats-container{margin-left:240px}}@media (max-width: 1024px){.stats-container{margin-left:185px}}@media (max-width: 630px){.stats-container{padding:1.5rem}}@media (max-width: 540px){.stats-container{margin-left:27vw}}@media (max-width: 480px){.card-users{padding:1rem}}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 0 auto}.portada-noticias{width:100vw;max-width:100vw;min-width:100vw;height:300px;object-fit:cover;display:block;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}
