@font-face {
  font-family: "PrologueMedium";
  src: url("../fonts/PrologueMedium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "PrologueRegular";
  src: url("../fonts/PrologueRegular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "PrologueSemiBold";
  src: url("../fonts/PrologueSemiBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
*,html{margin:0;padding:0;box-sizing:border-box;font: 1em/1.5em Arial, Times, "Times New Roman", "serif"}
body{position:relative;color:#fff;background:#000;}
a:link, a:visited {color: #0038FF;}
a:hover,a:active{color: #fff;}
h1,h2,h3,h4, .txtH3 {font: 1.3em/1.5em "PrologueRegular", Arial, Sans-serif;}
h1, h2{font-size:2em;font-weight:bold;}
p {margin: 0 0 1em 0}
header{position:fixed;width:100%;display:flex;justify-content:center;padding:1em;background:#0038FF;z-index: 1;}
article{}
section{width:100%;display:grid;padding:0 1em;}
table{margin-bottom:1rem;}
table, th, td{border:solid 1px #2E2E2E;border-collapse: collapse;}
thead{background:#1A1A1A;}
td, th{padding:0.5rem;}
.btn, .btn:link, .btn:active{display:inline-flex;padding:0.5em 1.5em;color:#fff;text-decoration:none;border:solid 1px #fff;border-radius:2em;}
.btn:hover, .btn:visited{color:#0038FF;border:solid 1px #fff;background:#fff;}
.bg1{background: linear-gradient(#0038ff 0%, #000 100%);}
.sectInicio{padding:5em 1em;text-align:center;}
.sectRoulette{position:relative;padding:5em 1em;text-align:center;border-radius:1em;background:rgba(6,0,83,0.70);}
.videoBg{position:relative;padding:5em 1em;text-align:center;overflow: hidden;}
.videoBg video{position:absolute;top:0;left:0;min-width:100%;min-height:100%;z-index:-1;}
.break{height:5em;display:flex;}
.txtCenter{text-align:center;}
.itemList{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:1em;margin:2em 0;overflow-x:auto;overflow-y:visible;scroll-snap-type: x mandatory;}
.item{width:300px;display:grid;grid-gap:1em;align-content:flex-start;}
.itemImg{position:relative;}
.itemImg img{width:100%;margin:10px;border-radius:0.5em;}
.imgFxBlur{position:absolute;top:0;left:0;margin:0;z-index:-1;filter: blur(1.5rem);}
.itemDatos{}
.itemDatos h4{margin-bottom:0.5em;}
.contScrollH::-webkit-scrollbar{height:3px}
.contScrollH::-webkit-scrollbar-thumb{background:#0038FF;border-radius:4px}
.contScrollH::-webkit-scrollbar-thumb:active{background-color:#fff}
.contScrollH::-webkit-scrollbar-thumb:hover{background:#fff;-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,0.2);box-shadow:0 0 2px 1px rgba(0,0,0,0.2)}
.contScrollH::-webkit-scrollbar-track{background:#636363;border-radius:4px}
.contScrollH::-webkit-scrollbar-track:active,.contScrollH::-webkit-scrollbar-track:hover{background:#636363}
footer{padding:1em;font-size:0.7em;}
footer img{opacity:0.5;}
.ft01{display:grid;grid-gap:0.5em;justify-content:center;margin-bottom:1em;padding:1em;border-top:solid 1px #808080;border-bottom:solid 1px #808080;}
.ft01 .redes{display:flex;gap:0.5em;}
.ft01 .redes img{height:22px;}
.ft01 .top18{display:flex;gap:0.5em;align-items:center;justify-content:center;flex-wrap:nowrap;color:#808080;}
.ft02{display:grid;grid-gap:1em;justify-content:center;color:#808080;text-align:center;}
.ft02 .terminos{color:#808080;}
.ft02 .copy{color:#808080;}
.aIcon:hover img, .aIcon:active{opacity:1;}
.idioma{position:fixed;top:1em;right:1em;z-index:5;}
.idioma img{width:auto;height:16px;border:solid 1px #fff;border-radius:3px;}
.idiomaSelect{}
.idiomaList{position:absolute;top:1.3em;right:0em;display:grid;gap:0.5em;margin:0;padding:0.5em;list-style:none;border-radius:5px;background:#fff;box-shadow:0 3px 3px #000;}
.idiomaList li a, .idiomaList li a:visited{display:flex;gap:0.5em;margin:0;padding:0;font-size:0.8em;text-decoration:none;}
.idiomaList li a:hover, .idiomaList li a:active{color:#000;}
.myCursor:hover, .myCursor:active{cursor:pointer;}
blockquote{font-size:1.5em;margin-bottom:2em;text-align:center;}

.contTEXT{color:#CDCDCD}
.contTEXT strong{color:#fff}
.contTEXT h2, h3, h4{color:#fff}
.contTEXT p{line-height:1.2rem}
.contTEXT ul{display:grid;grid-gap:0.5em;margin-bottom:1em;list-style:none;}
.contTEXT h2{margin:1em 0 0.5em 0;font-size:1.5rem;}
.listC{list-style:circle;}
.listC li{list-style:circle;list-style-position:outside;margin-left:1em;}
.listS li{list-style:square;list-style-position:outside;margin-left:1em;}

@media screen and (min-width:900px) {
    h1, h2{font-size:3em;font-weight:bold;}
    section, footer {width:900px;margin:0 auto;}
    .itemList{display:grid;grid-template-columns:1fr;grid-gap:3em;overflow:visible;}
    .itemList>div:nth-child(2n+1){}
    .itemList>div:nth-child(2n+1)>.itemImg{order:2;}
    .item{width:100%;grid-template-columns:1fr 1fr;grid-gap:2em;}
    .itemImg{}
    .itemImg img{}
    .itemDatos{}
    .ft01{display:flex;gap:0.5em;justify-content:space-between;}
    .ft01 .redes{}
    .ft01 .redes img{}
    .ft01 .top18{justify-content:end;}
    .ft02{display:flex;justify-content:space-between;text-align:left;}
    .ft02 .terminos{}
    .ft02 .copy{}
}