/* CSS Document */
/* Hoja de estilos para la web de shogun's fate */
/*GENERAL*/
BODY {
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 10px;
color:#999999;
margin-top:0px;	
}

a:link{text-decoration:none; color:#000000;}
a:hover{text-decoration:none;color:#666666;}
a:active{text-decoration:none;color:#666666;}
a:visited{text-decoration:none;color:#000000;}

a.oscuro:link{text-decoration:none; color:#666666;}
a.oscuro:hover{text-decoration:none;color:#666666;}
a.oscuro:active{text-decoration:none;color:#666666;}
a.oscuro:visited{text-decoration:none;color:#666666;}

.linksBlancos{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 11px;
color:#FFFFFF;
}

a.linksBlancos:link,
a.linksBlancos:hover,
a.linksBlancos:active,
a.linksBlancos:visited{
color:#FFFFFF;
}

.linksRojos{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 11px;
color:red;
}

a.linksRojos:link,
a.linksRojos:hover,
a.linksRojos:active,
a.linksRojos:visited{
color:red;
}

.loginHeader{
width:100%;
min-height:42px;
background:#000000;
display:flex;
align-items:center;
justify-content:center;
}

.loginHeaderTable{
min-height:42px;
}

.loginHeaderNavCell{
padding-left:0px;
}

.loginHeaderNav{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
white-space:nowrap;
}

.loginHeaderLink{
display:inline-flex;
align-items:center;
min-height:42px;
font-family:Tahoma, Arial, Verdana, sans-serif;
font-size:11px;
font-weight:bold;
letter-spacing:0px;
text-decoration:none;
cursor:pointer;
transform:translateY(0px) scale(1);
transition:color 160ms ease, text-shadow 160ms ease, filter 160ms ease, transform 160ms ease;
backface-visibility:hidden;
}

a.loginHeaderLinkLight:link,
a.loginHeaderLinkLight:hover,
a.loginHeaderLinkLight:active,
a.loginHeaderLinkLight:visited{
color:#FFFFFF;
}

a.loginHeaderLinkAction:link,
a.loginHeaderLinkAction:hover,
a.loginHeaderLinkAction:active,
a.loginHeaderLinkAction:visited{
color:#ff3333;
}

a.loginHeaderLinkLight:hover,
a.loginHeaderLinkLight:focus{
color:#ffe4a6;
}

a.loginHeaderLinkAction:hover,
a.loginHeaderLinkAction:focus{
color:#ff6262;
}

.loginHeaderLink:hover,
.loginHeaderLink:focus{
text-decoration:none;
filter:brightness(1.1);
text-shadow:0px 0px 7px rgba(255,255,255,0.62);
transform:translateY(-1px);
outline:none;
}

.loginHeaderLinkAction:hover,
.loginHeaderLinkAction:focus{
text-shadow:0px 0px 8px rgba(255,60,60,0.72);
}

.loginHeaderLink:active{
filter:brightness(0.94);
text-shadow:0px 0px 4px rgba(255,255,255,0.46);
transform:translateY(0px) scale(0.97);
}

.loginHeaderSeparator{
display:inline-flex;
align-items:center;
min-height:42px;
font-family:Tahoma, Arial, Verdana, sans-serif;
font-size:11px;
font-weight:bold;
color:#5f5f5f;
}

.loginHeaderLanguageCell{
padding-left:26px;
}

.loginHeaderLanguages{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
white-space:nowrap;
}

.loginHeaderLanguage{
display:inline-flex;
align-items:center;
justify-content:center;
width:24px;
height:18px;
opacity:0.78;
cursor:pointer;
filter:saturate(0.9) brightness(0.92);
transform:translateY(0px) scale(1);
transition:opacity 160ms ease, filter 160ms ease, transform 160ms ease;
backface-visibility:hidden;
}

.loginHeaderLanguage img{
display:block;
border:0px;
max-width:24px;
height:auto;
}

.loginHeaderLanguageActive{
cursor:default;
}

.loginHeaderLanguage:hover,
.loginHeaderLanguage:focus,
.loginHeaderLanguageActive{
opacity:1;
filter:saturate(1.08) brightness(1.08) drop-shadow(0px 0px 5px rgba(255,255,255,0.42));
transform:translateY(-1px);
outline:none;
}

.loginHeaderLanguage:active{
filter:saturate(1) brightness(0.96) drop-shadow(0px 0px 3px rgba(255,255,255,0.32));
transform:translateY(0px) scale(0.94);
}

.loginLogoutButton{
position:relative;
height:22px;
padding:0px 8px;
color:#FFFFFF;
cursor:pointer;
white-space:nowrap;
box-sizing:border-box;
transform:translateY(0px) scale(1);
transition:color 160ms ease, background-color 160ms ease, text-shadow 160ms ease, filter 160ms ease, transform 160ms ease;
backface-visibility:hidden;
}

.loginLogoutButton:hover,
.loginLogoutButton:focus{
background-color:rgba(255,255,255,0.08);
color:#ffe4a6;
text-shadow:0px 0px 7px rgba(255,228,166,0.55);
filter:brightness(1.08);
transform:translateY(-1px);
outline:none;
}

.loginLogoutButton:active{
background-color:rgba(255,255,255,0.05);
filter:brightness(0.95);
transform:translateY(0px) scale(0.97);
}

.texto1{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 11px;
color:#4d4d4d;
}
.texto2{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 11px;
color:#000000;
}

.texto2InvR{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 11px;
color:#c70000;
}

.texto2InvV{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 11px;
color:#15b000;
}

.texto2InvA{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 11px;
color:#005aaa;
}

.textoLoginBlanco{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 12px;
color:#FFFFFF;
}
.textoLoginGris{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 12px;
color:#505050;
}

.texto3{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 11px;
font-weight:bold;
color:#000000;
}

.texto4{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 12px;
font-weight:bold;
color:#6d6d6d;
}
.texto5{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 12px;
font-weight:bold;
color:#000000;
}


.texto4blanco{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 12px;
font-weight:bold;
color:#FFFFFF;
}
.texto5blanco{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 14px;
font-weight:bold;
color:#FFFFFF;
}
.texto5gris{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 12px;
font-weight:bold;
color:#888888;
}


.texto6{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 14px;
font-weight:bold;
color:#000000;
}
.texto6Gris{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 14px;
font-weight:bold;
color:#AAAAAA;
}
.texto6Dorado{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 14px;
font-weight:bold;
color:#8e3f06;
}

.texto5RO{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 12px;
font-weight:bold;
color:#550000;
}

.texto5cursiva{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 12px;
font-weight:bold;
color:#000000;
font-style: oblique;
}

.textoError{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 10px;
color:#FF0000;
}

.textoError2{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 12px;
color:#FF0000;
font-weight:bold;
}

.socialLoginGrupo{
display:inline-flex;
align-items:center;
gap:4px;
vertical-align:middle;
white-space:nowrap;
}

.socialLoginGrupoLogin{
margin-left:6px;
}

.socialLoginGrupoRegistro{
display:inline-flex;
align-items:center;
gap:8px;
justify-content:center;
white-space:normal;
margin:0px auto;
}

.socialLoginGrupoMenu{
display:inline-flex;
align-items:center;
gap:8px;
justify-content:center;
white-space:normal;
margin:0px auto;
}

.socialLoginGrupoMerge{
display:grid;
grid-template-columns:repeat(4, 34px);
gap:8px;
justify-content:center;
white-space:normal;
}

.socialLoginGrupoDosFilas{
display:inline-flex;
flex-direction:column;
align-items:center;
}

.socialLoginFila{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
}

.socialLoginIcon{
display:inline-flex;
align-items:center;
justify-content:center;
position:relative;
width:19px;
height:19px;
margin-right:4px;
border:1px solid #d6d6d6;
border-radius:4px;
background:#f8f8f8;
color:#333333;
font-family:Arial, Verdana, sans-serif;
font-size:12px;
font-weight:bold;
line-height:19px;
text-decoration:none;
cursor:pointer;
box-shadow:0 1px 2px rgba(0,0,0,0.25);
transform:translateY(0px) scale(1);
transition:opacity 160ms ease, transform 160ms ease, filter 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
backface-visibility:hidden;
}

.socialLoginIcon:hover,
.socialLoginIcon:focus{
opacity:1;
text-decoration:none;
filter:saturate(1.1) brightness(1.08);
box-shadow:0 4px 7px rgba(0,0,0,0.24);
transform:translateY(-1px) scale(1.04);
outline:none;
}

.socialLoginIcon:active{
filter:saturate(1.05) brightness(0.98);
box-shadow:0 1px 2px rgba(0,0,0,0.25);
transform:translateY(0px) scale(0.96);
}

.socialLoginSvg{
display:block;
width:14px;
height:14px;
object-fit:contain;
transition:opacity 160ms ease, transform 160ms ease, filter 160ms ease;
}

.socialLoginGrupoMenu .socialLoginIcon,
.socialLoginGrupoRegistro .socialLoginIcon,
.socialLoginGrupoMerge .socialLoginIcon{
width:38px;
height:38px;
margin-right:0px;
border-radius:6px;
}

.socialLoginGrupoMerge .socialLoginIcon{
width:34px;
height:34px;
}

.socialLoginGrupoMenu .socialLoginSvg,
.socialLoginGrupoRegistro .socialLoginSvg,
.socialLoginGrupoMerge .socialLoginSvg{
width:24px;
height:24px;
}

.socialLoginGrupoMerge .socialLoginSvg{
width:21px;
height:21px;
}

.socialLoginIconDisabled,
.socialLoginIconDisabled:hover,
.socialLoginIconDisabled:focus,
.socialLoginIconDisabled:active{
opacity:0.45;
cursor:not-allowed;
filter:grayscale(1);
box-shadow:none;
transform:none;
outline:none;
}

.socialLoginIcon:last-child{
margin-right:0px;
}

.socialLoginIconGoogle{
background:#ffffff;
color:#4285f4;
border-color:#dadce0;
}

.socialLoginIconFacebook{
background:#1877f2;
border-color:#1877f2;
color:#ffffff;
}

.socialLoginIconTwitter,
.socialLoginIconX,
.socialLoginIconGithub,
.socialLoginIconApple{
background:#111111;
border-color:#111111;
color:#ffffff;
}

.socialLoginIconMicrosoft{
background:#ffffff;
border-color:#8c8c8c;
color:#5e5e5e;
}

.socialLoginIconDiscord{
background:#ffffff;
border-color:#5865f2;
color:#5865f2;
}

.socialLoginIconTwitch{
background:#ffffff;
border-color:#9146ff;
color:#9146ff;
}

.socialLoginIconXboxnetwork,
.socialLoginIconLive,
.socialLoginIconXbox{
background:#107c10;
border-color:#107c10;
color:#ffffff;
}

.socialLoginIconPlaystationnetwork,
.socialLoginIconPsn,
.socialLoginIconPlaystation{
background:#003791;
border-color:#003791;
color:#ffffff;
}

.socialLoginIconNintendo{
background:#e60012;
border-color:#e60012;
color:#ffffff;
}

.socialLoginIconSteam{
background:#171a21;
border-color:#171a21;
color:#ffffff;
}

.loginMenuPanel{
padding:10px 10px 14px 10px;
text-align:center;
}

.loginMenuTitle{
font-family:Tahoma, Arial, Verdana, sans-serif;
font-size:20px;
font-weight:bold;
color:#2a170d;
padding-bottom:14px;
}

.loginMenuForm{
margin:0px auto 0px auto;
padding:0px;
display:inline-block;
text-align:left;
}

.loginMenuInput{
width:170px;
height:18px;
font-size:11px;
}

.loginMenuActions{
display:flex;
align-items:center;
justify-content:center;
gap:7px;
padding-top:12px;
}

.loginMenuSubmit{
border:0px;
padding:0px;
background:transparent;
cursor:pointer;
display:inline-flex;
align-items:center;
justify-content:center;
position:relative;
appearance:none;
-webkit-appearance:none;
transform:translateY(0px) scale(1);
transition:opacity 160ms ease, transform 160ms ease, filter 160ms ease;
backface-visibility:hidden;
}

.loginMenuSubmit:hover,
.loginMenuSubmit:focus{
opacity:1;
filter:brightness(1.08) saturate(1.05) drop-shadow(0px 3px 4px rgba(0,0,0,0.22));
transform:translateY(-1px) scale(1.025);
outline:none;
}

.loginMenuSubmit:active{
filter:brightness(0.98) saturate(1.02) drop-shadow(0px 1px 2px rgba(0,0,0,0.18));
transform:translateY(0px) scale(0.97);
}

.loginMenuSubmit img{
display:block;
border:0px;
transition:opacity 160ms ease, transform 160ms ease, filter 160ms ease;
}

.loginMenuSubmit:after,
.socialLoginIcon:after{
content:"";
position:absolute;
left:50%;
top:50%;
width:14px;
height:14px;
margin-left:-8px;
margin-top:-8px;
border:2px solid rgba(255,255,255,0.62);
border-top-color:#620000;
border-radius:50%;
opacity:0;
transform:scale(0.7);
transition:opacity 160ms ease, transform 160ms ease;
pointer-events:none;
}

.socialLoginIcon:after{
width:12px;
height:12px;
margin-left:-7px;
margin-top:-7px;
border-color:rgba(255,255,255,0.52);
border-top-color:currentColor;
}

.loginMenuSubmit.sfLoginAccionPendiente,
.loginMenuSubmit:disabled,
.socialLoginIcon.sfLoginAccionPendiente{
cursor:wait;
opacity:0.82;
filter:saturate(0.9) brightness(0.96);
transform:translateY(0px) scale(1);
pointer-events:none;
}

.loginMenuSubmit.sfLoginAccionPendiente img,
.loginMenuSubmit:disabled img,
.socialLoginIcon.sfLoginAccionPendiente .socialLoginSvg{
opacity:0.34;
transform:scale(0.92);
filter:saturate(0.72);
}

.loginMenuSubmit.sfLoginAccionPendiente:after,
.loginMenuSubmit:disabled:after,
.socialLoginIcon.sfLoginAccionPendiente:after{
opacity:1;
transform:scale(1);
animation:sfLoginAccionGiro 760ms linear infinite;
}

@keyframes sfLoginAccionGiro{
from{
transform:rotate(0deg) scale(1);
}
to{
transform:rotate(360deg) scale(1);
}
}

.loginMenuTabla{
margin:0px auto 0px auto;
}

.loginMenuLabelCell{
width:130px;
height:24px;
text-align:left;
}

.loginMenuFieldCell{
width:190px;
height:24px;
text-align:left;
}

.loginMenuLinks{
padding-top:12px;
font-family:Tahoma, Arial, Verdana, sans-serif;
font-size:11px;
font-weight:bold;
color:#620000;
}

.loginMenuLinks a,
.loginMenuLinks span{
cursor:pointer;
color:#620000;
text-decoration:none;
}

.loginMenuLinks a:hover{
text-decoration:underline;
}

.loginMenuSeparator{
display:inline-block;
padding:0px 8px;
color:#8b806b;
cursor:default !important;
}

.loginMenuSocial{
padding-top:15px;
text-align:center;
}

.loginMenuError{
min-height:16px;
padding-top:10px;
}

.socialLoginAccountPanel{
box-sizing:border-box;
display:flex;
align-items:flex-start;
gap:12px;
width:440px;
max-width:92%;
margin:0px auto 16px auto;
padding:12px 14px;
text-align:left;
background:#21120b;
border:1px solid #a06b24;
border-radius:6px;
box-shadow:0px 2px 8px rgba(0,0,0,0.28);
}

.socialLoginAccountLogo{
flex:0 0 auto;
width:58px;
height:58px;
border-radius:6px;
border:1px solid #cda55e;
background:#000000;
box-shadow:0px 1px 4px rgba(0,0,0,0.45);
}

.socialLoginAccountContent{
flex:1 1 auto;
min-width:0px;
}

.socialLoginAccountTitle{
font-family:Tahoma, Arial, Verdana, sans-serif;
font-size:14px;
font-weight:bold;
line-height:18px;
color:#f4d790;
}

.socialLoginAccountText{
padding-top:5px;
font-family:Tahoma, Arial, Verdana, sans-serif;
font-size:11px;
line-height:15px;
color:#fff3d5;
}

.socialLoginAccountHint{
padding-top:6px;
font-family:Tahoma, Arial, Verdana, sans-serif;
font-size:11px;
line-height:15px;
color:#d4b66e;
}

.socialLoginAccountProviders{
padding-top:10px;
}


.textoDorado{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 12px;
color:#cdcfaa;
}
.textoDorado2{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 14px;
color:#cdcfaa;
}



.campo{
border:2px solid #000000;
color:#AAAAAA;
height:14px;
size:30pt;
text-align:left;
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 11px;
padding-left:4px;
color:#636363;
}
.campo2{
background-color:#ffffff;
height:12px;
size:30pt;
text-align:left;
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 10px;
padding-left:4px;
}
.campoAdmin{
border:1px solid #000000;
background-color:#ffffff;
height:12px;
size:30pt;
text-align:left;
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 10px;
padding-left:4px;
}

.campoTxt{
	border:1px solid #000000;
	background-color:#ffffff;
	height:14px;
	text-align:left;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	padding-left:4px;
}

.textoCondiciones{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 11px;
color:#4d4d4d;
}
.textoCondicionesTitulo{
margin-left:40px;
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 11px;
font-weight:bold;
color:#000000;
}
/*CAPAS*/
.contenedor{
text-align: left;
width: 775px;
margin: auto;
}

.contenedorEspecial{
text-align: left;
width: 500px;
margin: auto;
}

.cabecera1{
background-color: #232323; 
padding: 3px 3px 3px 10px;
height:20px;     
}
  
.izda{
float:left;
width:150px;
height:30px;
}
.dcha{
margin-left:150px;
height:30px;
}
.titulo{
text-align:center;
}
.titulo2{
text-align:left;
}

.intro{
float:left;
width:300px;
height:222px;



}
.indice{
float:left;
width:149px;
}
.animacion{
margin-top:34px;
margin-left:24px;
border:8px #CCCCCC solid;
}



.separacion{
height:20px;
}
.contenido{
padding-left:30px;
padding-right:20px;
border:none;
}
.contenido2{
padding-left:10px;
}
.pie{
height:30px;
}
.pieIzda{
float:left;
margin-top:10px;
margin-left:20px;
}
.pieDcha{
float:right;
margin-top:10px;
margin-right:20px;
}

.margenContenido{
margin-left:5px;
margin-right:5px;
}


.cuerpo{
background-color: #ffffff;
border-left:1px solid #b7b7b7;
border-right:1px solid #b7b7b7;

}
.cuerpo2{
background-color: #ffffff;  
border:none;
}


#FrogJS{
width: 760px;
height: 600px;
margin: 0 auto;
}
#FrogJSCredit{
text-align: right;
font-size: 80%;
color: #999;
padding: 1px;
}
#FrogJSCaption{
text-align: left;
line-height: 140%;
}

html{
-webkit-text-size-adjust:100%;
}

body{
overflow-x:auto;
}

img{
max-width:100%;
height:auto;
}

input,
select,
textarea,
button{
font-family:Tahoma, Arial, Verdana, sans-serif;
}

.introImpacto{
position:relative;
width:250px;
max-width:100%;
height:148px;
overflow:hidden;
box-sizing:border-box;
padding-top:2px;
}

.introImpactoGrupo{
position:absolute;
left:0px;
right:0px;
top:0px;
}

.introImpactoLinea{
display:block;
width:100%;
box-sizing:border-box;
margin:0px 0px 6px 0px;
line-height:1.35;
opacity:1;
letter-spacing:0px;
transform-origin:left center;
will-change:transform;
backface-visibility:hidden;
}

.introImpactoTitulo{
margin-bottom:8px;
color:#1f1711;
text-shadow:0px 1px 0px rgba(255,255,255,0.45);
}

.introImpactoDesdeIzquierda{
animation:sfIntroImpactoIzquierda 12s linear infinite both;
}

.introImpactoDesdeDerecha{
animation:sfIntroImpactoDerecha 12s linear infinite both;
transform-origin:right center;
}

.introImpactoLineaMomento1{
animation-delay:0s;
}

.introImpactoLineaMomento2{
animation-delay:420ms;
}

.introImpactoLineaMomento3{
animation-delay:780ms;
}

.introImpactoLineaMomento4{
animation-delay:6s;
}

.introImpactoLineaMomento5{
animation-delay:6420ms;
}

@keyframes sfIntroImpactoIzquierda{
0%{
transform:translateX(-285px) translateY(12px) rotate(-3deg);
animation-timing-function:cubic-bezier(0.05, 0.86, 0.12, 1);
}
11%{
transform:translateX(0px) translateY(0px) rotate(0deg);
animation-timing-function:linear;
}
39%{
transform:translateX(0px) translateY(0px) rotate(0deg);
animation-timing-function:cubic-bezier(0.78, 0, 0.98, 0.24);
}
50%{
transform:translateX(-285px) translateY(-12px) rotate(3deg);
animation-timing-function:linear;
}
100%{
transform:translateX(-285px) translateY(-12px) rotate(3deg);
}
}

@keyframes sfIntroImpactoDerecha{
0%{
transform:translateX(285px) translateY(-12px) rotate(3deg);
animation-timing-function:cubic-bezier(0.05, 0.86, 0.12, 1);
}
11%{
transform:translateX(0px) translateY(0px) rotate(0deg);
animation-timing-function:linear;
}
39%{
transform:translateX(0px) translateY(0px) rotate(0deg);
animation-timing-function:cubic-bezier(0.78, 0, 0.98, 0.24);
}
50%{
transform:translateX(285px) translateY(12px) rotate(-3deg);
animation-timing-function:linear;
}
100%{
transform:translateX(285px) translateY(12px) rotate(-3deg);
}
}

#logrosPerfilTabs.sfLogrosPerfilTabs{
display:block;
max-width:100%;
overflow:visible !important;
margin-bottom:10px !important;
}

.sfBotonArbolTalentos{
display:inline-block;
cursor:pointer;
transform:translateY(0px) scale(1);
transition:opacity 170ms ease, filter 170ms ease, transform 170ms ease;
filter:saturate(0.96) brightness(0.98);
backface-visibility:hidden;
}

.sfBotonArbolTalentos:hover,
.sfBotonArbolTalentos:focus{
opacity:1;
filter:saturate(1.08) brightness(1.08) drop-shadow(0px 4px 5px rgba(67,37,10,0.24));
transform:translateY(-2px) scale(1.035);
outline:none;
}

.sfBotonArbolTalentos:active{
filter:saturate(1.02) brightness(0.96) drop-shadow(0px 2px 3px rgba(67,37,10,0.2));
transform:translateY(0px) scale(0.97);
}

.sfLogrosPerfilTab{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:26px;
margin:0px 5px 6px 0px;
padding:5px 9px;
border:1px solid #8b7b5a;
background:#d7d2c6;
color:#3c2b17;
white-space:nowrap;
cursor:pointer;
box-sizing:border-box;
user-select:none;
transform:translateY(0px) scale(1);
transition:background-color 170ms ease, border-color 170ms ease, color 170ms ease, box-shadow 170ms ease, filter 170ms ease, transform 170ms ease;
backface-visibility:hidden;
}

.sfLogrosPerfilTab:hover,
.sfLogrosPerfilTab:focus{
background:#e9dec4;
border-color:#a67625;
color:#241609;
filter:saturate(1.05) brightness(1.04);
box-shadow:0px 4px 8px rgba(67,37,10,0.18);
transform:translateY(-1px);
outline:none;
}

.sfLogrosPerfilTab:active{
background:#d8c8a4;
filter:saturate(1.02) brightness(0.98);
box-shadow:0px 1px 3px rgba(67,37,10,0.18);
transform:translateY(0px) scale(0.98);
}

.sfLogrosPerfilTabActivo,
.sfLogrosPerfilTabActivo:hover,
.sfLogrosPerfilTabActivo:focus{
background:#f3ead2;
border-color:#b5913f;
color:#2a170d;
font-weight:bold;
filter:saturate(1.08) brightness(1.03);
box-shadow:0px 1px 0px rgba(255,255,255,0.48) inset, 0px 0px 7px rgba(181,145,63,0.38);
transform:translateY(-1px);
}

.sfLogrosPerfilTabActivo:after{
content:"";
position:absolute;
left:9px;
right:9px;
bottom:-4px;
height:2px;
background:#b5913f;
box-shadow:0px 0px 6px rgba(181,145,63,0.55);
}

.sfLogrosPerfilSeccion{
opacity:1;
transform:translateY(0px);
transition:opacity 190ms ease, transform 190ms ease;
}

.sfLogrosPerfilSeccionEntrando{
opacity:0;
transform:translateY(7px);
}

.sfLogrosPerfilSeccionActiva{
opacity:1;
transform:translateY(0px);
}

#mPartidas{
border-collapse:separate;
border-spacing:4px 0px;
margin:0px auto 2px auto;
position:relative;
}

#mPartidas td.sfServerTabCell{
position:relative;
height:42px;
vertical-align:bottom;
transition:filter 180ms ease, transform 180ms ease;
}

#mPartidas td.sfServerTabCell:after{
content:"";
position:absolute;
left:12%;
right:12%;
bottom:-2px;
height:2px;
background:#c9a752;
box-shadow:0px 0px 7px rgba(201,167,82,0.55);
opacity:0;
transform:scaleX(0.55);
transition:opacity 180ms ease, transform 180ms ease;
}

#mPartidas td.sfServerTabCell:hover:after,
#mPartidas td.sfServerTabCellActiva:after{
opacity:1;
transform:scaleX(1);
}

