@font-face {font-family: 'Great Vibes';src: url('../fonts/great-vibes.ttf') format('truetype');font-display: swap;}
@font-face {font-family: 'Poppins-Light';src: url('../fonts/poppins-light.ttf') format('truetype');font-display: swap;}
*,*::before,*::after {box-sizing: border-box;margin: 0;padding: 0;}
html, body {margin:0 auto;padding:0;}
body {font-family: 'Poppins-Light', serif;text-align: center;color: #222;margin: 0;background-image: url(../img/back-solitario-clasico.webp);background-repeat: repeat;}
p {margin:6px;color:#7b7b7f;font-size: 18px;text-aling:justify;}
p:last-of-type {margin-bottom: 0;}
h1,h2 {margin: 2rem 0 1.38rem;font-weight: 400;line-height: 1.3;}
h1 {font-family: 'Great Vibes', sans-serif;font-size: 5.8rem;color:#9e0509;line-height: 1.0;font-weight: 400;font-style: normal;text-shadow: #d09798 .1em 0.1em 0.1em;}
h2 {font-size: 2.441rem;}
img.alineadoTextoImagenArriba{vertical-align: middle;}
a:link, a:visited, a:active {text-decoration:none;}
small,.text_small {font-size: 1.8rem;}
.responsive {width: 100%;height: auto;padding:40px;}
.logo {width: 100%;height: auto;max-width: 120px; margin: 18px;}
.ad {margin:50px 0 30px 0; text-align:center;}
a{text-align:center;margin: 10px auto;color: #2c3e50;}
.page {max-width:1280px;height:100%;margin: 0 auto;text-align:center;}
.active {visibility: visible !important;opacity: 1 !important;}
@media only screen and (max-width: 600px) {h1 {font-size: 2.652rem;}}
.wrapper {margin: 10px auto;padding: 20px;max-width: 1100px;display: grid;grid-gap: 20px;grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));grid-auto-rows: 220px;grid-auto-flow: dense;background-color:rgba(255, 255, 255, 0.85);border-radius: 0.75rem;border:solid 1px #ccc;}
.image-container {position: relative;cursor: pointer;overflow: hidden;float: left;border-radius:8px;box-shadow: 0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.3);border:3px solid #fff;}
.image-container:hover {transform: scale(1.02);box-shadow: 0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.6);}
.image-container img {width: 100%;height: 100%;}
.image-container .image-caption {width: 100%;height: auto;position: absolute;background: rgba(0, 0, 0, 0.5);font-size:11px;text-align: center;}
.image-caption {font-family: sans-serif;letter-spacing: 0;font-weight: 200;font-style:normal;}
.image-caption h3 {margin: 10px;color: #fff;}
.image-caption p {margin: 12px;color: #fff;font-size:16px;font-family: 'Poppins-Light';}
.image-container .caption-3 {bottom: 0; /* Hide it initially by positioning it out of view */transition: all 0.5s;}
.image-container:hover .caption-3 {bottom: 0;transition: all 0.5s;background: rgba(197, 5, 45, 0.8);}
.btn-like {border: none; background: none; cursor: default; font-size: 18px; color: white;}
.vote-buttons {display: flex; justify-content: center; align-items: center; gap: 15px; margin-bottom:5px;}	
.icon-gamepad {width: 24px;height: 24px;background-image: url('../icons/gamepad-solid.svg');background-repeat: no-repeat;display: inline-block;filter: invert(100%);vertical-align: middle;}
.icon-thumbs-up {width: 24px;height: 24px;margin-left: 20px;background-image: url('../icons/thumbs-up-regular.svg');background-repeat: no-repeat;display: inline-block;filter: invert(100%);margin-bottom:-2px;}
.container {max-width:1100px;margin: 0px auto;padding:20px;align-content: center;margin-top:50px;border-radius: 10px;background-color:rgba(255, 255, 255, 0.85);border:solid 1px #ccc;box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;}
.container p {text-align:justify;}
#contenedor {margin: 0 auto;max-width: 1100px;}
.scrollToTop{width:68px; height:68px;padding:10px;position:fixed;bottom:140px;right:30px;display:none;background: url("../img/top.png") no-repeat;opacity:0.7;}
.scrollToTop:hover{text-decoration:none;opacity:1;}
.page-footer {padding: 10px;text-align:center;font-weight: 300;color:#7f7374;font-size: 16px;margin:50px 0;}
.active {visibility: visible !important;opacity: 1 !important;}
@media only screen and (max-width: 1200px) {#up-to-top {display: none;}.adholder {display: none;}}

.facebook-share-btn {background-image: url('../icons/facebook-icon.png');background-repeat: no-repeat;display: inline-block;width: 42px;height: 42px;background-size: contain;margin-right: 10px;margin-top:20px}
.x-share-btn {background-image: url('../icons/x-icon.png');background-repeat: no-repeat;display: inline-block;width: 42px;height: 42px;background-size: contain;margin-right: 10px;}
.whatsapp-share-btn {background-image: url('../icons/whatsapp-icon.png');background-repeat: no-repeat;display: inline-block;width: 42px;height: 42px;background-size: contain;margin-right: 10px;}
.telegram-share-btn {background-image: url('../icons/telegram-icon.png');background-repeat: no-repeat;display: inline-block;width: 42px;height: 42px;background-size: contain;margin-right: 10px;}
.favorite-btn {background-image: url('../icons/favorite-icon.png');background-repeat: no-repeat;display: inline-block;width: 42px;height: 42px;background-size: contain;}
.facebook-share-btn:hover, .x-share-btn:hover, .whatsapp-share-btn:hover, .telegram-share-btn:hover, .favorite-btn:hover {opacity: 0.5;cursor: pointer;}