@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
/* 
font-family: 'Work Sans', sans-serif;
*/
@font-face {
    font-family: cuarta;
    src: url(fonts/Texta-Heavy.otf);
}
@font-face {
    font-family: quinta;
    src: url(fonts/Texta-Medium.otf);
}
@font-face {
    font-family: normalfuente;
    src: url(fonts/Texta.otf);
}
@font-face {
    font-family: terceca;
    src: url(fonts/Texta-Book.otf);
}
@font-face { 
    font-family: primera;
    src: url(fonts/Texta-Black.otf);
}
@font-face {
    font-family: segunda;
    src: url(fonts/Texta-Bold.otf);
}

*
{
      font-family: normalfuente; 
}

.textoimg
{
        font-family: primera;
}
.terminosg
{
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
}
.terminos
{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 48px;
    color: white;
    font-weight: 500;
    width: 100%;
        margin-top: 50px;
        background: #00000069;
    text-align: center;

}
video
{
        width: 80%;
    height: auto;
    margin: 0 auto;
}
.terminos img
{
    position: relative;
    width: 3%;
    top: -20px;

  margin: 0 ;
  animation-name: stretch;

}

@keyframes stretch {
  0% {
    transform: scale(.09);
 
  }
  100% {
    transform: scale(1.07);
    
  }
}
.terminostext
{
	    background: #0000007d;
    color: white;
    border-radius: 10px;
    padding: 20px;
    width: 100%;
    width: 50%!important;
    height: auto;
    font-size: 15px;
    text-align: justify;
    height: auto;
    margin: 20px;
}
.orejona
{
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 20px 0px;
        flex-wrap:  wrap;   
    background-size: cover;
    height: auto;
    background-repeat: no-repeat;
}
.copa
{
    width: 40%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.copa img {
    width: 65%;
    height: auto;
    margin: 0 auto;
}
.content
{
    width: 50%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.content img {
    width: 70%;
    margin-top: 5px;
 
    margin: 10px auto;
}
body{
    margin: 0;
        background: #17032c;
    background-image: url(img/Fondo.jpg);
        background-size: 100% 107%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    }
.combos
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 50%;
    margin: 0 auto;
}
img.first {
    width: 100%!important;
    height: auto!important;
}
.combos img {
    width: 49%;
    margin: 5px 0px;
    height: 100px;
}
.video
{display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px auto;
    width: 90%;
    background: url(img/fondovideo.png);
    padding: 30px 0px;
    background-position: -15% 27%;
    background-size: 95%;
    background-repeat: no-repeat;
}
.lugares
{
    text-align: center
}
.lugares p
{
    
    justify-content: space-around;
    align-self: center;
    text-align: center;
    margin: 20px auto;
       font-size: 2.8em;
        color: white;

    padding: 20px;
    width: 85%;
    border-radius: 20px;
    font-family: primera;
}
.lugares p a
{
        color: #FCC134;
    
    
    padding: 0px 5px;
    margin: 5px;
    text-decoration: none;
    margin-left: 0px;
    border-radius: 10px;
    display: inline-block;
    transition: 1s;
    margin-left: 5px;
     font-family: primera;
    
}
.lugares p a:hover
{
        transform: scale(1.1);
}
.imageneslugares
{
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.imageneslugares img {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px;
}
.imageneslugares .dos
{
    height: auto;
    width: 40%;
}
.redes
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}
.redes p{
    width: 75%;
    color: white;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin:10px;
}
.redes p a{
    display: flex; 
    justify-content: center;
    align-content: center;
    width:10%;
    color: white;
    text-decoration: none;
    font-size: 30px;
}
.redes p a img{
    width: auto;
    color: white;
    height: 50px;
}
footer{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    background: #e61d79;
    padding: 20px 0px;
}
footer > div{
    width: 30%;
}

footer .logo
{
    display: flex;
    justify-content: center;
    align-items:center;

}
footer .logo img{
    width: 50%;
    margin: 0 auto;
    height: auto;
}

.redestext
{

font-size: 20px;
}
.clickterm
{
    transition: 0.5s;
    cursor: pointer;
    font-size: 1.3em;
    margin: 0px 10px;
}
.clickterm:hover
{
    
     text-shadow: 2px 3px 15px #ffffffc9;
    transform: scaleX(1.02);
}
.terminostext li
{
    margin: 10px;
}
.imgdown {
    margin: 0;
    transition: 1s;
}

.imgdown {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 48px;
    color: white;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
}
.imgdown img {
    width: auto!important;
}
.imgdown:hover {
    transform: scale(1.2);
}
.textinfo
{
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 32px;
    background: #00000087;
    width: 50%;
    margin: 50px auto;
    
    border-radius: 16px;
    padding: 0.3em;
}
.textinfo p
{
    display: flex;
    flex-direction: column;
    text-align: center;
}
.imgincly
{
 
    width: 46%;
    height: auto;
       padding: 20px;
    margin: 10px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.imgincly img
{
    width: 100%;
    height: auto;

}
.pediloaquitext:hover {
    transform: scale(1.1);
}
.pedilo
{
    width: 38%;
    margin: 0 auto;
}
.pedilo p {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
    color: white;
    text-align: center;
        box-shadow: 5px 5px #2c3e50;
        margin-top: 10px;
        font-family: primera;
}
.pediloaquitext {
    padding: 0px;
    background: #E81F76;
    border-radius: 10px;
    transition: 1s;
    cursor: pointer;
    
}
.pediloaquitext a {
    color: white;
    text-decoration: none;
     font-family: primera;
}.tablapartido
    {
                color: white;
    text-align: center;
    border-radius: 19px;
    overflow: hidden;
        width: 80%;
    margin: 0 auto;
        }
        .tablapartido tbody
        {
                background: #B04EC5;

        }
        .tablapartido thead
        {
                background: #E81C75;
                padding:    10px 0px;
        }
        .tablapartido tbody a:hover
        {
            transform: scale(1.1);
        } 
        .tablapartido tbody a
        {
            color: white;
            text-decoration: none;
                padding: 10px;
    text-align: center;
    background: #E81C75;
    border-radius: 10px;
    transition: 1s;
        }
        .tablapas
        {
            width: 50%;
            margin: 0 auto;
            position: relative;
        }
        .tablapartido thead th
        {
            padding: 10px 0px;
        }
.trueno2
{
        position: absolute;
    top: -40px;
    right: 6%;
    width: 42px;
}

.trueno1
{
    position: absolute;
    top: -40px;
    left: 6%;
    width: 42px;
}
.orejona > .textoimg
{
 top: -10px;
    position: relative;

}
.pedilo p
{
width: 45%;
margin: 0 auto;
}

.equipo {
    background-color: #E81F76;
    color: white;
    padding: 5px 15px;
    border-radius: 14px;
    width: 33%;
    z-index: 5;
    text-align: center;
    font-size: 1em;
    margin: 60px 0px;
    font-family: quinta;
        box-shadow: 0px 7px 0px 0px #C31363;
}
.partidos {
    display: flex;
    flex-direction: column;
        width: 80%;
    margin: 0 auto;
}
.horario a
{
    text-decoration: none;
    background-color: #6D347D;
    padding: 5px 10px;
    color: white;
    cursor: pointer;
        border-radius: 10px;
      
        font-family: quinta;
}
.horario
{
    background-color: #8D4593;
    color: white;
    position: absolute;
      font-size: 1em;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 30%;
    text-align: center;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    height: 120px;
    align-items: center;
    justify-content: center;
    font-family: quinta;
    line-height: 100%;
}
.partido
{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}



.textinfo.test {
    background: inherit;
    font-size: 3em;
    font-family: primera;
    font-family: primera;
    line-height: 100%;
    font-weight: 900;
}
.textinfo.test  p
{
        line-height: 85%;
        font-family: segunda;
        margin: 0px;
}
.textinfo.test p span:first-child(),
.textinfo.test p span:nth-child(1)
{
font-family: primera!important;
    }
.pedituchiptesxto
{
    background: inherit;
}

.testimgrayo
{
    width: 6%!important;
}

.clicktermtest:before
{
        content: " ";
    background-image: url(./img/truenoizquierda1.png);
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    padding: 60px;
    left: -130px;
    top: -60%;
    background-size: contain;
    transform: rotate(-13deg);
}
.clicktermtest
{
    position: relative;
}
.clicktermtest:after
{
    content: " ";
    background: url("./img/rayoderecha1.png");
   background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    padding: 60px;
    right: -130px;
    top: -60%;
    background-size: contain;
    transform: rotate(13deg);
}