#mPartidas img.sfServerTab{
opacity:0.56 !important;
transform:translateY(0px) scale(1);
transform-origin:center bottom;
transition:opacity 180ms ease, transform 180ms ease, filter 180ms ease;
filter:saturate(0.82) brightness(0.92);
backface-visibility:hidden;
}

#mPartidas img.sfServerTab:hover,
#mPartidas img.sfServerTab:focus{
opacity:0.9 !important;
transform:translateY(-2px) scale(1.015);
filter:saturate(1.05) brightness(1.06) drop-shadow(0px 4px 5px rgba(0,0,0,0.24));
outline:none;
}

#mPartidas img.sfServerTab:active{
transform:translateY(0px) scale(0.985);
filter:saturate(1.08) brightness(0.98) drop-shadow(0px 2px 3px rgba(0,0,0,0.22));
}

#mPartidas img.sfServerTabActivo{
opacity:1 !important;
transform:translateY(-3px) scale(1.02);
filter:saturate(1.12) brightness(1.08) drop-shadow(0px 5px 6px rgba(0,0,0,0.28));
}

#mPartidas img.sfServerTabActivo:hover,
#mPartidas img.sfServerTabActivo:focus{
opacity:1 !important;
transform:translateY(-4px) scale(1.025);
}

#contenidoVariableServer{
transition:opacity 220ms ease, transform 220ms ease;
transform-origin:top center;
}

