/* CSS TodoJuegos */

body { 
	margin:0px auto;
	padding:0px;
	font-family:Questrial, Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.3em;
	color:#003466;
	background-attachment:fixed;
	background-position: center top;
	border: 0 solid;
	-webkit-font-smoothing: subpixel-antialiased;
}

.botonera a {
	text-decoration:none; font-weight:bold; color:#FFF;font-size:13px; font-family:Arial,Verdana;
}

input.inputmio {
	vertical-align: middle;
	padding: 0pt 1px 0px 1px;
	font-family: 'Questrial',Arial,Helvetica;
	font-size: 14px;
	margin-top: 5px;
	margin-left: 3px;
	border: 0px;
	outline: 0;
}

h1 {font-size:2.1em; font-weight:800; letter-spacing: -0.01em; font-family:Questrial,Arial,Verdana; text-transform:uppercase; line-height:1.1em;}
h2 {color: #bf1313; font-size:1.5em}
h3 {font-size:140%;	font-weight:normal;}
h4 {font-size:0.85em; font-weight:normal; color: #8b8989; padding: 0px;}

.novedades {padding:2px 5px;}
.novedades a {text-decoration:none; font-weight:bold; color:#000;font-size:16px;}

.lateral {font-size:14px; font-family:Questrial,Arial,Verdana; padding:5px;padding-bottom: 0px;}
.lateral a {text-decoration:none; font-weight:bold; color:#003466;font-size:14px;}

.novRep td {padding-left:20px;padding-top:7px;background:url(/images/novedades_repeat.jpg);height:30px;}
.novRep30 td {padding-left:30px;padding-top:7px;background:url(/images/portada-principal_30.jpg);height:31px;}

.ft {
	font-family:Arial,Helvetica;
	font-size:11px;
	padding: 7px 0pt 0pt; 
	color: #777777;
}
a.ft { color:#444444; font-weight:bold; }

.snippet { display: none; }

a { color:#0000FF; text-decoration:none; }
a:hover { text-decoration:underline; }

#contenedor {
	width:854px;
	margin:0 auto;
	vertical-align:middle;
}

/* Cajas */

.tdjborder{display:block}
.tdjborder *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#38393F }
.tdjborder1{
	margin-left:3px; margin-right:3px;
	padding-left:1px; padding-right:1px;
	border-left:1px solid #a9a9ac; border-right:1px solid #a9a9ac;
	background:#696a6f;
}
.tdjborder2{
	margin-left:1px; margin-right:1px;
	padding-right:1px; padding-left:1px;
	border-left:1px solid #ebebeb; border-right:1px solid #ebebeb;
	background:#5d5e63;
}
.tdjborder3{
	margin-left:1px; margin-right:1px;
	border-left:1px solid #5d5e63; border-right:1px solid #5d5e63;
}
.tdjborder4{ border-left:1px solid #a9a9ac; border-right:1px solid #a9a9ac }
.tdjborder5{ border-left:1px solid #696a6f; border-right:1px solid #696a6f }
.tdjborderfg{
	padding:5px; color:#FFFFFF;
	line-height:19px; background:#38393F
}
.tdjborderfg b{ color:#b7b7b7 }
.tdjborderfg a{ color:#FFFFFF; }

#articulos, #reviews { margin:5px; }

#footer { 
	background:url(/images/design/bg_footer.jpg) no-repeat top left;
	padding:20px 0px;
	color:#CCCCCC;
	font-size:12px;
	display:block; clear:both;
	height:1px;
	text-align:center;
	border-top:1px solid #CCCCCC;
}

.social_networking {
	border-bottom:1px dotted #999999;
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:100%;
	margin-bottom:7px;
	padding-bottom:7px;
	text-align:right;
	vertical-align:middle;
	width:300px;
}
.social_networking span {
	float:left;
	line-height:24px;
	padding-right:10px;
}

/* ─────────────────────────────────────────────── */
/* PANEL DE PUNTUACIONES – ESTILO GAMING RAZER     */
/* ─────────────────────────────────────────────── */

.rating-panel--gaming {
	position: relative;
	margin-top: 25px;
	width: 100%;
	padding: 16px 18px 18px;
	box-sizing: border-box;
	border-radius: 12px;

	background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
	border: 1px solid #dde3ff;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);

	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
	Questrial, Verdana, Arial, Helvetica, sans-serif;

	color: #0f2340;
}

.rating-panel__title {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	margin-bottom: 8px;
	color: #3454ff;
	border-bottom: 1px solid #ecf0ff;
	padding-bottom: 5px;
	text-align: center;
}

.rating-panel__rows { margin-top: 4px; }

.rating-panel__row {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 5px 0;
	font-size: 13px;
}

.rating-panel__label { flex: 0 0 120px; }

.rating-panel__bar {
	position: relative;
	flex: 1 1 auto;
	height: 7px;
	border-radius: 999px;
	background: #edf0ff;
	overflow: hidden;
}

/* Degradado Razer dinámico (rojo → magenta → cian → verde) */
.rating-panel__bar-fill {
	height: 100%;
	border-radius: inherit;
	transition: width 0.4s ease-out;

	background: linear-gradient(to right,
		#ff4d4d 0%,
		#ff2ad4 30%,
		#00e0ff 60%,
		#00ff85 100%
	);
}

/* Nota = 0 */
.rating-panel__bar-fill--empty {
	width: 0 !important;
	background: transparent;
}

.rating-panel__value {
	min-width: 40px;
	text-align: right;
	font-weight: 600;
	color: #3454ff;
}

/* No valorado */
.rating-panel__value--empty {
	color: #a0a4b8;
	font-style: italic;
	font-weight: 400;
}

.rating-panel__row--total {
	margin-top: 8px;
	border-top: 1px solid #ecf0ff;
	padding-top: 8px;
	font-size: 14px;
}

.rating-panel__row--total .rating-panel__label {
	flex: 1 1 auto;
	font-weight: 700;
	letter-spacing: 0.08em;
}

/* TOTAL dinámico con degradado Razer + bordeado */
.rating-panel__row--total .rating-panel__value--dynamic {
	font-size: 22px;
	font-weight: 800;

	background: linear-gradient(
		to right,
		#ff4d4d 0%,
		#ff2ad4 30%,
		#00e0ff 60%,
		#00ff85 100%
	);
	background-size: 100%;
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;

	/* recorte según porcentaje */
	mask: linear-gradient(
		to right,
		black calc(var(--score) * 100%),
		transparent calc(var(--score) * 100%)
	);
	-webkit-mask: linear-gradient(
		to right,
		black calc(var(--score) * 100%),
		transparent calc(var(--score) * 100%)
	);

	/* bordeado */
	text-shadow:
		-1px -1px 0 #000,
		 1px -1px 0 #000,
		-1px  1px 0 #000,
		 1px  1px 0 #000,
		 0    0   6px rgba(0,0,0,0.7);
}

/* Icons */
.share_icon {
	background-image:url("/img/compartirsp.png");
	background-repeat:no-repeat;
	display:inline-block;
	height:23px;
	margin:0 2px;
	width:23px;
}

.share_icon.facebook { background-position: 0px 0px; }
.share_icon.facebook:hover { background-position: 0px -24px; }

.share_icon.twitter { background-position: -24px 0px; }
.share_icon.twitter:hover { background-position: -24px -24px; }

.share_icon.myspace { background-position: -48px 0px; }
.share_icon.myspace:hover { background-position: -48px -24px; }