/* @import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;900&display=swap'); */

body, nav, button, nav *, button *, footer, header {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  font-family: sans-serif;
}

/* inicio */
html, body {
  overflow-x: hidden;
  height: 100%;
}
/* body {
  background: #fff;
  padding: 0;
  margin: 0;
  /* font-family: 'Varela Round', sans-serif; */
} */
.header {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  box-shadow: none;
  background-color: #fff;
  position: fixed;
  height: 60px!important;
  overflow: hidden;
  z-index: 10;
  text-align: center;
  border-bottom: 1px solid #ccc;
}
/* .main {
  margin: 0 auto;
  display: block;
  height: 100%;
  margin-top: 60px;
}
.mainInner{
  display: table;
  height: 100%;
  width: 100%;
  text-align: center;
}
.mainInner div{
  display:table-cell;
  vertical-align: middle;
  font-size: 3em;
  font-weight: bold;
  letter-spacing: 1.25px;
} */
#sidebarMenu {
  height: 100vh;
  position: fixed;
  left: 0;
  width: 250px;
  margin-top: 60px;
  transform: translateX(-250px);
  transition: transform 250ms ease-in-out;
  background: dodgerblue;
  float: left;
}
#sidebarMenuRight {
  height: 100vh;
  position: fixed;
  right: 0;
  width: 250px;
  margin-top: 60px;
  transform: translateX(250px);
  transition: transform 250ms ease-in-out;
  background: dodgerblue;
  float: right;
  top: 0;
}
.sidebarMenuInner, .sidebarMenuInnerRight{
  margin:0;
  padding:0;
  border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.sidebarMenuInner li, .sidebarMenuInnerRight li{
  list-style: none;
  color: #000;
  /* text-transform: uppercase; */
  /* font-weight: bold; */
  padding: 1px 20px;
  margin-bottom: 5px;
  cursor: pointer;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
  font-size: .8em;
}
.sidebarMenuInner li span, .sidebarMenuInnerRight li span{
  display: block;
  font-size: .8em;
  color: rgba(255, 255, 255, 0.50);
}
.sidebarMenuInner li a:hover, .sidebarMenuInnerRight li a:hover{
  background-color: yellow;
}
.sidebarMenuInner li a, .sidebarMenuInnerRight li a{
  color: #FFF;
  /* text-transform: uppercase; */
  /* font-weight: bold; */
  cursor: pointer;
  text-decoration: none;
  padding: 2px;
}
input.openSidebarMenu[type="checkbox"]:checked ~ #sidebarMenu {
  transform: translateX(0);
}

input.openSidebarMenu[type=checkbox] {
  transition: all 0.3s;
  box-sizing: border-box;
  display: none;
}

input.openSidebarMenuRight[type="checkbox"]:checked ~ #sidebarMenuRight {
  transform: translateX(2px);
}
input.openSidebarMenuRight[type=checkbox] {
  transition: all 0.3s;
  box-sizing: border-box;
  display: none;
}

