.quiniela {  color: var(--negro-claro);}.quiniela > div {  padding: var(--espacio);}.quiniela .quiniela__header {  display: flex;  padding: 0 10px;}.quiniela__header__title {  margin-bottom: 0;  margin-top: 1em;  display: flex;  gap: 0 1rem;  align-items: flex-end;  flex-wrap: wrap;}.quiniela__header__title > .titulo {  font-size: 28px;  font-family: Domine, serif;  font-weight: bold;  margin-bottom: 20px;  position: relative;  color: var(--negro-claro);  text-transform: uppercase;}.quiniela__header__title > .titulo::after {  content: "";  position: absolute;  left: 0;  width: 50px;  bottom: -5px;  height: 5px;  background-color: #0474ba;}.quiniela__header__title > .dia {  display: flex;  color: #0474ba;  gap: 0.5rem;  font-size: 1.2em;  font-weight: bold;  align-items: center;  flex: 1 100%;  margin-bottom: 0.3rem;}.quiniela__header__title > .dia label {  color: var(--negro-claro);  margin: 0;  font-size: 1.2em;  font-weight: bold;  letter-spacing: 0.5px;}.quiniela__header__title > .dia #dateLottery {  border: none;  font-family: Nunito, sans-serif;  color: var(--negro-claro);  width: 100%;  border-radius: 3px;  background-color: #EFEFEF;  padding: 10px;  font-weight: bold;}.quiniela__header__title .link-social {  display: flex;  justify-content: space-evenly;  margin: 0;  align-items: flex-end;  border-right: 0.5px solid #f4f4f4;  width: fit-content;}.quiniela__header__title .link-social a {  color: var(--negro-claro);  font-size: 22px;  padding-right: 5px;}.quiniela__header__another {  display: none;}.quiniela__content {    padding: 0 10px;}.quiniela section > article {  margin-bottom: 10px;  width: 100%;  padding: 0px;}.BL_MessageBox_Text {  font-size: 14px;  line-height: 20px;  padding: 10px 0px;}.BL_MessageBox_Title {  font-size: 16px;  line-height: 18px;  margin-bottom: 5px;}.publicidad {  margin: 10px auto;  max-width: 300px;}.pools-draws {  text-align: center;}.pools-title {  background-color: #0474ba;  text-align: left;  font-family: Domine, serif;  font-weight: bold;  color: white;  font-size: 28px;  line-height: 32px;  display: flex;  align-items: center;  column-gap: 10px;  position: relative;  height: 50px;}.pools-title::after {    content: "";    position: absolute;    left: 50%;    width: 100vw;    height: 52px;    transform: translateX(-50%);    background-color: #0474BA;    z-index: -1;  }  .pools-title::before {  content: "";  display: inline-block;  width: 24px;  height: 24px;  border: 4px solid white;  border-radius: 50%;}.pools {  width: 100%;  margin-top: 30px;}.draw {  width: 100%;  max-width: 360px;  margin: auto;  padding: 10px 0;  font-family: Nunito, sans-serif;}.draw-title {    background-color: #efefef;    border-bottom: 1px solid #C9C9C9;  min-height: 150px;  padding: 5px;  display: flex;  flex-direction: column;}.draw-title .name-draw {  font-size: 20px;  line-height: 30px;  color: black;  border-bottom: 1px solid #C9C9C9;  text-align: center;  font-weight: 600;}.draw-title .header {  display: flex;  justify-content: center;  align-items: center;  align-self: stretch;  justify-self: stretch;  flex: 1;}.draw-title .header .result-header .header-digit {  font-size: 53px;  color: #0474ba;  text-align: center;  padding: 5px;}.draw-title .header .result-header .noExist {  color: #1e73be;  text-align: center;}.draw-title .header .result-header p {  color: black;  font-weight: 600;}.draw-result > ul {  column-count: 2;  list-style: none;  padding: 0;  height: 0%;  justify-content: space-evenly;  margin-top: -100%;  margin-bottom: 0;  transition: all 1s;}.draw-result > ul.visible {  height: 100%;  padding-top: 5px;  margin-top: 5px;  margin-bottom: 10px;}.draw-result .resultado-sorteo li:first-child {  color: #0474ba;  font-weight: 700;}.draw-result .resultado-sorteo li::before {  content: attr(data-pos);  content: attr(data-pos);  padding: 0 3px;  color: #fff;  background-color: #0474ba;  display: inline-block;  min-width: 35px;  text-align: center;  font-weight: bold;  margin-right: 5px;}.draw-result .resultado-sorteo li {  font-weight: 500;  font-size: 22px;  padding-right: 0;}.draw-result {  padding: 0 15px;  overflow: hidden;  background-color: #efefef;}.btn-ver-resultados {  display: block;  font-size: 18px;  width: 100%;  color: #fff !important;  background-color: #0474ba;  border: none;  border-radius: 0;}.draw-result .resultado-sorteo li {  font-weight: bold;  font-size: 20px;  padding-right: 5px;  height: 27px;}@media (min-width: 576px) {  /* sm */  .pools-draws {    display: flex;    justify-content: flex-start;    flex-wrap: wrap;    margin-left: -10px;    margin-right: -10px;    font-family: Nunito, sans-serif;  }  .draw-title {    min-height: 200px;  }  .draw-result {    padding: 10px 0 0 0;  }  .draw {    padding: 10px;    width: 50%;    max-width: unset;    margin: 0;  }  .draw-result > ul {    justify-content: center;    height: auto;    margin-top: 0;  }  .btn-ver-resultados {    display: none;  }  .draw-result .resultado-sorteo li {    height: auto;  }}@media (min-width: 768px) {  /* md */  .quiniela {    display: flex;    justify-content: flex-end;    padding-top: 15px;  }  .quiniela__header__title {    margin-top: 0;  }  .quiniela__header__title > .titulo {    font-size: 42px;  }  .quiniela__header__another {    display: flex;    flex-wrap: wrap;    justify-content: space-evenly;  }  .quiniela__header__title > .dia #dateLottery {    width: auto;  }  .publicidad {    margin: 0 auto 10px auto;  }  .draw-result .resultado-sorteo li {    font-size: 18px;    padding-right: 10px;  }  .draw {    width: 33.33%;  }  .pools-title::after {    content: none;  }  .pools-title::before {    margin-left: 10px;  }}@media (min-width: 992px) {  /* lg */  .quiniela__header__title > .titulo {    font-size: 50px;  }  .draw-result .resultado-sorteo li {    font-size: 14px;    padding-right: 5px;  }  .draw-title .name-draw {    font-size: 16px;    line-height: 24px;  }  .draw-title .header .result-header .header-digit {    font-size: 39px;  }  .draw {    width: 20%;  }  .draw-result {    padding: 7px 0 0 0;  }  .draw-result .resultado-sorteo li::before {    min-width: 30px;  }}@media (min-width: 1200px) {  /* xl */  .draw-result .resultado-sorteo li {    font-size: 22px;    padding-right: 0;  }  .draw-title .name-draw {    font-size: 20px;    line-height: 30px;  }  .draw-title .header .result-header .header-digit {    font-size: 53px;  }  .draw-result {    padding: 10px 0 0 0;  }  .draw-result .resultado-sorteo li::before {    min-width: 33px;  }}@media (min-width: 1400px) {  /* xxl */}