/*------------------------------- CABEZA */
.boxPosiciones {
    position: fixed;
    bottom: 92px;
    right: -6px;       
    height:60px;
    width: 60px;
}
.boxClasificados {
    position: fixed;
    bottom: 10px;
    right: -6px;       
    height:60px;
    width: 60px;
}
.boxAuspician {
    position: fixed;
    bottom:55px;
    right: -6px;       
    height:60px;
    width: 60px;
}
.boxTitulo {
    position: fixed;
    top: 0px;
    left: 0px;       
    height:54px;
    width: 100%;
    background: #066;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 2px  22px  28px 2px;
    grid-template-areas: "."
                         "titulo1"
                         "titulo2"
                         ".";
    justify-items: center;
    align-items:center;
    font-family: Lato;
}
.titulo1 {
    grid-area: titulo1;
    font-size: 18px;
    text-align: center;
    color:#EEE;
    letter-spacing: 1px;
    word-spacing: 3px;
}
.titulo2 {
    grid-area: titulo2;
    font-size: 22px;
    text-align: center;
    font-weight: 700;
    color:#EEE;
    letter-spacing: 3px;
    word-spacing: 8px;
}
@media screen and (max-width: 768px) {
    .boxTitulo {
        grid-template-columns: 100%;
    }
}
@media screen and (max-width: 430px) {
    .boxTitulo {
        grid-template-columns: 100%;
    }
}
/*------------------------------- PROMOTORES */
.boxPromotor {
    position: fixed;
    bottom: 0px;
    left: 0px;       
    height:25px;
    width: 100%;
    background: #066;
    display: grid;
    justify-self: center;
    align-self:center;
    font-family: Lato;
    font-size: 15px;
    color:#CFF;
    letter-spacing: 1px;
}
.marquee {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  
  .marquee span {
    display: inline-block;
    animation: marquee 50s linear infinite;
  }
  
  @keyframes marquee {
    0% {
      transform: translateX(100%);
    }
    
    100% {
      transform: translateX(-100%);
    }
  }
  @media screen and (max-width: 430px) {
    .boxPromotor {
        padding-top: 2px;
    }
}
/*------------------------------- PROMOTORES 2*/
.boxPromotor2 {
    position: fixed;
    bottom: 80px;
    right: 15px;       
    height:40px;
    width: 40px;
    background: #99004C;
    display: grid;
    justify-self: center;
    align-self:center;
    font-family: Lato;
    font-size: 25px;
    font-weight: 700;
    color:#FFEEF8;
    letter-spacing: 3px;
    border-radius: 20px;
    text-decoration:none;
}
.marquee2 {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  
  .marquee2 span {
    display: inline-block;
    animation: marquee 5s linear infinite;
  }
  
  @keyframes marquee2 {
    0% {
      transform: translateX(100%);
    }
    
    100% {
      transform: translateX(-100%);
    }
  }
  @media screen and (max-width: 430px) {
    .boxPromotor2 {
        font-size: 26px;
    }
  }
  a.boxPromotor2 {
    text-decoration: none; 
  }
  a.boxPromotor2:hover {
    color: #FFEEF8; 
  }