@charset "UTF-8";

.bluesky-embed{
	max-width:500px;
	margin:20px auto 1em;
	display:block !important;
}

.cloux-title,
.single-content-wrapper .content-box .cloux-title{
	margin-bottom:1rem;
	font-weight:700;
}

.cloux-title.style-4{
	font-size:2.154rem;
	font-weight:700;
	color:var(--c-white);
}

.trpgs-sponsor{
	margin:18px 0;
	text-align:center;
}

.trpgs-line{
	height:1px;
	width:100%;
	background:linear-gradient(
		90deg,
		transparent 0%,
		rgba(115,212,50,.20) 10%,
		rgba(115,212,50,.55) 25%,
		#73D432 50%,
		rgba(115,212,50,.55) 75%,
		rgba(115,212,50,.20) 90%,
		transparent 100%
	);
}

.trpgs-mid{
	position:relative;
	display:block;
	padding:40px 0;
}

.trpgs-adwrap{
	width:100%;
	display:block;
	min-height:336px;
}

.trpgs-adwrap ins.adsbygoogle{
	display:block !important;
	width:100% !important;
	max-width:100% !important;
}

.trpgs-badge{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	border:1px solid var(--c-accent);
	color:var(--c-accent);
	font-size:11px;
	font-weight:700;
	padding:3px 12px;
	letter-spacing:1px;
	line-height:1;
	pointer-events:none;
	z-index:10;
}

.trpgs-sponsor--has-ad .trpgs-badge{
	display:none;
}

@media (min-width:992px){
	.trpgs-adwrap{
		max-width:604px;
		margin:0 auto;
		min-height:250px;
	}
}
@media (max-width: 768px){

  .trpgs-sponsor--inarticle,
  .trpgs-adwrap{
    overflow: visible !important;
  }
	.trpgs-mid{
		padding:10px 0;
	}
  .trpgs-adwrap{
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
  }

  .trpgs-adwrap ins.adsbygoogle{
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .trpgs-adwrap ins.adsbygoogle > div,
  .trpgs-adwrap [id^="aswift_"]{
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .trpgs-adwrap{
    --trpgs-ad-base: 375;
    --trpgs-ad-scale: 1;
  }

  @media (max-width: 420px){
    .trpgs-adwrap{
      --trpgs-ad-scale: min(1, calc((100vw - 16px) / (var(--trpgs-ad-base) * 1px)));
    }
  }

  .trpgs-adwrap [id^="aswift_"],
  .trpgs-adwrap iframe{
    transform: scale(var(--trpgs-ad-scale)) !important;
    transform-origin: top center !important;
  }

  .trpgs-adwrap iframe{
    max-width: 100% !important;
  }
}
@media (max-width: 768px){

  .trpgs-adwrap iframe[width="375"][height="375"]{
    --trpgs-ad-scale: min(1, calc((100vw - 24px) / 375));
    zoom: var(--trpgs-ad-scale);

    transform: none !important;
    transform-origin: top center !important;

 
    width: 375px !important;
    height: 375px !important;
  }

  .trpgs-adwrap div[id^="aswift_"]{
    height: auto !important;
  }
}
.single-content-wrapper table{
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
}

.single-content-wrapper td,
.single-content-wrapper th{
	word-break:break-word;
	overflow-wrap:anywhere;
}

@media (max-width:991px){
	.single-content-wrapper table{
		display:block;
		overflow-x:auto;
		-webkit-overflow-scrolling:touch;
	}
}

.post-list.column-2.flex .item.trpgs-gridbreak{
	width:100% !important;
	flex:0 0 100% !important;
}

.ig-dynamic-banner{
	border-radius:0 !important;
}

.cloux-button.style-1 a,
.cloux-button.style-1 a:visited{
	color:var(--c-panel) !important;
}

.btn,
.filtro-btn,
#subg-toggle,
#filtros-clear-all,
.boton-juego,
.boton-subcat,
.cloux-button.style-1 a,
.podcast-search button,
.news-search button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	height:44px;
	padding:0 18px;
	font-family:inherit;
	text-transform:uppercase;
	font-weight:700;
	font-size:12px;
	line-height:1;
	letter-spacing:.02em;
	border:var(--bd-2) solid var(--c-accent);
	background:var(--c-accent);
	color:var(--c-black);
	cursor:pointer;
	white-space:nowrap;
	border-radius:0;
	transition:background-color .15s ease, color .15s ease, border-color .15s ease;
}

button,
.boton-juego,
.filtro-btn,
.boton-subcat,
.cloux-button.style-1 a,
.podcast-search button,
.news-search button{
	-webkit-appearance:none;
	appearance:none;
	border-radius:0 !important;
}

button:focus,
.boton-juego:focus,
.filtro-btn:focus,
.boton-subcat:focus,
.cloux-button.style-1 a:focus,
.podcast-search button:focus,
.news-search button:focus{
	outline:none !important;
}

button:focus-visible,
.boton-juego:focus-visible,
.filtro-btn:focus-visible,
.boton-subcat:focus-visible,
.cloux-button.style-1 a:focus-visible,
.podcast-search button:focus-visible,
.news-search button:focus-visible{
	outline:none !important;
	box-shadow:0 0 0 2px var(--c-white) !important;
	border-radius:0 !important;
}

.resenas-toolbar #filtro-clases-resenas .filtro-btn{
	background:var(--c-accent);
	color:var(--c-black);
	border-color:var(--c-accent);
}