#contenidoVariableServer.sfServerMenuSaliendo{
opacity:0.42;
transform:translateY(4px) scale(0.995);
}

#contenidoVariableServer.sfServerMenuEntrando{
opacity:0;
transform:translateY(10px);
}

#contenidoVariableServer.sfServerMenuListo{
opacity:1;
transform:translateY(0px);
}

#contenidoVariableServer div.sfServerPartida{
position:relative;
overflow:visible;
transition:filter 180ms ease, transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
box-shadow:0px 1px 0px rgba(255,255,255,0.36) inset, 0px 3px 8px rgba(0,0,0,0.12);
background-position:center center;
}

#contenidoVariableServer div.sfServerPartida:before{
content:"";
position:absolute;
left:0px;
right:0px;
top:0px;
bottom:0px;
background:linear-gradient(90deg, rgba(255,242,196,0.14), rgba(255,255,255,0.03) 45%, rgba(255,203,119,0.16));
opacity:0;
transition:opacity 180ms ease;
pointer-events:none;
}

#contenidoVariableServer div.sfServerPartida:hover,
#contenidoVariableServer div.sfServerPartida:focus-within{
border-color:#d44a28 !important;
box-shadow:0px 1px 0px rgba(255,255,255,0.52) inset, 0px 7px 14px rgba(66,0,0,0.22);
filter:saturate(1.08) brightness(1.05);
transform:translateY(-1px);
}