.sidebarIconToggle {
  transition: all 0.3s;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  z-index: 99;
  height: 100%;
  width: 100%;
  top: 22px;
  left: 2em;
  height: 22px;
  width: 22px;
}
.sidebarIconToggleRight {
  transition: all 0.3s;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  z-index: 99;
  height: 100%;
  width: 100%;
  top: 22px;
  right: 2em;
  height: 22px;
  width: 22px;
}
.spinner {
  transition: all 0.3s;
  box-sizing: border-box;
  position: absolute;
  height: 3px;
  width: 100%;
  background-color: dodgerblue;
}
.horizontal {
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
  float: left;
  margin-top: 3px;
}
.diagonal.part-1 {
  position: relative;
  transition: all 0.3s;
  box-sizing: border-box;
  float: left;
}
.diagonal.part-2 {
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
  float: left;
  margin-top: 3px;
}
input.openSidebarMenu[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal, input.openSidebarMenuRight[type=checkbox]:checked ~ .sidebarIconToggleRight > .horizontal {
  transition: all 0.3s;
  box-sizing: border-box;
  opacity: 0;
}
input.openSidebarMenu[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1, input.openSidebarMenuRight[type=checkbox]:checked ~ .sidebarIconToggleRight > .diagonal.part-1 {
  transition: all 0.3s;
  box-sizing: border-box;
  transform: rotate(135deg);
  margin-top: 8px;
}
input.openSidebarMenu[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2, input.openSidebarMenuRight[type=checkbox]:checked ~ .sidebarIconToggleRight > .diagonal.part-2 {
  transition: all 0.3s;
  box-sizing: border-box;
  transform: rotate(-135deg);
  margin-top: -9px;
}

#center {
  display: flex;
  width: 100%;
}

.content {
/* height: calc(100vh - 50px); */
justify-content: center;
/* align-items: center; */
padding: .5em;
margin: 1em auto;
flex: 0 80%;
}

@media (max-width: 600px) {
.content {
  flex: 0 100%;
}
}

@media (min-width: 1250px) {
.content {
  flex: 0 60%;
}
}

/* fin */

.container {
  width: auto;
  min-height: 100vh;
  transition: margin-left 0.3s linear;
}

.content {
  /* height: calc(100vh - 50px); */
  background-color: var(--white);
  padding: var(--padding);
  display: flex;
  justify-content: center;
  /* align-items: center; */
}

.content .main {
  padding: .5em;
  flex: 0 80%;
}

.content article img, .content article figure {
  display: block;
  clear: both;
  float: none;
  margin: 1em auto;
  max-width:90%;
  /* max-height:95px; */
  width: auto;
  height: auto;
  align-self: center;
}

.content article div {
  display: block;
  clear: both;
  float: none;
  margin: 1em auto;
}

@media (max-width: 600px) {
  .content .main {
    flex: 0 100%;
  }
}

@media (min-width: 1250px) {
  .content .main {
    flex: 0 60%;
  }
}

header {
  padding: 1em 0;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1em;
  text-align: center;
}

header .site-title {
  font-size: 1.2em;
  font-weight: bold;
}

footer {
  margin-top: 1em;
  padding: .5em;
  font-size: 0.8em;
  /* position: fixed; */
  bottom: 5px;
  display: block;
  border-top: 1px solid #ccc;
  text-align: center;
  width: 100%;
}

/* footer .footer-1 {
  flex: 0 100;
} */



article .table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  margin: 1em auto;
}

article .table td, article .table th {
  border: 1px solid #ddd;
  padding: 8px;
}

article .table tr:nth-child(even){background-color: #f2f2f2;}

article .table tr:hover {background-color: #ddd;}

article .table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}

article .table.euro th {
  background-color: #6a5ed5;
  color: white;
}

article ul, article ul li {
  margin: auto;
  margin-bottom: .5em;
  padding: auto;
}

article time {
  font-size: .8em;
}

.ads336x280 {
  width: 336px;
  height: 280px;
  display: block;
  clear: both;
  float: none;
  margin: 1em auto;
}

/* fa */
.fa,
.fab,
.fad,
.fal,
.far,
.fas {
  display: inline-block;
  height: 16px;
  background-color: #000;
  width: 16px;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}

.fa-xs {
  height: 12px;
  width: 12px;
}

.fa-sm {
  height: 14px;
  width: 14px;
}

.fa-lg {
  height: 18px;
  width: 18px;
}

.fa-2x {
  height: 32px;
  width: 32px;
}

.fa-3x {
  height: 48px;
  width: 48px;
}

.fa-4x {
  height: 64px;
  width: 64px;
}

.fa-5x {
  height: 80px;
  width: 80px;
}

.fa-7x {
  height: 90px;
  width: 90px;
}

.fa-8x {
  height: 120px;
  width: 120px;
}

.fa-10x {
  height: 240px;
  width: 240px;
}

.fas.fa-bars {
  -webkit-mask-image: url(
    "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E"
  );
          mask-image: url(
    "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E"
  );
}

.fas.fa-circle-dollar-to-slot {
  -webkit-mask-image: url(
    "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M326.7 403.7c-22.1 8-45.9 12.3-70.7 12.3s-48.7-4.4-70.7-12.3l-.8-.3c-30-11-56.8-28.7-78.6-51.4C70 314.6 48 263.9 48 208C48 93.1 141.1 0 256 0S464 93.1 464 208c0 55.9-22 106.6-57.9 144c-1 1-2 2.1-3 3.1c-21.4 21.4-47.4 38.1-76.3 48.6zM256 91.9c-11.1 0-20.1 9-20.1 20.1l0 6c-5.6 1.2-10.9 2.9-15.9 5.1c-15 6.8-27.9 19.4-31.1 37.7c-1.8 10.2-.8 20 3.4 29c4.2 8.8 10.7 15 17.3 19.5c11.6 7.9 26.9 12.5 38.6 16l2.2 .7c13.9 4.2 23.4 7.4 29.3 11.7c2.5 1.8 3.4 3.2 3.7 4c.3 .8 .9 2.6 .2 6.7c-.6 3.5-2.5 6.4-8 8.8c-6.1 2.6-16 3.9-28.8 1.9c-6-1-16.7-4.6-26.2-7.9c0 0 0 0 0 0s0 0 0 0s0 0 0 0c-2.2-.7-4.3-1.5-6.4-2.1c-10.5-3.5-21.8 2.2-25.3 12.7s2.2 21.8 12.7 25.3c1.2 .4 2.7 .9 4.4 1.5c7.9 2.7 20.3 6.9 29.8 9.1l0 6.4c0 11.1 9 20.1 20.1 20.1s20.1-9 20.1-20.1l0-5.5c5.3-1 10.5-2.5 15.4-4.6c15.7-6.7 28.4-19.7 31.6-38.7c1.8-10.4 1-20.3-3-29.4c-3.9-9-10.2-15.6-16.9-20.5c-12.2-8.8-28.3-13.7-40.4-17.4l-.8-.2c-14.2-4.3-23.8-7.3-29.9-11.4c-2.6-1.8-3.4-3-3.6-3.5c-.2-.3-.7-1.6-.1-5c.3-1.9 1.9-5.2 8.2-8.1c6.4-2.9 16.4-4.5 28.6-2.6c4.3 .7 17.9 3.3 21.7 4.3c10.7 2.8 21.6-3.5 24.5-14.2s-3.5-21.6-14.2-24.5c-4.4-1.2-14.4-3.2-21-4.4l0-6.3c0-11.1-9-20.1-20.1-20.1zM48 352l16 0c19.5 25.9 44 47.7 72.2 64L64 416l0 32 192 0 192 0 0-32-72.2 0c28.2-16.3 52.8-38.1 72.2-64l16 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48L48 512c-26.5 0-48-21.5-48-48l0-64c0-26.5 21.5-48 48-48z'/%3E%3C/svg%3E"
  );
          mask-image: url(
            "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M326.7 403.7c-22.1 8-45.9 12.3-70.7 12.3s-48.7-4.4-70.7-12.3l-.8-.3c-30-11-56.8-28.7-78.6-51.4C70 314.6 48 263.9 48 208C48 93.1 141.1 0 256 0S464 93.1 464 208c0 55.9-22 106.6-57.9 144c-1 1-2 2.1-3 3.1c-21.4 21.4-47.4 38.1-76.3 48.6zM256 91.9c-11.1 0-20.1 9-20.1 20.1l0 6c-5.6 1.2-10.9 2.9-15.9 5.1c-15 6.8-27.9 19.4-31.1 37.7c-1.8 10.2-.8 20 3.4 29c4.2 8.8 10.7 15 17.3 19.5c11.6 7.9 26.9 12.5 38.6 16l2.2 .7c13.9 4.2 23.4 7.4 29.3 11.7c2.5 1.8 3.4 3.2 3.7 4c.3 .8 .9 2.6 .2 6.7c-.6 3.5-2.5 6.4-8 8.8c-6.1 2.6-16 3.9-28.8 1.9c-6-1-16.7-4.6-26.2-7.9c0 0 0 0 0 0s0 0 0 0s0 0 0 0c-2.2-.7-4.3-1.5-6.4-2.1c-10.5-3.5-21.8 2.2-25.3 12.7s2.2 21.8 12.7 25.3c1.2 .4 2.7 .9 4.4 1.5c7.9 2.7 20.3 6.9 29.8 9.1l0 6.4c0 11.1 9 20.1 20.1 20.1s20.1-9 20.1-20.1l0-5.5c5.3-1 10.5-2.5 15.4-4.6c15.7-6.7 28.4-19.7 31.6-38.7c1.8-10.4 1-20.3-3-29.4c-3.9-9-10.2-15.6-16.9-20.5c-12.2-8.8-28.3-13.7-40.4-17.4l-.8-.2c-14.2-4.3-23.8-7.3-29.9-11.4c-2.6-1.8-3.4-3-3.6-3.5c-.2-.3-.7-1.6-.1-5c.3-1.9 1.9-5.2 8.2-8.1c6.4-2.9 16.4-4.5 28.6-2.6c4.3 .7 17.9 3.3 21.7 4.3c10.7 2.8 21.6-3.5 24.5-14.2s-3.5-21.6-14.2-24.5c-4.4-1.2-14.4-3.2-21-4.4l0-6.3c0-11.1-9-20.1-20.1-20.1zM48 352l16 0c19.5 25.9 44 47.7 72.2 64L64 416l0 32 192 0 192 0 0-32-72.2 0c28.2-16.3 52.8-38.1 72.2-64l16 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48L48 512c-26.5 0-48-21.5-48-48l0-64c0-26.5 21.5-48 48-48z'/%3E%3C/svg%3E"
  );
}

.fas.fa-circle-xmark {
  -webkit-mask-image: url(
    "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z'/%3E%3C/svg%3E"
  );
          mask-image: url(
            "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z'/%3E%3C/svg%3E"
  );
}
/* fa */

.btn-menu-left i, .btn-menu-right i {
  background-color: blue;
}
nav i.fas {
  background-color: white;
}
nav i.fas.fa-circle-xmark {
  background-color: blue;
}