/*https://fonts.googleapis.com/css?family=Berkshire+Swash*/
/* latin-ext */
@font-face {
  font-family: 'Berkshire Swash';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/berkshireswash/v16/ptRRTi-cavZOGqCvnNJDl5m5XmN_pM4zT305QaYc.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: 'Berkshire Swash';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/berkshireswash/v16/ptRRTi-cavZOGqCvnNJDl5m5XmN_qs4zT305QQ.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/css?family=Londrina+Solid*/
/* latin */
@font-face {
  font-family: 'Londrina Solid';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/londrinasolid/v15/flUhRq6sw40kQEJxWNgkLuudGfNeKBMet5Hg.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=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%);
}
@font-face {
  font-family: 'jandaManatee';
  src: url('../fonts/JandaManateeSolid.ttf') format('truetype');
}
.fontJandaManatee {
  font-family: 'JandaManatee', sans-serif, Verdana;
  line-height: 1.2;
}
.fontBerkshireSwash {
  font-family: 'Berkshire Swash', sans-serif, Verdana;
  line-height: 1.2;
}
.fontLondrinaSolid {
  font-family: 'Londrina Solid', sans-serif, Verdana;
  line-height: 1.2;
}
.main-home-alumno .banderola-base,
.main-multiple-home .banderola-base {
  position: absolute;
  width: 0;
  overflow: hidden;
  bottom: 24px;
  right: 0;
  cursor: pointer;
}
.main-home-alumno .banderola-base span,
.main-multiple-home .banderola-base span {
  width: 238px;
  height: 163px;
  display: inline-block;
}
.main-home-alumno .banderola-base.disney span,
.main-multiple-home .banderola-base.disney span {
  background-image: url('../../images/sesion/promosesion/disney/banderola-mickey.png');
  background-size: 238px 163px;
}
@media (min-resolution: 1.5dppx) {
  .main-home-alumno .banderola-base.disney span,
  .main-multiple-home .banderola-base.disney span {
    background-image: url("../../images/sesion/promosesion/disney/banderola-mickey@2x.png");
    background-size: 238px 163px;
  }
}
.main-home-alumno .banderola-base.disney:active span,
.main-multiple-home .banderola-base.disney:active span {
  background-image: url('../../images/sesion/promosesion/disney/banderola-mickey-active.png');
  background-size: 238px 163px;
}
@media (min-resolution: 1.5dppx) {
  .main-home-alumno .banderola-base.disney:active span,
  .main-multiple-home .banderola-base.disney:active span {
    background-image: url("../../images/sesion/promosesion/disney/banderola-mickey-active@2x.png");
    background-size: 238px 163px;
  }
}
.main-home-alumno .banderola-base.tazas span,
.main-multiple-home .banderola-base.tazas span {
  background-image: url('../../images/sesion/promosesion/tazas/banderola-mickey.png');
  background-size: 238px 163px;
}
@media (min-resolution: 1.5dppx) {
  .main-home-alumno .banderola-base.tazas span,
  .main-multiple-home .banderola-base.tazas span {
    background-image: url("../../images/sesion/promosesion/tazas/banderola-mickey@2x.png");
    background-size: 238px 163px;
  }
}
.main-home-alumno .banderola-base.tazas:active span,
.main-multiple-home .banderola-base.tazas:active span {
  background-image: url('../../images/sesion/promosesion/tazas/banderola-mickey-active.png');
  background-size: 238px 163px;
}
@media (min-resolution: 1.5dppx) {
  .main-home-alumno .banderola-base.tazas:active span,
  .main-multiple-home .banderola-base.tazas:active span {
    background-image: url("../../images/sesion/promosesion/tazas/banderola-mickey-active@2x.png");
    background-size: 238px 163px;
  }
}
.main-home-alumno .banderola-base.legoland span,
.main-multiple-home .banderola-base.legoland span {
  background-image: url('../../images/sesion/promosesion/legoland/banderola-legoland.png');
  background-size: 238px 163px;
}
@media (min-resolution: 1.5dppx) {
  .main-home-alumno .banderola-base.legoland span,
  .main-multiple-home .banderola-base.legoland span {
    background-image: url("../../images/sesion/promosesion/legoland/banderola-legoland@2x.png");
    background-size: 238px 163px;
  }
}
.main-home-alumno .banderola-base.legoland:active span,
.main-multiple-home .banderola-base.legoland:active span {
  background-image: url('../../images/sesion/promosesion/legoland/banderola-legoland-active.png');
  background-size: 238px 163px;
}
@media (min-resolution: 1.5dppx) {
  .main-home-alumno .banderola-base.legoland:active span,
  .main-multiple-home .banderola-base.legoland:active span {
    background-image: url("../../images/sesion/promosesion/legoland/banderola-legoland-active@2x.png");
    background-size: 238px 163px;
  }
}
.main-home-alumno .banderola-base.parque span,
.main-multiple-home .banderola-base.parque span {
  background-image: url('../../images/sesion/promosesion/parque/banderola-parque.png');
  background-size: 239px 159px;
  width: 239px;
  height: 159px;
}
@media (min-resolution: 1.5dppx) {
  .main-home-alumno .banderola-base.parque span,
  .main-multiple-home .banderola-base.parque span {
    background-image: url("../../images/sesion/promosesion/parque/banderola-parque@2x.png");
    background-size: 239px 159px;
  }
}
.main-home-alumno .banderola-base.parque:active span,
.main-multiple-home .banderola-base.parque:active span {
  background-image: url('../../images/sesion/promosesion/parque/banderola-parque-active.png');
  background-size: 235px 155px;
  width: 235px;
  height: 155px;
}
@media (min-resolution: 1.5dppx) {
  .main-home-alumno .banderola-base.parque:active span,
  .main-multiple-home .banderola-base.parque:active span {
    background-image: url("../../images/sesion/promosesion/parque/banderola-parque-active@2x.png");
    background-size: 235px 155px;
  }
}
.main-home-alumno .banderola-base.xcaret span,
.main-multiple-home .banderola-base.xcaret span {
  background-image: url('../../images/sesion/promosesion/xcaret/banderola-xcaret.png');
  background-size: 239px 159px;
  width: 239px;
  height: 159px;
}
@media (min-resolution: 1.5dppx) {
  .main-home-alumno .banderola-base.xcaret span,
  .main-multiple-home .banderola-base.xcaret span {
    background-image: url("../../images/sesion/promosesion/xcaret/banderola-xcaret@2x.png");
    background-size: 239px 159px;
  }
}
.main-home-alumno .banderola-base.xcaret:active span,
.main-multiple-home .banderola-base.xcaret:active span {
  background-image: url('../../images/sesion/promosesion/xcaret/banderola-xcaret-active.png');
  background-size: 235px 155px;
  width: 235px;
  height: 155px;
}
@media (min-resolution: 1.5dppx) {
  .main-home-alumno .banderola-base.xcaret:active span,
  .main-multiple-home .banderola-base.xcaret:active span {
    background-image: url("../../images/sesion/promosesion/xcaret/banderola-xcaret-active@2x.png");
    background-size: 235px 155px;
  }
}
.main-home-alumno .banderola-base.orlando span,
.main-multiple-home .banderola-base.orlando span {
  background-image: url('../../images/sesion/promosesion/orlando/banderola-orlando.png');
  background-size: 239px 159px;
  width: 239px;
  height: 159px;
}
@media (min-resolution: 1.5dppx) {
  .main-home-alumno .banderola-base.orlando span,
  .main-multiple-home .banderola-base.orlando span {
    background-image: url("../../images/sesion/promosesion/orlando/banderola-orlando@2x.png");
    background-size: 239px 159px;
  }
}
.main-home-alumno .banderola-base.orlando:active span,
.main-multiple-home .banderola-base.orlando:active span {
  background-image: url('../../images/sesion/promosesion/orlando/banderola-orlando-active.png');
  background-size: 235px 155px;
  width: 235px;
  height: 155px;
}
@media (min-resolution: 1.5dppx) {
  .main-home-alumno .banderola-base.orlando:active span,
  .main-multiple-home .banderola-base.orlando:active span {
    background-image: url("../../images/sesion/promosesion/orlando/banderola-orlando-active@2x.png");
    background-size: 235px 155px;
  }
}
.main-home-alumno .banderola-base.botellas span,
.main-multiple-home .banderola-base.botellas span {
  background-image: url('../../images/sesion/promosesion/botellas/inicio-sesion-normal.png');
  background-size: 239px 159px;
  width: 239px;
  height: 159px;
}
@media (min-resolution: 1.5dppx) {
  .main-home-alumno .banderola-base.botellas span,
  .main-multiple-home .banderola-base.botellas span {
    background-image: url("../../images/sesion/promosesion/botellas/inicio-sesion-normal@2x.png");
    background-size: 239px 159px;
  }
}
.main-home-alumno .banderola-base.botellas:active span,
.main-multiple-home .banderola-base.botellas:active span {
  background-image: url('../../images/sesion/promosesion/botellas/inicio-sesion-active.png');
  background-size: 237px 155px;
  width: 237px;
  height: 155px;
}
@media (min-resolution: 1.5dppx) {
  .main-home-alumno .banderola-base.botellas:active span,
  .main-multiple-home .banderola-base.botellas:active span {
    background-image: url("../../images/sesion/promosesion/botellas/inicio-sesion-active@2x.png");
    background-size: 237px 155px;
  }
}
.main-home-alumno .banderola-base.estuches span,
.main-multiple-home .banderola-base.estuches span {
  background-image: url('../../images/sesion/promosesion/estuches/banderola-estuches.png');
  background-size: 239px 159px;
  width: 239px;
  height: 159px;
}
@media (min-resolution: 1.5dppx) {
  .main-home-alumno .banderola-base.estuches span,
  .main-multiple-home .banderola-base.estuches span {
    background-image: url("../../images/sesion/promosesion/estuches/banderola-estuches@2x.png");
    background-size: 239px 159px;
  }
}
.main-home-alumno .banderola-base.estuches:active span,
.main-multiple-home .banderola-base.estuches:active span {
  background-image: url('../../images/sesion/promosesion/estuches/banderola-estuches-active.png');
  background-size: 237px 155px;
  width: 237px;
  height: 155px;
}
@media (min-resolution: 1.5dppx) {
  .main-home-alumno .banderola-base.estuches:active span,
  .main-multiple-home .banderola-base.estuches:active span {
    background-image: url("../../images/sesion/promosesion/estuches/banderola-estuches-active@2x.png");
    background-size: 237px 155px;
  }
}
.main-home-alumno .banderola-base.rinoneras span,
.main-multiple-home .banderola-base.rinoneras span {
  background-image: url('../../images/sesion/promosesion/rinoneras/banderola-rinoneras.png');
  background-size: 239px 159px;
  width: 239px;
  height: 159px;
}
@media (min-resolution: 1.5dppx) {
  .main-home-alumno .banderola-base.rinoneras span,
  .main-multiple-home .banderola-base.rinoneras span {
    background-image: url("../../images/sesion/promosesion/rinoneras/banderola-rinoneras@2x.png");
    background-size: 239px 159px;
  }
}
.main-home-alumno .banderola-base.rinoneras:active span,
.main-multiple-home .banderola-base.rinoneras:active span {
  background-image: url('../../images/sesion/promosesion/rinoneras/banderola-rinoneras-active.png');
  background-size: 237px 155px;
  width: 237px;
  height: 155px;
}
@media (min-resolution: 1.5dppx) {
  .main-home-alumno .banderola-base.rinoneras:active span,
  .main-multiple-home .banderola-base.rinoneras:active span {
    background-image: url("../../images/sesion/promosesion/rinoneras/banderola-rinoneras-active@2x.png");
    background-size: 237px 155px;
  }
}
.main-home-alumno .banderola-base.objetos21 span,
.main-multiple-home .banderola-base.objetos21 span {
  background-image: url('../../images/sesion/promosesion/objetos21/banderola-objetos21.png');
  background-size: 239px 159px;
  width: 239px;
  height: 159px;
}
@media (min-resolution: 1.5dppx) {
  .main-home-alumno .banderola-base.objetos21 span,
  .main-multiple-home .banderola-base.objetos21 span {
    background-image: url("../../images/sesion/promosesion/objetos21/banderola-objetos21@2x.png");
    background-size: 239px 159px;
  }
}
.main-home-alumno .banderola-base.objetos21:active span,
.main-multiple-home .banderola-base.objetos21:active span {
  background-image: url('../../images/sesion/promosesion/objetos21/banderola-objetos21-active.png');
  background-size: 237px 155px;
  width: 237px;
  height: 155px;
}
@media (min-resolution: 1.5dppx) {
  .main-home-alumno .banderola-base.objetos21:active span,
  .main-multiple-home .banderola-base.objetos21:active span {
    background-image: url("../../images/sesion/promosesion/objetos21/banderola-objetos21-active@2x.png");
    background-size: 237px 155px;
  }
}
.main-home-alumno .banderola-base.disney22 span,
.main-multiple-home .banderola-base.disney22 span {
  background-image: url('../../images/sesion/promosesion/disney22/banderola-disney22.png');
  background-size: 239px 159px;
  width: 239px;
  height: 159px;
}
@media (min-resolution: 1.5dppx) {
  .main-home-alumno .banderola-base.disney22 span,
  .main-multiple-home .banderola-base.disney22 span {
    background-image: url("../../images/sesion/promosesion/disney22/banderola-disney22@2x.png");
    background-size: 239px 159px;
  }
}
.main-home-alumno .banderola-base.disney22:active span,
.main-multiple-home .banderola-base.disney22:active span {
  background-image: url('../../images/sesion/promosesion/disney22/banderola-disney22-active.png');
  background-size: 235px 155px;
  width: 235px;
  height: 155px;
}
@media (min-resolution: 1.5dppx) {
  .main-home-alumno .banderola-base.disney22:active span,
  .main-multiple-home .banderola-base.disney22:active span {
    background-image: url("../../images/sesion/promosesion/disney22/banderola-disney22-active@2x.png");
    background-size: 235px 155px;
  }
}
.banderola-logo-sesion {
  position: absolute;
  top: 50%;
  left: 50%;
}
.banderola-logo-sesion.disney22 {
  width: 46px;
  height: 40px;
  background-image: url('../../images/sesion/promosesion/disney22/durante-sesion-normal.png');
  background-size: 100% 100%;
  transform: translate(28%, -94%) scaleX(-1);
}
@media (min-resolution: 1.5dppx) {
  .banderola-logo-sesion.disney22 {
    background-image: url("../../images/sesion/promosesion/disney22/durante-sesion-normal@2x.png");
    background-size: 100% 100%;
  }
}
.banderola-logo-sesion.verano22 {
  width: 40px;
  height: 39px;
  background-image: url('../../images/sesion/promosesion/verano22/lazo_casilla_avance.png');
  background-size: 100% 100%;
  transform: translate(50%, -95%);
}
@media (min-resolution: 1.5dppx) {
  .banderola-logo-sesion.verano22 {
    background-image: url("../../images/sesion/promosesion/verano22/lazo_casilla_avance@2x.png");
    background-size: 100% 100%;
  }
}
.banderola-logo-sesion.disney23 {
  width: 46px;
  height: 40px;
  background-image: url('../../images/sesion/promosesion/disney23/durante-sesion-normal.png');
  background-size: 100% 100%;
  transform: translate(28%, -94%) scaleX(-1);
}
@media (min-resolution: 1.5dppx) {
  .banderola-logo-sesion.disney23 {
    background-image: url("../../images/sesion/promosesion/disney23/durante-sesion-normal@2x.png");
    background-size: 100% 100%;
  }
}
#dialogPromoBase.dialogMode {
  position: absolute;
  left: 13px;
  top: 13px;
  border: 2px solid white;
  border-radius: 6px;
  box-shadow: 0.1px 1px 3px 0 rgba(197, 197, 197, 0.44);
}
#dialogPromoBase.iframemode {
  margin: 0;
}
#dialogPromoBase {
  width: 970px;
  height: 570px;
  color: white;
  background: #42B2FC url('../../images/sesion/promosesion/base/fondo-sorteos@2x.png') bottom center no-repeat;
  background-size: 972px 534px;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  font-size: 30px;
  text-align: center;
  z-index: 3;
}
#dialogPromoBase h3 {
  font-size: 1.2em;
  margin: 20px 0;
}
#dialogPromoBase .consultaBases {
  font-size: 0.7em;
  position: absolute;
  right: 20px;
  bottom: 20px;
  cursor: pointer;
}
#dialogPromoBase .consultaBases:hover {
  text-decoration: underline;
}
#dialogPromoBase .sorteoAnterior {
  font-size: 0.7em;
  position: absolute;
  left: 20px;
  bottom: 20px;
  cursor: pointer;
}
#dialogPromoBase .sorteoAnterior:hover {
  text-decoration: underline;
}
#dialogPromoBase .closeX {
  position: absolute;
  top: 0;
  right: 10px;
  font-weight: bold;
  display: inline-block;
  padding: 10px;
  text-align: center;
  cursor: pointer;
  font-family: Verdana, Arial, sans-serif;
  line-height: 1em;
}
#dialogPromoBase .promobasehome .intro {
  margin-top: 19px;
}
#dialogPromoBase .promobasehome .intro .boletos {
  display: inline-block;
  vertical-align: middle;
  height: 157px;
  width: 199px;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
  background-image: url('../../images/sesion/promosesion/base/boletos.png');
  background-size: 199px 157px;
}
#dialogPromoBase .promobasehome .intro .boletos::-webkit-scrollbar {
  width: 24px;
}
#dialogPromoBase .promobasehome .intro .boletos::-webkit-scrollbar-track {
  border-radius: 12px;
  background-color: #232628;
  border: 11px solid #6483bc;
  box-shadow: 0 0 0 1px hsl(216, 100%, 84%);
}
#dialogPromoBase .promobasehome .intro .boletos::-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;
}
#dialogPromoBase .promobasehome .intro .boletos::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #b7d9ff, #e1eeff);
}
#dialogPromoBase .promobasehome .intro .boletos.golden {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#dialogPromoBase .promobasehome .intro .boletos.golden::-webkit-scrollbar-track {
  background-color: #634730;
  border: 11px solid #826044;
  box-shadow: 0 0 0 1px #f5c28f;
}
#dialogPromoBase .promobasehome .intro .boletos.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);
}
#dialogPromoBase .promobasehome .intro .boletos.golden::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #c3a475, #ffefc1);
}
#dialogPromoBase .promobasehome .intro .boletos.brown {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#dialogPromoBase .promobasehome .intro .boletos.brown::-webkit-scrollbar-track {
  background-color: #F7A278;
  border: 11px solid #fff2e6;
  box-shadow: 0 0 0 1px #f8ccb6;
}
#dialogPromoBase .promobasehome .intro .boletos.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);
}
#dialogPromoBase .promobasehome .intro .boletos.brown::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #f57d42, #cc6d3f);
}
#dialogPromoBase .promobasehome .intro .boletos.thinBar::-webkit-scrollbar {
  width: 15px;
}
@media (min-resolution: 1.5dppx) {
  #dialogPromoBase .promobasehome .intro .boletos {
    background-image: url("../../images/sesion/promosesion/base/boletos@2x.png");
    background-size: 199px 157px;
  }
}
#dialogPromoBase .promobasehome .intro .boletos .textoBoletos {
  bottom: -130px;
  position: relative;
  color: white;
  text-shadow: 1px 1px #1482FD;
  font-size: 20px;
}
#dialogPromoBase .promobasehome .intro img {
  vertical-align: middle;
}
#dialogPromoBase .promobasehome .intro .textoIntro {
  width: 400px;
  height: 105px;
  display: inline-block;
  vertical-align: text-top;
  text-align: left;
  margin-left: 10px;
  color: white;
  text-shadow: 1px 1px #1482FD;
  font-family: 'Berkshire Swash', sans-serif, Verdana;
  line-height: 1.2;
}
#dialogPromoBase .promobasehome .description {
  font-weight: bold;
  font-size: 30px;
  margin-top: 10px;
}
#dialogPromoBase .promobasehome .subText {
  font-size: 20px;
}
#dialogPromoBase .promobasehome .buttons {
  margin-top: 50px;
}
#dialogPromoBase .promobasehome.objetos21 .intro .textoIntro {
  font-family: 'Londrina Solid', sans-serif, Verdana;
  line-height: 1.2;
}
#dialogPromoBase .promobasehome.disney22 .intro .textoIntro {
  font-family: 'Berkshire Swash', sans-serif, Verdana;
  line-height: 1.2;
}
#dialogPromoBase .promobasehome.verano22 .intro .textoIntro {
  font-family: 'JandaManatee', sans-serif, Verdana;
  line-height: 1.2;
}
#dialogPromoBase .promobasehome.disney23 .intro .textoIntro {
  font-family: 'Berkshire Swash', sans-serif, Verdana;
  line-height: 1.2;
}
#dialogPromoBase .locutado {
  cursor: pointer;
}
#dialogPromoBase .locutado h3 {
  margin-top: 0;
}
#dialogPromoBase .textoBlanco {
  color: white;
  text-shadow: 1px 1px #1482FD;
}
#dialogPromoBase a {
  color: #e3e8ee;
  text-decoration: none;
}
#dialogPromoBase a:hover,
#dialogPromoBase a:active {
  text-decoration: underline;
}
#dialogPromoBase.disney {
  background: #42B2FC url('../../images/sesion/promosesion/disney/castillo@2x.png') bottom center no-repeat;
  background-size: 972px 534px;
}
#dialogPromoBase.ganador {
  background: #42B2FC url('../../images/sesion/promosesion/tazas/fondo-sorteos-ganador@2x.png') bottom center no-repeat;
  background-size: 972px 534px;
}
#dialogPromoBase.disney .introtitle {
  background-repeat: no-repeat;
  background-image: url('../../images/sesion/promosesion/legoland/logo-sorteo.png');
  background-size: 230px 58px;
  padding-left: 345px;
}
@media (min-resolution: 1.5dppx) {
  #dialogPromoBase.disney .introtitle {
    background-image: url("../../images/sesion/promosesion/legoland/logo-sorteo@2x.png");
    background-size: 230px 58px;
  }
}
#dialogPromoBase.tazas .introtitle {
  background-repeat: no-repeat;
  background-image: url('../../images/sesion/promosesion/tazas/logo-sorteo.png');
  background-size: 230px 58px;
  padding-left: 340px;
}
@media (min-resolution: 1.5dppx) {
  #dialogPromoBase.tazas .introtitle {
    background-image: url("../../images/sesion/promosesion/tazas/logo-sorteo@2x.png");
    background-size: 230px 58px;
  }
}
#dialogPromoBase.legoland .introtitle {
  background-repeat: no-repeat;
  background-image: url('../../images/sesion/promosesion/legoland/logo-sorteo-intro.png');
  background-size: 193px 58px;
  padding-left: 200px;
}
@media (min-resolution: 1.5dppx) {
  #dialogPromoBase.legoland .introtitle {
    background-image: url("../../images/sesion/promosesion/legoland/logo-sorteo-intro@2x.png");
    background-size: 193px 58px;
  }
}
#dialogPromoBase.botellas .introtitle {
  background: url("../../images/sesion/promosesion/botellas/logo-sorteo-intro.png") no-repeat left center;
  background-size: 139px 57px;
  padding-left: 150px;
}
#dialogPromoBase.objetos21 .introtitle {
  background: url("../../images/sesion/promosesion/objetos21/logo-sorteo.png") no-repeat left center;
  background-size: 83px 86px;
  padding-left: 100px;
  min-height: 86px;
}
#dialogPromoBase.disney22 .introtitle {
  background: url("../../images/sesion/promosesion/disney22/logo-sorteo.png") no-repeat left center;
  background-size: 83px 50px;
  padding-left: 100px;
  min-height: 50px;
}
#dialogPromoBase.verano22 .introtitle {
  background: url("../../images/sesion/promosesion/verano22/logo-sorteo.png") no-repeat left center;
  background-size: 83px 50px;
  padding-left: 100px;
  min-height: 50px;
}
#dialogPromoBase.disney23 .introtitle {
  background: url("../../images/sesion/promosesion/disney23/logo-sorteo.png") no-repeat left center;
  background-size: 83px 50px;
  padding-left: 100px;
  min-height: 50px;
}
#dialogPromoBase.objetos21 .promobasefin .introtitle {
  background: none;
  padding-left: 0;
}
#dialogPromoBase.disney22 .promobasefin .introtitle {
  background: none;
  padding-left: 0;
}
#dialogPromoBase.verano22 .promobasefin .introtitle {
  background: none;
  padding-left: 0;
}
#dialogPromoBase.disney23 .promobasefin .introtitle {
  background: none;
  padding-left: 0;
  display: flex;
  align-items: center;
}
#sorteoBaseFin {
  position: absolute;
  height: 100px;
  width: 505px;
  top: 320px;
  left: 10px;
  text-align: center;
  box-sizing: border-box;
}
#sorteoBaseFin.promoBase-PREV,
#sorteoBaseFin.promoBase-POST {
  padding-top: 20px;
}
#sorteoBaseFin .sorteoContent {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}
#sorteoBaseFin .sesiones {
  text-align: center;
}
#sorteoBaseFin .sesiones .sesion {
  display: inline-block;
  margin: 4px;
  width: 45px;
  height: 45px;
  box-sizing: border-box;
  background: #d1b162;
  padding-top: 5px;
  border-radius: 10px;
  box-shadow: 0 0 0 2px #a2781f;
  vertical-align: top;
}
#sorteoBaseFin .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) {
  #sorteoBaseFin .sesiones .sesion span {
    background-image: url("../../images/sesion/promosesion/base/mickeysesiones-off@2x.png");
    background-size: 35px 31px;
  }
}
#sorteoBaseFin .sesiones .sesion.active {
  background-color: #9c77cf;
  box-shadow: 0 0 0 2px #a2781f, inset 0 2px 0 0 #b58eec, inset 0px -3px 0 0 #8b66bd, inset 0 3px 0 0 #d7bbfe;
  border: solid 3px #835bba;
}
#sorteoBaseFin .sesiones .sesion.active span {
  background-image: url("../../images/sesion/promosesion/base/mickeysesiones-on.png");
  background-size: 35px 31px;
}
@media (min-resolution: 1.5dppx) {
  #sorteoBaseFin .sesiones .sesion.active span {
    background-image: url("../../images/sesion/promosesion/base/mickeysesiones-on@2x.png");
    background-size: 35px 31px;
  }
}
#sorteoBaseFin .nuevoNumero {
  visibility: hidden;
  background-image: url('../../images/sesion/promosesion/base/nuevo-boleto.png');
  background-size: 144px 82px;
  width: 144px;
  height: 82px;
  display: inline-block;
  vertical-align: middle;
  right: 5px;
  top: 3px;
}
@media (min-resolution: 1.5dppx) {
  #sorteoBaseFin .nuevoNumero {
    background-image: url("../../images/sesion/promosesion/base/nuevo-boleto@2x.png");
    background-size: 144px 82px;
  }
}
#sorteoBaseFin .nuevoNumero .textNuevoNumero {
  width: 63px;
  position: absolute;
  top: 48px;
  left: 47px;
  text-shadow: 2px 2px #7b6f6f;
  color: white;
  font-size: 12px;
  line-height: 1em;
  opacity: 0;
}
#sorteoBaseFin .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) {
  #sorteoBaseFin .logoSorteo {
    background-image: url("../../images/sesion/promosesion/base/logo-sorteo-fin@2x.png");
    background-size: 144px 30px;
  }
}
#sorteoBaseFin .logoSorteo .sorteo {
  font-weight: bold;
  font-size: 11px;
  letter-spacing: 3px;
  opacity: 0;
}
#sorteoBaseFin .logoSorteo.disney {
  background-image: url("../../images/sesion/promosesion/disney/logo-sorteo-fin.png");
  background-size: 144px 30px;
}
@media (min-resolution: 1.5dppx) {
  #sorteoBaseFin .logoSorteo.disney {
    background-image: url("../../images/sesion/promosesion/disney/logo-sorteo-fin@2x.png");
    background-size: 144px 30px;
  }
}
#sorteoBaseFin .logoSorteo.disney .sorteo {
  opacity: 1;
}
#sorteoBaseFin .logoSorteo.tazas {
  background-image: url("../../images/sesion/promosesion/tazas/logo-sorteo-fin.png");
  background-size: 144px 30px;
}
@media (min-resolution: 1.5dppx) {
  #sorteoBaseFin .logoSorteo.tazas {
    background-image: url("../../images/sesion/promosesion/tazas/logo-sorteo-fin@2x.png");
    background-size: 144px 30px;
  }
}
#sorteoBaseFin .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) {
  #sorteoBaseFin .logoSorteo.legoland {
    background-image: url("../../images/sesion/promosesion/legoland/logo-fin-sesion@2x.png");
    background-size: 140px 43px;
  }
}
#sorteoBaseFin .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) {
  #sorteoBaseFin .logoSorteo.botellas {
    background-image: url("../../images/sesion/promosesion/botellas/logo-sorteo-fin@2x.png");
    background-size: 119px 48px;
  }
}
#sorteoBaseFin.disney .sesiones .sesion span {
  background-image: url("../../images/sesion/promosesion/disney/mickeysesiones-off.png");
  background-size: 35px 31px;
}
@media (min-resolution: 1.5dppx) {
  #sorteoBaseFin.disney .sesiones .sesion span {
    background-image: url("../../images/sesion/promosesion/disney/mickeysesiones-off@2x.png");
    background-size: 35px 31px;
  }
}
#sorteoBaseFin.disney .sesiones .sesion.active span {
  background-image: url("../../images/sesion/promosesion/disney/mickeysesiones-on.png");
  background-size: 35px 31px;
}
@media (min-resolution: 1.5dppx) {
  #sorteoBaseFin.disney .sesiones .sesion.active span {
    background-image: url("../../images/sesion/promosesion/disney/mickeysesiones-on@2x.png");
    background-size: 35px 31px;
  }
}
#sorteoBaseFin.disney .nuevoNumero {
  background-image: url('../../images/sesion/promosesion/disney/nuevo-boleto.png');
  background-size: 144px 82px;
}
@media (min-resolution: 1.5dppx) {
  #sorteoBaseFin.disney .nuevoNumero {
    background-image: url("../../images/sesion/promosesion/disney/nuevo-boleto@2x.png");
    background-size: 144px 82px;
  }
}
#sorteoBaseFin.disney .nuevoNumero .textNuevoNumero {
  opacity: 1;
}
#sorteoBaseFin.tazas .sesiones .sesion span {
  background-image: url("../../images/sesion/promosesion/tazas/mickeysesiones-off.png");
  background-size: 27px 28px;
}
@media (min-resolution: 1.5dppx) {
  #sorteoBaseFin.tazas .sesiones .sesion span {
    background-image: url("../../images/sesion/promosesion/tazas/mickeysesiones-off@2x.png");
    background-size: 27px 28px;
  }
}
#sorteoBaseFin.tazas .sesiones .sesion.active span {
  background-image: url("../../images/sesion/promosesion/tazas/mickeysesiones-on.png");
  background-size: 27px 26px;
}
@media (min-resolution: 1.5dppx) {
  #sorteoBaseFin.tazas .sesiones .sesion.active span {
    background-image: url("../../images/sesion/promosesion/tazas/mickeysesiones-on@2x.png");
    background-size: 27px 26px;
  }
}
#sorteoBaseFin.tazas .nuevoNumero {
  background-image: url('../../images/sesion/promosesion/tazas/nuevo-boleto.png');
  background-size: 144px 82px;
}
@media (min-resolution: 1.5dppx) {
  #sorteoBaseFin.tazas .nuevoNumero {
    background-image: url("../../images/sesion/promosesion/tazas/nuevo-boleto@2x.png");
    background-size: 144px 82px;
  }
}
#sorteoBaseFin.tazas .nuevoNumero .textNuevoNumero {
  opacity: 1;
}
#sorteoBaseFin.legoland .sesiones .sesion span {
  background-image: url("../../images/sesion/promosesion/legoland/fin-sesion-desactivado.png");
  background-size: 27px 28px;
}
@media (min-resolution: 1.5dppx) {
  #sorteoBaseFin.legoland .sesiones .sesion span {
    background-image: url("../../images/sesion/promosesion/legoland/fin-sesion-desactivado@2x.png");
    background-size: 27px 28px;
  }
}
#sorteoBaseFin.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) {
  #sorteoBaseFin.legoland .sesiones .sesion.active span {
    background-image: url("../../images/sesion/promosesion/legoland/fin-sesion-activo@2x.png");
    background-size: 27px 26px;
  }
}
#sorteoBaseFin.legoland .nuevoNumero {
  background-image: url('../../images/sesion/promosesion/tazas/nuevo-boleto.png');
  background-size: 144px 82px;
}
@media (min-resolution: 1.5dppx) {
  #sorteoBaseFin.legoland .nuevoNumero {
    background-image: url("../../images/sesion/promosesion/tazas/nuevo-boleto@2x.png");
    background-size: 144px 82px;
  }
}
#sorteoBaseFin.botellas .sesiones .sesion span {
  background-image: url("../../images/sesion/promosesion/botellas/fin-sesion-desactivado.png");
  background-size: 12px 30px;
}
@media (min-resolution: 1.5dppx) {
  #sorteoBaseFin.botellas .sesiones .sesion span {
    background-image: url("../../images/sesion/promosesion/botellas/fin-sesion-desactivado@2x.png");
    background-size: 12px 30px;
  }
}
#sorteoBaseFin.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) {
  #sorteoBaseFin.botellas .sesiones .sesion.active span {
    background-image: url("../../images/sesion/promosesion/botellas/fin-sesion-activo@2x.png");
    background-size: 12px 30px;
  }
}
.promo-modal-container {
  width: 100%;
  height: 100%;
  position: absolute;
}
.promo-modal-container .promobasefin {
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  padding: 20px;
  height: 100%;
  max-height: 530px;
}
.promo-modal-container .promobasefin .intro {
  text-align: left;
}
.promo-modal-container .promobasefin .intro .iconoSorteo {
  margin-right: 20px;
}
.promo-modal-container .promobasefin .intro .iconoSorteo.estuches {
  background-image: url("../../images/sesion/promosesion/estuches/logo-popup.png");
  background-size: 130px 81px;
  background-repeat: no-repeat;
  width: 130px;
  height: 91px;
  display: inline-block;
  background-position: bottom;
}
@media (min-resolution: 1.5dppx) {
  .promo-modal-container .promobasefin .intro .iconoSorteo.estuches {
    background-image: url("../../images/sesion/promosesion/estuches/logo-popup@2x.png");
    background-size: 130px 81px;
  }
}
.promo-modal-container .promobasefin .intro .iconoSorteo.objetos21 {
  background-image: url("../../images/sesion/promosesion/objetos21/logo-popup.png");
  background-size: 114px 134px;
  background-repeat: no-repeat;
  width: 114px;
  height: 134px;
  display: inline-block;
  background-position: bottom;
  vertical-align: top;
}
@media (min-resolution: 1.5dppx) {
  .promo-modal-container .promobasefin .intro .iconoSorteo.objetos21 {
    background-image: url("../../images/sesion/promosesion/objetos21/logo-popup@2x.png");
    background-size: 114px 134px;
  }
}
.promo-modal-container .promobasefin .intro .iconoSorteo.disney22 {
  background-image: url("../../images/sesion/promosesion/disney22/logo-popup.png");
  background-size: 155px 95px;
  background-repeat: no-repeat;
  width: 155px;
  height: 95px;
  display: inline-block;
  background-position: bottom;
}
@media (min-resolution: 1.5dppx) {
  .promo-modal-container .promobasefin .intro .iconoSorteo.disney22 {
    background-image: url("../../images/sesion/promosesion/disney22/logo-popup@2x.png");
    background-size: 155px 95px;
  }
}
.promo-modal-container .promobasefin .intro .iconoSorteo.verano22 {
  background-image: url("../../images/sesion/promosesion/verano22/logo-popup.png");
  background-size: 155px 113px;
  background-repeat: no-repeat;
  width: 155px;
  height: 113px;
  display: inline-block;
  background-position: bottom;
}
@media (min-resolution: 1.5dppx) {
  .promo-modal-container .promobasefin .intro .iconoSorteo.verano22 {
    background-image: url("../../images/sesion/promosesion/verano22/logo-popup@2x.png");
    background-size: 155px 113px;
  }
}
.promo-modal-container .promobasefin .intro .iconoSorteo.disney23 {
  background-image: url("../../images/sesion/promosesion/disney23/logo-popup.png");
  background-size: 155px 95px;
  background-repeat: no-repeat;
  width: 155px;
  height: 95px;
  display: inline-block;
  background-position: bottom;
}
@media (min-resolution: 1.5dppx) {
  .promo-modal-container .promobasefin .intro .iconoSorteo.disney23 {
    background-image: url("../../images/sesion/promosesion/disney23/logo-popup@2x.png");
    background-size: 155px 95px;
  }
}
.promo-modal-container .promobasefin .intro .nombreSorteo {
  flex: 0.9;
}
.promo-modal-container .promobasefin .intro .nombreSorteo.objetos21 {
  font-family: 'Londrina Solid', sans-serif, Verdana;
  line-height: 1.2;
  line-height: 1.5;
  vertical-align: top;
  margin-top: 20px;
  font-size: 34px;
}
.promo-modal-container .promobasefin .intro .nombreSorteo.disney22 {
  font-family: 'Berkshire Swash', sans-serif, Verdana;
  line-height: 1.2;
}
.promo-modal-container .promobasefin .intro .nombreSorteo.verano22 {
  font-family: 'JandaManatee', sans-serif, Verdana;
  line-height: 1.2;
  vertical-align: top;
  margin-top: 35px;
}
.promo-modal-container .promobasefin .intro .nombreSorteo.disney23 {
  font-family: 'Berkshire Swash', sans-serif, Verdana;
  line-height: 1.2;
}
.promo-modal-container .promobasefin .intro .sep {
  width: 1px;
  display: inline-block;
  height: 50px;
  border-left: 2px solid white;
  margin: 0 15px;
}
.promo-modal-container .promobasefin .intro .sep.rinoneras {
  margin-top: 20px;
}
.promo-modal-container .promobasefin .intro .sep.objetos21 {
  margin-top: 10px;
  height: 90px;
}
.promo-modal-container .promobasefin .intro .sep.disney22 {
  margin-top: 10px;
  height: 90px;
}
.promo-modal-container .promobasefin .intro .sep.verano22 {
  margin-top: 10px;
  height: 90px;
}
.promo-modal-container .promobasefin .intro .sep.disney23 {
  margin-top: 10px;
  height: 90px;
}
.promo-modal-container .promobasefin .intro .bases {
  display: inline-block;
  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: 225px;
  min-height: 63px;
  color: white;
  border-radius: 10px;
  cursor: pointer;
  font-size: 24px;
  text-align: center;
  padding-top: 12px;
  box-sizing: border-box;
  margin: 0 20px;
}
.promo-modal-container .promobasefin .intro .bases:hover {
  border: solid 3px #FBA62D;
}
.promo-modal-container .promobasefin .intro .bases:active {
  background-color: #ea7415;
  box-shadow: inset 0 0 0 0 #ea7415, inset 0px 2px 0 0 #ffefd2;
  border: solid 3px #ea7415;
}
.promo-modal-container .promobasefin .intro .pasado {
  display: inline-block;
  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: 225px;
  height: 63px;
  color: white;
  border-radius: 10px;
  cursor: pointer;
  font-size: 24px;
  text-align: center;
  padding-top: 12px;
  box-sizing: border-box;
  vertical-align: top;
}
.promo-modal-container .promobasefin .intro .pasado:hover {
  border: solid 3px #FBA62D;
}
.promo-modal-container .promobasefin .intro .pasado:active {
  background-color: #ea7415;
  box-shadow: inset 0 0 0 0 #ea7415, inset 0px 2px 0 0 #ffefd2;
  border: solid 3px #ea7415;
}
.promo-modal-container .promobasefin .quedapoco {
  padding-top: 30px;
}
.promo-modal-container .promobasefin .promo-modal-content {
  height: calc(100% - 100px);
  padding-top: 1rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.promo-modal-container .promobasefin .promo-modal-content .divisor-line {
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  margin: 7px auto;
}
.promo-modal-container .promobasefin .promo-modal-content .ticket-data-container {
  width: 100%;
  height: 60%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.promo-modal-container .promobasefin .promo-modal-content .ticket-data-container.h-40 {
  height: 40%;
}
.promo-modal-container .promobasefin .promo-modal-content .ticket-data-container.h-50 {
  height: 50%;
}
.promo-modal-container .promobasefin .promo-modal-content .ticket-list-container {
  width: 100%;
  height: calc(40% - 17px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.promo-modal-container .promobasefin .promo-modal-content .boletos {
  width: 100%;
  max-height: calc(100% - 41px);
  overflow: auto;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.promo-modal-container .promobasefin .promo-modal-content .boletos::-webkit-scrollbar {
  width: 24px;
}
.promo-modal-container .promobasefin .promo-modal-content .boletos::-webkit-scrollbar-track {
  border-radius: 12px;
  background-color: #232628;
  border: 11px solid #6483bc;
  box-shadow: 0 0 0 1px hsl(216, 100%, 84%);
}
.promo-modal-container .promobasefin .promo-modal-content .boletos::-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;
}
.promo-modal-container .promobasefin .promo-modal-content .boletos::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #b7d9ff, #e1eeff);
}
.promo-modal-container .promobasefin .promo-modal-content .boletos.golden {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.promo-modal-container .promobasefin .promo-modal-content .boletos.golden::-webkit-scrollbar-track {
  background-color: #634730;
  border: 11px solid #826044;
  box-shadow: 0 0 0 1px #f5c28f;
}
.promo-modal-container .promobasefin .promo-modal-content .boletos.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);
}
.promo-modal-container .promobasefin .promo-modal-content .boletos.golden::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #c3a475, #ffefc1);
}
.promo-modal-container .promobasefin .promo-modal-content .boletos.brown {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.promo-modal-container .promobasefin .promo-modal-content .boletos.brown::-webkit-scrollbar-track {
  background-color: #F7A278;
  border: 11px solid #fff2e6;
  box-shadow: 0 0 0 1px #f8ccb6;
}
.promo-modal-container .promobasefin .promo-modal-content .boletos.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);
}
.promo-modal-container .promobasefin .promo-modal-content .boletos.brown::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #f57d42, #cc6d3f);
}
.promo-modal-container .promobasefin .promo-modal-content .boletos.thinBar::-webkit-scrollbar {
  width: 15px;
}
.promo-modal-container .promobasefin .promo-modal-content .boletos.boletos-ganadores {
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid white;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  flex: 1;
}
.promo-modal-container .promobasefin .promo-modal-content .boletos .boleto {
  width: 74px;
  margin: 7px;
  display: inline-block;
}
.promo-modal-container .promobasefin .promo-modal-content .boletos .boleto .boletoImg {
  width: 74px;
  height: 28px;
  position: relative;
}
.promo-modal-container .promobasefin .promo-modal-content .boletos .boleto .boletoImg .nummini {
  position: absolute;
  right: 21px;
  top: 1px;
  font-size: 5px;
  color: #C80315;
}
.promo-modal-container .promobasefin .promo-modal-content .boletos .boleto .boletoImg .texmini {
  width: 31px;
  height: 18px;
  color: white;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  font-size: 9px;
  font-weight: 800;
  line-height: 0.95;
  letter-spacing: normal;
  text-align: left;
  position: absolute;
  top: 10px;
  left: 30px;
}
.promo-modal-container .promobasefin .promo-modal-content .boletos .boleto.boleto-0 .boletoImg {
  background-image: url('../../images/sesion/promosesion/base/boleto-green.png');
  background-size: 74px 28px;
}
@media (min-resolution: 1.5dppx) {
  .promo-modal-container .promobasefin .promo-modal-content .boletos .boleto.boleto-0 .boletoImg {
    background-image: url("../../images/sesion/promosesion/base/boleto-green@2x.png");
    background-size: 74px 28px;
  }
}
.promo-modal-container .promobasefin .promo-modal-content .boletos .boleto.boleto-0.winner .boletoImg {
  background-image: url('../../images/sesion/promosesion/base/boleto-ganador-resaltado-verde.png');
  background-size: 74px 28px;
}
@media (min-resolution: 1.5dppx) {
  .promo-modal-container .promobasefin .promo-modal-content .boletos .boleto.boleto-0.winner .boletoImg {
    background-image: url("../../images/sesion/promosesion/base/boleto-ganador-resaltado-verde@2x.png");
    background-size: 74px 28px;
  }
}
.promo-modal-container .promobasefin .promo-modal-content .boletos .boleto.boleto-1 .boletoImg {
  background-image: url('../../images/sesion/promosesion/base/boleto-orange.png');
  background-size: 74px 28px;
}
@media (min-resolution: 1.5dppx) {
  .promo-modal-container .promobasefin .promo-modal-content .boletos .boleto.boleto-1 .boletoImg {
    background-image: url("../../images/sesion/promosesion/base/boleto-orange@2x.png");
    background-size: 74px 28px;
  }
}
.promo-modal-container .promobasefin .promo-modal-content .boletos .boleto.boleto-1.winner .boletoImg {
  background-image: url('../../images/sesion/promosesion/base/boleto-ganador-resaltado-naranja.png');
  background-size: 74px 28px;
}
@media (min-resolution: 1.5dppx) {
  .promo-modal-container .promobasefin .promo-modal-content .boletos .boleto.boleto-1.winner .boletoImg {
    background-image: url("../../images/sesion/promosesion/base/boleto-ganador-resaltado-naranja@2x.png");
    background-size: 74px 28px;
  }
}
.promo-modal-container .promobasefin .promo-modal-content .boletos .boleto.boleto-2 .boletoImg {
  background-image: url('../../images/sesion/promosesion/base/boleto-violet.png');
  background-size: 74px 28px;
}
@media (min-resolution: 1.5dppx) {
  .promo-modal-container .promobasefin .promo-modal-content .boletos .boleto.boleto-2 .boletoImg {
    background-image: url("../../images/sesion/promosesion/base/boleto-violet@2x.png");
    background-size: 74px 28px;
  }
}
.promo-modal-container .promobasefin .promo-modal-content .boletos .boleto.boleto-2.winner .boletoImg {
  background-image: url('../../images/sesion/promosesion/base/boleto-ganador-resaltado-morado.png');
  background-size: 74px 28px;
}
@media (min-resolution: 1.5dppx) {
  .promo-modal-container .promobasefin .promo-modal-content .boletos .boleto.boleto-2.winner .boletoImg {
    background-image: url("../../images/sesion/promosesion/base/boleto-ganador-resaltado-morado@2x.png");
    background-size: 74px 28px;
  }
}
.promo-modal-container .promobasefin .promo-modal-content .boletos .boleto .num {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.promo-modal-container .promobasefin .promo-modal-content .nuevoBoletoImg {
  width: 258px;
  height: 100px;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
}
.promo-modal-container .promobasefin .promo-modal-content .nuevoBoletoImg.boleto-1 {
  background-image: url('../../images/sesion/promosesion/base/boleto-green.png');
  background-size: 258px 99px;
}
@media (min-resolution: 1.5dppx) {
  .promo-modal-container .promobasefin .promo-modal-content .nuevoBoletoImg.boleto-1 {
    background-image: url("../../images/sesion/promosesion/base/boleto-green@2x.png");
    background-size: 258px 99px;
  }
}
.promo-modal-container .promobasefin .promo-modal-content .nuevoBoletoImg.boleto-2 {
  background-image: url('../../images/sesion/promosesion/base/boleto-orange.png');
  background-size: 258px 99px;
}
@media (min-resolution: 1.5dppx) {
  .promo-modal-container .promobasefin .promo-modal-content .nuevoBoletoImg.boleto-2 {
    background-image: url("../../images/sesion/promosesion/base/boleto-orange@2x.png");
    background-size: 258px 99px;
  }
}
.promo-modal-container .promobasefin .promo-modal-content .nuevoBoletoImg.boleto-0 {
  background-image: url('../../images/sesion/promosesion/base/boleto-violet.png');
  background-size: 258px 99px;
}
@media (min-resolution: 1.5dppx) {
  .promo-modal-container .promobasefin .promo-modal-content .nuevoBoletoImg.boleto-0 {
    background-image: url("../../images/sesion/promosesion/base/boleto-violet@2x.png");
    background-size: 258px 99px;
  }
}
.promo-modal-container .promobasefin .promo-modal-content .nuevoBoletoImg .num {
  color: #C80315;
  font-size: 15px;
  position: absolute;
  top: 6px;
  right: 72px;
  letter-spacing: 0.1em;
}
.promo-modal-container .promobasefin .promo-modal-content .nuevoBoletoImg .tex {
  width: 104px;
  height: 58px;
  color: white;
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  font-size: 28px;
  font-weight: 800;
  line-height: 0.95;
  letter-spacing: normal;
  text-align: left;
  position: absolute;
  top: 34px;
  left: 110px;
}
.promo-modal-container .promobasefin .promo-modal-content .parrafo {
  font-size: 20px;
  margin: 5px auto;
  line-height: 1.1em;
}
.promo-modal-container .promobasefin .promo-modal-content .parrafo .grande {
  font-size: 30px;
  line-height: 1.2;
  margin-bottom: 10px;
}
.promo-modal-container .promobasefin .promo-modal-content .numBoleto {
  font-weight: bold;
  letter-spacing: 0.1em;
}
.promo-modal-container .promobasefin.disney .boletos .boleto.boleto-0 .boletoImg {
  background-image: url('../../images/sesion/promosesion/disney/boleto-green-s.png');
  background-size: 64px 30px;
}
@media (min-resolution: 1.5dppx) {
  .promo-modal-container .promobasefin.disney .boletos .boleto.boleto-0 .boletoImg {
    background-image: url("../../images/sesion/promosesion/disney/boleto-green-s@2x.png");
    background-size: 64px 30px;
  }
}
.promo-modal-container .promobasefin.disney .boletos .boleto.boleto-1 .boletoImg {
  background-image: url('../../images/sesion/promosesion/disney/boleto-orange-s.png');
  background-size: 64px 30px;
}
@media (min-resolution: 1.5dppx) {
  .promo-modal-container .promobasefin.disney .boletos .boleto.boleto-1 .boletoImg {
    background-image: url("../../images/sesion/promosesion/disney/boleto-orange-s@2x.png");
    background-size: 64px 30px;
  }
}
.promo-modal-container .promobasefin.disney .boletos .boleto.boleto-2 .boletoImg {
  background-image: url('../../images/sesion/promosesion/disney/boleto-violet-s.png');
  background-size: 64px 30px;
}
@media (min-resolution: 1.5dppx) {
  .promo-modal-container .promobasefin.disney .boletos .boleto.boleto-2 .boletoImg {
    background-image: url("../../images/sesion/promosesion/disney/boleto-violet-s@2x.png");
    background-size: 64px 30px;
  }
}
.promo-modal-container .promobasefin.disney .nuevoBoletoImg.boleto-1 {
  background-image: url('../../images/sesion/promosesion/boleto-green.png');
  background-size: 258px 99px;
}
@media (min-resolution: 1.5dppx) {
  .promo-modal-container .promobasefin.disney .nuevoBoletoImg.boleto-1 {
    background-image: url("../../images/sesion/promosesion/boleto-green@2x.png");
    background-size: 258px 99px;
  }
}
.promo-modal-container .promobasefin.disney .nuevoBoletoImg.boleto-2 {
  background-image: url('../../images/sesion/promosesion/boleto-orange.png');
  background-size: 258px 99px;
}
@media (min-resolution: 1.5dppx) {
  .promo-modal-container .promobasefin.disney .nuevoBoletoImg.boleto-2 {
    background-image: url("../../images/sesion/promosesion/boleto-orange@2x.png");
    background-size: 258px 99px;
  }
}
.promo-modal-container .promobasefin.disney .nuevoBoletoImg.boleto-0 {
  background-image: url('../../images/sesion/promosesion/boleto-violet.png');
  background-size: 258px 99px;
}
@media (min-resolution: 1.5dppx) {
  .promo-modal-container .promobasefin.disney .nuevoBoletoImg.boleto-0 {
    background-image: url("../../images/sesion/promosesion/boleto-violet@2x.png");
    background-size: 258px 99px;
  }
}
.promo-modal-container .promobasefin.tazas .boletos .boleto.boleto-0 .boletoImg {
  background-image: url('../../images/sesion/promosesion/tazas/boleto-green-s.png');
  background-size: 64px 30px;
}
@media (min-resolution: 1.5dppx) {
  .promo-modal-container .promobasefin.tazas .boletos .boleto.boleto-0 .boletoImg {
    background-image: url("../../images/sesion/promosesion/tazas/boleto-green-s@2x.png");
    background-size: 64px 30px;
  }
}
.promo-modal-container .promobasefin.tazas .boletos .boleto.boleto-1 .boletoImg {
  background-image: url('../../images/sesion/promosesion/tazas/boleto-orange-s.png');
  background-size: 64px 30px;
}
@media (min-resolution: 1.5dppx) {
  .promo-modal-container .promobasefin.tazas .boletos .boleto.boleto-1 .boletoImg {
    background-image: url("../../images/sesion/promosesion/tazas/boleto-orange-s@2x.png");
    background-size: 64px 30px;
  }
}
.promo-modal-container .promobasefin.tazas .boletos .boleto.boleto-2 .boletoImg {
  background-image: url('../../images/sesion/promosesion/tazas/boleto-violet-s.png');
  background-size: 64px 30px;
}
@media (min-resolution: 1.5dppx) {
  .promo-modal-container .promobasefin.tazas .boletos .boleto.boleto-2 .boletoImg {
    background-image: url("../../images/sesion/promosesion/tazas/boleto-violet-s@2x.png");
    background-size: 64px 30px;
  }
}
.promo-modal-container .promobasefin.tazas .nuevoBoletoImg.boleto-1 {
  background-image: url('../../images/sesion/promosesion/tazas/boleto-green.png');
  background-size: 258px 99px;
}
@media (min-resolution: 1.5dppx) {
  .promo-modal-container .promobasefin.tazas .nuevoBoletoImg.boleto-1 {
    background-image: url("../../images/sesion/promosesion/tazas/boleto-green@2x.png");
    background-size: 258px 99px;
  }
}
.promo-modal-container .promobasefin.tazas .nuevoBoletoImg.boleto-2 {
  background-image: url('../../images/sesion/promosesion/tazas/boleto-orange.png');
  background-size: 258px 99px;
}
@media (min-resolution: 1.5dppx) {
  .promo-modal-container .promobasefin.tazas .nuevoBoletoImg.boleto-2 {
    background-image: url("../../images/sesion/promosesion/tazas/boleto-orange@2x.png");
    background-size: 258px 99px;
  }
}
.promo-modal-container .promobasefin.tazas .nuevoBoletoImg.boleto-0 {
  background-image: url('../../images/sesion/promosesion/tazas/boleto-violet.png');
  background-size: 258px 99px;
}
@media (min-resolution: 1.5dppx) {
  .promo-modal-container .promobasefin.tazas .nuevoBoletoImg.boleto-0 {
    background-image: url("../../images/sesion/promosesion/tazas/boleto-violet@2x.png");
    background-size: 258px 99px;
  }
}
.promobaseBases {
  font-family: 'Open Sans', sans-serif, Verdana;
  line-height: 1.2;
  padding: 20px;
}
.promobaseBases .intro {
  text-align: left;
}
.promobaseBases .intro .sep {
  width: 1px;
  display: inline-block;
  height: 50px;
  border-left: 2px solid white;
  margin: 0 5px;
}
.promobaseBases .intro .bases {
  display: inline-block;
  font-size: 45px;
  vertical-align: top;
}
.promobaseBases .listadoBases {
  height: 452px;
  overflow-y: scroll;
  margin-top: 10px;
  font-size: 16px;
  text-align: left;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.promobaseBases .listadoBases::-webkit-scrollbar {
  width: 24px;
}
.promobaseBases .listadoBases::-webkit-scrollbar-track {
  border-radius: 12px;
  background-color: #232628;
  border: 11px solid #6483bc;
  box-shadow: 0 0 0 1px hsl(216, 100%, 84%);
}
.promobaseBases .listadoBases::-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;
}
.promobaseBases .listadoBases::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #b7d9ff, #e1eeff);
}
.promobaseBases .listadoBases.golden {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.promobaseBases .listadoBases.golden::-webkit-scrollbar-track {
  background-color: #634730;
  border: 11px solid #826044;
  box-shadow: 0 0 0 1px #f5c28f;
}
.promobaseBases .listadoBases.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);
}
.promobaseBases .listadoBases.golden::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #c3a475, #ffefc1);
}
.promobaseBases .listadoBases.brown {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.promobaseBases .listadoBases.brown::-webkit-scrollbar-track {
  background-color: #F7A278;
  border: 11px solid #fff2e6;
  box-shadow: 0 0 0 1px #f8ccb6;
}
.promobaseBases .listadoBases.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);
}
.promobaseBases .listadoBases.brown::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #f57d42, #cc6d3f);
}
.promobaseBases .listadoBases.thinBar::-webkit-scrollbar {
  width: 15px;
}
.promobaseBases .listadoBases .title {
  font-weight: bold;
  font-size: 18px;
  margin: 15px 0 5px;
  color: #ffefd2;
}
.promobaseBases .listadoBases .desc {
  margin: 5px 0;
}
#banderolaPromoBaseTutor {
  position: absolute;
  right: 0;
  top: 70px;
  width: 122px;
  height: 75px;
  background-image: url('../../images/sesion/promosesion/base/aviso-area-tutor.png');
  background-size: 122px 75px;
  cursor: pointer;
}
@media (min-resolution: 1.5dppx) {
  #banderolaPromoBaseTutor {
    background-image: url("../../images/sesion/promosesion/base/aviso-area-tutor@2x.png");
    background-size: 122px 75px;
  }
}
#banderolaPromoBaseTutor span {
  color: white;
  text-shadow: 1px 1px #1482FD;
  display: inline-block;
  position: absolute;
  right: 4px;
  bottom: 10px;
}
#banderolaPromoBaseTutor.disney {
  background-image: url('../../images/sesion/promosesion/disney/aviso-area-tutor.png');
  background-size: 122px 75px;
}
@media (min-resolution: 1.5dppx) {
  #banderolaPromoBaseTutor.disney {
    background-image: url("../../images/sesion/promosesion/disney/aviso-area-tutor@2x.png");
    background-size: 122px 75px;
  }
}
#banderolaPromoBaseTutor.tazas {
  background-image: url('../../images/sesion/promosesion/tazas/aviso-area-tutor.png');
  background-size: 122px 75px;
}
@media (min-resolution: 1.5dppx) {
  #banderolaPromoBaseTutor.tazas {
    background-image: url("../../images/sesion/promosesion/tazas/aviso-area-tutor@2x.png");
    background-size: 122px 75px;
  }
}
#banderolaPromoBaseTutor.parque {
  background-image: url('../../images/sesion/promosesion/parque/aviso-area-tutor.png');
  background-size: 122px 75px;
}
@media (min-resolution: 1.5dppx) {
  #banderolaPromoBaseTutor.parque {
    background-image: url("../../images/sesion/promosesion/parque/aviso-area-tutor@2x.png");
    background-size: 122px 75px;
  }
}
/*-------- Classes of greater specificity ------- */
.bottomWin {
  display: none;
  height: 200px;
  overflow-y: scroll;
  margin-top: 10px;
}
.tusNumeros select {
  font-size: 24px;
  color: white;
  background: #7b6f6f;
}
.cursor.pointer {
  cursor: pointer !important;
}
.cursor.default {
  cursor: default !important;
}
.m-0 {
  margin: 0 !important;
}
.mt-5 {
  margin-top: 5px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-60 {
  margin-top: 60px;
}
.mb-5 {
  margin-bottom: 5px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
/* -------- Media Queries ------- */
@media screen and (max-width: 768px) {
  #dialogPromoBase {
    width: 100%;
  }
  #dialogPromoBase .promobaseBases .intro .bases {
    width: calc(100% - 100px);
    font-size: 35px;
  }
}