#contenidoVariableServer div.sfServerPartida:hover:before,
#contenidoVariableServer div.sfServerPartida:focus-within:before{
opacity:1;
}

#contenidoVariableServer td.sfServerPartidaAccionCelda{
position:relative;
}

#contenidoVariableServer td.sfServerPartidaAccionCelda img.sfServerPartidaAccion{
transform:translateY(0px) scale(1);
transform-origin:center center;
transition:filter 180ms ease, transform 180ms ease;
filter:saturate(0.94) brightness(0.96);
backface-visibility:hidden;
}

#contenidoVariableServer div.sfServerPartida:hover td.sfServerPartidaAccionCelda img.sfServerPartidaAccion,
#contenidoVariableServer div.sfServerPartida:focus-within td.sfServerPartidaAccionCelda img.sfServerPartidaAccion{
filter:saturate(1.03) brightness(1.03) drop-shadow(0px 2px 3px rgba(0,0,0,0.18));
}

#contenidoVariableServer td.sfServerPartidaAccionCelda img.sfServerPartidaAccion:hover,
#contenidoVariableServer td.sfServerPartidaAccionCelda img.sfServerPartidaAccion:focus{
filter:saturate(1.18) brightness(1.1) drop-shadow(0px 5px 5px rgba(0,0,0,0.26));
transform:translateY(-2px) scale(1.035);
outline:none;
}

