.version.resultados_baloto_revancha {
    color: #00000C;
    background-color: #9BE0F5;
}

#page {
    z-index: 1;
    width: 871px;
    min-height: 800px;
    background-image: none;
    border-width: 0px;
    border-color: #000000;
    background-color: transparent;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

#u103442 {
    z-index: 109;
    width: 870px;
    background-color: transparent;
    margin-left: 1px;
    position: relative;
}

#pu103444 {
    z-index: 111;
    width: 0.01px;
    margin-top: 19px;
}

#u103444 {
    z-index: 111;
    width: 168px;
    height: 203px;
    position: relative;
    margin-right: -10000px;
    background: #FFFFFF url("../images/boton-1.jpg?crc=4109634706") no-repeat left top;
}

#u103444:hover {
    width: 168px;
    height: 203px;
    min-height: 0px;
    margin: 0px -10000px 0px 0px;
    background: #FFFFFF url("../images/boton-11.jpg?crc=255549797") no-repeat left top;
}

#u103447 {
    z-index: 114;
    width: 168px;
    height: 203px;
    position: relative;
    margin-right: -10000px;
    left: 175px;
    background: #FFFFFF url("../images/boton-2.jpg?crc=3843167579") no-repeat left top;
}

#u103447:hover {
    width: 168px;
    height: 203px;
    min-height: 0px;
    margin: 0px -10000px 0px 0px;
    background: #FFFFFF url("../images/boton-22.jpg?crc=4161522967") no-repeat left top;
}

#u103445 {
    z-index: 112;
    width: 168px;
    height: 203px;
    position: relative;
    margin-right: -10000px;
    left: 350px;
    background: #FFFFFF url("../images/boton-3.jpg?crc=3761624967") no-repeat left top;
}

#u103445:hover {
    width: 168px;
    height: 203px;
    min-height: 0px;
    margin: 0px -10000px 0px 0px;
    background: #FFFFFF url("../images/boton-33.jpg?crc=233619167") no-repeat left top;
}

#u103448 {
    z-index: 115;
    width: 168px;
    height: 203px;
    position: relative;
    margin-right: -10000px;
    left: 526px;
    background: #FFFFFF url("../images/boton-4.jpg?crc=3817002294") no-repeat left top;
}

#u103446 {
    z-index: 113;
    width: 168px;
    height: 203px;
    position: relative;
    margin-right: -10000px;
    left: 701px;
    background: #FFFFFF url("../images/boton-5.jpg?crc=47850796") no-repeat left top;
}

#u103446:hover {
    width: 168px;
    height: 203px;
    min-height: 0px;
    margin: 0px -10000px 0px 0px;
    background: #FFFFFF url("../images/boton-55.jpg?crc=3991638405") no-repeat left top;
}

#u8101 {
    z-index: 2;
    width: 863px;
    border-width: 0px;
    border-color: transparent;
    background-color: transparent;
    margin-left: 5px;
    margin-top: 66px;
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 0);
}

#u8104 {
    z-index: 3;
    width: 72px;
    background-color: #2D4176;
    padding-bottom: 8px;
    position: relative;
    margin-right: -10000px;
}

#u8102-4 {
    z-index: 9;
    display: block;
    vertical-align: top;
    position: relative;
    margin-right: -10000px;
    margin-top: 11px;
    left: 7px;
}

#u8103 {
    z-index: 4;
    width: 792px;
    background-color: #0071BC;
    padding-bottom: 7px;
    position: relative;
    margin-right: -10000px;
    left: 71px;
}

#u8105-4 {
    z-index: 5;
    display: block;
    vertical-align: top;
    position: relative;
    margin-right: -10000px;
    margin-top: 12px;
    left: 99px;
}

#pu19114 {
/*    z-index: 13;
    width: 0.01px;
    margin-left: 69px;
    margin-top: 44px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);*/
     display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px 40px !important;   /* row-gap 32, column-gap 40 */
  grid-gap: 32px 40px !important; /* fallback */
  padding: 8px 12px;           /* aire alrededor del grid */
  width: 100%;
  max-width: 880px;
  margin: 44px auto;
}

