@font-face {
  font-family: 'museosans500';
  src: url('../fonts/MuseoSans_500-webfont.eot');
  src: url('../fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/MuseoSans_500-webfont.woff') format('woff'), url('../fonts/MuseoSans_500-webfont.ttf') format('truetype'), url('../fonts/MuseoSans_500-webfont.svg#webfont') format('svg');
}
/* https://fonts.googleapis.com/css2?family=ABeeZee&display=swap */
/* latin */
@font-face {
  font-family: 'ABeeZee';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/abeezee/v14/esDR31xSG-6AGleN2tWkkJUEGpA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* https://fonts.googleapis.com/css2?family=Caveat&display=swap */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/caveat/v10/WnznHAc5bAfYB2QRah7pcpNvOx-pjfJ9eIipZz5Kmgq3s84t.woff) format('woff');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/caveat/v10/WnznHAc5bAfYB2QRah7pcpNvOx-pjfJ9eIGpZz5Kmgq3s84t.woff) format('woff');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/caveat/v10/WnznHAc5bAfYB2QRah7pcpNvOx-pjfJ9eIupZz5Kmgq3s84t.woff) format('woff');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/caveat/v10/WnznHAc5bAfYB2QRah7pcpNvOx-pjfJ9eIWpZz5Kmgq3sw.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap */
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu0SC55K5gw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu0SC55K5gw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu0SC55K5gw.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu0SC55K5gw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu0SC55K5gw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu0SC55K5gw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu0SC55K5gw.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu0SC55K5gw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap */
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*  https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap */
/* latin */
@font-face {
  font-family: 'Architects Daughter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/architectsdaughter/v11/KtkxAKiDZI_td1Lkx62xHZHDtgO_Y-bvTYlg4-7jA-U.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.fontNum {
  font-family: 'ABeeZee', sans-serif, Verdana;
}
.fontOpenSans {
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
}
.fontOpenSansExtraBold {
  font-family: 'Open Sans', sans-serif, Verdana;
  font-weight: 800;
  line-height: 1.2;
}
.fontCaveat {
  font-family: 'Caveat', sans-serif, Verdana;
  line-height: 1.2;
}
.fontRaleway {
  font-family: 'Raleway', sans-serif, Verdana;
  line-height: 1.2;
}
.buttonGreen {
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  cursor: pointer;
}
.buttonGreen:hover {
  border: solid 3px #7ac43d;
}
.buttonGreen:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
.buttonOrange {
  background-color: #FBA62D;
  box-shadow: inset 0 2px 0 0 #e98320, inset 0 -4px 0 0 #e98320, inset 0 4px 0 0 #ffefd2;
  border: solid 3px #ea7415;
  cursor: pointer;
}
.buttonOrange:hover {
  border: solid 3px #FBA62D;
}
.buttonOrange:active {
  background-color: #ea7415;
  box-shadow: inset 0 0 0 0 #ea7415, inset 0px 2px 0 0 #ffefd2;
  border: solid 3px #ea7415;
}
.buttonBlue {
  background-color: #42B2FC;
  box-shadow: inset 0 2px 0 0 #7fc7f7, inset 0 -4px 0 0 #30A2ED, inset 0 4px 0 0 #B9E3FF;
  border: solid 3px #1482FD;
  cursor: pointer;
}
.buttonBlue:hover {
  border: solid 3px #42B2FC;
}
.buttonBlue:active {
  background-color: #1482FD;
  box-shadow: inset 0 0 0 0 #1482FD, inset 0px 2px 0 0 #B9E3FF;
  border: solid 3px #1482FD;
}
.buttonViolet {
  background-color: #9C77CF;
  box-shadow: inset 0 2px 0 0 #B58EEC, inset 0 -4px 0 0 #8b66bd, inset 0 4px 0 0 #D7BBFE;
  border: solid 3px #835BBA;
  cursor: pointer;
}
.buttonViolet:hover {
  border: solid 3px #9C77CF;
}
.buttonViolet:active {
  background-color: #835BBA;
  box-shadow: inset 0 0 0 0 #835BBA, inset 0px 2px 0 0 #D7BBFE;
  border: solid 3px #835BBA;
}
.buttonRed {
  background-color: #ff5a5f;
  box-shadow: inset 0 2px 0 0 #ec494e, inset 0 -4px 0 0 #ec494e, inset 0 4px 0 0 #ff9093;
  border: solid 3px #e9464b;
  cursor: pointer;
}
.buttonRed:hover {
  border: solid 3px #ff5a5f;
}
.buttonRed:active {
  background-color: #e9464b;
  box-shadow: inset 0 0 0 0 #e9464b, inset 0px 2px 0 0 #ff9093;
  border: solid 3px #e9464b;
}
.buttonOrangeDiploma {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 2px -2.3px 0 0 #df6c0f, inset 1.7px 3.6px 0 0 #ffd69c, inset 0px -6.5px 0 0 #e98320;
  background-image: linear-gradient(to bottom, #ffd700, #fba62d, #f19d25);
  border: solid 4px #1ebfcf;
}
.buttonOrangeDiploma:hover {
  background-image: linear-gradient(#ffb348, #ffb348);
}
.buttonOrangeDiploma:active {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 0.7px -0.8px 0 0 #df6c0f, inset 0.2px 0.5px 0 0 #ffd69c;
  background-image: linear-gradient(#ee870e, #ee870e);
}
.iconButton {
  border-width: 2px;
}
.scrollBar {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.scrollBar::-webkit-scrollbar {
  width: 24px;
}
.scrollBar::-webkit-scrollbar-track {
  border-radius: 12px;
  background-color: #232628;
  border: 11px solid #6483bc;
  box-shadow: 0 0 0 1px hsl(216, 100%, 84%);
}
.scrollBar::-webkit-scrollbar-thumb {
  width: 18px;
  border-radius: 12px;
  box-shadow: 0px 0.5px 0.5px 0 rgba(60, 74, 137, 0.71) inset;
  background-image: linear-gradient(to top, #9ccdff, #cce8ff);
  border: 3px solid transparent;
  background-clip: content-box;
}
.scrollBar::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #b7d9ff, #e1eeff);
}
.scrollBar.golden {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.scrollBar.golden::-webkit-scrollbar-track {
  background-color: #634730;
  border: 11px solid #826044;
  box-shadow: 0 0 0 1px #f5c28f;
}
.scrollBar.golden::-webkit-scrollbar-thumb {
  box-shadow: 0px 0.5px 0.5px 0 rgba(60, 74, 137, 0.71) inset;
  background-image: linear-gradient(to top, #c3955a, #ffe4a2);
}
.scrollBar.golden::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #c3a475, #ffefc1);
}
.scrollBar.brown {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.scrollBar.brown::-webkit-scrollbar-track {
  background-color: #F7A278;
  border: 11px solid #fff2e6;
  box-shadow: 0 0 0 1px #f8ccb6;
}
.scrollBar.brown::-webkit-scrollbar-thumb {
  box-shadow: 0.1px 0.5px 0.5px 0 rgba(60, 74, 137, 0.71) inset;
  background-image: linear-gradient(to top, #d45d22, #ad4b1b);
}
.scrollBar.brown::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #f57d42, #cc6d3f);
}
.scrollBar.thinBar::-webkit-scrollbar {
  width: 15px;
}
/*IMPORTANTE: problemas con animaciones que hagan transform, poner la sombra en un hijo y animar el padre*/
.scrollfade-container {
  height: 100%;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  z-index: 1;
}
.scrollfade-container.fade-top {
  background: linear-gradient(to top, transparent calc(100% - 48px), #ffffff 100%);
}
.scrollfade-container.fade-middle {
  background: linear-gradient(to top, transparent calc(100% - 48px), #ffffff 100%), linear-gradient(to bottom, transparent calc(100% - 48px), #ffffff 100%);
}
.scrollfade-container.fade-bottom {
  background: linear-gradient(to bottom, transparent calc(100% - 48px), #ffffff 100%);
}
html,
body {
  overscroll-behavior: none;
}
html {
  min-width: 1000px;
  background-color: #eff2f7;
}
html.embedded {
  background-color: transparent;
}
html.embedded body {
  background-color: transparent;
}
body {
  margin: 0;
  color: #666;
  font: 12px 'Open Sans', sans-serif, Verdana;
  background-color: #eff2f7;
}
img {
  border-style: none;
}
a {
  text-decoration: none;
  color: #666;
}
a:hover {
  text-decoration: underline;
}
input,
textarea,
select {
  font: 100% Verdana, Geneva, sans-serif;
  vertical-align: middle;
}
.bodywrapperout {
  width: 1024px;
  margin: 0 auto 0 auto;
}
.bodywrapperout.teachers {
  width: 1055px;
}
.bodywrapperout.exiframe {
  width: 1000px;
}
@media (min-aspect-ratio: 14/9) {
  .bodywrapperout {
    width: 1100px;
  }
}
@media (min-aspect-ratio: 15/9) {
  .bodywrapperout {
    width: 1200px;
  }
}
@media (min-aspect-ratio: 16/9) {
  .bodywrapperout {
    width: 1250px;
  }
}
@media (min-aspect-ratio: 17/9) {
  .bodywrapperout {
    width: 1340px;
  }
}
@media (min-aspect-ratio: 18/9) {
  .bodywrapperout {
    width: 1420px;
  }
}
@media (min-aspect-ratio: 19/9) {
  .bodywrapperout {
    width: 1500px;
  }
}
@media (min-aspect-ratio: 20/9) {
  .bodywrapperout {
    width: 1580px;
  }
}
.bodywrapper {
  width: 1000px;
  position: relative;
}
.teachers .bodywrapper {
  width: 1042px;
}
#header {
  height: 100px;
  box-sizing: border-box;
}
#header h1 {
  margin: 20px 0 0 27px;
}
@media (max-height: 700px) {
  #header {
    height: 85px;
  }
  #header h1 {
    margin: 10px 0 0 27px;
  }
}
@media (max-height: 700px) {
  .bodywrapper {
    margin: 0 auto 0 auto;
  }
}
@media (min-height: 700px) {
  .bodywrapper {
    margin: calc((100vh - 700px)/2) auto 0 auto;
  }
}
#contentwrapper {
  position: relative;
}
#contentwrapper .separadorSuperior {
  height: 3px;
  top: 0;
  width: 100%;
  border-top: 1px solid #c7cace;
  -webkit-box-shadow: inset 0px 3px 3px -2px #d5d8dc;
  -moz-box-shadow: inset 0px 3px 3px -2px #d5d8dc;
  box-shadow: inset 0px 3px 3px -2px #d5d8dc;
  position: absolute;
}
.logo-smartick-mini {
  background-image: url('../../images/logos/logo-smartick-mini-v2.png');
  background-size: 54px 63px;
  display: inline-block;
  width: 57px;
  height: 67px;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-resolution: 1.5dppx) {
  .logo-smartick-mini {
    background-image: url("../../images/logos/logo-smartick-mini-v2@2x.png");
    background-size: 54px 63px;
  }
}
.logo-smartick-mini.logo-sorteos {
  width: 60px;
  height: 71px;
  background-image: url("../../images/logos/s-sorteos@2x.png");
  background-size: 100% 100%;
}
.CHRISTMAS .logo-smartick-mini {
  background-image: url('../../images/logos/logo-smartick-mini-xmas.png');
  background-size: 53px 62px;
}
@media (min-resolution: 1.5dppx) {
  .CHRISTMAS .logo-smartick-mini {
    background-image: url("../../images/logos/logo-smartick-mini-xmas@2x.png");
    background-size: 53px 62px;
  }
}
.RAMADAN .logo-smartick-mini {
  background-image: url('../../images/logos/logo-smartick-mini-ramadan.png');
  background-size: 53px 62px;
}
@media (min-resolution: 1.5dppx) {
  .RAMADAN .logo-smartick-mini {
    background-image: url("../../images/logos/logo-smartick-mini-ramadan@2x.png");
    background-size: 53px 62px;
  }
}
#header {
  background: #fff;
  margin: 0 auto;
  position: relative;
}
#header h1 {
  display: inline-block;
  width: 244px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 61px;
  text-indent: -999px;
}
#main {
  margin: 0 auto;
  width: 1000px;
  position: absolute;
  border-radius: 12px;
  background: #e3e8ee;
}
#main.main-no-bg {
  background: transparent;
}
.CHRISTMAS #header.exercise-header {
  background: #E4F5FE url('../../images/exercise/barra-energia/xmas/nieve@2x.png');
  background-size: cover;
}
@media (min-height: 700px) {
  .CHRISTMAS #header.exercise-header {
    box-shadow: 0 7px 0 0 #c2e1ef;
  }
}
@media (max-height: 700px) {
  .CHRISTMAS #header.exercise-header {
    box-shadow: 0 1px 0 0 #c2e1ef;
  }
}
.CHRISTMAS #header.exercise-header .logo {
  border-right: 2px solid #d1eef9;
}
.iOSAPPStyle #button_maximize,
.androidAPPStyle #button_maximize {
  display: none !important;
}
#header.exercise-header {
  position: relative;
  border-radius: 12px;
  background-image: linear-gradient(to right, #eaf9ff, #f2fafe, #eaf9ff);
}
#header.exercise-header .subheaderEjercicio {
  border-radius: 12px;
}
@media (min-height: 700px) {
  #header.exercise-header {
    margin-bottom: 7px;
    height: 100px;
  }
  #header.exercise-header .subheaderEjercicio {
    box-shadow: 0 7px 0 0 #daedf7;
  }
  #header.exercise-header .region {
    height: 100px;
  }
}
@media (max-height: 700px) {
  #header.exercise-header {
    margin-bottom: 1px;
    height: 85px;
  }
  #header.exercise-header .subheaderEjercicio {
    box-shadow: 0 1px 0 0 #daedf7;
  }
  #header.exercise-header .region {
    height: 85px;
  }
}
#header.exercise-header .region {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}
#header.exercise-header .buttons-menu {
  float: right;
  padding: 2px 6px;
  font-size: 0;
  /*		#verEjemploWrapper {
			display:inline-block;
		}
		#verEjemplo {
			display:none;
			.at2x('../../images/exercise/icon/icono-tutorial.png', 38px, 37px);
			&:hover {
				.at2x('../../images/exercise/icon/icono-tutorial-hover.png', 42px, 40px);
			}
		}*/
}
#header.exercise-header .buttons-menu.buttons-disabled {
  display: none;
}
#header.exercise-header .buttons-menu .button {
  background-color: #9C77CF;
  box-shadow: inset 0 2px 0 0 #B58EEC, inset 0 -4px 0 0 #8b66bd, inset 0 4px 0 0 #D7BBFE;
  border: solid 3px #835BBA;
  cursor: pointer;
  width: 66px;
  height: 66px;
  display: inline-block;
  margin: 2px;
  border-radius: 12px;
  background-position: center center;
  background-repeat: no-repeat;
}
#header.exercise-header .buttons-menu .button:hover {
  border: solid 3px #9C77CF;
}
#header.exercise-header .buttons-menu .button:active {
  background-color: #835BBA;
  box-shadow: inset 0 0 0 0 #835BBA, inset 0px 2px 0 0 #D7BBFE;
  border: solid 3px #835BBA;
}
#header.exercise-header .buttons-menu .button.hide-button {
  display: none;
}
#header.exercise-header .buttons-menu #button_pause {
  background-image: url('../../images/exercise/icon/icono-pausa.png');
  background-size: 32px 33px;
}
@media (min-resolution: 1.5dppx) {
  #header.exercise-header .buttons-menu #button_pause {
    background-image: url("../../images/exercise/icon/icono-pausa@2x.png");
    background-size: 32px 33px;
  }
}
#header.exercise-header .buttons-menu #button_pause:hover {
  background-image: url('../../images/exercise/icon/icono-pausa-hover.png');
  background-size: 33px 34px;
}
@media (min-resolution: 1.5dppx) {
  #header.exercise-header .buttons-menu #button_pause:hover {
    background-image: url("../../images/exercise/icon/icono-pausa-hover@2x.png");
    background-size: 33px 34px;
  }
}
#header.exercise-header .buttons-menu #button_pause.no-more-pauses {
  display: none;
}
#header.exercise-header .buttons-menu #button_back {
  background-image: url('../../images/exercise/icon/icono-atras.png');
  background-size: 38px 37px;
}
@media (min-resolution: 1.5dppx) {
  #header.exercise-header .buttons-menu #button_back {
    background-image: url("../../images/exercise/icon/icono-atras@2x.png");
    background-size: 38px 37px;
  }
}
#header.exercise-header .buttons-menu #button_back:hover {
  background-image: url('../../images/exercise/icon/icono-atras-hover.png');
  background-size: 42px 40px;
}
@media (min-resolution: 1.5dppx) {
  #header.exercise-header .buttons-menu #button_back:hover {
    background-image: url("../../images/exercise/icon/icono-atras-hover@2x.png");
    background-size: 42px 40px;
  }
}
#header.exercise-header .buttons-menu #button_maximize {
  background-color: white;
  border: 2px solid #9C77CF;
  box-shadow: none;
  background-image: url('../../images/exercise/icon/flechas-maximizar.png');
  background-size: 54px 54px;
}
@media (min-resolution: 1.5dppx) {
  #header.exercise-header .buttons-menu #button_maximize {
    background-image: url("../../images/exercise/icon/flechas-maximizar@2x.png");
    background-size: 54px 54px;
  }
}
#header.exercise-header .buttons-menu #button_maximize:hover {
  background-color: #9C77CF;
  background-image: url('../../images/exercise/icon/flechas-maximizar-hover.png');
  background-size: 54px 54px;
}
@media (min-resolution: 1.5dppx) {
  #header.exercise-header .buttons-menu #button_maximize:hover {
    background-image: url("../../images/exercise/icon/flechas-maximizar-hover@2x.png");
    background-size: 54px 54px;
  }
}
:fullscreen #header.exercise-header .buttons-menu #button_maximize {
  background-image: url('../../images/exercise/icon/flechas-minimizar.png');
  background-size: 54px 54px;
}
@media (min-resolution: 1.5dppx) {
  :fullscreen #header.exercise-header .buttons-menu #button_maximize {
    background-image: url("../../images/exercise/icon/flechas-minimizar@2x.png");
    background-size: 54px 54px;
  }
}
:fullscreen #header.exercise-header .buttons-menu #button_maximize:hover {
  background-image: url('../../images/exercise/icon/flechas-minimizar-hover.png');
  background-size: 54px 54px;
}
@media (min-resolution: 1.5dppx) {
  :fullscreen #header.exercise-header .buttons-menu #button_maximize:hover {
    background-image: url("../../images/exercise/icon/flechas-minimizar-hover@2x.png");
    background-size: 54px 54px;
  }
}
:-moz-full-screen #header.exercise-header .buttons-menu #button_maximize {
  background-image: url('../../images/exercise/icon/flechas-minimizar.png');
  background-size: 54px 54px;
}
@media (min-resolution: 1.5dppx) {
  :-moz-full-screen #header.exercise-header .buttons-menu #button_maximize {
    background-image: url("../../images/exercise/icon/flechas-minimizar@2x.png");
    background-size: 54px 54px;
  }
}
:-moz-full-screen #header.exercise-header .buttons-menu #button_maximize:hover {
  background-image: url('../../images/exercise/icon/flechas-minimizar-hover.png');
  background-size: 54px 54px;
}
@media (min-resolution: 1.5dppx) {
  :-moz-full-screen #header.exercise-header .buttons-menu #button_maximize:hover {
    background-image: url("../../images/exercise/icon/flechas-minimizar-hover@2x.png");
    background-size: 54px 54px;
  }
}
:-webkit-full-screen #header.exercise-header .buttons-menu #button_maximize {
  background-image: url('../../images/exercise/icon/flechas-minimizar.png');
  background-size: 54px 54px;
}
@media (min-resolution: 1.5dppx) {
  :-webkit-full-screen #header.exercise-header .buttons-menu #button_maximize {
    background-image: url("../../images/exercise/icon/flechas-minimizar@2x.png");
    background-size: 54px 54px;
  }
}
:-webkit-full-screen #header.exercise-header .buttons-menu #button_maximize:hover {
  background-image: url('../../images/exercise/icon/flechas-minimizar-hover.png');
  background-size: 54px 54px;
}
@media (min-resolution: 1.5dppx) {
  :-webkit-full-screen #header.exercise-header .buttons-menu #button_maximize:hover {
    background-image: url("../../images/exercise/icon/flechas-minimizar-hover@2x.png");
    background-size: 54px 54px;
  }
}
#header.exercise-header .buttons-menu #button_tools {
  background-image: url('../../images/exercise/icon/icono-ajustes.png');
  background-size: 38px 38px;
}
@media (min-resolution: 1.5dppx) {
  #header.exercise-header .buttons-menu #button_tools {
    background-image: url("../../images/exercise/icon/icono-ajustes@2x.png");
    background-size: 38px 38px;
  }
}
#header.exercise-header .buttons-menu #button_tools:hover {
  background-image: url('../../images/exercise/icon/icono-ajustes-hover.png');
  background-size: 40px 40px;
}
@media (min-resolution: 1.5dppx) {
  #header.exercise-header .buttons-menu #button_tools:hover {
    background-image: url("../../images/exercise/icon/icono-ajustes-hover@2x.png");
    background-size: 40px 40px;
  }
}
#header.exercise-header .logo {
  border-right: 2px solid #d1eef9;
  width: 99px;
  position: relative;
}
@media (min-height: 700px) {
  #header.exercise-header .region {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  #header.exercise-header .region.buttons-menu {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
#header.exercise-header .indicadores #cajaAvatar {
  display: inline-block;
  height: 85px;
  width: 85px;
  position: relative;
  padding-left: 10px;
  overflow: hidden;
  vertical-align: middle;
}
#header.exercise-header .indicadores #cajaAvatar .circulo {
  position: relative;
  height: 84px;
  width: 84px;
  background: white;
  border-radius: 42px;
}
#header.exercise-header .indicadores #cajaAvatar .circulo .imgAvatar {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 32px;
  left: 12px;
  top: 12px;
  background: #e3e8ee;
  overflow: hidden;
}
#header.exercise-header .indicadores #cajaAvatar .circulo .imgAvatar .avatar {
  position: absolute;
  top: -3px;
  left: -2px;
  width: 64px;
  height: 85px;
}
#header.exercise-header .indicadores #cajaAvatar .circulo .relojCount {
  position: absolute;
  top: 2px;
  left: 2px;
}
#header.exercise-header .indicadores #cajaAvatar.no-reloj-sesion .relojCount {
  display: none;
}
#header.exercise-header .indicadores #cajaAvatar.no-reloj-sesion .circulo .imgAvatar {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  left: 2px;
  top: 2px;
}
#header.exercise-header .indicadores #cajaAvatar.no-reloj-sesion .circulo .imgAvatar .avatar {
  position: absolute;
  top: -3px;
  left: 0;
  width: 81px;
  height: 108px;
}
#header.exercise-header .indicadores .contadorProblemas {
  display: inline-block;
  background-color: #ebf3fd;
  vertical-align: middle;
  border-radius: 10px;
  color: #42B2FC;
  font-size: 40px;
  padding: 0px 15px;
  margin: 17px 8px;
}
#header.exercise-header .indicadores .contadorProblemas .problemasCorrectos {
  color: #7ac43d;
}
#header.exercise-header .indicadores .contadorProblemas .totalProblemas {
  color: #FBA62D;
}
#header.exercise-header .competicionesHeader .buttons-menu #button_pause {
  display: none;
}
#header.exercise-header .competicionesHeader .numPuntos {
  color: #666;
  display: inline-block;
  vertical-align: middle;
  margin-left: -20px;
}
#header.exercise-header .competicionesHeader .numPuntos .puntosContainer {
  height: 50px;
  width: 110px;
  border-radius: 10px;
  box-sizing: border-box;
  background: #fba62d;
  border: 2px solid #6becff;
}
#header.exercise-header .competicionesHeader .numPuntos .puntosContainer #puntos {
  padding-top: 3px;
  text-align: center;
  color: #FFF;
  font-size: 36px;
  font-family: 'ABeeZee', sans-serif, Verdana;
}
#header.exercise-header .competicionesHeader #rivalInfo {
  display: none;
  vertical-align: middle;
}
#header.exercise-header .competicionesHeader .vs {
  width: 55px;
  height: 55px;
  background: url("../../images/mundoVirtual/competiciones/nuevo/vs_big.png") no-repeat center;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}
#header.exercise-header .competicionesHeader .numPuntosRival {
  color: #666;
  display: inline-block;
  vertical-align: middle;
  margin-left: -20px;
  z-index: 0;
  position: relative;
}
#header.exercise-header .competicionesHeader .numPuntosRival .puntosContainer {
  height: 50px;
  width: 110px;
  border-radius: 10px;
  box-sizing: border-box;
  background: #4d7abc;
  border: 2px solid #6becff;
}
#header.exercise-header .competicionesHeader .numPuntosRival .puntosContainer #puntosRival {
  padding-top: 3px;
  text-align: center;
  color: #FFF;
  font-size: 36px;
  font-family: 'ABeeZee', sans-serif, Verdana;
}
#header.exercise-header .competicionesHeader .iconoRival {
  height: 60px;
  width: 60px;
  background-color: #e3e8ee;
  border-radius: 50px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #d1e8ef;
  z-index: 1;
  position: relative;
  overflow: hidden;
}
#header.exercise-header .competicionesHeader .iconoRival img {
  width: 64px;
  height: 85px;
}
#header.teacher-header,
#header.exiframe-header {
  display: none;
}
#header.alum-header,
#header.mundoVirtual-header {
  border-radius: 12px;
  background-color: #ffffff;
}
@media (min-height: 700px) {
  #header.alum-header,
  #header.mundoVirtual-header {
    height: 100px;
    object-fit: contain;
    box-shadow: 0 7px 0 0 #cdd7e4;
    margin-bottom: 7px;
  }
}
@media (max-height: 700px) {
  #header.alum-header,
  #header.mundoVirtual-header {
    height: 85px;
    box-shadow: 0 1px 0 0 #cdd7e4;
    margin-bottom: 1px;
  }
}
#header.alum-header .header-area,
#header.mundoVirtual-header .header-area {
  display: table;
  height: 100%;
}
#header.alum-header .header-area.left,
#header.mundoVirtual-header .header-area.left {
  margin-left: 20px;
  float: left;
  border-right: 2px solid #eef7fc;
  padding-right: 20px;
}
#header.alum-header .header-area.right,
#header.mundoVirtual-header .header-area.right {
  float: right;
  margin-right: 20px;
}
#header.alum-header .valign-inner,
#header.mundoVirtual-header .valign-inner {
  display: table-cell;
  vertical-align: middle;
}
.bodywrapperout.teachers #contentwrapper {
  background: url(../../images/exercise/area/teachers.png) no-repeat;
  padding: 20px 21px;
  background-size: contain;
}
#main.mainExercise {
  background: transparent;
  position: relative;
}
.textDimensionCalculation {
  position: absolute;
  visibility: hidden;
  height: auto;
  width: auto;
  white-space: nowrap;
}
.appWithLogoutButton .buttonGroup {
  margin-right: 150px;
}
.appWithLogoutButton .buttonGroup .logout,
.appWithLogoutButton .buttonGroup .backButton {
  display: none !important;
}
.appWithLogoutButton .buttonGroup .helpButton {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.buttonGroup {
  float: right;
  width: 240px;
  margin-top: 38px;
}
.buttonGroup .logout,
.buttonGroup .helpButton,
.buttonGroup .backButton {
  float: right;
  display: block;
  cursor: pointer;
}
.buttonGroup .logout {
  color: #FFF;
  font-size: 15px;
  font-weight: bold;
  width: 72px;
  height: 70px;
  padding: 0;
  background: url('../../images/mundoVirtual/salirMorado.png') no-repeat 0 0px;
}
.buttonGroup .logout span {
  display: none;
}
.buttonGroup .logout:active {
  background-color: rgba(255, 255, 255, 0.8);
  background-blend-mode: color-burn;
}
.buttonGroup .helpButton {
  margin-right: -1px;
  width: 71px;
  height: 64px;
  background: url('../../images/mundoVirtual/ayudaNaranja.png') no-repeat;
}
.buttonGroup .helpButton:active {
  background-color: rgba(255, 255, 255, 0.8);
  background-blend-mode: color-burn;
}
.buttonGroup .backButton {
  background: url(../../images/mundoVirtual/volverAzul.png) no-repeat;
  color: #42B2FC;
  width: 74px;
  height: 64px;
  margin-right: -1px;
}
.buttonGroup .backButton:hover {
  text-decoration: none !important;
}
.buttonGroup .backButton:active {
  background-color: rgba(255, 255, 255, 0.8);
  background-blend-mode: color-burn;
}
@media (max-height: 700px) {
  .buttonGroup {
    margin-top: 21px;
  }
}
/* Header buttons */
#header ul.header-buttons {
  list-style: none;
  margin-top: 0px;
  margin-bottom: 0px;
  height: 71px;
}
#header ul.header-buttons li {
  display: inline-block;
  margin-left: 5px;
}
#header ul.header-buttons li a {
  display: block;
  padding: 0;
}
#header ul.header-buttons li a span {
  display: none;
}
#header ul.header-buttons li.button {
  background-image: url('../../images/mundoVirtual/header/purple-btn.png');
  background-size: 72px 71px;
}
@media (min-resolution: 1.5dppx) {
  #header ul.header-buttons li.button {
    background-image: url("../../images/mundoVirtual/header/purple-btn@2x.png");
    background-size: 72px 71px;
  }
}
#header ul.header-buttons li.button:hover {
  background-image: url('../../images/mundoVirtual/header/purple-btn-hover.png');
  background-size: 72px 71px;
}
@media (min-resolution: 1.5dppx) {
  #header ul.header-buttons li.button:hover {
    background-image: url("../../images/mundoVirtual/header/purple-btn-hover@2x.png");
    background-size: 72px 71px;
  }
}
#header ul.header-buttons li.button:active {
  background-image: url('../../images/mundoVirtual/header/purple-btn-pressed.png');
  background-size: 72px 71px;
}
@media (min-resolution: 1.5dppx) {
  #header ul.header-buttons li.button:active {
    background-image: url("../../images/mundoVirtual/header/purple-btn-pressed@2x.png");
    background-size: 72px 71px;
  }
}
#header ul.header-buttons li.button a {
  width: 72px;
  height: 71px;
  background-position: center;
  background-repeat: no-repeat;
}
#header ul.header-buttons li.button.logout a {
  background-image: url('../../images/mundoVirtual/header/icono-salir.png');
  background-size: 40px 32px;
}
@media (min-resolution: 1.5dppx) {
  #header ul.header-buttons li.button.logout a {
    background-image: url("../../images/mundoVirtual/header/icono-salir@2x.png");
    background-size: 40px 32px;
  }
}
#header ul.header-buttons li.button.logout a:hover {
  background-image: url('../../images/mundoVirtual/header/icono-salir-hover.png');
  background-size: 42px 34px;
}
@media (min-resolution: 1.5dppx) {
  #header ul.header-buttons li.button.logout a:hover {
    background-image: url("../../images/mundoVirtual/header/icono-salir-hover@2x.png");
    background-size: 42px 34px;
  }
}
#header ul.header-buttons li.button.logout a:active {
  background-image: url('../../images/mundoVirtual/header/icono-salir.png');
  background-size: 40px 32px;
}
@media (min-resolution: 1.5dppx) {
  #header ul.header-buttons li.button.logout a:active {
    background-image: url("../../images/mundoVirtual/header/icono-salir@2x.png");
    background-size: 40px 32px;
  }
}
#header ul.header-buttons li.button.back a {
  background-image: url('../../images/mundoVirtual/header/icono-atras.png');
  background-size: 38px 36px;
}
@media (min-resolution: 1.5dppx) {
  #header ul.header-buttons li.button.back a {
    background-image: url("../../images/mundoVirtual/header/icono-atras@2x.png");
    background-size: 38px 36px;
  }
}
#header ul.header-buttons li.button.back a:hover {
  background-image: url('../../images/mundoVirtual/header/icono-atras-hover.png');
  background-size: 41px 40px;
}
@media (min-resolution: 1.5dppx) {
  #header ul.header-buttons li.button.back a:hover {
    background-image: url("../../images/mundoVirtual/header/icono-atras-hover@2x.png");
    background-size: 41px 40px;
  }
}
#header ul.header-buttons li.button.back a:active {
  background-image: url('../../images/mundoVirtual/header/icono-atras.png');
  background-size: 38px 36px;
}
@media (min-resolution: 1.5dppx) {
  #header ul.header-buttons li.button.back a:active {
    background-image: url("../../images/mundoVirtual/header/icono-atras@2x.png");
    background-size: 38px 36px;
  }
}
#header ul.header-buttons li.button.sound a.ON {
  background-image: url('../../images/mundoVirtual/header/audio-on.png');
  background-size: 45px 35px;
}
@media (min-resolution: 1.5dppx) {
  #header ul.header-buttons li.button.sound a.ON {
    background-image: url("../../images/mundoVirtual/header/audio-on@2x.png");
    background-size: 45px 35px;
  }
}
#header ul.header-buttons li.button.sound a.ON:hover {
  background-image: url('../../images/mundoVirtual/header/audio-on-hover.png');
  background-size: 47px 36px;
}
@media (min-resolution: 1.5dppx) {
  #header ul.header-buttons li.button.sound a.ON:hover {
    background-image: url("../../images/mundoVirtual/header/audio-on-hover@2x.png");
    background-size: 47px 36px;
  }
}
#header ul.header-buttons li.button.sound a.ON:active {
  background-image: url('../../images/mundoVirtual/header/audio-on.png');
  background-size: 45px 35px;
}
@media (min-resolution: 1.5dppx) {
  #header ul.header-buttons li.button.sound a.ON:active {
    background-image: url("../../images/mundoVirtual/header/audio-on@2x.png");
    background-size: 45px 35px;
  }
}
#header ul.header-buttons li.button.sound a.OFF {
  background-image: url('../../images/mundoVirtual/header/audio-off.png');
  background-size: 44px 35px;
}
@media (min-resolution: 1.5dppx) {
  #header ul.header-buttons li.button.sound a.OFF {
    background-image: url("../../images/mundoVirtual/header/audio-off@2x.png");
    background-size: 44px 35px;
  }
}
#header ul.header-buttons li.button.sound a.OFF:hover {
  background-image: url('../../images/mundoVirtual/header/audio-off-hover.png');
  background-size: 46px 37px;
}
@media (min-resolution: 1.5dppx) {
  #header ul.header-buttons li.button.sound a.OFF:hover {
    background-image: url("../../images/mundoVirtual/header/audio-off-hover@2x.png");
    background-size: 46px 37px;
  }
}
#header ul.header-buttons li.button.sound a.OFF:active {
  background-image: url('../../images/mundoVirtual/header/audio-off.png');
  background-size: 44px 35px;
}
@media (min-resolution: 1.5dppx) {
  #header ul.header-buttons li.button.sound a.OFF:active {
    background-image: url("../../images/mundoVirtual/header/audio-off@2x.png");
    background-size: 44px 35px;
  }
}
#header ul.header-buttons li.skip {
  text-align: center;
  margin-top: 8px;
}
#header ul.header-buttons li.skip a {
  background-color: #9C77CF;
  box-shadow: inset 0 2px 0 0 #B58EEC, inset 0 -4px 0 0 #8b66bd, inset 0 4px 0 0 #D7BBFE;
  border: solid 3px #835BBA;
  cursor: pointer;
  padding: 10px 15px 10px 15px;
  border-radius: 12px;
  display: table-cell;
  vertical-align: middle;
  font-size: 22px;
  font-weight: bold;
  color: #ffffff;
}
#header ul.header-buttons li.skip a:hover {
  border: solid 3px #9C77CF;
}
#header ul.header-buttons li.skip a:active {
  background-color: #835BBA;
  box-shadow: inset 0 0 0 0 #835BBA, inset 0px 2px 0 0 #D7BBFE;
  border: solid 3px #835BBA;
}
#header ul.header-buttons li.skip a:hover {
  text-decoration: none !important;
}
#header ul.header-buttons li.lang-button .langSelectorButton {
  width: 72px;
  height: 71px;
  background: url('../../images/mundoVirtual/header/purple-btn.png') no-repeat;
}
#header ul.header-buttons li.lang-button .langSelectorButton.pressed {
  width: 72px;
  height: 71px;
  background: url('../../images/mundoVirtual/header/purple-btn-pressed.png') no-repeat;
}
#header ul.header-buttons li.lang-button .langSelectorButton:hover {
  width: 72px;
  height: 71px;
  background: url('../../images/mundoVirtual/header/purple-btn-hover.png') no-repeat;
}
#header ul.header-buttons li.lang-button .currentLangHolder {
  position: relative;
  left: 13px;
  top: 13px;
  width: 42px;
  height: 42px;
  border: solid 3px #835BBA;
  border-radius: 6px;
  box-sizing: content-box;
}
#header ul.header-buttons li.lang-button .currentLangHolder.es,
#header ul.header-buttons li.lang-button .currentLangHolder.es_ES {
  background: url('../../images/sesion/inicio/languageSelector/espana.png') no-repeat;
}
#header ul.header-buttons li.lang-button .currentLangHolder.es_AR {
  background: url('../../images/sesion/inicio/languageSelector/argentina.png') no-repeat;
}
#header ul.header-buttons li.lang-button .currentLangHolder.es_BO {
  background: url('../../images/sesion/inicio/languageSelector/bolivia.png') no-repeat;
}
#header ul.header-buttons li.lang-button .currentLangHolder.es_CL {
  background: url('../../images/sesion/inicio/languageSelector/chile.png') no-repeat;
}
#header ul.header-buttons li.lang-button .currentLangHolder.es_CO {
  background: url('../../images/sesion/inicio/languageSelector/colombia.png') no-repeat;
}
#header ul.header-buttons li.lang-button .currentLangHolder.es_PE {
  background: url('../../images/sesion/inicio/languageSelector/peru.png') no-repeat;
}
#header ul.header-buttons li.lang-button .currentLangHolder.es_UY {
  background: url('../../images/sesion/inicio/languageSelector/uruguay.png') no-repeat;
}
#header ul.header-buttons li.lang-button .currentLangHolder.es_PY {
  background: url('../../images/sesion/inicio/languageSelector/paraguay.png') no-repeat;
}
#header ul.header-buttons li.lang-button .currentLangHolder.es_MX {
  background: url('../../images/sesion/inicio/languageSelector/mexico.png') no-repeat;
}
#header ul.header-buttons li.lang-button .currentLangHolder.es_EC {
  background: url('../../images/sesion/inicio/languageSelector/ecuador.png') no-repeat;
}
#header ul.header-buttons li.lang-button .currentLangHolder.es_VE {
  background: url('../../images/sesion/inicio/languageSelector/venezuela.png') no-repeat;
}
#header ul.header-buttons li.lang-button .currentLangHolder.en,
#header ul.header-buttons li.lang-button .currentLangHolder.en_US {
  background: url('../../images/sesion/inicio/languageSelector/USA.png') no-repeat;
}
#header ul.header-buttons li.lang-button .currentLangHolder.en_GB {
  background: url('../../images/sesion/inicio/languageSelector/UK.png') no-repeat;
}
#header ul.header-buttons li.lang-button .currentLangHolder.en_ZA {
  background: url('../../images/sesion/inicio/languageSelector/safrica.png') no-repeat;
}
#header ul.header-buttons li.lang-button .currentLangHolder.pt_BR,
#header ul.header-buttons li.lang-button .currentLangHolder.pt {
  background: url('../../images/sesion/inicio/languageSelector/brasil.png') no-repeat;
}
#header.encuestaMundoVirtual-header ul.login-contact-alumno li a {
  background: url(../../images/home/purpleLogoutButton.png) no-repeat 0 4px;
  width: 94px;
  height: 79px;
  margin-bottom: 10px;
  margin-right: 10px;
}
.appWithLogoutButton .volverLink {
  display: none!important;
}
.volverLink {
  background: url(../../images/mundoVirtual/volverAzul.png) no-repeat;
  color: #42B2FC;
  width: 74px;
  height: 64px;
  position: absolute;
  left: 786px;
  top: -64px;
}
.volverLink:hover {
  text-decoration: none !important;
}
.volverBiblioteca,
.volverAvance,
.volverCastillos,
.volverCastilloCasa,
.volverTruco,
.volverVisitaHabitacion,
.volverEncuestaMundoVirtual {
  margin-left: 71px!important;
}
.volverCompeticiones {
  margin-top: -49px;
  margin-left: 71px;
}
.volverTutoriales {
  margin-left: 71px;
}
.volverJuegos {
  margin-top: -44px;
  left: 786px;
}
.volverJuegosSinAyuda {
  margin-top: -144px;
  margin-left: 71px;
}
input[type="button"] {
  -webkit-appearance: none;
}
input[type="submit"] {
  -webkit-appearance: none;
}
input.button01,
input.button01-110,
input.button02 {
  padding: 0 0 3px 0;
  height: 39px;
  border: none;
  font: bold 16px Verdana, Helvetica, Arial, sans-serif;
  color: #333;
  cursor: pointer;
}
a.button01 {
  padding: 7px 0 0 0;
  height: 39px;
  border: none;
  font-size: 16px !important;
  font-weight: bold;
  color: #333 !important;
  text-decoration: none !important;
  margin: 10px 0 0 0;
  width: 112px;
  background: url(../../images/button01.png) no-repeat;
  display: inline-block;
  text-align: center;
}
input.button01 {
  margin: 10px 0 0 0;
  width: 112px;
  background: url(../../images/button01.png) no-repeat;
}
input.button01-110 {
  margin: 30px 0 0 60px;
  width: 114px;
  background: url(../../images/button01.png) no-repeat;
}
a.buttonMorado {
  padding: 7px 0 0 0;
  height: 39px;
  border: none;
  font-size: 17px !important;
  font-weight: bold;
  color: white !important;
  text-decoration: none !important;
  margin: 7px 0 0 0;
  width: 127px;
  display: inline-block;
  text-align: center;
  background: url(../../images/button01Morado.png) no-repeat;
}
a.buttonMorado2 {
  padding: 7px 0 0 0;
  height: 39px;
  border: none;
  font-size: 17px !important;
  font-weight: bold;
  color: white !important;
  text-decoration: none !important;
  margin: 7px 0 0 0;
  width: 127px;
  display: inline-block;
  text-align: center;
  background: url(../../images/button02Morado.png) no-repeat;
  width: 160px;
  font-size: 19px !important;
}
a.buttonMorado3 {
  padding: 7px 0 0 0;
  height: 39px;
  border: none;
  font-size: 17px !important;
  font-weight: bold;
  color: white !important;
  text-decoration: none !important;
  margin: 7px 0 0 0;
  width: 127px;
  display: inline-block;
  text-align: center;
  background: url(../../images/button03Morado.png) no-repeat;
  width: 189px;
  height: 51px;
  font-size: 21px !important;
  padding-top: 13px;
}
.buttonNaranja {
  font-size: 20px;
  padding: 12px 40px 12px;
  color: white;
  text-align: center;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ffa200;
  -webkit-box-shadow: 0px 3px 1px 0px #ff6c00;
  -moz-box-shadow: 0px 3px 1px 0px #ff6c00;
  box-shadow: 0px 3px 1px 0px #ff6c00;
  cursor: pointer;
  text-transform: uppercase;
}
.buttonNaranjaFin {
  background: #ffa200;
  border-radius: 5px;
  border-color: #ffa200;
  margin-top: 20px;
  padding: 10px;
  width: 160px;
  color: white;
  font-size: 15px;
  cursor: pointer;
}
.buttonMorado5 {
  height: 17px;
  font-size: 17px;
  padding: 12px;
  padding-top: 8px;
  color: white;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #9c77cf;
  -webkit-box-shadow: 0px 3px 1px 0px #502d80;
  -moz-box-shadow: 0px 3px 1px 0px #502d80;
  box-shadow: 0px 3px 1px 0px #502d80;
  cursor: pointer;
}
.buttonMorado5.tam01 {
  width: 80px;
}
.buttonMorado5.tam02 {
  width: 145px;
}
.buttonMorado5.tam03 {
  width: 225px;
}
.buttonVerde {
  height: 17px;
  font-size: 17px;
  padding: 12px;
  padding-top: 8px;
  color: white;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #18892C;
  -webkit-box-shadow: 0px 3px 1px 0px #010702;
  -moz-box-shadow: 0px 3px 1px 0px #010702;
  box-shadow: 0px 3px 1px 0px #010702;
  cursor: pointer;
}
.buttonVerde.tam01 {
  width: 80px;
}
.buttonVerde.tam02 {
  width: 145px;
}
.buttonVerde.tam03 {
  width: 225px;
}
a.buttonVerde {
  padding: 7px 0 0 0;
  height: 39px;
  border: none;
  font-size: 17px !important;
  font-weight: bold;
  color: white !important;
  text-decoration: none !important;
  margin: 7px 0 0 0;
  width: 127px;
  display: inline-block;
  color: #333 !important;
  height: 17px;
  font-size: 17px;
  padding: 12px;
  padding-top: 8px;
  color: white;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #18892C;
  -webkit-box-shadow: 0px 3px 1px 0px #010702;
  -moz-box-shadow: 0px 3px 1px 0px #010702;
  box-shadow: 0px 3px 1px 0px #010702;
  cursor: pointer;
  background: url(../../images/button01Verde.png) no-repeat;
  padding-top: 10px;
}
a.buttonVerde.tam01 {
  width: 80px;
}
a.buttonVerde.tam02 {
  width: 145px;
}
a.buttonVerde.tam03 {
  width: 225px;
}
a.buttonVerde2 {
  padding: 7px 0 0 0;
  height: 39px;
  border: none;
  font-size: 17px !important;
  font-weight: bold;
  color: white !important;
  text-decoration: none !important;
  margin: 7px 0 0 0;
  width: 127px;
  display: inline-block;
  color: #333 !important;
  height: 17px;
  font-size: 17px;
  padding: 12px;
  padding-top: 8px;
  color: white;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #18892C;
  -webkit-box-shadow: 0px 3px 1px 0px #010702;
  -moz-box-shadow: 0px 3px 1px 0px #010702;
  box-shadow: 0px 3px 1px 0px #010702;
  cursor: pointer;
  background: url(../../images/button03Verde.png) no-repeat;
  width: 189px;
  height: 50px;
  padding-top: 14px;
  font-size: 19px !important;
}
a.buttonVerde2.tam01 {
  width: 80px;
}
a.buttonVerde2.tam02 {
  width: 145px;
}
a.buttonVerde2.tam03 {
  width: 225px;
}
div.buttonMorado {
  padding: 7px 0 0 0;
  height: 39px;
  border: none;
  font-size: 17px !important;
  font-weight: bold;
  color: white !important;
  text-decoration: none !important;
  margin: 10px 0 0 0;
  width: 127px;
  background: url(../../images/button01Morado.png) no-repeat;
  display: inline-block;
  text-align: center;
}
input.buttonMorado {
  margin: 10px 0 0 0;
  width: 112px;
  background: url(../../images/button01Morado.png) no-repeat;
}
input.buttonMorado {
  height: 39px;
  margin-top: 25px;
  border: none;
  font-size: 19px !important;
  font-weight: bold;
  color: white !important;
  width: 356px;
  cursor: pointer;
  background: url(../../images/button01Morado.png) no-repeat center;
}
.buttonComenzar {
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  width: 267px;
  height: 77px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  position: absolute;
}
.buttonComenzar:hover {
  border: solid 3px #7ac43d;
}
.buttonComenzar:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
.buttonComenzar span {
  display: inline-block;
  width: 37px;
  height: 46px;
  margin-top: 13.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/play-green.png");
  background-size: 37px 46px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  .buttonComenzar span {
    background-image: url("../../images/buttons/textless/icons/play-green@2x.png");
    background-size: 37px 46px;
  }
}
.buttonComenzar:hover span,
.buttonComenzar.hover span {
  width: 41px;
  height: 52px;
  margin-top: 10.5px;
  background-image: url("../../images/buttons/textless/icons/play-green-hover.png");
  background-size: 41px 52px;
}
@media (min-resolution: 1.5dppx) {
  .buttonComenzar:hover span,
  .buttonComenzar.hover span {
    background-image: url("../../images/buttons/textless/icons/play-green-hover@2x.png");
    background-size: 41px 52px;
  }
}
.buttonComenzar:active span,
.buttonComenzar.active span {
  width: 37px;
  height: 46px;
  margin-top: 13.5px;
  background-image: url("../../images/buttons/textless/icons/play-green-active.png");
  background-size: 37px 46px;
}
@media (min-resolution: 1.5dppx) {
  .buttonComenzar:active span,
  .buttonComenzar.active span {
    background-image: url("../../images/buttons/textless/icons/play-green-active@2x.png");
    background-size: 37px 46px;
  }
}
.buttonComenzar.centerInicio {
  left: 370px;
  top: 200px;
}
.buttonComenzar.examen {
  left: 100px;
  top: 230px;
}
.buttonComenzar.tutorial {
  left: 625px;
  top: 230px;
}
.buttonComenzar.tutorialMain {
  left: 145px;
  top: 123px;
}
#tutorialesContainer {
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  overflow: hidden;
  height: 600px;
}
#tutorialesContainer #player-wrapper stream iframe {
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}
.buttonTutorial {
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  width: 273px;
  height: 77px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  left: 625px;
  top: 240px;
  position: absolute;
}
.buttonTutorial:hover {
  border: solid 3px #7ac43d;
}
.buttonTutorial:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
.buttonTutorial span {
  display: inline-block;
  width: 37px;
  height: 46px;
  margin-top: 13.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/play-green.png");
  background-size: 37px 46px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  .buttonTutorial span {
    background-image: url("../../images/buttons/textless/icons/play-green@2x.png");
    background-size: 37px 46px;
  }
}
.buttonTutorial:hover span,
.buttonTutorial.hover span {
  width: 41px;
  height: 52px;
  margin-top: 10.5px;
  background-image: url("../../images/buttons/textless/icons/play-green-hover.png");
  background-size: 41px 52px;
}
@media (min-resolution: 1.5dppx) {
  .buttonTutorial:hover span,
  .buttonTutorial.hover span {
    background-image: url("../../images/buttons/textless/icons/play-green-hover@2x.png");
    background-size: 41px 52px;
  }
}
.buttonTutorial:active span,
.buttonTutorial.active span {
  width: 37px;
  height: 46px;
  margin-top: 13.5px;
  background-image: url("../../images/buttons/textless/icons/play-green-active.png");
  background-size: 37px 46px;
}
@media (min-resolution: 1.5dppx) {
  .buttonTutorial:active span,
  .buttonTutorial.active span {
    background-image: url("../../images/buttons/textless/icons/play-green-active@2x.png");
    background-size: 37px 46px;
  }
}
.NAVIDAD .buttonTutorial {
  left: 170px;
  top: 415px;
}
.buttonOmitir {
  background-color: #ff5a5f;
  box-shadow: inset 0 2px 0 0 #ec494e, inset 0 -4px 0 0 #ec494e, inset 0 4px 0 0 #ff9093;
  border: solid 3px #e9464b;
  width: 57px;
  height: 58px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  border-width: 2px;
  left: 735px;
  top: 330px;
  position: absolute;
}
.buttonOmitir:hover {
  border: solid 3px #ff5a5f;
}
.buttonOmitir:active {
  background-color: #e9464b;
  box-shadow: inset 0 0 0 0 #e9464b, inset 0px 2px 0 0 #ff9093;
  border: solid 3px #e9464b;
}
.buttonOmitir span {
  display: inline-block;
  width: 30px;
  height: 28px;
  margin-top: 13px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/cancel-red.png");
  background-size: 30px 28px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  .buttonOmitir span {
    background-image: url("../../images/buttons/textless/icons/cancel-red@2x.png");
    background-size: 30px 28px;
  }
}
.buttonOmitir:hover span,
.buttonOmitir.hover span {
  width: 34px;
  height: 30px;
  margin-top: 12px;
  background-image: url("../../images/buttons/textless/icons/cancel-red-hover.png");
  background-size: 34px 30px;
}
@media (min-resolution: 1.5dppx) {
  .buttonOmitir:hover span,
  .buttonOmitir.hover span {
    background-image: url("../../images/buttons/textless/icons/cancel-red-hover@2x.png");
    background-size: 34px 30px;
  }
}
.buttonOmitir:active span,
.buttonOmitir.active span {
  width: 30px;
  height: 28px;
  margin-top: 13px;
  background-image: url("../../images/buttons/textless/icons/cancel-red-active.png");
  background-size: 30px 28px;
}
@media (min-resolution: 1.5dppx) {
  .buttonOmitir:active span,
  .buttonOmitir.active span {
    background-image: url("../../images/buttons/textless/icons/cancel-red-active@2x.png");
    background-size: 30px 28px;
  }
}
.NAVIDAD .buttonOmitir {
  left: 280px;
  top: 500px;
}
.buttonAyuda {
  display: inline-block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 0 #578d2b, 0 0px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 8px 0 #578d2b, 0 0px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0 8px 0 #578d2b, 0 0px 0px rgba(0, 0, 0, 0.35);
  -webkit-transition: -webkit-box-shadow 0.1s ease-in-out;
  -moz-transition: -moz-box-shadow 0.1s ease-in-out;
  -o-transition: -o-box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
  font-size: 25px;
  color: #fff;
  position: absolute;
  margin-top: 250px;
}
.buttonAyuda span {
  cursor: pointer;
  min-width: 250px;
  text-align: center;
  display: inline-block;
  padding: 20px 30px;
  background-color: #7ac43d;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 25px;
  -webkit-box-shadow: inset 0 -1px 1px #7ac43d;
  -moz-box-shadow: inset 0 -1px 1px #7ac43d;
  box-shadow: inset 0 -1px 1px #7ac43d;
  line-height: 1;
  text-shadow: 0 -1px 1px rgba(175, 49, 95, 0.7);
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.buttonAyuda:hover span {
  background-color: #7ac43d;
  color: white;
  text-shadow: 0 -1px 1px #7ac43d, 0 0 5px rgba(255, 255, 255, 0.8);
}
.buttonAyuda:active {
  -webkit-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
}
.buttonAyuda #button:focus {
  -webkit-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
}
.buttonAyuda:active span {
  -webkit-transform: translate(0, 4px);
  -moz-transform: translate(0, 4px);
  -o-transform: translate(0, 4px);
  transform: translate(0, 4px);
}
a.button02 {
  padding: 7px 0 0 0;
  height: 39px;
  border: none;
  font-size: 16px !important;
  font-weight: bold;
  color: #333 !important;
  text-decoration: none !important;
  margin: 10px 0 0 0;
  width: 256px;
  background: url(../../images/button03.png) no-repeat;
  display: inline-block;
}
input.button02 {
  width: 256px !important;
  background: url(../../images/button03.png) no-repeat !important;
  margin-top: 20px;
}
input.button02-verde {
  background: url("../../images/button02-verde.png") no-repeat scroll 0 0 transparent;
  width: 172px;
  height: 44px;
  border: none;
  font-size: 15px;
  margin-top: 20px;
  padding-bottom: 7px;
}
div.button02 {
  width: 256px !important;
  background: url(../../images/button03.png) no-repeat !important;
  cursor: pointer;
  height: 39px;
  padding: 8px 12px;
}
div.button02 a {
  white-space: nowrap;
  text-decoration: none !important;
  color: #333333 !important;
  font: bold 16px Verdana, Helvetica, Arial, sans-serif !important;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* wrapper */
#wrapper {
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
/* header */
/* main */
.main-small {
  /*padding:38px 0 0 194px;*/
  min-height: 339px;
}
.main-small.no-padding {
  padding: 0px;
  height: 540px;
}
.main-small.general-alumno {
  padding: 0px;
  height: 485px;
}
.main-small.general-alumno.general-home,
.main-small.general-alumno.general-fin {
  height: 600px;
  background-color: #EFF3F6 !important;
}
.main-small.testEntrada {
  background-color: #EFF3F6 !important;
  padding: 38px 0 0 194px;
  height: 338px;
}
.main-small .avatar-container {
  width: 450px;
  position: absolute;
  left: 220px;
  bottom: 15px;
}
.main-small .avatar-container.codingtrue {
  left: 100px;
}
.main-small .avatar-container.codingtrue .avatarimg {
  height: 220px;
}
.main-small .avatar-container.codingtrue .mascotaAvatarHome {
  display: none;
}
.main-small .avatar-container.avatar-container-tutorial.sesion-cl {
  left: 10px;
}
.main-small .avatar-container.avatar-container-tutorial {
  left: 50px;
}
.main-small .avatar-container.avatar-container-tutorial.navidad,
.main-small .avatar-container.avatar-container-tutorial.navidad.sesion-cl {
  left: 550px;
  overflow: hidden;
}
div.avatar-container {
  position: relative;
}
div.avatar-container img.mascotaAvatarHome {
  bottom: 0px;
  position: absolute;
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  transform-origin: bottom left;
  -webkit-transform-origin: bottom left;
}
div.mascotaAvatarHomeContainer {
  width: 100px;
  height: 100px;
  display: inline-block;
  margin-left: -30px;
}
.langSelector {
  display: none;
  position: absolute;
  left: 683px;
  top: 91px;
  width: 300px;
  height: 0px;
  background: #F7F7F7;
  border: 3px solid #c4e5fb;
  border-radius: 5px;
  z-index: 10;
}
.langSelector .languageHolder {
  width: 95%;
  margin-top: 5%;
  margin-left: 3%;
  height: 76%;
  position: relative;
}
.langSelector .languageHolder .language {
  width: 84px;
  height: 80px;
  float: left;
  margin-left: 8px;
  margin-bottom: 10px;
  cursor: pointer;
}
.langSelector .languageHolder .language .langImage {
  margin: 0 auto;
  width: 43px;
  height: 43px;
}
.langSelector .languageHolder .language .langImage.en_US {
  background: url('../../images/sesion/inicio/languageSelector/USA.png') no-repeat;
}
.langSelector .languageHolder .language .langImage.en,
.langSelector .languageHolder .language .langImage.en_GB {
  background: url('../../images/sesion/inicio/languageSelector/UK.png') no-repeat;
}
.langSelector .languageHolder .language .langImage.es,
.langSelector .languageHolder .language .langImage.es_ES {
  background: url('../../images/sesion/inicio/languageSelector/espana.png') no-repeat;
}
.langSelector .languageHolder .language .langImage.es_AR {
  background: url('../../images/sesion/inicio/languageSelector/argentina.png') no-repeat;
}
.langSelector .languageHolder .language .langImage.es_PY {
  background: url('../../images/sesion/inicio/languageSelector/paraguay.png') no-repeat;
}
.langSelector .languageHolder .language .langImage.es_UY {
  background: url('../../images/sesion/inicio/languageSelector/uruguay.png') no-repeat;
}
.langSelector .languageHolder .language .langImage.es_MX {
  background: url('../../images/sesion/inicio/languageSelector/mexico.png') no-repeat;
}
.langSelector .languageHolder .language .langImage.es_CO {
  background: url('../../images/sesion/inicio/languageSelector/colombia.png') no-repeat;
}
.langSelector .languageHolder .language .langImage.es_PE {
  background: url('../../images/sesion/inicio/languageSelector/peru.png') no-repeat;
}
.langSelector .languageHolder .language .langImage.es_VE {
  background: url('../../images/sesion/inicio/languageSelector/venezuela.png') no-repeat;
}
.langSelector .languageHolder .language .langImage.es_CL {
  background: url('../../images/sesion/inicio/languageSelector/chile.png') no-repeat;
}
.langSelector .languageHolder .language .langImage.es_EC {
  background: url('../../images/sesion/inicio/languageSelector/ecuador.png') no-repeat;
}
.langSelector .languageHolder .language .langImage.es_BO {
  background: url('../../images/sesion/inicio/languageSelector/bolivia.png') no-repeat;
}
.langSelector .languageHolder .language .langImage.en_ZA {
  background: url('../../images/sesion/inicio/languageSelector/safrica.png') no-repeat;
}
.langSelector .languageHolder .language .langImage.pt_BR,
.langSelector .languageHolder .language .langImage.pt {
  background: url('../../images/sesion/inicio/languageSelector/brasil.png') no-repeat;
}
.langSelector .languageHolder .language .langTitle {
  color: #3ba7f1;
  margin: 5px auto 0;
  font-size: 13px;
  text-align: center;
}
.langSelector .buttonLangSelectorClose {
  width: 100%;
  background: #c4e5fb;
  height: 20%;
  position: relative;
  cursor: pointer;
}
.langSelector .buttonLangSelectorClose .arrow {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #3ba7f1;
  position: absolute;
  margin-top: 23px;
  margin-left: 128px;
}
.main-inicio {
  background-repeat: no-repeat;
  border-radius: 12px;
  height: 597px;
}
.main-inicio.MORNING,
.main-inicio.NOON {
  background-image: url('../../images/sesion/inicio/fondos/manana.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.MORNING,
  .main-inicio.NOON {
    background-image: url("../../images/sesion/inicio/fondos/manana@2x.png");
    background-size: 1000px 600px;
  }
}
.main-inicio.AFTERNOON {
  background-image: url('../../images/sesion/inicio/fondos/tarde.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.AFTERNOON {
    background-image: url("../../images/sesion/inicio/fondos/tarde@2x.png");
    background-size: 1000px 600px;
  }
}
.main-inicio.NIGHT {
  background-image: url('../../images/sesion/inicio/fondos/noche.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.NIGHT {
    background-image: url("../../images/sesion/inicio/fondos/noche@2x.png");
    background-size: 1000px 600px;
  }
}
.main-inicio.MORNING.cl,
.main-inicio.NOON.cl {
  background-image: url('../../images/sesion/inicio/fondos/manana-cl.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.MORNING.cl,
  .main-inicio.NOON.cl {
    background-image: url("../../images/sesion/inicio/fondos/manana-cl@2x.png");
    background-size: 1000px 600px;
  }
}
.main-inicio.AFTERNOON.cl {
  background-image: url('../../images/sesion/inicio/fondos/tarde-cl.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.AFTERNOON.cl {
    background-image: url("../../images/sesion/inicio/fondos/tarde-cl@2x.png");
    background-size: 1000px 600px;
  }
}
.main-inicio.NIGHT.cl {
  background-image: url('../../images/sesion/inicio/fondos/noche-cl.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.NIGHT.cl {
    background-image: url("../../images/sesion/inicio/fondos/noche-cl@2x.png");
    background-size: 1000px 600px;
  }
}
.main-inicio.MORNING.logica,
.main-inicio.NOON.logica {
  background-image: url('../../images/sesion/inicio/fondos/manana-logica.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.MORNING.logica,
  .main-inicio.NOON.logica {
    background-image: url("../../images/sesion/inicio/fondos/manana-logica@2x.png");
    background-size: 1000px 600px;
  }
}
.main-inicio.AFTERNOON.logica {
  background-image: url('../../images/sesion/inicio/fondos/tarde-logica.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.AFTERNOON.logica {
    background-image: url("../../images/sesion/inicio/fondos/tarde-logica@2x.png");
    background-size: 1000px 600px;
  }
}
.main-inicio.NIGHT.logica {
  background-image: url('../../images/sesion/inicio/fondos/noche-logica.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.NIGHT.logica {
    background-image: url("../../images/sesion/inicio/fondos/noche-logica@2x.png");
    background-size: 1000px 600px;
  }
}
.main-inicio.MORNING.examen,
.main-inicio.NOON.examen {
  background-image: url('../../images/sesion/inicio/fondos/manana-examen.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.MORNING.examen,
  .main-inicio.NOON.examen {
    background-image: url("../../images/sesion/inicio/fondos/manana-examen@2x.png");
    background-size: 1000px 600px;
  }
}
.main-inicio.AFTERNOON.examen {
  background-image: url('../../images/sesion/inicio/fondos/tarde-examen.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.AFTERNOON.examen {
    background-image: url("../../images/sesion/inicio/fondos/tarde-examen@2x.png");
    background-size: 1000px 600px;
  }
}
.main-inicio.NIGHT.examen {
  background-image: url('../../images/sesion/inicio/fondos/noche-examen.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.NIGHT.examen {
    background-image: url("../../images/sesion/inicio/fondos/noche-examen@2x.png");
    background-size: 1000px 600px;
  }
}
.main-inicio.MORNING.tutorial,
.main-inicio.NOON.tutorial {
  background-image: url('../../images/sesion/inicio/fondos/manana-tutorial.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.MORNING.tutorial,
  .main-inicio.NOON.tutorial {
    background-image: url("../../images/sesion/inicio/fondos/manana-tutorial@2x.png");
    background-size: 1000px 600px;
  }
}
.main-inicio.MORNING.tutorial.tutorial-cl,
.main-inicio.NOON.tutorial.tutorial-cl {
  background-image: url('../../images/sesion/inicio/fondos/manana-tutorial-cl.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.MORNING.tutorial.tutorial-cl,
  .main-inicio.NOON.tutorial.tutorial-cl {
    background-image: url("../../images/sesion/inicio/fondos/manana-tutorial-cl@2x.png");
    background-size: 1000px 600px;
  }
}
.main-inicio.AFTERNOON.tutorial {
  background-image: url('../../images/sesion/inicio/fondos/tarde-tutorial.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.AFTERNOON.tutorial {
    background-image: url("../../images/sesion/inicio/fondos/tarde-tutorial@2x.png");
    background-size: 1000px 600px;
  }
}
.main-inicio.AFTERNOON.tutorial.tutorial-cl {
  background-image: url('../../images/sesion/inicio/fondos/tarde-tutorial-cl.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.AFTERNOON.tutorial.tutorial-cl {
    background-image: url("../../images/sesion/inicio/fondos/tarde-tutorial-cl@2x.png");
    background-size: 1000px 600px;
  }
}
.main-inicio.NIGHT.tutorial {
  background-image: url('../../images/sesion/inicio/fondos/noche-tutorial.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.NIGHT.tutorial {
    background-image: url("../../images/sesion/inicio/fondos/noche-tutorial@2x.png");
    background-size: 1000px 600px;
  }
}
.main-inicio.NIGHT.tutorial.tutorial-cl {
  background-image: url('../../images/sesion/inicio/fondos/noche-tutorial-cl.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.NIGHT.tutorial.tutorial-cl {
    background-image: url("../../images/sesion/inicio/fondos/noche-tutorial-cl@2x.png");
    background-size: 1000px 600px;
  }
}
.main-inicio.NIGHT.tutorial .subtitulo {
  color: #835BBA;
}
.main-inicio.NAVIDAD {
  background-image: url('../../images/sesion/inicio/fondos/navidad.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.NAVIDAD {
    background-image: url("../../images/sesion/inicio/fondos/navidad@2x.png");
    background-size: 1000px 600px;
  }
}
.main-inicio.NAVIDAD.logica {
  background-image: url('../../images/sesion/inicio/fondos/navidad-logica.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.NAVIDAD.logica {
    background-image: url("../../images/sesion/inicio/fondos/navidad-logica@2x.png");
    background-size: 1000px 600px;
  }
}
.main-inicio.NAVIDAD.logica .saludo {
  background-color: rgba(23, 170, 187, 0.75);
}
.main-inicio.NAVIDAD.examen {
  background-image: url('../../images/sesion/inicio/fondos/navidad-examen-fondo.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.NAVIDAD.examen {
    background-image: url("../../images/sesion/inicio/fondos/navidad-examen-fondo@2x.png");
    background-size: 1000px 600px;
  }
}
.main-inicio.NAVIDAD.examen .saludo {
  background-color: rgba(195, 169, 141, 0.75);
}
.main-inicio.NAVIDAD.cl {
  background-image: url('../../images/sesion/inicio/fondos/navidad-lectura.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.NAVIDAD.cl {
    background-image: url("../../images/sesion/inicio/fondos/navidad-lectura@2x.png");
    background-size: 1000px 600px;
  }
}
.main-inicio.NAVIDAD.tutorial {
  background-image: url('../../images/sesion/inicio/fondos/navidad-tutorial.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.NAVIDAD.tutorial {
    background-image: url("../../images/sesion/inicio/fondos/navidad-tutorial@2x.png");
    background-size: 1000px 600px;
  }
}
.main-inicio.NAVIDAD.tutorial {
  background-image: url('../../images/sesion/inicio/fondos/navidad-tutorial.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.NAVIDAD.tutorial {
    background-image: url("../../images/sesion/inicio/fondos/navidad-tutorial@2x.png");
    background-size: 1000px 600px;
  }
}
.main-inicio.NAVIDAD.tutorial.tutorial-cl {
  background-image: url('../../images/sesion/inicio/fondos/navidad-lecturatutorial.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.NAVIDAD.tutorial.tutorial-cl {
    background-image: url("../../images/sesion/inicio/fondos/navidad-lecturatutorial@2x.png");
    background-size: 1000px 600px;
  }
}
.main-inicio .separadorSaludo {
  height: 10px;
}
.main-inicio .saludo {
  color: #FFFFFF;
  font-size: 37px;
  position: relative;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  border-radius: 10px;
  padding: 35px;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: -ms-fit-content;
  width: fit-content;
  max-width: 800px;
}
.main-inicio.MORNING .saludo,
.main-inicio.NOON .saludo {
  background-color: rgba(25, 172, 194, 0.75);
}
.main-inicio.AFTERNOON .saludo {
  background-color: rgba(212, 74, 8, 0.75);
}
.main-inicio.NIGHT .saludo {
  background-color: rgba(31, 46, 104, 0.75);
}
.main-inicio.examen .saludo {
  font-size: 35px;
  margin-left: 10px;
  text-align: center;
  max-width: 370px;
}
.main-inicio.tutorial .saludo {
  margin-left: 10px;
  font-size: 34px;
  text-align: center;
  color: #FFFFFF;
  max-width: 420px;
}
.main-inicio.NAVIDAD .saludo {
  background-color: rgba(98, 161, 216, 0.75);
}
.main-inicio.tutorial .subtitulo {
  position: absolute;
  top: 75px;
  left: 582px;
  width: 350px;
  color: #a9431e;
  font-size: 22px;
}
.main-inicio.NAVIDAD .subtitulo {
  text-shadow: 2px 2px 2px gray;
}
.main-inicio.tutorial.NAVIDAD .subtitulo {
  top: 300px;
  left: 138px;
  width: 340px;
  color: #ffffff;
}
.main-inicio .subtitulo {
  color: #FFFFFF;
  font-size: 24px;
  position: relative;
  padding-top: 20px;
  text-align: center;
  width: 100%;
}
.main-inicio .subtitulo span {
  background: url("../../images/avatares/crear/tick.png") no-repeat;
  width: 39px;
  height: 50px;
  margin-left: -13px;
  margin-top: -4px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.main-inicio .subtitulo .incentivo {
  margin-top: 10px;
  font-size: 15px;
}
.main-inicio .subtitulo .incentivo span {
  background: url('../../images/mundoVirtual/tickActivo.png') no-repeat;
  height: 24px;
  width: 27px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-left: -5px;
}
.main-inicio .subtitulo .mensajeMotivacion {
  margin-top: 10px;
  font-size: 15px;
  background: #1482FD;
  max-width: 600px;
  border-radius: 5px;
  margin: 0 auto;
  padding: 10px;
}
.main-inicio .subtitulo.sinContrato {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  padding: 45px;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: -ms-fit-content;
  width: fit-content;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 30%;
  border: 3px solid #7EDDED;
  box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, 0.69);
}
.main-inicio .buttonContratar {
  display: inline-block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 0 #578d2b, 0 0px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 8px 0 #578d2b, 0 0px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0 8px 0 #578d2b, 0 0px 0px rgba(0, 0, 0, 0.35);
  -webkit-transition: -webkit-box-shadow 0.1s ease-in-out;
  -moz-transition: -moz-box-shadow 0.1s ease-in-out;
  -o-transition: -o-box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
  font-size: 30px;
  color: #fff;
  margin-top: 60px;
  margin-left: 371px;
}
.main-inicio .buttonContratar span {
  cursor: pointer;
  min-width: 200px;
  text-align: center;
  display: inline-block;
  padding: 20px 30px;
  background-color: #7ac43d;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 30px;
  -webkit-box-shadow: inset 0 -1px 1px #7ac43d;
  -moz-box-shadow: inset 0 -1px 1px #7ac43d;
  box-shadow: inset 0 -1px 1px #7ac43d;
  line-height: 1;
  text-shadow: 0 -1px 1px rgba(175, 49, 95, 0.7);
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.main-inicio .buttonContratar:hover span {
  background-color: #7ac43d;
  color: white;
  text-shadow: 0 -1px 1px #7ac43d, 0 0 5px rgba(255, 255, 255, 0.8);
}
.main-inicio .buttonContratar:active {
  -webkit-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
}
.main-inicio .buttonContratar #button:focus {
  -webkit-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
}
.main-inicio .buttonContratar:active span {
  -webkit-transform: translate(0, 4px);
  -moz-transform: translate(0, 4px);
  -o-transform: translate(0, 4px);
  transform: translate(0, 4px);
}
.main-inicio .loginTutorContratar {
  display: none;
  height: 456px;
  width: 376px;
  border-radius: 5px;
  text-align: center;
  margin-left: 313px;
  position: absolute;
  margin-top: 40px;
  -webkit-box-shadow: 5px 5px 10px #cbcfd3;
  box-shadow: 5px 5px 10px #cbcfd3;
  margin-bottom: 10px;
  background: #eff3f6;
}
.main-inicio .loginTutorContratar .titleLoginTutorContratar {
  color: #42B2FC;
  font-size: 20px;
  text-align: center;
  margin-top: 15px;
}
.main-inicio .loginTutorContratar label {
  font-size: 17px;
  float: left;
  color: #666;
  margin-left: 16px;
  margin-right: 10px;
  line-height: 40px;
  width: 100%;
  text-align: left;
  text-indent: 12px;
}
.main-inicio .loginTutorContratar .decor-field {
  overflow: hidden;
  padding: 4px 4px 0;
  width: 267px;
  background: #f8f8f6;
  border: 2px solid #e8e8e8;
  border-radius: 5px;
  height: 34px;
  font-size: 22px;
  margin-left: 47px;
  margin-bottom: 5px;
}
.main-inicio .loginTutorContratar .decor-field input {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  color: #666;
  float: left;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  font-size: 17px;
  padding-left: 10px;
}
.main-inicio .loginTutorContratar .buttonLoginContratar {
  background: #7ac43d;
  border-radius: 10px;
  color: #fff;
  border-bottom: 3px solid #7aaa54;
  width: 287px;
  height: 63px;
  font-size: 23px;
  position: relative;
  margin-top: 12px;
  cursor: pointer;
}
.main-inicio .loginTutorContratar .separator {
  height: 1px;
  width: 304px;
  background: #c6d5e0;
  margin-top: 94px;
  margin-left: 30px;
  position: absolute;
}
.main-inicio .loginTutorContratar .social {
  margin-top: 115px;
}
.main-inicio .avisoFechaNacimiento {
  font-size: 24px;
  padding: 5%;
  text-align: center;
}
.main-inicio .pizarra {
  width: 445px;
  height: 554px;
  position: absolute;
  bottom: 9px;
  right: 35px;
  box-sizing: border-box;
}
.main-inicio .pizarra .pizarraTitle {
  font-size: 45px;
  margin-top: 100px;
  width: 100%;
  text-align: center;
  color: #FFFFFF;
}
.main-inicio .pizarra .pizarraText {
  font-size: 25px;
  width: 100%;
  color: #FFFFFF;
  text-align: center;
  margin-top: 29px;
}
.main-inicio.MORNING .pizarra,
.main-inicio.NOON .pizarra {
  background-image: url('../../images/sesion/inicio/fondos/pizarra-manana.png');
  background-size: 507px 554px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.MORNING .pizarra,
  .main-inicio.NOON .pizarra {
    background-image: url("../../images/sesion/inicio/fondos/pizarra-manana@2x.png");
    background-size: 507px 554px;
  }
}
.main-inicio.AFTERNOON .pizarra {
  background-image: url('../../images/sesion/inicio/fondos/pizarra-tarde.png');
  background-size: 507px 554px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.AFTERNOON .pizarra {
    background-image: url("../../images/sesion/inicio/fondos/pizarra-tarde@2x.png");
    background-size: 507px 554px;
  }
}
.main-inicio.NIGHT .pizarra {
  background-image: url('../../images/sesion/inicio/fondos/pizarra-noche.png');
  background-size: 507px 554px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.NIGHT .pizarra {
    background-image: url("../../images/sesion/inicio/fondos/pizarra-noche@2x.png");
    background-size: 507px 554px;
  }
}
.main-inicio.NAVIDAD .pizarra {
  width: 463px;
  height: 560px;
  bottom: 0;
  right: 30px;
  padding-right: 20px;
  background-image: url('../../images/sesion/inicio/fondos/pizarra-navidad.png');
  background-size: 463px 591px;
}
@media (min-resolution: 1.5dppx) {
  .main-inicio.NAVIDAD .pizarra {
    background-image: url("../../images/sesion/inicio/fondos/pizarra-navidad@2x.png");
    background-size: 463px 591px;
  }
}
.main-inicio.NAVIDAD .pizarra .pizarraTitle {
  margin-top: 135px;
}
.main-inicio.NAVIDAD .pizarra .pizarraText {
  margin-top: 10px;
}
.previewTutorialContainer {
  position: absolute;
  width: 1000px;
  height: 600px;
  overflow: hidden;
  border-radius: 12px;
}
.previewTutorialContainer .fondo-base {
  position: absolute;
  width: 500px;
  height: 600px;
  top: 0;
  background-color: #40B3FC;
}
.previewTutorialContainer .fondo-base.izq {
  left: 0;
}
.previewTutorialContainer .fondo-base.dcha {
  left: 500px;
}
.previewTutorialContainer .fondo-arboles {
  position: absolute;
  width: 1000px;
  height: 454px;
  top: 146px;
  left: 0;
  background-image: url('../../images/sesion/inicio/fondos/arboles-y-colegio.png');
  background-size: 1000px 454px;
}
@media (min-resolution: 1.5dppx) {
  .previewTutorialContainer .fondo-arboles {
    background-image: url("../../images/sesion/inicio/fondos/arboles-y-colegio@2x.png");
    background-size: 1000px 454px;
  }
}
.previewTutorialContainer .fondo-colina {
  position: absolute;
  width: 1000px;
  height: 147px;
  top: 453px;
  left: 0;
  background-image: url('../../images/sesion/inicio/fondos/colina_primer_plano.png');
  background-size: 1000px 147px;
}
@media (min-resolution: 1.5dppx) {
  .previewTutorialContainer .fondo-colina {
    background-image: url("../../images/sesion/inicio/fondos/colina_primer_plano@2x.png");
    background-size: 1000px 147px;
  }
}
.previewTutorialContainer .cartel {
  opacity: 0;
  position: absolute;
  width: 468px;
  height: 583px;
  top: 17px;
  left: 287px;
  background-image: url('../../images/sesion/inicio/fondos/cartel.png');
  background-size: 468px 583px;
}
@media (min-resolution: 1.5dppx) {
  .previewTutorialContainer .cartel {
    background-image: url("../../images/sesion/inicio/fondos/cartel@2x.png");
    background-size: 468px 583px;
  }
}
.previewTutorialContainer .cartel .subtitulo {
  position: absolute;
  width: 350px;
  max-height: 110px;
  top: 75px;
  left: 65px;
  color: #A9431E;
  font-size: 22px;
  text-align: center;
}
.previewTutorialContainer .cartel .subtitulo .texto {
  padding-bottom: 15px;
}
.previewTutorialContainer .cartel .buttonTutorial {
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  width: 273px;
  height: 77px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  left: 98px;
  top: 210px;
  position: absolute;
}
.previewTutorialContainer .cartel .buttonTutorial:hover {
  border: solid 3px #7ac43d;
}
.previewTutorialContainer .cartel .buttonTutorial:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
.previewTutorialContainer .cartel .buttonTutorial span {
  display: inline-block;
  width: 37px;
  height: 46px;
  margin-top: 13.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/play-green.png");
  background-size: 37px 46px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  .previewTutorialContainer .cartel .buttonTutorial span {
    background-image: url("../../images/buttons/textless/icons/play-green@2x.png");
    background-size: 37px 46px;
  }
}
.previewTutorialContainer .cartel .buttonTutorial:hover span,
.previewTutorialContainer .cartel .buttonTutorial.hover span {
  width: 41px;
  height: 52px;
  margin-top: 10.5px;
  background-image: url("../../images/buttons/textless/icons/play-green-hover.png");
  background-size: 41px 52px;
}
@media (min-resolution: 1.5dppx) {
  .previewTutorialContainer .cartel .buttonTutorial:hover span,
  .previewTutorialContainer .cartel .buttonTutorial.hover span {
    background-image: url("../../images/buttons/textless/icons/play-green-hover@2x.png");
    background-size: 41px 52px;
  }
}
.previewTutorialContainer .cartel .buttonTutorial:active span,
.previewTutorialContainer .cartel .buttonTutorial.active span {
  width: 37px;
  height: 46px;
  margin-top: 13.5px;
  background-image: url("../../images/buttons/textless/icons/play-green-active.png");
  background-size: 37px 46px;
}
@media (min-resolution: 1.5dppx) {
  .previewTutorialContainer .cartel .buttonTutorial:active span,
  .previewTutorialContainer .cartel .buttonTutorial.active span {
    background-image: url("../../images/buttons/textless/icons/play-green-active@2x.png");
    background-size: 37px 46px;
  }
}
.previewTutorialContainer .cartel .buttonOmitir {
  background-color: #ff5a5f;
  box-shadow: inset 0 2px 0 0 #ec494e, inset 0 -4px 0 0 #ec494e, inset 0 4px 0 0 #ff9093;
  border: solid 3px #e9464b;
  width: 57px;
  height: 58px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  border-width: 2px;
  position: absolute;
  left: 205px;
  top: 300px;
}
.previewTutorialContainer .cartel .buttonOmitir:hover {
  border: solid 3px #ff5a5f;
}
.previewTutorialContainer .cartel .buttonOmitir:active {
  background-color: #e9464b;
  box-shadow: inset 0 0 0 0 #e9464b, inset 0px 2px 0 0 #ff9093;
  border: solid 3px #e9464b;
}
.previewTutorialContainer .cartel .buttonOmitir span {
  display: inline-block;
  width: 30px;
  height: 28px;
  margin-top: 13px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/cancel-red.png");
  background-size: 30px 28px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  .previewTutorialContainer .cartel .buttonOmitir span {
    background-image: url("../../images/buttons/textless/icons/cancel-red@2x.png");
    background-size: 30px 28px;
  }
}
.previewTutorialContainer .cartel .buttonOmitir:hover span,
.previewTutorialContainer .cartel .buttonOmitir.hover span {
  width: 34px;
  height: 30px;
  margin-top: 12px;
  background-image: url("../../images/buttons/textless/icons/cancel-red-hover.png");
  background-size: 34px 30px;
}
@media (min-resolution: 1.5dppx) {
  .previewTutorialContainer .cartel .buttonOmitir:hover span,
  .previewTutorialContainer .cartel .buttonOmitir.hover span {
    background-image: url("../../images/buttons/textless/icons/cancel-red-hover@2x.png");
    background-size: 34px 30px;
  }
}
.previewTutorialContainer .cartel .buttonOmitir:active span,
.previewTutorialContainer .cartel .buttonOmitir.active span {
  width: 30px;
  height: 28px;
  margin-top: 13px;
  background-image: url("../../images/buttons/textless/icons/cancel-red-active.png");
  background-size: 30px 28px;
}
@media (min-resolution: 1.5dppx) {
  .previewTutorialContainer .cartel .buttonOmitir:active span,
  .previewTutorialContainer .cartel .buttonOmitir.active span {
    background-image: url("../../images/buttons/textless/icons/cancel-red-active@2x.png");
    background-size: 30px 28px;
  }
}
.previewTutorialContainer .tutorial-monstruo {
  opacity: 0;
  position: absolute;
  width: 361px;
  height: 411px;
  top: 255px;
  left: 50px;
  z-index: 1;
  background-image: url('../../images/sesion/inicio/fondos/monstruo.png');
  background-size: 361px 411px;
}
@media (min-resolution: 1.5dppx) {
  .previewTutorialContainer .tutorial-monstruo {
    background-image: url("../../images/sesion/inicio/fondos/monstruo@2x.png");
    background-size: 361px 411px;
  }
}
.previewTutorialContainer.tutorial-cl .fondo-base {
  background-color: #EEB400;
}
.previewTutorialContainer.tutorial-cl .fondo-arboles {
  background-image: url('../../images/sesion/inicio/fondos/arboles-y-colegio-cl.png');
  background-size: 1000px 454px;
}
@media (min-resolution: 1.5dppx) {
  .previewTutorialContainer.tutorial-cl .fondo-arboles {
    background-image: url("../../images/sesion/inicio/fondos/arboles-y-colegio-cl@2x.png");
    background-size: 1000px 454px;
  }
}
.previewTutorialContainer.tutorial-cl .fondo-colina {
  background-image: url('../../images/sesion/inicio/fondos/colina_primer_plano_cl.png');
  background-size: 1000px 147px;
}
@media (min-resolution: 1.5dppx) {
  .previewTutorialContainer.tutorial-cl .fondo-colina {
    background-image: url("../../images/sesion/inicio/fondos/colina_primer_plano_cl@2x.png");
    background-size: 1000px 147px;
  }
}
.previewTutorialContainer.tutorial-cl .tutorial-monstruo {
  width: 411px;
  height: 345px;
  background-image: url('../../images/sesion/inicio/fondos/monstruo_cl.png');
  background-size: 411px 345px;
}
@media (min-resolution: 1.5dppx) {
  .previewTutorialContainer.tutorial-cl .tutorial-monstruo {
    background-image: url("../../images/sesion/inicio/fondos/monstruo_cl@2x.png");
    background-size: 411px 345px;
  }
}
.homeAlumnoNotificaciones .bandejaNotificaciones {
  width: 100px;
  object-fit: contain;
  position: absolute;
  left: 0;
  bottom: 4px;
  background: url('../../images/sesion/inicio/bandeja.png') no-repeat;
  transform-origin: 50% 100%;
  transform: scaleY(0);
  transition: transform 0.5s;
  transition-timing-function: ease-out;
  border-bottom-left-radius: 15px;
}
@keyframes notificacionIconAnim {
  from {
    transform: scale(1);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
.homeAlumnoNotificaciones .bandejaNotificaciones .animEnd {
  transform: scale(1);
}
.homeAlumnoNotificaciones .bandejaNotificaciones .notificacionCumpleanos {
  width: 90px;
  height: 90px;
  object-fit: contain;
  background: url('../../images/sesion/inicio/paquete-regalo.png') no-repeat;
  background-position-x: 10px;
  display: none;
}
.homeAlumnoNotificaciones .bandejaNotificaciones .notificacionCumpleanos .pendientes {
  width: 32px;
  height: 31px;
  object-fit: contain;
  background: url('../../images/sesion/inicio/tarta-cumple.png') no-repeat;
  background-color: #c80315;
  background-position-x: 5px;
  background-position-y: 5px;
  color: white;
  border-radius: 16px;
  position: absolute;
  right: -5px;
  margin-top: 10px;
  text-align: center;
}
.homeAlumnoNotificaciones .bandejaNotificaciones .notificacionCumpleanos.mostrar {
  display: block;
}
.homeAlumnoNotificaciones .bandejaNotificaciones .notificacionCumpleanos.anim {
  animation-name: notificacionIconAnim;
  animation-delay: 1s;
  animation-duration: 0.75s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.homeAlumnoNotificaciones .bandejaNotificaciones .notificacionMensaje {
  width: 90px;
  height: 90px;
  object-fit: contain;
  background: url('../../images/sesion/inicio/sobre.png') no-repeat;
  background-position-y: 20px;
  display: none;
}
.homeAlumnoNotificaciones .bandejaNotificaciones .notificacionMensaje .pendientes {
  width: 32px;
  height: 31px;
  object-fit: contain;
  background-color: #c80315;
  color: white;
  border-radius: 16px;
  position: absolute;
  right: -5px;
  margin-top: 10px;
  text-align: center;
}
.homeAlumnoNotificaciones .bandejaNotificaciones .notificacionMensaje .pendientes span {
  font-size: 25px;
}
.homeAlumnoNotificaciones .bandejaNotificaciones .notificacionMensaje.mostrar {
  display: block;
}
.homeAlumnoNotificaciones .bandejaNotificaciones .notificacionMensaje.anim {
  animation-name: notificacionIconAnim;
  animation-delay: 1s;
  animation-duration: 0.75s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.homeAlumnoNotificaciones .bandejaNotificaciones .notificacionReto {
  width: 90px;
  height: 90px;
  object-fit: contain;
  background: url('../../images/sesion/inicio/retos.png') no-repeat;
  background-position-x: 10px;
  display: none;
}
.homeAlumnoNotificaciones .bandejaNotificaciones .notificacionReto .pendientes {
  width: 32px;
  height: 31px;
  object-fit: contain;
  background-color: #c80315;
  color: white;
  border-radius: 16px;
  position: absolute;
  right: -5px;
  margin-top: 10px;
  text-align: center;
}
.homeAlumnoNotificaciones .bandejaNotificaciones .notificacionReto .pendientes span {
  font-size: 25px;
}
.homeAlumnoNotificaciones .bandejaNotificaciones .notificacionReto.mostrar {
  display: block;
}
.homeAlumnoNotificaciones .bandejaNotificaciones .notificacionReto.anim {
  animation-name: notificacionIconAnim;
  animation-delay: 1s;
  animation-duration: 0.75s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.homeAlumnoNotificaciones .bandejaNotificaciones .notificacionSorteo {
  width: 90px;
  height: 90px;
  object-fit: contain;
  background: url('../../images/sesion/inicio/paquete-regalo.png') no-repeat;
  background-position-x: 10px;
  display: none;
}
.homeAlumnoNotificaciones .bandejaNotificaciones .notificacionSorteo .pendientes {
  width: 32px;
  height: 31px;
  object-fit: contain;
  background-repeat: no-repeat;
  background-color: #c80315;
  background-position-x: 5px;
  background-position-y: 5px;
  color: white;
  border-radius: 16px;
  position: absolute;
  right: -5px;
  margin-top: 10px;
  text-align: center;
  line-height: 2.5;
}
.homeAlumnoNotificaciones .bandejaNotificaciones .notificacionSorteo.estuches {
  width: 102px;
  height: 63px;
  object-fit: contain;
  background: url('../../images/sesion/inicio/notificacion-estuches.png') no-repeat;
  background-position-x: 4px;
}
.homeAlumnoNotificaciones .bandejaNotificaciones .notificacionSorteo.rinoneras {
  width: 78px;
  height: 91px;
  object-fit: contain;
  background: url('../../images/sesion/inicio/notificacion-rinoneras.png') no-repeat;
  background-position-x: 4px;
}
.homeAlumnoNotificaciones .bandejaNotificaciones .notificacionSorteo.parque20 {
  width: 91px;
  height: 98px;
  object-fit: contain;
  background: url('../../images/sesion/inicio/notificacion-parque20.png') no-repeat;
  background-position-x: 4px;
}
.homeAlumnoNotificaciones .bandejaNotificaciones .notificacionSorteo.objetos21 {
  width: 83px;
  height: 85px;
  object-fit: contain;
  background: url('../../images/sesion/inicio/notificacion-objetos21.png') no-repeat;
  background-position-x: 4px;
}
.homeAlumnoNotificaciones .bandejaNotificaciones .notificacionSorteo.disney22 {
  width: 91px;
  height: 98px;
  object-fit: contain;
  background: url('../../images/sesion/inicio/notificacion-parque20.png') no-repeat;
  background-position-x: 4px;
}
.homeAlumnoNotificaciones .bandejaNotificaciones .notificacionSorteo.verano22 {
  width: 83px;
  height: 86px;
  object-fit: contain;
  background: url('../../images/sesion/inicio/notificacion-verano22.png') no-repeat;
  background-position-x: 4px;
}
.homeAlumnoNotificaciones .bandejaNotificaciones .notificacionSorteo.disney23 {
  width: 91px;
  height: 98px;
  object-fit: contain;
  background: url('../../images/sesion/inicio/notificacion-parque20.png') no-repeat;
  background-position-x: 4px;
}
.homeAlumnoNotificaciones .bandejaNotificaciones .notificacionSorteo.mostrar {
  display: block;
}
.homeAlumnoNotificaciones .bandejaNotificaciones .notificacionSorteo.anim {
  animation-name: notificacionIconAnim;
  animation-delay: 1s;
  animation-duration: 0.75s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.homeAlumnoNotificaciones .bandejaNotificaciones.mostrar {
  transform: scaleY(1);
}
.homeAlumnoNotificaciones .popupMensaje {
  display: none;
  width: 1000px;
  height: 600px;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 2;
  transition: opacity 1s;
  overflow: hidden;
}
.homeAlumnoNotificaciones .popupMensaje .fondoPopupMensaje {
  width: 654px;
  height: 577px;
  background: url('../../images/sesion/inicio/popup-sobre.png') no-repeat;
  position: absolute;
  top: 9px;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  transition: transform 1s;
}
.homeAlumnoNotificaciones .popupMensaje .fondoPopupMensaje .texto {
  width: 540px;
  height: 200px;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  font-size: 22px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 200px;
  text-align: center;
  color: #8a8080;
  margin-top: 50px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}
.homeAlumnoNotificaciones .popupMensaje .fondoPopupMensaje .texto span {
  vertical-align: middle;
  display: inline-block;
  line-height: normal;
}
.homeAlumnoNotificaciones .popupMensaje .fondoPopupMensaje .botonOk {
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  width: 145px;
  height: 60px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.homeAlumnoNotificaciones .popupMensaje .fondoPopupMensaje .botonOk:hover {
  border: solid 3px #7ac43d;
}
.homeAlumnoNotificaciones .popupMensaje .fondoPopupMensaje .botonOk:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
.homeAlumnoNotificaciones .popupMensaje .fondoPopupMensaje .botonOk span {
  display: inline-block;
  width: 31px;
  height: 32px;
  margin-top: 12px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/ok-green.png");
  background-size: 31px 32px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  .homeAlumnoNotificaciones .popupMensaje .fondoPopupMensaje .botonOk span {
    background-image: url("../../images/buttons/textless/icons/ok-green@2x.png");
    background-size: 31px 32px;
  }
}
.homeAlumnoNotificaciones .popupMensaje .fondoPopupMensaje .botonOk:hover span,
.homeAlumnoNotificaciones .popupMensaje .fondoPopupMensaje .botonOk.hover span {
  width: 33px;
  height: 34px;
  margin-top: 11px;
  background-image: url("../../images/buttons/textless/icons/ok-green-hover.png");
  background-size: 33px 34px;
}
@media (min-resolution: 1.5dppx) {
  .homeAlumnoNotificaciones .popupMensaje .fondoPopupMensaje .botonOk:hover span,
  .homeAlumnoNotificaciones .popupMensaje .fondoPopupMensaje .botonOk.hover span {
    background-image: url("../../images/buttons/textless/icons/ok-green-hover@2x.png");
    background-size: 33px 34px;
  }
}
.homeAlumnoNotificaciones .popupMensaje .fondoPopupMensaje .botonOk:active span,
.homeAlumnoNotificaciones .popupMensaje .fondoPopupMensaje .botonOk.active span {
  width: 31px;
  height: 32px;
  margin-top: 12px;
  background-image: url("../../images/buttons/textless/icons/ok-green-active.png");
  background-size: 31px 32px;
}
@media (min-resolution: 1.5dppx) {
  .homeAlumnoNotificaciones .popupMensaje .fondoPopupMensaje .botonOk:active span,
  .homeAlumnoNotificaciones .popupMensaje .fondoPopupMensaje .botonOk.active span {
    background-image: url("../../images/buttons/textless/icons/ok-green-active@2x.png");
    background-size: 31px 32px;
  }
}
.homeAlumnoNotificaciones .popupMensaje.fade {
  opacity: 0.5;
}
.homeAlumnoNotificaciones .popupMensaje.fade .fondoPopupMensaje {
  transform: scale(0.75);
}
.homeAlumnoNotificaciones .popupRegalo {
  display: none;
  width: 1000px;
  height: 600px;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 2;
  transition: opacity 1s;
  overflow: hidden;
}
.homeAlumnoNotificaciones .popupRegalo .tapaPopupRegalo {
  width: 486px;
  height: 486px;
  background: url('../../images/sesion/inicio/tapa-regalo.png') no-repeat;
  position: absolute;
  top: 60px;
  left: 250px;
  right: 0px;
  transform: scale(1) translate(300px, 400px) rotate(-20deg);
  transition: transform 1s;
}
.homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo {
  width: 816px;
  height: 477px;
  background: url('../../images/sesion/inicio/popup-regalo.png') no-repeat;
  position: absolute;
  top: 60px;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  transition: transform 1s;
}
.homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .texto {
  width: 400px;
  height: 50px;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  font-size: 22px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  text-align: center;
  color: #8a8080;
  margin-top: 50px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}
.homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .texto span {
  display: block;
  vertical-align: middle;
}
.homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .texto .negrita {
  font-weight: bolder;
  margin-top: 100px;
}
.homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .ticks {
  width: 350px;
  margin-left: auto;
  margin-right: auto;
  transition: transform 0.15s;
  transition-delay: 0.65s;
}
.homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .ticks .textoTicks {
  width: 175px;
  height: 150px;
  text-align: right;
  display: inline-block;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  font-size: 133px;
  font-weight: bold;
  color: #f36d21;
  margin-left: auto;
  margin-right: 0px;
  transition: transform 0.15s;
  transition-delay: 0.5s;
}
.homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .ticks .imagenTicks {
  display: inline-block;
  width: 98px;
  height: 94px;
  background: url('../../images/sesion/inicio/tick-regalo.png') no-repeat;
  margin-left: 0px;
  margin-right: auto;
  transition: transform 0.15s;
  transition-delay: 0.5s;
}
.homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .ticksEfecto {
  width: 98px;
  height: 94px;
  transition: opacity 0.2s;
  transition-delay: 0.5s;
  position: absolute;
  left: 360px;
  top: 200px;
}
.homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .ticksEfecto .tick {
  position: absolute;
  width: 98px;
  height: 94px;
  background: url('../../images/sesion/inicio/tick-regalo.png') no-repeat;
  transition: transform 1.5s, opacity 1.3s;
  transition-delay: 0.5s, 0.7s;
  opacity: 0;
}
.homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .ticksEfecto .t1 {
  transform: translate(200px, 100px) scale(0.7);
}
.homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .ticksEfecto .t2 {
  transform: translate(-100px, -300px) scale(0.9);
}
.homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .ticksEfecto .t3 {
  transform: translate(-150px, -150px) scale(0.6);
}
.homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .ticksEfecto .t4 {
  transform: translate(-100px, 250px) scale(0.8);
}
.homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .ticksEfecto .t5 {
  transform: translate(100px, 150px) scale(0.7);
}
.homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .ticksEfecto .t6 {
  transform: translate(200px, -150px) scale(0.9);
}
.homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .ticksEfecto .t7 {
  transform: translate(-200px, 100px) scale(0.6);
}
.homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .ticksEfecto .t8 {
  transform: translate(100px, -350px) scale(0.8);
}
.homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .botonOk {
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  width: 145px;
  height: 60px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .botonOk:hover {
  border: solid 3px #7ac43d;
}
.homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .botonOk:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
.homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .botonOk span {
  display: inline-block;
  width: 31px;
  height: 32px;
  margin-top: 12px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/ok-green.png");
  background-size: 31px 32px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  .homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .botonOk span {
    background-image: url("../../images/buttons/textless/icons/ok-green@2x.png");
    background-size: 31px 32px;
  }
}
.homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .botonOk:hover span,
.homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .botonOk.hover span {
  width: 33px;
  height: 34px;
  margin-top: 11px;
  background-image: url("../../images/buttons/textless/icons/ok-green-hover.png");
  background-size: 33px 34px;
}
@media (min-resolution: 1.5dppx) {
  .homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .botonOk:hover span,
  .homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .botonOk.hover span {
    background-image: url("../../images/buttons/textless/icons/ok-green-hover@2x.png");
    background-size: 33px 34px;
  }
}
.homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .botonOk:active span,
.homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .botonOk.active span {
  width: 31px;
  height: 32px;
  margin-top: 12px;
  background-image: url("../../images/buttons/textless/icons/ok-green-active.png");
  background-size: 31px 32px;
}
@media (min-resolution: 1.5dppx) {
  .homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .botonOk:active span,
  .homeAlumnoNotificaciones .popupRegalo .fondoPopupRegalo .botonOk.active span {
    background-image: url("../../images/buttons/textless/icons/ok-green-active@2x.png");
    background-size: 31px 32px;
  }
}
.homeAlumnoNotificaciones .popupRegalo.fade {
  opacity: 0.5;
}
.homeAlumnoNotificaciones .popupRegalo.fade .tapaPopupRegalo {
  transform: scale(0.75) rotate(0deg) translate(0px, 0px);
}
.homeAlumnoNotificaciones .popupRegalo.fade .fondoPopupRegalo {
  transform: scale(0.75);
}
.homeAlumnoNotificaciones .popupRegalo.fade .fondoPopupRegalo .ticks {
  transform: scale(1.2);
}
.homeAlumnoNotificaciones .popupRegalo.fade .fondoPopupRegalo .ticks .textoTicks {
  transform: scale(0.83);
}
.homeAlumnoNotificaciones .popupRegalo.fade .fondoPopupRegalo .ticks .imagenTicks {
  transform: scale(0.83);
}
.homeAlumnoNotificaciones .popupRegalo.fade .fondoPopupRegalo .ticksEfecto {
  opacity: 0;
}
.homeAlumnoNotificaciones .popupRegalo.fade .fondoPopupRegalo .ticksEfecto .tick {
  opacity: 1;
  transform: translate(0px, 0px) scale(0.5);
}
.homeAlumnoNotificaciones .popupReto {
  display: none;
  width: 1000px;
  height: 600px;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 2;
  transition: opacity 1s;
  overflow: hidden;
}
.homeAlumnoNotificaciones .popupReto .lazoPopupRetoIzq {
  width: 190px;
  height: 142px;
  background: url('../../images/sesion/inicio/fleco-banda-izquierda.png') no-repeat;
  position: absolute;
  top: 381px;
  left: 106px;
  transition: transform 0.5s, opacity 0s;
  transition-delay: 1s;
}
.homeAlumnoNotificaciones .popupReto .lazoPopupRetoDer {
  width: 190px;
  height: 142px;
  background: url('../../images/sesion/inicio/fleco-banda-derecha.png') no-repeat;
  position: absolute;
  top: 381px;
  right: 106px;
  transition: transform 0.5s, opacity 0s;
  transition-delay: 1s;
}
.homeAlumnoNotificaciones .popupReto .banderaPopupRetoIzq {
  width: 296px;
  height: 248px;
  background: url('../../images/sesion/inicio/bandera-izq.png') no-repeat;
  position: absolute;
  top: 31px;
  left: 230px;
  transform-origin: 100% 100%;
  transition: transform 1.5s;
}
.homeAlumnoNotificaciones .popupReto .banderaPopupRetoDer {
  width: 296px;
  height: 248px;
  background: url('../../images/sesion/inicio/bandera.png') no-repeat;
  position: absolute;
  top: 31px;
  right: 230px;
  transform-origin: 0% 100%;
  transition: transform 1.5s;
}
.homeAlumnoNotificaciones .popupReto .fondoPopupReto {
  width: 580px;
  height: 253px;
  background-color: #42B2FC;
  position: absolute;
  top: 236px;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  transition: transform 1s, opacity 1s;
}
.homeAlumnoNotificaciones .popupReto .fondoPopupReto .interiorPopupReto {
  width: 560px;
  height: 233px;
  border: solid 1px #ffffff;
  margin: auto;
  margin-top: 10px;
  transition: opacity 0.5s;
  transition-delay: 1s;
}
.homeAlumnoNotificaciones .popupReto .fondoPopupReto .interiorPopupReto .texto {
  width: 540px;
  height: 100px;
  padding-top: 20px;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  font-size: 22px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  text-align: center;
  color: #ffffff;
  margin-top: 20px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}
.homeAlumnoNotificaciones .popupReto .fondoPopupReto .interiorPopupReto .texto span {
  display: block;
  vertical-align: middle;
}
.homeAlumnoNotificaciones .popupReto .fondoPopupReto .interiorPopupReto .texto .negrita {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px;
}
.homeAlumnoNotificaciones .popupReto .fondoPopupReto .interiorPopupReto .botonOk {
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  width: 145px;
  height: 60px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.homeAlumnoNotificaciones .popupReto .fondoPopupReto .interiorPopupReto .botonOk:hover {
  border: solid 3px #7ac43d;
}
.homeAlumnoNotificaciones .popupReto .fondoPopupReto .interiorPopupReto .botonOk:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
.homeAlumnoNotificaciones .popupReto .fondoPopupReto .interiorPopupReto .botonOk span {
  display: inline-block;
  width: 31px;
  height: 32px;
  margin-top: 12px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/ok-green.png");
  background-size: 31px 32px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  .homeAlumnoNotificaciones .popupReto .fondoPopupReto .interiorPopupReto .botonOk span {
    background-image: url("../../images/buttons/textless/icons/ok-green@2x.png");
    background-size: 31px 32px;
  }
}
.homeAlumnoNotificaciones .popupReto .fondoPopupReto .interiorPopupReto .botonOk:hover span,
.homeAlumnoNotificaciones .popupReto .fondoPopupReto .interiorPopupReto .botonOk.hover span {
  width: 33px;
  height: 34px;
  margin-top: 11px;
  background-image: url("../../images/buttons/textless/icons/ok-green-hover.png");
  background-size: 33px 34px;
}
@media (min-resolution: 1.5dppx) {
  .homeAlumnoNotificaciones .popupReto .fondoPopupReto .interiorPopupReto .botonOk:hover span,
  .homeAlumnoNotificaciones .popupReto .fondoPopupReto .interiorPopupReto .botonOk.hover span {
    background-image: url("../../images/buttons/textless/icons/ok-green-hover@2x.png");
    background-size: 33px 34px;
  }
}
.homeAlumnoNotificaciones .popupReto .fondoPopupReto .interiorPopupReto .botonOk:active span,
.homeAlumnoNotificaciones .popupReto .fondoPopupReto .interiorPopupReto .botonOk.active span {
  width: 31px;
  height: 32px;
  margin-top: 12px;
  background-image: url("../../images/buttons/textless/icons/ok-green-active.png");
  background-size: 31px 32px;
}
@media (min-resolution: 1.5dppx) {
  .homeAlumnoNotificaciones .popupReto .fondoPopupReto .interiorPopupReto .botonOk:active span,
  .homeAlumnoNotificaciones .popupReto .fondoPopupReto .interiorPopupReto .botonOk.active span {
    background-image: url("../../images/buttons/textless/icons/ok-green-active@2x.png");
    background-size: 31px 32px;
  }
}
.homeAlumnoNotificaciones .popupReto.fade {
  opacity: 0.5;
}
.homeAlumnoNotificaciones .popupReto.fade .fondoPopupReto {
  transform: scale(0);
  opacity: 0;
}
.homeAlumnoNotificaciones .popupReto.fade .fondoPopupReto .interiorPopupReto {
  opacity: 0;
}
.homeAlumnoNotificaciones .popupReto.fade .banderaPopupRetoIzq {
  transform: rotate(-150deg) scale(2) translateX(-50px);
}
.homeAlumnoNotificaciones .popupReto.fade .banderaPopupRetoDer {
  transform: rotate(150deg) scale(2) translateX(50px);
}
.homeAlumnoNotificaciones .popupReto.fade .lazoPopupRetoIzq {
  transform: translate(100px, -50px);
  opacity: 0;
}
.homeAlumnoNotificaciones .popupReto.fade .lazoPopupRetoDer {
  transform: translate(-100px, -50px);
  opacity: 0;
}
.homeAlumnoNotificaciones .popupSorteo {
  display: none;
  width: 1000px;
  height: 600px;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 2;
  transition: opacity 1s;
  overflow: hidden;
}
.homeAlumnoNotificaciones .popupSorteo .carteraPopupSorteo {
  width: 418px;
  height: 312px;
  background-image: url('../../images/sesion/inicio/cartera.png');
  background-size: 418px 312px;
  position: absolute;
  top: 60px;
  left: 250px;
  right: 0px;
  transform: scale(1) translate(300px, 230px);
  transition: transform 1s;
}
@media (min-resolution: 1.5dppx) {
  .homeAlumnoNotificaciones .popupSorteo .carteraPopupSorteo {
    background-image: url("../../images/sesion/inicio/cartera@2x.png");
    background-size: 418px 312px;
  }
}
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo {
  /*
			width: 816px;
			height: 477px;
			background: url('../../images/sesion/inicio/popup-regalo.png') no-repeat;
			position: absolute;
			top: 60px;
			left: 0px;
			right: 0px;
			margin-left: auto;
			margin-right: auto;
			/**/
  width: 400px;
  height: 310px;
  object-fit: contain;
  border-radius: 12px;
  background-color: #F6F9F9;
  box-shadow: -5.2px 3px 0 0 rgba(0, 0, 0, 0.25);
  border: solid 1.5px #42B2FC;
  position: absolute;
  left: 112px;
  bottom: 20px;
  transition: transform 1s;
}
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .marcoFondo {
  width: 180px;
  height: 90px;
  margin: auto;
  margin-top: -91px;
  background-color: #F6F9F9;
  text-align: center;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border: solid 1.5px #42B2FC;
  border-bottom: none;
}
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .iconoMarcoFondo {
  width: 128px;
  height: 128px;
  background-color: #9155bd;
  border-radius: 128px;
  text-align: center;
  margin: auto;
  margin-top: -80px;
}
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .iconoMarcoFondo.estuches {
  background-image: url('../../images/sesion/inicio/icono-marco-estuches.png');
  background-size: 135px 129px;
  width: 135px;
  height: 129px;
}
@media (min-resolution: 1.5dppx) {
  .homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .iconoMarcoFondo.estuches {
    background-image: url("../../images/sesion/inicio/icono-marco-estuches@2x.png");
    background-size: 135px 129px;
  }
}
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .iconoMarcoFondo.rinoneras {
  background-image: url('../../images/sesion/inicio/icono-marco-rinoneras.png');
  background-size: 129px 130px;
  width: 129px;
  height: 130px;
}
@media (min-resolution: 1.5dppx) {
  .homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .iconoMarcoFondo.rinoneras {
    background-image: url("../../images/sesion/inicio/icono-marco-rinoneras@2x.png");
    background-size: 129px 130px;
  }
}
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .iconoMarcoFondo.parque20 {
  background-image: url('../../images/sesion/inicio/icono-marco-parque20.png');
  background-size: 129px 130px;
  width: 129px;
  height: 130px;
}
@media (min-resolution: 1.5dppx) {
  .homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .iconoMarcoFondo.parque20 {
    background-image: url("../../images/sesion/inicio/icono-marco-parque20@2x.png");
    background-size: 129px 130px;
  }
}
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .iconoMarcoFondo.objetos21 {
  background-image: url('../../images/sesion/inicio/icono-marco-objetos21.png');
  background-size: 131px 129px;
  width: 131px;
  height: 129px;
}
@media (min-resolution: 1.5dppx) {
  .homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .iconoMarcoFondo.objetos21 {
    background-image: url("../../images/sesion/inicio/icono-marco-objetos21@2x.png");
    background-size: 131px 129px;
  }
}
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .iconoMarcoFondo.disney22 {
  background-image: url('../../images/sesion/inicio/icono-marco-parque20.png');
  background-size: 129px 130px;
  width: 129px;
  height: 130px;
}
@media (min-resolution: 1.5dppx) {
  .homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .iconoMarcoFondo.disney22 {
    background-image: url("../../images/sesion/inicio/icono-marco-parque20@2x.png");
    background-size: 129px 130px;
  }
}
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .iconoMarcoFondo.verano22 {
  background-image: url('../../images/sesion/inicio/icono-marco-verano22.png');
  background-size: 129px 130px;
  width: 129px;
  height: 130px;
}
@media (min-resolution: 1.5dppx) {
  .homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .iconoMarcoFondo.verano22 {
    background-image: url("../../images/sesion/inicio/icono-marco-verano22@2x.png");
    background-size: 129px 130px;
  }
}
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .iconoMarcoFondo.disney23 {
  background-image: url('../../images/sesion/inicio/icono-marco-parque20.png');
  background-size: 129px 130px;
  width: 129px;
  height: 130px;
}
@media (min-resolution: 1.5dppx) {
  .homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .iconoMarcoFondo.disney23 {
    background-image: url("../../images/sesion/inicio/icono-marco-parque20@2x.png");
    background-size: 129px 130px;
  }
}
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .iconoMarcoFondo .iconoAviso {
  width: 32px;
  height: 31px;
  object-fit: contain;
  background-image: url(../../images/mundoVirtual/nuevo/fin/icono_reloj_sorteo.png);
  background-size: 21px 21px;
  background-repeat: no-repeat;
  background-color: #c80315;
  background-position-x: 5px;
  background-position-y: 5px;
  color: white;
  border-radius: 20px;
  position: absolute;
  right: 125px;
  margin-top: 10px;
  text-align: center;
  border: solid 2px #9155BD;
}
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .iconoMarcoFondo .iconoAviso.nuevo {
  background-image: none;
  line-height: 2.5;
}
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .iconoMarcoFondo .iconoAviso.ocultar {
  display: none;
}
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .texto {
  width: 380px;
  height: 160px;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  text-align: center;
  color: #968081;
  margin-top: 0px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .texto span {
  display: block;
  vertical-align: middle;
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
}
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .texto .nombre,
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .texto .negrita {
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
  margin-right: 20px;
  text-align: center;
  color: #1e1818;
}
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .texto hr {
  border-top: 1px solid lightgrey;
  background: lightgray;
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 10px;
}
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .botonOk {
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  width: 145px;
  height: 60px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
}
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .botonOk:hover {
  border: solid 3px #7ac43d;
}
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .botonOk:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .botonOk span {
  display: inline-block;
  margin-top: 16px;
  padding: 0;
  vertical-align: top;
  background-repeat: no-repeat;
  color: white;
}
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .botonOk.icon {
  width: 145px;
  height: 60px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  display: block;
  margin: auto;
}
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .botonOk.icon span {
  display: inline-block;
  width: 31px;
  height: 32px;
  margin-top: 12px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/ok-green.png");
  background-size: 31px 32px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  .homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .botonOk.icon span {
    background-image: url("../../images/buttons/textless/icons/ok-green@2x.png");
    background-size: 31px 32px;
  }
}
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .botonOk.icon:hover span,
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .botonOk.icon.hover span {
  width: 33px;
  height: 34px;
  margin-top: 11px;
  background-image: url("../../images/buttons/textless/icons/ok-green-hover.png");
  background-size: 33px 34px;
}
@media (min-resolution: 1.5dppx) {
  .homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .botonOk.icon:hover span,
  .homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .botonOk.icon.hover span {
    background-image: url("../../images/buttons/textless/icons/ok-green-hover@2x.png");
    background-size: 33px 34px;
  }
}
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .botonOk.icon:active span,
.homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .botonOk.icon.active span {
  width: 31px;
  height: 32px;
  margin-top: 12px;
  background-image: url("../../images/buttons/textless/icons/ok-green-active.png");
  background-size: 31px 32px;
}
@media (min-resolution: 1.5dppx) {
  .homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .botonOk.icon:active span,
  .homeAlumnoNotificaciones .popupSorteo .fondoPopupSorteo .botonOk.icon.active span {
    background-image: url("../../images/buttons/textless/icons/ok-green-active@2x.png");
    background-size: 31px 32px;
  }
}
.homeAlumnoNotificaciones .popupSorteo.fade {
  opacity: 0.5;
}
.homeAlumnoNotificaciones .popupSorteo.fade .carteraPopupSorteo {
  transform: scale(0.75) translate(300px, 600px);
}
.homeAlumnoNotificaciones .popupSorteo.fade .fondoPopupSorteo {
  transform: scale(0.75);
}
.homeAlumnoNotificaciones .popupSorteo.fade .fondoPopupSorteo .ticks {
  transform: scale(1.2);
}
.homeAlumnoNotificaciones .popupSorteo.fade .fondoPopupSorteo .ticks .textoTicks {
  transform: scale(0.83);
}
.homeAlumnoNotificaciones .popupSorteo.fade .fondoPopupSorteo .ticks .imagenTicks {
  transform: scale(0.83);
}
.homeAlumnoNotificaciones .popupSorteo.fade .fondoPopupSorteo .ticksEfecto {
  opacity: 0;
}
.homeAlumnoNotificaciones .popupSorteo.fade .fondoPopupSorteo .ticksEfecto .tick {
  opacity: 1;
  transform: translate(0px, 0px) scale(0.5);
}
.main-small .main-content {
  float: left;
  width: 470px;
  padding: 28px 0 0 33px;
  min-height: 350px;
}
.main-small .main-content-testpublico {
  float: left;
  width: 670px;
  background: url('../../images/bullets01.png') no-repeat;
  padding: 0px 0 0 45px;
}
.main-small h2 {
  font: bold 30px Verdana, Helvetica, Arial, sans-serif;
  color: #9c77cf;
  margin: 0 0 21px 0;
  font-size: 29px;
}
.main-small p {
  font-size: 18px;
  margin: 0;
}
.main-small p.bigger {
  font-size: 23px;
  margin-bottom: 9px;
}
.main-small .nameExam {
  font-size: 23px;
  margin-bottom: 9px;
  margin-top: 9px;
  text-align: center;
  font-style: italic;
}
.main-small p.smaller {
  font-size: 14px;
  margin-top: 9px;
  margin-bottom: 13px;
}
.main-small p.avance {
  font-size: 18px;
  margin-top: 9px;
  margin-bottom: 13px;
}
.main-small p.secondLine {
  margin-top: 15px;
}
.main-small p.agradecimiento {
  padding-bottom: 8px;
  font-weight: bold;
}
.main-small .main-content a {
  color: #42B2FC;
  font-size: 17px;
  font-weight: bold;
  text-decoration: underline;
}
/* BEGIN jquery ui modal */
.ui-dialog {
  background: #fff url("../../images/bg-modalv2.gif") repeat-x 0 bottom;
  color: #666;
}
.ui-dialog .ui-widget-content {
  color: #666;
}
.ui-dialog .ui-dialog-titlebar {
  border: none;
  border-bottom: solid 1px #deddde;
  color: #666;
  font-size: 18px;
  background: url('../../images/bullets01.png') no-repeat 0 5px;
}
.ui-widget input {
  /*display:block;*/
  bottom: 0;
  margin: 0 auto;
}
/* END jquery ui modal */
#solucionProblemaDialog #contenidoDialog a.button-circle {
  margin-top: 10px;
  display: block;
  height: 46px;
  width: 46px;
  text-indent: -999px;
  background: url('../../images/button-circle.png') no-repeat 0 0;
  outline: none;
}
#solucionProblemaDialog {
  padding: 0;
}
#avisoTiempo {
  text-align: center;
  position: absolute;
  bottom: 150px;
  right: 5px;
  width: 97px;
  z-index: 2;
}
#avisoTiempo .gris {
  background: url('../../images/exercise/barra-tiempo/relojGris.png') no-repeat 0 0;
}
#avisoTiempo .azul {
  background: url('../../images/exercise/barra-tiempo/relojAzul.png') no-repeat 0 0 !important;
}
#avisoTiempo .naranja {
  background: url('../../images/exercise/barra-tiempo/relojNaranja.png') no-repeat 0 0;
}
#avisoTiempo .reloj {
  width: 30px;
  height: 49px;
  margin: auto;
  margin-bottom: 15px;
}
/* RECREO */
#recreo_ejercicio {
  background-image: url('../../images/sesion/recreo/fondo-recreo-cartel.png');
  background-size: 1000px 600px;
  position: absolute;
  width: 1000px;
  height: 600px;
  top: 0;
  left: 0;
  border-radius: 12px;
  overflow: hidden;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio {
    background-image: url("../../images/sesion/recreo/fondo-recreo-cartel@2x.png");
    background-size: 1000px 600px;
  }
}
#recreo_ejercicio .avatar-container {
  position: absolute;
  width: 450px;
  top: 290px;
  left: 130px;
}
#recreo_ejercicio.actividades .avatar-container,
#recreo_ejercicio.actividadesOff .avatar-container {
  z-index: 1;
}
#recreo_ejercicio.actividades .avatar-container .mascotaAvatarHome,
#recreo_ejercicio.actividadesOff .avatar-container .mascotaAvatarHome {
  z-index: -1;
  transform: scale(-0.7, 0.7) translate(190px, -40px);
  -webkit-transform: scale(-0.7, 0.7) translate(190px, -40px);
}
#recreo_ejercicio.actividades .content-recreo,
#recreo_ejercicio.actividadesOff .content-recreo {
  overflow: hidden;
}
#recreo_ejercicio.actividades .content-recreo .fondo-relajacion,
#recreo_ejercicio.actividadesOff .content-recreo .fondo-relajacion {
  position: absolute;
  width: 1000px;
  height: 600px;
  top: 0;
  left: 0;
  background-color: #42B2FC;
  opacity: 0;
  pointer-events: none;
}
#recreo_ejercicio.actividades .content-recreo .fondo-relajacion.pulso,
#recreo_ejercicio.actividadesOff .content-recreo .fondo-relajacion.pulso {
  animation: animPulse 3s ease-in-out infinite alternate;
}
@keyframes animPulse {
  0% {
    background-color: white;
  }
  100% {
    background-color: #42B2FC;
  }
}
#recreo_ejercicio.actividades .content-recreo .opciones,
#recreo_ejercicio.actividadesOff .content-recreo .opciones {
  position: absolute;
  width: 410px;
  height: 450px;
  top: 150px;
  left: 600px;
  opacity: 0;
  z-index: 2;
}
#recreo_ejercicio.actividades .content-recreo .opciones .opcion,
#recreo_ejercicio.actividadesOff .content-recreo .opciones .opcion {
  position: absolute;
  width: 115px;
  height: 115px;
  object-fit: contain;
  border: 6.5px solid #f3ca5b;
  background-color: #FFF;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 1px 3px 0 0 rgba(0, 0, 0, 0.31);
}
#recreo_ejercicio.actividades .content-recreo .opciones .opcion:hover,
#recreo_ejercicio.actividadesOff .content-recreo .opciones .opcion:hover {
  border-color: white;
}
#recreo_ejercicio.actividades .content-recreo .opciones .opcion:hover .etiquetaOpcion,
#recreo_ejercicio.actividadesOff .content-recreo .opciones .opcion:hover .etiquetaOpcion {
  background-image: url('../../images/sesion/recreo/etiqueta-hover.png');
  background-size: 138px 36px;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio.actividades .content-recreo .opciones .opcion:hover .etiquetaOpcion,
  #recreo_ejercicio.actividadesOff .content-recreo .opciones .opcion:hover .etiquetaOpcion {
    background-image: url("../../images/sesion/recreo/etiqueta-hover@2x.png");
    background-size: 138px 36px;
  }
}
#recreo_ejercicio.actividades .content-recreo .opciones .opcion.selected,
#recreo_ejercicio.actividadesOff .content-recreo .opciones .opcion.selected {
  border-color: white;
}
#recreo_ejercicio.actividades .content-recreo .opciones .opcion.selected .etiquetaOpcion,
#recreo_ejercicio.actividadesOff .content-recreo .opciones .opcion.selected .etiquetaOpcion {
  background-image: url('../../images/sesion/recreo/etiqueta-hover.png');
  background-size: 138px 36px;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio.actividades .content-recreo .opciones .opcion.selected .etiquetaOpcion,
  #recreo_ejercicio.actividadesOff .content-recreo .opciones .opcion.selected .etiquetaOpcion {
    background-image: url("../../images/sesion/recreo/etiqueta-hover@2x.png");
    background-size: 138px 36px;
  }
}
#recreo_ejercicio.actividades .content-recreo .opciones .opcion.duplicated,
#recreo_ejercicio.actividadesOff .content-recreo .opciones .opcion.duplicated {
  border-color: white;
  cursor: auto;
}
#recreo_ejercicio.actividades .content-recreo .opciones .opcion img,
#recreo_ejercicio.actividadesOff .content-recreo .opciones .opcion img {
  position: absolute;
  max-width: 120px;
  max-height: 160px;
  top: -15px;
  left: -12px;
}
#recreo_ejercicio.actividades .content-recreo .opciones .opcion.hover:hover,
#recreo_ejercicio.actividadesOff .content-recreo .opciones .opcion.hover:hover {
  border-color: white;
}
#recreo_ejercicio.actividades .content-recreo .opciones .opcion.op_relajar,
#recreo_ejercicio.actividadesOff .content-recreo .opciones .opcion.op_relajar {
  background-image: url('../../images/sesion/recreo/img-relajarse.png');
  background-size: 115px 116px;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio.actividades .content-recreo .opciones .opcion.op_relajar,
  #recreo_ejercicio.actividadesOff .content-recreo .opciones .opcion.op_relajar {
    background-image: url("../../images/sesion/recreo/img-relajarse@2x.png");
    background-size: 115px 116px;
  }
}
#recreo_ejercicio.actividades .content-recreo .opciones .opcion.op_respirar,
#recreo_ejercicio.actividadesOff .content-recreo .opciones .opcion.op_respirar {
  background-image: url('../../images/sesion/recreo/img-respirar.png');
  background-size: 115px 116px;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio.actividades .content-recreo .opciones .opcion.op_respirar,
  #recreo_ejercicio.actividadesOff .content-recreo .opciones .opcion.op_respirar {
    background-image: url("../../images/sesion/recreo/img-respirar@2x.png");
    background-size: 115px 116px;
  }
}
#recreo_ejercicio.actividades .content-recreo .opciones .opcion.op_cancelar,
#recreo_ejercicio.actividadesOff .content-recreo .opciones .opcion.op_cancelar {
  background-image: url('../../images/sesion/recreo/img-cancelar.png');
  background-size: 115px 116px;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio.actividades .content-recreo .opciones .opcion.op_cancelar,
  #recreo_ejercicio.actividadesOff .content-recreo .opciones .opcion.op_cancelar {
    background-image: url("../../images/sesion/recreo/img-cancelar@2x.png");
    background-size: 115px 116px;
  }
}
#recreo_ejercicio.actividades .content-recreo .opciones .opcion .etiquetaOpcion,
#recreo_ejercicio.actividadesOff .content-recreo .opciones .opcion .etiquetaOpcion {
  background-image: url('../../images/sesion/recreo/etiqueta.png');
  background-size: 138px 36px;
  width: 138px;
  height: 36px;
  position: absolute;
  top: 100px;
  left: -10px;
  color: white;
  font-size: 17px;
  text-align: center;
  vertical-align: middle;
  line-height: 1.75;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio.actividades .content-recreo .opciones .opcion .etiquetaOpcion,
  #recreo_ejercicio.actividadesOff .content-recreo .opciones .opcion .etiquetaOpcion {
    background-image: url("../../images/sesion/recreo/etiqueta@2x.png");
    background-size: 138px 36px;
  }
}
#recreo_ejercicio.actividades .content-recreo .opciones .opcion .etiquetaOpcion:hover,
#recreo_ejercicio.actividadesOff .content-recreo .opciones .opcion .etiquetaOpcion:hover,
#recreo_ejercicio.actividades .content-recreo .opciones .opcion .etiquetaOpcion:active,
#recreo_ejercicio.actividadesOff .content-recreo .opciones .opcion .etiquetaOpcion:active {
  background-image: url('../../images/sesion/recreo/etiqueta-hover.png');
  background-size: 138px 36px;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio.actividades .content-recreo .opciones .opcion .etiquetaOpcion:hover,
  #recreo_ejercicio.actividadesOff .content-recreo .opciones .opcion .etiquetaOpcion:hover,
  #recreo_ejercicio.actividades .content-recreo .opciones .opcion .etiquetaOpcion:active,
  #recreo_ejercicio.actividadesOff .content-recreo .opciones .opcion .etiquetaOpcion:active {
    background-image: url("../../images/sesion/recreo/etiqueta-hover@2x.png");
    background-size: 138px 36px;
  }
}
#recreo_ejercicio.actividades .content-recreo .opciones .opcion.desactivado,
#recreo_ejercicio.actividadesOff .content-recreo .opciones .opcion.desactivado {
  filter: saturate(0);
  pointer-events: none;
}
#recreo_ejercicio.actividades .content-recreo .opciones .opcion.desactivado .etiquetaOpcion,
#recreo_ejercicio.actividadesOff .content-recreo .opciones .opcion.desactivado .etiquetaOpcion {
  background-image: url('../../images/sesion/recreo/etiqueta-desact.png');
  background-size: 138px 36px;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio.actividades .content-recreo .opciones .opcion.desactivado .etiquetaOpcion,
  #recreo_ejercicio.actividadesOff .content-recreo .opciones .opcion.desactivado .etiquetaOpcion {
    background-image: url("../../images/sesion/recreo/etiqueta-desact@2x.png");
    background-size: 138px 36px;
  }
}
#recreo_ejercicio.actividades .content-recreo .bocadillo.cartel,
#recreo_ejercicio.actividadesOff .content-recreo .bocadillo.cartel {
  left: 290px;
  top: 20px;
  opacity: initial;
  background-image: url('../../images/sesion/recreo/cartelPiedras.png');
  background-size: 396px 459px;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio.actividades .content-recreo .bocadillo.cartel,
  #recreo_ejercicio.actividadesOff .content-recreo .bocadillo.cartel {
    background-image: url("../../images/sesion/recreo/cartelPiedras@2x.png");
    background-size: 396px 459px;
  }
}
#recreo_ejercicio.actividades .content-recreo .fondo-sombra,
#recreo_ejercicio.actividadesOff .content-recreo .fondo-sombra {
  background-color: rgba(0, 0, 0, 0.51);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1000px;
  height: 600px;
  z-index: 1;
  display: none;
  pointer-events: none;
}
#recreo_ejercicio.actividades .content-recreo .ticky-avatar,
#recreo_ejercicio.actividadesOff .content-recreo .ticky-avatar {
  background-image: url('../../images/sesion/recreo/clicky.png');
  background-size: 225px 418px;
  position: absolute;
  left: 775px;
  top: 200px;
  width: 225px;
  height: 418px;
  z-index: 1;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio.actividades .content-recreo .ticky-avatar,
  #recreo_ejercicio.actividadesOff .content-recreo .ticky-avatar {
    background-image: url("../../images/sesion/recreo/clicky@2x.png");
    background-size: 225px 418px;
  }
}
#recreo_ejercicio.actividades .content-recreo .bocadilloActividades,
#recreo_ejercicio.actividadesOff .content-recreo .bocadilloActividades {
  background-image: url('../../images/sesion/recreo/bocadilloClicky.png');
  background-size: 414px 151px;
  position: absolute;
  left: 400px;
  top: 330px;
  width: 414px;
  height: 151px;
  color: #FBA62D;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  font-size: 18px;
  font-weight: bold;
  z-index: 1;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio.actividades .content-recreo .bocadilloActividades,
  #recreo_ejercicio.actividadesOff .content-recreo .bocadilloActividades {
    background-image: url("../../images/sesion/recreo/bocadilloClicky@2x.png");
    background-size: 414px 151px;
  }
}
#recreo_ejercicio.actividades .content-recreo .bocadilloActividades .textoActividades,
#recreo_ejercicio.actividadesOff .content-recreo .bocadilloActividades .textoActividades {
  margin: 20px 20px 30px;
  text-align: center;
}
#recreo_ejercicio.actividades .content-recreo .botonCancelar,
#recreo_ejercicio.actividadesOff .content-recreo .botonCancelar {
  position: absolute;
  width: 75px;
  height: 77px;
  background-image: url('../../images/sesion/recreo/icono-x-circulo.png');
  background-size: 75px 77px;
  top: 5px;
  right: 5px;
  display: none;
  cursor: pointer;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio.actividades .content-recreo .botonCancelar,
  #recreo_ejercicio.actividadesOff .content-recreo .botonCancelar {
    background-image: url("../../images/sesion/recreo/icono-x-circulo@2x.png");
    background-size: 75px 77px;
  }
}
#recreo_ejercicio.actividades .content-recreo .ticky-relajacion,
#recreo_ejercicio.actividadesOff .content-recreo .ticky-relajacion {
  position: absolute;
  top: 250px;
  left: 647px;
  background: url("../../images/sesion/feedback/relajacion_ticky.png") no-repeat;
  width: 350px;
  height: 350px;
  transform: scaleX(-1.2) scaleY(1.2) translate(40px, -30px);
  animation: animRelajacionLoop 6s steps(9) infinite;
  animation-fill-mode: forwards;
  display: none;
}
@keyframes animRelajacionLoop {
  0% {
    background-position-x: -1400px;
  }
  45% {
    background-position-x: -1400px;
  }
  65% {
    background-position-x: -4550px;
  }
  80% {
    background-position-x: -4550px;
  }
  100% {
    background-position-x: -7700px;
  }
}
#recreo_ejercicio.actividades .content-recreo .ticky-relajacion .ojos,
#recreo_ejercicio.actividadesOff .content-recreo .ticky-relajacion .ojos {
  position: absolute;
  top: 105px;
  left: 162px;
  background: url("../../images/sesion/feedback/ojos_cerrados.png") no-repeat;
  width: 71px;
  height: 32px;
  display: none;
  animation: animOjos 3s infinite;
}
@keyframes animOjos {
  0% {
    transform: scaleX(1) scaleY(0);
  }
  27% {
    transform: scaleX(1) scaleY(0);
  }
  30% {
    transform: scaleX(1) scaleY(1);
  }
  50% {
    transform: scaleX(1) scaleY(1);
  }
  52% {
    transform: scaleX(1) scaleY(0);
  }
  100% {
    transform: scaleX(1) scaleY(0);
  }
}
#recreo_ejercicio.actividades .content-recreo .ticky-relajacion.inicio,
#recreo_ejercicio.actividadesOff .content-recreo .ticky-relajacion.inicio {
  animation: animInicio 1s steps(1) infinite;
}
#recreo_ejercicio.actividades .content-recreo .ticky-relajacion.inicio .ojos,
#recreo_ejercicio.actividadesOff .content-recreo .ticky-relajacion.inicio .ojos {
  display: block;
}
@keyframes animInicio {
  0% {
    background-position-x: 0px;
  }
  100% {
    background-position-x: 0px;
  }
}
#recreo_ejercicio.actividades .content-recreo .ticky-relajacion.preparacion,
#recreo_ejercicio.actividadesOff .content-recreo .ticky-relajacion.preparacion {
  animation: animPreparacion 0.75s steps(4) 1;
  animation-fill-mode: forwards;
}
@keyframes animPreparacion {
  0% {
    background-position-x: 0px;
  }
  100% {
    background-position-x: -1400px;
  }
}
#recreo_ejercicio.actividades .content-recreo .texto-respuesta,
#recreo_ejercicio.actividadesOff .content-recreo .texto-respuesta {
  color: white;
  font-size: 48px;
  padding: 60px 0 40px 20px;
  display: none;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
}
#recreo_ejercicio.actividades .content-recreo .texto-respuesta .emocion,
#recreo_ejercicio.actividadesOff .content-recreo .texto-respuesta .emocion {
  position: absolute;
  font-size: 60px;
  padding-top: 25px;
  color: #FFC82C;
  text-shadow: 0 3px 0 #1B79B7;
  -webkit-text-stroke: 2px #EA7415;
  font-family: 'Open Sans', sans-serif, Verdana;
  font-weight: 800;
  line-height: 1.2;
}
#recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion,
#recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion {
  position: absolute;
  width: 400px;
  max-width: 400px;
  bottom: 100px;
  right: 375px;
  color: #8A8080;
  font-size: 24px;
  padding: 10px;
  background: #FFF;
  box-shadow: 6.3px 7.8px 0 0 rgba(0, 0, 0, 0.28);
  border: 2px solid #EBF0F6;
  border-radius: 10px;
  text-align: center;
  opacity: 0;
  z-index: 1;
  display: none;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
}
#recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion.grande,
#recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion.grande {
  left: 130px;
}
#recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .texto,
#recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .texto {
  margin-bottom: 40px;
  margin-top: 20px;
}
#recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion:before,
#recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion:before,
#recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion:after,
#recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion:after {
  content: '';
  position: absolute;
  border-width: 10px 0 10px 10px;
  border-style: solid;
  display: block;
  width: 0;
}
#recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion:before,
#recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion:before {
  z-index: 1;
  border-color: transparent #FFF;
  left: 100%;
  bottom: 10px;
}
#recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion:after,
#recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion:after {
  z-index: 0;
  border-color: transparent #EBF0F6;
  left: 100%;
  bottom: 10px;
}
#recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .botonOk,
#recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .botonOk {
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  width: 145px;
  height: 57px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  border-width: 2px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  cursor: auto;
}
#recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .botonOk:hover,
#recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .botonOk:hover {
  border: solid 3px #7ac43d;
}
#recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .botonOk:active,
#recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .botonOk:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
#recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .botonOk span,
#recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .botonOk span {
  display: inline-block;
  width: 30px;
  height: 28px;
  margin-top: 12.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/ok-green.png");
  background-size: 30px 28px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .botonOk span,
  #recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .botonOk span {
    background-image: url("../../images/buttons/textless/icons/ok-green@2x.png");
    background-size: 30px 28px;
  }
}
#recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .botonOk:hover span,
#recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .botonOk:hover span,
#recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .botonOk.hover span,
#recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .botonOk.hover span {
  width: 34px;
  height: 30px;
  margin-top: 11.5px;
  background-image: url("../../images/buttons/textless/icons/ok-green-hover.png");
  background-size: 34px 30px;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .botonOk:hover span,
  #recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .botonOk:hover span,
  #recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .botonOk.hover span,
  #recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .botonOk.hover span {
    background-image: url("../../images/buttons/textless/icons/ok-green-hover@2x.png");
    background-size: 34px 30px;
  }
}
#recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .botonOk:active span,
#recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .botonOk:active span,
#recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .botonOk.active span,
#recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .botonOk.active span {
  width: 30px;
  height: 28px;
  margin-top: 12.5px;
  background-image: url("../../images/buttons/textless/icons/ok-green-active.png");
  background-size: 30px 28px;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .botonOk:active span,
  #recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .botonOk:active span,
  #recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .botonOk.active span,
  #recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .botonOk.active span {
    background-image: url("../../images/buttons/textless/icons/ok-green-active@2x.png");
    background-size: 30px 28px;
  }
}
#recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .botonOk.final,
#recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .botonOk.final {
  background-color: #FBA62D;
  box-shadow: inset 0 2px 0 0 #e98320, inset 0 -4px 0 0 #e98320, inset 0 4px 0 0 #ffefd2;
  border: solid 3px #ea7415;
  width: 145px;
  height: 57px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  border-width: 2px;
  position: absolute;
  top: 300px;
  left: 720px;
  display: none;
}
#recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .botonOk.final:hover,
#recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .botonOk.final:hover {
  border: solid 3px #FBA62D;
}
#recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .botonOk.final:active,
#recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .botonOk.final:active {
  background-color: #ea7415;
  box-shadow: inset 0 0 0 0 #ea7415, inset 0px 2px 0 0 #ffefd2;
  border: solid 3px #ea7415;
}
#recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .botonOk.final span,
#recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .botonOk.final span {
  display: inline-block;
  width: 31px;
  height: 32px;
  margin-top: 10.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/go-orange.png");
  background-size: 31px 32px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .botonOk.final span,
  #recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .botonOk.final span {
    background-image: url("../../images/buttons/textless/icons/go-orange@2x.png");
    background-size: 31px 32px;
  }
}
#recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .botonOk.final:hover span,
#recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .botonOk.final:hover span,
#recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .botonOk.final.hover span,
#recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .botonOk.final.hover span {
  width: 33px;
  height: 34px;
  margin-top: 9.5px;
  background-image: url("../../images/buttons/textless/icons/go-orange-hover.png");
  background-size: 33px 34px;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .botonOk.final:hover span,
  #recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .botonOk.final:hover span,
  #recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .botonOk.final.hover span,
  #recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .botonOk.final.hover span {
    background-image: url("../../images/buttons/textless/icons/go-orange-hover@2x.png");
    background-size: 33px 34px;
  }
}
#recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .botonOk.final:active span,
#recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .botonOk.final:active span,
#recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .botonOk.final.active span,
#recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .botonOk.final.active span {
  width: 31px;
  height: 32px;
  margin-top: 10.5px;
  background-image: url("../../images/buttons/textless/icons/go-orange-active.png");
  background-size: 31px 32px;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .botonOk.final:active span,
  #recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .botonOk.final:active span,
  #recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion .botonOk.final.active span,
  #recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion .botonOk.final.active span {
    background-image: url("../../images/buttons/textless/icons/go-orange-active@2x.png");
    background-size: 31px 32px;
  }
}
#recreo_ejercicio.actividades .content-recreo .bocadillo.relajacion.grande,
#recreo_ejercicio.actividadesOff .content-recreo .bocadillo.relajacion.grande {
  right: 450px;
  bottom: 220px;
}
#recreo_ejercicio.actividades .content-recreo .submitRow,
#recreo_ejercicio.actividadesOff .content-recreo .submitRow {
  width: 210px;
  margin: 275px 0 80px 20px;
  display: none;
}
#recreo_ejercicio.actividades .content-recreo .submitRow .orangeButton,
#recreo_ejercicio.actividadesOff .content-recreo .submitRow .orangeButton {
  background-color: #FBA62D;
  box-shadow: inset 0 2px 0 0 #e98320, inset 0 -4px 0 0 #e98320, inset 0 4px 0 0 #ffefd2;
  border: solid 3px #ea7415;
  width: 190px;
  height: 77px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
}
#recreo_ejercicio.actividades .content-recreo .submitRow .orangeButton:hover,
#recreo_ejercicio.actividadesOff .content-recreo .submitRow .orangeButton:hover {
  border: solid 3px #FBA62D;
}
#recreo_ejercicio.actividades .content-recreo .submitRow .orangeButton:active,
#recreo_ejercicio.actividadesOff .content-recreo .submitRow .orangeButton:active {
  background-color: #ea7415;
  box-shadow: inset 0 0 0 0 #ea7415, inset 0px 2px 0 0 #ffefd2;
  border: solid 3px #ea7415;
}
#recreo_ejercicio.actividades .content-recreo .submitRow .orangeButton span,
#recreo_ejercicio.actividadesOff .content-recreo .submitRow .orangeButton span {
  display: inline-block;
  width: 37px;
  height: 46px;
  margin-top: 13.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/go-orange.png");
  background-size: 37px 46px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio.actividades .content-recreo .submitRow .orangeButton span,
  #recreo_ejercicio.actividadesOff .content-recreo .submitRow .orangeButton span {
    background-image: url("../../images/buttons/textless/icons/go-orange@2x.png");
    background-size: 37px 46px;
  }
}
#recreo_ejercicio.actividades .content-recreo .submitRow .orangeButton:hover span,
#recreo_ejercicio.actividadesOff .content-recreo .submitRow .orangeButton:hover span,
#recreo_ejercicio.actividades .content-recreo .submitRow .orangeButton.hover span,
#recreo_ejercicio.actividadesOff .content-recreo .submitRow .orangeButton.hover span {
  width: 41px;
  height: 52px;
  margin-top: 10.5px;
  background-image: url("../../images/buttons/textless/icons/go-orange-hover.png");
  background-size: 41px 52px;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio.actividades .content-recreo .submitRow .orangeButton:hover span,
  #recreo_ejercicio.actividadesOff .content-recreo .submitRow .orangeButton:hover span,
  #recreo_ejercicio.actividades .content-recreo .submitRow .orangeButton.hover span,
  #recreo_ejercicio.actividadesOff .content-recreo .submitRow .orangeButton.hover span {
    background-image: url("../../images/buttons/textless/icons/go-orange-hover@2x.png");
    background-size: 41px 52px;
  }
}
#recreo_ejercicio.actividades .content-recreo .submitRow .orangeButton:active span,
#recreo_ejercicio.actividadesOff .content-recreo .submitRow .orangeButton:active span,
#recreo_ejercicio.actividades .content-recreo .submitRow .orangeButton.active span,
#recreo_ejercicio.actividadesOff .content-recreo .submitRow .orangeButton.active span {
  width: 37px;
  height: 46px;
  margin-top: 13.5px;
  background-image: url("../../images/buttons/textless/icons/go-orange-active.png");
  background-size: 37px 46px;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio.actividades .content-recreo .submitRow .orangeButton:active span,
  #recreo_ejercicio.actividadesOff .content-recreo .submitRow .orangeButton:active span,
  #recreo_ejercicio.actividades .content-recreo .submitRow .orangeButton.active span,
  #recreo_ejercicio.actividadesOff .content-recreo .submitRow .orangeButton.active span {
    background-image: url("../../images/buttons/textless/icons/go-orange-active@2x.png");
    background-size: 37px 46px;
  }
}
.teachers #recreo_ejercicio {
  border-radius: 23px;
}
#recreo_ejercicio .content-recreo {
  position: absolute;
  top: 0;
  width: 1000px;
  height: 600px;
}
#recreo_ejercicio .content-recreo .bocadillo {
  background-repeat: no-repeat;
  text-align: center;
  position: absolute;
}
#recreo_ejercicio .content-recreo .bocadillo .introRecreo {
  color: #42b2fc;
  font-size: 65px;
  padding-top: 20px;
  margin: 0;
  font-weight: bold;
}
#recreo_ejercicio .content-recreo .bocadillo #avisoRecreos {
  margin: 15px 0 5px;
  font-size: 20px;
  height: 30px;
}
#recreo_ejercicio .content-recreo .bocadillo #enlaceFinRecreo {
  background-color: #42B2FC;
  box-shadow: inset 0 2px 0 0 #7fc7f7, inset 0 -4px 0 0 #30A2ED, inset 0 4px 0 0 #B9E3FF;
  border: solid 3px #1482FD;
  width: 275px;
  height: 90px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
}
#recreo_ejercicio .content-recreo .bocadillo #enlaceFinRecreo:hover {
  border: solid 3px #42B2FC;
}
#recreo_ejercicio .content-recreo .bocadillo #enlaceFinRecreo:active {
  background-color: #1482FD;
  box-shadow: inset 0 0 0 0 #1482FD, inset 0px 2px 0 0 #B9E3FF;
  border: solid 3px #1482FD;
}
#recreo_ejercicio .content-recreo .bocadillo #enlaceFinRecreo span {
  display: inline-block;
  width: 53px;
  height: 44px;
  margin-top: 21px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/replay-blue.png");
  background-size: 53px 44px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio .content-recreo .bocadillo #enlaceFinRecreo span {
    background-image: url("../../images/buttons/textless/icons/replay-blue@2x.png");
    background-size: 53px 44px;
  }
}
#recreo_ejercicio .content-recreo .bocadillo #enlaceFinRecreo:hover span,
#recreo_ejercicio .content-recreo .bocadillo #enlaceFinRecreo.hover span {
  width: 61px;
  height: 51px;
  margin-top: 17.5px;
  background-image: url("../../images/buttons/textless/icons/replay-blue-hover.png");
  background-size: 61px 51px;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio .content-recreo .bocadillo #enlaceFinRecreo:hover span,
  #recreo_ejercicio .content-recreo .bocadillo #enlaceFinRecreo.hover span {
    background-image: url("../../images/buttons/textless/icons/replay-blue-hover@2x.png");
    background-size: 61px 51px;
  }
}
#recreo_ejercicio .content-recreo .bocadillo #enlaceFinRecreo:active span,
#recreo_ejercicio .content-recreo .bocadillo #enlaceFinRecreo.active span {
  width: 53px;
  height: 44px;
  margin-top: 21px;
  background-image: url("../../images/buttons/textless/icons/replay-blue-active.png");
  background-size: 53px 44px;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio .content-recreo .bocadillo #enlaceFinRecreo:active span,
  #recreo_ejercicio .content-recreo .bocadillo #enlaceFinRecreo.active span {
    background-image: url("../../images/buttons/textless/icons/replay-blue-active@2x.png");
    background-size: 53px 44px;
  }
}
#recreo_ejercicio .content-recreo .bocadillo.cartel {
  background-image: url('../../images/sesion/recreo/cartel.png');
  background-size: 410px 474px;
  width: 410px;
  height: 474px;
  padding-left: 0;
  left: 490px;
  top: 65px;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio .content-recreo .bocadillo.cartel {
    background-image: url("../../images/sesion/recreo/cartel@2x.png");
    background-size: 410px 474px;
  }
}
#recreo_ejercicio .content-recreo .bocadillo.cartel .introRecreo {
  font-size: 57px;
  color: #e94800;
  padding-top: 40px;
}
#recreo_ejercicio .content-recreo .bocadillo.cartel #avisoRecreos {
  color: #e94800;
  font-size: 18px;
  margin: 10px 0 10px;
}
#recreo_ejercicio .content-recreo .bocadillo.cartel #enlaceFinRecreo {
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  width: 220px;
  height: 75px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
}
#recreo_ejercicio .content-recreo .bocadillo.cartel #enlaceFinRecreo:hover {
  border: solid 3px #7ac43d;
}
#recreo_ejercicio .content-recreo .bocadillo.cartel #enlaceFinRecreo:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
#recreo_ejercicio .content-recreo .bocadillo.cartel #enlaceFinRecreo span {
  display: inline-block;
  width: 53px;
  height: 44px;
  margin-top: 13.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/replay-green.png");
  background-size: 53px 44px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio .content-recreo .bocadillo.cartel #enlaceFinRecreo span {
    background-image: url("../../images/buttons/textless/icons/replay-green@2x.png");
    background-size: 53px 44px;
  }
}
#recreo_ejercicio .content-recreo .bocadillo.cartel #enlaceFinRecreo:hover span,
#recreo_ejercicio .content-recreo .bocadillo.cartel #enlaceFinRecreo.hover span {
  width: 61px;
  height: 51px;
  margin-top: 10px;
  background-image: url("../../images/buttons/textless/icons/replay-green-hover.png");
  background-size: 61px 51px;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio .content-recreo .bocadillo.cartel #enlaceFinRecreo:hover span,
  #recreo_ejercicio .content-recreo .bocadillo.cartel #enlaceFinRecreo.hover span {
    background-image: url("../../images/buttons/textless/icons/replay-green-hover@2x.png");
    background-size: 61px 51px;
  }
}
#recreo_ejercicio .content-recreo .bocadillo.cartel #enlaceFinRecreo:active span,
#recreo_ejercicio .content-recreo .bocadillo.cartel #enlaceFinRecreo.active span {
  width: 53px;
  height: 44px;
  margin-top: 13.5px;
  background-image: url("../../images/buttons/textless/icons/replay-green-active.png");
  background-size: 53px 44px;
}
@media (min-resolution: 1.5dppx) {
  #recreo_ejercicio .content-recreo .bocadillo.cartel #enlaceFinRecreo:active span,
  #recreo_ejercicio .content-recreo .bocadillo.cartel #enlaceFinRecreo.active span {
    background-image: url("../../images/buttons/textless/icons/replay-green-active@2x.png");
    background-size: 53px 44px;
  }
}
#recreo_ejercicio.simple:not(.actividades) .avatar-container {
  top: 250px;
}
#recreo_ejercicio.simple:not(.actividades) .content-recreo .bocadillo.cartel {
  left: 490px;
}
.mensajeAvisoAlumno {
  position: absolute;
  z-index: 11;
}
.mensajeAvisoAlumno.start {
  top: 0px;
  left: 0px;
}
.mensajeAvisoAlumno.start .logoBox .logo {
  background-image: url("../../images/exercise/messages/logo-icon.png");
  background-size: 64px 53px;
  width: 64px;
  height: 53px;
}
@media (min-resolution: 1.5dppx) {
  .mensajeAvisoAlumno.start .logoBox .logo {
    background-image: url("../../images/exercise/messages/logo-icon@2x.png");
    background-size: 64px 53px;
  }
}
.mensajeAvisoAlumno.right {
  right: 0px;
  top: 180px;
}
.mensajeAvisoAlumno.left {
  top: 200px;
  left: 0px;
}
.mensajeAvisoAlumno.down {
  bottom: 60px;
  left: 150px;
  width: 700px;
}
.mensajeAvisoAlumno.up {
  top: 0px;
  left: 250px;
}
.mensajeAvisoAlumno.end .logoBox .logo {
  background-image: url("../../images/exercise/messages/logo-icon.png");
  background-size: 128px 106px;
  width: 128px;
  height: 106px;
}
@media (min-resolution: 1.5dppx) {
  .mensajeAvisoAlumno.end .logoBox .logo {
    background-image: url("../../images/exercise/messages/logo-icon@2x.png");
    background-size: 128px 106px;
  }
}
.mensajeAvisoAlumno .textBox {
  border: solid 4px #fc9b01;
  background-image: linear-gradient(to top, #00e3f2, #00d7df);
  border-radius: 8px;
  padding: 15px;
  min-height: 200px;
  display: grid;
}
.mensajeAvisoAlumno .textBox .content {
  text-align: center;
  color: white;
  font-size: 25px;
  font-weight: bold;
  margin-left: 35px;
  margin-right: 35px;
  margin-top: auto;
  margin-bottom: auto;
}
.mensajeAvisoAlumno .textBox .buttons {
  display: inline-flex;
  justify-content: space-between;
  text-align: center;
  width: 100%;
  margin-top: 10px;
}
.mensajeAvisoAlumno .textBox .buttons .choose {
  border-radius: 5px;
  background-color: #4ce0ee;
  text-align: center;
  margin: 10px;
  padding: 10px;
  width: 280px;
  min-height: 190px;
  flex: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.mensajeAvisoAlumno .textBox .buttons .choose p {
  text-align: center;
  color: #feffff;
  font-size: 20px;
  margin-top: 0px;
}
.mensajeAvisoAlumno .textBox .buttons .choose .problemFeedbackIcon {
  border: 5px solid #88faff;
  bottom: 10px;
  margin-top: auto;
  margin-right: auto;
  margin-left: auto;
}
.mensajeAvisoAlumno .textBox .buttons .choose .problemFeedbackIcon .feedbackButton {
  background-color: #FBA62D;
  box-shadow: inset 0 2px 0 0 #e98320, inset 0 -4px 0 0 #e98320, inset 0 4px 0 0 #ffefd2;
  border: solid 3px #ea7415;
  cursor: pointer;
  min-width: 150px;
}
.mensajeAvisoAlumno .textBox .buttons .choose .problemFeedbackIcon .feedbackButton:hover {
  border: solid 3px #FBA62D;
}
.mensajeAvisoAlumno .textBox .buttons .choose .problemFeedbackIcon .feedbackButton:active {
  background-color: #ea7415;
  box-shadow: inset 0 0 0 0 #ea7415, inset 0px 2px 0 0 #ffefd2;
  border: solid 3px #ea7415;
}
.mensajeAvisoAlumno .textBox .buttons .choose .problemFeedbackIcon .feedbackButton.disabled {
  filter: grayscale(100);
  -webkit-filter: grayscale(100);
  -moz-filter: grayscale(100);
  -ms-filter: grayscale(100);
  -o-filter: grayscale(100);
  pointer-events: none;
}
.mensajeAvisoAlumno .textBox .buttons .choose .problemFeedbackIcon .feedbackButton.ok span {
  background-image: url('../../images/exercise/messages/icon-ok.png');
  background-size: 47px 48px;
}
@media (min-resolution: 1.5dppx) {
  .mensajeAvisoAlumno .textBox .buttons .choose .problemFeedbackIcon .feedbackButton.ok span {
    background-image: url("../../images/exercise/messages/icon-ok@2x.png");
    background-size: 47px 48px;
  }
}
.mensajeAvisoAlumno .textBox .buttons .choose .problemFeedbackIcon .feedbackButton.call span {
  background-image: url('../../images/exercise/messages/icon-call.png');
  background-size: 47px 48px;
}
@media (min-resolution: 1.5dppx) {
  .mensajeAvisoAlumno .textBox .buttons .choose .problemFeedbackIcon .feedbackButton.call span {
    background-image: url("../../images/exercise/messages/icon-call@2x.png");
    background-size: 47px 48px;
  }
}
.mensajeAvisoAlumno .base {
  height: 57px;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: -1px;
}
.mensajeAvisoAlumno .base.down {
  background-image: url('../../images/exercise/messages/down-base.png');
  background-size: 690px 57px;
}
@media (min-resolution: 1.5dppx) {
  .mensajeAvisoAlumno .base.down {
    background-image: url("../../images/exercise/messages/down-base@2x.png");
    background-size: 690px 57px;
  }
}
.mensajeAvisoAlumno .logoBox {
  width: 100%;
  position: relative;
}
.mensajeAvisoAlumno .logoBox .logo {
  background-image: url("../../images/exercise/messages/logo-icon.png");
  background-size: 64px 53px;
  width: 64px;
  height: 53px;
  margin-left: auto;
  margin-right: auto;
  background-repeat: no-repeat;
  /*padding-right: 10px;*/
}
@media (min-resolution: 1.5dppx) {
  .mensajeAvisoAlumno .logoBox .logo {
    background-image: url("../../images/exercise/messages/logo-icon@2x.png");
    background-size: 64px 53px;
  }
}
.insignia-container {
  position: absolute;
  width: 1000px;
  height: 600px;
  overflow: hidden;
  pointer-events: none;
  top: 0;
  left: 0;
}
.insignia-container .insignia-overflow {
  position: relative;
  width: 1000px;
  height: 600px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.insignia-container .insignia-overflow #insignia-intra-sesion {
  position: absolute;
  display: none;
  width: 400px;
  top: 200px;
  border-radius: 7px;
  z-index: 20;
  min-height: 400px;
  padding: 0 3rem;
  text-align: center;
}
.insignia-container .insignia-overflow #insignia-intra-sesion.insignia-panel-fin {
  overflow: hidden;
  top: 0;
  min-height: 600px;
}
.insignia-container .insignia-overflow #insignia-intra-sesion.insignia-panel-fin .js-content {
  transform: translateY(200px);
}
.insignia-container .insignia-overflow #insignia-intra-sesion.visible {
  opacity: 0;
  display: block;
}
.insignia-container .insignia-overflow #insignia-intra-sesion .icons {
  margin: auto;
  width: 380px;
  height: 260px;
  position: absolute;
  top: -110px;
}
.insignia-container .insignia-overflow #insignia-intra-sesion .icons .stars {
  position: absolute;
  top: 0;
  left: 0;
}
.insignia-container .insignia-overflow #insignia-intra-sesion .icons .stars span {
  display: inline-block;
  height: 260px;
  background-position: center;
  width: 380px;
  background-image: url("../../images/sesion/insignias/estrellitas.png");
  background-size: 380px 260px;
  margin: auto;
}
@media (min-resolution: 1.5dppx) {
  .insignia-container .insignia-overflow #insignia-intra-sesion .icons .stars span {
    background-image: url("../../images/sesion/insignias/estrellitas@2x.png");
    background-size: 380px 260px;
  }
}
.insignia-container .insignia-overflow #insignia-intra-sesion .icons .icon-insignia-sesion {
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 100%;
}
.insignia-container .insignia-overflow #insignia-intra-sesion .texts {
  margin: auto;
  width: 380px;
  position: absolute;
  top: 130px;
}
.insignia-container .insignia-overflow #insignia-intra-sesion .texts .texts-box {
  display: inline-block;
  margin: auto;
  width: 300px;
  box-sizing: border-box;
  padding: 40px 8px 40px;
  background: white;
  border-radius: 8px;
  border: 1px solid #42B2FC;
}
.insignia-container .insignia-overflow #insignia-intra-sesion .texts .texts-box .title {
  color: black;
  font-size: 24px;
  padding: 20px 0 0 0;
}
.insignia-container .insignia-overflow #insignia-intra-sesion .texts .texts-box .subtitle {
  color: #42B2FC;
  font-size: 18px;
  padding: 10px 0 5px 0;
}
.insignia-container .insignia-overflow #insignia-intra-sesion .mensajePrincipiante {
  display: none;
}
/* PANTALLA FIN SESION */
.main-small #fin .main-content {
  top: 25px;
  padding: 0px;
  right: 10px;
  position: relative;
  width: 525px;
  float: right;
}
.main-small #fin .avatar-container {
  float: left;
  margin-top: 20px;
  position: absolute;
  width: 450px;
}
#fin {
  height: 600px;
  margin-top: -1px;
  position: relative;
}
#fin.MORNING {
  background: url('../../images/sesion/fin/manana/manana.png') no-repeat;
}
#fin.NOON {
  background: url('../../images/sesion/fin/mediodia/mediodia.png') no-repeat;
}
#fin.AFTERNOON {
  background: url('../../images/sesion/fin/tarde/tarde.png') no-repeat;
}
#fin.NIGHT {
  background: url('../../images/sesion/fin/noche/noche.png') no-repeat;
}
#fin.travel {
  filter: blur(30px);
  transition: filter 500ms;
}
#fin .avatarHolderFin {
  position: absolute;
  margin-top: 179px;
  margin-left: -205px;
}
#fin .panel {
  background: url('../../images/sesion/fin/panel.png') no-repeat;
  width: 531px;
  height: 600px;
  position: absolute;
  left: 456px;
}
#fin .panel .titleResultado {
  color: #7a5914;
  font-size: 39px;
  margin-top: 36px;
  text-align: center;
  margin-left: 117px;
  width: 291px;
}
#fin .panel .estrellas {
  width: 250px;
  height: 120px;
  margin: 0 auto;
  margin-top: 30px;
}
#fin .panel .estrellas.n1 {
  background: url('../../images/coding/estrellas1.png') no-repeat;
  background-size: 100%;
}
#fin .panel .estrellas.n2 {
  background: url('../../images/coding/estrellas2.png') no-repeat;
  background-size: 100%;
}
#fin .panel .estrellas.n3 {
  background: url('../../images/coding/estrellas3.png') no-repeat;
  background-size: 100%;
}
#fin .panel .resultados {
  position: absolute;
  top: 120px;
  text-align: center;
  width: 530px;
}
#fin .panel .resultados .caudres {
  width: 98px;
  height: 98px;
  border-radius: 15px;
  box-sizing: border-box;
  margin: 0 4px;
  display: inline-block;
  vertical-align: top;
}
#fin .panel .resultados .caudres .holderResultado {
  color: #FFFFFF;
  text-align: center;
  font-size: 25px;
}
#fin .panel .resultados .caudres .icon {
  margin-left: 28px;
  margin-top: 10px;
  width: 42px;
  height: 42px;
}
#fin .panel .resultados .caudres.coding .icon {
  width: 52px;
  height: 50px;
}
#fin .panel .resultados .caudres.coding.correctas {
  background: #7ac43d;
}
#fin .panel .resultados .caudres.coding.correctas .icon {
  background: url('../../images/coding/bandera.png') no-repeat;
}
#fin .panel .resultados .caudres.coding.corregidas {
  background: #fba62d;
}
#fin .panel .resultados .caudres.coding.corregidas .icon {
  background: url('../../images/sesion/fin/icono-revisados.png') no-repeat;
}
#fin .panel .resultados .caudres.coding.gemas {
  background: #7ac43d;
}
#fin .panel .resultados .caudres.coding.gemas .icon {
  margin-left: 19px;
  margin-top: 3px;
  margin-bottom: 7px;
  background: url('../../images/coding/gema.png') no-repeat;
}
#fin .panel .resultados .caudres.coding.herramientas {
  background: #7ac43d;
}
#fin .panel .resultados .caudres.coding.herramientas .icon {
  background: url('../../images/coding/caja_grande.png') no-repeat;
  margin-left: 21px;
}
#fin .panel .resultados .caudres.correctas {
  background: #7ac43d;
}
#fin .panel .resultados .caudres.correctas .icon {
  background: url('../../images/sesion/fin/icono-aciertos.png') no-repeat;
}
#fin .panel .resultados .caudres.incorrectas {
  background: #c80315;
}
#fin .panel .resultados .caudres.incorrectas .icon {
  background: url('../../images/sesion/fin/icono-fallos.png') no-repeat;
}
#fin .panel .resultados .caudres.corregidas {
  background: #fba62d;
}
#fin .panel .resultados .caudres.corregidas .icon {
  background: url('../../images/sesion/fin/icono-revisados.png') no-repeat;
}
#fin .panel .resultados .caudres.detalleButton {
  margin-left: 20px;
  background-color: #9C77CF;
  box-shadow: inset 0 2px 0 0 #B58EEC, inset 0 -4px 0 0 #8b66bd, inset 0 4px 0 0 #D7BBFE;
  border: solid 3px #835BBA;
  cursor: pointer;
}
#fin .panel .resultados .caudres.detalleButton:hover {
  border: solid 3px #9C77CF;
}
#fin .panel .resultados .caudres.detalleButton:active {
  background-color: #835BBA;
  box-shadow: inset 0 0 0 0 #835BBA, inset 0px 2px 0 0 #D7BBFE;
  border: solid 3px #835BBA;
}
#fin .panel .resultados .caudres.detalleButton span {
  background: url(../../images/sesion/fin/icono-detalle.png) no-repeat;
  width: 65px;
  height: 68px;
  display: inline-block;
  margin-top: 11px;
  margin-left: 12px;
}
#fin .panel .resultados.coding .caudres {
  margin-left: 12px;
}
#fin .panel #ticksObtenidos {
  position: absolute;
  top: 275px;
  text-align: left;
  width: 530px;
  min-height: 117px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}
#fin .panel #ticksObtenidos .ticks {
  font-size: 24px;
  margin-left: 43px;
  text-align: center;
  background: #42B2FC url("../../images/sesion/fin/tick-grande.png") no-repeat center 10px;
  color: white;
  width: 98px;
  height: 98px;
  padding-top: 58px;
  border-radius: 15px;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}
#fin .panel #ticksObtenidos .explicacionTicks {
  margin-left: 8px;
  padding: 5px 5px 5px 34px;
  background-color: #42B2FC;
  color: #fff;
  font-size: 15px;
  width: 300px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 15px;
  background-clip: padding-box;
  min-height: 40px;
}
#fin .panel #ticksObtenidos .explicacionTicks .textoIncentivo {
  white-space: normal;
  margin-left: -22px;
  margin-top: 5px;
  font-size: 14px;
  color: #ffefd2;
}
#fin .panel #ticksObtenidos .explicacionTicks .textoIncentivo span {
  display: inline-block;
  background: url('../../images/tickActivoPeque.png') no-repeat;
  width: 15px;
  height: 15px;
}
#fin .panel .diasConsecutivos {
  position: relative;
  text-align: center;
}
#fin .panel .diasConsecutivos .calendar {
  background: url("../../images/sesion/fin/contadorRacha2.png") no-repeat;
  width: 72px;
  height: 70px;
  position: relative;
  margin: auto;
  margin-top: -6px;
}
#fin .panel .diasConsecutivos .calendar span.dias {
  position: absolute;
  top: -6px;
  right: 0;
  color: #FFFFFF;
  background-color: #7ac43d;
  border: solid 3px #63b024;
  border-radius: 5px;
  display: inline-block;
  padding: 0 4px;
  font-size: 15px;
}
#fin .panel .diasConsecutivos span.textDias {
  top: 24px;
  left: 285px;
  position: absolute;
  white-space: nowrap;
  text-align: left;
  color: #a2781f;
  font-size: 16px;
}
#fin .panel .panelRacha {
  position: absolute;
  width: 495px;
  height: 80px;
  top: 424px;
  padding: 15px;
}
#fin .panel .panelRacha .title {
  width: 100%;
  text-align: center;
  color: #7a5914;
  font-size: 19px;
}
#fin .panel .panelRacha .racha {
  text-align: center;
  margin-top: -5px;
}
#fin .panel .panelRacha .racha .pastilla {
  display: inline-block;
  border-radius: 10px;
  background-color: #d1b162;
  box-shadow: 0 0 0 2px #a2781f;
  margin: 0 3px;
  box-sizing: border-box;
  vertical-align: middle;
  font-family: 'ABeeZee', sans-serif, Verdana;
}
#fin .panel .panelRacha .racha .pastilla.active {
  background-color: #7ac43d;
  box-shadow: 0 0 0 2px #a2781f, inset 0 4px 0 0 #bdf98c, inset 0px -3px 0 0 #63b024;
  border: solid 2px #63b024;
}
#fin .panel .panelRacha .racha .pastilla.active span {
  color: white;
  display: block;
  text-shadow: 2px 0 0 #63B024, -2px 0 0 #63B024, 0 2px 0 #63B024, 0 -2px 0 #63B024, 1px 1px #63B024, -1px -1px 0 #63B024, 1px -1px 0 #63B024, -1px 1px 0 #63B024;
  font-size: 18px;
}
#fin .panel .panelRacha .racha .pastilla span {
  display: inline-block;
  color: #a2781f;
  font-size: 17px;
}
#fin .panel .panelRacha .racha .pastilla.pastilla1 {
  width: 42px;
  height: 42px;
}
#fin .panel .panelRacha .racha .pastilla.pastilla1.active span {
  height: 40px;
  background-image: url("../../images/sesion/fin/tick-1dia.png");
  background-size: 34px 31px;
  background-position: 1px 3px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #fin .panel .panelRacha .racha .pastilla.pastilla1.active span {
    background-image: url("../../images/sesion/fin/tick-1dia@2x.png");
    background-size: 34px 31px;
  }
}
#fin .panel .panelRacha .racha .pastilla.pastilla3 {
  width: 62px;
  height: 62px;
}
#fin .panel .panelRacha .racha .pastilla.pastilla3 span {
  background: url("../../images/sesion/fin/tick-desactivado.png") no-repeat 22px 12px;
  padding: 19px 32px 5px 0;
}
#fin .panel .panelRacha .racha .pastilla.pastilla3.active span {
  height: 45px;
  background: url("../../images/sesion/fin/tick-mediano.png") no-repeat 25px 12px;
}
#fin .panel .panelRacha .racha .pastilla.pastilla7 {
  width: 80px;
  height: 80px;
}
#fin .panel .panelRacha .racha .pastilla.pastilla7 span {
  background: url("../../images/sesion/fin/tick-desactivado.png") no-repeat 26px 21px;
  padding: 29px 37px 15px 0;
}
#fin .panel .panelRacha .racha .pastilla.pastilla7.active span {
  height: 45px;
  background: url("../../images/sesion/fin/tick-mediano.png") no-repeat 33px 20px;
}
#fin .panel .incentivoHolder {
  background: url('../../images/sesion/fin/cartel.png') no-repeat;
  width: 460px;
  height: 161px;
  position: absolute;
  top: 300px;
  left: 34px;
}
#fin .panel .incentivoHolder .texto {
  position: relative;
  font-weight: normal;
  font-size: 15px;
  top: 18px;
  width: 421px;
  margin-top: 7px;
  text-align: center;
  padding: 18px;
  height: 78px;
}
#fin .panel .incentivoHolder .texto span {
  background: url('../../images/mundoVirtual/tickActivo.png') no-repeat;
  height: 24px;
  width: 27px;
  display: inline-block;
  vertical-align: bottom;
  margin-left: -4px;
}
#fin .panel .incentivoHolder .texto .strong {
  color: blue;
  font-style: italic;
}
#fin .panel.condensed .resultados {
  top: 100px;
}
#fin .panel.condensed #ticksObtenidos {
  top: 205px;
}
#fin .mundoVirtual {
  position: absolute;
}
#fin .mundoVirtual .bocadilloMundoVirtual {
  position: absolute;
  left: 15px;
  top: 10px;
  width: 359px;
  height: 186px;
  background-color: #ffffff;
  border: solid 2px #d9e1eb;
  border-radius: 10px;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  color: #8a8080;
}
#fin .mundoVirtual .bocadilloMundoVirtual .bocadilloMundoVirtualRabito {
  background: url("../../images/mundoVirtual/rabito.png") no-repeat;
  position: absolute;
  top: 185px;
  left: 70px;
  width: 23px;
  height: 12px;
}
#fin .mundoVirtual .bocadilloMundoVirtual .mensajeSB {
  margin-top: 20px;
}
#fin .mundoVirtual .bocadilloMundoVirtual .mensajeSB span {
  color: #9C77CF;
}
#fin .mundoVirtual .bocadilloMundoVirtual .mensajeMundo {
  margin-top: 10px;
}
#fin .mundoVirtual .bocadilloMundoVirtual .mensajeMundo span {
  color: #42B2FC;
}
#fin .mundoVirtual .bocadilloMundoVirtual .buttonAvanzar {
  background-color: #FBA62D;
  box-shadow: inset 0 2px 0 0 #e98320, inset 0 -4px 0 0 #e98320, inset 0 4px 0 0 #ffefd2;
  border: solid 3px #ea7415;
  width: 150px;
  height: 67px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  margin: 15px 105px;
}
#fin .mundoVirtual .bocadilloMundoVirtual .buttonAvanzar:hover {
  border: solid 3px #FBA62D;
}
#fin .mundoVirtual .bocadilloMundoVirtual .buttonAvanzar:active {
  background-color: #ea7415;
  box-shadow: inset 0 0 0 0 #ea7415, inset 0px 2px 0 0 #ffefd2;
  border: solid 3px #ea7415;
}
#fin .mundoVirtual .bocadilloMundoVirtual .buttonAvanzar span {
  display: inline-block;
  width: 42px;
  height: 40px;
  margin-top: 11.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/go-orange.png");
  background-size: 42px 40px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #fin .mundoVirtual .bocadilloMundoVirtual .buttonAvanzar span {
    background-image: url("../../images/buttons/textless/icons/go-orange@2x.png");
    background-size: 42px 40px;
  }
}
#fin .mundoVirtual .bocadilloMundoVirtual .buttonAvanzar:hover span,
#fin .mundoVirtual .bocadilloMundoVirtual .buttonAvanzar.hover span {
  width: 42px;
  height: 40px;
  margin-top: 11.5px;
  background-image: url("../../images/buttons/textless/icons/go-orange-hover.png");
  background-size: 42px 40px;
}
@media (min-resolution: 1.5dppx) {
  #fin .mundoVirtual .bocadilloMundoVirtual .buttonAvanzar:hover span,
  #fin .mundoVirtual .bocadilloMundoVirtual .buttonAvanzar.hover span {
    background-image: url("../../images/buttons/textless/icons/go-orange-hover@2x.png");
    background-size: 42px 40px;
  }
}
#fin .mundoVirtual .bocadilloMundoVirtual .buttonAvanzar:active span,
#fin .mundoVirtual .bocadilloMundoVirtual .buttonAvanzar.active span {
  width: 42px;
  height: 40px;
  margin-top: 11.5px;
  background-image: url("../../images/buttons/textless/icons/go-orange-active.png");
  background-size: 42px 40px;
}
@media (min-resolution: 1.5dppx) {
  #fin .mundoVirtual .bocadilloMundoVirtual .buttonAvanzar:active span,
  #fin .mundoVirtual .bocadilloMundoVirtual .buttonAvanzar.active span {
    background-image: url("../../images/buttons/textless/icons/go-orange-active@2x.png");
    background-size: 42px 40px;
  }
}
#fin .mundoVirtual .buttonMundoVirtual {
  position: absolute;
  left: 15px;
  top: 480px;
  width: 420px;
  height: 93px;
  object-fit: contain;
  border-radius: 10px;
  background-color: #42B2FC;
  box-shadow: inset 0 0px 0 0 #7fc7f7, inset 0px -8px 0 0 #30a2ed, inset 0 8px 0 0 #b9e3ff;
  border: solid 5px rgba(255, 255, 255, 0.25);
  text-align: center;
}
#fin .mundoVirtual .buttonMundoVirtual:active {
  box-shadow: inset 0 4px 0 0 #b9e3ff;
}
#fin .mundoVirtual .buttonMundoVirtual:active span {
  margin-top: 5px;
}
#fin .mundoVirtual .buttonMundoVirtual span {
  text-align: center;
  background: url("../../images/buttons/textless/icons/virtualWorld.png") no-repeat;
  width: 165px;
  height: 70px;
  display: inline-block;
  margin: 9px auto 0;
}
#fin .mundoVirtual .buttonSmkBrain {
  position: absolute;
  left: 15px;
  top: 480px;
  width: 420px;
  height: 93px;
  object-fit: contain;
  border-radius: 10px;
  background-color: #9C77CF;
  box-shadow: inset 0px 4px 0 0 #b58eec, inset 0px -8px 0 0 #8b66bd, inset 0px 8px 0 0 #d7bbfe;
  border: solid 5px rgba(255, 255, 255, 0.25);
  text-align: center;
}
#fin .mundoVirtual .buttonSmkBrain:active {
  box-shadow: inset 0px 4px 0 0 #d7bbfe;
}
#fin .mundoVirtual .buttonSmkBrain:active span {
  margin-top: 5px;
}
#fin .mundoVirtual .buttonSmkBrain span {
  text-align: center;
  background: url("../../images/buttons/textless/icons/smkbrain.png") no-repeat;
  width: 279px;
  height: 70px;
  display: inline-block;
  margin: 9px auto 0;
}
#fin .mundoVirtual .buttonAzulTutorial {
  position: absolute;
  display: inline-block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 0 #0F71B5, 0 0px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 8px 0 #0F71B5, 0 0px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0 8px 0 #0F71B5, 0 0px 0px rgba(0, 0, 0, 0.35);
  -webkit-transition: -webkit-box-shadow 0.1s ease-in-out;
  -moz-transition: -moz-box-shadow 0.1s ease-in-out;
  -o-transition: -o-box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
  font-size: 30px;
  color: #fff;
  margin-left: 9px;
  margin-top: 15px;
  background-color: #42B2FC;
}
#fin .mundoVirtual .buttonAzulTutorial span {
  cursor: pointer;
  min-width: 370px;
  text-align: center;
  display: inline-block;
  padding: 20px 30px;
  background-color: #3BA7F1;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 30px;
  -webkit-box-shadow: inset 0 -1px 1px #3BA7F1;
  -moz-box-shadow: inset 0 -1px 1px #3BA7F1;
  box-shadow: inset 0 -1px 1px #3BA7F1;
  line-height: 1;
  text-shadow: 0 -1px 1px rgba(175, 49, 95, 0.7);
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#fin .mundoVirtual .buttonAzulTutorial:hover span {
  background-color: #3BA7F1;
  color: white;
  text-shadow: 0 -1px 1px #3BA7F1, 0 0 5px rgba(255, 255, 255, 0.8);
}
#fin .mundoVirtual .buttonAzulTutorial:active {
  -webkit-box-shadow: 0 8px 0 #0F71B5, 0 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 0 #0F71B5, 0 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 0 #0F71B5, 0 0px 0px rgba(0, 0, 0, 0.3);
}
#fin .mundoVirtual .buttonAzulTutorial #button:focus {
  -webkit-box-shadow: 0 8px 0 #0F71B5, 0 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 0 #0F71B5, 0 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 0 #0F71B5, 0 0px 0px rgba(0, 0, 0, 0.3);
}
#fin .mundoVirtual .buttonAzulTutorial:active span {
  -webkit-transform: translate(0, 4px);
  -moz-transform: translate(0, 4px);
  -o-transform: translate(0, 4px);
  transform: translate(0, 4px);
}
#fin .mundoVirtual .buttonAzulTutorial span {
  height: 41px;
  padding-top: 27px;
  background: url("../../images/mundoVirtual/nuevo/colegio/acceso_tutoriales.png") no-repeat;
  background-size: 87px 48px;
  background-position: 15px 20px;
}
#fin .mundoVirtual .modalSoloFinde {
  display: none;
  position: absolute;
  left: 150px;
  width: 721px;
  height: 448px;
  z-index: 1;
}
#fin .mundoVirtual .modalSoloFinde .header {
  background-color: #ffa200;
  color: white;
  height: 67px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#fin .mundoVirtual .modalSoloFinde .header .titulo {
  font-size: 45px;
  font-weight: bold;
  margin: auto;
  width: 172px;
  padding-top: 6px;
}
#fin .mundoVirtual .modalSoloFinde .header .cerrar {
  color: #FFF;
  float: right;
  margin-top: -50px;
  margin-right: 13px;
  font-size: 30px;
  font-weight: bold;
  padding-left: 15px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 48px;
  width: 36px;
  background-color: #E97300;
  cursor: pointer;
  padding-top: 2px;
}
#fin .mundoVirtual .modalSoloFinde .wrapper {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ffa200;
  background-color: white;
  height: 395px;
}
#fin .mundoVirtual .modalSoloFinde .wrapper .matemago {
  background: url('../../images/sesion/aviso/matemago.png') no-repeat;
  height: 267px;
  width: 244px;
  margin-left: 40px;
  margin-top: 40px;
  display: inline-block;
  vertical-align: middle;
}
#fin .mundoVirtual .modalSoloFinde .wrapper .bodadillo {
  background: url('../../images/sesion/aviso/bocadillo.png') no-repeat;
  height: 202px;
  width: 363px;
  display: inline-block;
  vertical-align: middle;
}
#fin .mundoVirtual .modalSoloFinde .wrapper .bodadillo .text {
  width: 258px;
  margin-left: 65px;
  font-size: 24px;
  position: absolute;
  border: none;
  padding: 23px;
}
#fin .modalOverlay {
  display: none;
  position: absolute;
  background: #000000;
  width: 1000px;
  height: 600px;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
  z-index: 1;
  border-radius: 12px;
}
#fin .modalCorreccion {
  display: none;
  position: absolute;
  width: 640px;
  height: 350px;
  z-index: 2;
  margin-top: 110px;
  margin-left: 179px;
  background-color: rgba(246, 249, 249, 0.95);
  border: 1.5px solid #42B2FC;
  border-radius: 12px;
  box-shadow: -5px 3px 0 0 rgba(0, 0, 0, 0.25);
}
#fin .modalCorreccion .titleCorregir {
  font-size: 27px;
  color: #42B2FC;
  width: 100%;
  text-align: center;
  margin-top: 36px;
}
#fin .modalCorreccion .subtitleCorregir {
  font-size: 23px;
  color: #8A8080;
  width: 100%;
  text-align: center;
}
#fin .modalCorreccion .modalTick {
  background-image: url('../../images/sesion/fin/modalTick.png');
  background-size: 87px 92px;
  width: 87px;
  height: 92px;
  text-align: center;
  margin: auto;
  margin-top: 10px;
}
@media (min-resolution: 1.5dppx) {
  #fin .modalCorreccion .modalTick {
    background-image: url("../../images/sesion/fin/modalTick@2x.png");
    background-size: 87px 92px;
  }
}
#fin .modalCorreccion .botones {
  text-align: center;
  margin: auto;
  margin-top: 20px;
}
#fin .modalCorreccion .botones .buttonCorregir {
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  width: 190px;
  height: 77px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
}
#fin .modalCorreccion .botones .buttonCorregir:hover {
  border: solid 3px #7ac43d;
}
#fin .modalCorreccion .botones .buttonCorregir:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
#fin .modalCorreccion .botones .buttonCorregir span {
  display: inline-block;
  width: 53px;
  height: 44px;
  margin-top: 14.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/accept-green.png");
  background-size: 53px 44px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #fin .modalCorreccion .botones .buttonCorregir span {
    background-image: url("../../images/buttons/textless/icons/accept-green@2x.png");
    background-size: 53px 44px;
  }
}
#fin .modalCorreccion .botones .buttonCorregir:hover span,
#fin .modalCorreccion .botones .buttonCorregir.hover span {
  width: 61px;
  height: 51px;
  margin-top: 11px;
  background-image: url("../../images/buttons/textless/icons/accept-green-hover.png");
  background-size: 61px 51px;
}
@media (min-resolution: 1.5dppx) {
  #fin .modalCorreccion .botones .buttonCorregir:hover span,
  #fin .modalCorreccion .botones .buttonCorregir.hover span {
    background-image: url("../../images/buttons/textless/icons/accept-green-hover@2x.png");
    background-size: 61px 51px;
  }
}
#fin .modalCorreccion .botones .buttonCorregir:active span,
#fin .modalCorreccion .botones .buttonCorregir.active span {
  width: 53px;
  height: 44px;
  margin-top: 14.5px;
  background-image: url("../../images/buttons/textless/icons/accept-green-active.png");
  background-size: 53px 44px;
}
@media (min-resolution: 1.5dppx) {
  #fin .modalCorreccion .botones .buttonCorregir:active span,
  #fin .modalCorreccion .botones .buttonCorregir.active span {
    background-image: url("../../images/buttons/textless/icons/accept-green-active@2x.png");
    background-size: 53px 44px;
  }
}
#fin .modalCorreccion .botones .buttonCancelarCorregir {
  background-color: #ff5a5f;
  box-shadow: inset 0 2px 0 0 #ec494e, inset 0 -4px 0 0 #ec494e, inset 0 4px 0 0 #ff9093;
  border: solid 3px #e9464b;
  width: 190px;
  height: 77px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
}
#fin .modalCorreccion .botones .buttonCancelarCorregir:hover {
  border: solid 3px #ff5a5f;
}
#fin .modalCorreccion .botones .buttonCancelarCorregir:active {
  background-color: #e9464b;
  box-shadow: inset 0 0 0 0 #e9464b, inset 0px 2px 0 0 #ff9093;
  border: solid 3px #e9464b;
}
#fin .modalCorreccion .botones .buttonCancelarCorregir span {
  display: inline-block;
  width: 47px;
  height: 40px;
  margin-top: 16.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/cancel-red-big.png");
  background-size: 47px 40px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #fin .modalCorreccion .botones .buttonCancelarCorregir span {
    background-image: url("../../images/buttons/textless/icons/cancel-red-big@2x.png");
    background-size: 47px 40px;
  }
}
#fin .modalCorreccion .botones .buttonCancelarCorregir:hover span,
#fin .modalCorreccion .botones .buttonCancelarCorregir.hover span {
  width: 51px;
  height: 44px;
  margin-top: 14.5px;
  background-image: url("../../images/buttons/textless/icons/cancel-red-big-hover.png");
  background-size: 51px 44px;
}
@media (min-resolution: 1.5dppx) {
  #fin .modalCorreccion .botones .buttonCancelarCorregir:hover span,
  #fin .modalCorreccion .botones .buttonCancelarCorregir.hover span {
    background-image: url("../../images/buttons/textless/icons/cancel-red-big-hover@2x.png");
    background-size: 51px 44px;
  }
}
#fin .modalCorreccion .botones .buttonCancelarCorregir:active span,
#fin .modalCorreccion .botones .buttonCancelarCorregir.active span {
  width: 47px;
  height: 40px;
  margin-top: 16.5px;
  background-image: url("../../images/buttons/textless/icons/cancel-red-big-active.png");
  background-size: 47px 40px;
}
@media (min-resolution: 1.5dppx) {
  #fin .modalCorreccion .botones .buttonCancelarCorregir:active span,
  #fin .modalCorreccion .botones .buttonCancelarCorregir.active span {
    background-image: url("../../images/buttons/textless/icons/cancel-red-big-active@2x.png");
    background-size: 47px 40px;
  }
}
#fin .modalSobresaliente {
  display: none;
  position: absolute;
  width: 1000px;
  height: 600px;
  z-index: 3;
  overflow: hidden;
}
#fin .modalSobresaliente .banderola {
  background-image: url("../../images/mundoVirtual/nuevo/fin/banderola.png");
  background-size: 651px 176px;
  width: 651px;
  height: 176px;
  position: absolute;
  left: 175px;
  top: 20px;
  text-align: center;
}
@media (min-resolution: 1.5dppx) {
  #fin .modalSobresaliente .banderola {
    background-image: url("../../images/mundoVirtual/nuevo/fin/banderola@2x.png");
    background-size: 651px 176px;
  }
}
#fin .modalSobresaliente .banderola .textoBanderola {
  width: 650px;
  height: 200px;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  font-size: 48px;
  font-weight: bold;
  color: white;
  margin-top: 10px;
}
#fin .modalSobresaliente .personajeIzquierda {
  width: 474px;
  height: 385px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background-image: url("../../images/mundoVirtual/nuevo/fin/naranja.png");
  background-size: 474px 385px;
}
@media (min-resolution: 1.5dppx) {
  #fin .modalSobresaliente .personajeIzquierda {
    background-image: url("../../images/mundoVirtual/nuevo/fin/naranja@2x.png");
    background-size: 474px 385px;
  }
}
#fin .modalSobresaliente .personajeDerecha {
  width: 412px;
  height: 385px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  background-image: url("../../images/mundoVirtual/nuevo/fin/azul.png");
  background-size: 412px 385px;
}
@media (min-resolution: 1.5dppx) {
  #fin .modalSobresaliente .personajeDerecha {
    background-image: url("../../images/mundoVirtual/nuevo/fin/azul@2x.png");
    background-size: 412px 385px;
  }
}
#fin .modalSobresaliente .trompetas {
  position: absolute;
  left: -50px;
  top: 300px;
  transform: rotate(-15deg);
  transform-origin: center;
  display: none;
}
#fin .modalSobresaliente .trompetas.activo {
  display: block;
}
#fin .modalSobresaliente .trompetas.derecha {
  right: -50px;
  transform: scaleX(-1) rotate(-15deg);
  top: 160px;
}
#fin .modalSobresaliente .trompetas .trompeta {
  width: 331px;
  height: 99px;
  background-image: url("../../images/mundoVirtual/nuevo/fin/fanfarria.png");
  background-size: 331px 99px;
  transform-origin: left;
  position: absolute;
}
@media (min-resolution: 1.5dppx) {
  #fin .modalSobresaliente .trompetas .trompeta {
    background-image: url("../../images/mundoVirtual/nuevo/fin/fanfarria@2x.png");
    background-size: 331px 99px;
  }
}
#fin .modalSobresaliente .trompetas .trompeta.t1 {
  top: 0px;
}
#fin .modalSobresaliente .trompetas .trompeta.t2 {
  top: 50px;
  left: -30px;
}
#fin .modalSobresaliente .trompetas .trompeta.t3 {
  top: 100px;
  left: -70px;
}
#fin .modalSobresaliente .confettiContainer {
  position: absolute;
  width: 1000px;
  height: 200px;
  left: 0px;
  top: -200px;
  z-index: 4;
}
#fin .modalSobresaliente .confettiContainer .confetti {
  width: 61px;
  height: 121px;
  position: absolute;
  top: 0px;
}
#fin .modalSobresaliente .confettiContainer .confetti.c1,
#fin .modalSobresaliente .confettiContainer .confetti.c3,
#fin .modalSobresaliente .confettiContainer .confetti.c5 {
  background-image: url("../../images/mundoVirtual/nuevo/fin/confettiAzul.png");
  background-size: 312px 146px;
  width: 78px;
  height: 146px;
}
@media (min-resolution: 1.5dppx) {
  #fin .modalSobresaliente .confettiContainer .confetti.c1,
  #fin .modalSobresaliente .confettiContainer .confetti.c3,
  #fin .modalSobresaliente .confettiContainer .confetti.c5 {
    background-image: url("../../images/mundoVirtual/nuevo/fin/confettiAzul@2x.png");
    background-size: 312px 146px;
  }
}
#fin .modalSobresaliente .confettiContainer .confetti.c2,
#fin .modalSobresaliente .confettiContainer .confetti.c4 {
  background-image: url("../../images/mundoVirtual/nuevo/fin/confettiRojo.png");
  background-size: 312px 146px;
  width: 78px;
  height: 146px;
}
@media (min-resolution: 1.5dppx) {
  #fin .modalSobresaliente .confettiContainer .confetti.c2,
  #fin .modalSobresaliente .confettiContainer .confetti.c4 {
    background-image: url("../../images/mundoVirtual/nuevo/fin/confettiRojo@2x.png");
    background-size: 312px 146px;
  }
}
#fin .modalSobresaliente .confettiContainer .confetti.c4,
#fin .modalSobresaliente .confettiContainer .confetti.c5 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
#fin .modalSobresaliente.baile .sombraSuelo {
  background-image: url("../../images/mundoVirtual/nuevo/fin/sombraSuelo.png");
  background-size: cover;
  width: 1000px;
  height: 54px;
  position: absolute;
  left: 0px;
  bottom: -19px;
}
#fin .modalSobresaliente.baile .foco {
  width: 50px;
  height: 50px;
  margin: auto;
  margin-top: -30px;
  background: radial-gradient(rgba(253, 255, 232, 0.85), rgba(252, 255, 202, 0));
  /* z-index: 3; */
  border-radius: 25px;
  transform: translateZ(1em);
  transform-origin: center;
  animation-name: animFoco;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: linear;
}
@keyframes animFoco {
  from {
    transform: translateZ(1em) rotate(0);
    filter: hue-rotate(0);
  }
  to {
    transform: translateZ(1em) rotate(359deg);
    filter: hue-rotate(359deg);
  }
}
#fin .modalSobresaliente.baile .foco .haz {
  background: url("../../images/mundoVirtual/nuevo/fin/hazColor.png");
  width: 640px;
  height: 180px;
  transform-origin: left center;
  position: absolute;
  left: 25px;
  top: -65px;
}
#fin .modalSobresaliente.baile .foco .haz.h1 {
  transform: rotate(0deg);
}
#fin .modalSobresaliente.baile .foco .haz.h2 {
  transform: rotate(30deg);
}
#fin .modalSobresaliente.baile .foco .haz.h3 {
  transform: rotate(60deg);
}
#fin .modalSobresaliente.baile .foco .haz.h4 {
  transform: rotate(90deg);
}
#fin .modalSobresaliente.baile .foco .haz.h5 {
  transform: rotate(120deg);
}
#fin .modalSobresaliente.baile .foco .haz.h6 {
  transform: rotate(150deg);
}
#fin .modalSobresaliente.baile .foco .haz.h7 {
  transform: rotate(180deg);
}
#fin .modalSobresaliente.baile .foco .haz.h8 {
  transform: rotate(210deg);
}
#fin .modalSobresaliente.baile .foco .haz.h9 {
  transform: rotate(240deg);
}
#fin .modalSobresaliente.baile .foco .haz.h10 {
  transform: rotate(270deg);
}
#fin .modalSobresaliente.baile .foco .haz.h11 {
  transform: rotate(300deg);
}
#fin .modalSobresaliente.baile .foco .haz.h12 {
  transform: rotate(330deg);
}
#fin .modalSobresaliente.baile .personajeIzquierda {
  background: none;
  width: 474px;
  height: 335px;
  position: absolute;
  left: 100px;
  bottom: -20px;
}
#fin .modalSobresaliente.baile .personajeIzquierda .cuerpo {
  background-image: url("../../images/mundoVirtual/nuevo/fin/cuerpoNaranja.png");
  background-size: 247px 300px;
  width: 247px;
  height: 300px;
  transform-origin: bottom;
  /**/
  animation-name: animCuerpo;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
  /**/
  z-index: 1;
  transform-style: preserve-3d;
}
@media (min-resolution: 1.5dppx) {
  #fin .modalSobresaliente.baile .personajeIzquierda .cuerpo {
    background-image: url("../../images/mundoVirtual/nuevo/fin/cuerpoNaranja@2x.png");
    background-size: 247px 300px;
  }
}
@keyframes animCuerpo {
  from {
    transform: skewX(0deg) scale(1.05, 0.95);
    animation-timing-function: ease-in-out;
  }
  25% {
    transform: skewX(3deg) scale(0.95, 1.05);
    animation-timing-function: ease-in-out;
  }
  50% {
    transform: skewX(0deg) scale(1.05, 0.95);
    animation-timing-function: ease-in-out;
  }
  75% {
    transform: skewX(-3deg) scale(0.95, 1.05);
    animation-timing-function: ease-in-out;
  }
  to {
    transform: skewX(0deg) scale(1.05, 0.95);
  }
}
#fin .modalSobresaliente.baile .personajeIzquierda .cuerpo .brazo {
  background-image: url("../../images/mundoVirtual/nuevo/fin/brazoNaranja.png");
  background-size: 131px 44px;
  width: 131px;
  height: 44px;
  transform-origin: 20% 50%;
  position: relative;
  left: 180px;
  top: 105px;
  animation-name: animBrazo;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}
@media (min-resolution: 1.5dppx) {
  #fin .modalSobresaliente.baile .personajeIzquierda .cuerpo .brazo {
    background-image: url("../../images/mundoVirtual/nuevo/fin/brazoNaranja@2x.png");
    background-size: 131px 44px;
  }
}
@keyframes animBrazo {
  from {
    transform: rotate(135deg) translateZ(1em);
    z-index: 1;
  }
  25% {
    transform: rotate(-15deg) translateZ(1em);
    z-index: 1;
  }
  26% {
    transform: rotate(-15deg) translateZ(-1em);
    z-index: -1;
  }
  50% {
    transform: rotate(135deg) translateZ(-1em);
    z-index: -1;
  }
  74% {
    transform: rotate(-15deg) translateZ(-1em);
    z-index: -1;
  }
  75% {
    transform: rotate(-15deg) translateZ(1em);
    z-index: 1;
  }
  to {
    transform: rotate(135deg) translateZ(1em);
    z-index: 1;
  }
}
#fin .modalSobresaliente.baile .personajeIzquierda .cuerpo .brazo.izq {
  transform: scaleX(-1);
  left: 15px;
  top: 145px;
  animation-name: animBrazoIzq;
  /*
							@keyframes animBrazoIzq {
								from {
									transform: scaleX(-1) rotate(-15deg) translateZ(1em);
									z-index: 1;
								}

								25% {
									transform: scaleX(-1) rotate(135deg) translateZ(1em);
									z-index: 1;
								}

								50% {
									transform: scaleX(-1) rotate(-15deg) translateZ(1em);
									z-index: 1;
								}
								51% {
									transform: scaleX(-1) rotate(-15deg) translateZ(-1em);
									z-index: -1;
								}

								75% {
									transform: scaleX(-1) rotate(135deg) translateZ(-1em);
									z-index: -1;
								}

								99% {
									transform: scaleX(-1) rotate(-15deg) translateZ(-1em);
									z-index: -1;
								}
								to {
									transform: scaleX(-1) rotate(-15deg) translateZ(1em);
									z-index: 1;
								}

							}
							/**/
}
@keyframes animBrazoIzq {
  from {
    transform: scaleX(-1) rotate(135deg) translateZ(-1em);
    z-index: -1;
  }
  25% {
    transform: scaleX(-1) rotate(-15deg) translateZ(-1em);
    z-index: -1;
  }
  26% {
    transform: scaleX(-1) rotate(-15deg) translateZ(1em);
    z-index: 1;
  }
  50% {
    transform: scaleX(-1) rotate(135deg) translateZ(1em);
    z-index: 1;
  }
  74% {
    transform: scaleX(-1) rotate(-15deg) translateZ(1em);
    z-index: 1;
  }
  75% {
    transform: scaleX(-1) rotate(-15deg) translateZ(-1em);
    z-index: -1;
  }
  to {
    transform: scaleX(-1) rotate(135deg) translateZ(-1em);
    z-index: -1;
  }
}
#fin .modalSobresaliente.baile .personajeDerecha {
  background: none;
  width: 374px;
  height: 355px;
  position: absolute;
  right: 50px;
  bottom: -20px;
}
#fin .modalSobresaliente.baile .personajeDerecha .cuerpo {
  background-image: url("../../images/mundoVirtual/nuevo/fin/cuerpoAzul.png");
  background-size: 203px 319px;
  width: 203px;
  height: 319px;
  transform-origin: bottom;
  transform-origin: center bottom;
  /**/
  animation-name: animCuerpo2;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  /**/
  z-index: 1;
  transform-style: preserve-3d;
}
@media (min-resolution: 1.5dppx) {
  #fin .modalSobresaliente.baile .personajeDerecha .cuerpo {
    background-image: url("../../images/mundoVirtual/nuevo/fin/cuerpoAzul@2x.png");
    background-size: 203px 319px;
  }
}
@keyframes animCuerpo2 {
  from {
    transform: skewX(0deg) scale(1.05, 0.95);
    animation-timing-function: ease-in-out;
  }
  25% {
    transform: skewX(3deg) scale(0.95, 1.05);
    animation-timing-function: ease-in-out;
  }
  50% {
    transform: skewX(0deg) scale(1.05, 0.95);
    animation-timing-function: ease-in-out;
  }
  75% {
    transform: skewX(-3deg) scale(0.95, 1.05);
    animation-timing-function: ease-in-out;
  }
  to {
    transform: skewX(0deg) scale(1.05, 0.95);
  }
}
#fin .modalSobresaliente.baile .personajeDerecha .cuerpo .brazo {
  background-image: url("../../images/mundoVirtual/nuevo/fin/brazoAzul.png");
  background-size: 125px 40px;
  width: 125px;
  height: 40px;
  transform-origin: 20% 50%;
  position: relative;
  left: 155px;
  top: 95px;
  animation-name: animBrazo2;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}
@media (min-resolution: 1.5dppx) {
  #fin .modalSobresaliente.baile .personajeDerecha .cuerpo .brazo {
    background-image: url("../../images/mundoVirtual/nuevo/fin/brazoAzul@2x.png");
    background-size: 125px 40px;
  }
}
@keyframes animBrazo2 {
  from {
    transform: rotate(135deg) translateZ(1em);
    z-index: 1;
  }
  25% {
    transform: rotate(30deg) translateZ(1em);
    z-index: 1;
  }
  26% {
    transform: rotate(30deg) translateZ(-1em);
    z-index: -1;
  }
  50% {
    transform: rotate(135deg) translateZ(-1em);
    z-index: -1;
  }
  74% {
    transform: rotate(30deg) translateZ(-1em);
    z-index: -1;
  }
  75% {
    transform: rotate(30deg) translateZ(1em);
    z-index: 1;
  }
  to {
    transform: rotate(135deg) translateZ(1em);
    z-index: 1;
  }
}
#fin .modalSobresaliente.baile .personajeDerecha .cuerpo .brazo.izq {
  transform: scaleX(-1);
  left: -5px;
  top: 135px;
  animation-name: animBrazo2Izq;
}
@keyframes animBrazo2Izq {
  from {
    transform: scaleX(-1) rotate(135deg) translateZ(-1em);
    z-index: -1;
  }
  25% {
    transform: scaleX(-1) rotate(30deg) translateZ(-1em);
    z-index: -1;
  }
  26% {
    transform: scaleX(-1) rotate(30deg) translateZ(1em);
    z-index: 1;
  }
  50% {
    transform: scaleX(-1) rotate(135deg) translateZ(1em);
    z-index: 1;
  }
  74% {
    transform: scaleX(-1) rotate(30deg) translateZ(1em);
    z-index: 1;
  }
  75% {
    transform: scaleX(-1) rotate(30deg) translateZ(-1em);
    z-index: -1;
  }
  to {
    transform: scaleX(-1) rotate(135deg) translateZ(-1em);
    z-index: -1;
  }
}
#fin .avisoDiplomaFin {
  visibility: hidden;
  width: 1000px;
  height: 600px;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url('../../images/exercise/diploma-fin/background.png');
  background-size: 1000px 600px;
  border-radius: 12px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 105;
}
@media (min-resolution: 1.5dppx) {
  #fin .avisoDiplomaFin {
    background-image: url("../../images/exercise/diploma-fin/background@2x.png");
    background-size: 1000px 600px;
  }
}
#fin .avisoDiplomaFin .sombra {
  width: 1000px;
  height: 520px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: linear-gradient(to bottom, black 0%, black 90%, rgba(0, 0, 0, 0) 100%);
}
#fin .avisoDiplomaFin .suelo {
  width: 1000px;
  height: 186px;
  position: absolute;
  left: 0;
  top: 412px;
  background-image: url('../../images/exercise/diploma-fin/suelo.png');
  background-size: 1000px 186px;
}
@media (min-resolution: 1.5dppx) {
  #fin .avisoDiplomaFin .suelo {
    background-image: url("../../images/exercise/diploma-fin/suelo@2x.png");
    background-size: 1000px 186px;
  }
}
#fin .avisoDiplomaFin .cortina {
  width: 500px;
  height: 512px;
  position: absolute;
  left: 0;
  top: 0px;
  background-image: url('../../images/exercise/diploma-fin/cortina.png');
  background-size: 500px 512px;
}
@media (min-resolution: 1.5dppx) {
  #fin .avisoDiplomaFin .cortina {
    background-image: url("../../images/exercise/diploma-fin/cortina@2x.png");
    background-size: 500px 512px;
  }
}
#fin .avisoDiplomaFin .cortina.der {
  left: 500px;
}
#fin .avisoDiplomaFin .cortina.arriba {
  width: 1000px;
  height: 105px;
  position: absolute;
  left: 0;
  top: 0px;
  background-image: url('../../images/exercise/diploma-fin/cortina-arriba.png');
  background-size: 1000px 105px;
}
@media (min-resolution: 1.5dppx) {
  #fin .avisoDiplomaFin .cortina.arriba {
    background-image: url("../../images/exercise/diploma-fin/cortina-arriba@2x.png");
    background-size: 1000px 105px;
  }
}
#fin .avisoDiplomaFin .logo {
  width: 567px;
  height: 489px;
  position: absolute;
  left: 215px;
  top: 0;
  background-image: url('../../images/exercise/diploma-fin/logo.png');
  background-size: 567px 489px;
}
@media (min-resolution: 1.5dppx) {
  #fin .avisoDiplomaFin .logo {
    background-image: url("../../images/exercise/diploma-fin/logo@2x.png");
    background-size: 567px 489px;
  }
}
#fin .avisoDiplomaFin .luz {
  width: 321px;
  height: 481px;
  position: absolute;
  left: 340px;
  top: 0px;
  background-image: url('../../images/exercise/diploma-fin/luz.png');
  background-size: 321px 481px;
}
@media (min-resolution: 1.5dppx) {
  #fin .avisoDiplomaFin .luz {
    background-image: url("../../images/exercise/diploma-fin/luz@2x.png");
    background-size: 321px 481px;
  }
}
#fin .avisoDiplomaFin .avatar {
  width: 225px;
  height: 300px;
  position: absolute;
  left: 360px;
  top: 135px;
  transform: scale(0.75);
}
#fin .avisoDiplomaFin .avatar img {
  position: absolute;
}
#fin .avisoDiplomaFin .naranja {
  width: 379px;
  height: 398px;
  position: absolute;
  left: 0px;
  top: 64px;
  background-image: url(../../images/exercise/diploma-fin/clicky_pulgar.png);
  background-size: 379px 398px;
  transform: scale(0.75);
  transform-origin: bottom;
}
#fin .avisoDiplomaFin .naranja.resaltado {
  z-index: 4;
}
#fin .avisoDiplomaFin .azul {
  width: 387px;
  height: 430px;
  position: absolute;
  left: 625px;
  top: 35px;
  background-image: url(../../images/exercise/diploma-fin/ticky_pulgar.png);
  background-size: 387px 430px;
  transform: scale(0.75);
  transform-origin: bottom;
}
#fin .avisoDiplomaFin .azul.resaltado {
  z-index: 4;
}
#fin .avisoDiplomaFin .sombraFigura {
  width: 200px;
  height: 40px;
  position: absolute;
  left: 400px;
  top: 440px;
  background-image: radial-gradient(black 0%, black 35%, transparent 70%);
}
#fin .avisoDiplomaFin .sombraFigura.izq {
  left: 90px;
}
#fin .avisoDiplomaFin .sombraFigura.der {
  left: 710px;
}
#fin .avisoDiplomaFin .banderola {
  background-image: url('../../images/exercise/diploma-fin/banda.png');
  background-size: 326px 110px;
  width: 651px;
  height: 176px;
  position: absolute;
  left: 200px;
  top: 0;
}
@media (min-resolution: 1.5dppx) {
  #fin .avisoDiplomaFin .banderola {
    background-image: url("../../images/exercise/diploma-fin/banda@2x.png");
    background-size: 326px 110px;
  }
}
#fin .avisoDiplomaFin .banderola .textoBanderola {
  width: 650px;
  height: 200px;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  font-size: 44px;
  font-weight: bold;
  color: white;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
  margin-top: 10px;
}
#fin .avisoDiplomaFin .confettiContainer {
  position: absolute;
  width: 1000px;
  height: 200px;
  left: 0;
  top: -200px;
  z-index: 4;
}
#fin .avisoDiplomaFin .confettiContainer .confetti {
  width: 61px;
  height: 121px;
  position: absolute;
  top: 0;
  filter: hue-rotate(215deg) saturate(0.75) brightness(1.5);
  -webkit-filter: hue-rotate(215deg) saturate(0.75) brightness(1.5);
}
#fin .avisoDiplomaFin .confettiContainer .confetti.c1,
#fin .avisoDiplomaFin .confettiContainer .confetti.c3,
#fin .avisoDiplomaFin .confettiContainer .confetti.c5 {
  background-image: url("../../images/mundoVirtual/nuevo/fin/confettiAzul.png");
  background-size: 312px 146px;
  width: 78px;
  height: 146px;
}
@media (min-resolution: 1.5dppx) {
  #fin .avisoDiplomaFin .confettiContainer .confetti.c1,
  #fin .avisoDiplomaFin .confettiContainer .confetti.c3,
  #fin .avisoDiplomaFin .confettiContainer .confetti.c5 {
    background-image: url("../../images/mundoVirtual/nuevo/fin/confettiAzul@2x.png");
    background-size: 312px 146px;
  }
}
#fin .avisoDiplomaFin .confettiContainer .confetti.c2,
#fin .avisoDiplomaFin .confettiContainer .confetti.c4 {
  background-image: url("../../images/mundoVirtual/nuevo/fin/confettiAzul.png");
  background-size: 312px 146px;
  width: 78px;
  height: 146px;
}
@media (min-resolution: 1.5dppx) {
  #fin .avisoDiplomaFin .confettiContainer .confetti.c2,
  #fin .avisoDiplomaFin .confettiContainer .confetti.c4 {
    background-image: url("../../images/mundoVirtual/nuevo/fin/confettiAzul@2x.png");
    background-size: 312px 146px;
  }
}
#fin .avisoDiplomaFin .confettiContainer .confetti.c4,
#fin .avisoDiplomaFin .confettiContainer .confetti.c5 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
#fin .avisoDiplomaFin .diamante {
  background-image: url('../../images/exercise/diplomaDiamante/diamante.png');
  background-size: 123px 115px;
  width: 123px;
  height: 115px;
  left: 450px;
  top: 215px;
  position: absolute;
}
@media (min-resolution: 1.5dppx) {
  #fin .avisoDiplomaFin .diamante {
    background-image: url("../../images/exercise/diplomaDiamante/diamante@2x.png");
    background-size: 123px 115px;
  }
}
#fin .panelFinContainer {
  /*
		position: absolute;
		width: 1000px;
		height: 600px;
		right: 0px;
		top: 0px;
		background-image: radial-gradient(rgba(0, 0, 0, 0.11), rgba(0, 0, 0, 0.51));
		/**/
}
#fin .panelFinContainer .lateralMaterias {
  position: absolute;
  left: 35px;
  top: 95px;
}
#fin .panelFinContainer .lateralMaterias .lateralMateria {
  background-image: url("../../images/mundoVirtual/nuevo/fin/caja_lateral_izq.png");
  background-size: 89px 89px;
  width: 89px;
  height: 89px;
  cursor: pointer;
  margin-bottom: 10px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .lateralMaterias .lateralMateria {
    background-image: url("../../images/mundoVirtual/nuevo/fin/caja_lateral_izq@2x.png");
    background-size: 89px 89px;
  }
}
#fin .panelFinContainer .lateralMaterias .lateralMateria.unico {
  cursor: initial;
  pointer-events: none;
}
#fin .panelFinContainer .lateralMaterias .lateralMateria.activo {
  background-image: url("../../images/mundoVirtual/nuevo/fin/caja_lateral_izq_activa.png");
  background-size: 88px 89px;
  width: 88px;
  height: 89px;
  cursor: initial;
  pointer-events: none;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .lateralMaterias .lateralMateria.activo {
    background-image: url("../../images/mundoVirtual/nuevo/fin/caja_lateral_izq_activa@2x.png");
    background-size: 88px 89px;
  }
}
#fin .panelFinContainer .lateralMaterias .lateralMateria.ind0 {
  transform: rotate(10deg);
  margin-left: 10px;
}
#fin .panelFinContainer .lateralMaterias .lateralMateria.ind0 .iconoMateria {
  transform: rotate(-10deg) translate(2px, 2px);
}
#fin .panelFinContainer .lateralMaterias .lateralMateria.ind1 {
  transform: rotate(5deg);
  margin-left: 1px;
}
#fin .panelFinContainer .lateralMaterias .lateralMateria.ind1 .iconoMateria {
  transform: rotate(-5deg) translate(1px, 1px);
}
#fin .panelFinContainer .lateralMaterias .lateralMateria.ind2 {
  transform: rotate(-3deg);
  margin-left: -1px;
}
#fin .panelFinContainer .lateralMaterias .lateralMateria.ind2 .iconoMateria {
  transform: rotate(0deg) translate(1px, 1px);
}
#fin .panelFinContainer .lateralMaterias .lateralMateria.ind3 {
  transform: rotate(-7deg);
  margin-left: 7px;
}
#fin .panelFinContainer .lateralMaterias .lateralMateria.ind3 .iconoMateria {
  transform: rotate(5deg) translate(1px, 1px);
}
#fin .panelFinContainer .lateralMaterias .lateralMateria.ind4 {
  transform: rotate(-10deg);
  margin-left: 10px;
}
#fin .panelFinContainer .lateralMaterias .lateralMateria.ind4 .iconoMateria {
  transform: rotate(10deg) translate(1px, 1px);
}
#fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria {
  filter: brightness(0.45) hue-rotate(-50deg) contrast(1.35);
  vertical-align: middle;
  width: 89px;
  height: 89px;
  background-repeat: no-repeat;
  background-position: center;
}
#fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria.matematicas {
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-mates-naranja.png");
  background-size: 47px 47px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria.matematicas {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-mates-naranja@2x.png");
    background-size: 47px 47px;
  }
}
#fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria.matematicas.test_entrada {
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-te-mates.png");
  background-size: 47px 47px;
  filter: brightness(0.67) hue-rotate(95deg) contrast(1.5);
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria.matematicas.test_entrada {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-te-mates@2x.png");
    background-size: 47px 47px;
  }
}
#fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria.matematicas.test_entrada.INICIADA {
  filter: brightness(0.9) hue-rotate(0deg) saturate(0.25);
}
#fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria.matematicas.examen {
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-examen-mates.png");
  background-size: 47px 47px;
  filter: brightness(0.67) hue-rotate(85deg) contrast(1.5);
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria.matematicas.examen {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-examen-mates@2x.png");
    background-size: 47px 47px;
  }
}
#fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria.matematicas.examen.INICIADA {
  filter: brightness(0.9) hue-rotate(0deg) saturate(0.25);
}
#fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria.coding {
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-coding-naranja.png");
  background-size: 47px 47px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria.coding {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-coding-naranja@2x.png");
    background-size: 47px 47px;
  }
}
#fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria.lectura {
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-lectura-naranja.png");
  background-size: 47px 47px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria.lectura {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-lectura-naranja@2x.png");
    background-size: 47px 47px;
  }
}
#fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria.lectura.test_entrada {
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-te-lectura.png");
  background-size: 47px 47px;
  filter: brightness(0.67) hue-rotate(85deg) contrast(1.5);
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria.lectura.test_entrada {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-te-lectura@2x.png");
    background-size: 47px 47px;
  }
}
#fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria.lectura.test_entrada.INICIADA {
  filter: brightness(0.9) hue-rotate(0deg) saturate(0.25);
}
#fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria.lectura.examen {
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-examen-lectura.png");
  background-size: 47px 47px;
  filter: brightness(0.67) hue-rotate(95deg) contrast(1.5);
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria.lectura.examen {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-examen-lectura@2x.png");
    background-size: 47px 47px;
  }
}
#fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria.lectura.examen.INICIADA {
  filter: brightness(0.9) hue-rotate(0deg) saturate(0.25);
}
#fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria.logica {
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-logica-naranja.png");
  background-size: 47px 47px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria.logica {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-logica-naranja@2x.png");
    background-size: 47px 47px;
  }
}
#fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria.thinking {
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-thinking-naranja.png");
  background-size: 47px 47px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria.thinking {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-thinking-naranja@2x.png");
    background-size: 47px 47px;
  }
}
#fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria.extra_coding {
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-extra-coding-naranja.png");
  background-size: 47px 47px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria.extra_coding {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-extra-coding-naranja@2x.png");
    background-size: 47px 47px;
  }
}
#fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria.extra_thinking {
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-extra-thinking-naranja.png");
  background-size: 47px 47px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMateria.extra_thinking {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-extra-thinking-naranja@2x.png");
    background-size: 47px 47px;
  }
}
#fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMotivacion {
  width: 53px;
  height: 53px;
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono_lateral_flecha.png");
  background-size: 53px 53px;
  position: absolute;
  left: -25px;
  top: -20px;
  cursor: pointer;
  pointer-events: initial;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .lateralMaterias .lateralMateria .iconoMotivacion {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono_lateral_flecha@2x.png");
    background-size: 53px 53px;
  }
}
#fin .panelFinContainer .lateralMaterias .lateralMateria.activo .iconoMateria.SOBRESALIENTE:not(.examen):not(.test_entrada):not(.logica) {
  filter: brightness(0.9) hue-rotate(40deg) saturate(2.35);
}
#fin .panelFinContainer .lateralMaterias .lateralMateria.activo .iconoMateria.SATISFACTORIA:not(.examen):not(.test_entrada):not(.logica) {
  filter: brightness(0.95) hue-rotate(170deg) saturate(1);
}
#fin .panelFinContainer .lateralMaterias .lateralMateria.activo .iconoMateria.MEJORABLE:not(.examen):not(.test_entrada):not(.logica) {
  filter: brightness(1.15) hue-rotate(-15deg) saturate(2.5);
}
#fin .panelFinContainer .lateralMaterias .lateralMateria.activo .iconoMateria.INICIADA:not(.examen):not(.test_entrada) {
  filter: brightness(0.9) hue-rotate(0deg) saturate(0.25);
}
#fin .panelFinContainer .lateralMaterias .lateralMateria.activo .iconoMateria.VACACIONES:not(.examen):not(.test_entrada) {
  filter: brightness(0.9) hue-rotate(0deg) saturate(0.25);
}
#fin .panelFinContainer .lateralMaterias .lateralMateria.activo .iconoMateria.NO_REALIZADA:not(.examen):not(.test_entrada) {
  filter: brightness(0.9) hue-rotate(0deg) saturate(0.25);
}
#fin .panelFinContainer .lateralMaterias .lateralMateria.activo .iconoMateria.AUSENCIA:not(.examen):not(.test_entrada) {
  filter: brightness(0.9) hue-rotate(0deg) saturate(0.25);
}
#fin .panelFinContainer .lateralMaterias .lateralMateria.activo .iconoMateria.noRealizada:not(.examen):not(.test_entrada) {
  filter: brightness(0.9) hue-rotate(0deg) saturate(0.25);
}
#fin .panelFinContainer .lateralMaterias .lateralMateria.activo .iconoMateria.examen:not(.INICIADA),
#fin .panelFinContainer .lateralMaterias .lateralMateria.activo .iconoMateria.test_entrada:not(.INICIADA) {
  filter: none;
}
#fin .panelFinContainer .lateralMaterias .lateralMateria.activo .iconoMateria.INICIADA.examen,
#fin .panelFinContainer .lateralMaterias .lateralMateria.activo .iconoMateria.INICIADA.test_entrada,
#fin .panelFinContainer .lateralMaterias .lateralMateria.activo .iconoMateria.INICIADA_HOY.examen,
#fin .panelFinContainer .lateralMaterias .lateralMateria.activo .iconoMateria.INICIADA_HOY.test_entrada {
  filter: brightness(0.9) hue-rotate(0deg) saturate(0.25);
}
#fin .panelFinContainer .lateralMaterias .lateralMateria.activo .iconoMateria.logica {
  filter: brightness(0.75) hue-rotate(227deg) saturate(0.7);
}
#fin .panelFinContainer .lateralCerrar {
  background-image: url("../../images/mundoVirtual/nuevo/fin/caja_lateral_roja.png");
  background-size: 90px 88px;
  width: 90px;
  height: 88px;
  position: absolute;
  right: 105px;
  top: 105px;
  cursor: pointer;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .lateralCerrar {
    background-image: url("../../images/mundoVirtual/nuevo/fin/caja_lateral_roja@2x.png");
    background-size: 90px 88px;
  }
}
#fin .panelFinContainer .lateralCerrar .iconoCerrarBrillo {
  display: none;
  background-image: url("../../images/mundoVirtual/nuevo/fin/flecha_exit_brillo.png");
  background-size: 96px 91px;
  width: 96px;
  height: 91px;
  position: absolute;
  left: -5px;
  top: 0px;
  animation-name: brilloCerrar;
  animation-duration: 1s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .lateralCerrar .iconoCerrarBrillo {
    background-image: url("../../images/mundoVirtual/nuevo/fin/flecha_exit_brillo@2x.png");
    background-size: 96px 91px;
  }
}
#fin .panelFinContainer .lateralCerrar .iconoCerrarBrillo.otro {
  opacity: 0;
  animation-name: none;
}
#fin .panelFinContainer .lateralCerrar.activo .iconoCerrarBrillo {
  display: block;
}
#fin .panelFinContainer .lateralCerrar.activo .iconoCerrarBrillo.novedad:not(.otro) {
  animation-name: animCerrarNovedades;
  animation-direction: normal;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes brilloCerrar {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#fin .panelFinContainer .lateralCerrar .iconoCerrar {
  background-image: url("../../images/mundoVirtual/nuevo/fin/flecha_exit.png");
  background-size: 96px 91px;
  width: 96px;
  height: 91px;
  position: absolute;
  left: -5px;
  top: 0px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .lateralCerrar .iconoCerrar {
    background-image: url("../../images/mundoVirtual/nuevo/fin/flecha_exit@2x.png");
    background-size: 96px 91px;
  }
}
#fin .panelFinContainer .lateralCerrar .iconoCerrar.otro {
  background-image: url("../../images/mundoVirtual/nuevo/fin/exit.png");
  background-size: 41px 41px;
  background-position: 25px, 10px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .lateralCerrar .iconoCerrar.otro {
    background-image: url("../../images/mundoVirtual/nuevo/fin/exit@2x.png");
    background-size: 41px 41px;
  }
}
#fin .panelFinContainer .lateralCerrar .iconoCerrar.novedad:not(.otro) {
  animation-name: animCerrarNovedades;
  animation-direction: normal;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes animCerrarNovedades {
  from {
    filter: hue-rotate(0deg);
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    filter: hue-rotate(360deg);
    -webkit-filter: hue-rotate(360deg);
  }
}
#fin .panelFinContainer .lateralRacha {
  background-image: url("../../images/mundoVirtual/nuevo/fin/caja_lateral.png");
  background-size: 90px 88px;
  width: 90px;
  height: 88px;
  position: absolute;
  right: 25px;
  top: 205px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .lateralRacha {
    background-image: url("../../images/mundoVirtual/nuevo/fin/caja_lateral@2x.png");
    background-size: 90px 88px;
  }
}
#fin .panelFinContainer .lateralRacha.ocultar {
  display: none;
}
#fin .panelFinContainer .lateralRacha .iconoRacha {
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono_calendario.png");
  background-size: 53px 48px;
  width: 53px;
  height: 48px;
  position: absolute;
  left: 16px;
  top: 20px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .lateralRacha .iconoRacha {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono_calendario@2x.png");
    background-size: 53px 48px;
  }
}
#fin .panelFinContainer .lateralRacha .iconoRacha .dias {
  width: 54px;
  height: 42px;
  object-fit: contain;
  background-image: url("../../images/mundoVirtual/nuevo/fin/cartelito.png");
  background-size: 54px 42px;
  position: absolute;
  right: -5px;
  top: 59px;
  text-align: center;
  color: #d2550f;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  font-size: 16px;
  line-height: 3.5;
  font-weight: bold;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .lateralRacha .iconoRacha .dias {
    background-image: url("../../images/mundoVirtual/nuevo/fin/cartelito@2x.png");
    background-size: 54px 42px;
  }
}
#fin .panelFinContainer .lateralRacha .iconoRacha .diaMes {
  width: 36px;
  padding: 2px 0;
  object-fit: contain;
  position: absolute;
  right: 7px;
  top: 27px;
  text-align: center;
  color: white;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  font-weight: bold;
}
#fin .panelFinContainer .lateralRacha .iconoRacha .mes {
  width: 36px;
  padding: 2px 0;
  object-fit: contain;
  position: absolute;
  right: 7px;
  top: 9px;
  text-align: center;
  color: white;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  font-weight: 800;
  -webkit-text-stroke: 1px #d2550f;
  font-size: 16px;
  text-transform: uppercase;
}
#fin .panelFinContainer .lateralRacha .iconoRacha .iconoLaurel {
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono_calendario_laurel.png");
  background-size: 72px 58px;
  width: 72px;
  height: 58px;
  position: absolute;
  left: -8px;
  top: -1px;
  display: none;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .lateralRacha .iconoRacha .iconoLaurel {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono_calendario_laurel@2x.png");
    background-size: 72px 58px;
  }
}
#fin .panelFinContainer .lateralRacha .iconoRacha .iconoLaurel.mostrar {
  display: block;
}
#fin .panelFinContainer .panelResultados {
  width: 565px;
  height: 80px;
  position: absolute;
  left: 120px;
  top: 140px;
  text-align: center;
  background-image: url("../../images/mundoVirtual/nuevo/fin/separador-hor.png");
  background-size: 289px 6px;
  background-position: center bottom;
  background-repeat: no-repeat;
  box-sizing: border-box;
  padding-top: 6px;
  /*
			.numCorregidos {
				.numBase;
				position: absolute;
				left: 430px;
				top: 20px;
			}
			/**/
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados {
    background-image: url("../../images/mundoVirtual/nuevo/fin/separador-hor@2x.png");
    background-size: 289px 6px;
  }
}
#fin .panelFinContainer .panelResultados .panelMateria {
  filter: saturate(1);
}
#fin .panelFinContainer .panelResultados .panelMateria.ocultar {
  display: none;
}
#fin .panelFinContainer .panelResultados .panelMateria.freemium {
  top: 190px;
}
#fin .panelFinContainer .panelResultados .panelMateria .numBase {
  color: #AA431A;
  font-family: 'ABeeZee', sans-serif, Verdana;
  display: inline-block;
  vertical-align: middle;
  min-width: 55px;
  text-shadow: 2px 0 0 #F2BE50, -2px 0 0 #F2BE50, 0 2px 0 #F2BE50, 0 -2px 0 #F2BE50, 1px 1px #F2BE50, -1px -1px 0 #F2BE50, 1px -1px 0 #F2BE50, -1px 1px 0 #F2BE50;
  font-size: 30px;
}
#fin .panelFinContainer .panelResultados .panelMateria .bloqueResultado {
  display: inline-block;
}
#fin .panelFinContainer .panelResultados .panelMateria .iconoNombreMateria {
  position: relative;
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
  filter: brightness(0.6) hue-rotate(-10deg);
  vertical-align: middle;
  transform: scale(1.25);
}
#fin .panelFinContainer .panelResultados .panelMateria .iconoNombreMateria.unico {
  position: absolute;
  left: 45px;
  top: 22px;
  transform: scale(2);
}
#fin .panelFinContainer .panelResultados .panelMateria .iconoNombreMateria.unico.coding {
  left: 25px;
  transform: scale(1.65);
  top: 30px;
}
#fin .panelFinContainer .panelResultados .panelMateria .iconoNombreMateria.matematicas {
  width: 25px;
  height: 25px;
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-mates-desact.png");
  background-size: 25px 25px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados .panelMateria .iconoNombreMateria.matematicas {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-mates-desact@2x.png");
    background-size: 25px 25px;
  }
}
#fin .panelFinContainer .panelResultados .panelMateria .iconoNombreMateria.coding {
  width: 34px;
  height: 25px;
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-coding-desact.png");
  background-size: 34px 25px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados .panelMateria .iconoNombreMateria.coding {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-coding-desact@2x.png");
    background-size: 34px 25px;
  }
}
#fin .panelFinContainer .panelResultados .panelMateria .iconoNombreMateria.lectura {
  width: 23px;
  height: 25px;
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-lectura-desact.png");
  background-size: 23px 25px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados .panelMateria .iconoNombreMateria.lectura {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-lectura-desact@2x.png");
    background-size: 23px 25px;
  }
}
#fin .panelFinContainer .panelResultados .panelMateria .iconoNombreMateria.logica {
  width: 25px;
  height: 25px;
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-logica-desact.png");
  background-size: 25px 25px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados .panelMateria .iconoNombreMateria.logica {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-logica-desact@2x.png");
    background-size: 25px 25px;
  }
}
#fin .panelFinContainer .panelResultados .panelMateria .iconoNombreMateria.thinking {
  width: 25px;
  height: 25px;
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-thinking-desact.png");
  background-size: 25px 25px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados .panelMateria .iconoNombreMateria.thinking {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-thinking-desact@2x.png");
    background-size: 25px 25px;
  }
}
#fin .panelFinContainer .panelResultados .panelMateria .icono {
  vertical-align: middle;
  display: inline-block;
  background-position: center center;
}
#fin .panelFinContainer .panelResultados .panelMateria .icono.iconoAciertos {
  background-image: url("../../images/mundoVirtual/nuevo/fin/aciertos.png");
  background-size: 75px 75px;
  width: 60px;
  height: 61px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados .panelMateria .icono.iconoAciertos {
    background-image: url("../../images/mundoVirtual/nuevo/fin/aciertos@2x.png");
    background-size: 75px 75px;
  }
}
#fin .panelFinContainer .panelResultados .panelMateria .icono.iconoAciertosCoding {
  background-image: url("../../images/mundoVirtual/nuevo/fin/correctos_coding.png");
  background-size: 55px 60px;
  width: 55px;
  height: 61px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados .panelMateria .icono.iconoAciertosCoding {
    background-image: url("../../images/mundoVirtual/nuevo/fin/correctos_coding@2x.png");
    background-size: 55px 60px;
  }
}
#fin .panelFinContainer .panelResultados .panelMateria .icono.iconoFallos {
  background-image: url("../../images/mundoVirtual/nuevo/fin/fallos.png");
  background-size: 75px 75px;
  width: 60px;
  height: 61px;
  position: relative;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados .panelMateria .icono.iconoFallos {
    background-image: url("../../images/mundoVirtual/nuevo/fin/fallos@2x.png");
    background-size: 75px 75px;
  }
}
#fin .panelFinContainer .panelResultados .panelMateria .icono.iconoFallos .flechaCorregir {
  position: absolute;
  background-image: url("../../images/mundoVirtual/nuevo/fin/fallos_flecha.png");
  background-size: 47px 34px;
  width: 47px;
  height: 34px;
  top: 15px;
  left: 56px;
  transform-origin: left;
  transform: scaleX(0);
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados .panelMateria .icono.iconoFallos .flechaCorregir {
    background-image: url("../../images/mundoVirtual/nuevo/fin/fallos_flecha@2x.png");
    background-size: 47px 34px;
  }
}
#fin .panelFinContainer .panelResultados .panelMateria .icono.iconoGemas {
  background-image: url("../../images/mundoVirtual/nuevo/fin/gemas.png");
  background-size: 55px 55px;
  width: 55px;
  height: 55px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados .panelMateria .icono.iconoGemas {
    background-image: url("../../images/mundoVirtual/nuevo/fin/gemas@2x.png");
    background-size: 55px 55px;
  }
}
#fin .panelFinContainer .panelResultados .panelMateria .icono.iconoTicks {
  background-image: url("../../images/mundoVirtual/nuevo/fin/estrella.png");
  background-size: 55px 55px;
  width: 55px;
  height: 55px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados .panelMateria .icono.iconoTicks {
    background-image: url("../../images/mundoVirtual/nuevo/fin/estrella@2x.png");
    background-size: 55px 55px;
  }
}
#fin .panelFinContainer .panelResultados .panelMateria .icono.iconoTornillos {
  background-image: url("../../images/mundoVirtual/nuevo/fin/tornillos.png");
  background-size: 55px 55px;
  width: 55px;
  height: 55px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados .panelMateria .icono.iconoTornillos {
    background-image: url("../../images/mundoVirtual/nuevo/fin/tornillos@2x.png");
    background-size: 55px 55px;
  }
}
#fin .panelFinContainer .panelResultados .panelMateria .icono.separador {
  background-image: url("../../images/mundoVirtual/nuevo/fin/separador-2.png");
  background-size: 5px 67px;
  width: 5px;
  height: 75px;
  background-position: center bottom;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados .panelMateria .icono.separador {
    background-image: url("../../images/mundoVirtual/nuevo/fin/separador-2@2x.png");
    background-size: 5px 67px;
  }
}
#fin .panelFinContainer .panelResultados .panelMateria .icono.iconoCorregidosCoding {
  background-image: url("../../images/mundoVirtual/nuevo/fin/reintentos.png");
  background-size: 55px 55px;
  width: 55px;
  height: 55px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados .panelMateria .icono.iconoCorregidosCoding {
    background-image: url("../../images/mundoVirtual/nuevo/fin/reintentos@2x.png");
    background-size: 55px 55px;
  }
}
#fin .panelFinContainer .panelResultados .panelMateria .botonCorregir {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 2px -2.3px 0 0 #df6c0f, inset 1.7px 3.6px 0 0 #ffd69c, inset 0px -6.5px 0 0 #e98320, 0 0 10px 3px rgba(110, 91, 95, 0.2);
  background-image: linear-gradient(to bottom, #fba62d, #f19d25);
  border: solid 1.5px #bc5502;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  width: 55px;
  height: 55px;
  position: absolute;
  left: 450px;
  top: 11px;
  border-radius: 28px;
  opacity: 0;
  pointer-events: none;
}
#fin .panelFinContainer .panelResultados .panelMateria .botonCorregir:hover {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 2px -2.3px 0 0 #df6c0f, inset 1.7px 3.6px 0 0 #ffdfb2, inset 0px -6.5px 0 0 #e98320, 0 0 10px 3px rgba(110, 91, 95, 0.2);
  background-image: linear-gradient(#ffb348, #ffb348);
}
#fin .panelFinContainer .panelResultados .panelMateria .botonCorregir:active {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 1px -1.1px 0 0 #df6c0f, inset 0.4px 0.9px 0 0 #ffd69c, inset 0px -2px 0 0 #e98320, 0 0 10px 3px rgba(110, 91, 95, 0.2);
  background-image: linear-gradient(#ee8706, #ee8706);
}
#fin .panelFinContainer .panelResultados .panelMateria .botonCorregir span {
  display: inline-block;
  width: 55px;
  height: 55px;
  margin-top: -2px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/redo-orange.png");
  background-size: 55px 55px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados .panelMateria .botonCorregir span {
    background-image: url("../../images/buttons/textless/icons/redo-orange@2x.png");
    background-size: 55px 55px;
  }
}
#fin .panelFinContainer .panelResultados .panelMateria .botonCorregir:hover span,
#fin .panelFinContainer .panelResultados .panelMateria .botonCorregir.hover span {
  width: 55px;
  height: 55px;
  margin-top: -2px;
  background-image: url("../../images/buttons/textless/icons/redo-orange-hover.png");
  background-size: 55px 55px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados .panelMateria .botonCorregir:hover span,
  #fin .panelFinContainer .panelResultados .panelMateria .botonCorregir.hover span {
    background-image: url("../../images/buttons/textless/icons/redo-orange-hover@2x.png");
    background-size: 55px 55px;
  }
}
#fin .panelFinContainer .panelResultados .panelMateria .botonCorregir:active span,
#fin .panelFinContainer .panelResultados .panelMateria .botonCorregir.active span {
  width: 55px;
  height: 55px;
  margin-top: -2px;
  background-image: url("../../images/buttons/textless/icons/redo-orange-active.png");
  background-size: 55px 55px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados .panelMateria .botonCorregir:active span,
  #fin .panelFinContainer .panelResultados .panelMateria .botonCorregir.active span {
    background-image: url("../../images/buttons/textless/icons/redo-orange-active@2x.png");
    background-size: 55px 55px;
  }
}
#fin .panelFinContainer .panelResultados .panelMateria .botonCorregir.activo {
  display: block;
  opacity: 1;
  cursor: pointer;
  pointer-events: initial;
}
#fin .panelFinContainer .panelResultados .panelMateria .botonCorregir.resultados {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 2px -2.3px 0 0 #488912, inset 1.7px 3.6px 0 0 #bdf98c, inset 0px -6.5px 0 0 #559b1b, 0 0 10px 3px rgba(110, 91, 95, 0.2);
  background-image: linear-gradient(to bottom, #8bd64c, #7ac43d);
  border: solid 1.5px #386811;
  width: 55px;
  height: 55px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  border-radius: 28px;
}
#fin .panelFinContainer .panelResultados .panelMateria .botonCorregir.resultados:hover {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 2px -2.3px 0 0 #488912, inset 1.7px 3.6px 0 0 #d2ffae, inset 0px -6.5px 0 0 #559b1b, 0 0 10px 3px rgba(110, 91, 95, 0.2);
  background-image: linear-gradient(#8fdf4f, #8fdf4f);
}
#fin .panelFinContainer .panelResultados .panelMateria .botonCorregir.resultados:active {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 1px -1.1px 0 0 #488912, inset 0.4px 0.9px 0 0 #bdf98c, inset 0px -2px 0 0 #559b1b, 0 0 10px 3px rgba(110, 91, 95, 0.2);
  background-image: linear-gradient(#63b024, #63b024);
}
#fin .panelFinContainer .panelResultados .panelMateria .botonCorregir.resultados span {
  display: inline-block;
  width: 55px;
  height: 55px;
  margin-top: -2px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/detail-green.png");
  background-size: 55px 55px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados .panelMateria .botonCorregir.resultados span {
    background-image: url("../../images/buttons/textless/icons/detail-green@2x.png");
    background-size: 55px 55px;
  }
}
#fin .panelFinContainer .panelResultados .panelMateria .botonCorregir.resultados:hover span,
#fin .panelFinContainer .panelResultados .panelMateria .botonCorregir.resultados.hover span {
  width: 55px;
  height: 55px;
  margin-top: -2px;
  background-image: url("../../images/buttons/textless/icons/detail-green-hover.png");
  background-size: 55px 55px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados .panelMateria .botonCorregir.resultados:hover span,
  #fin .panelFinContainer .panelResultados .panelMateria .botonCorregir.resultados.hover span {
    background-image: url("../../images/buttons/textless/icons/detail-green-hover@2x.png");
    background-size: 55px 55px;
  }
}
#fin .panelFinContainer .panelResultados .panelMateria .botonCorregir.resultados:active span,
#fin .panelFinContainer .panelResultados .panelMateria .botonCorregir.resultados.active span {
  width: 55px;
  height: 55px;
  margin-top: -2px;
  background-image: url("../../images/buttons/textless/icons/detail-green-active.png");
  background-size: 55px 55px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados .panelMateria .botonCorregir.resultados:active span,
  #fin .panelFinContainer .panelResultados .panelMateria .botonCorregir.resultados.active span {
    background-image: url("../../images/buttons/textless/icons/detail-green-active@2x.png");
    background-size: 55px 55px;
  }
}
#fin .panelFinContainer .panelResultados .panelMateria .botonCorregir.resultados.mostrar {
  opacity: 1;
  transition: all 1s;
  -webkit-transition: all 1s;
  cursor: pointer;
  pointer-events: initial;
}
#fin .panelFinContainer .panelResultados .panelMateria .botonCorregir .brillo {
  display: none;
  position: absolute;
  top: -2px;
  left: -2px;
  width: 56px;
  height: 56px;
  background: radial-gradient(#fdffe8, #fcffca);
  border-radius: 30px;
  box-shadow: 0 0 10px 10px rgba(255, 145, 0, 0.2);
  animation-name: brilloBoton;
  animation-duration: 1s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
#fin .panelFinContainer .panelResultados .panelMateria .botonCorregir .brillo.activo {
  display: block;
}
@keyframes brilloBoton {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}
#fin .panelFinContainer .panelResultados.unicaMateria {
  width: 565px;
  height: 95px;
  top: 160px;
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .numBase {
  font-size: 37px;
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .icono.iconoAciertos {
  background-image: url("../../images/mundoVirtual/nuevo/fin/materia/aciertos.png");
  background-size: 66px 66px;
  width: 66px;
  height: 66px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .icono.iconoAciertos {
    background-image: url("../../images/mundoVirtual/nuevo/fin/materia/aciertos@2x.png");
    background-size: 66px 66px;
  }
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .icono.iconoFallos {
  background-image: url("../../images/mundoVirtual/nuevo/fin/materia/fallos.png");
  background-size: 66px 66px;
  width: 66px;
  height: 66px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .icono.iconoFallos {
    background-image: url("../../images/mundoVirtual/nuevo/fin/materia/fallos@2x.png");
    background-size: 66px 66px;
  }
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .icono.iconoFallos .flechaCorregir {
  background-image: url("../../images/mundoVirtual/nuevo/fin/materia/fallos_flecha.png");
  background-size: 56px 42px;
  width: 56px;
  height: 42px;
  top: 15px;
  left: 64px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .icono.iconoFallos .flechaCorregir {
    background-image: url("../../images/mundoVirtual/nuevo/fin/materia/fallos_flecha@2x.png");
    background-size: 56px 42px;
  }
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .icono.iconoTicks {
  background-image: url("../../images/mundoVirtual/nuevo/fin/estrella.png");
  background-size: 66px 66px;
  width: 66px;
  height: 66px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .icono.iconoTicks {
    background-image: url("../../images/mundoVirtual/nuevo/fin/estrella@2x.png");
    background-size: 66px 66px;
  }
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .icono.iconoTornillos {
  background-image: url("../../images/mundoVirtual/nuevo/fin/tornillos.png");
  background-size: 66px 66px;
  width: 66px;
  height: 66px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .icono.iconoTornillos {
    background-image: url("../../images/mundoVirtual/nuevo/fin/tornillos@2x.png");
    background-size: 66px 66px;
  }
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 2px -2.3px 0 0 #df6c0f, inset 1.7px 3.6px 0 0 #ffd69c, inset 0px -6.5px 0 0 #e98320, 0 0 10px 3px rgba(110, 91, 95, 0.2);
  background-image: linear-gradient(to bottom, #fba62d, #f19d25);
  border: solid 1.5px #bc5502;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  width: 65px;
  height: 65px;
  position: absolute;
  left: 465px;
  top: 5px;
  border-radius: 35px;
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir:hover {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 2px -2.3px 0 0 #df6c0f, inset 1.7px 3.6px 0 0 #ffdfb2, inset 0px -6.5px 0 0 #e98320, 0 0 10px 3px rgba(110, 91, 95, 0.2);
  background-image: linear-gradient(#ffb348, #ffb348);
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir:active {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 1px -1.1px 0 0 #df6c0f, inset 0.4px 0.9px 0 0 #ffd69c, inset 0px -2px 0 0 #e98320, 0 0 10px 3px rgba(110, 91, 95, 0.2);
  background-image: linear-gradient(#ee8706, #ee8706);
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir span {
  display: inline-block;
  width: 30px;
  height: 32px;
  margin-top: 14.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/redo-orange-big.png");
  background-size: 30px 32px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir span {
    background-image: url("../../images/buttons/textless/icons/redo-orange-big@2x.png");
    background-size: 30px 32px;
  }
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir:hover span,
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir.hover span {
  width: 30px;
  height: 32px;
  margin-top: 14.5px;
  background-image: url("../../images/buttons/textless/icons/redo-orange-big-hover.png");
  background-size: 30px 32px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir:hover span,
  #fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir.hover span {
    background-image: url("../../images/buttons/textless/icons/redo-orange-big-hover@2x.png");
    background-size: 30px 32px;
  }
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir:active span,
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir.active span {
  width: 30px;
  height: 32px;
  margin-top: 14.5px;
  background-image: url("../../images/buttons/textless/icons/redo-orange-big-active.png");
  background-size: 30px 32px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir:active span,
  #fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir.active span {
    background-image: url("../../images/buttons/textless/icons/redo-orange-big-active@2x.png");
    background-size: 30px 32px;
  }
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir.resultados {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 2px -2.3px 0 0 #488912, inset 1.7px 3.6px 0 0 #bdf98c, inset 0px -6.5px 0 0 #559b1b, 0 0 10px 3px rgba(110, 91, 95, 0.2);
  background-image: linear-gradient(to bottom, #8bd64c, #7ac43d);
  border: solid 1.5px #386811;
  width: 65px;
  height: 65px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  border-radius: 35px;
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir.resultados:hover {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 2px -2.3px 0 0 #488912, inset 1.7px 3.6px 0 0 #d2ffae, inset 0px -6.5px 0 0 #559b1b, 0 0 10px 3px rgba(110, 91, 95, 0.2);
  background-image: linear-gradient(#8fdf4f, #8fdf4f);
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir.resultados:active {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 1px -1.1px 0 0 #488912, inset 0.4px 0.9px 0 0 #bdf98c, inset 0px -2px 0 0 #559b1b, 0 0 10px 3px rgba(110, 91, 95, 0.2);
  background-image: linear-gradient(#63b024, #63b024);
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir.resultados span {
  display: inline-block;
  width: 30px;
  height: 29px;
  margin-top: 16px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/detail-green-big.png");
  background-size: 30px 29px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir.resultados span {
    background-image: url("../../images/buttons/textless/icons/detail-green-big@2x.png");
    background-size: 30px 29px;
  }
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir.resultados:hover span,
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir.resultados.hover span {
  width: 30px;
  height: 29px;
  margin-top: 16px;
  background-image: url("../../images/buttons/textless/icons/detail-green-big-hover.png");
  background-size: 30px 29px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir.resultados:hover span,
  #fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir.resultados.hover span {
    background-image: url("../../images/buttons/textless/icons/detail-green-big-hover@2x.png");
    background-size: 30px 29px;
  }
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir.resultados:active span,
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir.resultados.active span {
  width: 30px;
  height: 29px;
  margin-top: 16px;
  background-image: url("../../images/buttons/textless/icons/detail-green-big-active.png");
  background-size: 30px 29px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir.resultados:active span,
  #fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir.resultados.active span {
    background-image: url("../../images/buttons/textless/icons/detail-green-big-active@2x.png");
    background-size: 30px 29px;
  }
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .botonCorregir .brillo {
  top: -2px;
  left: -2px;
  width: 66px;
  height: 66px;
  border-radius: 40px;
  box-shadow: 0 0 10px 10px rgba(255, 145, 0, 0.2);
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .tickCorreccionAnimacion {
  position: absolute;
  width: 87px;
  height: 83px;
  top: 55px;
  left: 227px;
  z-index: 3;
  background-image: url('../../images/sesion/fin/tickCorreccion.png');
  background-size: 87px 83px;
  display: none;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .tickCorreccionAnimacion {
    background-image: url("../../images/sesion/fin/tickCorreccion@2x.png");
    background-size: 87px 83px;
  }
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .tickCorreccionAnimacion.activo {
  display: block;
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .burbujaTick {
  position: absolute;
  width: 76px;
  height: 76px;
  background-image: url('../../images/sesion/inicio/inicioMultiple/burbuja_tick.png');
  background-size: 76px 76px;
  display: none;
  pointer-events: none;
  animation-name: animBurbujaTick;
  animation-duration: 2s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .burbujaTick {
    background-image: url("../../images/sesion/inicio/inicioMultiple/burbuja_tick@2x.png");
    background-size: 76px 76px;
  }
}
@keyframes animBurbujaTick {
  from {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
  }
  to {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .burbujaTick.activo {
  display: block;
  cursor: pointer;
  pointer-events: initial;
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .burbujaTickSinFallos {
  top: -51px;
  left: 310px;
  position: absolute;
  width: 76px;
  height: 76px;
  background-image: url('../../images/sesion/inicio/inicioMultiple/burbuja_tick.png');
  background-size: 76px 76px;
  display: none;
  pointer-events: none;
  animation-name: animBurbujaTick;
  animation-duration: 2s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .burbujaTickSinFallos {
    background-image: url("../../images/sesion/inicio/inicioMultiple/burbuja_tick@2x.png");
    background-size: 76px 76px;
  }
}
@keyframes animBurbujaTick {
  from {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
  }
  to {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .burbujaTickSinFallos.activo {
  display: block;
  cursor: pointer;
  pointer-events: initial;
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .burbujaTickCorreccion {
  top: -51px;
  left: 460px;
  position: absolute;
  width: 76px;
  height: 76px;
  background-image: url('../../images/sesion/inicio/inicioMultiple/burbuja_tick.png');
  background-size: 76px 76px;
  display: none;
  pointer-events: none;
  animation-name: animBurbujaTick;
  animation-duration: 2s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .burbujaTickCorreccion {
    background-image: url("../../images/sesion/inicio/inicioMultiple/burbuja_tick@2x.png");
    background-size: 76px 76px;
  }
}
@keyframes animBurbujaTick {
  from {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
  }
  to {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
}
#fin .panelFinContainer .panelResultados.unicaMateria .panelMateria .burbujaTickCorreccion.activo {
  display: block;
  cursor: pointer;
  pointer-events: initial;
}
#fin .panelFinContainer .panelTicks {
  display: none;
  width: 565px;
  height: 120px;
  position: absolute;
  left: 120px;
  top: 220px;
  text-align: center;
}
#fin .panelFinContainer .panelTicks .entradaTicks {
  display: none;
  margin-top: 10px;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  font-weight: bold;
  font-size: 32px;
}
#fin .panelFinContainer .panelTicks .entradaTicks .imagenTick {
  background-image: url("../../images/mundoVirtual/nuevo/fin/estrella.png");
  background-size: 97px 94px;
  width: 97px;
  height: 94px;
  display: inline-block;
  vertical-align: baseline;
  margin-bottom: -20px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelTicks .entradaTicks .imagenTick {
    background-image: url("../../images/mundoVirtual/nuevo/fin/estrella@2x.png");
    background-size: 97px 94px;
  }
}
#fin .panelFinContainer .panelTicks .marcaTick {
  position: absolute;
  left: 150px;
  top: 0px;
}
#fin .panelFinContainer .panelBonusCoding {
  width: 565px;
  height: 120px;
  position: absolute;
  left: 120px;
  top: 220px;
  text-align: center;
  display: none;
  pointer-events: none;
}
#fin .panelFinContainer .panelBonusCoding.mostrar {
  display: block;
}
#fin .panelFinContainer .panelBonusCoding .adornoRobby {
  background-image: url("../../images/mundoVirtual/nuevo/fin/adorno_robby.png");
  background-size: 117px 120px;
  width: 117px;
  height: 120px;
  position: absolute;
  right: 15px;
  top: 20px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonusCoding .adornoRobby {
    background-image: url("../../images/mundoVirtual/nuevo/fin/adorno_robby@2x.png");
    background-size: 117px 120px;
  }
}
#fin .panelFinContainer .panelBonusCoding .adornoCircuito {
  background-image: url("../../images/mundoVirtual/nuevo/fin/adorno_circuito.png");
  background-size: 238px 70px;
  width: 238px;
  height: 70px;
  position: absolute;
  left: 35px;
  top: 130px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonusCoding .adornoCircuito {
    background-image: url("../../images/mundoVirtual/nuevo/fin/adorno_circuito@2x.png");
    background-size: 238px 70px;
  }
}
#fin .panelFinContainer .panelBonusCoding .panelFrase {
  width: 380px;
  height: 92px;
  border-radius: 10px;
  border: solid 1.5px #dc9d5a;
  background-color: #ffe4a1;
  z-index: 0;
  position: absolute;
  left: 90px;
  top: 70px;
}
#fin .panelFinContainer .panelBonusCoding .panelFrase span {
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.15;
  letter-spacing: normal;
  text-align: center;
  color: #aa431a;
  display: block;
  margin: 20px;
}
#fin .panelFinContainer .panelBonus {
  width: 565px;
  height: 120px;
  position: absolute;
  left: 120px;
  top: 220px;
  text-align: center;
  display: none;
  pointer-events: none;
}
#fin .panelFinContainer .panelBonus .logoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/fin/bonus.png");
  background-size: 80px 18px;
  width: 80px;
  height: 18px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .logoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/fin/bonus@2x.png");
    background-size: 80px 18px;
  }
}
#fin .panelFinContainer .panelBonus .logoBonus.ocultar {
  display: none;
}
#fin .panelFinContainer .panelBonus .entradaBonus {
  width: 81px;
  height: 81px;
  border-radius: 3px;
  box-shadow: 0px 0px 0 4px #f4c480, inset 1.8px -3.6px 0 0 #ecb063, inset 1.7px 3.6px 0 0 #ffde93, inset 0px -6.5px 0 0 #f6c06c;
  border: solid 1.5px #dfa769;
  background-image: radial-gradient(circle at 0 0, #fae2ae, #fcdb95, #fdd289);
  box-sizing: content-box;
  display: inline-block;
  margin-top: 12px;
  margin-left: 0.75%;
  margin-right: 0.75%;
  position: relative;
  top: 0;
  left: 0;
}
#fin .panelFinContainer .panelBonus .entradaBonus.minimizado {
  transform: scale(0.5);
  margin-left: -4%;
  margin-bottom: -3%;
  margin-right: -2.5%;
}
#fin .panelFinContainer .panelBonus .entradaBonus.marcado {
  width: 320px;
}
#fin .panelFinContainer .panelBonus .entradaBonus.otro {
  display: none;
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusClip {
  width: 81px;
  height: 81px;
  overflow: hidden;
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusCompletadoBase {
  background-image: url("../../images/mundoVirtual/nuevo/fin/relleno.png");
  background-size: 81px 81px;
  width: 81px;
  height: 81px;
  background-repeat: no-repeat;
  text-align: center;
  vertical-align: bottom;
  position: absolute;
  left: 0px;
  top: 0px;
  border-right: solid 1.5px #dfa769;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusCompletadoBase {
    background-image: url("../../images/mundoVirtual/nuevo/fin/relleno@2x.png");
    background-size: 81px 81px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusCompletadoBase.espera {
  background-image: url("../../images/mundoVirtual/nuevo/fin/rellenoEspera.png");
  background-size: 81px 81px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusCompletadoBase.espera {
    background-image: url("../../images/mundoVirtual/nuevo/fin/rellenoEspera@2x.png");
    background-size: 81px 81px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusCompletadoBase.ganador {
  background-image: url("../../images/mundoVirtual/nuevo/fin/rellenoGanador.png");
  background-size: 81px 81px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusCompletadoBase.ganador {
    background-image: url("../../images/mundoVirtual/nuevo/fin/rellenoGanador@2x.png");
    background-size: 81px 81px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusCompletadoBase.terminado {
  background-image: none;
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusCompletado {
  background-image: url("../../images/mundoVirtual/nuevo/fin/relleno.png");
  background-size: 81px 81px;
  width: 81px;
  height: 81px;
  background-repeat: no-repeat;
  text-align: center;
  vertical-align: bottom;
  position: absolute;
  left: 0px;
  top: 0px;
  border-right: solid 1.5px #dfa769;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusCompletado {
    background-image: url("../../images/mundoVirtual/nuevo/fin/relleno@2x.png");
    background-size: 81px 81px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusCompletado.espera {
  background-image: url("../../images/mundoVirtual/nuevo/fin/rellenoEspera.png");
  background-size: 81px 81px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusCompletado.espera {
    background-image: url("../../images/mundoVirtual/nuevo/fin/rellenoEspera@2x.png");
    background-size: 81px 81px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusCompletado.ganador {
  background-image: url("../../images/mundoVirtual/nuevo/fin/rellenoGanador.png");
  background-size: 81px 81px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusCompletado.ganador {
    background-image: url("../../images/mundoVirtual/nuevo/fin/rellenoGanador@2x.png");
    background-size: 81px 81px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusCompletado.terminado {
  background-image: none;
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusCompletadoAnim {
  background-image: url("../../images/mundoVirtual/nuevo/fin/relleno.png");
  background-size: 81px 81px;
  width: 81px;
  height: 81px;
  background-repeat: no-repeat;
  text-align: center;
  vertical-align: bottom;
  position: absolute;
  left: 0px;
  top: 0px;
  border-right: solid 1.5px #dfa769;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusCompletadoAnim {
    background-image: url("../../images/mundoVirtual/nuevo/fin/relleno@2x.png");
    background-size: 81px 81px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusCompletadoAnim.espera {
  background-image: url("../../images/mundoVirtual/nuevo/fin/rellenoEspera.png");
  background-size: 81px 81px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusCompletadoAnim.espera {
    background-image: url("../../images/mundoVirtual/nuevo/fin/rellenoEspera@2x.png");
    background-size: 81px 81px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusCompletadoAnim.ganador {
  background-image: url("../../images/mundoVirtual/nuevo/fin/rellenoGanador.png");
  background-size: 81px 81px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusCompletadoAnim.ganador {
    background-image: url("../../images/mundoVirtual/nuevo/fin/rellenoGanador@2x.png");
    background-size: 81px 81px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusCompletadoAnim.terminado {
  background-image: none;
}
#fin .panelFinContainer .panelBonus .entradaBonus .animacionMostrar {
  display: none;
}
#fin .panelFinContainer .panelBonus .entradaBonus .iconoEstado {
  display: none;
}
#fin .panelFinContainer .panelBonus .entradaBonus .iconoEstado.espera {
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono_reloj_sorteo.png");
  background-size: 21px 21px;
  background-repeat: no-repeat;
  background-position: 3px 3px;
  display: block;
  width: 28px;
  height: 28px;
  background-color: #c80315;
  border-radius: 40px;
  position: absolute;
  top: -10px;
  left: 61px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .iconoEstado.espera {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono_reloj_sorteo@2x.png");
    background-size: 21px 21px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .iconoEstado.ganador {
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono_trofeo.png");
  background-size: 57px 49px;
  background-repeat: no-repeat;
  display: block;
  width: 57px;
  height: 49px;
  position: absolute;
  top: -16px;
  left: 41px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .iconoEstado.ganador {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono_trofeo@2x.png");
    background-size: 57px 49px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .iconoEstado.terminado {
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono_lupa.png");
  background-size: 39px 35px;
  background-repeat: no-repeat;
  display: block;
  width: 39px;
  height: 35px;
  position: absolute;
  bottom: 10px;
  left: 51px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .iconoEstado.terminado {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono_lupa@2x.png");
    background-size: 39px 35px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .iconoEstado.animacionMostrar {
  display: none;
}
#fin .panelFinContainer .panelBonus .entradaBonus .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/fin/diplomas.png");
  background-size: 81px 81px;
  width: 81px;
  height: 81px;
  position: absolute;
  left: 0px;
  top: 0px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/fin/diplomas@2x.png");
    background-size: 81px 81px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .iconoBonus.terminado {
  opacity: 0.35;
}
#fin .panelFinContainer .panelBonus .entradaBonus .textoBonus {
  position: absolute;
  font-size: 9px;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  font-weight: bold;
  color: #aa431a;
  bottom: 5px;
  text-align: center;
  width: 81px;
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle {
  display: none;
  width: 236px;
  height: 80.5px;
  position: absolute;
  left: 80.5px;
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .textoNombre {
  font-size: 11px;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  font-weight: bold;
  color: #aa431a;
  text-align: center;
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .textoEspera {
  font-size: 13px;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  font-weight: bold;
  color: #aa431a;
  text-align: center;
  margin-top: 5px;
}
#fin .panelFinContainer .panelBonus .entradaBonus.marcado .bonusDetalle {
  display: flex;
  align-items: center;
  justify-content: center;
}
#fin .panelFinContainer .panelBonus .entradaBonus.diploma .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/fin/diplomas.png");
  background-size: 81px 81px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus.diploma .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/fin/diplomas@2x.png");
    background-size: 81px 81px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus.diploma #fin .panelFinContainer .panelBonus .entradaBonus.otro {
  display: none;
}
#fin .panelFinContainer .panelBonus .entradaBonus.diplomaFin .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/diplomas/diplomaFinMatematicas.png");
  background-size: 81px 46px;
  background-repeat: no-repeat;
  background-position-y: center;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus.diplomaFin .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/diplomas/diplomaFinMatematicas@2x.png");
    background-size: 81px 46px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus.diplomaFin.lectura .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/diplomas/diplomaFinLectura.png");
  background-size: 81px 46px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus.diplomaFin.lectura .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/diplomas/diplomaFinLectura@2x.png");
    background-size: 81px 46px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus.diplomaFin.thinking .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/diplomas/diplomaFinThinking.png");
  background-size: 81px 46px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus.diplomaFin.thinking .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/diplomas/diplomaFinThinking@2x.png");
    background-size: 81px 46px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus.diplomaFin #fin .panelFinContainer .panelBonus .entradaBonus.otro {
  display: none;
}
#fin .panelFinContainer .panelBonus .entradaBonus.reto .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/fin/retos.png");
  background-size: 81px 81px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus.reto .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/fin/retos@2x.png");
    background-size: 81px 81px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus.insignia .iconoBonus {
  background-image: url("../../images/sesion/insignias/icono-contador-insignia.png");
  background-size: 81px 81px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus.insignia .iconoBonus {
    background-image: url("../../images/sesion/insignias/icono-contador-insignia@2x.png");
    background-size: 81px 81px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus.insignia .iconoBonus span {
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  color: white;
  font-weight: bold;
  font-size: 32px;
  display: block;
  margin-top: 15px;
}
#fin .panelFinContainer .panelBonus .entradaBonus.insignia.insigniaNovato .iconoBonus {
  background-image: url("../../images/sesion/insignias/novato.png");
  background-size: 81px 81px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus.insignia.insigniaNovato .iconoBonus {
    background-image: url("../../images/sesion/insignias/novato@2x.png");
    background-size: 81px 81px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus.insignia.insigniaNovato .iconoBonus span {
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  color: white;
  font-weight: bold;
  font-size: 32px;
  display: block;
  margin-top: 15px;
}
#fin .panelFinContainer .panelBonus .entradaBonus.sorteo .iconoBonus,
#fin .panelFinContainer .panelBonus .entradaBonus.sorteoAnt .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/fin/tazas.png");
  background-size: 81px 81px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus.sorteo .iconoBonus,
  #fin .panelFinContainer .panelBonus .entradaBonus.sorteoAnt .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/fin/tazas@2x.png");
    background-size: 81px 81px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus.sorteo.parque .iconoBonus,
#fin .panelFinContainer .panelBonus .entradaBonus.sorteoAnt.parque .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/fin/parque.png");
  background-size: 65px 64px;
  width: 65px;
  height: 64px;
  margin-left: 10px;
  margin-top: 5px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus.sorteo.parque .iconoBonus,
  #fin .panelFinContainer .panelBonus .entradaBonus.sorteoAnt.parque .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/fin/parque@2x.png");
    background-size: 65px 64px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus.sorteo.xcaret .iconoBonus,
#fin .panelFinContainer .panelBonus .entradaBonus.sorteoAnt.xcaret .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/fin/xcaret.png");
  background-size: 62px 51px;
  width: 62px;
  height: 51px;
  margin-left: 10px;
  margin-top: 15px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus.sorteo.xcaret .iconoBonus,
  #fin .panelFinContainer .panelBonus .entradaBonus.sorteoAnt.xcaret .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/fin/xcaret@2x.png");
    background-size: 62px 51px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus.sorteo.orlando .iconoBonus,
#fin .panelFinContainer .panelBonus .entradaBonus.sorteoAnt.orlando .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/fin/orlando.png");
  background-size: 41px 51px;
  width: 41px;
  height: 51px;
  margin-left: 20px;
  margin-top: 10px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus.sorteo.orlando .iconoBonus,
  #fin .panelFinContainer .panelBonus .entradaBonus.sorteoAnt.orlando .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/fin/orlando@2x.png");
    background-size: 41px 51px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus.sorteo.estuches .iconoBonus,
#fin .panelFinContainer .panelBonus .entradaBonus.sorteoAnt.estuches .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/fin/estuches.png");
  background-size: 66px 64px;
  width: 66px;
  height: 64px;
  margin-left: 8px;
  margin-top: 6px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus.sorteo.estuches .iconoBonus,
  #fin .panelFinContainer .panelBonus .entradaBonus.sorteoAnt.estuches .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/fin/estuches@2x.png");
    background-size: 66px 64px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus.sorteo.rinoneras .iconoBonus,
#fin .panelFinContainer .panelBonus .entradaBonus.sorteoAnt.rinoneras .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/fin/rinoneras.png");
  background-size: 57px 67px;
  width: 57px;
  height: 67px;
  margin-left: 8px;
  margin-top: 6px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus.sorteo.rinoneras .iconoBonus,
  #fin .panelFinContainer .panelBonus .entradaBonus.sorteoAnt.rinoneras .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/fin/rinoneras@2x.png");
    background-size: 57px 67px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus.sorteo.parque20 .iconoBonus,
#fin .panelFinContainer .panelBonus .entradaBonus.sorteoAnt.parque20 .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/fin/parque.png");
  background-size: 65px 64px;
  width: 65px;
  height: 64px;
  margin-left: 10px;
  margin-top: 5px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus.sorteo.parque20 .iconoBonus,
  #fin .panelFinContainer .panelBonus .entradaBonus.sorteoAnt.parque20 .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/fin/parque@2x.png");
    background-size: 65px 64px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus.sorteo.objetos21 .iconoBonus,
#fin .panelFinContainer .panelBonus .entradaBonus.sorteoAnt.objetos21 .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/fin/objetos21.png");
  background-size: 69px 71px;
  width: 69px;
  height: 71px;
  margin-left: 8px;
  margin-top: 6px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus.sorteo.objetos21 .iconoBonus,
  #fin .panelFinContainer .panelBonus .entradaBonus.sorteoAnt.objetos21 .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/fin/objetos21@2x.png");
    background-size: 69px 71px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus.sorteo.disney22 .iconoBonus,
#fin .panelFinContainer .panelBonus .entradaBonus.sorteoAnt.disney22 .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/fin/parque.png");
  background-size: 65px 64px;
  width: 65px;
  height: 64px;
  margin-left: 10px;
  margin-top: 5px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus.sorteo.disney22 .iconoBonus,
  #fin .panelFinContainer .panelBonus .entradaBonus.sorteoAnt.disney22 .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/fin/parque@2x.png");
    background-size: 65px 64px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus.sorteo.verano22 .iconoBonus,
#fin .panelFinContainer .panelBonus .entradaBonus.sorteoAnt.verano22 .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/fin/verano22.png");
  background-size: 65px 64px;
  width: 53px;
  height: 67px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus.sorteo.verano22 .iconoBonus,
  #fin .panelFinContainer .panelBonus .entradaBonus.sorteoAnt.verano22 .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/fin/verano22@2x.png");
    background-size: 65px 64px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus.sorteo.disney23 .iconoBonus,
#fin .panelFinContainer .panelBonus .entradaBonus.sorteoAnt.disney23 .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/fin/parque.png");
  background-size: 65px 64px;
  width: 65px;
  height: 64px;
  margin-left: 10px;
  margin-top: 5px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus.sorteo.disney23 .iconoBonus,
  #fin .panelFinContainer .panelBonus .entradaBonus.sorteoAnt.disney23 .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/fin/parque@2x.png");
    background-size: 65px 64px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus.regaloNovato .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/fin/regalo_novato.png");
  background-size: 81px 81px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus.regaloNovato .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/fin/regalo_novato@2x.png");
    background-size: 81px 81px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus.mvNovato .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/fin/mv_novato.png");
  background-size: 81px 81px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus.mvNovato .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/fin/mv_novato@2x.png");
    background-size: 81px 81px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .sesiones {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  margin-top: 20px;
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .sesiones .sesion {
  display: inline-block;
  margin: 2px;
  width: 34px;
  height: 33px;
  box-sizing: border-box;
  background: #d1b162;
  border-radius: 5px;
  box-shadow: 0 0 0 2px #a2781f;
  border: none;
  padding: unset;
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .sesiones .sesion span {
  width: 35px;
  height: 31px;
  display: inline-block;
  background-image: url("../../images/sesion/promosesion/base/mickeysesiones-off.png");
  background-size: 35px 31px;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .sesiones .sesion span {
    background-image: url("../../images/sesion/promosesion/base/mickeysesiones-off@2x.png");
    background-size: 35px 31px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .sesiones .sesion.active {
  background-image: url("../../images/mundoVirtual/nuevo/fin/sesion_conseguida.png");
  background-size: 34px 33px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .sesiones .sesion.active {
    background-image: url("../../images/mundoVirtual/nuevo/fin/sesion_conseguida@2x.png");
    background-size: 34px 33px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .sesiones .sesion.active span {
  background-image: url("../../images/sesion/promosesion/base/mickeysesiones-on.png");
  background-size: 35px 31px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .sesiones .sesion.active span {
    background-image: url("../../images/sesion/promosesion/base/mickeysesiones-on@2x.png");
    background-size: 35px 31px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .nuevoNumero {
  visibility: hidden;
  background-image: url('../../images/sesion/promosesion/base/nuevo-boleto.png');
  background-size: 72px 41px;
  width: 72px;
  height: 41px;
  display: inline-block;
  vertical-align: middle;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .nuevoNumero {
    background-image: url("../../images/sesion/promosesion/base/nuevo-boleto@2x.png");
    background-size: 72px 41px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .nuevoNumero .textNuevoNumero {
  /*
							width:43px;
							position: relative;
							top: 21px;
							left: 20px;
							text-shadow: 2px 2px #7b6f6f;
							color:white;
							font-size:9px;
							line-height: 1em;
							opacity: 0;
							/**/
  width: 30px;
  position: relative;
  top: 26px;
  left: 25px;
  text-shadow: 2px 2px #7b6f6f;
  color: white;
  font-size: 8px;
  line-height: 0.75em;
  opacity: 1;
  text-align: left;
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .flechaNumero {
  background-image: url("../../images/mundoVirtual/nuevo/fin/flecha.png");
  background-size: 30px 30px;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-left: -10px;
  vertical-align: text-top;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .flechaNumero {
    background-image: url("../../images/mundoVirtual/nuevo/fin/flecha@2x.png");
    background-size: 30px 30px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .logoSorteo {
  background-image: url("../../images/sesion/promosesion/base/logo-sorteo-fin.png");
  background-size: 144px 30px;
  background-repeat: no-repeat;
  width: 144px;
  padding-top: 22px;
  text-align: right;
  display: inline-block;
  margin: auto;
  color: #7A5914;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .logoSorteo {
    background-image: url("../../images/sesion/promosesion/base/logo-sorteo-fin@2x.png");
    background-size: 144px 30px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .logoSorteo .sorteo {
  font-weight: bold;
  font-size: 11px;
  letter-spacing: 3px;
  opacity: 0;
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .logoSorteo.disney {
  background-image: url("../../images/sesion/promosesion/disney/logo-sorteo-fin.png");
  background-size: 144px 30px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .logoSorteo.disney {
    background-image: url("../../images/sesion/promosesion/disney/logo-sorteo-fin@2x.png");
    background-size: 144px 30px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .logoSorteo.disney .sorteo {
  opacity: 1;
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .logoSorteo.tazas {
  background-image: url("../../images/sesion/promosesion/tazas/logo-sorteo-fin.png");
  background-size: 144px 30px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .logoSorteo.tazas {
    background-image: url("../../images/sesion/promosesion/tazas/logo-sorteo-fin@2x.png");
    background-size: 144px 30px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .logoSorteo.legoland {
  background-image: url("../../images/sesion/promosesion/legoland/logo-fin-sesion.png");
  background-size: 140px 43px;
  width: 140px;
  height: 43px;
  padding: 0;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .logoSorteo.legoland {
    background-image: url("../../images/sesion/promosesion/legoland/logo-fin-sesion@2x.png");
    background-size: 140px 43px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .logoSorteo.botellas {
  background-image: url("../../images/sesion/promosesion/botellas/logo-sorteo-fin.png");
  background-size: 119px 48px;
  width: 119px;
  height: 48px;
  padding: 0;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .logoSorteo.botellas {
    background-image: url("../../images/sesion/promosesion/botellas/logo-sorteo-fin@2x.png");
    background-size: 119px 48px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle#sorteoBaseFin {
  box-sizing: inherit;
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle#sorteoBaseFin .sorteoContent {
  cursor: pointer;
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.disney .sesiones .sesion span {
  background-image: url("../../images/sesion/promosesion/disney/mickeysesiones-off.png");
  background-size: 35px 31px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.disney .sesiones .sesion span {
    background-image: url("../../images/sesion/promosesion/disney/mickeysesiones-off@2x.png");
    background-size: 35px 31px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.disney .sesiones .sesion.active span {
  background-image: url("../../images/sesion/promosesion/disney/mickeysesiones-on.png");
  background-size: 35px 31px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.disney .sesiones .sesion.active span {
    background-image: url("../../images/sesion/promosesion/disney/mickeysesiones-on@2x.png");
    background-size: 35px 31px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.disney .nuevoNumero {
  background-image: url('../../images/sesion/promosesion/disney/nuevo-boleto.png');
  background-size: 72px 41px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.disney .nuevoNumero {
    background-image: url("../../images/sesion/promosesion/disney/nuevo-boleto@2x.png");
    background-size: 72px 41px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.disney .nuevoNumero .textNuevoNumero {
  opacity: 1;
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.tazas .sesiones .sesion span {
  background-image: url("../../images/sesion/promosesion/tazas/mickeysesiones-off.png");
  background-size: 27px 28px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.tazas .sesiones .sesion span {
    background-image: url("../../images/sesion/promosesion/tazas/mickeysesiones-off@2x.png");
    background-size: 27px 28px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.tazas .sesiones .sesion.active span {
  background-image: url("../../images/sesion/promosesion/tazas/mickeysesiones-on.png");
  background-size: 27px 26px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.tazas .sesiones .sesion.active span {
    background-image: url("../../images/sesion/promosesion/tazas/mickeysesiones-on@2x.png");
    background-size: 27px 26px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.tazas .nuevoNumero {
  background-image: url('../../images/sesion/promosesion/tazas/nuevo-boleto.png');
  background-size: 72px 41px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.tazas .nuevoNumero {
    background-image: url("../../images/sesion/promosesion/tazas/nuevo-boleto@2x.png");
    background-size: 72px 41px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.tazas .nuevoNumero .textNuevoNumero {
  opacity: 1;
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.legoland .sesiones .sesion span {
  background-image: url("../../images/sesion/promosesion/legoland/fin-sesion-desactivado.png");
  background-size: 27px 28px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.legoland .sesiones .sesion span {
    background-image: url("../../images/sesion/promosesion/legoland/fin-sesion-desactivado@2x.png");
    background-size: 27px 28px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.legoland .sesiones .sesion.active span {
  background-image: url("../../images/sesion/promosesion/legoland/fin-sesion-activo.png");
  background-size: 27px 26px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.legoland .sesiones .sesion.active span {
    background-image: url("../../images/sesion/promosesion/legoland/fin-sesion-activo@2x.png");
    background-size: 27px 26px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.legoland .nuevoNumero {
  background-image: url('../../images/sesion/promosesion/tazas/nuevo-boleto.png');
  background-size: 72px 41px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.legoland .nuevoNumero {
    background-image: url("../../images/sesion/promosesion/tazas/nuevo-boleto@2x.png");
    background-size: 72px 41px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.parque .sesiones .sesion span {
  background-image: url("../../images/sesion/promosesion/parque/fin-sesion-desactivado.png");
  background-size: 27px 28px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.parque .sesiones .sesion span {
    background-image: url("../../images/sesion/promosesion/parque/fin-sesion-desactivado@2x.png");
    background-size: 27px 28px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.parque .sesiones .sesion.active span {
  background-image: url("../../images/sesion/promosesion/parque/fin-sesion-activo.png");
  background-size: 27px 26px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.parque .sesiones .sesion.active span {
    background-image: url("../../images/sesion/promosesion/parque/fin-sesion-activo@2x.png");
    background-size: 27px 26px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.xcaret .sesiones .sesion span {
  background-image: url("../../images/sesion/promosesion/xcaret/fin-sesion-desactivado.png");
  background-size: 27px 28px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.xcaret .sesiones .sesion span {
    background-image: url("../../images/sesion/promosesion/xcaret/fin-sesion-desactivado@2x.png");
    background-size: 27px 28px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.xcaret .sesiones .sesion.active span {
  background-image: url("../../images/sesion/promosesion/xcaret/fin-sesion-activo.png");
  background-size: 27px 26px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.xcaret .sesiones .sesion.active span {
    background-image: url("../../images/sesion/promosesion/xcaret/fin-sesion-activo@2x.png");
    background-size: 27px 26px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.orlando .sesiones .sesion span {
  background-image: url("../../images/sesion/promosesion/orlando/fin-sesion-desactivado.png");
  background-size: 27px 28px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.orlando .sesiones .sesion span {
    background-image: url("../../images/sesion/promosesion/orlando/fin-sesion-desactivado@2x.png");
    background-size: 27px 28px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.orlando .sesiones .sesion.active span {
  background-image: url("../../images/sesion/promosesion/orlando/fin-sesion-activo.png");
  background-size: 27px 26px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.orlando .sesiones .sesion.active span {
    background-image: url("../../images/sesion/promosesion/orlando/fin-sesion-activo@2x.png");
    background-size: 27px 26px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.botellas .sesiones .sesion span {
  background-image: url("../../images/sesion/promosesion/botellas/fin-sesion-desactivado.png");
  background-size: 12px 30px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.botellas .sesiones .sesion span {
    background-image: url("../../images/sesion/promosesion/botellas/fin-sesion-desactivado@2x.png");
    background-size: 12px 30px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.botellas .sesiones .sesion.active span {
  background-image: url("../../images/sesion/promosesion/botellas/fin-sesion-activo.png");
  background-size: 12px 30px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.botellas .sesiones .sesion.active span {
    background-image: url("../../images/sesion/promosesion/botellas/fin-sesion-activo@2x.png");
    background-size: 12px 30px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.estuches .sesiones .sesion span {
  background-image: url("../../images/sesion/promosesion/estuches/fin-sesion-desactivado.png");
  background-size: 33px 19px;
  margin-left: -0.5px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.estuches .sesiones .sesion span {
    background-image: url("../../images/sesion/promosesion/estuches/fin-sesion-desactivado@2x.png");
    background-size: 33px 19px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.estuches .sesiones .sesion.active span {
  background-image: url("../../images/sesion/promosesion/estuches/fin-sesion-activo.png");
  background-size: 31px 17px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.estuches .sesiones .sesion.active span {
    background-image: url("../../images/sesion/promosesion/estuches/fin-sesion-activo@2x.png");
    background-size: 31px 17px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.rinoneras .sesiones .sesion span {
  background-image: url("../../images/sesion/promosesion/rinoneras/fin-sesion-desactivado.png");
  background-size: 32px 28px;
  margin-left: -0.5px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.rinoneras .sesiones .sesion span {
    background-image: url("../../images/sesion/promosesion/rinoneras/fin-sesion-desactivado@2x.png");
    background-size: 32px 28px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.rinoneras .sesiones .sesion.active span {
  background-image: url("../../images/sesion/promosesion/rinoneras/fin-sesion-activo.png");
  background-size: 30px 26px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.rinoneras .sesiones .sesion.active span {
    background-image: url("../../images/sesion/promosesion/rinoneras/fin-sesion-activo@2x.png");
    background-size: 30px 26px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.parque20 .sesiones .sesion span {
  background-image: url("../../images/sesion/promosesion/parque20/fin-sesion-desactivado.png");
  background-size: 27px 28px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.parque20 .sesiones .sesion span {
    background-image: url("../../images/sesion/promosesion/parque20/fin-sesion-desactivado@2x.png");
    background-size: 27px 28px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.parque20 .sesiones .sesion.active span {
  background-image: url("../../images/sesion/promosesion/parque20/fin-sesion-activo.png");
  background-size: 27px 26px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.parque20 .sesiones .sesion.active span {
    background-image: url("../../images/sesion/promosesion/parque20/fin-sesion-activo@2x.png");
    background-size: 27px 26px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.objetos21 .sesiones .sesion span {
  background-image: url("../../images/sesion/promosesion/objetos21/fin-sesion-desactivado.png");
  background-size: 25px 30px;
  margin-left: -0.5px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.objetos21 .sesiones .sesion span {
    background-image: url("../../images/sesion/promosesion/objetos21/fin-sesion-desactivado@2x.png");
    background-size: 25px 30px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.objetos21 .sesiones .sesion.active span {
  background-image: url("../../images/sesion/promosesion/objetos21/fin-sesion-activo.png");
  background-size: 22px 27px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.objetos21 .sesiones .sesion.active span {
    background-image: url("../../images/sesion/promosesion/objetos21/fin-sesion-activo@2x.png");
    background-size: 22px 27px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.disney22 .sesiones .sesion span {
  background-image: url("../../images/sesion/promosesion/disney22/fin-sesion-desactivado.png");
  background-size: 27px 28px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.disney22 .sesiones .sesion span {
    background-image: url("../../images/sesion/promosesion/disney22/fin-sesion-desactivado@2x.png");
    background-size: 27px 28px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.disney22 .sesiones .sesion.active span {
  background-image: url("../../images/sesion/promosesion/disney22/fin-sesion-activo.png");
  background-size: 27px 26px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.disney22 .sesiones .sesion.active span {
    background-image: url("../../images/sesion/promosesion/disney22/fin-sesion-activo@2x.png");
    background-size: 27px 26px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.verano22 .sesiones .sesion span {
  background-image: url("../../images/sesion/promosesion/verano22/fin-sesion-desactivado.png");
  background-size: 12px 28px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.verano22 .sesiones .sesion span {
    background-image: url("../../images/sesion/promosesion/verano22/fin-sesion-desactivado@2x.png");
    background-size: 12px 28px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.verano22 .sesiones .sesion.active span {
  background-image: url("../../images/sesion/promosesion/verano22/fin-sesion-activo.png");
  background-size: 11px 26px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.verano22 .sesiones .sesion.active span {
    background-image: url("../../images/sesion/promosesion/verano22/fin-sesion-activo@2x.png");
    background-size: 11px 26px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.disney23 .sesiones .sesion span {
  background-image: url("../../images/sesion/promosesion/disney23/fin-sesion-desactivado.png");
  background-size: 27px 28px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.disney23 .sesiones .sesion span {
    background-image: url("../../images/sesion/promosesion/disney23/fin-sesion-desactivado@2x.png");
    background-size: 27px 28px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.disney23 .sesiones .sesion.active span {
  background-image: url("../../images/sesion/promosesion/disney23/fin-sesion-activo.png");
  background-size: 27px 26px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle.disney23 .sesiones .sesion.active span {
    background-image: url("../../images/sesion/promosesion/disney23/fin-sesion-activo@2x.png");
    background-size: 27px 26px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .insigniasScroll {
  display: inline-block;
  height: 40px;
  margin-top: 30px;
  float: left;
  font-size: 15px;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  font-weight: bold;
  color: #aa431a;
  visibility: hidden;
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .insigniasScroll.right {
  float: right;
  visibility: visible;
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .insignias {
  display: inline-block;
  min-width: 68%;
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .insignias .detalleInsignia {
  display: inline-block;
  vertical-align: top;
  padding: 0 1px;
}
#fin .panelFinContainer .panelBonus .entradaBonus .bonusDetalle .insignias .detalleInsignia .detalleTextoInsignia {
  display: block;
  width: 56px;
  font-size: 10px;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  line-height: 1;
  font-weight: bold;
  color: #aa431a;
  margin-top: -2px;
}
#fin .panelFinContainer .panelBonus .entradaBonus .textoReto {
  margin: 5px;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  font-size: 15px;
  font-weight: bold;
  color: #aa431a;
  max-height: 70px;
  overflow: auto;
  height: 70px;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#fin .panelFinContainer .panelBonus .entradaBonus .textoReto::-webkit-scrollbar {
  width: 24px;
}
#fin .panelFinContainer .panelBonus .entradaBonus .textoReto::-webkit-scrollbar-track {
  border-radius: 12px;
  background-color: #232628;
  border: 11px solid #6483bc;
  box-shadow: 0 0 0 1px hsl(216, 100%, 84%);
}
#fin .panelFinContainer .panelBonus .entradaBonus .textoReto::-webkit-scrollbar-thumb {
  width: 18px;
  border-radius: 12px;
  box-shadow: 0px 0.5px 0.5px 0 rgba(60, 74, 137, 0.71) inset;
  background-image: linear-gradient(to top, #9ccdff, #cce8ff);
  border: 3px solid transparent;
  background-clip: content-box;
}
#fin .panelFinContainer .panelBonus .entradaBonus .textoReto::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #b7d9ff, #e1eeff);
}
#fin .panelFinContainer .panelBonus .entradaBonus .textoReto.golden {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#fin .panelFinContainer .panelBonus .entradaBonus .textoReto.golden::-webkit-scrollbar-track {
  background-color: #634730;
  border: 11px solid #826044;
  box-shadow: 0 0 0 1px #f5c28f;
}
#fin .panelFinContainer .panelBonus .entradaBonus .textoReto.golden::-webkit-scrollbar-thumb {
  box-shadow: 0px 0.5px 0.5px 0 rgba(60, 74, 137, 0.71) inset;
  background-image: linear-gradient(to top, #c3955a, #ffe4a2);
}
#fin .panelFinContainer .panelBonus .entradaBonus .textoReto.golden::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #c3a475, #ffefc1);
}
#fin .panelFinContainer .panelBonus .entradaBonus .textoReto.brown {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#fin .panelFinContainer .panelBonus .entradaBonus .textoReto.brown::-webkit-scrollbar-track {
  background-color: #F7A278;
  border: 11px solid #fff2e6;
  box-shadow: 0 0 0 1px #f8ccb6;
}
#fin .panelFinContainer .panelBonus .entradaBonus .textoReto.brown::-webkit-scrollbar-thumb {
  box-shadow: 0.1px 0.5px 0.5px 0 rgba(60, 74, 137, 0.71) inset;
  background-image: linear-gradient(to top, #d45d22, #ad4b1b);
}
#fin .panelFinContainer .panelBonus .entradaBonus .textoReto.brown::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #f57d42, #cc6d3f);
}
#fin .panelFinContainer .panelBonus .entradaBonus .textoReto.thinBar::-webkit-scrollbar {
  width: 15px;
}
#fin .panelFinContainer .panelBonus .entradaBonus .textoReto::-webkit-scrollbar-track {
  background-color: #634730;
  border: 11px solid #826044;
  box-shadow: 0 0 0 1px #f5c28f;
}
#fin .panelFinContainer .panelBonus .entradaBonus .textoReto::-webkit-scrollbar-thumb {
  box-shadow: 0px 0.5px 0.5px 0 rgba(60, 74, 137, 0.71) inset;
  background-image: linear-gradient(to top, #c3955a, #ffe4a2);
}
#fin .panelFinContainer .panelBonus .entradaBonus .textoReto::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #c3a475, #ffefc1);
}
#fin .panelFinContainer .panelBonus .entradaBonus .textoDiploma {
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  font-size: 15px;
  font-weight: bold;
  color: #aa431a;
  display: inline-block;
  width: 220px;
  height: 70px;
  margin-top: 5px;
}
#fin .panelFinContainer .panelBonus .entradaBonus .botonDiploma {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 2px -2.3px 0 0 #488912, inset 1.7px 3.6px 0 0 #bdf98c, inset 0px -6.5px 0 0 #559b1b, 0 0 0 3px #7ac43d;
  background-image: linear-gradient(to bottom, #8bd64c, #7ac43d);
  border: solid 1.5px #386811;
  width: 57px;
  height: 57px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  margin: 0 10px;
  text-align: center;
  display: inline-block;
  margin: auto;
}
#fin .panelFinContainer .panelBonus .entradaBonus .botonDiploma:hover {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 2px -2.3px 0 0 #488912, inset 1.7px 3.6px 0 0 #d2ffae, inset 0px -6.5px 0 0 #559b1b, 0 0 0 3px #7ac43d;
  background-image: linear-gradient(#8fdf4f, #8fdf4f);
}
#fin .panelFinContainer .panelBonus .entradaBonus .botonDiploma:active {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 1px -1.1px 0 0 #488912, inset 0.4px 0.9px 0 0 #bdf98c, inset 0px -2px 0 0 #559b1b, 0 0 0 3px #7ac43d;
  background-image: linear-gradient(#63b024, #63b024);
}
#fin .panelFinContainer .panelBonus .entradaBonus .botonDiploma span {
  display: inline-block;
  width: 32px;
  height: 33px;
  margin-top: 10px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/shop-ok-green.png");
  background-size: 32px 33px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .botonDiploma span {
    background-image: url("../../images/buttons/textless/icons/shop-ok-green@2x.png");
    background-size: 32px 33px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .botonDiploma:hover span,
#fin .panelFinContainer .panelBonus .entradaBonus .botonDiploma.hover span {
  width: 32px;
  height: 33px;
  margin-top: 10px;
  background-image: url("../../images/buttons/textless/icons/shop-ok-green-hover.png");
  background-size: 32px 33px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .botonDiploma:hover span,
  #fin .panelFinContainer .panelBonus .entradaBonus .botonDiploma.hover span {
    background-image: url("../../images/buttons/textless/icons/shop-ok-green-hover@2x.png");
    background-size: 32px 33px;
  }
}
#fin .panelFinContainer .panelBonus .entradaBonus .botonDiploma:active span,
#fin .panelFinContainer .panelBonus .entradaBonus .botonDiploma.active span {
  width: 32px;
  height: 33px;
  margin-top: 10px;
  background-image: url("../../images/buttons/textless/icons/shop-ok-green-active.png");
  background-size: 32px 33px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus .entradaBonus .botonDiploma:active span,
  #fin .panelFinContainer .panelBonus .entradaBonus .botonDiploma.active span {
    background-image: url("../../images/buttons/textless/icons/shop-ok-green-active@2x.png");
    background-size: 32px 33px;
  }
}
#fin .panelFinContainer .panelBonus.unicaMateria {
  top: 260px;
}
#fin .panelFinContainer .panelBonus.unicaMateria .logoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/fin/materia/bonus.png");
  background-size: 102px 21px;
  width: 102px;
  height: 21px;
  margin-top: 10px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.unicaMateria .logoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/fin/materia/bonus@2x.png");
    background-size: 102px 21px;
  }
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus {
  width: 105px;
  height: 105px;
  /*
					&.sorteo .iconoBonus, &.sorteoAnt .iconoBonus {
						.at2x("../../images/mundoVirtual/nuevo/fin/tazas.png", 81px, 81px);
					}

					&.sorteo.parque .iconoBonus, &.sorteoAnt.parque .iconoBonus {
						.at2x("../../images/mundoVirtual/nuevo/fin/parque.png", 65px, 64px);
						width: 65px;
						height: 64px;
						margin-left: 10px;
						margin-top: 5px;
					}

					&.sorteo.xcaret .iconoBonus, &.sorteoAnt.xcaret .iconoBonus {
						.at2x("../../images/mundoVirtual/nuevo/fin/xcaret.png", 62px, 51px);
						width: 62px;
						height: 51px;
						margin-left: 10px;
						margin-top: 15px;
					}

					&.sorteo.orlando .iconoBonus, &.sorteoAnt.orlando .iconoBonus {
						.at2x("../../images/mundoVirtual/nuevo/fin/orlando.png", 41px, 51px);
						width: 41px;
						height: 51px;
						margin-left: 20px;
						margin-top: 10px;
					}

					&.sorteo.estuches .iconoBonus, &.sorteoAnt.estuches .iconoBonus {
						.at2x("../../images/mundoVirtual/nuevo/fin/estuches.png", 66px, 64px);
						width: 66px;
						height: 64px;
						margin-left: 8px;
						margin-top: 6px;
					}

					&.sorteo.rinoneras .iconoBonus, &.sorteoAnt.rinoneras .iconoBonus {
						.at2x("../../images/mundoVirtual/nuevo/fin/rinoneras.png", 57px, 67px);
						width: 57px;
						height: 67px;
						margin-left: 8px;
						margin-top: 6px;
					}

					&.sorteo.parque20 .iconoBonus, &.sorteoAnt.parque20 .iconoBonus {
						.at2x("../../images/mundoVirtual/nuevo/fin/parque.png", 65px, 64px);
						width: 65px;
						height: 64px;
						margin-left: 10px;
						margin-top: 5px;
					}

					&.sorteo.objetos21 .iconoBonus, &.sorteoAnt.objetos21 .iconoBonus {
						.at2x("../../images/mundoVirtual/nuevo/fin/objetos21.png", 69px, 71px);
						width: 69px;
						height: 71px;
						margin-left: 8px;
						margin-top: 6px;
					}
					/**/
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus.marcado {
  width: 370px;
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus.otro {
  display: none;
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusClip {
  width: 105px;
  height: 105px;
  overflow: hidden;
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusCompletadoBase {
  background-image: url("../../images/mundoVirtual/nuevo/fin/relleno.png");
  background-size: 105px 105px;
  width: 105px;
  height: 105px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusCompletadoBase {
    background-image: url("../../images/mundoVirtual/nuevo/fin/relleno@2x.png");
    background-size: 105px 105px;
  }
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusCompletadoBase.espera {
  background-image: url("../../images/mundoVirtual/nuevo/fin/rellenoEspera.png");
  background-size: 105px 105px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusCompletadoBase.espera {
    background-image: url("../../images/mundoVirtual/nuevo/fin/rellenoEspera@2x.png");
    background-size: 105px 105px;
  }
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusCompletadoBase.ganador {
  background-image: url("../../images/mundoVirtual/nuevo/fin/rellenoGanador.png");
  background-size: 105px 105px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusCompletadoBase.ganador {
    background-image: url("../../images/mundoVirtual/nuevo/fin/rellenoGanador@2x.png");
    background-size: 105px 105px;
  }
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusCompletadoBase.terminado {
  background-image: none;
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusCompletado {
  background-image: url("../../images/mundoVirtual/nuevo/fin/relleno.png");
  background-size: 105px 105px;
  width: 105px;
  height: 105px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusCompletado {
    background-image: url("../../images/mundoVirtual/nuevo/fin/relleno@2x.png");
    background-size: 105px 105px;
  }
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusCompletado.espera {
  background-image: url("../../images/mundoVirtual/nuevo/fin/rellenoEspera.png");
  background-size: 105px 105px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusCompletado.espera {
    background-image: url("../../images/mundoVirtual/nuevo/fin/rellenoEspera@2x.png");
    background-size: 105px 105px;
  }
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusCompletado.ganador {
  background-image: url("../../images/mundoVirtual/nuevo/fin/rellenoGanador.png");
  background-size: 105px 105px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusCompletado.ganador {
    background-image: url("../../images/mundoVirtual/nuevo/fin/rellenoGanador@2x.png");
    background-size: 105px 105px;
  }
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusCompletado.terminado {
  background-image: none;
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusCompletadoAnim {
  background-image: url("../../images/mundoVirtual/nuevo/fin/relleno.png");
  background-size: 105px 105px;
  width: 105px;
  height: 105px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusCompletadoAnim {
    background-image: url("../../images/mundoVirtual/nuevo/fin/relleno@2x.png");
    background-size: 105px 105px;
  }
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusCompletadoAnim.espera {
  background-image: url("../../images/mundoVirtual/nuevo/fin/rellenoEspera.png");
  background-size: 105px 105px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusCompletadoAnim.espera {
    background-image: url("../../images/mundoVirtual/nuevo/fin/rellenoEspera@2x.png");
    background-size: 105px 105px;
  }
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusCompletadoAnim.ganador {
  background-image: url("../../images/mundoVirtual/nuevo/fin/rellenoGanador.png");
  background-size: 105px 105px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusCompletadoAnim.ganador {
    background-image: url("../../images/mundoVirtual/nuevo/fin/rellenoGanador@2x.png");
    background-size: 105px 105px;
  }
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusCompletadoAnim.terminado {
  background-image: none;
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .iconoEstado.espera {
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono_reloj_sorteo.png");
  background-size: 21px 21px;
  background-repeat: no-repeat;
  background-position: 3px 3px;
  display: block;
  width: 28px;
  height: 28px;
  background-color: #c80315;
  border-radius: 40px;
  position: absolute;
  top: -10px;
  left: 61px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .iconoEstado.espera {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono_reloj_sorteo@2x.png");
    background-size: 21px 21px;
  }
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .iconoEstado.ganador {
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono_trofeo.png");
  background-size: 57px 49px;
  background-repeat: no-repeat;
  display: block;
  width: 57px;
  height: 49px;
  position: absolute;
  top: -16px;
  left: 41px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .iconoEstado.ganador {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono_trofeo@2x.png");
    background-size: 57px 49px;
  }
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .iconoEstado.terminado {
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono_lupa.png");
  background-size: 39px 35px;
  background-repeat: no-repeat;
  display: block;
  width: 39px;
  height: 35px;
  position: absolute;
  bottom: 10px;
  left: 51px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .iconoEstado.terminado {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono_lupa@2x.png");
    background-size: 39px 35px;
  }
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .iconoEstado.animacionMostrar {
  display: none;
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/fin/diplomas.png");
  background-size: 105px 105px;
  width: 105px;
  height: 105px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/fin/diplomas@2x.png");
    background-size: 105px 105px;
  }
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus.diplomaFin .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/diplomas/diplomaFinMatematicas.png");
  background-size: 105px 59px;
  background-repeat: no-repeat;
  background-position-y: center;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus.diplomaFin .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/diplomas/diplomaFinMatematicas@2x.png");
    background-size: 105px 59px;
  }
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus.diplomaFin.lectura .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/diplomas/diplomaFinLectura.png");
  background-size: 105px 59px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus.diplomaFin.lectura .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/diplomas/diplomaFinLectura@2x.png");
    background-size: 105px 59px;
  }
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus.diplomaFin.thinking .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/diplomas/diplomaFinThinking.png");
  background-size: 105px 59px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus.diplomaFin.thinking .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/diplomas/diplomaFinThinking@2x.png");
    background-size: 105px 59px;
  }
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .textoBonus {
  font-size: 11px;
  width: 105px;
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusDetalle {
  width: 275.5px;
  height: 104.5px;
  position: absolute;
  left: 104.5px;
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusDetalle .textoNombre {
  font-size: 13px;
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusDetalle .textoEspera {
  font-size: 15px;
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus.marcado .bonusDetalle {
  display: flex;
  align-items: center;
  justify-content: center;
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus.diploma .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/fin/materia/diplomas.png");
  background-size: 105px 105px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus.diploma .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/fin/materia/diplomas@2x.png");
    background-size: 105px 105px;
  }
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus.reto .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/fin/materia/retos.png");
  background-size: 105px 105px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus.reto .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/fin/materia/retos@2x.png");
    background-size: 105px 105px;
  }
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus.insignia .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/fin/materia/insignia.png");
  background-size: 105px 105px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus.insignia .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/fin/materia/insignia@2x.png");
    background-size: 105px 105px;
  }
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus.insignia .iconoBonus span {
  font-size: 36px;
  margin-top: 24px;
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus.insignia.insigniaNovato .iconoBonus {
  background-image: url("../../images/sesion/insignias/novato.png");
  background-size: 105px 105px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus.insignia.insigniaNovato .iconoBonus {
    background-image: url("../../images/sesion/insignias/novato@2x.png");
    background-size: 105px 105px;
  }
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus.insignia.insigniaNovato .iconoBonus span {
  font-size: 36px;
  margin-top: 24px;
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus.regaloNovato .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/fin/regalo_novato.png");
  background-size: 105px 105px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus.regaloNovato .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/fin/regalo_novato@2x.png");
    background-size: 105px 105px;
  }
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus.mvNovato .iconoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/fin/mv_novato.png");
  background-size: 105px 105px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus.mvNovato .iconoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/fin/mv_novato@2x.png");
    background-size: 105px 105px;
  }
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusDetalle .insigniasScroll {
  height: 40px;
  margin-top: 30px;
  font-size: 15px;
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .bonusDetalle .insignias .detalleInsignia .detalleTextoInsignia {
  width: 58px;
  font-size: 10px;
  margin-top: -2px;
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .textoReto {
  margin: 5px;
  font-size: 15px;
  max-height: 70px;
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .textoDiploma {
  font-size: 15px;
  width: 220px;
  height: 70px;
  margin-top: 5px;
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .botonDiploma {
  width: 57px;
  height: 57px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .botonDiploma span {
  display: inline-block;
  width: 32px;
  height: 33px;
  margin-top: 10px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/shop-ok-green.png");
  background-size: 32px 33px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .botonDiploma span {
    background-image: url("../../images/buttons/textless/icons/shop-ok-green@2x.png");
    background-size: 32px 33px;
  }
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .botonDiploma:hover span,
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .botonDiploma.hover span {
  width: 32px;
  height: 33px;
  margin-top: 10px;
  background-image: url("../../images/buttons/textless/icons/shop-ok-green-hover.png");
  background-size: 32px 33px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .botonDiploma:hover span,
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .botonDiploma.hover span {
    background-image: url("../../images/buttons/textless/icons/shop-ok-green-hover@2x.png");
    background-size: 32px 33px;
  }
}
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .botonDiploma:active span,
#fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .botonDiploma.active span {
  width: 32px;
  height: 33px;
  margin-top: 10px;
  background-image: url("../../images/buttons/textless/icons/shop-ok-green-active.png");
  background-size: 32px 33px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .botonDiploma:active span,
  #fin .panelFinContainer .panelBonus.unicaMateria .entradaBonus .botonDiploma.active span {
    background-image: url("../../images/buttons/textless/icons/shop-ok-green-active@2x.png");
    background-size: 32px 33px;
  }
}
#fin .panelFinContainer .panelBonus.pt .logoBonus {
  background-image: url("../../images/mundoVirtual/nuevo/fin/bonus-pt.png");
  background-size: 78px 17px;
  width: 78px;
  height: 17px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelBonus.pt .logoBonus {
    background-image: url("../../images/mundoVirtual/nuevo/fin/bonus-pt@2x.png");
    background-size: 78px 17px;
  }
}
#fin .panelFinContainer .panelFin {
  background-image: url("../../images/mundoVirtual/nuevo/fin/panel.png");
  background-size: 804px 587px;
  width: 804px;
  height: 587px;
  position: absolute;
  left: 100px;
  top: 5px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin {
    background-image: url("../../images/mundoVirtual/nuevo/fin/panel@2x.png");
    background-size: 804px 587px;
  }
}
#fin .panelFinContainer .panelFin .botonSesionAnt {
  width: 57px;
  height: 57px;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 290px;
  left: 7px;
  background-image: url('../../images/mundoVirtual/nuevo/fin/botonFinIzq.png');
  background-size: 57px 57px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .botonSesionAnt {
    background-image: url("../../images/mundoVirtual/nuevo/fin/botonFinIzq@2x.png");
    background-size: 57px 57px;
  }
}
#fin .panelFinContainer .panelFin .botonSesionAnt:hover {
  background-image: url('../../images/mundoVirtual/nuevo/fin/botonFinIzqHover.png');
  background-size: 57px 57px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .botonSesionAnt:hover {
    background-image: url("../../images/mundoVirtual/nuevo/fin/botonFinIzqHover@2x.png");
    background-size: 57px 57px;
  }
}
#fin .panelFinContainer .panelFin .botonSesionAnt:active {
  background-image: url('../../images/mundoVirtual/nuevo/fin/botonFinIzqActive.png');
  background-size: 57px 57px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .botonSesionAnt:active {
    background-image: url("../../images/mundoVirtual/nuevo/fin/botonFinIzqActive@2x.png");
    background-size: 57px 57px;
  }
}
#fin .panelFinContainer .panelFin .botonSesionSig {
  width: 57px;
  height: 57px;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 290px;
  right: 7px;
  background-image: url('../../images/mundoVirtual/nuevo/fin/botonFinDer.png');
  background-size: 57px 57px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .botonSesionSig {
    background-image: url("../../images/mundoVirtual/nuevo/fin/botonFinDer@2x.png");
    background-size: 57px 57px;
  }
}
#fin .panelFinContainer .panelFin .botonSesionSig:hover {
  background-image: url('../../images/mundoVirtual/nuevo/fin/botonFinDerHover.png');
  background-size: 57px 57px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .botonSesionSig:hover {
    background-image: url("../../images/mundoVirtual/nuevo/fin/botonFinDerHover@2x.png");
    background-size: 57px 57px;
  }
}
#fin .panelFinContainer .panelFin .botonSesionSig:active {
  background-image: url('../../images/mundoVirtual/nuevo/fin/botonFinDerActive.png');
  background-size: 57px 57px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .botonSesionSig:active {
    background-image: url("../../images/mundoVirtual/nuevo/fin/botonFinDerActive@2x.png");
    background-size: 57px 57px;
  }
}
#fin .panelFinContainer .panelFin .lazoTicks {
  background-image: url("../../images/mundoVirtual/nuevo/fin/lazo.png");
  background-size: 351px 120px;
  width: 351px;
  height: 120px;
  position: absolute;
  left: 230px;
  top: 15px;
  cursor: pointer;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .lazoTicks {
    background-image: url("../../images/mundoVirtual/nuevo/fin/lazo@2x.png");
    background-size: 351px 120px;
  }
}
#fin .panelFinContainer .panelFin .lazoTicks.logActivo {
  z-index: 1;
}
#fin .panelFinContainer .panelFin .lazoTicks .tick {
  background-image: url("../../images/mundoVirtual/nuevo/fin/estrella.png");
  background-size: 97px 94px;
  width: 97px;
  height: 94px;
  position: absolute;
  left: 85px;
  top: -7px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .lazoTicks .tick {
    background-image: url("../../images/mundoVirtual/nuevo/fin/estrella@2x.png");
    background-size: 97px 94px;
  }
}
#fin .panelFinContainer .panelFin .lazoTicks .tick:hover {
  transform: scale(1.1);
}
#fin .panelFinContainer .panelFin .lazoTicks .tick .animTick {
  background-image: url("../../images/mundoVirtual/nuevo/fin/estrella.png");
  background-size: 97px 94px;
  width: 97px;
  height: 94px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 5;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .lazoTicks .tick .animTick {
    background-image: url("../../images/mundoVirtual/nuevo/fin/estrella@2x.png");
    background-size: 97px 94px;
  }
}
#fin .panelFinContainer .panelFin .lazoTicks .numBase {
  width: 100px;
  height: 94px;
  position: absolute;
  left: 173px;
  top: 1px;
  color: white;
  font-family: 'ABeeZee', sans-serif, Verdana;
  text-shadow: 2px 0 0 #2fc0b5, -2px 0 0 #2fc0b5, 0 2px 0 #2fc0b5, 0 -2px 0 #2fc0b5, 1px 1px #2fc0b5, -1px -1px 0 #2fc0b5, 1px -1px 0 #2fc0b5, -1px 1px 0 #2fc0b5;
  font-size: 64px;
}
#fin .panelFinContainer .panelFin .lazoTicks .numBase.many {
  font-size: 56px;
  top: 9px;
}
#fin .panelFinContainer .panelFin .lazoTicks .numTicks {
  width: 100px;
  height: 94px;
  position: absolute;
  left: 173px;
  top: 1px;
  color: white;
  font-family: 'ABeeZee', sans-serif, Verdana;
  text-shadow: 2px 0 0 #2fc0b5, -2px 0 0 #2fc0b5, 0 2px 0 #2fc0b5, 0 -2px 0 #2fc0b5, 1px 1px #2fc0b5, -1px -1px 0 #2fc0b5, 1px -1px 0 #2fc0b5, -1px 1px 0 #2fc0b5;
  font-size: 64px;
  display: block;
}
#fin .panelFinContainer .panelFin .lazoTicks .numTicks.many {
  font-size: 56px;
  top: 9px;
}
#fin .panelFinContainer .panelFin .lazoTicks .gem {
  display: none;
  background-image: url("../../images/mundoVirtual/nuevo/fin/gema.png");
  background-size: 94px 98px;
  width: 94px;
  height: 98px;
  position: absolute;
  left: 85px;
  top: -7px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .lazoTicks .gem {
    background-image: url("../../images/mundoVirtual/nuevo/fin/gema@2x.png");
    background-size: 94px 98px;
  }
}
#fin .panelFinContainer .panelFin .lazoTicks .gem:hover {
  transform: scale(1.1);
}
#fin .panelFinContainer .panelFin .lazoTicks .gem .animGem {
  background-image: url("../../images/mundoVirtual/nuevo/fin/gema.png");
  background-size: 94px 98px;
  width: 94px;
  height: 98px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 5;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .lazoTicks .gem .animGem {
    background-image: url("../../images/mundoVirtual/nuevo/fin/gema@2x.png");
    background-size: 94px 98px;
  }
}
#fin .panelFinContainer .panelFin .lazoTicks .numGems {
  width: 100px;
  height: 94px;
  position: absolute;
  left: 173px;
  top: 1px;
  color: white;
  font-family: 'ABeeZee', sans-serif, Verdana;
  text-shadow: 2px 0 0 #2fc0b5, -2px 0 0 #2fc0b5, 0 2px 0 #2fc0b5, 0 -2px 0 #2fc0b5, 1px 1px #2fc0b5, -1px -1px 0 #2fc0b5, 1px -1px 0 #2fc0b5, -1px 1px 0 #2fc0b5;
  font-size: 64px;
  display: none;
}
#fin .panelFinContainer .panelFin .lazoTicks .numGems.many {
  font-size: 56px;
  top: 9px;
}
#fin .panelFinContainer .panelFin .lazoTicks .separador {
  display: none;
}
#fin .panelFinContainer .panelFin .panelBlock {
  display: none;
  width: 1000px;
  height: 600px;
  cursor: initial;
  background: unset;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: -110px;
  top: -5px;
  border-radius: 10px;
}
#fin .panelFinContainer .panelFin .panelBlock.logActivo {
  display: block;
}
#fin .panelFinContainer .panelFin .panelTornillos {
  width: 565px;
  height: 80px;
  position: absolute;
  left: 120px;
  top: 90px;
  text-align: center;
}
#fin .panelFinContainer .panelFin .panelTornillos .tornillo {
  opacity: 0.5;
  position: initial;
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}
#fin .panelFinContainer .panelFin .panelTornillos .tornillo.conseguido {
  opacity: 1;
}
#fin .panelFinContainer .panelFin .panelTornillos .tornillo.bronce {
  background-image: url("../../images/mundoVirtual/nuevo/fin/bronce.png");
  background-size: 48px 49px;
  width: 48px;
  height: 49px;
  left: 175px;
  top: 12px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelTornillos .tornillo.bronce {
    background-image: url("../../images/mundoVirtual/nuevo/fin/bronce@2x.png");
    background-size: 48px 49px;
  }
}
#fin .panelFinContainer .panelFin .panelTornillos .tornillo.plata {
  background-image: url("../../images/mundoVirtual/nuevo/fin/plata.png");
  background-size: 70px 54px;
  width: 55px;
  height: 54px;
  left: 250px;
  top: 8px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelTornillos .tornillo.plata {
    background-image: url("../../images/mundoVirtual/nuevo/fin/plata@2x.png");
    background-size: 70px 54px;
  }
}
#fin .panelFinContainer .panelFin .panelTornillos .tornillo.oro {
  background-image: url("../../images/mundoVirtual/nuevo/fin/oro.png");
  background-size: 67px 76px;
  width: 67px;
  height: 76px;
  left: 325px;
  top: -10px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelTornillos .tornillo.oro {
    background-image: url("../../images/mundoVirtual/nuevo/fin/oro@2x.png");
    background-size: 67px 76px;
  }
}
#fin .panelFinContainer .panelFin .panelLogEjercicios {
  width: 516px;
  height: 408px;
  object-fit: contain;
  border-radius: 12px;
  background-color: rgba(246, 249, 249, 0.9);
  box-shadow: -5.2px 3px 0 0 rgba(0, 0, 0, 0.25);
  border: solid 1.5px #42B2FC;
  position: absolute;
  left: 134px;
  top: 114px;
  padding: 8px;
  display: none;
  text-align: center;
}
#fin .panelFinContainer .panelFin .panelLogEjercicios.logActivo {
  display: block;
  z-index: 1;
}
#fin .panelFinContainer .panelFin .panelLogEjercicios .cabecera {
  border: 1.5px solid #42B2FC;
  border-top: none;
  border-left: none;
  border-right: none;
  color: #42B2FC;
  padding: 0;
  text-transform: none;
  font-weight: bold;
  font-size: 18px;
}
#fin .panelFinContainer .panelFin .panelLogEjercicios .cabecera .close {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
}
#fin .panelFinContainer .panelFin .panelLogEjercicios .problemas {
  height: 300px;
  font-size: 14px;
  margin-bottom: 20px;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#fin .panelFinContainer .panelFin .panelLogEjercicios .problemas::-webkit-scrollbar {
  width: 24px;
}
#fin .panelFinContainer .panelFin .panelLogEjercicios .problemas::-webkit-scrollbar-track {
  border-radius: 12px;
  background-color: #232628;
  border: 11px solid #6483bc;
  box-shadow: 0 0 0 1px hsl(216, 100%, 84%);
}
#fin .panelFinContainer .panelFin .panelLogEjercicios .problemas::-webkit-scrollbar-thumb {
  width: 18px;
  border-radius: 12px;
  box-shadow: 0px 0.5px 0.5px 0 rgba(60, 74, 137, 0.71) inset;
  background-image: linear-gradient(to top, #9ccdff, #cce8ff);
  border: 3px solid transparent;
  background-clip: content-box;
}
#fin .panelFinContainer .panelFin .panelLogEjercicios .problemas::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #b7d9ff, #e1eeff);
}
#fin .panelFinContainer .panelFin .panelLogEjercicios .problemas.golden {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#fin .panelFinContainer .panelFin .panelLogEjercicios .problemas.golden::-webkit-scrollbar-track {
  background-color: #634730;
  border: 11px solid #826044;
  box-shadow: 0 0 0 1px #f5c28f;
}
#fin .panelFinContainer .panelFin .panelLogEjercicios .problemas.golden::-webkit-scrollbar-thumb {
  box-shadow: 0px 0.5px 0.5px 0 rgba(60, 74, 137, 0.71) inset;
  background-image: linear-gradient(to top, #c3955a, #ffe4a2);
}
#fin .panelFinContainer .panelFin .panelLogEjercicios .problemas.golden::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #c3a475, #ffefc1);
}
#fin .panelFinContainer .panelFin .panelLogEjercicios .problemas.brown {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#fin .panelFinContainer .panelFin .panelLogEjercicios .problemas.brown::-webkit-scrollbar-track {
  background-color: #F7A278;
  border: 11px solid #fff2e6;
  box-shadow: 0 0 0 1px #f8ccb6;
}
#fin .panelFinContainer .panelFin .panelLogEjercicios .problemas.brown::-webkit-scrollbar-thumb {
  box-shadow: 0.1px 0.5px 0.5px 0 rgba(60, 74, 137, 0.71) inset;
  background-image: linear-gradient(to top, #d45d22, #ad4b1b);
}
#fin .panelFinContainer .panelFin .panelLogEjercicios .problemas.brown::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #f57d42, #cc6d3f);
}
#fin .panelFinContainer .panelFin .panelLogEjercicios .problemas.thinBar::-webkit-scrollbar {
  width: 15px;
}
#fin .panelFinContainer .panelFin .panelLogEjercicios .botonOk {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 2px -2.3px 0 0 #488912, inset 1.7px 3.6px 0 0 #bdf98c, inset 0px -6.5px 0 0 #559b1b, 0 0 0 3px #7ac43d;
  background-image: linear-gradient(to bottom, #8bd64c, #7ac43d);
  border: solid 1.5px #386811;
  width: 125px;
  height: 50px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
}
#fin .panelFinContainer .panelFin .panelLogEjercicios .botonOk:hover {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 2px -2.3px 0 0 #488912, inset 1.7px 3.6px 0 0 #d2ffae, inset 0px -6.5px 0 0 #559b1b, 0 0 0 3px #7ac43d;
  background-image: linear-gradient(#8fdf4f, #8fdf4f);
}
#fin .panelFinContainer .panelFin .panelLogEjercicios .botonOk:active {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 1px -1.1px 0 0 #488912, inset 0.4px 0.9px 0 0 #bdf98c, inset 0px -2px 0 0 #559b1b, 0 0 0 3px #7ac43d;
  background-image: linear-gradient(#63b024, #63b024);
}
#fin .panelFinContainer .panelFin .panelLogEjercicios .botonOk span {
  display: inline-block;
  width: 32px;
  height: 33px;
  margin-top: 6.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/shop-ok-green.png");
  background-size: 32px 33px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelLogEjercicios .botonOk span {
    background-image: url("../../images/buttons/textless/icons/shop-ok-green@2x.png");
    background-size: 32px 33px;
  }
}
#fin .panelFinContainer .panelFin .panelLogEjercicios .botonOk:hover span,
#fin .panelFinContainer .panelFin .panelLogEjercicios .botonOk.hover span {
  width: 32px;
  height: 33px;
  margin-top: 6.5px;
  background-image: url("../../images/buttons/textless/icons/shop-ok-green-hover.png");
  background-size: 32px 33px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelLogEjercicios .botonOk:hover span,
  #fin .panelFinContainer .panelFin .panelLogEjercicios .botonOk.hover span {
    background-image: url("../../images/buttons/textless/icons/shop-ok-green-hover@2x.png");
    background-size: 32px 33px;
  }
}
#fin .panelFinContainer .panelFin .panelLogEjercicios .botonOk:active span,
#fin .panelFinContainer .panelFin .panelLogEjercicios .botonOk.active span {
  width: 32px;
  height: 33px;
  margin-top: 6.5px;
  background-image: url("../../images/buttons/textless/icons/shop-ok-green-active.png");
  background-size: 32px 33px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelLogEjercicios .botonOk:active span,
  #fin .panelFinContainer .panelFin .panelLogEjercicios .botonOk.active span {
    background-image: url("../../images/buttons/textless/icons/shop-ok-green-active@2x.png");
    background-size: 32px 33px;
  }
}
#fin .panelFinContainer .panelFin .panelLogTicks {
  width: 516px;
  height: 408px;
  object-fit: contain;
  border-radius: 12px;
  background-color: rgba(246, 249, 249, 0.9);
  box-shadow: -5.2px 3px 0 0 rgba(0, 0, 0, 0.25);
  border: solid 1.5px #42B2FC;
  position: absolute;
  left: 134px;
  top: 114px;
  padding: 8px;
  display: none;
  text-align: center;
}
#fin .panelFinContainer .panelFin .panelLogTicks.logActivo {
  display: block;
  z-index: 1;
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList {
  overflow-y: auto;
  height: 330px;
  text-align: left;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
  margin-bottom: 20px;
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList::-webkit-scrollbar {
  width: 24px;
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList::-webkit-scrollbar-track {
  border-radius: 12px;
  background-color: #232628;
  border: 11px solid #6483bc;
  box-shadow: 0 0 0 1px hsl(216, 100%, 84%);
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList::-webkit-scrollbar-thumb {
  width: 18px;
  border-radius: 12px;
  box-shadow: 0px 0.5px 0.5px 0 rgba(60, 74, 137, 0.71) inset;
  background-image: linear-gradient(to top, #9ccdff, #cce8ff);
  border: 3px solid transparent;
  background-clip: content-box;
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #b7d9ff, #e1eeff);
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList.golden {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList.golden::-webkit-scrollbar-track {
  background-color: #634730;
  border: 11px solid #826044;
  box-shadow: 0 0 0 1px #f5c28f;
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList.golden::-webkit-scrollbar-thumb {
  box-shadow: 0px 0.5px 0.5px 0 rgba(60, 74, 137, 0.71) inset;
  background-image: linear-gradient(to top, #c3955a, #ffe4a2);
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList.golden::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #c3a475, #ffefc1);
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList.brown {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList.brown::-webkit-scrollbar-track {
  background-color: #F7A278;
  border: 11px solid #fff2e6;
  box-shadow: 0 0 0 1px #f8ccb6;
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList.brown::-webkit-scrollbar-thumb {
  box-shadow: 0.1px 0.5px 0.5px 0 rgba(60, 74, 137, 0.71) inset;
  background-image: linear-gradient(to top, #d45d22, #ad4b1b);
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList.brown::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #f57d42, #cc6d3f);
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList.thinBar::-webkit-scrollbar {
  width: 15px;
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList .lineaCategoria {
  display: block;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  font-weight: bold;
  font-size: 24px;
  color: #42B2FC;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 0px;
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList .lineaCategoria .imagenCategoria {
  display: inline-block;
  margin-left: 35px;
  margin-right: 5px;
  filter: hue-rotate(175deg);
  transform: scale(2.5);
  vertical-align: middle;
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList .lineaCategoria .imagenCategoria.matematicas {
  width: 25px;
  height: 25px;
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-mates-desact.png");
  background-size: 25px 25px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelLogTicks .scrollList .lineaCategoria .imagenCategoria.matematicas {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-mates-desact@2x.png");
    background-size: 25px 25px;
  }
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList .lineaCategoria .imagenCategoria.coding {
  width: 34px;
  height: 25px;
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-coding-desact.png");
  background-size: 34px 25px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelLogTicks .scrollList .lineaCategoria .imagenCategoria.coding {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-coding-desact@2x.png");
    background-size: 34px 25px;
  }
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList .lineaCategoria .imagenCategoria.lectura {
  width: 23px;
  height: 25px;
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-lectura-desact.png");
  background-size: 23px 25px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelLogTicks .scrollList .lineaCategoria .imagenCategoria.lectura {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-lectura-desact@2x.png");
    background-size: 23px 25px;
  }
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList .lineaCategoria .imagenCategoria.logica {
  width: 25px;
  height: 25px;
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-logica-desact.png");
  background-size: 25px 25px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelLogTicks .scrollList .lineaCategoria .imagenCategoria.logica {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-logica-desact@2x.png");
    background-size: 25px 25px;
  }
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList .lineaCategoria .imagenCategoria.sesion {
  width: 34px;
  height: 25px;
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-coding-desact.png");
  background-size: 34px 25px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelLogTicks .scrollList .lineaCategoria .imagenCategoria.sesion {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-coding-desact@2x.png");
    background-size: 34px 25px;
  }
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList .lineaCategoria .imagenCategoria.thinking {
  width: 25px;
  height: 25px;
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-thinking-desact.png");
  background-size: 25px 25px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelLogTicks .scrollList .lineaCategoria .imagenCategoria.thinking {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-thinking-desact@2x.png");
    background-size: 25px 25px;
  }
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList .lineaLogTicks {
  display: block;
  margin-top: -10px;
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList .imagenTick {
  background-image: url("../../images/mundoVirtual/nuevo/fin/tick_log.png");
  background-size: 64px 62px;
  width: 64px;
  height: 62px;
  display: inline-block;
  position: relative;
  left: 20px;
  transform: translate(5px, 20px);
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelLogTicks .scrollList .imagenTick {
    background-image: url("../../images/mundoVirtual/nuevo/fin/tick_log@2x.png");
    background-size: 64px 62px;
  }
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList .imagenGem {
  background-image: url("../../images/mundoVirtual/nuevo/fin/gema_multi.png");
  background-size: 62px 64px;
  width: 62px;
  height: 64px;
  display: inline-block;
  position: relative;
  left: 20px;
  transform: translate(5px, 20px);
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelLogTicks .scrollList .imagenGem {
    background-image: url("../../images/mundoVirtual/nuevo/fin/gema_multi@2x.png");
    background-size: 62px 64px;
  }
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList .entradaLogTicks {
  display: inline-block;
  margin-top: 0px;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  font-weight: bold;
  font-size: 18px;
  color: #8a8080;
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList .entradaLogTicks .numTicks {
  width: 65px;
  height: 65px;
  box-sizing: border-box;
  display: inline-block;
  margin-right: 10px;
  object-fit: contain;
  border: solid 2px #72ffe2;
  border-radius: 40px;
  background-image: radial-gradient(#67c7b4, #32cbbe);
  padding-top: 5px;
  color: white;
  font-family: 'ABeeZee', sans-serif, Verdana;
  text-shadow: 2px 0 0 #2fc0b5, -2px 0 0 #2fc0b5, 0 2px 0 #2fc0b5, 0 -2px 0 #2fc0b5, 1px 1px #2fc0b5, -1px -1px 0 #2fc0b5, 1px -1px 0 #2fc0b5, -1px 1px 0 #2fc0b5;
  font-size: 40px;
  text-align: center;
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList .entradaLogTicks .numTicks span {
  vertical-align: middle;
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList .entradaLogTicks .numTicks.many {
  font-size: 26px;
  line-height: 55px;
}
#fin .panelFinContainer .panelFin .panelLogTicks .scrollList .lineaDivisoria {
  height: 2px;
  background: #42B2FC;
  margin: 50px 20px 10px 20px;
  border-radius: 3px;
}
#fin .panelFinContainer .panelFin .panelLogTicks .botonOk {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 2px -2.3px 0 0 #488912, inset 1.7px 3.6px 0 0 #bdf98c, inset 0px -6.5px 0 0 #559b1b, 0 0 0 3px #7ac43d;
  background-image: linear-gradient(to bottom, #8bd64c, #7ac43d);
  border: solid 1.5px #386811;
  width: 125px;
  height: 50px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  margin: 5px 10px 0px;
}
#fin .panelFinContainer .panelFin .panelLogTicks .botonOk:hover {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 2px -2.3px 0 0 #488912, inset 1.7px 3.6px 0 0 #d2ffae, inset 0px -6.5px 0 0 #559b1b, 0 0 0 3px #7ac43d;
  background-image: linear-gradient(#8fdf4f, #8fdf4f);
}
#fin .panelFinContainer .panelFin .panelLogTicks .botonOk:active {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 1px -1.1px 0 0 #488912, inset 0.4px 0.9px 0 0 #bdf98c, inset 0px -2px 0 0 #559b1b, 0 0 0 3px #7ac43d;
  background-image: linear-gradient(#63b024, #63b024);
}
#fin .panelFinContainer .panelFin .panelLogTicks .botonOk span {
  display: inline-block;
  width: 32px;
  height: 33px;
  margin-top: 6.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/shop-ok-green.png");
  background-size: 32px 33px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelLogTicks .botonOk span {
    background-image: url("../../images/buttons/textless/icons/shop-ok-green@2x.png");
    background-size: 32px 33px;
  }
}
#fin .panelFinContainer .panelFin .panelLogTicks .botonOk:hover span,
#fin .panelFinContainer .panelFin .panelLogTicks .botonOk.hover span {
  width: 32px;
  height: 33px;
  margin-top: 6.5px;
  background-image: url("../../images/buttons/textless/icons/shop-ok-green-hover.png");
  background-size: 32px 33px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelLogTicks .botonOk:hover span,
  #fin .panelFinContainer .panelFin .panelLogTicks .botonOk.hover span {
    background-image: url("../../images/buttons/textless/icons/shop-ok-green-hover@2x.png");
    background-size: 32px 33px;
  }
}
#fin .panelFinContainer .panelFin .panelLogTicks .botonOk:active span,
#fin .panelFinContainer .panelFin .panelLogTicks .botonOk.active span {
  width: 32px;
  height: 33px;
  margin-top: 6.5px;
  background-image: url("../../images/buttons/textless/icons/shop-ok-green-active.png");
  background-size: 32px 33px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelLogTicks .botonOk:active span,
  #fin .panelFinContainer .panelFin .panelLogTicks .botonOk.active span {
    background-image: url("../../images/buttons/textless/icons/shop-ok-green-active@2x.png");
    background-size: 32px 33px;
  }
}
#fin .panelFinContainer .panelFin .panelRachaDias {
  position: absolute;
  width: 635px;
  height: 100px;
  left: 70px;
  top: 380px;
  padding: 15px;
  text-align: center;
  margin-top: -5px;
}
#fin .panelFinContainer .panelFin .panelRachaDias .pastilla {
  width: 84px;
  height: 96px;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  font-family: 'ABeeZee', sans-serif, Verdana;
  background-image: url("../../images/mundoVirtual/nuevo/fin/racha_hueco.png");
  background-size: 84px 96px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelRachaDias .pastilla {
    background-image: url("../../images/mundoVirtual/nuevo/fin/racha_hueco@2x.png");
    background-size: 84px 96px;
  }
}
#fin .panelFinContainer .panelFin .panelRachaDias .pastilla .check {
  display: none;
  background-image: url("../../images/mundoVirtual/nuevo/fin/check_2.png");
  background-size: 28px 34px;
  width: 28px;
  height: 34px;
  vertical-align: top;
  float: right;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelRachaDias .pastilla .check {
    background-image: url("../../images/mundoVirtual/nuevo/fin/check_2@2x.png");
    background-size: 28px 34px;
  }
}
#fin .panelFinContainer .panelFin .panelRachaDias .pastilla .ticketChess {
  display: block;
  background-image: url("../../images/sesion/inicio/inicioMultiple/ticket_chess_racha_desact.png");
  background-size: 51px 25px;
  width: 51px;
  height: 25px;
  margin: auto;
  margin-top: 5px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelRachaDias .pastilla .ticketChess {
    background-image: url("../../images/sesion/inicio/inicioMultiple/ticket_chess_racha_desact@2x.png");
    background-size: 51px 25px;
  }
}
#fin .panelFinContainer .panelFin .panelRachaDias .pastilla.active {
  background-image: url("../../images/mundoVirtual/nuevo/fin/racha.png");
  background-size: 84px 96px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelRachaDias .pastilla.active {
    background-image: url("../../images/mundoVirtual/nuevo/fin/racha@2x.png");
    background-size: 84px 96px;
  }
}
#fin .panelFinContainer .panelFin .panelRachaDias .pastilla.active .check {
  display: block;
}
#fin .panelFinContainer .panelFin .panelRachaDias .pastilla.active span {
  color: white;
  display: block;
  text-shadow: 2px 0 0 #63B024, -2px 0 0 #63B024, 0 2px 0 #63B024, 0 -2px 0 #63B024, 1px 1px #63B024, -1px -1px 0 #63B024, 1px -1px 0 #63B024, -1px 1px 0 #63B024;
  font-size: 18px;
  background: none;
}
#fin .panelFinContainer .panelFin .panelRachaDias .pastilla.active .ticketChess {
  background-image: url("../../images/sesion/inicio/inicioMultiple/ticket_chess_racha.png");
  background-size: 51px 25px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelRachaDias .pastilla.active .ticketChess {
    background-image: url("../../images/sesion/inicio/inicioMultiple/ticket_chess_racha@2x.png");
    background-size: 51px 25px;
  }
}
#fin .panelFinContainer .panelFin .panelRachaDias .pastilla span {
  display: inline-block;
  color: #a2781f;
  font-size: 17px;
  width: 61px;
  height: 29px;
  margin-top: 46px;
}
#fin .panelFinContainer .panelFin .panelRachaDias .pastilla.chess span {
  margin-top: 29px;
}
#fin .panelFinContainer .panelFin .panelRachaDias .pastilla.pastilla1 span {
  background: none;
}
#fin .panelFinContainer .panelFin .panelRachaDias .pastilla.pastilla1.active span {
  background: none;
}
#fin .panelFinContainer .panelFin .panelRachaDias .pastilla.pastilla1 .ticketChess {
  margin-top: -10px;
}
#fin .panelFinContainer .panelFin .panelRachaDias .pastilla.pastilla3 span {
  background-image: url("../../images/mundoVirtual/nuevo/fin/ticks_3.png");
  background-size: 61px 29px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelRachaDias .pastilla.pastilla3 span {
    background-image: url("../../images/mundoVirtual/nuevo/fin/ticks_3@2x.png");
    background-size: 61px 29px;
  }
}
#fin .panelFinContainer .panelFin .panelRachaDias .pastilla.pastilla3.active {
  background-image: url("../../images/mundoVirtual/nuevo/fin/racha_3ticks_bajo.png");
  background-size: 84px 96px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelRachaDias .pastilla.pastilla3.active {
    background-image: url("../../images/mundoVirtual/nuevo/fin/racha_3ticks_bajo@2x.png");
    background-size: 84px 96px;
  }
}
#fin .panelFinContainer .panelFin .panelRachaDias .pastilla.pastilla3.active span {
  background: none;
}
#fin .panelFinContainer .panelFin .panelRachaDias .pastilla.pastilla3.active.chess {
  background-image: url("../../images/mundoVirtual/nuevo/fin/racha_3ticks_chess.png");
  background-size: 84px 96px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelRachaDias .pastilla.pastilla3.active.chess {
    background-image: url("../../images/mundoVirtual/nuevo/fin/racha_3ticks_chess@2x.png");
    background-size: 84px 96px;
  }
}
#fin .panelFinContainer .panelFin .panelRachaDias .pastilla.pastilla7 span {
  background-image: url("../../images/mundoVirtual/nuevo/fin/ticks_5.png");
  background-size: 61px 29px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelRachaDias .pastilla.pastilla7 span {
    background-image: url("../../images/mundoVirtual/nuevo/fin/ticks_5@2x.png");
    background-size: 61px 29px;
  }
}
#fin .panelFinContainer .panelFin .panelRachaDias .pastilla.pastilla7.active {
  background-image: url("../../images/mundoVirtual/nuevo/fin/racha_5ticks_bajo.png");
  background-size: 84px 96px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelRachaDias .pastilla.pastilla7.active {
    background-image: url("../../images/mundoVirtual/nuevo/fin/racha_5ticks_bajo@2x.png");
    background-size: 84px 96px;
  }
}
#fin .panelFinContainer .panelFin .panelRachaDias .pastilla.pastilla7.active span {
  background: none;
}
#fin .panelFinContainer .panelFin .panelRachaDias .pastilla.pastilla7.active.chess {
  background-image: url("../../images/mundoVirtual/nuevo/fin/racha_5ticks_chess.png");
  background-size: 84px 96px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin .panelRachaDias .pastilla.pastilla7.active.chess {
    background-image: url("../../images/mundoVirtual/nuevo/fin/racha_5ticks_chess@2x.png");
    background-size: 84px 96px;
  }
}
#fin .panelFinContainer .panelFin.multiSesion {
  background-image: url("../../images/mundoVirtual/nuevo/fin/panel_multi.png");
  background-size: 804px 587px;
  height: 580px;
  top: 20px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin.multiSesion {
    background-image: url("../../images/mundoVirtual/nuevo/fin/panel_multi@2x.png");
    background-size: 804px 587px;
  }
}
#fin .panelFinContainer .panelFin.multiSesion .panelResultados {
  background-image: url("../../images/mundoVirtual/nuevo/fin/separador_hor_multi.png");
  background-size: 618px 6px;
  width: 645px;
  left: 80px;
  height: 170px;
  top: 100px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin.multiSesion .panelResultados {
    background-image: url("../../images/mundoVirtual/nuevo/fin/separador_hor_multi@2x.png");
    background-size: 618px 6px;
  }
}
#fin .panelFinContainer .panelFin.multiSesion .panelResultados .icono.separador {
  background-image: url("../../images/mundoVirtual/nuevo/fin/separador_ver_multi.png");
  background-size: 6px 165px;
  width: 6px;
  height: 165px;
  display: inline-block;
  vertical-align: top;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin.multiSesion .panelResultados .icono.separador {
    background-image: url("../../images/mundoVirtual/nuevo/fin/separador_ver_multi@2x.png");
    background-size: 6px 165px;
  }
}
#fin .panelFinContainer .panelFin.multiSesion .panelResultados .panelMateria {
  filter: saturate(1);
  display: inline-block;
}
#fin .panelFinContainer .panelFin.multiSesion .panelResultados .panelMateria .nombreMateria {
  display: inline-block;
  height: 25px;
  -webkit-text-stroke: 0.5px #f2be50;
  font-family: 'ABeeZee', sans-serif, Verdana;
  font-size: 18px;
  text-align: center;
  color: #aa431a;
  background-image: url("../../images/mundoVirtual/nuevo/fin/separador_multi.png");
  background-size: 133px 4px;
  background-position: bottom;
  background-repeat: no-repeat;
  margin-bottom: 10px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin.multiSesion .panelResultados .panelMateria .nombreMateria {
    background-image: url("../../images/mundoVirtual/nuevo/fin/separador_multi@2x.png");
    background-size: 133px 4px;
  }
}
#fin .panelFinContainer .panelFin.multiSesion .panelResultados .panelMateria .iconoMateria {
  position: absolute;
  margin-left: 20%;
  opacity: 0.35;
}
#fin .panelFinContainer .panelFin.multiSesion .panelResultados .panelMateria .iconoMateria.matematicas {
  width: 79px;
  height: 80px;
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-mates-desact.png");
  background-size: 79px 80px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin.multiSesion .panelResultados .panelMateria .iconoMateria.matematicas {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-mates-desact@2x.png");
    background-size: 79px 80px;
  }
}
#fin .panelFinContainer .panelFin.multiSesion .panelResultados .panelMateria .iconoMateria.coding {
  width: 109px;
  height: 82px;
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-coding-desact.png");
  background-size: 109px 82px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin.multiSesion .panelResultados .panelMateria .iconoMateria.coding {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-coding-desact@2x.png");
    background-size: 109px 82px;
  }
}
#fin .panelFinContainer .panelFin.multiSesion .panelResultados .panelMateria .iconoMateria.lectura {
  width: 69px;
  height: 82px;
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-lectura-desact.png");
  background-size: 69px 82px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin.multiSesion .panelResultados .panelMateria .iconoMateria.lectura {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-lectura-desact@2x.png");
    background-size: 69px 82px;
  }
}
#fin .panelFinContainer .panelFin.multiSesion .panelResultados .panelMateria .iconoMateria.logica {
  width: 86px;
  height: 86px;
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-logica-desact.png");
  background-size: 79px 80px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin.multiSesion .panelResultados .panelMateria .iconoMateria.logica {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-logica-desact@2x.png");
    background-size: 79px 80px;
  }
}
#fin .panelFinContainer .panelFin.multiSesion .panelResultados .panelMateria .iconoMateria.thinking {
  width: 79px;
  height: 80px;
  background-image: url("../../images/mundoVirtual/nuevo/fin/icono-thinking-desact.png");
  background-size: 79px 80px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin.multiSesion .panelResultados .panelMateria .iconoMateria.thinking {
    background-image: url("../../images/mundoVirtual/nuevo/fin/icono-thinking-desact@2x.png");
    background-size: 79px 80px;
  }
}
#fin .panelFinContainer .panelFin.multiSesion .panelResultados .panelMateria .icono.separador {
  display: none;
}
#fin .panelFinContainer .panelFin.multiSesion .panelResultados .panelMateria .bloqueResultado {
  display: block;
  text-align: left;
}
#fin .panelFinContainer .panelFin.multiSesion .panelResultados .panelMateria .bloqueResultado .numBase {
  text-align: center;
  max-width: 34px;
}
#fin .panelFinContainer .panelFin.multiSesion .panelResultados .panelMateria .bloqueResultado .numBase.numGemas {
  max-width: 50px;
}
#fin .panelFinContainer .panelFin.multiSesion .panelResultados .panelMateria .bloqueResultado .numBase.numTornillos {
  max-width: 50px;
}
#fin .panelFinContainer .panelFin.multiSesion .panelResultados .panelMateria .bloqueResultado .iconoFallos {
  margin-right: 30px;
}
#fin .panelFinContainer .panelFin.multiSesion .panelResultados .panelMateria .bloqueResultado .botonCorregir {
  position: relative;
  display: inline-block;
  left: auto;
  top: auto;
  vertical-align: middle;
}
#fin .panelFinContainer .panelFin.multiSesion .lazoTicks {
  top: -15px;
}
#fin .panelFinContainer .panelFin.multiSesion .panelBonus {
  top: 270px;
  left: 80px;
  width: 645px;
}
#fin .panelFinContainer .panelFin.multiSesion .panelRachaDias {
  top: 408px;
}
#fin .panelFinContainer .panelFin.sesion {
  width: 789px;
  height: 556px;
  background-image: url("../../images/mundoVirtual/nuevo/fin/panel_sesion.png");
  background-size: 789px 556px;
  left: 110px;
}
@media (min-resolution: 1.5dppx) {
  #fin .panelFinContainer .panelFin.sesion {
    background-image: url("../../images/mundoVirtual/nuevo/fin/panel_sesion@2x.png");
    background-size: 789px 556px;
  }
}
#fin .panelFinContainer .efectoInsignia {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1000px;
  height: 600px;
  background-color: #00000080;
  display: none;
  overflow: hidden;
}
#fin .panelFinContainer .efectoInsignia .brilloInsignia {
  background: url("../../images/mundoVirtual/nuevo/fin/hazCircular.png");
  width: 500px;
  height: 500px;
  transform-origin: center center;
  position: absolute;
  left: 250px;
  top: 60px;
  transform: translateZ(0);
  animation-name: animBrilloInsignia;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: linear;
}
@keyframes animBrilloInsignia {
  from {
    transform: translateZ(0) rotate(0);
  }
  to {
    transform: translateZ(0) rotate(359deg);
  }
}
#fin .panelFinContainer .efectoInsignia .circuloInsignia {
  border: 30px solid #f0f8ff;
  height: 200px;
  width: 200px;
  position: absolute;
  left: 370px;
  top: 170px;
  transform-origin: center center;
  border-radius: 200px;
  transform: translateZ(1);
  opacity: 0;
}
#fin .panelFinContainer .efectoInsignia .iconoInsignia {
  transform-origin: center center;
  position: absolute;
  left: 385px;
  top: 180px;
}
#fin .haloFinSesion {
  position: absolute;
  top: 0;
  left: 0;
  width: 1000px;
  height: 600px;
  background-image: url("../../images/mundoVirtual/nuevo/fin/halo.png");
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  #fin .haloFinSesion {
    background-image: url("../../images/mundoVirtual/nuevo/fin/halo@2x.png");
    background-size: 1000px 600px;
  }
}
#fin .haloFinSesion.otro {
  opacity: 0;
}
#fin.finSesionFreemium #avatarImgId {
  float: left;
  margin-top: 200px;
  position: absolute;
  left: 119px;
  width: 230px;
}
#fin.finSesionFreemium .overlayMV {
  display: none;
  opacity: 0.4;
  z-index: 1;
  background-color: #000000;
  position: absolute;
  width: 100%;
  height: 100%;
}
#fin .main-fin {
  position: absolute;
}
#fin .main-fin p.despedida {
  font-size: 26px;
  margin-bottom: 40px;
  position: relative;
  top: 10px;
  float: left;
  *padding-bottom: 40px;
  width: 550px;
  text-align: center;
}
#fin .main-fin p.examenParagraph {
  float: left;
  margin-top: 15px;
  width: 550px;
}
#fin .main-fin p.examenParagraphName {
  float: left;
  margin-top: 15px;
  width: 550px;
  text-align: center;
  font-style: italic;
}
#fin p.diploma {
  margin-top: 20px;
}
#fin p.diploma a.download {
  background: url("../../images/download.png") no-repeat scroll 100% 0 transparent;
  padding-right: 31px;
  padding-top: 13px;
  color: #805EC8;
}
/* TEST ENTRADA */
.main-content p.newSesionQuest {
  font-size: 16px;
  margin-top: 23px;
  margin-bottom: 12px;
}
/* RESUMEN SESION */
#fin .content-holder {
  background: url(../../images/bg-table-c-v3.gif) repeat-y;
  margin: 12px 0 20px;
}
.content-holder .holder {
  background: url(../../images/bg-table-t-v3.gif) no-repeat;
}
.content-holder .frame {
  padding: 3px 6px 3px 3px;
  overflow: hidden;
  height: 1%;
}
.content-holder .block {
  background: #f2f0f0;
}
.content-holder table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  margin: 0;
}
.content-holder table thead {
  border-bottom: solid 1px #9C77CF;
  padding: 5px 5px 5px 5px;
  color: #9c77cf;
  text-align: center;
}
.content-holder table thead td {
  border: 0;
  padding: 5px 5px 9px 5px;
  color: #9c77cf;
  text-align: center;
}
.content-holder table td {
  border-bottom: 1px solid #dcdcdc;
  padding: 5px 5px 8px 5px;
  text-align: center;
}
.content-holder table .problem,
.content-holder table .result {
  text-align: center;
  /*width:54px;*/
}
.content-holder table .type {
  width: 280px;
  text-align: left;
}
#main .content-holder table .ok a {
  font-weight: bold;
  color: #6cdd01;
}
#main .content-holder table .ko a {
  font-weight: bold;
  color: #ca0707;
}
.main-small .main-content .content-holder table td a {
  font-size: 12px;
}
#resumen-problemas {
  background: white;
  padding: 2px;
  height: 543px;
}
#resumen-problemas table.problemas {
  width: 100%;
}
#resumen-problemas div.sp {
  display: inline-block;
  padding: 3px 0;
  vertical-align: middle;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#resumen-problemas div.sp .problem_status {
  display: inline-block;
  vertical-align: middle;
  margin: 0 1px;
  cursor: pointer;
}
#resumen-problemas div.sp .problem_status.status-ok {
  width: 16px;
  height: 14px;
  background-image: url('../../images/webTutor/check.png');
  background-size: 16px 14px;
}
@media (min-resolution: 1.5dppx) {
  #resumen-problemas div.sp .problem_status.status-ok {
    background-image: url("../../images/webTutor/check@2x.png");
    background-size: 16px 14px;
  }
}
#resumen-problemas div.sp .problem_status.status-ko {
  width: 12px;
  height: 12px;
  background-image: url('../../images/webTutor/cross.png');
  background-size: 12px 12px;
}
@media (min-resolution: 1.5dppx) {
  #resumen-problemas div.sp .problem_status.status-ko {
    background-image: url("../../images/webTutor/cross@2x.png");
    background-size: 12px 12px;
  }
}
#resumen-problemas div.sp .problem_status.view_detail {
  width: 19px;
  height: 15px;
  background-image: url('../../images/webTutor/magnifying.png');
  background-size: 19px 15px;
}
@media (min-resolution: 1.5dppx) {
  #resumen-problemas div.sp .problem_status.view_detail {
    background-image: url("../../images/webTutor/magnifying@2x.png");
    background-size: 19px 15px;
  }
}
#resumen-problemas div.sp .problem_status.stars {
  width: 190px;
  height: 20px;
}
#resumen-problemas div.sp .problem_status.stars .star {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/images/webTutor/coding-star2-ko.png");
  width: 20px;
  height: 20px;
  display: inline-block;
}
#resumen-problemas div.sp .problem_status.stars.t1 .s1 {
  background-image: url("/images/webTutor/coding-star2.png");
}
#resumen-problemas div.sp .problem_status.stars.t2 .s1,
#resumen-problemas div.sp .problem_status.stars.t2 .s2 {
  background-image: url("/images/webTutor/coding-star2.png");
}
#resumen-problemas div.sp .problem_status.stars.t3 .s1,
#resumen-problemas div.sp .problem_status.stars.t3 .s2,
#resumen-problemas div.sp .problem_status.stars.t3 .s3 {
  background-image: url("/images/webTutor/coding-star2.png");
}
#resumen-problemas div.sp .problem_status.time {
  width: 155px;
}
#resumen-problemas div.sp.problem {
  width: 30px;
  padding-right: 5px;
  color: #42B2FC;
  text-align: right;
}
#resumen-problemas div.sp.result {
  width: 100px;
  text-align: center;
}
#resumen-problemas div.sp.result a,
#resumen-problemas div.sp.result a:hover {
  text-decoration: none;
}
#resumen-problemas div.sp.result.puntuacion {
  width: 180px;
}
#resumen-problemas div.sp.result.tiempo {
  width: 155px;
}
#resumen-problemas div.sp.result.coding {
  width: 355px;
}
#resumen-problemas div.sp.type {
  white-space: normal;
  width: 245px;
}
#resumen-problemas div.sp.typeRow {
  white-space: normal;
  width: 355px;
  border: 1.5px solid #42B2FC;
  border-top: none;
  border-left: none;
  border-right: none;
  color: #42B2FC;
  padding: 0;
  text-transform: none;
  font-weight: bold;
  font-size: 14px;
}
#resumen-problemas div.sp a {
  font-size: 12px;
  font-weight: normal;
}
#resumen-problemas .cabecera {
  border: 1px solid #3ba8f0;
  color: #3ba8f0;
  padding: 10px 3px;
  text-transform: uppercase;
  font-weight: bold;
}
#resumen-problemas .cabecera .close {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
}
#resumen-problemas .problemas {
  height: 488px;
  overflow: auto;
}
#resumen-problemas .problemas.ocultar {
  display: none;
}
#resumen-problemas .problemas .row {
  padding: 5px 3px;
  white-space: nowrap;
  background-color: #F6F9F9;
}
#resumen-problemas .problemas .row:nth-child(odd) {
  background: #eff3f6;
}
#fin.resumen {
  position: relative;
  width: 1000px;
}
#fin.resumen .buttonVolverFin {
  height: 77px;
  position: absolute;
  left: 75px;
  top: 25px;
  width: 300px;
  object-fit: contain;
  border-radius: 10px;
  background-color: #42B2FC;
  text-align: center;
  box-shadow: inset 0 0px 0 0 #7fc7f7, inset 0px -8px 0 0 #30a2ed, inset 0 8px 0 0 #b9e3ff;
  border: solid 5px rgba(255, 255, 255, 0.25);
}
#fin.resumen .buttonVolverFin span {
  text-align: center;
  background: url(../../images/buttons/textless/icons/replay-blue.png) no-repeat;
  width: 69px;
  height: 55px;
  display: inherit;
  margin: 12px auto 0;
  display: inline-block;
}
#fin.resumen .buttonVolverFin:active {
  box-shadow: inset 0 4px 0 0 #b9e3ff;
}
#fin.resumen .buttonVolverFin:active span {
  margin-top: 5px;
}
#fin.resumen.MORNING {
  background: url('../../images/sesion/fin/manana/manana.png') no-repeat;
}
#fin.resumen.NOON {
  background: url('../../images/sesion/fin/mediodia/mediodia.png') no-repeat;
}
#fin.resumen.AFTERNOON {
  background: url('../../images/sesion/fin/tarde/tarde.png') no-repeat;
}
#fin.resumen.NIGHT {
  background: url('../../images/sesion/fin/noche/noche.png') no-repeat;
}
#fin.resumen .volverLink {
  display: none;
}
#fin #detalleSesion p {
  font-weight: normal;
}
/* Cambiar avatar */
.avatar-container .add-area {
  text-align: center;
  width: 240px;
  height: 80px;
  margin-top: 0;
  position: absolute;
  top: 275px;
}
.avatar-container .add-area a {
  font-size: 16px;
  font-weight: bold;
  color: #42B2FC;
  text-decoration: underline;
}
.avatar-container .add-area a:hover {
  text-decoration: none;
}
#fin .avatar-container #formChangeAvatar {
  margin-top: 5px;
}
.mainframe .answer .mcmSolucion input.text {
  padding: 0 0;
  margin: 0 0 0 11px;
}
input.button01.space {
  margin-bottom: 50px;
}
#botonesOmitir {
  display: none;
  margin-left: 382px;
  margin-top: 157px;
  background: #FFFFFF;
  height: 30px;
  padding-top: 21px;
  padding-bottom: 21px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 10px;
  border: 4px solid orange;
  position: absolute;
  z-index: 1;
}
#botonesOmitir a {
  text-decoration: none;
  color: white;
}
#botonesOmitir a:first-child {
  margin-right: 4px;
}
/* POP-UP ENCUESTA*/
#contenidoDialog.encuesta {
  font-size: 15px;
  padding-bottom: 8px;
}
#contenidoDialog.encuesta p {
  padding-top: 12px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none;
}
#encuestaDialog {
  display: none;
  position: absolute;
  width: 392px;
  height: 114px;
  background: #EDEDED;
  margin-left: 285px;
  margin-top: -450px;
  z-index: 2;
  border-radius: 10px;
  border: 5px solid orange;
  padding: 21px;
}
#encuestaDialog .encuesta {
  text-align: center;
}
#encuestaDialog .encuestaButtonOK {
  background: #7ac43d;
  border-radius: 5px;
  padding: 10px;
  color: #FFFFFF;
  text-align: center;
  cursor: pointer;
  width: 150px;
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 5px solid #578d2b;
  margin-top: 13px;
  margin-left: 19px;
}
#encuestaDialog .encuestaButtonCancel {
  background: #3EAFFB;
  border-radius: 5px;
  padding: 10px;
  color: #FFFFFF;
  text-align: center;
  cursor: pointer;
  width: 150px;
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 5px solid #0C69A8;
  margin-top: -51px;
  margin-left: 208px;
}
.encuestaOverlay {
  display: none;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  filter: alpha(opacity=70);
  position: absolute;
  width: 100%;
  height: 600px;
  background: #AEAEAE;
  margin-top: -598px;
  z-index: 2;
}
/* MAPA DEL MUNDO VIRTUAL SMARTICK */
#main .fondoMundo {
  width: 1005px;
  height: 582px;
  border-radius: 12px;
}
#main .fondoMundo #juegosLogrosDialog {
  position: relative;
}
#main .fondoMundo .volverLink.small {
  font-size: 12px;
  margin-top: 30px;
}
#main .fondoMundo .lateral {
  height: 400px;
  margin-top: 80px;
  position: absolute;
  width: 100px;
}
/*
#main .fondoMundo .changeFondo{
    display:none;
	position: absolute;
	margin-left:90px;
	padding-top:13px;
}
#main .fondoMundo .changeFondo a{
    float: right;
    height: 35px;
    width: 29px;
    margin-left:18px;
    margin-top: 20px;
}
#main .fondoMundo .changeFondo a.changeFondoSol{
    background:url(../../images/mundoVirtual/sol-s.png) no-repeat;
}
#main .fondoMundo .changeFondo a.changeFondoNoche{
    background:url(../../images/mundoVirtual/luna-s.png) no-repeat;
}
#main .fondoMundo .changeFondo a.changeFondoLluvia{
    background:url(../../images/mundoVirtual/lluvia-s.png) no-repeat;
}
#main .fondoMundo .changeFondo a.changeFondoNieve{
    background:url(../../images/mundoVirtual/nieve-s.png) no-repeat;
}
#main .fondoMundo .changeFondo a.changeFondoLunaLlena{
    background:url(../../images/mundoVirtual/lunaLlena-s.png) no-repeat;
}
#main .fondoMundo .changeFondo a.changeFondoNocheTormenta{
    background:url(../../images/mundoVirtual/nocheTormenta-s.png) no-repeat;
}
#main .fondoMundo .changeFondo a.changeFondoSolNubes{
    background:url(../../images/mundoVirtual/solNubes-s.png) no-repeat;
}
#main .fondoMundo .changeFondo a.changeFondoNavidad{
    background:url(../../images/mundoVirtual/navidad-s.png) no-repeat;
}
// do nothing
#main .fondoMundo .changeFondo a.changeFondoHalloween{
    background:url(../../images/mundoVirtual/halloween-s.png) no-repeat;
}
/**/
#main .fondoMundo .actualizarCasa {
  display: none;
  background: rgba(188, 200, 201, 0.86);
  width: 57px;
  height: 285px;
  position: absolute;
  top: 197px;
  left: 912px;
  z-index: 1;
  border-radius: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
#main .fondoMundo .actualizarCasa .progresoMejoraCasa {
  height: 225px;
  width: 10px;
  left: 47px;
  top: 26px;
  position: absolute;
  -moz-border-radius: 25px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  border-radius: 15px;
  background-color: #2bc253;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2bc253), color-stop(1, #54f054));
  background-image: -webkit-linear-gradient(center bottom, #2bc253 37%, #54f054 69%);
  background-image: -moz-linear-gradient(center bottom, #2bc253 37%, #54f054 69%);
  background-image: -ms-linear-gradient(center bottom, #2bc253 37%, #54f054 69%);
  background-image: -o-linear-gradient(center bottom, #2bc253 37%, #54f054 69%);
  -webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}
#main .fondoMundo .actualizarCasa .progresoMejoraCasa span {
  display: block;
  background: #726D6B;
}
#main .fondoMundo .actualizarCasa .selectorCasa {
  display: none;
  float: left;
  margin-left: -5px;
  height: 40px;
  width: 42px;
  margin-top: 11px;
}
#main .fondoMundo .actualizarCasa .selectorCasa .conseguido {
  cursor: pointer;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
#main .fondoMundo .actualizarCasa .selectorCasa .bloqueado {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
#main .fondoMundo .actualizarCasa .selectorCasa img {
  position: relative;
  width: 26px;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  -webkit-opacity: 0.6;
  opacity: 0.6;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  filter: alpha(opacity=60);
  margin-left: 7px;
}
#main .fondoMundo .actualizarCasa .selectorCasa p {
  font-size: 10px;
  color: white;
  position: relative;
  text-align: center;
}
#main .fondoMundo .actualizarCasaTab {
  height: 100px;
  margin-top: 280px;
  right: 88px;
  position: absolute;
  width: 20px;
  background-color: rgba(227, 232, 238, 0.5);
  z-index: 50;
}
.dialogCasa {
  display: none;
  position: absolute;
  z-index: 1;
  width: 277px;
  background: #6984ac;
  border-radius: 10px;
  border: 2px outset #6984ac;
  top: 200px;
  left: 415px;
  padding: 13px;
  -webkit-box-shadow: 0px 1px 2px 0px #6984ac;
  -moz-box-shadow: 0px 1px 2px 0px #6984ac;
  box-shadow: 0px 1px 2px 0px #6984ac;
}
.dialogCasa .pico {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 20px 15px 0;
  border-color: transparent #6984ac transparent transparent;
  position: absolute;
  left: -20px;
}
.dialogCasa .texto {
  color: white;
  font-size: 16px;
  text-align: center;
}
.dialogCasa .aviso {
  color: #ffaf73;
  font-size: 13px;
  margin-top: 10px;
  text-align: center;
}
.dialogCasa .botonCerrar {
  background: #4bd191;
  border: 2px outset #4bd191;
  border-radius: 5px;
  width: 75px;
  height: 17px;
  padding: 3px;
  left: 72px;
  bottom: 6px;
  color: white;
  font-size: 12px;
  cursor: pointer;
  margin: 0 auto;
  text-align: center;
  margin-top: 18px;
}
.popupPozo {
  display: none;
  width: 500px;
  height: 240px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.95;
  border-radius: 6px;
  box-shadow: 0px -3px 0 0 rgba(0, 0, 0, 0.25);
  background-color: #f6f9f9;
  border: solid 1px #42B2FC;
  overflow: hidden;
  z-index: 2;
}
.popupPozo .aviso {
  width: 80%;
  height: 40%;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  color: #42B2FC;
  margin-top: 40px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}
.popupPozo .aviso span {
  vertical-align: middle;
}
.popupPozo .botonOk {
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  width: 145px;
  height: 60px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.popupPozo .botonOk:hover {
  border: solid 3px #7ac43d;
}
.popupPozo .botonOk:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
.popupPozo .botonOk span {
  display: inline-block;
  width: 31px;
  height: 32px;
  margin-top: 12px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/ok-green.png");
  background-size: 31px 32px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  .popupPozo .botonOk span {
    background-image: url("../../images/buttons/textless/icons/ok-green@2x.png");
    background-size: 31px 32px;
  }
}
.popupPozo .botonOk:hover span,
.popupPozo .botonOk.hover span {
  width: 33px;
  height: 34px;
  margin-top: 11px;
  background-image: url("../../images/buttons/textless/icons/ok-green-hover.png");
  background-size: 33px 34px;
}
@media (min-resolution: 1.5dppx) {
  .popupPozo .botonOk:hover span,
  .popupPozo .botonOk.hover span {
    background-image: url("../../images/buttons/textless/icons/ok-green-hover@2x.png");
    background-size: 33px 34px;
  }
}
.popupPozo .botonOk:active span,
.popupPozo .botonOk.active span {
  width: 31px;
  height: 32px;
  margin-top: 12px;
  background-image: url("../../images/buttons/textless/icons/ok-green-active.png");
  background-size: 31px 32px;
}
@media (min-resolution: 1.5dppx) {
  .popupPozo .botonOk:active span,
  .popupPozo .botonOk.active span {
    background-image: url("../../images/buttons/textless/icons/ok-green-active@2x.png");
    background-size: 31px 32px;
  }
}
.popupPozo .header .botonCerrar {
  float: right;
  margin: 10px;
  background: url("../../images/mundoVirtual/cerrarAzul.png") no-repeat;
  width: 18px;
  height: 18px;
}
#main .fondoMundo .tourMundoVirtual {
  position: absolute;
  top: 128px;
  z-index: 10;
}
#main .fondoMundo .tourMundoVirtual .capaTour {
  display: none;
}
#main .fondoMundo .tourMundoVirtual .paso1 {
  position: absolute;
  top: 130px;
  left: 401px;
}
#main .fondoMundo .tourMundoVirtual .paso2 {
  position: absolute;
  top: 215px;
  left: 402px;
}
#main .fondoMundo .tourMundoVirtual .paso3 {
  position: absolute;
  top: 42px;
  left: 560px;
  width: 200px;
  height: 150px;
}
#main .fondoMundo .tourMundoVirtual .paso4 {
  position: absolute;
  top: 170px;
  left: 664px;
  width: 157px;
  height: 160px;
}
#main .fondoMundo .tourMundoVirtual .paso5 {
  position: absolute;
  top: 142px;
  left: 120px;
  width: 264px;
  height: 200px;
}
#main .fondoMundo .tourMundoVirtual .paso6 {
  position: absolute;
  top: -29px;
  left: 190px;
  width: 200px;
  height: 150px;
}
#main .fondoMundo .tourMundoVirtual .paso7 {
  position: absolute;
  top: -48px;
  left: 715px;
  width: 167px;
  height: 133px;
}
#main .fondoMundo .tourMundoVirtual .paso8 {
  position: absolute;
  top: -98px;
  left: 105px;
  width: 338px;
  height: 64px;
}
#main .fondoMundo .tourMundoVirtual .paso9 {
  position: absolute;
  top: 118px;
  left: 805px;
  width: 106px;
  height: 143px;
}
#main .fondoMundo .tourMundoVirtual .paso10 {
  position: absolute;
  top: 58px;
  left: 903px;
  width: 94px;
  height: 298px;
}
#main .fondoMundo .tourMundoVirtual .paso11 {
  position: absolute;
  top: 203px;
  left: 5px;
  width: 105px;
  height: 174px;
}
#main .fondoMundo .tourMundoVirtual .paso12 {
  position: absolute;
  top: -111px;
  left: 754px;
  width: 0px;
  height: 0px;
}
#main .fondoMundo .tourMundoVirtual .paso13 {
  position: absolute;
  top: 130px;
  left: 401px;
}
#main .fondoMundo .notificacionesHolder {
  display: none;
}
#main .fondoMundo .notificacionesHolder .notifBubble {
  background-color: red;
  font-size: 16px;
  padding: 10px;
  color: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #9C79CD;
}
#main .fondoMundo .notificacionesHolder .notifBubble:hover {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
}
#main .fondoMundo .notificacionesHolder .habitacionNotif {
  position: absolute;
  top: 303px;
  left: 249px;
}
#main .fondoMundo .notificacionesHolder .clubSocialNotif {
  position: absolute;
  top: 130px;
  left: 335px;
}
#main .fondoMundo .notificacionesHolder .colegioNotif {
  position: absolute;
  top: 170px;
  right: 252px;
}
#main .fondoMundo .notificacionesHolder .pozoNotif {
  position: absolute;
  top: 220px;
  right: 104px;
}
#main .fondoMundo .lateral .diplomas {
  background: url(../../images/mundoVirtual/diploma-s.png) no-repeat;
  width: 80px;
  height: 71px;
  position: absolute;
  top: 165px;
  display: block;
  margin: 0 10px 0 11px;
}
#main .fondoMundo .lateral .tienda {
  background: url(../../images/mundoVirtual/iconoTienda-s.png) no-repeat;
  width: 103px;
  height: 103px;
  position: absolute;
  top: 49px;
  display: block;
  margin: 0 10px 0 0px;
}
#main .fondoMundo .lateral .iconoMapa {
  background: url(../../images/mundoVirtual/iconoMapa.png) no-repeat;
  width: 81px;
  height: 75px;
  position: absolute;
  top: 190px;
  display: block;
  left: 12px;
}
#main .fondoMundo .lateral .iconoMapa:hover {
  opacity: 0.7;
}
#main .fondoMundo .lateral .iconoJugar {
  display: none;
  background: url(../../images/mundoVirtual/controller.png) no-repeat;
  width: 90px;
  height: 68px;
  position: absolute;
  top: 120px;
  left: 8px;
}
#main .fondoMundo .lateral .iconoJugar:hover {
  opacity: 0.7;
}
#main .fondoMundo .lateral .iconoJugar .fantasmaLateral {
  background: url(../../images/mundoVirtual/fantasma.png) no-repeat;
  width: 31px;
  height: 31px;
  position: absolute;
  top: 10px;
  left: 30px;
}
#main .fondoMundo .lateral .iconCompeti {
  display: none;
  background: url(../../images/mundoVirtual/iconoCompeti.png) no-repeat;
  width: 106px;
  height: 99px;
  position: absolute;
  top: 30px;
}
#main .fondoMundo .lateral .iconCompeti:hover {
  opacity: 0.7;
}
#main .fondoMundo .lateral .iconTutoriales {
  display: none;
  width: 106px;
  height: 99px;
  position: absolute;
  top: -20px;
}
#main .fondoMundo .lateral .iconTutoriales_es {
  background: url(../../images/mundoVirtual/iconTutoriales_es.png) no-repeat;
}
#main .fondoMundo .lateral .iconTutoriales_en {
  background: url(../../images/mundoVirtual/iconTutoriales_en.png) no-repeat;
}
#main .fondoMundo .lateral .iconTutoriales:hover {
  opacity: 0.7;
}
#main .fondoMundo .lateral .avatarAccesorios {
  height: 127px;
  width: 71px;
  margin: 0 10px 0 11px;
  padding: 5px;
  position: absolute;
  bottom: -10px;
  background: #A97EE2;
  border-radius: 10px;
}
#main .fondoMundo .lateral .avatarAccesorios .iconEdit {
  width: 70px;
  height: 40px;
  margin: 0 auto;
  margin-top: 80px;
  cursor: pointer;
}
#main .fondoMundo .lateral .avatarAccesorios .iconEdit #avatarMascota {
  width: auto;
  max-width: 70px;
  max-height: 40px;
  margin: 0 auto;
  display: block;
  position: relative;
}
#main .fondoMundo .lateral .avatarAccesorios img {
  height: 79px;
  position: absolute;
  cursor: pointer;
  margin-left: 7px;
}
#main .fondoMundo #mapa {
  position: absolute;
  z-index: 1;
  margin-top: 76px;
  margin-left: 103px;
}
#main .fondoMundo #mapaCasa {
  position: absolute!important;
  margin-left: 0px!important;
  margin-top: 0px!important;
  width: 1000px;
}
#main .fondoMundo #mapaTruco {
  position: absolute!important;
  margin-left: 0px!important;
  margin-top: 0px!important;
  width: 1000px;
}
#main .fondoMundo #avatarAlumno {
  position: absolute;
  left: 479px;
  top: 307px;
}
#main .fondoMundo .cuadroTexto {
  font-size: 24px;
  height: 65px;
  left: 103px;
  position: absolute;
  top: 493px;
  width: 600px;
  color: #42B2FC;
  background: #f6f6f9;
  border-radius: 15px;
}
#main .fondoMundo .cuadroTexto.expanded {
  font-size: 24px;
  height: 92px;
  top: 482px;
}
#main .fondoMundo .cuadroTexto ul {
  font-size: 12px;
  margin: 0px;
  margin-top: 5px;
}
#main .fondoMundo .cuadroTexto a {
  color: #42B2FC;
}
#main .fondoMundo .cuadroTexto .anuncioMundoVirtual {
  height: 32px;
  width: 600px;
}
#main .fondoMundo .cuadroTexto .anuncioMundoVirtual .imageAnuncio {
  position: absolute;
  width: 54px;
  height: 37px;
  margin-top: -16px;
  margin-left: 26px;
  border-radius: 10px;
  background-image: url("../../images/mundoVirtual/anuncioTab.png");
  background-color: #A97EE2;
  background-position-x: 3px;
  background-position-y: 3px;
  background-repeat: no-repeat;
  background-size: 49px;
  cursor: pointer;
}
#main .fondoMundo .cuadroTexto .anuncioMundoVirtual .imageAnuncioHalloween {
  position: absolute;
  width: 54px;
  height: 37px;
  margin-top: -16px;
  margin-left: 26px;
  border-radius: 10px;
  background-image: url("../../images/avatares/crear/disfracesTab.png");
  background-color: #A97EE2;
  background-position-x: 3px;
  background-position-y: 3px;
  background-repeat: no-repeat;
  background-size: 49px;
  cursor: pointer;
}
#main .fondoMundo .cuadroTexto .anuncioMundoVirtual .imageAnuncioNavidad {
  position: absolute;
  width: 54px;
  height: 37px;
  margin-top: -16px;
  margin-left: 26px;
  border-radius: 10px;
  background-image: url("../../images/mundoVirtual/navidad_anuncio.png");
  background-color: #A97EE2;
  background-position-x: 3px;
  background-position-y: 3px;
  background-repeat: no-repeat;
  background-size: 49px;
  cursor: pointer;
}
#main .fondoMundo .cuadroTexto .anuncioMundoVirtual .textAnuncio {
  font-size: 14px;
  text-indent: 63px;
  cursor: pointer;
}
#main .fondoMundo .cuadroTexto .anuncioMundoVirtual .avisoAvance {
  font-size: 18px;
  padding-top: 0px;
  width: 100%;
  margin-top: -8px;
}
#main .fondoMundo .cuadroTexto div {
  width: 743px;
  text-align: center;
  padding-top: 17px;
}
#main .fondoMundo .cuadroTexto p {
  margin: 0 0 5px;
  font-weight: bold;
  font-size: 12px;
}
#main .fondoMundo .ticks {
  font-size: 35px;
  height: 53px;
  left: 723px;
  padding: 11px 16px 0 0;
  position: absolute;
  top: 493px;
  width: 166px;
  background: url(../../images/mundoVirtual/cajaTicks.png) no-repeat;
  color: #DBDBDB;
  cursor: pointer;
}
#main .fondoMundo .ticks:hover {
  opacity: 0.9;
}
#main .fondoMundo .ticks .numTicks {
  float: right;
  margin-right: 48px;
}
#ticksDialog {
  display: none;
  width: 350px;
  margin-left: 325px;
  z-index: 2;
  position: absolute;
  background: #FFFEFE;
  border: 5px solid orange;
  border-radius: 5px;
  margin-top: 100px;
}
#ticksDialog .ticksDialogTitle {
  position: absolute;
  font-size: 18px;
  width: 100%;
  text-align: center;
  color: orange;
  margin-top: 12px;
}
#ticksDialog .ticksDialogCloseButton {
  cursor: pointer;
  color: orange;
  font-size: 25px;
  margin-left: 315px;
  position: absolute;
}
#contenidoDialog.ticksDialog {
  padding: 35px 10px 12px 45px;
}
#contenidoDialog.ticksDialog tr {
  height: 25px;
}
#contenidoDialog.ticksDialog tr.star td img {
  position: relative;
  top: 5px;
}
#contenidoDialog.ticksDialog tr td.star {
  padding-top: 6px;
}
#contenidoDialog.ticksDialog td {
  text-align: right;
}
#contenidoDialog.ticksDialog .tick {
  background: url(../../images/tickActivoPeque.png) no-repeat 0 center;
  width: 15px;
  height: 15px;
}
#contenidoDialog.introduccionDialog {
  padding: 10px;
  text-align: justify;
}
#contenidoDialog.introduccionDialog p {
  padding-bottom: 10px;
}
#contenidoDialog.introduccionDialog.introduccionSmall p {
  font-size: 15px;
}
#contenidoDialog.introduccionDialog.introduccionSmall a {
  color: #42B2FC;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  top: 7px;
}
/* Dialog de ayuda del Mundo Virtual */
#ayudaDialog {
  display: none;
}
.ui-dialog .ayudaDialog p {
  font-size: 12px;
  margin: 10px 2px;
}
#bocadilloJuego.peque div.center {
  /*Bocadillo pequeño*/
  width: 310px;
}
#bocadilloJuego div.center {
  /*Bocadillo*/
  width: 410px;
}
/* Estilos para el contenido de los juegos (tanto en bocadillo como a pantalla completa) */
#main .fondoMundo .contenido.juego {
  font: 22px Verdana, Helvetica, Arial, sans-serif;
  display: table;
  *position: relative;
  overflow: hidden;
}
#main .fondoMundo .contenido.juego .center-out {
  display: table-cell;
  vertical-align: middle;
  *position: absolute;
  *top: 50%;
  text-align: center;
}
#main .fondoMundo .contenido.juego .center {
  display: table-cell;
  *position: relative;
  *top: -50%;
}
#main .fondoMundo .contenido.juego a {
  color: #42B2FC;
}
#main .fondoMundo .contenido.juego h2 {
  font-size: 20px;
  text-align: center;
}
#main .fondoMundo.contenido.juego table.table-num td {
  border: 1px solid;
  padding: 5px;
}
#main .fondoMundo .contenido.juego ul {
  text-align: left;
}
#main .fondoMundo .contenido.juego ul li {
  margin: 18px 0;
}
#main .fondoMundo .contenido.juego .paraph p {
  font-size: 22px;
  margin: 0 0 20px;
}
#main .fondoMundo .contenido.juego .blue {
  color: #42B2FC;
}
#main .fondoMundo .contenido.juego .centrar {
  text-align: center;
}
#main .fondoMundo .contenido.juego .imagenEnGrande {
  margin-top: 10px;
  text-align: center;
}
#main .fondoMundo .contenido.juego .imgRight {
  float: right;
  margin-right: 67px;
}
#main .fondoMundo .contenido.juego .separarImg {
  padding: 6px 8px;
}
#main .fondoMundo .contenido.juego .separarImg2 {
  padding: 10px;
}
#main .fondoMundo .contenido.juego .separarText {
  margin-right: 40px;
}
#main .fondoMundo .contenido.juego .izquierda {
  text-align: left;
}
#main .fondoMundo .contenido.juego .derecha {
  text-align: right;
}
#main .fondoMundo .contenido.juego .tamaMediano,
#main .fondoMundo .contenido.juego .tamaMediano p {
  font-size: 30px;
}
#main .fondoMundo .contenido.juego .tamaMediano p {
  margin-top: 15px;
}
#main .fondoMundo .contenido.juego .topMargin {
  margin-top: 20px;
}
#main .fondoMundo .contenido.juego .topMarginMedium {
  margin-top: 11px;
}
#main .fondoMundo .contenido.juego .topMarginSmall {
  margin-top: 6px;
}
#main .fondoMundo .contenido.juego .topSpace {
  position: relative;
  top: 80px;
}
#main .fondoMundo .contenido.juego .bigger {
  font-size: 80px;
  font-style: italic;
}
#main .fondoMundo.interior .bocadillo .contenido {
  font-size: 22px;
}
#main .fondoMundo.interior1 .contenido {
  color: #20b2d9;
}
#main .fondoMundo.interior2 .contenido {
  color: #67A423;
}
#main .fondoMundo.interior3 .contenido {
  color: #20b2d9;
}
#main .fondoMundo.interior4 .contenido {
  color: #f59e00;
}
#main .fondoMundo.interior5 .contenido {
  color: #d35e92;
}
#main .fondoMundo.interior6 .contenido {
  color: #c80219;
}
#main .fondoMundo.interior7 .contenido {
  color: #0f5c76;
}
#main .fondoMundo .contenido.juego .grande {
  font-size: 52px;
  font-style: italic;
  position: relative;
  top: -10px;
}
#main .fondoMundo .contenido.juego .numBig {
  font-size: 35px;
}
/* TODO: ¿SE USAN?
.blue{
	color:@azulSmartick;
}
.orange{
	color:#FBA62D;
}
#main .fondoMundo .contenido.juego .texto-truco-grande{
font-size: 1px;
}
.tamano{
	"font-size:100px";
}
*/
/* Herramienta generacion avatar */
/*#crearAvatar{
	height: 600px;
	width: 983px;
	overflow-x: hidden;
}*/
/*BEGIN JQUERY UI TABS VERTICAL*/
.ui-tabs-vertical {
  width: 98%;
}
.ui-tabs-vertical .ui-tabs-nav {
  border: none;
  background-image: none;
  float: left;
  position: absolute;
  top: 35px;
}
.ui-tabs-vertical .ui-tabs-nav li {
  clear: left;
  width: 100%;
  padding-right: 0.1em;
  border-bottom-width: 1px !important;
  border-right-width: 0 !important;
  margin: 0 -1px 0.2em 0;
}
.ui-tabs-vertical .ui-tabs-nav li a {
  display: block;
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
  padding-bottom: 0;
  border-right-width: 1px;
}
.ui-tabs-vertical .ui-tabs-panel {
  position: absolute;
  left: 15%;
}
.ui-state-active a,
.ui-state-active a:link {
  color: #FFFFFF !important;
}
/*END JQUERY UI TABS VERTICAL*/
/*custom css para intro js (tour de ayuda) */
.introjs-helperNumberLayer {
  display: none;
}
.introjs-arrow {
  display: none;
}
.introjs-helperLayer {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.positionDialog {
  margin-left: 552px;
  margin-top: -448px;
}
.dialogId {
  height: 328px;
  width: 229px;
  position: absolute;
  z-index: 999;
  margin-left: 133px;
  margin-top: 111px;
}
.botonCerrarTienda {
  margin-left: 232px;
  cursor: pointer;
}
.fondoMundo .dialogTiendaHolder {
  height: 336px;
  width: 576px;
  margin-left: 116px;
  margin-top: 130px;
  z-index: 2;
}
#main .fondoMundo .dialogId .dialogTienda .pantallazoJuego {
  position: absolute;
  margin-top: 71px;
  /* 	margin-left: -155px; */
}
#main .fondoMundo .dialogId .dialogTienda .pantallazoJuego img {
  position: absolute;
  width: 199px;
  height: 130px;
}
#main .fondoMundo .dialogId .dialogTienda .nombreJuego {
  font-family: 'Dosis';
  position: absolute;
  font-size: 13px;
  /* 	font-weight:bold; */
  width: 200px;
  text-align: left;
}
#main .fondoMundo .dialogId .dialogTienda .costeTicks {
  position: absolute;
  top: 213px;
  height: 21px;
  margin-left: 150px;
  background: url(../../images/mundoVirtual/tienda/precioTicks.png) no-repeat;
  width: 188px;
}
#main .fondoMundo .dialogId .dialogTienda .costeTicksDesactivado {
  position: absolute;
  top: 213px;
  height: 21px;
  margin-left: 150px;
  background: url(../../images/mundoVirtual/tienda/precioTicksDesactivado.png) no-repeat;
  width: 188px;
}
#main .fondoMundo .dialogId .dialogTienda .numTicks {
  font-size: 16px;
  color: #FFFFFF;
  margin-top: 1px;
  width: 44px;
  text-align: center;
}
#main .fondoMundo .dialogId .dialogTienda .comprado {
  font-size: 9px;
  color: #FFFFFF;
}
#main .fondoMundo .dialogId .dialogTienda .nivel {
  position: absolute;
  top: 218px;
  width: 62px;
  text-align: left;
  background: url(../../images/mundoVirtual/tienda/tick.png) right no-repeat;
  font-weight: bold;
  font-size: 11px;
  margin-left: 12px;
}
#main .fondoMundo .dialogId .dialogTienda .jugarPartida {
  position: absolute;
  top: 213px;
  margin-left: 109px;
}
#main .fondoMundo .dialogId .dialogTienda .jugarPartida a {
  position: absolute;
}
#main .fondoMundo .dialogId .dialogTienda .jugarPartida img {
  position: absolute;
}
#main .fondoMundo .alumnoTicks {
  position: absolute;
  width: 105px;
  top: 235px;
  height: 45px;
  margin-left: 780px;
  background: url(../../images/mundoVirtual/tienda/ticksAlumno.png) no-repeat;
}
#main .fondoMundo .alumnoTicksTienda {
  position: absolute;
  width: 95px;
  top: 113px;
  height: 45px;
  right: 132px;
  background: url(../../images/mundoVirtual/tienda/cajaTicksTienda.png) no-repeat;
  display: none;
}
#main .fondoMundo .alumnoTicksTienda .logoTicks {
  position: absolute;
  height: 44px;
  width: 40px;
  top: -40px;
  right: 32px;
  background: url(../../images/mundoVirtual/tienda/tick.png) no-repeat;
}
#main .fondoMundo .alumnoTicksTienda .tienesTicks {
  position: absolute;
  width: 105px;
  top: 12px;
  right: 98px;
  font-size: 15px;
  color: #FFFFFF;
  font-weight: bold;
  text-align: right;
}
#main .fondoMundo .alumnoTicksTienda .numAlumnoTicks {
  font-size: 29px;
  color: #FFFFFF;
  cursor: pointer;
  margin-top: 2px;
  text-align: center;
}
#main .fondoMundo .novedades {
  position: absolute;
  top: 328px;
  left: 450px;
  z-index: 1;
  width: 200px;
}
#main .fondoMundo .novedades .imagenNovedad {
  float: left;
}
#main .fondoMundo .novedades .nuevoMensaje {
  float: left;
  width: 51px;
  height: 49px;
  text-align: center;
  margin-top: 10px;
  margin-left: 13px;
}
#main .fondoMundo .novedades .nuevoMensaje p {
  position: absolute;
  color: #FFFFFF;
  z-index: 1;
  margin-left: 7px;
  font-size: 14px;
  margin-top: 17px;
  width: 56px;
  text-align: center;
}
#main .fondoMundo .novedades .nuevoMensaje .estrellaNuevo {
  background: #e9541b;
  width: 55px;
  height: 55px;
  position: relative;
  text-align: center;
  margin-left: 7px;
}
#main .fondoMundo .novedades .nuevoMensaje .estrellaNuevo:before,
#main .fondoMundo .novedades .nuevoMensaje .estrellaNuevo:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 55px;
  width: 55px;
  background: #e9541b;
}
#main .fondoMundo .novedades .nuevoMensaje .estrellaNuevo:before {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
}
#main .fondoMundo .novedades .nuevoMensaje .estrellaNuevo:after {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -o-transform: rotate(60deg);
}
#main .fondoMundo .mascotaAvatarTienda {
  margin-left: 300px;
  bottom: 150px;
  position: absolute;
  z-index: 1;
  max-width: 150px;
  max-height: 150px;
}
#main .fondoMundo .recuperarMascotaLink {
  margin-left: 282px;
  bottom: 90px;
  position: absolute;
  z-index: 993;
  color: #42B2FC;
}
#main .fondoMundo #fondoTienda {
  position: absolute;
  background: url(../../images/mundoVirtual/tienda/fondo_tienda.png) no-repeat;
  left: 104px;
  top: 72px;
  width: 800px;
  height: 400px;
}
#main .fondoMundo #nombreTienda {
  position: absolute;
  left: 752px;
  top: 369px;
  color: #bd846e;
}
#main .fondoMundo #nombreTiendaLogo {
  position: absolute;
  background: url(../../images/mundoVirtual/tienda/tick.png) no-repeat;
  left: 752px;
  top: 360px;
  width: 40px;
  height: 40px;
  display: none;
}
#main .fondoMundo .accesorios {
  position: absolute;
  top: 90px;
  left: 115px;
  color: #FFFFFF;
}
#accesorios {
  background: url(../../images/mundoVirtual/tienda/solapaAccesoriosActiva.png) no-repeat;
  width: 139px;
  height: 50px;
  display: none;
}
#accesorios p {
  left: 54px;
  position: absolute;
  font-size: 13px;
  top: 2px;
}
#accesoriosNoActivo {
  background: url(../../images/mundoVirtual/tienda/solapaAccesoriosNoActiva.png) no-repeat;
  width: 139px;
  height: 50px;
}
#accesoriosNoActivo p {
  position: absolute;
  font-size: 13px;
  left: 49px;
  top: 4px;
}
#accesoriosHabitacion {
  background: url(../../images/mundoVirtual/tienda/solapaHabitacionActiva.png) no-repeat;
  width: 139px;
  height: 50px;
  display: none;
}
#accesoriosHabitacion p {
  left: 42px;
  position: absolute;
  font-size: 13px;
  top: 6px;
}
#accesoriosHabitacionNoActivo {
  background: url(../../images/mundoVirtual/tienda/solapaHabitacionNoActiva.png) no-repeat;
  width: 139px;
  height: 50px;
}
#accesoriosHabitacionNoActivo p {
  position: absolute;
  font-size: 13px;
  left: 42px;
  top: 11px;
}
#mascotasActivo {
  background: url(../../images/mundoVirtual/tienda/solapaMascotasActiva.png) no-repeat;
  width: 139px;
  height: 50px;
  display: none;
}
#mascotasActivo p {
  left: 43px;
  position: absolute;
  font-size: 13px;
  top: 3px;
}
#mascotasNoActivo {
  background: url(../../images/mundoVirtual/tienda/solapaMascotasNoActiva.png) no-repeat;
  width: 139px;
  height: 50px;
}
#mascotasNoActivo p {
  position: absolute;
  font-size: 12px;
  left: 42px;
  top: 6px;
}
#regalosActivo {
  background: url(../../images/mundoVirtual/tienda/solapaRegalosActiva.png) no-repeat;
  width: 139px;
  height: 50px;
  display: none;
}
#regalosActivo p {
  left: 45px;
  position: absolute;
  font-size: 13px;
  top: 5px;
}
#regalosNoActivo {
  background: url(../../images/mundoVirtual/tienda/solapaRegalosNoActiva.png) no-repeat;
  width: 139px;
  height: 50px;
}
#regalosNoActivo p {
  position: absolute;
  font-size: 12px;
  left: 43px;
  top: 13px;
}
#main .fondoMundo .juegos {
  position: absolute;
  left: 295px;
  top: 215px;
  width: 80%;
  height: 70%;
  color: #FFFFFF;
}
#main .fondoMundo .accesoriosHabitacion {
  position: absolute;
  left: 255px;
  top: 84px;
  color: #FFFFFF;
}
#main .fondoMundo .regalos {
  position: absolute;
  left: 533px;
  top: 83px;
  color: #FFFFFF;
}
#main .inicioDialogTienda {
  position: absolute;
  height: 393px;
  width: 584px;
  left: 101px;
  top: 78px;
  color: #FFFFFF;
  text-align: center;
  background: url(../../images/mundoVirtual/tienda/ventana_inicio.png) no-repeat;
}
#main .mensajeInicioTienda {
  position: absolute;
  top: 16%;
  width: 46%;
  left: 45%;
}
#main .mensajeInicioTiendaParrafo {
  font-size: 15px;
}
.mensajeTenderoRegalo {
  display: none;
  position: absolute;
  width: 259px;
  height: 100px;
  top: 95px;
  left: 640px;
  background: url("../../images/mundoVirtual/tienda/bocadilloJuegos.png") no-repeat;
}
.mensajeTenderoRegalo p {
  font-size: 14px;
  width: 195px;
  margin-left: 28px;
  margin-top: 2px;
  padding: 5px;
  text-align: center;
}
.errortag {
  margin-bottom: 0 !important;
  width: 1000px;
  position: absolute;
  z-index: 9999;
}
.verdeTick {
  color: #00ae00;
}
svg\:svg {
  display: none;
}
.svg_error {
  color: red;
  font-weight: bold;
}
div.mascotaTienda {
  width: 58px;
  text-align: center;
  height: 50px;
  display: table-cell;
  vertical-align: bottom;
}
.tienda_mascota_wrapper {
  width: 315px;
  height: 302px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-left: 46px;
  margin-top: 1px;
}
.tienda_mascota_wrapper ul {
  list-style-type: none;
}
div.mascotaTiendaWrapper {
  width: 86px;
  height: 99px;
  float: left;
  text-align: center;
}
.proximaMascota {
  font-size: 13px;
  height: 21px;
  background: #9BCAFF;
  border-radius: 3px;
  width: 62px;
  color: #FFFFFF;
  text-align: center;
  line-height: 21px;
  margin-left: 6px;
  margin-top: 3px;
}
#tabs_exoticos div.mascotaTiendaWrapper {
  width: 82px;
}
#tabs_roedores div.mascotaTiendaWrapper {
  width: 82px;
}
#tabs_reptiles div.mascotaTiendaWrapper {
  width: 82px;
}
#main .fondoMundo .dialogId .dialogTienda .costeMascotaTicks {
  height: 23px;
  background: url(../../images/mundoVirtual/tienda/precioTicks.png) no-repeat;
  width: 188px;
  margin-left: 10px;
}
#main .fondoMundo .dialogId .dialogTienda .costeMascotaTicksDesactivado {
  height: 23px;
  background: url(../../images/mundoVirtual/tienda/precioTicksDesactivado.png) no-repeat;
  width: 188px;
  margin-left: 10px;
}
#main .fondoMundo .dialogId .dialogTienda .quitarMascota {
  height: 21px;
  background: #B13B3D;
  border-radius: 3px;
  width: 62px;
  text-align: center;
  margin-left: 5px;
  margin-top: 3px;
}
#main .fondoMundo .dialogId .dialogTienda .quitarMascota a {
  font-size: 13px;
  color: #FFFFFF;
  line-height: 21px;
}
.juegosIndex {
  min-height: 583px;
  background: none !important;
}
.juegosIndex .titulos .volverLink {
  top: -64px;
  z-index: 99999;
}
.juegosIndex #avisoticks {
  position: absolute;
  top: 56px;
  left: 260px;
  z-index: 999999;
}
.juegosIndex #avisoticks .aviso {
  position: absolute;
  top: 3px;
  left: 70px;
  width: 500px;
  font-size: 19px;
}
.juegosIndex #avisoticks .pio {
  width: 30px;
  position: absolute;
  top: -10px;
  left: -21px;
}
.botonVolverJuegos a {
  color: #42B2FC;
  font: 16px Verdana, Geneva, sans-serif;
  font-weight: bold;
}
#tiempoExdedidoSMA p {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
#tiempoExdedidoSMA .button02 {
  margin-top: 95px;
  float: right;
}
#tiempoExdedidoSMA ul.login-contact {
  float: right;
  list-style: none;
  margin: 152px -155px 45px;
  padding: 0;
}
#tiempoExdedidoSMA ul.login-contact li {
  float: left;
}
#tiempoExdedidoSMA ul.login-contact li a {
  display: block;
  color: #42B2FC;
  font-size: 15px;
  font-weight: bold;
  text-decoration: underline;
  padding: 0 15px;
}
#prohibidoNoFinde {
  display: none;
}
#prohibidoNoFinde p {
  font-size: 15px;
  margin-bottom: 10px;
}
#prohibidoNoFinde img {
  float: left;
}
#prohibidoNoFinde .buttonVerde2 {
  margin-top: 100px;
  margin-left: 45px;
}
.mainClubSocial {
  padding: 0px;
  min-height: 600px;
  overflow: hidden;
  border-radius: 12px;
}
.mainClubSocial.over {
  overflow: unset;
}
.ventanaClubSocialSVG {
  position: absolute;
  display: none;
  left: 760px;
  top: 127px;
}
.salirClubSocialSVG {
  position: absolute;
  right: 95px;
  top: 249px;
  width: 77px;
  height: 347px;
  cursor: pointer;
  z-index: 1;
}
.toast {
  text-align: center !important;
  font-size: 15px !important;
}
#invitarAmigo {
  width: 751px;
  height: 352px;
  object-fit: contain;
  border-radius: 12px;
  background-color: rgba(246, 249, 249, 0.9);
  box-shadow: -5.2px 3px 0 0 rgba(0, 0, 0, 0.25);
  border: solid 1.5px #42B2FC;
  position: absolute;
  bottom: 126px;
  left: 112px;
  top: 110px;
  z-index: 3;
}
#invitarAmigo .textoSolapa {
  font-size: 14px;
  color: #42B2FC;
  padding: 20px 0;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}
#invitarAmigo .cerrar {
  position: absolute;
  color: white;
  font-size: 15px;
  right: 5px;
  top: 5px;
  cursor: pointer;
  background: url("../../images/buttons/invitarCerrar.png") no-repeat;
  width: 18px;
  height: 18px;
  text-decoration: none;
}
#invitarAmigo .container ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #D4CFCF;
  font-size: 17px;
  padding-left: 5px !important;
  font-style: italic;
  padding-top: 3px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#invitarAmigo .container :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #D4CFCF;
  font-size: 17px;
  padding-left: 5px !important;
  font-style: italic;
  padding-top: 3px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#invitarAmigo .container ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #D4CFCF;
  font-size: 17px;
  padding-left: 5px !important;
  font-style: italic;
  padding-top: 3px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#invitarAmigo .container :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #D4CFCF;
  font-size: 17px;
  padding-left: 5px !important;
  font-style: italic;
  padding-top: 3px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#invitarAmigo .container .barra {
  width: 3px;
  height: 290px;
  position: absolute;
  background: #EAEAEA;
  border-radius: 14px;
  margin-left: 320px;
}
#invitarAmigo .container .holderBuscar .containerFormulario {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px;
  margin-top: -15px;
}
#invitarAmigo .container .holderBuscar .containerFormulario #nombreObligatorio {
  color: #ff5a5f;
  font-size: 14px;
  font-style: italic;
  font-weight: bolder;
  text-align: end;
  margin-right: 10px;
}
#invitarAmigo .container .holderBuscar .containerFormulario .nombreBuscar {
  height: 30px;
  font-size: 22px;
  padding-top: 5px;
  padding-bottom: 10px;
  margin-top: 0px;
  margin-left: 20px;
  color: gray;
  border: 2px solid #42B2FC;
  border-radius: 5px;
  width: 196px;
  display: block;
  margin-bottom: 7px;
  padding-left: 15px;
}
#invitarAmigo .container .holderBuscar .containerFormulario .apellidoBuscar {
  height: 20px;
  font-size: 22px;
  padding-top: 5px;
  padding-bottom: 10px;
  margin-top: 0px;
  color: gray;
  border: 1px solid #e3dfdf;
  border-radius: 5px;
  width: 110px;
}
#invitarAmigo .container .holderBuscar .containerFormulario .edadBuscar {
  height: 30px;
  font-size: 22px;
  padding-top: 5px;
  padding-bottom: 10px;
  color: gray;
  border: 1px solid #e3dfdf;
  border-radius: 5px;
  width: 196px;
  display: block;
  margin-left: 20px;
  padding-left: 15px;
}
#invitarAmigo .container .holderBuscar .containerFormulario .buttonVerdeNew {
  width: 213px;
  height: 57px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  object-fit: contain;
  border-radius: 10px;
  background-color: #7ac43d;
  box-shadow: inset 0px 0px 0 0 #74ee0f, inset 0px -3px 0 0 #63b024, inset 0px 3px 0 0 #bdf98c;
  border: solid 2px #63b024;
  color: white;
  text-align: center;
}
#invitarAmigo .container .holderBuscar .containerFormulario .buttonVerdeNew span {
  display: inline-block;
  width: 38px;
  height: 36px;
  margin-top: 8.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/search-green.png");
  background-size: 38px 36px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .container .holderBuscar .containerFormulario .buttonVerdeNew span {
    background-image: url("../../images/buttons/textless/icons/search-green@2x.png");
    background-size: 38px 36px;
  }
}
#invitarAmigo .container .holderBuscar .containerFormulario .buttonVerdeNew:hover span,
#invitarAmigo .container .holderBuscar .containerFormulario .buttonVerdeNew.hover span {
  width: 46px;
  height: 46px;
  margin-top: 3.5px;
  background-image: url("../../images/buttons/textless/icons/search-green-hover.png");
  background-size: 46px 46px;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .container .holderBuscar .containerFormulario .buttonVerdeNew:hover span,
  #invitarAmigo .container .holderBuscar .containerFormulario .buttonVerdeNew.hover span {
    background-image: url("../../images/buttons/textless/icons/search-green-hover@2x.png");
    background-size: 46px 46px;
  }
}
#invitarAmigo .container .holderBuscar .containerFormulario .buttonVerdeNew:active span,
#invitarAmigo .container .holderBuscar .containerFormulario .buttonVerdeNew.active span {
  width: 38px;
  height: 36px;
  margin-top: 8.5px;
  background-image: url("../../images/buttons/textless/icons/search-green-active.png");
  background-size: 38px 36px;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .container .holderBuscar .containerFormulario .buttonVerdeNew:active span,
  #invitarAmigo .container .holderBuscar .containerFormulario .buttonVerdeNew.active span {
    background-image: url("../../images/buttons/textless/icons/search-green-active@2x.png");
    background-size: 38px 36px;
  }
}
#invitarAmigo .container .holderBuscar .containerFormulario .buttonVerdeNew .lupa {
  /*
					height: 30px;
					width: 30px;
					position: absolute;
					margin-top: 3px;
					margin-left: 25px;
					/**/
}
#invitarAmigo .container .holderBuscar .containerFormulario .buttonVerdeNew:active,
#invitarAmigo .container .holderBuscar .containerFormulario .buttonVerdeNew.active {
  background-color: #71b639;
  box-shadow: inset 0 0 0 0 #63b024, inset 0px 4px 0 0 #7ac43d;
  border: solid 3px #63b024;
}
#invitarAmigo .container .holderBuscar .containerFormulario .buttonVerdeNew.disabled {
  opacity: 0.2;
}
#invitarAmigo .container .holderBuscar .containerFormulario .botonBuscar {
  z-index: 1;
  margin-top: 10px;
  margin-left: 20px;
  font-size: 20px;
  display: block;
}
#invitarAmigo .container .holderBuscar .containerFormulario .botonBuscar .flecha {
  height: 30px;
  width: 30px;
  position: absolute;
  margin-top: 3px;
  margin-left: 25px;
}
#invitarAmigo .container .holderBuscar .texto1 {
  font-size: 15px;
  margin-top: 26px;
  display: block;
  position: absolute;
  z-index: 1;
  color: gray;
  text-align: center;
  width: 285px;
}
#invitarAmigo .container .holderBuscar .listadoResultados {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 450px;
  height: 160px;
  background: #EAEAEA;
  margin: 40px 0;
  border-radius: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#invitarAmigo .container .holderBuscar .listadoResultados.conListado {
  overflow-y: scroll;
  height: 230px;
  margin: 5px 0;
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado {
  height: 55px;
  white-space: nowrap;
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .avatarResultado {
  margin-left: 10px;
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .nombreResultado {
  line-height: 50px;
  font-size: 16px;
  font-weight: bold;
  color: #42B2FC;
  margin-left: 10px;
  max-width: 290px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitarResultado {
  width: 51px;
  height: 51px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  cursor: pointer;
  float: right;
  object-fit: contain;
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitarResultado span {
  display: inline-block;
  width: 25px;
  height: 22px;
  margin-top: 12.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/plane-green.png");
  background-size: 25px 22px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitarResultado span {
    background-image: url("../../images/buttons/textless/icons/plane-green@2x.png");
    background-size: 25px 22px;
  }
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitarResultado:hover span,
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitarResultado.hover span {
  width: 27px;
  height: 24px;
  margin-top: 11.5px;
  background-image: url("../../images/buttons/textless/icons/plane-green-hover.png");
  background-size: 27px 24px;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitarResultado:hover span,
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitarResultado.hover span {
    background-image: url("../../images/buttons/textless/icons/plane-green-hover@2x.png");
    background-size: 27px 24px;
  }
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitarResultado:active span,
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitarResultado.active span {
  width: 25px;
  height: 22px;
  margin-top: 12.5px;
  background-image: url("../../images/buttons/textless/icons/plane-green-active.png");
  background-size: 25px 22px;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitarResultado:active span,
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitarResultado.active span {
    background-image: url("../../images/buttons/textless/icons/plane-green-active@2x.png");
    background-size: 25px 22px;
  }
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitarResultado:hover {
  border: solid 3px #7ac43d;
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitarResultado:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitarLlenoResultado {
  width: 51px;
  height: 51px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  cursor: pointer;
  -webkit-filter: grayscale(100);
  filter: grayscale(100);
  float: right;
  object-fit: contain;
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitarLlenoResultado span {
  display: inline-block;
  width: 25px;
  height: 22px;
  margin-top: 12.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/plane-stop-grey.png");
  background-size: 25px 22px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitarLlenoResultado span {
    background-image: url("../../images/buttons/textless/icons/plane-stop-grey@2x.png");
    background-size: 25px 22px;
  }
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitarLlenoResultado:hover span,
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitarLlenoResultado.hover span {
  width: 27px;
  height: 24px;
  margin-top: 11.5px;
  background-image: url("../../images/buttons/textless/icons/plane-stop-grey-hover.png");
  background-size: 27px 24px;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitarLlenoResultado:hover span,
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitarLlenoResultado.hover span {
    background-image: url("../../images/buttons/textless/icons/plane-stop-grey-hover@2x.png");
    background-size: 27px 24px;
  }
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitarLlenoResultado:active span,
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitarLlenoResultado.active span {
  width: 25px;
  height: 22px;
  margin-top: 12.5px;
  background-image: url("../../images/buttons/textless/icons/plane-stop-grey-active.png");
  background-size: 25px 22px;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitarLlenoResultado:active span,
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitarLlenoResultado.active span {
    background-image: url("../../images/buttons/textless/icons/plane-stop-grey-active@2x.png");
    background-size: 25px 22px;
  }
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitarLlenoResultado:hover {
  border: solid 3px #7ac43d;
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitarLlenoResultado:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonBloqueadoResultado {
  width: 51px;
  height: 51px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  cursor: pointer;
  float: right;
  object-fit: contain;
  -webkit-filter: grayscale(100);
  filter: grayscale(100);
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonBloqueadoResultado span {
  display: inline-block;
  width: 28px;
  height: 32px;
  margin-top: 7.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/lock-grey.png");
  background-size: 28px 32px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonBloqueadoResultado span {
    background-image: url("../../images/buttons/textless/icons/lock-grey@2x.png");
    background-size: 28px 32px;
  }
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonBloqueadoResultado:hover span,
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonBloqueadoResultado.hover span {
  width: 30px;
  height: 34px;
  margin-top: 6.5px;
  background-image: url("../../images/buttons/textless/icons/lock-grey-hover.png");
  background-size: 30px 34px;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonBloqueadoResultado:hover span,
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonBloqueadoResultado.hover span {
    background-image: url("../../images/buttons/textless/icons/lock-grey-hover@2x.png");
    background-size: 30px 34px;
  }
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonBloqueadoResultado:active span,
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonBloqueadoResultado.active span {
  width: 28px;
  height: 32px;
  margin-top: 7.5px;
  background-image: url("../../images/buttons/textless/icons/lock-grey-active.png");
  background-size: 28px 32px;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonBloqueadoResultado:active span,
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonBloqueadoResultado.active span {
    background-image: url("../../images/buttons/textless/icons/lock-grey-active@2x.png");
    background-size: 28px 32px;
  }
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonBloqueadoResultado:hover {
  border: solid 3px #7ac43d;
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonBloqueadoResultado:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitadoResultado {
  width: 51px;
  height: 51px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  cursor: pointer;
  float: right;
  object-fit: contain;
  -webkit-filter: grayscale(100);
  filter: grayscale(100);
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitadoResultado span {
  display: inline-block;
  width: 25px;
  height: 22px;
  margin-top: 12.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/plane-green.png");
  background-size: 25px 22px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitadoResultado span {
    background-image: url("../../images/buttons/textless/icons/plane-green@2x.png");
    background-size: 25px 22px;
  }
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitadoResultado:hover span,
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitadoResultado.hover span {
  width: 27px;
  height: 24px;
  margin-top: 11.5px;
  background-image: url("../../images/buttons/textless/icons/plane-green-hover.png");
  background-size: 27px 24px;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitadoResultado:hover span,
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitadoResultado.hover span {
    background-image: url("../../images/buttons/textless/icons/plane-green-hover@2x.png");
    background-size: 27px 24px;
  }
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitadoResultado:active span,
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitadoResultado.active span {
  width: 25px;
  height: 22px;
  margin-top: 12.5px;
  background-image: url("../../images/buttons/textless/icons/plane-green-active.png");
  background-size: 25px 22px;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitadoResultado:active span,
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitadoResultado.active span {
    background-image: url("../../images/buttons/textless/icons/plane-green-active@2x.png");
    background-size: 25px 22px;
  }
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitadoResultado:hover {
  border: solid 3px #7ac43d;
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonInvitadoResultado:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonAmigoResultado {
  width: 51px;
  height: 51px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  background-color: #42B2FC;
  box-shadow: inset 0 2px 0 0 #7fc7f7, inset 0 -4px 0 0 #30A2ED, inset 0 4px 0 0 #B9E3FF;
  border: solid 3px #1482FD;
  cursor: pointer;
  float: right;
  object-fit: contain;
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonAmigoResultado span {
  display: inline-block;
  width: 25px;
  height: 22px;
  margin-top: 12.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/room-blue.png");
  background-size: 25px 22px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonAmigoResultado span {
    background-image: url("../../images/buttons/textless/icons/room-blue@2x.png");
    background-size: 25px 22px;
  }
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonAmigoResultado:hover span,
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonAmigoResultado.hover span {
  width: 27px;
  height: 24px;
  margin-top: 11.5px;
  background-image: url("../../images/buttons/textless/icons/room-blue-hover.png");
  background-size: 27px 24px;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonAmigoResultado:hover span,
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonAmigoResultado.hover span {
    background-image: url("../../images/buttons/textless/icons/room-blue-hover@2x.png");
    background-size: 27px 24px;
  }
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonAmigoResultado:active span,
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonAmigoResultado.active span {
  width: 25px;
  height: 22px;
  margin-top: 12.5px;
  background-image: url("../../images/buttons/textless/icons/room-blue-active.png");
  background-size: 25px 22px;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonAmigoResultado:active span,
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonAmigoResultado.active span {
    background-image: url("../../images/buttons/textless/icons/room-blue-active@2x.png");
    background-size: 25px 22px;
  }
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonAmigoResultado:hover {
  border: solid 3px #42B2FC;
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonAmigoResultado:active {
  background-color: #1482FD;
  box-shadow: inset 0 0 0 0 #1482FD, inset 0px 2px 0 0 #B9E3FF;
  border: solid 3px #1482FD;
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonMuchosAmigosResultado {
  width: 51px;
  height: 51px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  background-color: #42B2FC;
  box-shadow: inset 0 2px 0 0 #7fc7f7, inset 0 -4px 0 0 #30A2ED, inset 0 4px 0 0 #B9E3FF;
  border: solid 3px #1482FD;
  cursor: pointer;
  -webkit-filter: grayscale(100);
  filter: grayscale(100);
  float: right;
  object-fit: contain;
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonMuchosAmigosResultado span {
  display: inline-block;
  width: 25px;
  height: 22px;
  margin-top: 12.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/room-full-grey.png");
  background-size: 25px 22px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonMuchosAmigosResultado span {
    background-image: url("../../images/buttons/textless/icons/room-full-grey@2x.png");
    background-size: 25px 22px;
  }
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonMuchosAmigosResultado:hover span,
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonMuchosAmigosResultado.hover span {
  width: 27px;
  height: 24px;
  margin-top: 11.5px;
  background-image: url("../../images/buttons/textless/icons/room-full-grey-hover.png");
  background-size: 27px 24px;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonMuchosAmigosResultado:hover span,
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonMuchosAmigosResultado.hover span {
    background-image: url("../../images/buttons/textless/icons/room-full-grey-hover@2x.png");
    background-size: 27px 24px;
  }
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonMuchosAmigosResultado:active span,
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonMuchosAmigosResultado.active span {
  width: 25px;
  height: 22px;
  margin-top: 12.5px;
  background-image: url("../../images/buttons/textless/icons/room-full-grey-active.png");
  background-size: 25px 22px;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonMuchosAmigosResultado:active span,
  #invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonMuchosAmigosResultado.active span {
    background-image: url("../../images/buttons/textless/icons/room-full-grey-active@2x.png");
    background-size: 25px 22px;
  }
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonMuchosAmigosResultado:hover {
  border: solid 3px #42B2FC;
}
#invitarAmigo .container .holderBuscar .listadoResultados .celdaResultado .botonMuchosAmigosResultado:active {
  background-color: #1482FD;
  box-shadow: inset 0 0 0 0 #1482FD, inset 0px 2px 0 0 #B9E3FF;
  border: solid 3px #1482FD;
}
#invitarAmigo .container .holderBuscar .listadoResultados .noResultContent {
  display: none;
  padding: 10px;
  font-size: 13px;
  color: gray;
  line-height: 1.3em;
}
#invitarAmigo .container .holderBuscar .listadoResultados .noResultContent .intro,
#invitarAmigo .container .holderBuscar .listadoResultados .noResultContent .url {
  color: #42B2FC;
  font-weight: bold;
  margin: 5px 0;
  font-size: 18px;
  margin-top: 20px;
}
#invitarAmigo .container .holderBuscar .listadoResultados .noResultContent .recuerda {
  font-size: 14px;
  margin-top: 30px;
}
#invitarAmigo .container .holderBuscar .listadoResultados .noResultContent .recuerda .logoTachado {
  background-image: url('../../images/mundoVirtual/nuevo/clubSocial/s-tachada.png');
  background-size: 43px 43px;
  width: 43px;
  height: 43px;
  float: left;
  margin-right: 10px;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .container .holderBuscar .listadoResultados .noResultContent .recuerda .logoTachado {
    background-image: url("../../images/mundoVirtual/nuevo/clubSocial/s-tachada@2x.png");
    background-size: 43px 43px;
  }
}
#invitarAmigo .container .holderBuscar .listadoResultados .noResultContent .recuerda .texto {
  transform: translate(0px, 10px);
}
#invitarAmigo .container .holderBuscar .listadoResultados .noResultContent .url {
  font-size: 10px;
}
#invitarAmigo .container .holderBuscar .listadoResultados .loadingIndicator {
  display: none;
  padding: 20px;
}
#invitarAmigo .container .holderBuscar .listadoResultados .loadingIndicator .searching {
  color: gray;
  font-size: 18px;
}
#invitarAmigo .container .holderBuscar .listadoResultadosPrevio {
  width: 230px;
  height: 200px;
  position: absolute;
  bottom: 0;
  left: 20px;
  display: inline-block;
  background-image: url("../../images/mundoVirtual/clubSocial/sherlock.png");
  background-repeat: no-repeat;
}
#invitarAmigo .container .mensajeInvitacion {
  display: block;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  width: 650px;
  text-align: center;
  bottom: 10px;
}
#invitarAmigo .container .mensajeInvitacion.ok {
  color: #6C1;
}
#invitarAmigo .container .mensajeInvitacion.ko {
  color: red;
}
#invitarAmigo .preInvitar,
#invitarAmigo .invitacionEnviada {
  display: none;
  position: absolute;
  width: 390px;
  min-height: 85px;
  background-color: rgba(246, 249, 249, 0.9);
  box-shadow: -5.2px 3px 0 0 rgba(0, 0, 0, 0.25);
  border: solid 1px #42B2FC;
  font-family: museosans500;
  font-size: 19px;
  left: 300px;
  top: 100px;
  padding: 10px;
  z-index: 2;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#invitarAmigo .preInvitar .texto,
#invitarAmigo .invitacionEnviada .texto {
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  color: #666;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 22px;
  font-weight: bolder;
  text-align: center;
}
#invitarAmigo .preInvitar .texto span,
#invitarAmigo .invitacionEnviada .texto span {
  color: #42B2FC;
}
#invitarAmigo .preInvitar .imagenes,
#invitarAmigo .invitacionEnviada .imagenes {
  display: block;
  text-align: center;
}
#invitarAmigo .preInvitar .imagenes .avion,
#invitarAmigo .invitacionEnviada .imagenes .avion {
  margin: auto;
  display: inline-block;
  width: 82px;
  height: 51px;
  background-image: url('../../../images/mundoVirtual/nuevo/clubSocial/avion.png');
  background-size: 82px 51px;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .preInvitar .imagenes .avion,
  #invitarAmigo .invitacionEnviada .imagenes .avion {
    background-image: url("../../../images/mundoVirtual/nuevo/clubSocial/avion@2x.png");
    background-size: 82px 51px;
  }
}
#invitarAmigo .preInvitar .imagenes .avionEnviado,
#invitarAmigo .invitacionEnviada .imagenes .avionEnviado {
  margin: auto;
  display: inline-block;
  width: 283px;
  height: 69px;
  background-image: url('../../../images/mundoVirtual/nuevo/clubSocial/avionEnviado.png');
  background-size: 283px 69px;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .preInvitar .imagenes .avionEnviado,
  #invitarAmigo .invitacionEnviada .imagenes .avionEnviado {
    background-image: url("../../../images/mundoVirtual/nuevo/clubSocial/avionEnviado@2x.png");
    background-size: 283px 69px;
  }
}
#invitarAmigo .preInvitar .imagenes .flecha,
#invitarAmigo .invitacionEnviada .imagenes .flecha {
  display: inline-block;
  width: 59px;
  height: 35px;
  background-image: url('../../images/mundoVirtual/nuevo/tienda/flecha-enviar-popup.png');
  background-size: 59px 35px;
  margin-left: 50px;
  margin-right: 50px;
  margin-bottom: 10px;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .preInvitar .imagenes .flecha,
  #invitarAmigo .invitacionEnviada .imagenes .flecha {
    background-image: url("../../images/mundoVirtual/nuevo/tienda/flecha-enviar-popup@2x.png");
    background-size: 59px 35px;
  }
}
#invitarAmigo .preInvitar .imagenes .avatar,
#invitarAmigo .invitacionEnviada .imagenes .avatar {
  display: inline-block;
}
#invitarAmigo .preInvitar .botones,
#invitarAmigo .invitacionEnviada .botones {
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  height: 60px;
  width: 140px;
}
#invitarAmigo .preInvitar .botones a span,
#invitarAmigo .invitacionEnviada .botones a span {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
#invitarAmigo .preInvitar .botones .si,
#invitarAmigo .invitacionEnviada .botones .si {
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  width: 57px;
  height: 56px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  margin-left: auto;
  float: none;
}
#invitarAmigo .preInvitar .botones .si:hover,
#invitarAmigo .invitacionEnviada .botones .si:hover {
  border: solid 3px #7ac43d;
}
#invitarAmigo .preInvitar .botones .si:active,
#invitarAmigo .invitacionEnviada .botones .si:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
#invitarAmigo .preInvitar .botones .si span,
#invitarAmigo .invitacionEnviada .botones .si span {
  display: inline-block;
  width: 30px;
  height: 28px;
  margin-top: 12px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/accept-green.png");
  background-size: 30px 28px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .preInvitar .botones .si span,
  #invitarAmigo .invitacionEnviada .botones .si span {
    background-image: url("../../images/buttons/textless/icons/accept-green@2x.png");
    background-size: 30px 28px;
  }
}
#invitarAmigo .preInvitar .botones .si:hover span,
#invitarAmigo .invitacionEnviada .botones .si:hover span,
#invitarAmigo .preInvitar .botones .si.hover span,
#invitarAmigo .invitacionEnviada .botones .si.hover span {
  width: 34px;
  height: 30px;
  margin-top: 11px;
  background-image: url("../../images/buttons/textless/icons/accept-green-hover.png");
  background-size: 34px 30px;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .preInvitar .botones .si:hover span,
  #invitarAmigo .invitacionEnviada .botones .si:hover span,
  #invitarAmigo .preInvitar .botones .si.hover span,
  #invitarAmigo .invitacionEnviada .botones .si.hover span {
    background-image: url("../../images/buttons/textless/icons/accept-green-hover@2x.png");
    background-size: 34px 30px;
  }
}
#invitarAmigo .preInvitar .botones .si:active span,
#invitarAmigo .invitacionEnviada .botones .si:active span,
#invitarAmigo .preInvitar .botones .si.active span,
#invitarAmigo .invitacionEnviada .botones .si.active span {
  width: 30px;
  height: 28px;
  margin-top: 12px;
  background-image: url("../../images/buttons/textless/icons/accept-green-active.png");
  background-size: 30px 28px;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .preInvitar .botones .si:active span,
  #invitarAmigo .invitacionEnviada .botones .si:active span,
  #invitarAmigo .preInvitar .botones .si.active span,
  #invitarAmigo .invitacionEnviada .botones .si.active span {
    background-image: url("../../images/buttons/textless/icons/accept-green-active@2x.png");
    background-size: 30px 28px;
  }
}
#invitarAmigo .preInvitar .botones .no,
#invitarAmigo .invitacionEnviada .botones .no {
  width: 57px;
  height: 56px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  background-color: #ff5a5f;
  box-shadow: inset 0 2px 0 0 #ec494e, inset 0 -4px 0 0 #ec494e, inset 0 4px 0 0 #ff9093;
  border: solid 3px #e9464b;
  cursor: pointer;
  margin-right: auto;
  float: none;
}
#invitarAmigo .preInvitar .botones .no span,
#invitarAmigo .invitacionEnviada .botones .no span {
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-top: 14.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/cancel-red.png");
  background-size: 23px 23px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .preInvitar .botones .no span,
  #invitarAmigo .invitacionEnviada .botones .no span {
    background-image: url("../../images/buttons/textless/icons/cancel-red@2x.png");
    background-size: 23px 23px;
  }
}
#invitarAmigo .preInvitar .botones .no:hover span,
#invitarAmigo .invitacionEnviada .botones .no:hover span,
#invitarAmigo .preInvitar .botones .no.hover span,
#invitarAmigo .invitacionEnviada .botones .no.hover span {
  width: 23px;
  height: 23px;
  margin-top: 14.5px;
  background-image: url("../../images/buttons/textless/icons/cancel-red-hover.png");
  background-size: 23px 23px;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .preInvitar .botones .no:hover span,
  #invitarAmigo .invitacionEnviada .botones .no:hover span,
  #invitarAmigo .preInvitar .botones .no.hover span,
  #invitarAmigo .invitacionEnviada .botones .no.hover span {
    background-image: url("../../images/buttons/textless/icons/cancel-red-hover@2x.png");
    background-size: 23px 23px;
  }
}
#invitarAmigo .preInvitar .botones .no:active span,
#invitarAmigo .invitacionEnviada .botones .no:active span,
#invitarAmigo .preInvitar .botones .no.active span,
#invitarAmigo .invitacionEnviada .botones .no.active span {
  width: 23px;
  height: 23px;
  margin-top: 14.5px;
  background-image: url("../../images/buttons/textless/icons/cancel-red-active.png");
  background-size: 23px 23px;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .preInvitar .botones .no:active span,
  #invitarAmigo .invitacionEnviada .botones .no:active span,
  #invitarAmigo .preInvitar .botones .no.active span,
  #invitarAmigo .invitacionEnviada .botones .no.active span {
    background-image: url("../../images/buttons/textless/icons/cancel-red-active@2x.png");
    background-size: 23px 23px;
  }
}
#invitarAmigo .preInvitar .botones .no:hover,
#invitarAmigo .invitacionEnviada .botones .no:hover {
  border: solid 3px #ff5a5f;
}
#invitarAmigo .preInvitar .botones .no:active,
#invitarAmigo .invitacionEnviada .botones .no:active {
  background-color: #e9464b;
  box-shadow: inset 0 0 0 0 #e9464b, inset 0px 2px 0 0 #ff9093;
  border: solid 3px #e9464b;
}
#invitarAmigo .preInvitar .botones .ok,
#invitarAmigo .invitacionEnviada .botones .ok {
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  width: 140px;
  height: 56px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  margin-left: auto;
  float: none;
}
#invitarAmigo .preInvitar .botones .ok:hover,
#invitarAmigo .invitacionEnviada .botones .ok:hover {
  border: solid 3px #7ac43d;
}
#invitarAmigo .preInvitar .botones .ok:active,
#invitarAmigo .invitacionEnviada .botones .ok:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
#invitarAmigo .preInvitar .botones .ok span,
#invitarAmigo .invitacionEnviada .botones .ok span {
  display: inline-block;
  width: 41px;
  height: 42px;
  margin-top: 5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/ok-green.png");
  background-size: 41px 42px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .preInvitar .botones .ok span,
  #invitarAmigo .invitacionEnviada .botones .ok span {
    background-image: url("../../images/buttons/textless/icons/ok-green@2x.png");
    background-size: 41px 42px;
  }
}
#invitarAmigo .preInvitar .botones .ok:hover span,
#invitarAmigo .invitacionEnviada .botones .ok:hover span,
#invitarAmigo .preInvitar .botones .ok.hover span,
#invitarAmigo .invitacionEnviada .botones .ok.hover span {
  width: 41px;
  height: 42px;
  margin-top: 5px;
  background-image: url("../../images/buttons/textless/icons/ok-green-hover.png");
  background-size: 41px 42px;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .preInvitar .botones .ok:hover span,
  #invitarAmigo .invitacionEnviada .botones .ok:hover span,
  #invitarAmigo .preInvitar .botones .ok.hover span,
  #invitarAmigo .invitacionEnviada .botones .ok.hover span {
    background-image: url("../../images/buttons/textless/icons/ok-green-hover@2x.png");
    background-size: 41px 42px;
  }
}
#invitarAmigo .preInvitar .botones .ok:active span,
#invitarAmigo .invitacionEnviada .botones .ok:active span,
#invitarAmigo .preInvitar .botones .ok.active span,
#invitarAmigo .invitacionEnviada .botones .ok.active span {
  width: 41px;
  height: 42px;
  margin-top: 5px;
  background-image: url("../../images/buttons/textless/icons/ok-green-active.png");
  background-size: 41px 42px;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .preInvitar .botones .ok:active span,
  #invitarAmigo .invitacionEnviada .botones .ok:active span,
  #invitarAmigo .preInvitar .botones .ok.active span,
  #invitarAmigo .invitacionEnviada .botones .ok.active span {
    background-image: url("../../images/buttons/textless/icons/ok-green-active@2x.png");
    background-size: 41px 42px;
  }
}
#invitarAmigo .preInvitar .botones .ok span,
#invitarAmigo .invitacionEnviada .botones .ok span {
  margin-top: 3px;
}
#invitarAmigo .invitacionEnviada {
  width: 433px;
  height: 183px;
  object-fit: contain;
  box-shadow: 0px 6px 0 0 rgba(33, 144, 217, 0.28);
  border: solid 2px #ffffff;
  background-color: #42b2fc;
}
#invitarAmigo .invitacionEnviada .texto {
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  color: #ffffff;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 24px;
  text-align: center;
}
#invitarAmigo .invitacionEnviada .imagenes {
  margin: 10px;
}
#invitarAmigo #bloqueoPopups {
  left: -114px;
  top: -111px;
  display: none;
  position: absolute;
  width: 1000px;
  height: 600px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
#invitarAmigo .nombreCorto,
#invitarAmigo .listaLlena,
#invitarAmigo .listaAmigoLlena,
#invitarAmigo .yaEnviado,
#invitarAmigo .envioBloqueado {
  display: none;
  width: 350px;
  min-height: 150px;
  left: 250px;
  top: 95px;
  object-fit: contain;
  border-radius: 12px;
  background-color: rgba(246, 249, 249, 0.95);
  box-shadow: -5.2px 3px 0 0 rgba(0, 0, 0, 0.25);
  border: solid 1px #42B2FC;
  z-index: 2;
  position: absolute;
}
#invitarAmigo .nombreCorto .textoTitulo,
#invitarAmigo .listaLlena .textoTitulo,
#invitarAmigo .listaAmigoLlena .textoTitulo,
#invitarAmigo .yaEnviado .textoTitulo,
#invitarAmigo .envioBloqueado .textoTitulo {
  font-weight: bold;
  text-align: center;
  width: 315px;
  margin: auto;
  margin-top: 20px;
  font-size: 20px;
  color: #666;
}
#invitarAmigo .nombreCorto .textoTitulo span,
#invitarAmigo .listaLlena .textoTitulo span,
#invitarAmigo .listaAmigoLlena .textoTitulo span,
#invitarAmigo .yaEnviado .textoTitulo span,
#invitarAmigo .envioBloqueado .textoTitulo span {
  color: #42B2FC;
}
#invitarAmigo .nombreCorto .botonOk,
#invitarAmigo .listaLlena .botonOk,
#invitarAmigo .listaAmigoLlena .botonOk,
#invitarAmigo .yaEnviado .botonOk,
#invitarAmigo .envioBloqueado .botonOk {
  border-radius: 10px;
  box-shadow: inset 0px 0px 0 0 #74ee0f, inset 0px -3px 0 0 #63b024, inset 0px 3px 0 0 #bdf98c;
  border: solid 2px #63b024;
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  width: 145px;
  height: 60px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  display: block;
  text-align: center;
  position: relative;
}
#invitarAmigo .nombreCorto .botonOk:hover,
#invitarAmigo .listaLlena .botonOk:hover,
#invitarAmigo .listaAmigoLlena .botonOk:hover,
#invitarAmigo .yaEnviado .botonOk:hover,
#invitarAmigo .envioBloqueado .botonOk:hover {
  border: solid 3px #7ac43d;
}
#invitarAmigo .nombreCorto .botonOk:active,
#invitarAmigo .listaLlena .botonOk:active,
#invitarAmigo .listaAmigoLlena .botonOk:active,
#invitarAmigo .yaEnviado .botonOk:active,
#invitarAmigo .envioBloqueado .botonOk:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
#invitarAmigo .nombreCorto .botonOk span,
#invitarAmigo .listaLlena .botonOk span,
#invitarAmigo .listaAmigoLlena .botonOk span,
#invitarAmigo .yaEnviado .botonOk span,
#invitarAmigo .envioBloqueado .botonOk span {
  display: inline-block;
  width: 31px;
  height: 32px;
  margin-top: 12px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/ok-green.png");
  background-size: 31px 32px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .nombreCorto .botonOk span,
  #invitarAmigo .listaLlena .botonOk span,
  #invitarAmigo .listaAmigoLlena .botonOk span,
  #invitarAmigo .yaEnviado .botonOk span,
  #invitarAmigo .envioBloqueado .botonOk span {
    background-image: url("../../images/buttons/textless/icons/ok-green@2x.png");
    background-size: 31px 32px;
  }
}
#invitarAmigo .nombreCorto .botonOk:hover span,
#invitarAmigo .listaLlena .botonOk:hover span,
#invitarAmigo .listaAmigoLlena .botonOk:hover span,
#invitarAmigo .yaEnviado .botonOk:hover span,
#invitarAmigo .envioBloqueado .botonOk:hover span,
#invitarAmigo .nombreCorto .botonOk.hover span,
#invitarAmigo .listaLlena .botonOk.hover span,
#invitarAmigo .listaAmigoLlena .botonOk.hover span,
#invitarAmigo .yaEnviado .botonOk.hover span,
#invitarAmigo .envioBloqueado .botonOk.hover span {
  width: 33px;
  height: 34px;
  margin-top: 11px;
  background-image: url("../../images/buttons/textless/icons/ok-green-hover.png");
  background-size: 33px 34px;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .nombreCorto .botonOk:hover span,
  #invitarAmigo .listaLlena .botonOk:hover span,
  #invitarAmigo .listaAmigoLlena .botonOk:hover span,
  #invitarAmigo .yaEnviado .botonOk:hover span,
  #invitarAmigo .envioBloqueado .botonOk:hover span,
  #invitarAmigo .nombreCorto .botonOk.hover span,
  #invitarAmigo .listaLlena .botonOk.hover span,
  #invitarAmigo .listaAmigoLlena .botonOk.hover span,
  #invitarAmigo .yaEnviado .botonOk.hover span,
  #invitarAmigo .envioBloqueado .botonOk.hover span {
    background-image: url("../../images/buttons/textless/icons/ok-green-hover@2x.png");
    background-size: 33px 34px;
  }
}
#invitarAmigo .nombreCorto .botonOk:active span,
#invitarAmigo .listaLlena .botonOk:active span,
#invitarAmigo .listaAmigoLlena .botonOk:active span,
#invitarAmigo .yaEnviado .botonOk:active span,
#invitarAmigo .envioBloqueado .botonOk:active span,
#invitarAmigo .nombreCorto .botonOk.active span,
#invitarAmigo .listaLlena .botonOk.active span,
#invitarAmigo .listaAmigoLlena .botonOk.active span,
#invitarAmigo .yaEnviado .botonOk.active span,
#invitarAmigo .envioBloqueado .botonOk.active span {
  width: 31px;
  height: 32px;
  margin-top: 12px;
  background-image: url("../../images/buttons/textless/icons/ok-green-active.png");
  background-size: 31px 32px;
}
@media (min-resolution: 1.5dppx) {
  #invitarAmigo .nombreCorto .botonOk:active span,
  #invitarAmigo .listaLlena .botonOk:active span,
  #invitarAmigo .listaAmigoLlena .botonOk:active span,
  #invitarAmigo .yaEnviado .botonOk:active span,
  #invitarAmigo .envioBloqueado .botonOk:active span,
  #invitarAmigo .nombreCorto .botonOk.active span,
  #invitarAmigo .listaLlena .botonOk.active span,
  #invitarAmigo .listaAmigoLlena .botonOk.active span,
  #invitarAmigo .yaEnviado .botonOk.active span,
  #invitarAmigo .envioBloqueado .botonOk.active span {
    background-image: url("../../images/buttons/textless/icons/ok-green-active@2x.png");
    background-size: 31px 32px;
  }
}
#invitarAmigo .nombreCorto .botonOk span,
#invitarAmigo .listaLlena .botonOk span,
#invitarAmigo .listaAmigoLlena .botonOk span,
#invitarAmigo .yaEnviado .botonOk span,
#invitarAmigo .envioBloqueado .botonOk span {
  margin-top: 5px;
}
#invitarAmigo .nombreCorto .botonOk:hover span,
#invitarAmigo .listaLlena .botonOk:hover span,
#invitarAmigo .listaAmigoLlena .botonOk:hover span,
#invitarAmigo .yaEnviado .botonOk:hover span,
#invitarAmigo .envioBloqueado .botonOk:hover span {
  margin-top: 5px;
}
#invitarAmigo .nombreCorto .botonOk:active span,
#invitarAmigo .listaLlena .botonOk:active span,
#invitarAmigo .listaAmigoLlena .botonOk:active span,
#invitarAmigo .yaEnviado .botonOk:active span,
#invitarAmigo .envioBloqueado .botonOk:active span {
  margin-top: 5px;
}
.solicitudesDialog {
  font-family: 'Open Sans', sans-serif, Verdana;
  position: absolute;
  width: 651px;
  height: 313px;
  background-color: rgba(246, 249, 249, 0.95);
  top: 110px;
  left: 110px;
  z-index: 1;
  border: 1px solid #42B2FC;
  border-radius: 12px;
  box-shadow: -5px 3px 0 0 rgba(0, 0, 0, 0.25);
}
.solicitudesDialog .logoClub {
  position: absolute;
  top: -25px;
  left: 30px;
  width: 74px;
  height: 97px;
  background: url("../../images/mundoVirtual/clubSocial/invitarSCLogo.png") no-repeat;
}
.solicitudesDialog .solicitudesTitle {
  color: #42B2FC;
  font-size: 24px;
  font-weight: bold;
  margin-top: 10px;
  height: 62px;
  width: 651px;
}
.solicitudesDialog .solicitudesTitle p {
  text-align: center;
}
.solicitudesDialog .solicitudesHolder {
  position: absolute;
  width: 650px;
  height: 221px;
  overflow-x: hidden;
  overflow-y: auto;
}
.solicitudesDialog .buttonLeft {
  width: 15px;
  height: 22px;
  background: url("../../images/mundoVirtual/flechaAzulIzq.png") no-repeat;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  float: left;
  margin-left: 10px;
  margin-right: 15px;
  margin-top: 50px;
}
.solicitudesDialog .buttonRight {
  width: 15px;
  height: 22px;
  background: url("../../images/mundoVirtual/flechaAzulDer.png") no-repeat;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  margin-right: 10px;
  margin-top: 50px;
}
.solicitudesDialog .disabled {
  cursor: default;
  background: none;
}
.solicitudesDialog .texto {
  font-family: 'Open Sans', sans-serif, Verdana;
  position: absolute;
  width: 175px;
  height: 33px;
  text-align: center;
  color: #42B2FC;
  margin-top: 144px;
  margin-left: -15px;
  font-size: 19px;
  font-weight: bold;
}
.solicitudesDialog a {
  font-size: 19px;
  color: green;
  font-weight: bold;
  float: left;
  position: absolute;
}
.solicitudesDialog .cerrar {
  position: absolute;
  top: 7px;
  right: 10px;
  background: url("../../images/mundoVirtual/cerrarAzul.png") no-repeat;
  width: 18px;
  height: 18px;
  z-index: 1;
}
.solicitudesDialog .verDespues {
  position: absolute;
  color: white;
  margin-top: 12px;
  margin-left: 413px;
  background: #0054a2;
  padding: 10px;
  border-radius: 10px;
  font-size: 15px;
  cursor: pointer;
}
.solicitudesDialog .solicitud {
  min-height: 55px;
  margin-left: 10px;
  margin-right: 40px;
  width: 138px;
  height: 138px;
  float: left;
  background-color: #FFFFFF;
  border: 1px solid #42B2FC;
  border-radius: 69px;
}
.solicitudesDialog .solicitud img {
  position: absolute;
  margin-left: 18px;
  margin-top: 10px;
}
.solicitudesDialog .solicitud .texto {
  overflow: hidden;
  text-overflow: ellipsis;
}
.solicitudesDialog .botonesSolicitud {
  display: none;
  margin-top: 25px;
  min-height: 55px;
  margin-left: 10px;
  margin-right: 10px;
  width: 169px;
  height: 142px;
  float: left;
}
.solicitudesDialog .buttonAceptar {
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  width: 57px;
  height: 57px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  border-width: 2px;
  margin-top: 8px;
  margin-left: 120px;
}
.solicitudesDialog .buttonAceptar:hover {
  border: solid 3px #7ac43d;
}
.solicitudesDialog .buttonAceptar:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
.solicitudesDialog .buttonAceptar span {
  display: inline-block;
  width: 30px;
  height: 28px;
  margin-top: 12.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/accept-green.png");
  background-size: 30px 28px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  .solicitudesDialog .buttonAceptar span {
    background-image: url("../../images/buttons/textless/icons/accept-green@2x.png");
    background-size: 30px 28px;
  }
}
.solicitudesDialog .buttonAceptar:hover span,
.solicitudesDialog .buttonAceptar.hover span {
  width: 34px;
  height: 30px;
  margin-top: 11.5px;
  background-image: url("../../images/buttons/textless/icons/accept-green-hover.png");
  background-size: 34px 30px;
}
@media (min-resolution: 1.5dppx) {
  .solicitudesDialog .buttonAceptar:hover span,
  .solicitudesDialog .buttonAceptar.hover span {
    background-image: url("../../images/buttons/textless/icons/accept-green-hover@2x.png");
    background-size: 34px 30px;
  }
}
.solicitudesDialog .buttonAceptar:active span,
.solicitudesDialog .buttonAceptar.active span {
  width: 30px;
  height: 28px;
  margin-top: 12.5px;
  background-image: url("../../images/buttons/textless/icons/accept-green-active.png");
  background-size: 30px 28px;
}
@media (min-resolution: 1.5dppx) {
  .solicitudesDialog .buttonAceptar:active span,
  .solicitudesDialog .buttonAceptar.active span {
    background-image: url("../../images/buttons/textless/icons/accept-green-active@2x.png");
    background-size: 30px 28px;
  }
}
.solicitudesDialog .buttonAceptar.maximo {
  filter: grayscale(100%);
}
.solicitudesDialog .buttonAceptar.enviando {
  filter: brightness(80%);
  pointer-events: none;
}
.solicitudesDialog .linkRechazar {
  width: 57px;
  height: 57px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  background-color: #ff5a5f;
  box-shadow: inset 0 2px 0 0 #ec494e, inset 0 -4px 0 0 #ec494e, inset 0 4px 0 0 #ff9093;
  border: solid 3px #e9464b;
  cursor: pointer;
  border-width: 2px;
  margin-left: 120px;
  display: block;
  position: absolute;
  margin-top: 70px;
}
.solicitudesDialog .linkRechazar span {
  display: inline-block;
  width: 30px;
  height: 28px;
  margin-top: 12.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/cancel-red.png");
  background-size: 30px 28px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  .solicitudesDialog .linkRechazar span {
    background-image: url("../../images/buttons/textless/icons/cancel-red@2x.png");
    background-size: 30px 28px;
  }
}
.solicitudesDialog .linkRechazar:hover span,
.solicitudesDialog .linkRechazar.hover span {
  width: 34px;
  height: 30px;
  margin-top: 11.5px;
  background-image: url("../../images/buttons/textless/icons/cancel-red-hover.png");
  background-size: 34px 30px;
}
@media (min-resolution: 1.5dppx) {
  .solicitudesDialog .linkRechazar:hover span,
  .solicitudesDialog .linkRechazar.hover span {
    background-image: url("../../images/buttons/textless/icons/cancel-red-hover@2x.png");
    background-size: 34px 30px;
  }
}
.solicitudesDialog .linkRechazar:active span,
.solicitudesDialog .linkRechazar.active span {
  width: 30px;
  height: 28px;
  margin-top: 12.5px;
  background-image: url("../../images/buttons/textless/icons/cancel-red-active.png");
  background-size: 30px 28px;
}
@media (min-resolution: 1.5dppx) {
  .solicitudesDialog .linkRechazar:active span,
  .solicitudesDialog .linkRechazar.active span {
    background-image: url("../../images/buttons/textless/icons/cancel-red-active@2x.png");
    background-size: 30px 28px;
  }
}
.solicitudesDialog .linkRechazar:hover {
  border: solid 3px #ff5a5f;
}
.solicitudesDialog .linkRechazar:active {
  background-color: #e9464b;
  box-shadow: inset 0 0 0 0 #e9464b, inset 0px 2px 0 0 #ff9093;
  border: solid 3px #e9464b;
}
.solicitudesDialog .linkRechazar.enviando {
  filter: brightness(80%);
  pointer-events: none;
}
.solicitudesDialog .avatarHolder {
  position: absolute;
  width: 72px;
  height: 72px;
  overflow: hidden;
  margin-top: 43px;
  margin-left: 48px;
  background: #a9dafc;
  border: 2px solid #00A9F3;
  border-radius: 66px;
  cursor: pointer;
}
.solicitudesDialog .avatarHolder img {
  position: absolute;
  margin-top: -5px;
  margin-left: -13px;
}
.solicitudesDialog .maximoAmigos {
  display: none;
  text-align: center;
}
.solicitudesDialog .maximoAmigos .textoMaximoAmigos {
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  color: #42B2FC;
  font-size: 19px;
  font-weight: bold;
  margin-top: 10px;
  text-align: center;
}
.solicitudesDialog .maximoAmigos .textoMaximoAmigos.anadir {
  display: none;
}
.solicitudesDialog .maximoAmigos .botonOk {
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  width: 145px;
  height: 57px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  border-width: 2px;
  margin: auto;
  margin-top: 70px;
}
.solicitudesDialog .maximoAmigos .botonOk:hover {
  border: solid 3px #7ac43d;
}
.solicitudesDialog .maximoAmigos .botonOk:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
.solicitudesDialog .maximoAmigos .botonOk span {
  display: inline-block;
  width: 30px;
  height: 28px;
  margin-top: 12.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/ok-green.png");
  background-size: 30px 28px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  .solicitudesDialog .maximoAmigos .botonOk span {
    background-image: url("../../images/buttons/textless/icons/ok-green@2x.png");
    background-size: 30px 28px;
  }
}
.solicitudesDialog .maximoAmigos .botonOk:hover span,
.solicitudesDialog .maximoAmigos .botonOk.hover span {
  width: 34px;
  height: 30px;
  margin-top: 11.5px;
  background-image: url("../../images/buttons/textless/icons/ok-green-hover.png");
  background-size: 34px 30px;
}
@media (min-resolution: 1.5dppx) {
  .solicitudesDialog .maximoAmigos .botonOk:hover span,
  .solicitudesDialog .maximoAmigos .botonOk.hover span {
    background-image: url("../../images/buttons/textless/icons/ok-green-hover@2x.png");
    background-size: 34px 30px;
  }
}
.solicitudesDialog .maximoAmigos .botonOk:active span,
.solicitudesDialog .maximoAmigos .botonOk.active span {
  width: 30px;
  height: 28px;
  margin-top: 12.5px;
  background-image: url("../../images/buttons/textless/icons/ok-green-active.png");
  background-size: 30px 28px;
}
@media (min-resolution: 1.5dppx) {
  .solicitudesDialog .maximoAmigos .botonOk:active span,
  .solicitudesDialog .maximoAmigos .botonOk.active span {
    background-image: url("../../images/buttons/textless/icons/ok-green-active@2x.png");
    background-size: 30px 28px;
  }
}
#main.main-preguntas-motivacion {
  height: 600px;
  background-color: #42B2FC;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  /* disable cut copy paste */
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  /* disable callout, image save panel */
  -webkit-tap-highlight-color: transparent;
  /* "turn off" link highlight */
}
#main.main-preguntas-motivacion.pulso {
  animation: animPulse 3s ease-in-out infinite alternate;
}
@keyframes animPulse {
  0% {
    background-color: white;
  }
  100% {
    background-color: #42B2FC;
  }
}
#main.main-preguntas-motivacion img {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
#main.main-preguntas-motivacion #feedbackform {
  height: 600px;
}
#main.main-preguntas-motivacion #feedbackform .ticky-avatar {
  position: absolute;
  top: 600px;
  left: 647px;
}
#main.main-preguntas-motivacion #feedbackform .ticky-avatar.grande {
  left: 617px;
  top: 240px;
  transform: scale(1.5);
}
#main.main-preguntas-motivacion #feedbackform .ticky-relajacion {
  position: absolute;
  top: 250px;
  left: 647px;
  background: url("../../images/sesion/feedback/relajacion_ticky.png") no-repeat;
  width: 350px;
  height: 350px;
  transform: scaleX(-1.2) scaleY(1.2) translate(40px, -30px);
  animation: animRelajacionLoop 6s steps(9) infinite;
  animation-fill-mode: forwards;
  display: none;
}
@keyframes animRelajacionLoop {
  0% {
    background-position-x: -1400px;
  }
  45% {
    background-position-x: -1400px;
  }
  65% {
    background-position-x: -4550px;
  }
  80% {
    background-position-x: -4550px;
  }
  100% {
    background-position-x: -7700px;
  }
}
#main.main-preguntas-motivacion #feedbackform .ticky-relajacion .ojos {
  position: absolute;
  top: 105px;
  left: 162px;
  background: url("../../images/sesion/feedback/ojos_cerrados.png") no-repeat;
  width: 71px;
  height: 32px;
  display: none;
  animation: animOjos 3s infinite;
}
@keyframes animOjos {
  0% {
    transform: scaleX(1) scaleY(0);
  }
  27% {
    transform: scaleX(1) scaleY(0);
  }
  30% {
    transform: scaleX(1) scaleY(1);
  }
  50% {
    transform: scaleX(1) scaleY(1);
  }
  52% {
    transform: scaleX(1) scaleY(0);
  }
  100% {
    transform: scaleX(1) scaleY(0);
  }
}
#main.main-preguntas-motivacion #feedbackform .ticky-relajacion.inicio {
  animation: animInicio 1s steps(1) infinite;
}
#main.main-preguntas-motivacion #feedbackform .ticky-relajacion.inicio .ojos {
  display: block;
}
@keyframes animInicio {
  0% {
    background-position-x: 0px;
  }
  100% {
    background-position-x: 0px;
  }
}
#main.main-preguntas-motivacion #feedbackform .ticky-relajacion.preparacion {
  animation: animPreparacion 0.75s steps(4) 1;
  animation-fill-mode: forwards;
}
@keyframes animPreparacion {
  0% {
    background-position-x: 0px;
  }
  100% {
    background-position-x: -1400px;
  }
}
#main.main-preguntas-motivacion #feedbackform .texto-respuesta {
  color: white;
  font-size: 48px;
  padding: 60px 0 40px 20px;
  display: none;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
}
#main.main-preguntas-motivacion #feedbackform .texto-respuesta .emocion {
  position: absolute;
  font-size: 60px;
  padding-top: 25px;
  color: #FFC82C;
  text-shadow: 0 3px 0 #1B79B7;
  -webkit-text-stroke: 2px #EA7415;
  font-family: 'Open Sans', sans-serif, Verdana;
  font-weight: 800;
  line-height: 1.2;
}
#main.main-preguntas-motivacion #feedbackform .bocadillo {
  position: absolute;
  min-width: 250px;
  max-width: 400px;
  bottom: 100px;
  right: 375px;
  color: #8A8080;
  font-size: 24px;
  padding: 10px;
  background-color: #FFF;
  box-shadow: 6.3px 7.8px 0 0 rgba(0, 0, 0, 0.28);
  border: 2px solid #EBF0F6;
  border-radius: 10px;
  text-align: center;
  opacity: 0;
  z-index: 1;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
}
#main.main-preguntas-motivacion #feedbackform .bocadillo.relajacion {
  display: none;
}
#main.main-preguntas-motivacion #feedbackform .bocadillo.relajacion .texto {
  margin-bottom: 40px;
  margin-top: 20px;
}
#main.main-preguntas-motivacion #feedbackform .bocadillo:before,
#main.main-preguntas-motivacion #feedbackform .bocadillo:after {
  content: '';
  position: absolute;
  border-width: 10px 0 10px 10px;
  border-style: solid;
  display: block;
  width: 0;
}
#main.main-preguntas-motivacion #feedbackform .bocadillo:before {
  z-index: 1;
  border-color: transparent #FFF;
  left: 100%;
  bottom: 10px;
}
#main.main-preguntas-motivacion #feedbackform .bocadillo:after {
  z-index: 0;
  border-color: transparent #EBF0F6;
  left: 100%;
  bottom: 10px;
}
#main.main-preguntas-motivacion #feedbackform .bocadillo .botonOk {
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  width: 145px;
  height: 57px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  border-width: 2px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  cursor: auto;
}
#main.main-preguntas-motivacion #feedbackform .bocadillo .botonOk:hover {
  border: solid 3px #7ac43d;
}
#main.main-preguntas-motivacion #feedbackform .bocadillo .botonOk:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
#main.main-preguntas-motivacion #feedbackform .bocadillo .botonOk span {
  display: inline-block;
  width: 30px;
  height: 28px;
  margin-top: 12.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/ok-green.png");
  background-size: 30px 28px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #main.main-preguntas-motivacion #feedbackform .bocadillo .botonOk span {
    background-image: url("../../images/buttons/textless/icons/ok-green@2x.png");
    background-size: 30px 28px;
  }
}
#main.main-preguntas-motivacion #feedbackform .bocadillo .botonOk:hover span,
#main.main-preguntas-motivacion #feedbackform .bocadillo .botonOk.hover span {
  width: 34px;
  height: 30px;
  margin-top: 11.5px;
  background-image: url("../../images/buttons/textless/icons/ok-green-hover.png");
  background-size: 34px 30px;
}
@media (min-resolution: 1.5dppx) {
  #main.main-preguntas-motivacion #feedbackform .bocadillo .botonOk:hover span,
  #main.main-preguntas-motivacion #feedbackform .bocadillo .botonOk.hover span {
    background-image: url("../../images/buttons/textless/icons/ok-green-hover@2x.png");
    background-size: 34px 30px;
  }
}
#main.main-preguntas-motivacion #feedbackform .bocadillo .botonOk:active span,
#main.main-preguntas-motivacion #feedbackform .bocadillo .botonOk.active span {
  width: 30px;
  height: 28px;
  margin-top: 12.5px;
  background-image: url("../../images/buttons/textless/icons/ok-green-active.png");
  background-size: 30px 28px;
}
@media (min-resolution: 1.5dppx) {
  #main.main-preguntas-motivacion #feedbackform .bocadillo .botonOk:active span,
  #main.main-preguntas-motivacion #feedbackform .bocadillo .botonOk.active span {
    background-image: url("../../images/buttons/textless/icons/ok-green-active@2x.png");
    background-size: 30px 28px;
  }
}
#main.main-preguntas-motivacion #feedbackform .bocadillo .botonOk.final {
  background-color: #FBA62D;
  box-shadow: inset 0 2px 0 0 #e98320, inset 0 -4px 0 0 #e98320, inset 0 4px 0 0 #ffefd2;
  border: solid 3px #ea7415;
  width: 145px;
  height: 57px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  border-width: 2px;
  position: absolute;
  top: 300px;
  left: 720px;
}
#main.main-preguntas-motivacion #feedbackform .bocadillo .botonOk.final:hover {
  border: solid 3px #FBA62D;
}
#main.main-preguntas-motivacion #feedbackform .bocadillo .botonOk.final:active {
  background-color: #ea7415;
  box-shadow: inset 0 0 0 0 #ea7415, inset 0px 2px 0 0 #ffefd2;
  border: solid 3px #ea7415;
}
#main.main-preguntas-motivacion #feedbackform .bocadillo .botonOk.final span {
  display: inline-block;
  width: 31px;
  height: 32px;
  margin-top: 10.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/go-orange.png");
  background-size: 31px 32px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #main.main-preguntas-motivacion #feedbackform .bocadillo .botonOk.final span {
    background-image: url("../../images/buttons/textless/icons/go-orange@2x.png");
    background-size: 31px 32px;
  }
}
#main.main-preguntas-motivacion #feedbackform .bocadillo .botonOk.final:hover span,
#main.main-preguntas-motivacion #feedbackform .bocadillo .botonOk.final.hover span {
  width: 33px;
  height: 34px;
  margin-top: 9.5px;
  background-image: url("../../images/buttons/textless/icons/go-orange-hover.png");
  background-size: 33px 34px;
}
@media (min-resolution: 1.5dppx) {
  #main.main-preguntas-motivacion #feedbackform .bocadillo .botonOk.final:hover span,
  #main.main-preguntas-motivacion #feedbackform .bocadillo .botonOk.final.hover span {
    background-image: url("../../images/buttons/textless/icons/go-orange-hover@2x.png");
    background-size: 33px 34px;
  }
}
#main.main-preguntas-motivacion #feedbackform .bocadillo .botonOk.final:active span,
#main.main-preguntas-motivacion #feedbackform .bocadillo .botonOk.final.active span {
  width: 31px;
  height: 32px;
  margin-top: 10.5px;
  background-image: url("../../images/buttons/textless/icons/go-orange-active.png");
  background-size: 31px 32px;
}
@media (min-resolution: 1.5dppx) {
  #main.main-preguntas-motivacion #feedbackform .bocadillo .botonOk.final:active span,
  #main.main-preguntas-motivacion #feedbackform .bocadillo .botonOk.final.active span {
    background-image: url("../../images/buttons/textless/icons/go-orange-active@2x.png");
    background-size: 31px 32px;
  }
}
#main.main-preguntas-motivacion #feedbackform .bocadillo.grande {
  right: 450px;
  bottom: 220px;
}
#main.main-preguntas-motivacion #feedbackform .submitRow {
  width: 210px;
  margin: 275px 0 80px 20px;
  display: none;
}
#main.main-preguntas-motivacion #feedbackform .submitRow .orangeButton {
  background-color: #FBA62D;
  box-shadow: inset 0 2px 0 0 #e98320, inset 0 -4px 0 0 #e98320, inset 0 4px 0 0 #ffefd2;
  border: solid 3px #ea7415;
  width: 190px;
  height: 77px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
}
#main.main-preguntas-motivacion #feedbackform .submitRow .orangeButton:hover {
  border: solid 3px #FBA62D;
}
#main.main-preguntas-motivacion #feedbackform .submitRow .orangeButton:active {
  background-color: #ea7415;
  box-shadow: inset 0 0 0 0 #ea7415, inset 0px 2px 0 0 #ffefd2;
  border: solid 3px #ea7415;
}
#main.main-preguntas-motivacion #feedbackform .submitRow .orangeButton span {
  display: inline-block;
  width: 37px;
  height: 46px;
  margin-top: 13.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/go-orange.png");
  background-size: 37px 46px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #main.main-preguntas-motivacion #feedbackform .submitRow .orangeButton span {
    background-image: url("../../images/buttons/textless/icons/go-orange@2x.png");
    background-size: 37px 46px;
  }
}
#main.main-preguntas-motivacion #feedbackform .submitRow .orangeButton:hover span,
#main.main-preguntas-motivacion #feedbackform .submitRow .orangeButton.hover span {
  width: 41px;
  height: 52px;
  margin-top: 10.5px;
  background-image: url("../../images/buttons/textless/icons/go-orange-hover.png");
  background-size: 41px 52px;
}
@media (min-resolution: 1.5dppx) {
  #main.main-preguntas-motivacion #feedbackform .submitRow .orangeButton:hover span,
  #main.main-preguntas-motivacion #feedbackform .submitRow .orangeButton.hover span {
    background-image: url("../../images/buttons/textless/icons/go-orange-hover@2x.png");
    background-size: 41px 52px;
  }
}
#main.main-preguntas-motivacion #feedbackform .submitRow .orangeButton:active span,
#main.main-preguntas-motivacion #feedbackform .submitRow .orangeButton.active span {
  width: 37px;
  height: 46px;
  margin-top: 13.5px;
  background-image: url("../../images/buttons/textless/icons/go-orange-active.png");
  background-size: 37px 46px;
}
@media (min-resolution: 1.5dppx) {
  #main.main-preguntas-motivacion #feedbackform .submitRow .orangeButton:active span,
  #main.main-preguntas-motivacion #feedbackform .submitRow .orangeButton.active span {
    background-image: url("../../images/buttons/textless/icons/go-orange-active@2x.png");
    background-size: 37px 46px;
  }
}
#main.main-preguntas-motivacion #feedbackform .footer-div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 600px;
  background-color: #EFF2F7;
}
#main.main-preguntas-motivacion #feedbackform .opciones {
  position: absolute;
  width: 610px;
  height: 450px;
  top: 210px;
  left: 350px;
  opacity: 0;
}
#main.main-preguntas-motivacion #feedbackform .opciones .opcion {
  position: absolute;
  width: 100px;
  height: 100px;
  object-fit: contain;
  border: 6.5px solid #B9E3FF;
  background-color: #FFF;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}
#main.main-preguntas-motivacion #feedbackform .opciones .opcion:hover {
  border-color: #FFA200;
}
#main.main-preguntas-motivacion #feedbackform .opciones .opcion.selected {
  border-color: #FFA200;
}
#main.main-preguntas-motivacion #feedbackform .opciones .opcion.duplicated {
  border-color: #FFA200;
  cursor: auto;
}
#main.main-preguntas-motivacion #feedbackform .opciones .opcion img {
  position: absolute;
  max-width: 120px;
  max-height: 160px;
  top: -15px;
  left: -12px;
}
#main.main-preguntas-motivacion #feedbackform .opciones .opcion.hover:hover {
  border-color: #FFA200;
}
/** Encuesta de creencias sobre las matemáticas **/
#mainEncuestaCreencias {
  font-family: Verdana, Geneva, sans-serif;
  color: #FFFFFF;
}
#mainEncuestaCreencias .inicio {
  background: url("../../images/encuesta/creencias/fondo.png") no-repeat;
  width: 1000px;
  height: 647px;
}
#mainEncuestaCreencias .inicio .title {
  font-size: 32px;
  margin-top: 161px;
  position: absolute;
  margin-left: 464px;
  width: 536px;
  text-align: center;
}
#mainEncuestaCreencias .inicio .subtitle {
  position: absolute;
  font-size: 22px;
  margin-top: 223px;
  margin-left: 464px;
  width: 536px;
  text-align: center;
}
#mainEncuestaCreencias .inicio .buttonComenzarEncuesta {
  display: inline-block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 0 #578d2b, 0 0px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 8px 0 #578d2b, 0 0px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0 8px 0 #578d2b, 0 0px 0px rgba(0, 0, 0, 0.35);
  -webkit-transition: -webkit-box-shadow 0.1s ease-in-out;
  -moz-transition: -moz-box-shadow 0.1s ease-in-out;
  -o-transition: -o-box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
  font-size: 25px;
  color: #fff;
  position: absolute;
  margin-top: 300px;
  margin-left: 745px;
}
#mainEncuestaCreencias .inicio .buttonComenzarEncuesta span {
  cursor: pointer;
  min-width: 145px;
  text-align: center;
  display: inline-block;
  padding: 20px 30px;
  background-color: #7ac43d;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 25px;
  -webkit-box-shadow: inset 0 -1px 1px #7ac43d;
  -moz-box-shadow: inset 0 -1px 1px #7ac43d;
  box-shadow: inset 0 -1px 1px #7ac43d;
  line-height: 1;
  text-shadow: 0 -1px 1px rgba(175, 49, 95, 0.7);
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#mainEncuestaCreencias .inicio .buttonComenzarEncuesta:hover span {
  background-color: #7ac43d;
  color: white;
  text-shadow: 0 -1px 1px #7ac43d, 0 0 5px rgba(255, 255, 255, 0.8);
}
#mainEncuestaCreencias .inicio .buttonComenzarEncuesta:active {
  -webkit-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
}
#mainEncuestaCreencias .inicio .buttonComenzarEncuesta #button:focus {
  -webkit-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
}
#mainEncuestaCreencias .inicio .buttonComenzarEncuesta:active span {
  -webkit-transform: translate(0, 4px);
  -moz-transform: translate(0, 4px);
  -o-transform: translate(0, 4px);
  transform: translate(0, 4px);
}
#mainEncuestaCreencias .inicio .buttonMasTarde {
  display: inline-block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 0 #0F71B5, 0 0px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 8px 0 #0F71B5, 0 0px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0 8px 0 #0F71B5, 0 0px 0px rgba(0, 0, 0, 0.35);
  -webkit-transition: -webkit-box-shadow 0.1s ease-in-out;
  -moz-transition: -moz-box-shadow 0.1s ease-in-out;
  -o-transition: -o-box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
  font-size: 25px;
  color: #fff;
  position: absolute;
  margin-top: 300px;
  margin-left: 510px;
}
#mainEncuestaCreencias .inicio .buttonMasTarde span {
  cursor: pointer;
  min-width: 145px;
  text-align: center;
  display: inline-block;
  padding: 20px 30px;
  background-color: #3BA7F1;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 25px;
  -webkit-box-shadow: inset 0 -1px 1px #3BA7F1;
  -moz-box-shadow: inset 0 -1px 1px #3BA7F1;
  box-shadow: inset 0 -1px 1px #3BA7F1;
  line-height: 1;
  text-shadow: 0 -1px 1px rgba(175, 49, 95, 0.7);
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#mainEncuestaCreencias .inicio .buttonMasTarde:hover span {
  background-color: #3BA7F1;
  color: white;
  text-shadow: 0 -1px 1px #3BA7F1, 0 0 5px rgba(255, 255, 255, 0.8);
}
#mainEncuestaCreencias .inicio .buttonMasTarde:active {
  -webkit-box-shadow: 0 8px 0 #0F71B5, 0 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 0 #0F71B5, 0 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 0 #0F71B5, 0 0px 0px rgba(0, 0, 0, 0.3);
}
#mainEncuestaCreencias .inicio .buttonMasTarde #button:focus {
  -webkit-box-shadow: 0 8px 0 #0F71B5, 0 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 0 #0F71B5, 0 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 0 #0F71B5, 0 0px 0px rgba(0, 0, 0, 0.3);
}
#mainEncuestaCreencias .inicio .buttonMasTarde:active span {
  -webkit-transform: translate(0, 4px);
  -moz-transform: translate(0, 4px);
  -o-transform: translate(0, 4px);
  transform: translate(0, 4px);
}
#mainEncuestaCreencias .inicio .cofrePremio {
  background: url("../../images/encuesta/creencias/cofreCerrado.png") no-repeat;
  width: 323px;
  height: 307px;
  bottom: -20px;
  margin-left: 107px;
  position: absolute;
}
#mainEncuestaCreencias .inicio .cofrePremio.abierto {
  background: url("../../images/encuesta/creencias/cofreAbierto.png") no-repeat;
  width: 381px;
  height: 390px;
}
#mainEncuestaCreencias .mapa {
  display: none;
  background: url("../../images/encuesta/creencias/mapa.png") no-repeat;
  width: 1000px;
  height: 647px;
  position: absolute;
}
#mainEncuestaCreencias .mapa .tutorialEncuesta {
  position: absolute;
  top: 128px;
  z-index: 10;
}
#mainEncuestaCreencias .mapa .tutorialEncuesta .imagenTutorial {
  display: none;
  background: url("../../images/encuesta/creencias/tutorialEncuesta.png") no-repeat;
  width: 600px;
  height: 427px;
  margin-top: 20px;
  margin-left: 200px;
  position: absolute;
  border-radius: 5px;
  z-index: 1000000;
  border: 5px solid #c3834e;
}
#mainEncuestaCreencias .mapa .tutorialEncuesta .botonTutorialComenzar {
  display: inline-block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 0 #578d2b, 0 0px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 8px 0 #578d2b, 0 0px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0 8px 0 #578d2b, 0 0px 0px rgba(0, 0, 0, 0.35);
  -webkit-transition: -webkit-box-shadow 0.1s ease-in-out;
  -moz-transition: -moz-box-shadow 0.1s ease-in-out;
  -o-transition: -o-box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
  font-size: 25px;
  color: #fff;
  display: none;
  position: absolute;
  margin-top: 281px;
  margin-left: 421px;
  z-index: 1000000;
}
#mainEncuestaCreencias .mapa .tutorialEncuesta .botonTutorialComenzar span {
  cursor: pointer;
  min-width: 145px;
  text-align: center;
  display: inline-block;
  padding: 20px 30px;
  background-color: #7ac43d;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 25px;
  -webkit-box-shadow: inset 0 -1px 1px #7ac43d;
  -moz-box-shadow: inset 0 -1px 1px #7ac43d;
  box-shadow: inset 0 -1px 1px #7ac43d;
  line-height: 1;
  text-shadow: 0 -1px 1px rgba(175, 49, 95, 0.7);
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#mainEncuestaCreencias .mapa .tutorialEncuesta .botonTutorialComenzar:hover span {
  background-color: #7ac43d;
  color: white;
  text-shadow: 0 -1px 1px #7ac43d, 0 0 5px rgba(255, 255, 255, 0.8);
}
#mainEncuestaCreencias .mapa .tutorialEncuesta .botonTutorialComenzar:active {
  -webkit-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
}
#mainEncuestaCreencias .mapa .tutorialEncuesta .botonTutorialComenzar #button:focus {
  -webkit-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
}
#mainEncuestaCreencias .mapa .tutorialEncuesta .botonTutorialComenzar:active span {
  -webkit-transform: translate(0, 4px);
  -moz-transform: translate(0, 4px);
  -o-transform: translate(0, 4px);
  transform: translate(0, 4px);
}
#mainEncuestaCreencias .mapa .tutorialEncuesta .capaTutorial {
  display: none;
}
#mainEncuestaCreencias .mapa .tutorialEncuesta .paso1 {
  position: absolute;
  top: 130px;
  left: 401px;
}
#mainEncuestaCreencias .mapa .tutorialEncuesta .paso2 {
  position: absolute;
  top: 244px;
  left: 241px;
  width: 554px;
  height: 61px;
}
#mainEncuestaCreencias .mapa .tutorialEncuesta .paso3 {
  position: absolute;
  top: 297px;
  left: 260px;
  width: 109px;
  height: 153px;
}
#mainEncuestaCreencias .mapa .tutorialEncuesta .paso4 {
  position: absolute;
  top: 297px;
  left: 364px;
  width: 109px;
  height: 153px;
}
#mainEncuestaCreencias .mapa .tutorialEncuesta .paso5 {
  position: absolute;
  top: 297px;
  left: 571px;
  width: 109px;
  height: 153px;
}
#mainEncuestaCreencias .mapa .tutorialEncuesta .paso6 {
  position: absolute;
  top: 297px;
  left: 675px;
  width: 109px;
  height: 153px;
}
#mainEncuestaCreencias .mapa .tutorialEncuesta .paso7 {
  position: absolute;
  top: 297px;
  left: 464px;
  width: 109px;
  height: 153px;
}
#mainEncuestaCreencias .mapa .tutorialEncuesta .paso8 {
  position: absolute;
  top: 130px;
  left: 401px;
}
#mainEncuestaCreencias .mapa .barcoAvatar {
  background: none;
  width: 67px;
  height: 64px;
  position: absolute;
  margin-top: 373px;
  margin-left: 193px;
}
#mainEncuestaCreencias .mapa .barcoAvatar.visible {
  background: url("../../images/encuesta/creencias/barco.png") no-repeat;
}
#mainEncuestaCreencias .mapa .barcoAvatar img {
  margin-left: 33px;
  margin-top: 3px;
}
#mainEncuestaCreencias .mapa .casilla {
  position: absolute;
  width: 55px;
  height: 55px;
}
#mainEncuestaCreencias .mapa .casilla.bloqueada {
  background: url("../../images/encuesta/creencias/casillaBloqueada.png") no-repeat;
}
#mainEncuestaCreencias .mapa .casilla.contestada {
  background: url("../../images/encuesta/creencias/casillaContestada.png") no-repeat;
}
#mainEncuestaCreencias .mapa .casilla.activa {
  background: url("../../images/encuesta/creencias/casillaActual.png") no-repeat;
}
#mainEncuestaCreencias .mapa .casilla.com1 {
  margin-left: 264px;
  margin-top: 477px;
}
#mainEncuestaCreencias .mapa .casilla.com2 {
  margin-top: 443px;
  margin-left: 521px;
}
#mainEncuestaCreencias .mapa .casilla.com3 {
  margin-left: 720px;
  margin-top: 453px;
}
#mainEncuestaCreencias .mapa .casilla.com4 {
  margin-left: 643px;
  margin-top: 375px;
}
#mainEncuestaCreencias .mapa .casilla.cpe1 {
  margin-left: 745px;
  margin-top: 312px;
}
#mainEncuestaCreencias .mapa .casilla.cpe2 {
  margin-left: 805px;
  margin-top: 175px;
}
#mainEncuestaCreencias .mapa .casilla.cpe3 {
  margin-left: 683px;
  margin-top: 134px;
}
#mainEncuestaCreencias .mapa .casilla.cpe4 {
  margin-left: 587px;
  margin-top: 205px;
}
#mainEncuestaCreencias .mapa .casilla.apm1 {
  margin-left: 513px;
  margin-top: 235px;
}
#mainEncuestaCreencias .mapa .casilla.apm2 {
  margin-left: 374px;
  margin-top: 392px;
}
#mainEncuestaCreencias .mapa .casilla.apm3 {
  margin-left: 417px;
  margin-top: 203px;
}
#mainEncuestaCreencias .mapa .casilla.apm4 {
  margin-left: 285px;
  margin-top: 172px;
}
#mainEncuestaCreencias .pregunta {
  display: none;
  width: 1000px;
  height: 647px;
  background: url("../../images/encuesta/creencias/pergamino.png") no-repeat;
  position: absolute;
}
#mainEncuestaCreencias .pregunta .ilustracion {
  width: 404px;
  margin: 0 auto;
  margin-top: 80px;
}
#mainEncuestaCreencias .pregunta .ilustracion.com1 {
  background: url("../../images/encuesta/creencias/img_com1.png") no-repeat;
  width: 382px;
  height: 251px;
}
#mainEncuestaCreencias .pregunta .ilustracion.com2 {
  background: url("../../images/encuesta/creencias/img_com2.png") no-repeat;
  width: 362px;
  height: 256px;
}
#mainEncuestaCreencias .pregunta .ilustracion.com3 {
  background: url("../../images/encuesta/creencias/img_com3.png") no-repeat;
  width: 362px;
  height: 273px;
}
#mainEncuestaCreencias .pregunta .ilustracion.com4 {
  background: url("../../images/encuesta/creencias/img_com4.png") no-repeat;
  height: 262px;
}
#mainEncuestaCreencias .pregunta .ilustracion.cpe1 {
  background: url("../../images/encuesta/creencias/img_cpe1.png") no-repeat;
  width: 334px;
  height: 262px;
}
#mainEncuestaCreencias .pregunta .ilustracion.cpe2 {
  background: url("../../images/encuesta/creencias/img_cpe2.png") no-repeat;
  width: 362px;
  height: 262px;
}
#mainEncuestaCreencias .pregunta .ilustracion.cpe3 {
  background: url("../../images/encuesta/creencias/img_cpe3.png") no-repeat;
  width: 364px;
  height: 268px;
}
#mainEncuestaCreencias .pregunta .ilustracion.cpe4 {
  background: url("../../images/encuesta/creencias/img_cpe4.png") no-repeat;
  height: 284px;
}
#mainEncuestaCreencias .pregunta .ilustracion.apm1 {
  background: url("../../images/encuesta/creencias/img_apm1.png") no-repeat;
  width: 364px;
  height: 262px;
}
#mainEncuestaCreencias .pregunta .ilustracion.apm2 {
  background: url("../../images/encuesta/creencias/img_apm2.png") no-repeat;
  width: 320px;
  height: 262px;
}
#mainEncuestaCreencias .pregunta .ilustracion.apm3 {
  background: url("../../images/encuesta/creencias/img_apm3.png") no-repeat;
  width: 379px;
  height: 269px;
}
#mainEncuestaCreencias .pregunta .ilustracion.apm4 {
  background: url("../../images/encuesta/creencias/img_apm4.png") no-repeat;
  width: 415px;
  height: 242px;
}
#mainEncuestaCreencias .pregunta .preguntaText {
  color: #843801;
  width: 730px;
  min-height: 48px;
  text-align: center;
  margin-bottom: 6px;
  margin-left: 149px;
}
#mainEncuestaCreencias .pregunta .preguntaText .contentText {
  display: none;
  font-size: 23px;
  vertical-align: middle;
  line-height: normal;
}
#mainEncuestaCreencias .pregunta .botonera {
  position: absolute;
  margin-left: 170px;
  width: 693px;
}
#mainEncuestaCreencias .pregunta .botonera .boton {
  float: left;
  width: 106px;
  height: 154px;
  background: #d36718;
  border: 10px solid #9c4200;
  margin-left: 11px;
  cursor: pointer;
}
#mainEncuestaCreencias .pregunta .botonera .boton:hover {
  border: 10px solid #FFFFFF;
}
#mainEncuestaCreencias .pregunta .botonera .boton.op1 span {
  width: 110px;
  height: 154px;
  position: absolute;
}
#mainEncuestaCreencias .pregunta .botonera .boton.op1 span.MASCULINO {
  background: url("../../images/encuesta/creencias/chico.png") no-repeat 8px 13px;
}
#mainEncuestaCreencias .pregunta .botonera .boton.op1 span.FEMENINO {
  background: url("../../images/encuesta/creencias/chica.png") no-repeat -5px 16px;
}
#mainEncuestaCreencias .pregunta .botonera .boton.op2 span {
  width: 110px;
  height: 154px;
  position: absolute;
}
#mainEncuestaCreencias .pregunta .botonera .boton.op2 span.MASCULINO {
  background: url("../../images/encuesta/creencias/chico.png") no-repeat -128px 13px;
}
#mainEncuestaCreencias .pregunta .botonera .boton.op2 span.FEMENINO {
  background: url("../../images/encuesta/creencias/chica.png") no-repeat -144px 18px;
}
#mainEncuestaCreencias .pregunta .botonera .boton.op3 span {
  width: 110px;
  height: 154px;
  position: absolute;
}
#mainEncuestaCreencias .pregunta .botonera .boton.op3 span.MASCULINO {
  background: url("../../images/encuesta/creencias/chico.png") no-repeat -268px 13px;
}
#mainEncuestaCreencias .pregunta .botonera .boton.op3 span.FEMENINO {
  background: url("../../images/encuesta/creencias/chica.png") no-repeat -281px 19px;
}
#mainEncuestaCreencias .pregunta .botonera .boton.op4 span {
  width: 110px;
  height: 154px;
  position: absolute;
}
#mainEncuestaCreencias .pregunta .botonera .boton.op4 span.MASCULINO {
  background: url("../../images/encuesta/creencias/chico.png") no-repeat -403px 13px;
}
#mainEncuestaCreencias .pregunta .botonera .boton.op4 span.FEMENINO {
  background: url("../../images/encuesta/creencias/chica.png") no-repeat -418px 17px;
}
#mainEncuestaCreencias .pregunta .botonera .boton.op5 span {
  width: 110px;
  height: 154px;
  position: absolute;
}
#mainEncuestaCreencias .pregunta .botonera .boton.op5 span.MASCULINO {
  background: url("../../images/encuesta/creencias/chico.png") no-repeat -542px 13px;
}
#mainEncuestaCreencias .pregunta .botonera .boton.op5 span.FEMENINO {
  background: url("../../images/encuesta/creencias/chica.png") no-repeat -555px 18px;
}
#mainEncuestaCreencias .fin {
  display: none;
  background: url("../../images/encuesta/creencias/fondo.png") no-repeat;
  width: 1000px;
  height: 647px;
}
#mainEncuestaCreencias .fin .modalFin {
  background: #9c77cf;
  border-radius: 15px;
  border: 8px solid #FFFFFF;
  width: 760px;
  height: 582px;
  margin-top: 23px;
  margin-left: 121px;
  position: absolute;
}
#mainEncuestaCreencias .fin .modalFin .titleFin {
  font-size: 50px;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
#mainEncuestaCreencias .fin .modalFin .subtitleFin1 {
  width: 100%;
  margin-top: 20px;
  font-size: 30px;
  text-align: center;
}
#mainEncuestaCreencias .fin .modalFin .subtitleFin2 {
  width: 100%;
  margin-top: 7px;
  font-size: 20px;
  text-align: center;
}
#mainEncuestaCreencias .fin .modalFin .cofreFin {
  background: url("../../images/encuesta/creencias/cofreAbierto.png") no-repeat;
  margin: 0 auto;
  width: 260px;
  height: 266px;
  margin-top: 40px;
}
#mainEncuestaCreencias .fin .modalFin .cofreFin .star1 {
  background: url("../../images/encuesta/creencias/smallStar.png") no-repeat;
  width: 30px;
  height: 30px;
  margin-top: 121px;
  margin-left: 159px;
  position: absolute;
}
#mainEncuestaCreencias .fin .modalFin .cofreFin .star2 {
  background: url("../../images/encuesta/creencias/mediumStar.png") no-repeat;
  width: 40px;
  height: 40px;
  margin-top: 100px;
  margin-left: 91px;
  position: absolute;
}
#mainEncuestaCreencias .fin .modalFin .cofreFin .star3 {
  background: url("../../images/encuesta/creencias/bigStar.png") no-repeat;
  width: 100px;
  height: 99px;
  margin-top: 16px;
  margin-left: 123px;
  position: absolute;
}
#mainEncuestaCreencias .fin .modalFin .cofreFin .objeto {
  width: 200px;
  height: 123px;
  position: absolute;
  margin-left: 77px;
  margin-top: -37px;
}
#mainEncuestaCreencias .fin .modalFin .cofreFin .objeto.coronaOro {
  background: url("../../images/encuesta/creencias/coronaOro.png") no-repeat;
}
#mainEncuestaCreencias .fin .modalFin .cofreFin .objeto.coronaPlata {
  background: url("../../images/encuesta/creencias/coronaPlata.png") no-repeat;
}
#mainEncuestaCreencias .fin .modalFin .mundoVirtualButton {
  display: inline-block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 0 #578d2b, 0 0px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 8px 0 #578d2b, 0 0px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0 8px 0 #578d2b, 0 0px 0px rgba(0, 0, 0, 0.35);
  -webkit-transition: -webkit-box-shadow 0.1s ease-in-out;
  -moz-transition: -moz-box-shadow 0.1s ease-in-out;
  -o-transition: -o-box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
  font-size: 25px;
  color: #fff;
  position: absolute;
  margin-left: 272px;
  margin-top: 15px;
}
#mainEncuestaCreencias .fin .modalFin .mundoVirtualButton span {
  cursor: pointer;
  min-width: 145px;
  text-align: center;
  display: inline-block;
  padding: 20px 30px;
  background-color: #7ac43d;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 25px;
  -webkit-box-shadow: inset 0 -1px 1px #7ac43d;
  -moz-box-shadow: inset 0 -1px 1px #7ac43d;
  box-shadow: inset 0 -1px 1px #7ac43d;
  line-height: 1;
  text-shadow: 0 -1px 1px rgba(175, 49, 95, 0.7);
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#mainEncuestaCreencias .fin .modalFin .mundoVirtualButton:hover span {
  background-color: #7ac43d;
  color: white;
  text-shadow: 0 -1px 1px #7ac43d, 0 0 5px rgba(255, 255, 255, 0.8);
}
#mainEncuestaCreencias .fin .modalFin .mundoVirtualButton:active {
  -webkit-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
}
#mainEncuestaCreencias .fin .modalFin .mundoVirtualButton #button:focus {
  -webkit-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
}
#mainEncuestaCreencias .fin .modalFin .mundoVirtualButton:active span {
  -webkit-transform: translate(0, 4px);
  -moz-transform: translate(0, 4px);
  -o-transform: translate(0, 4px);
  transform: translate(0, 4px);
}
.fondoMundo.huertoHolder {
  background-color: #7fba7f;
}
.fondoMundo.huertoHolder #huertoCanvas {
  margin-top: 50px;
  margin-left: 50px;
  position: absolute;
  z-index: 1;
}
.fondoMundo.huertoHolder .huertoBienvenida {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: orange;
  z-index: 1;
}
.fondoMundo.huertoHolder .huertoBienvenida .closeBienvenida {
  position: absolute;
  color: #FFFFFF;
  margin-left: 90%;
  font-size: 20px;
  cursor: pointer;
  margin-top: 20px;
}
.fondoMundo.huertoHolder .huertoBienvenida .tituloBienvenida {
  color: #FFFFFF;
  font-size: 27px;
  position: absolute;
  text-align: center;
  width: 100%;
  margin-top: 50px;
}
.fondoMundo.huertoHolder .huertoBienvenida .mensajeBienvenida {
  color: #FFFFFF;
  font-size: 20px;
  position: absolute;
  margin-top: 140px;
  width: 97%;
  padding: 13px;
  text-align: center;
}
.fondoMundo.huertoHolder .huertoBienvenida .inputNombre {
  position: absolute;
  margin-top: 264px;
  width: 300px;
  height: 40px;
  font-size: 17px;
  margin-left: 355px;
}
.fondoMundo.huertoHolder .huertoBienvenida .empezarBienvenida {
  display: inline-block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 0 #578d2b, 0 0px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 8px 0 #578d2b, 0 0px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0 8px 0 #578d2b, 0 0px 0px rgba(0, 0, 0, 0.35);
  -webkit-transition: -webkit-box-shadow 0.1s ease-in-out;
  -moz-transition: -moz-box-shadow 0.1s ease-in-out;
  -o-transition: -o-box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
  font-size: 25px;
  color: #fff;
  position: absolute;
  margin-top: 400px;
  margin-left: 355px;
}
.fondoMundo.huertoHolder .huertoBienvenida .empezarBienvenida span {
  cursor: pointer;
  min-width: 250px;
  text-align: center;
  display: inline-block;
  padding: 20px 30px;
  background-color: #7ac43d;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 25px;
  -webkit-box-shadow: inset 0 -1px 1px #7ac43d;
  -moz-box-shadow: inset 0 -1px 1px #7ac43d;
  box-shadow: inset 0 -1px 1px #7ac43d;
  line-height: 1;
  text-shadow: 0 -1px 1px rgba(175, 49, 95, 0.7);
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fondoMundo.huertoHolder .huertoBienvenida .empezarBienvenida:hover span {
  background-color: #7ac43d;
  color: white;
  text-shadow: 0 -1px 1px #7ac43d, 0 0 5px rgba(255, 255, 255, 0.8);
}
.fondoMundo.huertoHolder .huertoBienvenida .empezarBienvenida:active {
  -webkit-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
}
.fondoMundo.huertoHolder .huertoBienvenida .empezarBienvenida #button:focus {
  -webkit-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 0 #69ad30, 0 0px 0px rgba(0, 0, 0, 0.3);
}
.fondoMundo.huertoHolder .huertoBienvenida .empezarBienvenida:active span {
  -webkit-transform: translate(0, 4px);
  -moz-transform: translate(0, 4px);
  -o-transform: translate(0, 4px);
  transform: translate(0, 4px);
}
.fondoMundo.huertoHolder .botonesCamara {
  width: 700px;
  height: 550px;
  margin-top: 20px;
  margin-left: 20px;
  position: absolute;
}
.fondoMundo.huertoHolder .botonesCamara .up {
  position: absolute;
  margin-left: 350px;
  cursor: pointer;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #A3F74A;
}
.fondoMundo.huertoHolder .botonesCamara .down {
  position: absolute;
  cursor: pointer;
  margin-left: 350px;
  margin-top: 530px;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #A3F74A;
}
.fondoMundo.huertoHolder .botonesCamara .right {
  position: absolute;
  cursor: pointer;
  margin-top: 250px;
  margin-left: 700px;
  width: 0;
  height: 0;
  border-left: 30px solid #A3F74A;
  border-bottom: 30px solid transparent;
  border-top: 30px solid transparent;
}
.fondoMundo.huertoHolder .botonesCamara .left {
  position: absolute;
  cursor: pointer;
  width: 0;
  height: 0;
  border-right: 30px solid #A3F74A;
  border-bottom: 30px solid transparent;
  border-top: 30px solid transparent;
  margin-top: 250px;
}
.fondoMundo.huertoHolder .botonera {
  position: absolute;
  width: 100px;
  padding: 25px;
  height: 460px;
  background-color: #5C9B55;
  margin-left: 775px;
  margin-top: 41px;
}
.fondoMundo.huertoHolder .botonera .tiendaButton {
  position: relative;
  float: left;
  width: 100px;
  height: 100px;
  cursor: pointer;
  background-color: blue;
  border-radius: 10px;
  margin-bottom: 10px;
  color: #FFFFFF;
  text-align: center;
}
.fondoMundo.huertoHolder .botonera .tiendaButton.active {
  border: 1px solid yellow;
}
.fondoMundo.huertoHolder .botonera .tiendaButton:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.fondoMundo.huertoHolder .botonera .tiendaButton .verticalCentered {
  display: inline-block;
  vertical-align: middle;
}
.fondoMundo.huertoHolder .botonera .semillasButton {
  position: relative;
  float: left;
  width: 100px;
  height: 100px;
  cursor: pointer;
  background-color: red;
  border-radius: 10px;
  margin-bottom: 10px;
  color: #FFFFFF;
  text-align: center;
}
.fondoMundo.huertoHolder .botonera .semillasButton.active {
  border: 1px solid yellow;
}
.fondoMundo.huertoHolder .botonera .semillasButton:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.fondoMundo.huertoHolder .botonera .semillasButton .verticalCentered {
  display: inline-block;
  vertical-align: middle;
}
.fondoMundo.huertoHolder .botonera .herramientasButton {
  position: relative;
  float: left;
  width: 100px;
  height: 100px;
  cursor: pointer;
  background-color: orange;
  border-radius: 10px;
  margin-bottom: 10px;
  color: #FFFFFF;
  text-align: center;
}
.fondoMundo.huertoHolder .botonera .herramientasButton.active {
  border: 1px solid yellow;
}
.fondoMundo.huertoHolder .botonera .herramientasButton:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.fondoMundo.huertoHolder .botonera .herramientasButton .verticalCentered {
  display: inline-block;
  vertical-align: middle;
}
.fondoMundo.huertoHolder .botonera .objetoEquipadoHolder {
  float: left;
  border: 5px solid #F7DD4A;
  width: 90px;
  height: 90px;
  border-radius: 10px;
  margin-top: 35px;
  background-color: #AFA151;
  text-align: center;
}
.fondoMundo.huertoHolder .botonera .objetoEquipadoHolder:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.fondoMundo.huertoHolder .botonera .objetoEquipadoHolder .objetoSelected {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
}
.fondoMundo.huertoHolder .botonera .objetoEquipadoHolder .objetoSelected.HAMMER {
  background: url("../../images/mundoVirtual/huerto/martillo.png") no-repeat;
}
.fondoMundo.huertoHolder .botonera .objetoEquipadoHolder .objetoSelected.GRASS_CUTTER {
  background: url("../../images/mundoVirtual/huerto/cortacesped.png") no-repeat;
}
.fondoMundo.huertoHolder .botonera .objetoEquipadoHolder .objetoSelected.SHOVEL {
  background: url("../../images/mundoVirtual/huerto/pala.png") no-repeat;
}
.fondoMundo.huertoHolder .botonera .objetoEquipadoHolder .objetoSelected.PICKAXE {
  background: url("../../images/mundoVirtual/huerto/pico.png") no-repeat;
}
.fondoMundo.huertoHolder .botonera .objetoEquipadoHolder .objetoSelected.WATERING_CAN {
  background: url("../../images/mundoVirtual/huerto/regadera.png") no-repeat;
}
.fondoMundo.huertoHolder .botonera .objetoEquipadoHolder .objetoSelected.NONE {
  background: none;
}
.fondoMundo.huertoHolder .modalDetallePlanta {
  z-index: 2;
  position: absolute;
  width: 300px;
  height: 200px;
  background-color: #c2d8a0;
  border-radius: 10px;
  display: none;
}
.fondoMundo.huertoHolder .modalDetallePlanta .closeModal {
  cursor: pointer;
}
.fondoMundo.huertoHolder .dialogTienda {
  z-index: 2;
  position: absolute;
  width: 642px;
  height: 300px;
  background-color: blue;
  border-radius: 10px;
  margin-top: 50px;
  margin-left: 50px;
  display: none;
}
.fondoMundo.huertoHolder .dialogTienda .title {
  position: absolute;
  color: #FFFFFF;
  font-size: 22px;
  text-align: center;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.fondoMundo.huertoHolder .dialogTienda .closeButton {
  position: absolute;
  color: #FFFFFF;
  cursor: pointer;
  margin-left: 95%;
  font-size: 26px;
  margin-top: 10px;
}
.fondoMundo.huertoHolder .dialogTienda .holderButtons {
  margin-top: 48px;
  width: 620px;
  margin-left: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 235px;
}
.fondoMundo.huertoHolder .dialogTienda .holderButtons .tiendaHolder {
  float: left;
  width: 90px;
  height: 90px;
  background: #FFC65E;
  margin-left: 10px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
}
.fondoMundo.huertoHolder .dialogSemillas {
  z-index: 2;
  position: absolute;
  width: 642px;
  height: 300px;
  background-color: #94D28D;
  border-radius: 10px;
  margin-top: 50px;
  margin-left: 50px;
  display: none;
}
.fondoMundo.huertoHolder .dialogSemillas .title {
  position: absolute;
  color: #FFFFFF;
  font-size: 22px;
  text-align: center;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.fondoMundo.huertoHolder .dialogSemillas .closeButton {
  position: absolute;
  color: #FFFFFF;
  cursor: pointer;
  margin-left: 95%;
  font-size: 26px;
  margin-top: 10px;
}
.fondoMundo.huertoHolder .dialogSemillas .holderButtons {
  margin-top: 48px;
  width: 620px;
  margin-left: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 235px;
}
.fondoMundo.huertoHolder .dialogSemillas .holderButtons .semillaHolder {
  float: left;
  width: 90px;
  height: 90px;
  background: #FFC65E;
  margin-left: 10px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
}
.fondoMundo.huertoHolder .dialogSemillas .holderButtons .semillaHolder .buttonSemilla {
  background: url("../../images/mundoVirtual/huerto/plant1.png") no-repeat;
  width: 38px;
  height: 36px;
}
.fondoMundo.huertoHolder .dialogHerramientas {
  z-index: 2;
  position: absolute;
  width: 642px;
  height: 300px;
  background-color: orange;
  border-radius: 10px;
  margin-top: 50px;
  margin-left: 50px;
  display: none;
}
.fondoMundo.huertoHolder .dialogHerramientas .title {
  position: absolute;
  color: #FFFFFF;
  font-size: 22px;
  text-align: center;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.fondoMundo.huertoHolder .dialogHerramientas .closeButton {
  position: absolute;
  color: #FFFFFF;
  cursor: pointer;
  margin-left: 95%;
  font-size: 26px;
  margin-top: 10px;
}
.fondoMundo.huertoHolder .dialogHerramientas .holderButtons {
  margin-top: 48px;
  width: 620px;
  margin-left: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 235px;
}
.fondoMundo.huertoHolder .dialogHerramientas .holderButtons .herramientaHolder {
  float: left;
  width: 90px;
  height: 90px;
  background: #FFC65E;
  margin-left: 10px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
}
.fondoMundo.huertoHolder .dialogHerramientas .holderButtons .herramientaHolder:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.fondoMundo.huertoHolder .dialogHerramientas .holderButtons .herramientaHolder .buttonHuerto {
  display: inline-block;
  vertical-align: middle;
}
.fondoMundo.huertoHolder .dialogHerramientas .holderButtons .herramientaHolder .buttonMartillo {
  background: url("../../images/mundoVirtual/huerto/martillo.png") no-repeat;
  width: 38px;
  height: 36px;
}
.fondoMundo.huertoHolder .dialogHerramientas .holderButtons .herramientaHolder .buttonCortacesped {
  background: url("../../images/mundoVirtual/huerto/cortacesped.png") no-repeat;
  width: 38px;
  height: 36px;
}
.fondoMundo.huertoHolder .dialogHerramientas .holderButtons .herramientaHolder .buttonPala {
  background: url("../../images/mundoVirtual/huerto/pala.png") no-repeat;
  width: 38px;
  height: 36px;
}
.fondoMundo.huertoHolder .dialogHerramientas .holderButtons .herramientaHolder .buttonRegadera {
  background: url("../../images/mundoVirtual/huerto/regadera.png") no-repeat;
  width: 38px;
  height: 36px;
}
.fondoMundo.huertoHolder .dialogHerramientas .holderButtons .herramientaHolder .buttonPico {
  background: url("../../images/mundoVirtual/huerto/pico.png") no-repeat;
  width: 38px;
  height: 36px;
}
.fondoMundo.huertoHolder .dialogHerramientas .holderButtons .herramientaHolder .buttonQuitar {
  font-size: 30px;
  color: #FFFFFF;
}
.dialogOverlay {
  display: none;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  opacity: 0.5;
  position: absolute;
  background: #CECECE;
  z-index: 1;
}
.dialog {
  display: none;
  text-align: center;
  font-size: 14px;
  background: #FFFFFF;
  position: absolute;
  width: 600px;
  margin-left: 178px;
  border: 2px solid orange;
  z-index: 2;
  top: 90px;
}
.dialog .title {
  font-size: 22px;
  background: orange;
  color: #FFFFFF;
  padding-top: 12px;
  padding-left: 31px;
  padding-bottom: 12px;
  text-align: left;
  font-weight: bold;
  margin-bottom: 20px;
}
.dialog .close {
  color: #FFFFFF;
  background: #E87300;
  cursor: pointer;
  position: absolute;
  width: 34px;
  height: 34px;
  font-size: 25px;
  border-radius: 26px;
  margin-top: -65px;
  margin-left: 549px;
}
.dialog p {
  margin: 5px;
}
#ruletaEstalmat {
  width: 670px;
  height: 650px;
  border: 8px solid white;
  margin: auto;
  background-color: #3ba7f1;
  text-align: center;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 2px 2px #999;
  -moz-box-shadow: 0 0 2px 2px #999;
  box-shadow: 0 0 2px 2px #999;
}
#ruletaEstalmat .intro {
  color: white;
}
#ruletaEstalmat .intro .dest {
  font-size: 30px;
  margin: 22px 0 8px;
}
#ruletaEstalmat .intro .detalle {
  font-size: 22px;
  margin-bottom: 8px;
}
#ruletaEstalmat #cuerpoRuleta {
  width: 400px;
  height: 410px;
  display: inline-block;
  margin: auto;
}
#ruletaEstalmat .botonera {
  margin-top: 10px;
}
#ruletaEstalmat .botonera #botonParar {
  display: inline-block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 0 #441C50, 0 0px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 8px 0 #441C50, 0 0px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0 8px 0 #441C50, 0 0px 0px rgba(0, 0, 0, 0.35);
  -webkit-transition: -webkit-box-shadow 0.1s ease-in-out;
  -moz-transition: -moz-box-shadow 0.1s ease-in-out;
  -o-transition: -o-box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
  font-size: 30px;
  color: #fff;
  text-transform: uppercase;
}
#ruletaEstalmat .botonera #botonParar span {
  cursor: pointer;
  min-width: 250px;
  text-align: center;
  display: inline-block;
  padding: 20px 30px;
  background-color: #78318D;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 30px;
  -webkit-box-shadow: inset 0 -1px 1px #78318D;
  -moz-box-shadow: inset 0 -1px 1px #78318D;
  box-shadow: inset 0 -1px 1px #78318D;
  line-height: 1;
  text-shadow: 0 -1px 1px rgba(175, 49, 95, 0.7);
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#ruletaEstalmat .botonera #botonParar:hover span {
  background-color: #78318D;
  color: white;
  text-shadow: 0 -1px 1px #78318D, 0 0 5px rgba(255, 255, 255, 0.8);
}
#ruletaEstalmat .botonera #botonParar:active {
  -webkit-box-shadow: 0 8px 0 #441C50, 0 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 0 #441C50, 0 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 0 #441C50, 0 0px 0px rgba(0, 0, 0, 0.3);
}
#ruletaEstalmat .botonera #botonParar #button:focus {
  -webkit-box-shadow: 0 8px 0 #441C50, 0 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 0 #441C50, 0 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 0 #441C50, 0 0px 0px rgba(0, 0, 0, 0.3);
}
#ruletaEstalmat .botonera #botonParar:active span {
  -webkit-transform: translate(0, 4px);
  -moz-transform: translate(0, 4px);
  -o-transform: translate(0, 4px);
  transform: translate(0, 4px);
}
#ruletaEstalmat .botonera #botonParar b {
  font-size: 34px;
}
#ruletaEstalmat .botonera .botonContinuar {
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  width: 190px;
  height: 77px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
}
#ruletaEstalmat .botonera .botonContinuar:hover {
  border: solid 3px #7ac43d;
}
#ruletaEstalmat .botonera .botonContinuar:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
#ruletaEstalmat .botonera .botonContinuar span {
  display: inline-block;
  width: 37px;
  height: 46px;
  margin-top: 13.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/play-green.png");
  background-size: 37px 46px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #ruletaEstalmat .botonera .botonContinuar span {
    background-image: url("../../images/buttons/textless/icons/play-green@2x.png");
    background-size: 37px 46px;
  }
}
#ruletaEstalmat .botonera .botonContinuar:hover span,
#ruletaEstalmat .botonera .botonContinuar.hover span {
  width: 41px;
  height: 52px;
  margin-top: 10.5px;
  background-image: url("../../images/buttons/textless/icons/play-green-hover.png");
  background-size: 41px 52px;
}
@media (min-resolution: 1.5dppx) {
  #ruletaEstalmat .botonera .botonContinuar:hover span,
  #ruletaEstalmat .botonera .botonContinuar.hover span {
    background-image: url("../../images/buttons/textless/icons/play-green-hover@2x.png");
    background-size: 41px 52px;
  }
}
#ruletaEstalmat .botonera .botonContinuar:active span,
#ruletaEstalmat .botonera .botonContinuar.active span {
  width: 37px;
  height: 46px;
  margin-top: 13.5px;
  background-image: url("../../images/buttons/textless/icons/play-green-active.png");
  background-size: 37px 46px;
}
@media (min-resolution: 1.5dppx) {
  #ruletaEstalmat .botonera .botonContinuar:active span,
  #ruletaEstalmat .botonera .botonContinuar.active span {
    background-image: url("../../images/buttons/textless/icons/play-green-active@2x.png");
    background-size: 37px 46px;
  }
}
#ruletaEstalmat .enhorabuena {
  color: white;
  font-size: 25px;
  margin: 80px 0 40px;
}
#ruletaEstalmat .onetick .ticks2,
#ruletaEstalmat .onetick .ticks3 {
  display: none;
}
#ruletaEstalmat .twotick .ticks1,
#ruletaEstalmat .twotick .ticks3 {
  display: none;
}
#ruletaEstalmat .threetick .ticks1,
#ruletaEstalmat .threetick .ticks2 {
  display: none;
}
#ruletaEstalmat .ticks {
  height: 300px;
  position: relative;
}
#ruletaEstalmat .ticks img.tick {
  position: absolute;
}
#ruletaEstalmat .ticks img.tick.ticks1 {
  top: 67px;
  left: 247px;
}
#ruletaEstalmat .ticks img.tick.ticks21 {
  top: 80px;
  left: 145px;
}
#ruletaEstalmat .ticks img.tick.ticks22 {
  top: 80px;
  left: 345px;
}
#ruletaEstalmat .ticks img.tick.ticks31 {
  top: 0px;
  left: 247px;
}
#ruletaEstalmat .ticks img.tick.ticks32 {
  top: 140px;
  left: 155px;
}
#ruletaEstalmat .ticks img.tick.ticks33 {
  top: 140px;
  left: 335px;
}
#da-iframe {
  border: none;
  float: none;
  display: block;
  margin: 0 auto;
}
.grayscale {
  /* Firefox 10+, Firefox on Android */
  filter: grayscale(100%);
  /* IE 6-9 */
  /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
  -webkit-filter: grayscale(100%);
  -webkit-transform: translateZ(0);
}
.buttonTextlessPlaneGreen {
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  width: 160px;
  height: 65px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
}
.buttonTextlessPlaneGreen:hover {
  border: solid 3px #7ac43d;
}
.buttonTextlessPlaneGreen:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
.buttonTextlessPlaneGreen span {
  display: inline-block;
  width: 45px;
  height: 35px;
  margin-top: 13px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/plane-green.png");
  background-size: 45px 35px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  .buttonTextlessPlaneGreen span {
    background-image: url("../../images/buttons/textless/icons/plane-green@2x.png");
    background-size: 45px 35px;
  }
}
.buttonTextlessPlaneGreen:hover span,
.buttonTextlessPlaneGreen.hover span {
  width: 48px;
  height: 38px;
  margin-top: 11.5px;
  background-image: url("../../images/buttons/textless/icons/plane-green-hover.png");
  background-size: 48px 38px;
}
@media (min-resolution: 1.5dppx) {
  .buttonTextlessPlaneGreen:hover span,
  .buttonTextlessPlaneGreen.hover span {
    background-image: url("../../images/buttons/textless/icons/plane-green-hover@2x.png");
    background-size: 48px 38px;
  }
}
.buttonTextlessPlaneGreen:active span,
.buttonTextlessPlaneGreen.active span {
  width: 45px;
  height: 35px;
  margin-top: 13px;
  background-image: url("../../images/buttons/textless/icons/plane-green-active.png");
  background-size: 45px 35px;
}
@media (min-resolution: 1.5dppx) {
  .buttonTextlessPlaneGreen:active span,
  .buttonTextlessPlaneGreen.active span {
    background-image: url("../../images/buttons/textless/icons/plane-green-active@2x.png");
    background-size: 45px 35px;
  }
}
.buttonTextlessReplayViolet {
  background-color: #9C77CF;
  box-shadow: inset 0 2px 0 0 #B58EEC, inset 0 -4px 0 0 #8b66bd, inset 0 4px 0 0 #D7BBFE;
  border: solid 3px #835BBA;
  width: 160px;
  height: 65px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
}
.buttonTextlessReplayViolet:hover {
  border: solid 3px #9C77CF;
}
.buttonTextlessReplayViolet:active {
  background-color: #835BBA;
  box-shadow: inset 0 0 0 0 #835BBA, inset 0px 2px 0 0 #D7BBFE;
  border: solid 3px #835BBA;
}
.buttonTextlessReplayViolet span {
  display: inline-block;
  width: 51px;
  height: 44px;
  margin-top: 8.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/replay-violet.png");
  background-size: 51px 44px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  .buttonTextlessReplayViolet span {
    background-image: url("../../images/buttons/textless/icons/replay-violet@2x.png");
    background-size: 51px 44px;
  }
}
.buttonTextlessReplayViolet:hover span,
.buttonTextlessReplayViolet.hover span {
  width: 53px;
  height: 46px;
  margin-top: 7.5px;
  background-image: url("../../images/buttons/textless/icons/replay-violet-hover.png");
  background-size: 53px 46px;
}
@media (min-resolution: 1.5dppx) {
  .buttonTextlessReplayViolet:hover span,
  .buttonTextlessReplayViolet.hover span {
    background-image: url("../../images/buttons/textless/icons/replay-violet-hover@2x.png");
    background-size: 53px 46px;
  }
}
.buttonTextlessReplayViolet:active span,
.buttonTextlessReplayViolet.active span {
  width: 51px;
  height: 44px;
  margin-top: 8.5px;
  background-image: url("../../images/buttons/textless/icons/replay-violet-active.png");
  background-size: 51px 44px;
}
@media (min-resolution: 1.5dppx) {
  .buttonTextlessReplayViolet:active span,
  .buttonTextlessReplayViolet.active span {
    background-image: url("../../images/buttons/textless/icons/replay-violet-active@2x.png");
    background-size: 51px 44px;
  }
}
.buttonTextlessPlayGreen {
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  width: 190px;
  height: 77px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
}
.buttonTextlessPlayGreen:hover {
  border: solid 3px #7ac43d;
}
.buttonTextlessPlayGreen:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
.buttonTextlessPlayGreen span {
  display: inline-block;
  width: 37px;
  height: 46px;
  margin-top: 13.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/play-green.png");
  background-size: 37px 46px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  .buttonTextlessPlayGreen span {
    background-image: url("../../images/buttons/textless/icons/play-green@2x.png");
    background-size: 37px 46px;
  }
}
.buttonTextlessPlayGreen:hover span,
.buttonTextlessPlayGreen.hover span {
  width: 41px;
  height: 52px;
  margin-top: 10.5px;
  background-image: url("../../images/buttons/textless/icons/play-green-hover.png");
  background-size: 41px 52px;
}
@media (min-resolution: 1.5dppx) {
  .buttonTextlessPlayGreen:hover span,
  .buttonTextlessPlayGreen.hover span {
    background-image: url("../../images/buttons/textless/icons/play-green-hover@2x.png");
    background-size: 41px 52px;
  }
}
.buttonTextlessPlayGreen:active span,
.buttonTextlessPlayGreen.active span {
  width: 37px;
  height: 46px;
  margin-top: 13.5px;
  background-image: url("../../images/buttons/textless/icons/play-green-active.png");
  background-size: 37px 46px;
}
@media (min-resolution: 1.5dppx) {
  .buttonTextlessPlayGreen:active span,
  .buttonTextlessPlayGreen.active span {
    background-image: url("../../images/buttons/textless/icons/play-green-active@2x.png");
    background-size: 37px 46px;
  }
}
.buttonTextlessOkGreen {
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  width: 190px;
  height: 77px;
  object-fit: contain;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
}
.buttonTextlessOkGreen:hover {
  border: solid 3px #7ac43d;
}
.buttonTextlessOkGreen:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
.buttonTextlessOkGreen span {
  display: inline-block;
  width: 53px;
  height: 54px;
  margin-top: 9.5px;
  padding: 0;
  vertical-align: top;
  background-image: url("../../images/buttons/textless/icons/ok-green.png");
  background-size: 53px 54px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  .buttonTextlessOkGreen span {
    background-image: url("../../images/buttons/textless/icons/ok-green@2x.png");
    background-size: 53px 54px;
  }
}
.buttonTextlessOkGreen:hover span,
.buttonTextlessOkGreen.hover span {
  width: 53px;
  height: 54px;
  margin-top: 9.5px;
  background-image: url("../../images/buttons/textless/icons/ok-green.png");
  background-size: 53px 54px;
}
@media (min-resolution: 1.5dppx) {
  .buttonTextlessOkGreen:hover span,
  .buttonTextlessOkGreen.hover span {
    background-image: url("../../images/buttons/textless/icons/ok-green@2x.png");
    background-size: 53px 54px;
  }
}
.buttonTextlessOkGreen:active span,
.buttonTextlessOkGreen.active span {
  width: 53px;
  height: 54px;
  margin-top: 9.5px;
  background-image: url("../../images/buttons/textless/icons/ok-green.png");
  background-size: 53px 54px;
}
@media (min-resolution: 1.5dppx) {
  .buttonTextlessOkGreen:active span,
  .buttonTextlessOkGreen.active span {
    background-image: url("../../images/buttons/textless/icons/ok-green@2x.png");
    background-size: 53px 54px;
  }
}
/* CODING */
.containerCoding .contenedorPantallaInicioSesionCoding {
  background-image: url('../../images/sesion/inicio/fondos/tarde-coding.png');
  background-size: 1000px 600px;
  width: 100%;
  height: 600px;
}
@media (min-resolution: 1.5dppx) {
  .containerCoding .contenedorPantallaInicioSesionCoding {
    background-image: url("../../images/sesion/inicio/fondos/tarde-coding@2x.png");
    background-size: 1000px 600px;
  }
}
.containerCoding .contenedorPantallaInicioSesionCoding.MORNING {
  background-image: url('../../images/sesion/inicio/fondos/manana-coding.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .containerCoding .contenedorPantallaInicioSesionCoding.MORNING {
    background-image: url("../../images/sesion/inicio/fondos/manana-coding@2x.png");
    background-size: 1000px 600px;
  }
}
.containerCoding .contenedorPantallaInicioSesionCoding.NIGHT {
  background-image: url('../../images/sesion/inicio/fondos/noche-coding.png');
  background-size: 1000px 600px;
}
@media (min-resolution: 1.5dppx) {
  .containerCoding .contenedorPantallaInicioSesionCoding.NIGHT {
    background-image: url("../../images/sesion/inicio/fondos/noche-coding@2x.png");
    background-size: 1000px 600px;
  }
}
.containerCoding .contenedorPantallaInicioSesionCoding .buttonComenzar {
  left: 90px;
  top: 220px;
}
.containerCoding .contenedorPantallaInicioSesionCoding .mensajeInicioCoding {
  padding-top: 30px;
}
.containerCoding .contenedorPantallaInicioSesionCoding .mensajeInicioCoding .tituloInicioCoding {
  font-size: 40px;
  font-weight: 600;
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  width: 455px;
  text-align: center;
}
.containerCoding .contenedorPantallaInicioSesionCoding .mensajeInicioCoding .cuerpoInicioCoding {
  font-size: 30px;
  font-weight: 400;
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  width: 350px;
  padding-left: 52.5px;
  text-align: center;
}
/* END CODING */
.nuevostutoriales {
  -ms-touch-action: none;
  touch-action: none;
  overscroll-behavior: none;
}
#iframeTutorial {
  -ms-touch-action: none;
  touch-action: none;
  overscroll-behavior: none;
}
.vmid {
  vertical-align: middle;
}
.icon-insignia-sesion {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.icon-insignia-sesion.racha_20,
.detalleIconoInsignia.racha_20 {
  width: 230px;
  height: 249px;
  background-image: url("../../images/sesion/insignias/racha_20.png");
  background-size: 230px 249px;
}
@media (min-resolution: 1.5dppx) {
  .icon-insignia-sesion.racha_20,
  .detalleIconoInsignia.racha_20 {
    background-image: url("../../images/sesion/insignias/racha_20@2x.png");
    background-size: 230px 249px;
  }
}
.icon-insignia-sesion.racha_30,
.detalleIconoInsignia.racha_30 {
  width: 230px;
  height: 249px;
  background-image: url("../../images/sesion/insignias/racha_30.png");
  background-size: 230px 249px;
}
@media (min-resolution: 1.5dppx) {
  .icon-insignia-sesion.racha_30,
  .detalleIconoInsignia.racha_30 {
    background-image: url("../../images/sesion/insignias/racha_30@2x.png");
    background-size: 230px 249px;
  }
}
.icon-insignia-sesion.racha_50,
.detalleIconoInsignia.racha_50 {
  width: 230px;
  height: 249px;
  background-image: url("../../images/sesion/insignias/racha_50.png");
  background-size: 230px 249px;
}
@media (min-resolution: 1.5dppx) {
  .icon-insignia-sesion.racha_50,
  .detalleIconoInsignia.racha_50 {
    background-image: url("../../images/sesion/insignias/racha_50@2x.png");
    background-size: 230px 249px;
  }
}
.icon-insignia-sesion.racha_70,
.detalleIconoInsignia.racha_70 {
  width: 230px;
  height: 249px;
  background-image: url("../../images/sesion/insignias/racha_70.png");
  background-size: 230px 249px;
}
@media (min-resolution: 1.5dppx) {
  .icon-insignia-sesion.racha_70,
  .detalleIconoInsignia.racha_70 {
    background-image: url("../../images/sesion/insignias/racha_70@2x.png");
    background-size: 230px 249px;
  }
}
.icon-insignia-sesion.racha_100,
.detalleIconoInsignia.racha_100 {
  width: 230px;
  height: 249px;
  background-image: url("../../images/sesion/insignias/racha_100.png");
  background-size: 230px 249px;
}
@media (min-resolution: 1.5dppx) {
  .icon-insignia-sesion.racha_100,
  .detalleIconoInsignia.racha_100 {
    background-image: url("../../images/sesion/insignias/racha_100@2x.png");
    background-size: 230px 249px;
  }
}
.icon-insignia-sesion.contenido_avanzado,
.detalleIconoInsignia.contenido_avanzado {
  width: 230px;
  height: 288px;
  background-image: url("../../images/sesion/insignias/escalera.png");
  background-size: 230px 288px;
}
@media (min-resolution: 1.5dppx) {
  .icon-insignia-sesion.contenido_avanzado,
  .detalleIconoInsignia.contenido_avanzado {
    background-image: url("../../images/sesion/insignias/escalera@2x.png");
    background-size: 230px 288px;
  }
}
.icon-insignia-sesion.superar_bloqueo,
.detalleIconoInsignia.superar_bloqueo {
  width: 230px;
  height: 276px;
  background-image: url("../../images/sesion/insignias/insignia-superacion.png");
  background-size: 230px 276px;
}
@media (min-resolution: 1.5dppx) {
  .icon-insignia-sesion.superar_bloqueo,
  .detalleIconoInsignia.superar_bloqueo {
    background-image: url("../../images/sesion/insignias/insignia-superacion@2x.png");
    background-size: 230px 276px;
  }
}
.icon-insignia-sesion.sesiones_consecutivas,
.detalleIconoInsignia.sesiones_consecutivas {
  width: 325px;
  height: 261px;
  background-image: url("../../images/sesion/insignias/sesiones_consecutivas.png");
  background-size: 325px 261px;
}
@media (min-resolution: 1.5dppx) {
  .icon-insignia-sesion.sesiones_consecutivas,
  .detalleIconoInsignia.sesiones_consecutivas {
    background-image: url("../../images/sesion/insignias/sesiones_consecutivas@2x.png");
    background-size: 325px 261px;
  }
}
.icon-insignia-sesion.novato,
.detalleIconoInsignia.novato {
  width: 230px;
  height: 254px;
  background-image: url("../../images/sesion/insignias/novato.png");
  background-size: 230px 254px;
}
@media (min-resolution: 1.5dppx) {
  .icon-insignia-sesion.novato,
  .detalleIconoInsignia.novato {
    background-image: url("../../images/sesion/insignias/novato@2x.png");
    background-size: 230px 254px;
  }
}
.icon-insignia-sesion.sin_fallos,
.detalleIconoInsignia.sin_fallos {
  width: 243px;
  height: 249px;
  background-image: url("../../images/sesion/insignias/sin_fallos.png");
  background-size: 243px 249px;
}
@media (min-resolution: 1.5dppx) {
  .icon-insignia-sesion.sin_fallos,
  .detalleIconoInsignia.sin_fallos {
    background-image: url("../../images/sesion/insignias/sin_fallos@2x.png");
    background-size: 243px 249px;
  }
}
.icon-insignia-sesion.flotador-consecucion,
.detalleIconoInsignia.flotador-consecucion {
  height: 240px;
  background-image: url("../../images/sesion/insignias/flotador-consecucion.png");
  background-size: 230px 235px;
  bottom: -33px !important;
}
@media (min-resolution: 1.5dppx) {
  .icon-insignia-sesion.flotador-consecucion,
  .detalleIconoInsignia.flotador-consecucion {
    background-image: url("../../images/sesion/insignias/flotador-consecucion@2x.png");
    background-size: 230px 235px;
  }
}
.iconoInsignia.icon-insignia-sesion.sesiones_consecutivas {
  margin-left: -40px;
}
.detalleIconoInsignia {
  display: block;
  transform-origin: center center;
  text-align: center;
  margin: auto;
}
.detalleIconoInsignia.racha_20 {
  width: 46px;
  height: 50px;
  background-size: 46px 50px;
  margin-top: -2px;
}
.detalleIconoInsignia.racha_30 {
  width: 46px;
  height: 50px;
  background-size: 46px 50px;
  margin-top: -2px;
}
.detalleIconoInsignia.racha_50 {
  width: 46px;
  height: 50px;
  background-size: 46px 50px;
  margin-top: -2px;
}
.detalleIconoInsignia.racha_70 {
  width: 46px;
  height: 50px;
  background-size: 46px 50px;
  margin-top: -2px;
}
.detalleIconoInsignia.racha_100 {
  width: 46px;
  height: 50px;
  background-size: 46px 50px;
  margin-top: -2px;
}
.detalleIconoInsignia.contenido_avanzado {
  width: 46px;
  height: 58px;
  background-size: 46px 58px;
  margin-top: -10px;
}
.detalleIconoInsignia.superar_bloqueo {
  width: 46px;
  height: 55px;
  background-size: 46px 55px;
  margin-top: -7px;
}
.detalleIconoInsignia.sesiones_consecutivas {
  width: 50px;
  height: 50px;
  background-size: 50px 45px;
  margin-top: -2px;
}
.detalleIconoInsignia.novato {
  width: 46px;
  height: 49px;
  background-size: 46px 49px;
  margin-top: -2px;
}
.detalleIconoInsignia.sin_fallos {
  width: 46px;
  height: 50px;
  background-size: 46px 50px;
  margin-top: -2px;
}
.detalleIconoTipoInsignia {
  position: relative;
  filter: brightness(0.6) hue-rotate(-10deg);
  vertical-align: middle;
  transform: scale(0.75);
  left: 35px;
  top: -80px;
  /*
	&.matematicas {
		width: 25px;
		height: 25px;
		.at2x("../../images/mundoVirtual/nuevo/fin/icono-mates-desact.png", 25px, 25px);
	}
	&.coding {
		width: 34px;
		height: 25px;
		.at2x("../../images/mundoVirtual/nuevo/fin/icono-coding-desact.png", 34px, 25px);
	}
	&.lectura {
		width: 23px;
		height: 25px;
		.at2x("../../images/mundoVirtual/nuevo/fin/icono-lectura-desact.png", 23px, 25px);
	}
	/**/
}
/*
	&.racha_20 {
		width: 46px;
		height: 50px;
		.at2x("../../images/sesion/insignias/racha_20.png", 46px, 50px);
		background-size: 46px 50px;
	}
	&.racha_30 {
		width: 46px;
		height: 50px;
		.at2x("../../images/sesion/insignias/racha_30.png", 46px, 50px);
	}
	&.racha_50 {
		width: 46px;
		height: 50px;
		.at2x("../../images/sesion/insignias/racha_50.png", 46px, 50px);
	}
	&.contenido_avanzado {
		width: 46px;
		height: 58px;
		.at2x("../../images/sesion/insignias/escalera.png", 46px, 58px);
		margin-top: -8px;
	}

/**/
#soundActivator {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  background: white;
  z-index: 101;
  width: 600px;
  font-size: 24px;
  text-align: center;
  padding: 30px 20px;
  border: 3px solid #42B2FC;
  box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
#soundActivator div {
  margin: 15px auto;
}
#soundActivator .first {
  font-size: 26px;
  background: url("../../images/exercise/icon/icono-watchout@2x.png") no-repeat center left;
  background-size: 45px 55px;
  padding: 12px 0 12px 65px;
  color: #F36D21;
  display: inline-block;
}
#soundActivator .buttonPlay {
  display: inline-block;
}
.main-home-alumno {
  width: 1000px;
  height: 600px;
}
.main-multi-sesion {
  width: 1000px;
  height: 600px;
  overflow: hidden;
  background-image: url("../../images/sesion/inicio/fondos/fondo-multi-sesion.png");
  background-size: 1000px 600px;
  position: relative;
  border-radius: 15px;
}
@media (min-resolution: 1.5dppx) {
  .main-multi-sesion {
    background-image: url("../../images/sesion/inicio/fondos/fondo-multi-sesion@2x.png");
    background-size: 1000px 600px;
  }
}
.main-multi-sesion .sesion-circle {
  position: absolute;
  overflow: hidden;
  width: 300px;
  height: 300px;
  border-radius: 150px;
  box-sizing: border-box;
  border: 9px solid #73c7ff;
  box-shadow: inset 0px 11.5px 10.5px 0 rgba(0, 0, 0, 0.75);
  top: 80px;
}
.main-multi-sesion .sesion-circle .main-home-alumno {
  transform: translate(-400px, -150px) scale(0.5);
}
.main-multi-sesion .sesion-circle.sesion-circle--izq {
  left: 85px;
}
.main-multi-sesion .sesion-circle.sesion-circle--der {
  right: 85px;
}
.main-multi-sesion .sesion-circle .avatar-container-sesionmixta-incircle {
  opacity: 0;
}
.main-multi-sesion .sesion-circle.activable {
  cursor: pointer;
  animation: circle-sesion-activable-animation 1s infinite alternate;
  animation-delay: 2s;
}
.main-multi-sesion .sesion-circle.activable:hover,
.main-multi-sesion .sesion-circle.activable:active {
  border-color: white !important;
}
.main-multi-sesion .sesion-circle .sesion-realizada {
  width: 300px;
  height: 300px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(13, 104, 164, 0.85);
  background-image: url("../../images/sesion/inicio/fondos/tick-realizado.png");
  background-size: 183px 165px;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (min-resolution: 1.5dppx) {
  .main-multi-sesion .sesion-circle .sesion-realizada {
    background-image: url("../../images/sesion/inicio/fondos/tick-realizado@2x.png");
    background-size: 183px 165px;
  }
}
.main-multi-sesion .no-visible-init-mixta {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}
@keyframes circle-sesion-activable-animation {
  0% {
    border-color: #73c7ff;
  }
  100% {
    border-color: white;
  }
}
#contenidoEjercicio.exercise-icon-type-set.exercise-icon-type-animatein::before {
  transition: width 0.25s ease-out, height 0.25s ease-out 0.5s;
}
#contenidoEjercicio.exercise-icon-type-set.exercise-icon-type-animatein::after {
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}
#contenidoEjercicio.exercise-icon-type-set.exercise-icon-type-animateout::before {
  transition: height 0.25s ease-in 0.5s, width 0.25s ease-in 0.75s, border-color 0s ease-in 1s;
}
#contenidoEjercicio.exercise-icon-type-set.exercise-icon-type-animateout::after {
  transition: height 0.25s ease-in, width 0.25s ease-in 0.25s, border-color 0s ease-in 0.5s;
}
#contenidoEjercicio.exercise-icon-type-set.exercise-icon-type-highlight::before,
#contenidoEjercicio.exercise-icon-type-set.exercise-icon-type-highlight::after {
  border-color: white !important;
}
#contenidoEjercicio.exercise-icon-type-set::before,
#contenidoEjercicio.exercise-icon-type-set::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid transparent;
  box-sizing: border-box;
  border-radius: 12px;
  pointer-events: none;
}
#contenidoEjercicio.exercise-icon-type-set::before {
  bottom: 0;
  right: 0;
}
#contenidoEjercicio.exercise-icon-type-set::after {
  top: 0;
  left: 0;
}
#contenidoEjercicio.exercise-icon-type-set.exercise-icon-type-speed::before,
#contenidoEjercicio.exercise-icon-type-set.exercise-icon-type-speed::after {
  width: 100%;
  height: 100%;
}
#contenidoEjercicio.exercise-icon-type-set.exercise-icon-type-speed::before {
  border-bottom-color: #3ab1ff;
  border-left-color: #3ab1ff;
}
#contenidoEjercicio.exercise-icon-type-set.exercise-icon-type-speed::after {
  border-top-color: #3ab1ff;
  border-right-color: #3ab1ff;
}
#contenidoEjercicio.exercise-icon-type-set.exercise-icon-type-metacognition::before,
#contenidoEjercicio.exercise-icon-type-set.exercise-icon-type-metacognition::after {
  width: 100%;
  height: 100%;
}
#contenidoEjercicio.exercise-icon-type-set.exercise-icon-type-metacognition::before {
  border-bottom-color: #99417a;
  border-left-color: #99417a;
}
#contenidoEjercicio.exercise-icon-type-set.exercise-icon-type-metacognition::after {
  border-top-color: #99417a;
  border-right-color: #99417a;
}
#contenidoEjercicio.exercise-icon-type-set.exercise-icon-type-chatbot::before,
#contenidoEjercicio.exercise-icon-type-set.exercise-icon-type-chatbot::after {
  width: 100%;
  height: 100%;
}
#contenidoEjercicio.exercise-icon-type-set.exercise-icon-type-chatbot::before {
  border-bottom-color: #de9ef8;
  border-left-color: #de9ef8;
}
#contenidoEjercicio.exercise-icon-type-set.exercise-icon-type-chatbot::after {
  border-top-color: #de9ef8;
  border-right-color: #de9ef8;
}
#contenidoEjercicio.exercise-icon-type-set.exercise-icon-type-animate {
  background-color: #EAF8FB;
  transition: background-color 0.2 ease-in-out;
  overflow: hidden;
}
#contenidoEjercicio.exercise-icon-type-set .exercise-icon-type--intro {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 12px;
  z-index: 1;
  overflow: hidden;
}
#contenidoEjercicio.exercise-icon-type-set .exercise-icon-type--intro .exercise-icon-type--ticky {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 340px;
  height: 323px;
  background-image: url('../../images/exercise/monster/monster_teacher_340.png');
  background-size: 340px 323px;
}
@media (min-resolution: 1.5dppx) {
  #contenidoEjercicio.exercise-icon-type-set .exercise-icon-type--intro .exercise-icon-type--ticky {
    background-image: url("../../images/exercise/monster/monster_teacher_340@2x.png");
    background-size: 340px 323px;
  }
}
#contenidoEjercicio.exercise-icon-type-set .exercise-icon-type--intro .exercise-icon-type--tickyBub {
  width: 692px;
  height: 229px;
  background-image: url('../../images/exercise/exercise-icon-type/bubble-exercise-icon-type.png');
  background-size: 100% 100%;
  position: absolute;
  bottom: 35px;
  left: 275px;
  color: #42B2FC;
  text-align: center;
  box-sizing: border-box;
  padding: 20px 30px 30px 220px;
  font-size: 22px;
}
@media (min-resolution: 1.5dppx) {
  #contenidoEjercicio.exercise-icon-type-set .exercise-icon-type--intro .exercise-icon-type--tickyBub {
    background-image: url("../../images/exercise/exercise-icon-type/bubble-exercise-icon-type@2x.png");
    background-size: 100% 100%;
  }
}
.subheaderEjercicio.exercise-icon-type-set {
  border-radius: 12px;
}
.subheaderEjercicio.exercise-icon-type-set .icon-exercise-type {
  opacity: 0;
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  left: 605px;
  width: 79px;
  height: 82px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.subheaderEjercicio.exercise-icon-type-set.exercise-icon-type-speed {
  background: linear-gradient(90deg, #acdcea 0%, #cbeaff 45%, #acdcea 90%, rgba(172, 220, 234, 0) 100%) no-repeat;
  background-size: 110% 100%;
}
.subheaderEjercicio.exercise-icon-type-set.exercise-icon-type-speed .icon-exercise-type {
  background-image: url('../../images/exercise/exercise-icon-type/exercise-icon-type-speed@2x.png');
}
.subheaderEjercicio.exercise-icon-type-set.exercise-icon-type-metacognition {
  background: linear-gradient(90deg, #e4daf9 0%, #dec6e1 45%, #e4daf9 90%, #e4daf900 100%) no-repeat;
  background-size: 110% 100%;
}
.subheaderEjercicio.exercise-icon-type-set.exercise-icon-type-metacognition .icon-exercise-type {
  background-image: url('../../images/exercise/exercise-icon-type/exercise-icon-type-metacognition@2x.png');
}
.subheaderEjercicio.exercise-icon-type-set.exercise-icon-type-chatbot {
  background: linear-gradient(90deg, #d4dcf2 0%, #e3e8f7 45%, #f6f8fc 90%, #e4daf900 100%) no-repeat;
  background-size: 110% 100%;
}
.subheaderEjercicio.exercise-icon-type-set.exercise-icon-type-chatbot .icon-exercise-type {
  background-image: url('../../images/exercise/exercise-icon-type/exercise-icon-type-chatbot@2x.png');
}