#contenidoVariableServer td.sfServerPartidaAccionCelda img.sfServerPartidaAccion:active{
filter:saturate(1.1) brightness(0.98) drop-shadow(0px 2px 3px rgba(0,0,0,0.2));
transform:translateY(0px) scale(0.985);
}

@media (prefers-reduced-motion: reduce){
.introImpacto{
height:auto;
overflow:visible;
}

.introImpactoGrupo{
position:relative;
}

.introImpactoLinea{
opacity:1;
transform:none;
animation:none;
}

.loginMenuSubmit,
.loginMenuSubmit img,
.loginMenuSubmit:after,
.loginHeaderLink,
.loginHeaderLanguage,
.loginLogoutButton,
.sfBotonArbolTalentos,
.sfLogrosPerfilTab,
.sfLogrosPerfilSeccion,
.socialLoginIcon,
.socialLoginSvg,
.socialLoginIcon:after,
#mPartidas td.sfServerTabCell,
#mPartidas td.sfServerTabCell:after,
#mPartidas img.sfServerTab,
#contenidoVariableServer,
#contenidoVariableServer div.sfServerPartida,
#contenidoVariableServer div.sfServerPartida:before,
#contenidoVariableServer td.sfServerPartidaAccionCelda img.sfServerPartidaAccion{
transition:none;
}