#u19114 {
  /*  z-index: 13;
    width: 360px;
    border-width: 0px;
    border-color: transparent;
    background-color: transparent;
    position: relative;
    margin-right: -10000px;*/

   position: static !important;
  margin: 0 !important;
  left: auto !important;
  float: none !important;
  width: 100% !important;
  max-width: 400px;
  box-sizing: border-box;
  align-self: start;
  margin-top: 8px !important; /* antes podían ser 20px o más */
  margin-bottom: 8px !important;
}

}

#u8110 {
    z-index: 14;
    width: 360px;
    background-color: #F4F4F4;
    position: relative;
    margin-right: -10000px;
}

#u19102 {
    z-index: 59;
    width: 274px;
    background-color: transparent;
    margin-left: 43px;
    position: relative;
}

#u19102_img {
    padding-right: 1px;
}

#u8113 {
    z-index: 15;
    width: 301px;
    background-color: rgb(39, 60, 117);
    margin-top: 5px;
    position: relative;
    padding: 13px 30px 22px 29px;
}

#u8123-4 {
    z-index: 16;
    width: 117px;
    min-height: 18px;
    background-color: transparent;
    color: #FFFFFF;
    line-height: 14px;
    text-align: center;
    font-size: 12px;
    margin-left: 94px;
    position: relative;
}

#u8115 {
    z-index: 28;
    width: 158px;
    background-color: #FFFFFF;
    margin-left: 73px;
    position: relative;
}

#u8112-4 {
    z-index: 30;
    width: 119px;
    min-height: 21px;
    background-color: transparent;
    color: #000000;
    text-align: center;
    font-size: 16px;
    line-height: 19px;
    font-weight: bold;
    position: relative;
    margin-right: -10000px;
    margin-top: 6px;
    left: 4px;
}

#u8116 {
    z-index: 38;
    width: 1px;
    height: 29px;
    background-color: #365AA5;
    position: relative;
    margin-right: -10000px;
    left: 128px;
}

#buttonu8127 {
    z-index: 56;
    width: 29px;
    border-color: #787878;
    background-color: #DEDCDB;
    padding-bottom: 7px;
    position: relative;
    margin-right: -10000px;
    left: 129px;
}

#u8128 {
    z-index: 57;
    width: 14px;
    background-color: transparent;
    position: relative;
    margin-right: -10000px;
    margin-top: 8px;
    left: 8px;
}

#buttonu8127:hover #u8128 {
    width: 14px;
    min-height: 0px;
    margin: 8px -10000px 0px 0px;
}

#u8129 {
    z-index: 58;
    display: block;
}

#u8125-4 {
    z-index: 24;
    width: 117px;
    min-height: 18px;
    background-color: transparent;
    color: #FFFFFF;
    line-height: 14px;
    text-align: center;
    font-size: 12px;
    margin-left: 94px;
    margin-top: 20px;
    position: relative;
}

#u8124 {
    z-index: 39;
    width: 301px;
    background-color: rgb(246, 229, 141);
    top: -1px;
    margin-bottom: -1px;
    position: relative;
    border-radius: 2px;
}

#u8111-4 {
    z-index: 40;
    width: 282px;
    min-height: 54px;
    background-color: transparent;
    color: #000000;
    text-align: center;
    font-size: x-large;
    vertical-align: middle;
    font-weight: bold;
    margin-bottom: 20px;
    position: relative;
    margin-right: -10000px;
    margin-top: 8px;
    left: 9px;
}

#u8114 {
    background-color: rgb(245, 246, 250);
    margin-left: auto;
    margin-right: auto;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: x-large;
    border-radius: 2px;
    color: #C1272D;
}

#u8114 p {
    text-align: center;
    font-weight: bold;
}

#u8126-4 {
    z-index: 34;
    min-height: 30px;
    background-color: transparent;
    color: #C1272D;
    text-align: center;
    font-size: 26px;
    line-height: 31px;
    font-weight: bold;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    margin-top: 9px;
}

#buttonu8117 {
    z-index: 49;
    width: 359px;
    border-color: #787878;
    background-color: #2D4176;
    padding-bottom: 1px;
    position: relative;
}

