@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body {background-image: url(../img/wooden-background.webp);background-repeat: repeat;font-family: "Montserrat", sans-serif;}
p {font-weight: 400;margin:5px;}
h1 {text-align:center;}
a {text-decoration: none;}
h3 {margin:5px;}
h3 a {color: inherit;text-decoration: none;}
h3 a:hover {text-decoration: underline;font-weight: bold;}
.limit-text {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;position: relative;}
.logo {display: flex;justify-content: center;padding: 20px 0;}
.container {max-width:1100px;margin:0 auto;}
.text-box {max-width:1100px;margin:0 auto;padding:10px;background:#fff;margin-top:10px;box-shadow: 0 2px 0 0px rgba(0, 0, 0, 0.3);font-size: 18px;}
.text-box2 {max-width:1100px;margin:0 auto;padding:20px;border: 1px solid #ccc;font-size:18px;line-height: 1.3;}
.container-game {max-width:1000px;margin:0 auto;}
.game-box {max-width:1000px;margin:0 auto;padding:10px;background:#fff;margin-top:10px;box-shadow: 0 2px 0 0px rgba(0, 0, 0, 0.3);font-size: 18px;}
.game-box2 {max-width:1000px;margin:0 auto;padding:20px;border: 1px solid #ccc;}
.iframe-responsive {display: none;}
.allgames {width:100%;padding:20px;background-color:#bb060a;text-align:center;color:#ffffff;font-size:20px;font-weight:bold;margin-top: 10px;}
.allgames:hover {background-color: #8b0000;color: #f4fba0;}

@media (max-width: 580px) {
.iframe-container {display: none;}
.iframe-responsive {width: 100%;max-width: 560px;display: block;margin: 0 auto;}
.iframe-responsive img {width: 100%;height: auto;}
}

*,*:after,*:before{box-sizing:border-box}.animenu__btn{display:none;cursor:pointer;background-color:#bb060a;border:0;padding:10px;height:50px;width:50px}
.animenu__btn:hover{background-color:#880202}.animenu__btn__bar{display:block;width:30px;height:3px;background-color:#fff;transition:0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55)}
.animenu__btn__bar+.animenu__btn__bar{margin-top:4px}.animenu__btn--active .animenu__btn__bar{margin:0;position:absolute}
.animenu__btn--active .animenu__btn__bar:nth-child(1){-webkit-transform:rotate(45deg);transform:rotate(45deg)}.animenu__btn--active .animenu__btn__bar:nth-child(2){opacity:0}
.animenu__btn--active .animenu__btn__bar:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.animenu{display:block}

.animenu__nav {display: flex;justify-content: center; /* Centra los elementos horizontalmente */align-items: center;background-color: #bb060a;}

.animenu ul{padding:0;list-style:none;font:0 -apple-system, BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial, sans-serif, "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}
.animenu li,.animenu a{display:inline-block;font-size:17px;font-weight: bold;}.animenu a{color:#fff;text-decoration:none}.animenu__nav{background-color:#bb060a}
.animenu__nav>li{position:relative;border-right:1px solid #959595}.animenu__nav>li>a{padding:16px 30px;text-transform:uppercase}.animenu__nav>li:hover>ul{opacity:1;visibility:visible;margin:0}
.animenu__nav>li:hover>a{color:#f8fbca}.animenu__nav>li:focus-within>ul{opacity:1;visibility:visible;margin:0}.animenu__nav>li:focus-within>a{color:#fff}
.animenu__nav > li:last-child {border-right: none;}

.animenu__nav > li:last-child .animenu__nav__dropdown {left: auto;right: -7px;transform-origin: right top;}

.animenu__nav__hasDropdown:before{content:"";position:absolute;border:4px solid transparent;border-bottom:0;border-top-color:currentColor;top:50%;margin-top:-2px;right:10px}
.animenu__nav__dropdown{min-width:100%;position:absolute;top:100%;left:0;z-index:1;opacity:0;visibility:hidden;margin:20px 0 0 0;background-color:#880202;transition:margin .15s, opacity .15s}
.animenu__nav__dropdown>li{width:100%;border-bottom:1px solid #959595}
.animenu__nav__dropdown>li:last-child{border:0}.animenu__nav__dropdown a{padding:10px;width:100%;border-color:#880202}.animenu__nav__dropdown a:hover{background-color:#e5040a;border-color:#e5040a;color:#fff}
.animenu__nav__dropdown a:focus-within{background-color:#e5040a;border-color:#e5040a;color:#fff}@media screen and (max-width: 1140px){.animenu__btn{display:inline-block}
.animenu__nav,.animenu__nav__dropdown{display:none}.animenu__nav{margin:10px 0}.animenu__nav>li{width:100%;border-right:0;border-bottom:1px solid #959595}.animenu__nav>li:last-child{border:0}
.animenu__nav>li:first-child>a:after{content:'';position:absolute;height:0;width:0;left:1em;top:-6px;border:6px solid transparent;border-top:0;border-bottom-color:inherit}.animenu__nav>li>a{width:100%;padding:10px;border-color:#bb060a;position:relative}
.animenu__nav a:hover{background-color:#e5040a;border-color:#e5040a;color:#fff}.animenu__nav__dropdown{position:static;background-color:#880202;margin:0;transition:none;visibility:visible;opacity:1}
.animenu__nav__dropdown>li:first-child>a:after{content:none}.animenu__nav__dropdown a{padding-left:20px;width:100%}}.animenu__nav--active{display:block !important}.animenu__nav--active .animenu__nav__dropdown{display:block}

.animenu__nav__dropdown {min-width: auto;width: auto;}
.animenu__nav__dropdown > li > a {padding: 10px 20px;white-space: nowrap;}

.social-share-btns-container {overflow: hidden;position: relative;left: 0;font-size: 0;margin-top: 20px;text-align: center;width: 100%;z-index: 111;}
.social-share-btns {display: inline-block;overflow: hidden;}
.social-share-btns .share-btn {float: left;margin: 0 5px;padding: 8px 16px;border-radius: 3px;color: #fff;font-size: 14px;line-height: 18px;vertical-align: middle;-moz-transition: background 0.2s ease-in-out;-o-transition: background 0.2s ease-in-out;-webkit-transition: background 0.2s ease-in-out;transition: background 0.2s ease-in-out;}
.social-share-btns .share-btn i {margin-right: 5px;display: inline-block;font-size: 18px;vertical-align: middle;}
.share-btn {background-color: #95a5a6;}
.share-btn:hover {background-color: #798d8f;}
.share-btn-twitter {background-color: #504f4f;}
.share-btn-twitter:hover {background-color: #000000;}
.share-btn-facebook {background-color: #3b5998;}
.share-btn-facebook:hover {background-color: #2d4373;}

.grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));grid-gap: 20px;align-items: stretch;margin:20px auto;}
.grid > article {border: 1px solid #ccc;box-shadow: 0 2px 0 0px rgba(0, 0, 0, 0.3);background:#fff;}
.grid > article img {width: 100%;height: auto;display: block;object-fit: cover;transition: filter 0.3s ease, transform 0.3s ease;}
.grid > article img:hover {filter: brightness(1.3);}
.grid .text {padding: 10px;}

.rating{display:flex;gap:0;align-items:center;line-height:0;}
.heart{width:40px;height:40px;background:#ccc;mask-image:url('../img/heart.svg');-webkit-mask-image:url('../img/heart.svg');mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:contain;-webkit-mask-size:contain;cursor:pointer;transition:background .2s;margin:0;padding:0;display:block;}
.stats{margin-top:10px;font-size:15px;color:#333}
.msg{margin-top:10px}
.iframe-container {position: relative;width: 100%;padding-bottom: 63.25%;height: 0;overflow: hidden;}
.iframe-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}

.page-footer {padding: 10px;text-align:center;font-weight: 300;color:#2d2d2d;font-size: 18px;margin:50px 0;}