.loginMenuSubmit.sfLoginAccionPendiente:after,
.loginMenuSubmit:disabled:after,
.socialLoginIcon.sfLoginAccionPendiente:after{
animation:none;
}

.loginMenuSubmit,
.loginMenuSubmit:hover,
.loginMenuSubmit:focus,
.loginMenuSubmit:active,
.loginMenuSubmit.sfLoginAccionPendiente,
.loginMenuSubmit:disabled,
.socialLoginIcon,
.socialLoginIcon:hover,
.socialLoginIcon:focus,
.socialLoginIcon:active,
.socialLoginIcon.sfLoginAccionPendiente,
.socialLoginIconDisabled,
.socialLoginIconDisabled:hover,
.loginMenuSubmit img,
.loginMenuSubmit.sfLoginAccionPendiente img,
.loginMenuSubmit:disabled img,
.socialLoginSvg,
.socialLoginIcon.sfLoginAccionPendiente .socialLoginSvg,
.loginMenuSubmit:after,
.socialLoginIcon:after,
.loginHeaderLink,
.loginHeaderLink:hover,
.loginHeaderLink:focus,
.loginHeaderLink:active,
.loginHeaderLanguage,
.loginHeaderLanguage:hover,
.loginHeaderLanguage:focus,
.loginHeaderLanguage:active,
.loginHeaderLanguageActive,
.loginLogoutButton,
.loginLogoutButton:hover,
.loginLogoutButton:focus,
.loginLogoutButton:active,
.sfBotonArbolTalentos,
.sfBotonArbolTalentos:hover,
.sfBotonArbolTalentos:focus,
.sfBotonArbolTalentos:active,
.sfLogrosPerfilTab,
.sfLogrosPerfilTab:hover,
.sfLogrosPerfilTab:focus,
.sfLogrosPerfilTab:active,
.sfLogrosPerfilTabActivo,
.sfLogrosPerfilTabActivo:hover,
.sfLogrosPerfilTabActivo:focus,
.sfLogrosPerfilSeccion,
.sfLogrosPerfilSeccionEntrando,
.sfLogrosPerfilSeccionActiva,
#mPartidas img.sfServerTab,
#mPartidas img.sfServerTab:hover,
#mPartidas img.sfServerTab:focus,
#mPartidas img.sfServerTab:active,
#mPartidas img.sfServerTabActivo,
#mPartidas img.sfServerTabActivo:hover,
#mPartidas img.sfServerTabActivo:focus,
#contenidoVariableServer.sfServerMenuSaliendo,
#contenidoVariableServer.sfServerMenuEntrando,
#contenidoVariableServer.sfServerMenuListo,
#contenidoVariableServer div.sfServerPartida,
#contenidoVariableServer div.sfServerPartida:hover,
#contenidoVariableServer div.sfServerPartida:focus-within,
#contenidoVariableServer td.sfServerPartidaAccionCelda img.sfServerPartidaAccion,
#contenidoVariableServer td.sfServerPartidaAccionCelda img.sfServerPartidaAccion:hover,
#contenidoVariableServer td.sfServerPartidaAccionCelda img.sfServerPartidaAccion:focus,
#contenidoVariableServer td.sfServerPartidaAccionCelda img.sfServerPartidaAccion:active{
transform:none;
}
}