#buttonu8117:hover {
    background-color: #112050;
    width: 359px;
    min-height: 0px;
    margin: 0px;
}

#u8118-4 {
    z-index: 50;
    width: 90%;
    min-height: 23px;
    background-color: rgb(9, 132, 227);
    color: #F7D821;
    line-height: 14px;
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 0 0 5px 5px;
}

#u8118-4 p {
    display: inline;
    clear: both;
    font-size: x-small;
    vertical-align: middle;
    text-decoration: none;
}

#u8118-4 a, #u8118-4 a:hover {
    text-decoration: none;
}

#u8118-4 img {
    vertical-align: middle;
}

#buttonu8117.ButtonSelected #u8118-4 {
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 23px;
    width: 129px;
    margin: 12px -10000px 0px 0px;
}

#buttonu8117:hover #u8118-4 p {
    color: #FFFFFF;
    visibility: inherit;
}

#u8119 {
    z-index: 54;
    width: 17px;
    background-color: transparent;
    position: relative;
    margin-right: -10000px;
    margin-top: 8px;
    left: 233px;
}

#buttonu8117:hover #u8119 {
    width: 17px;
    min-height: 0px;
    margin: 8px -10000px 0px 0px;
}

#u8120 {
    z-index: 55;
    display: block;
}

#u8121-4 {
    z-index: 20;
    width: 117px;
    min-height: 18px;
    background-color: transparent;
    color: #000000;
    line-height: 14px;
    text-align: center;
    font-size: 12px;
    margin-left: 126px;
    margin-top: 18px;
    position: relative;
}

#u8108 {
    z-index: 44;
    width: 213px;
    background-color: #2D4176;
    border-radius: 5px;
    padding-bottom: 3px;
    margin-left: 75px;
    margin-top: 1px;
    position: relative;
}

#u8122-4 {
    z-index: 45;
    width: 189px;
    min-height: 18px;
    background-color: transparent;
    color: #FFFFFF;
    text-align: center;
    font-size: 13px;
    line-height: 16px;
    font-weight: normal;
    position: relative;
    margin-right: -10000px;
    margin-top: 5px;
    left: 12px;
}

#u46291 {
   /* z-index: 61;
    width: 360px;
    border-width: 0px;
    border-color: transparent;
    background-color: transparent;
    position: relative;
    margin-right: -10000px;
    left: 372px;
*/
  position: static !important;
  margin: 0 !important;
  left: auto !important;
  float: none !important;
  width: 100% !important;
  max-width: 400px;
  box-sizing: border-box;
  align-self: start;
}

#u45825 {
/*    z-index: 62;
    width: 360px;
    background-color: #F4F4F4;
    position: relative;
    margin-right: -10000px;*/
  position: static !important;
  margin: 0 !important;
  left: auto !important;
  float: none !important;
  width: 100% !important;
  max-width: 400px;
  box-sizing: border-box;
  align-self: start;

}

/* Asignación de columnas fijas */
#u19114 { grid-column: 1; } /* Baloto (izquierda) */
#u46291 { grid-column: 2; } /* Revancha (derecha) */


#u8110_position_content,
#u45825_position_content {
    padding-top: 8px;
    padding-bottom: 18px;
    width: 100%;
}

#u19094 {
    z-index: 100;
    width: 277px;
    background-color: transparent;
    margin-left: 42px;
    position: relative;
}

#u45827 {
    z-index: 63;
    width: 301px;
    background-color: #0071BC;
    margin-top: 5px;
    position: relative;
    padding: 13px 30px 22px 29px;
}

#u45835-4 {
    z-index: 64;
    width: 117px;
    min-height: 18px;
    background-color: transparent;
    color: #FFFFFF;
    line-height: 14px;
    text-align: center;
    font-size: 12px;
    margin-left: 94px;
    position: relative;
}

#u45818 {
    z-index: 76;
    width: 158px;
    background-color: #FFFFFF;
    margin-left: 73px;
    position: relative;
}