.resenas-toolbar #filtro-clases-resenas .filtro-btn.activo{
	background:transparent !important;
	color:var(--c-accent) !important;
	border-color:var(--c-accent) !important;
}

.resenas-toolbar #filtro-clases-resenas .filtro-btn:not(.activo):hover,
.resenas-toolbar #filtro-clases-resenas .filtro-btn:not(.activo):focus{
	background:transparent !important;
	color:var(--c-accent) !important;
	border-color:var(--c-accent) !important;
}

.fila-controles{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:12px;
	width:100%;
}

.fila-controles + .fila-controles{
	margin-top:12px;
}

.fila-controles .filtro-btn{
	width:100%;
	justify-content:center;
}

.resenas-search input{
	width:100%;
	height:44px;
	padding:0 12px;
	font-size:14px;
	border:var(--bd-2) solid var(--c-accent);
	background:var(--c-white);
	color:var(--c-black);
	border-radius:0;
	outline:none;
}

.botones-juegos,
.botones-clase{
	display:grid;
	width:100%;
	max-width:100%;
	box-sizing:border-box;
	gap:var(--sp-12);
	justify-content:center;
	align-content:start;
}

.botones-juegos .boton-juego,
.botones-clase .filtro-btn{
	width:100%;
	max-width:100%;
	box-sizing:border-box;
	margin:0 !important;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

@media (min-width:1200px){
	.botones-juegos{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
	.botones-clase{ grid-template-columns:repeat(6, minmax(0, 1fr)); }
}

@media (min-width:768px) and (max-width:1199px){
	.botones-juegos{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
	.botones-clase{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
}

@media (max-width:767px){
	.botones-juegos{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
	.botones-clase{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}

.botones-juegos .boton-juego{
	background:transparent;
	color:var(--c-black);
	border-color:var(--c-accent);
}

.botones-juegos .boton-juego:hover,
.botones-juegos .boton-juego:focus{
	background: transparent !important;
	color:var(--c-accent) !important;
	border-color:var(--c-accent) !important;
}

.botones-juegos .boton-juego.activo{
	background: transparent !important;
	color:var(--c-accent) !important;
	border-color:var(--c-accent) !important;
}

.botones-clase .filtro-btn{
	background:var(--c-accent);
	color:var(--c-black);
	border-color:var(--c-accent);
}

.botones-clase .filtro-btn:hover,
.botones-clase .filtro-btn:focus{
	background:transparent !important;
	color:var(--c-accent) !important;
	border-color:var(--c-accent) !important;
}

.botones-clase .filtro-btn.activo{
	background:transparent !important;
	color:var(--c-accent) !important;
	border-color:var(--c-accent) !important;
}

.post-style-1 .title,
.post-style-2 .title,
.post-style-3 .title,
.game-style-2 .content .title,
.game-style-3 .content .title{
	color:var(--c-accent);
}

.post-style-1 .summary,
.post-style-2 .summary,
.post-style-3 .summary{
	color:var(--c-white);
}

.cloux-header .cloux-navbar .dropdown-menu{
	background:var(--c-panel-2) !important;
	border:0 !important;
	padding:6px 0 !important;
	margin:0 !important;
	box-shadow:var(--shadow-soft, 0 10px 30px rgba(0,0,0,.35));
	position:absolute;
}

.cloux-header .cloux-navbar .dropdown-menu::before{
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:2px;
	background:var(--c-accent);
	pointer-events:none;
}

.cloux-header .cloux-navbar .nav-item.dropdown > .dropdown-menu{
	top:100% !important;
	left:0 !important;
}

.cloux-header .cloux-navbar .dropdown-menu .dropdown > .dropdown-menu{
	top:0 !important;
	left:100% !important;
	margin-top:0 !important;
}

.cloux-header .cloux-navbar .dropdown-menu > li{
	border-bottom:1px solid rgba(115,212,50,.25) !important;
}

.cloux-header .cloux-navbar .dropdown-menu > li:last-child{
	border-bottom:0 !important;
}

.cloux-header .cloux-navbar .dropdown-menu a.nav-link{
	display:block;
	padding:12px 16px !important;
	line-height:1.2 !important;
	margin:0 !important;
	color:var(--c-text) !important;
	border:0 !important;
}

.cloux-header .cloux-navbar .dropdown-menu > li:hover > a.nav-link,
.cloux-header .cloux-navbar .dropdown-menu > li:focus-within > a.nav-link{
	background:rgba(115,212,50,.08) !important;
	color:var(--c-accent) !important;
}

.cloux-header .cloux-navbar .dropdown-menu .current-menu-item > a.nav-link,
.cloux-header .cloux-navbar .dropdown-menu .current-menu-ancestor > a.nav-link,
.cloux-header .cloux-navbar .dropdown-menu .nav-item.active > a.nav-link{
	background:transparent !important;
	color:var(--c-accent) !important;
}

.cloux-header .cloux-navbar .dropdown-menu i.caret{
	color:var(--c-text) !important;
	opacity:.9;
}

.cloux-header .cloux-navbar .dropdown-menu li:hover i.caret,
.cloux-header .cloux-navbar .dropdown-menu li:focus-within i.caret{
	color:var(--c-accent) !important;
}