@media (max-width: 799px){
BODY,
body{
margin:0px;
}

.loginHeader{
min-height:42px;
padding:0px;
box-sizing:border-box;
}

.loginHeaderTable{
display:table;
width:auto;
max-width:100%;
min-height:42px;
table-layout:auto;
white-space:nowrap;
}

.loginHeaderTable tbody{
display:table-row-group;
}

.loginHeaderTable tr{
display:table-row;
}

.loginHeaderNavCell,
.loginHeaderLanguageCell{
display:table-cell;
width:auto;
box-sizing:border-box;
text-align:center;
vertical-align:middle;
white-space:nowrap;
}

.loginHeaderNav{
flex-wrap:nowrap;
white-space:nowrap;
row-gap:0px;
gap:5px;
padding:0px 4px;
box-sizing:border-box;
}

.loginHeaderLink,
.loginHeaderSeparator{
min-height:42px;
line-height:18px;
font-size:10px;
}

.loginHeaderLanguageCell{
padding-left:12px;
padding-top:0px;
}

.loginHeaderLanguages{
gap:8px;
white-space:nowrap;
}

.loginHeaderLanguage{
width:22px;
height:17px;
}

.loginHeaderLanguage img{
max-width:22px;
}

#logrosPerfil,
#logrosPerfilTabs.sfLogrosPerfilTabs{
width:100% !important;
max-width:100%;
box-sizing:border-box;
}