#u45813-4 {
    z-index: 78;
    width: 119px;
    min-height: 21px;
    background-color: transparent;
    color: #000000;
    text-align: center;
    font-size: 16px;
    line-height: 19px;
    font-weight: bold;
    position: relative;
    margin-right: -10000px;
    margin-top: 6px;
    left: 4px;
}

#u45820 {
    z-index: 86;
    width: 1px;
    height: 29px;
    background-color: #365AA5;
    position: relative;
    margin-right: -10000px;
    left: 128px;
}

#buttonu45830 {
    z-index: 97;
    width: 29px;
    border-color: #787878;
    background-color: #DEDCDB;
    padding-bottom: 7px;
    position: relative;
    margin-right: -10000px;
    left: 129px;
}

#buttonu8127:hover,
#buttonu45830:hover {
    background-color: #F7D821;
    width: 29px;
    min-height: 0px;
    margin: 0px -10000px 0px 0px;
}

#u45831 {
    z-index: 98;
    width: 14px;
    background-color: transparent;
    position: relative;
    margin-right: -10000px;
    margin-top: 8px;
    left: 8px;
}

#buttonu8127.ButtonSelected #u8128,
#buttonu45830:hover #u45831 {
    width: 14px;
    min-height: 0px;
    margin: 8px -10000px 0px 0px;
}

#buttonu45830.ButtonSelected #u45831 {
    width: 14px;
    min-height: 0px;
    margin: 8px -10000px 0px 0px;
}

#u45832 {
    z-index: 99;
    display: block;
}

#u45819-4 {
    z-index: 72;
    width: 117px;
    min-height: 18px;
    background-color: transparent;
    color: #FFFFFF;
    line-height: 14px;
    text-align: center;
    font-size: 12px;
    margin-left: 94px;
    margin-top: 20px;
    position: relative;
}

#u45826 {
    z-index: 87;
    width: 301px;
    background-color: #F7D821;
    top: -1px;
    margin-bottom: -1px;
    position: relative;
}

#u45815-4 {
    z-index: 88;
    width: 282px;
    min-height: 54px;
    background-color: transparent;
    color: #000000;
    text-align: center;
    font-size: 34px;
    line-height: 41px;
    font-weight: bold;
    margin-bottom: -6px;
    position: relative;
    margin-right: -10000px;
    margin-top: 8px;
    left: 9px;
}

#u45829 {
    z-index: 77;
    width: 158px;
    background-color: #FFFFFF;
    padding-bottom: 7px;
    margin-left: 73px;
    margin-top: 24px;
    position: relative;
}

#u45828-4 {
    z-index: 82;
    min-height: 30px;
    background-color: transparent;
    color: #C1272D;
    text-align: center;
    font-size: x-large;
    line-height: 31px;
    font-weight: bold;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    margin-top: 9px;
}

#buttonu46254 {
    z-index: 102;
    width: 359px;
    border-color: #787878;
    background-color: #2D4176;
    position: relative;
}

#buttonu46254:hover {
    background-color: #545454;
    width: 359px;
    min-height: 0px;
    margin: 0px;
}

#u46255-4 {
    z-index: 103;
    width: 128px;
    min-height: 23px;
    background-color: transparent;
    color: #F7D821;
    line-height: 14px;
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    position: relative;
    margin-right: -10000px;
    margin-top: 14px;
    left: 102px;
}

#buttonu46254:hover #u46255-4 {
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 23px;
    width: 128px;
    margin: 14px -10000px 0px 0px;
}

#buttonu46254.ButtonSelected #u46255-4 {
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 23px;
    width: 128px;
    margin: 14px -10000px 0px 0px;
}

#buttonu46254:hover #u46255-4 p {
    color: #FFFFFF;
    visibility: inherit;
}

#buttonu8117.ButtonSelected #u8118-4 p,
#buttonu46254.ButtonSelected #u46255-4 p {
    color: #F7D821;
    visibility: inherit;
}

#u46282 {
    z-index: 107;
    width: 17px;
    background-color: transparent;
    position: relative;
    margin-right: -10000px;
    margin-top: 8px;
    left: 231px;
}