.sfLogrosPerfilTab{
max-width:100%;
}

.contenedor,
.contenedorEspecial{
width:auto;
max-width:calc(100vw - 16px);
margin:0px auto;
overflow-x:auto;
}

.intro,
.indice{
float:none;
width:auto;
height:auto;
}

.dcha,
.contenido,
.contenido2{
margin-left:0px;
height:auto;
}

.contenido,
.contenido2,
.margenContenido{
padding-left:12px;
padding-right:12px;
margin-left:0px;
margin-right:0px;
}

.textoCondiciones,
.textoCondicionesTitulo{
margin-left:12px;
margin-right:12px;
overflow-wrap:anywhere;
}

.campo,
.campo2,
.campoAdmin,
.campoTxt,
.loginMenuInput{
box-sizing:border-box;
min-height:32px;
font-size:16px;
}

.loginMenuPanel{
padding:12px;
}

.loginMenuForm,
.loginMenuTabla{
display:block;
width:100%;
}

.loginMenuLabelCell,
.loginMenuFieldCell{
display:block;
width:auto;
height:auto;
padding:3px 0px;
}

.loginMenuActions,
.loginMenuLinks{
flex-wrap:wrap;
line-height:18px;
}

.socialLoginGrupo,
.socialLoginGrupoLogin{
flex-wrap:wrap;
white-space:normal;
margin-left:0px;
}

.socialLoginGrupoMerge{
grid-template-columns:repeat(4, 38px);
}

.socialLoginAccountPanel{
width:auto;
max-width:100%;
margin-left:0px;
margin-right:0px;
padding:12px;
}

.socialLoginAccountLogo{
width:48px;
height:48px;
}

#cuerpo,
#contenidoVariableServer{
box-sizing:border-box;
width:100% !important;
max-width:100%;
}

#cuerpo{
overflow-x:hidden;
}

#contenidoVariableServer{
overflow-x:auto;
}

#mPartidas{
width:100% !important;
table-layout:fixed;
}

#mPartidas td{
box-sizing:border-box;
width:20% !important;
padding:0px 2px;
}

#mPartidas img{
width:100% !important;
max-width:135px;
height:auto;
}

#contenidoVariableServer > div,
#contenidoVariableServer > table,
#contenidoVariableServer div[id^="partida"]{
box-sizing:border-box;
width:100% !important;
max-width:100%;
}

#contenidoVariableServer table{
max-width:100%;
}

#contenidoVariableServer td{
box-sizing:border-box;
overflow-wrap:anywhere;
}

#contenidoVariableServer input[type="text"],
#contenidoVariableServer input[type="password"],
#contenidoVariableServer textarea{
box-sizing:border-box;
max-width:100%;
}

#perf,
#otros{
margin-left:0px !important;
}

#otrosColTb,
#otrosColTb tbody,
#otrosColTb tr,
#otrosColTb td{
display:block;
width:100% !important;
height:auto !important;
}

#FrogJS{
width:100%;
max-width:760px;
height:auto;
}
}