#buttonu8117.ButtonSelected #u8119,
#buttonu46254:hover #u46282 {
    width: 17px;
    min-height: 0px;
    margin: 8px -10000px 0px 0px;
}

#buttonu46254.ButtonSelected #u46282 {
    width: 17px;
    min-height: 0px;
    margin: 8px -10000px 0px 0px;
}

#u46283 {
    z-index: 108;
    display: block;
}

#u45834-4 {
    z-index: 68;
    width: 117px;
    min-height: 18px;
    background-color: transparent;
    color: #000000;
    line-height: 14px;
    text-align: center;
    font-size: 12px;
    margin-left: 126px;
    margin-top: 17px;
    position: relative;
}

#u45833 {
    z-index: 92;
    width: 213px;
    background-color: #2D4176;
    border-radius: 5px;
    padding-bottom: 3px;
    margin-left: 75px;
    margin-top: 1px;
    position: relative;
}

#u45814-4 {
    z-index: 93;
    width: 189px;
    min-height: 18px;
    background-color: transparent;
    color: #FFFFFF;
    text-align: center;
    font-size: 13px;
    line-height: 16px;
    font-weight: normal;
    position: relative;
    margin-right: -10000px;
    margin-top: 5px;
    left: 12px;
}

#u103449 {
    z-index: 116;
    width: 863px;
    background-color: #0071BC;
    padding-bottom: 6px;
    margin-left: 5px;
    margin-top: 68px;
    position: relative;
}

#u103450-5 {
    z-index: 117;
    width: 805px;
    min-height: 71px;
    background-color: transparent;
    color: #FFFFFF;
    line-height: 22px;
    text-align: justify;
    font-size: 18px;
    font-style: italic;
    position: relative;
    margin-right: -10000px;
    margin-top: 13px;
    left: 26px;
}

#u103450 {
    color: #FCEE21;
}

.css_verticalspacer .verticalspacer {
    height: calc(100vh - 1320px);
}

#muse_css_mq,
.html {
    background-color: #FFFFFF;
}

body {
    position: relative;
    min-width: 960px;
}

.dateresul {
    font-weight: bold !important;
    margin-top: -3px !important;
    margin-left: 18px !important;
    width: 135px !important;
    font-size: 16px !important;
    color: #000000 !important;
    padding: 0 !important;
    border: 0 !important;
}

.bl {
    background-color: #ecf0f1;
}

.vd {
    background-color: #27ae60;
}

.az {
    background-color: #2980b9;
}

.am {
    background-color: #f1c40f;
}

.rj {
    background-color: #e74c3c;
}

.ng {
    background-color: #2f3640;
}

#u8125 {
    z-index: 39;
    width: 301px;
    top: -1px;
    margin-bottom: -1px;
    position: relative;
}

.balota-colorloto {
    display: inline; 
    padding-left: 14px; 
    padding-right: 14px;
    border: 1px solid #273c75;
    border-radius: 30px;
}

.balota-colorloto-1 {
    display: inline; 
    padding-left: 17px; 
    padding-right: 17px;
    border: 1px solid #273c75;
    border-radius: 30px;
}

.dia-juego p {
    margin-left: auto;  
    margin-right: auto;
    width: 90%;
    text-align: center;
}

.dia-juego .titulo-dia-juego {
    margin-bottom: 2.5%;
}

.dia-juego .enunciado-dia-juego {
    margin-top: 2.5%;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
    background-color: rgb(39, 60, 117);
    color: rgb(245, 246, 250);
}

.datos-resultado {
    background-color: rgb(39, 60, 117);
    padding-top: 2%;
    padding-bottom: 5%;
}

.datos-resultado div {
    width: 70%;
    margin-left: auto;  
    margin-right: auto;
    text-align: center;
}

.datos-resultado h4 {
    margin-bottom: 5%;
    color: white;
    text-align: center;
}

.fecha-resultado {
    border: 1px solid rgb(245, 246, 250);
    margin: 0 auto;
    background-color: rgb(245, 246, 250);
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 2px;
    width: 99.1%;
    font-size: x-large;
    text-align: center;
}
