body {
  /*
  background-image: url('img/delete-person-f.jpg');
  background-repeat: no-repeat;
  background-position: top center !important;*/
  background-color: #000000;
  /*
  background-size:cover;
  */
  /* background-attachment: cover !important; */
  /*background-size: 100% 100%;  jugar con valores max wifth y min width */
  margin: 0px 0px 0px 0px!important;
  
}

#random{
  /* BOX MODEL */
  width: 100%;
  height: auto;
  float: left;
  
  /* ENHANCEMENT */
  background-image: url('img/delete-person-f.jpg');
  background-position: top center !important;
  background-size: cover;
  background-repeat: no-repeat;  
}

html, body {
    /*height: 100%;*/
    /*overflow: hidden;*/
}

@font-face {
  font-family: 'Vikings';
  src: url('fonts/VikingsFont.ttf')  format('truetype'); /* Safari, Android, iOS */
       
}

@font-face {
  font-family: 'VikingosFC';
  src: url('fonts/Vikingos-FC-2020_0.otf')  format('truetype'); /* Safari, Android, iOS */
       
}

@font-face {
  font-family: 'KnuckleheadDecoBold';
  src: url('fonts/Knucklehead-Deco-Bold.otf')  format('truetype'); /* Safari, Android, iOS */
       
}

@font-face {
  font-family: 'KnuckleheadSerifRegular';
  src: url('fonts/Knucklehead-Serif-Regular.otf')  format('truetype'); /* Safari, Android, iOS */
       
}

@font-face {
  font-family: 'KnuckleheadRegular';
  src: url('fonts/Knucklehead-Regular.otf')  format('truetype'); /* Safari, Android, iOS */
       
}

@font-face {
  font-family: 'KnuckleheadLight';
  src: url('fonts/Knucklehead-Light.otf')  format('truetype'); /* Safari, Android, iOS */
       
}

@font-face {
  font-family: 'TrajanProBold';
  src: url('fonts/TrajanPro-Bold.otf')  format('truetype'); /* Safari, Android, iOS */
       
}

@font-face {
  font-family: 'CroatiaWC2022';
  src: url('fonts/Croatia-WC-2022.ttf')  format('truetype'); /* Safari, Android, iOS */
       
}


* {
  box-sizing: border-box;
}

:root {
  --gold: #ffb338;
  --light-shadow: #77571d;
  --dark-shadow: #3e2904;
}

::-webkit-scrollbar{
    width: 10px !important;
    background-color: #b8b7b6 !important;
}
::-webkit-scrollbar-thumb{
    background-color: #c99a40 !important;
    border: none !important;
    -webkit-box-shadow: inset 0 0 -1px rgba(0,0,0,0.3) !important;
}

::-webkit-scrollbar-thumb:hover{
    background-color: #a7781e !important;
    border: none !important;
    -webkit-box-shadow: inset 0 0 -1px rgba(0,0,0,0.3) !important;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
    background-color: #b8b7b6 !important;
}

body ::-webkit-scrollbar{
    width: 7px;
    background-color: #fbb036 !important; /* #a48111 */
}
body ::-webkit-scrollbar-thumb{
    background-color: #b8b7b6 !important;
    border: 1px solid #d3d3d3 !important;
    -webkit-box-shadow: inset 0 0 -1px rgba(0,0,0,0.3) !important;
}
body ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
    background-color: #333 !important;
}


.mlogotop{
    margin-top: 30px;
    width: auto;
    height: auto;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (min-width: 500px) and (max-width:526px){   
.mlogotop img{
    width: 295px !important;
    height: 458px !important;}

.contitmes > div {
  background-clip: text;    
  -webkit-background-clip: text;
  color: #363833;
  font-family: 'Vikings';
  font-weight: 900;
  font-size: 55px !important; /* clamp( 3em, 18vw, 15rem) */
  grid-area: overlap;
  letter-spacing: 1px;
  -webkit-text-stroke: 4px transparent;}

  .bordetitmessin {
    border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    border-top: 0px solid;
    border-bottom: 0px solid;
    border-image-slice: 1;
    border-width: 0px;
    border-right: 0;
    border-left: 0;
    padding-top: 25px;
    padding-bottom: 25px;}

    .bordetitmes {
    border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    border-top: 3px solid;
    border-bottom: 3px solid;
    border-image-slice: 1;
    border-width: 3px;
    border-right: 0;
    border-left: 0;
    padding-top: 25px;
    padding-bottom: 25px;}

    .estilovsnum {
    position: absolute;
    text-transform: uppercase;
    font-family: 'KnuckleheadDecoBold';
    font-size: 200px !important;
    color: #a57220;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;}

    .estilovsnumsobre {
    position: relative;
    text-transform: uppercase;
    font-family: 'KnuckleheadDecoBold';
    font-size: 200px !important;
    background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    color: transparent;
    -webkit-background-clip: text;}

    .estilovs {
    position: absolute;
    text-transform: uppercase;
    font-family: 'KnuckleheadSerifRegular';
    font-size: 70px !important;
    color: #f5f5f5;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;}

    .estilovssobre {
    position: relative;
    text-transform: uppercase;
    font-family: 'KnuckleheadSerifRegular';
    font-size: 70px !important;
    background-image: linear-gradient( to bottom right, #3e3e3d 0, #9b9b9a 22%, #b8b7b6 45%, #f2f1ee 50%, #b8b7b6 55%, #9b9b9a 78%, #3e3e3d 100% );
    color: transparent;
    -webkit-background-clip: text;}

    .imgfooter img {
    width: 100px !important;
    height: auto;}

    .estilovsnomvfc {
    position: absolute;
    text-transform: uppercase;
    font-family: 'Vikings';
    font-size: 35px !important;
    color: #a57220;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    float: right;
}

    .estilovsnomvfcsobre{
    position: relative;
    text-transform: uppercase;
    font-family: 'Vikings';
    font-size: 35px !important;
    background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    color: transparent;
    -webkit-background-clip: text;
    float: right;}

    .estilovsnom {
    position: absolute;
    text-transform: uppercase;
    font-family: 'TrajanProBold';
    font-size: 35px !important;
    color: #a57220;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    float: left;}

    .estilovsnomsobre {
    position: relative;
    text-transform: uppercase;
    font-family: 'TrajanProBold';
    font-size: 35px !important;
    background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    color: transparent;
    -webkit-background-clip: text;
    float: left;}

    .efootervfc {
    position: relative;
    text-transform: uppercase;
    font-family: 'KnuckleheadRegular';
    font-size: 30px !important;
    background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    color: transparent;
    -webkit-background-clip: text;
    filter: drop-shadow(5px 15px 15px rgba(0,0,0,0.99)) !important;
    /* filter: drop-shadow(5px 5px 5px black); */}

    .tbalonf {
    font-size: 20px !important;}

    .cont-info-versus {
    float: left;
    width: 20% !important;
    padding-top: 140px !important;} 

}

@media screen and (min-width: 527px) and (max-width:555px){   
.mlogotop img{
    width: 295px !important;
    height: 458px !important;}

.contitmes > div {
  background-clip: text;    
  -webkit-background-clip: text;
  color: #363833;
  font-family: 'Vikings';
  font-weight: 900;
  font-size: 60px !important; /* clamp( 3em, 18vw, 15rem) */
  grid-area: overlap;
  letter-spacing: 1px;
  -webkit-text-stroke: 4px transparent;}

  .bordetitmessin {
    border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    border-top: 0px solid;
    border-bottom: 0px solid;
    border-image-slice: 1;
    border-width: 0px;
    border-right: 0;
    border-left: 0;
    padding-top: 25px;
    padding-bottom: 25px;}

    .bordetitmes {
    border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    border-top: 3px solid;
    border-bottom: 3px solid;
    border-image-slice: 1;
    border-width: 3px;
    border-right: 0;
    border-left: 0;
    padding-top: 25px;
    padding-bottom: 25px;}

    .estilovsnum {
    position: absolute;
    text-transform: uppercase;
    font-family: 'KnuckleheadDecoBold';
    font-size: 250px !important;
    color: #a57220;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;}

    .estilovsnumsobre {
    position: relative;
    text-transform: uppercase;
    font-family: 'KnuckleheadDecoBold';
    font-size: 250px !important;
    background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    color: transparent;
    -webkit-background-clip: text;}

    .estilovs {
    position: absolute;
    text-transform: uppercase;
    font-family: 'KnuckleheadSerifRegular';
    font-size: 80px !important;
    color: #f5f5f5;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;}

    .estilovssobre {
    position: relative;
    text-transform: uppercase;
    font-family: 'KnuckleheadSerifRegular';
    font-size: 80px !important;
    background-image: linear-gradient( to bottom right, #3e3e3d 0, #9b9b9a 22%, #b8b7b6 45%, #f2f1ee 50%, #b8b7b6 55%, #9b9b9a 78%, #3e3e3d 100% );
    color: transparent;
    -webkit-background-clip: text;}

    .imgfooter img {
    width: 100px !important;
    height: auto;}

    .estilovsnomvfc {
    position: absolute;
    text-transform: uppercase;
    font-family: 'Vikings';
    font-size: 38px !important;
    color: #a57220;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    float: right;
}

    .estilovsnomvfcsobre{
    position: relative;
    text-transform: uppercase;
    font-family: 'Vikings';
    font-size: 38px !important;
    background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    color: transparent;
    -webkit-background-clip: text;
    float: right;}

    .estilovsnom {
    position: absolute;
    text-transform: uppercase;
    font-family: 'TrajanProBold';
    font-size: 38px !important;
    color: #a57220;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    float: left;}

    .estilovsnomsobre {
    position: relative;
    text-transform: uppercase;
    font-family: 'TrajanProBold';
    font-size: 38px !important;
    background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    color: transparent;
    -webkit-background-clip: text;
    float: left;}

    .efootervfc {
    position: relative;
    text-transform: uppercase;
    font-family: 'KnuckleheadRegular';
    font-size: 30px !important;
    background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    color: transparent;
    -webkit-background-clip: text;
    filter: drop-shadow(5px 15px 15px rgba(0,0,0,0.99)) !important;
    /* filter: drop-shadow(5px 5px 5px black); */}

    .tbalonf {
    font-size: 20px !important;}

    .cont-info-versus {
    float: left;
    width: 20% !important;
    padding-top: 170px !important;}

    .contitmes {
  /*background: radial-gradient(#272727, #1b1b1b);*/
  display: grid;
  grid-template-areas: 'overlap';
  place-content: center;
  text-transform: uppercase;
  /*height: 100vh;*/
  margin-top: 100px;
  margin-bottom: 0px;
  width: 80% !important;
  margin-left: auto;
  margin-right: auto;}   

}

@media screen and (min-width: 556px) and (max-width:600px){

    .mlogotop img{
    width: 295px !important;
    height: 458px !important;}

    .contitmes > div {
  background-clip: text;    
  -webkit-background-clip: text;
  color: #363833;
  font-family: 'Vikings';
  font-weight: 900;
  font-size: 60px !important; /* clamp( 3em, 18vw, 15rem) */
  grid-area: overlap;
  letter-spacing: 1px;
  -webkit-text-stroke: 4px transparent;}

  .contitmes {
  /*background: radial-gradient(#272727, #1b1b1b);*/
  display: grid;
  grid-template-areas: 'overlap';
  place-content: center;
  text-transform: uppercase;
  /*height: 100vh;*/
  margin-top: 100px;
  margin-bottom: 0px;
  width: 80% !important;
  margin-left: auto;
  margin-right: auto;}

  .estilovsnomvfc {
    position: absolute;
    text-transform: uppercase;
    font-family: 'Vikings';
    font-size: 40px !important;
    color: #a57220;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    float: right;
}

    .estilovsnomvfcsobre{
    position: relative;
    text-transform: uppercase;
    font-family: 'Vikings';
    font-size: 40px !important;
    background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    color: transparent;
    -webkit-background-clip: text;
    float: right;}

    .estilovsnom {
    position: absolute;
    text-transform: uppercase;
    font-family: 'TrajanProBold';
    font-size: 40px !important;
    color: #a57220;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    float: left;}

    .estilovsnomsobre {
    position: relative;
    text-transform: uppercase;
    font-family: 'TrajanProBold';
    font-size: 40px !important;
    background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    color: transparent;
    -webkit-background-clip: text;
    float: left;}

      .estilovsnum {
    position: absolute;
    text-transform: uppercase;
    font-family: 'KnuckleheadDecoBold';
    font-size: 260px !important;
    color: #a57220;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;}

    .estilovsnumsobre {
    position: relative;
    text-transform: uppercase;
    font-family: 'KnuckleheadDecoBold';
    font-size: 260px !important;
    background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    color: transparent;
    -webkit-background-clip: text;}

    .estilovs {
    position: absolute;
    text-transform: uppercase;
    font-family: 'KnuckleheadSerifRegular';
    font-size: 90px !important;
    color: #f5f5f5;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;}

    .estilovssobre {
    position: relative;
    text-transform: uppercase;
    font-family: 'KnuckleheadSerifRegular';
    font-size: 90px !important;
    background-image: linear-gradient( to bottom right, #3e3e3d 0, #9b9b9a 22%, #b8b7b6 45%, #f2f1ee 50%, #b8b7b6 55%, #9b9b9a 78%, #3e3e3d 100% );
    color: transparent;
    -webkit-background-clip: text;}

    .cont-info-versus {
    float: left;
    width: 20% !important;
    padding-top: 175px !important;}



  .imgfooter img {
    width: 100px !important;
    height: auto;}

  .efootervfc {
    position: relative;
    text-transform: uppercase;
    font-family: 'KnuckleheadRegular';
    font-size: 30px !important;
    background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    color: transparent;
    -webkit-background-clip: text;
    filter: drop-shadow(5px 15px 15px rgba(0,0,0,0.99)) !important;
    /* filter: drop-shadow(5px 5px 5px black); */}

    .tbalonf {
    font-size: 20px !important;}

}

@media screen and (min-width: 601px) and (max-width:642px){

    .contitmes > div {
  background-clip: text;    
  -webkit-background-clip: text;
  color: #363833;
  font-family: 'Vikings';
  font-weight: 900;
  font-size: 60px !important; /* clamp( 3em, 18vw, 15rem) */
  grid-area: overlap;
  letter-spacing: 1px;
  -webkit-text-stroke: 4px transparent;}

  .contitmes {
  /*background: radial-gradient(#272727, #1b1b1b);*/
  display: grid;
  grid-template-areas: 'overlap';
  place-content: center;
  text-transform: uppercase;
  /*height: 100vh;*/
  margin-top: 100px;
  margin-bottom: 0px;
  width: 80% !important;
  margin-left: auto;
  margin-right: auto;}

   .estilovsnomvfc {
    position: absolute;
    text-transform: uppercase;
    font-family: 'Vikings';
    font-size: 43px !important;
    color: #a57220;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    float: right;
}

    .estilovsnomvfcsobre{
    position: relative;
    text-transform: uppercase;
    font-family: 'Vikings';
    font-size: 43px !important;
    background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    color: transparent;
    -webkit-background-clip: text;
    float: right;}

    .estilovsnom {
    position: absolute;
    text-transform: uppercase;
    font-family: 'TrajanProBold';
    font-size: 43px !important;
    color: #a57220;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    float: left;}

    .estilovsnomsobre {
    position: relative;
    text-transform: uppercase;
    font-family: 'TrajanProBold';
    font-size: 43px !important;
    background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    color: transparent;
    -webkit-background-clip: text;
    float: left;}

 .cont-info-versus {
    float: left;
    width: 20% !important;
    padding-top: 195px !important;}     

  .imgfooter img {
    width: 100px !important;
    height: auto;}

  .efootervfc {
    position: relative;
    text-transform: uppercase;
    font-family: 'KnuckleheadRegular';
    font-size: 30px !important;
    background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    color: transparent;
    -webkit-background-clip: text;
    filter: drop-shadow(5px 15px 15px rgba(0,0,0,0.99)) !important;
    /* filter: drop-shadow(5px 5px 5px black); */}

    .tbalonf {
    font-size: 20px !important;}    

}

@media screen and (min-width: 643px) and (max-width: 684px){

 .contitmes > div {
  background-clip: text;    
  -webkit-background-clip: text;
  color: #363833;
  font-family: 'Vikings';
  font-weight: 900;
  font-size: 60px !important; /* clamp( 3em, 18vw, 15rem) */
  grid-area: overlap;
  letter-spacing: 1px;
  -webkit-text-stroke: 4px transparent;}

  .contitmes {
  /*background: radial-gradient(#272727, #1b1b1b);*/
  display: grid;
  grid-template-areas: 'overlap';
  place-content: center;
  text-transform: uppercase;
  /*height: 100vh;*/
  margin-top: 100px;
  margin-bottom: 0px;
  width: 80% !important;
  margin-left: auto;
  margin-right: auto;}

.estilovsnomvfc {
    position: absolute;
    text-transform: uppercase;
    font-family: 'Vikings';
    font-size: 46px !important;
    color: #a57220;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    float: right;
}

    .estilovsnomvfcsobre{
    position: relative;
    text-transform: uppercase;
    font-family: 'Vikings';
    font-size: 46px !important;
    background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    color: transparent;
    -webkit-background-clip: text;
    float: right;}

    .estilovsnom {
    position: absolute;
    text-transform: uppercase;
    font-family: 'TrajanProBold';
    font-size: 46px !important;
    color: #a57220;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    float: left;}

    .estilovsnomsobre {
    position: relative;
    text-transform: uppercase;
    font-family: 'TrajanProBold';
    font-size: 46px !important;
    background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    color: transparent;
    -webkit-background-clip: text;
    float: left;}

    .cont-info-versus {
    float: left;
    width: 20% !important;
    padding-top: 200px !important;}

    .imgfooter img {
    width: 100px !important;
    height: auto;}

  .efootervfc {
    position: relative;
    text-transform: uppercase;
    font-family: 'KnuckleheadRegular';
    font-size: 30px !important;
    background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    color: transparent;
    -webkit-background-clip: text;
    filter: drop-shadow(5px 15px 15px rgba(0,0,0,0.99)) !important;
    /* filter: drop-shadow(5px 5px 5px black); */}

    .tbalonf {
    font-size: 20px !important;}   



}    


@media screen and (min-width: 601px) and (max-width:800px){
.mlogotop img{
    width: 295px !important;
    height: 458px !important;}
}    

@media screen and (min-width: 685px) and (max-width:800px){

.contitmes > div {
  background-clip: text;  
  -webkit-background-clip: text;
  color: #363833;
  font-family: 'Vikings';
  font-weight: 900;
  font-size: 75px !important; /* clamp( 3em, 18vw, 15rem) */
  grid-area: overlap;
  letter-spacing: 1px;
  -webkit-text-stroke: 4px transparent;}     

.contitmes {
  /*background: radial-gradient(#272727, #1b1b1b);*/
  display: grid;
  grid-template-areas: 'overlap';
  place-content: center;
  text-transform: uppercase;
  /*height: 100vh;*/
  margin-top: 100px;
  margin-bottom: 0px;
  width: 80% !important;
  margin-left: auto;
  margin-right: auto;}

  .cont-info-versus {
    float: left;
    width: 20% !important;
    padding-top: 207px !important;}

  .imgfooter img {
    width: 100px !important;
    height: auto;}

  .efootervfc {
    position: relative;
    text-transform: uppercase;
    font-family: 'KnuckleheadRegular';
    font-size: 30px !important;
    background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    color: transparent;
    -webkit-background-clip: text;
    filter: drop-shadow(5px 15px 15px rgba(0,0,0,0.99)) !important;
    /* filter: drop-shadow(5px 5px 5px black); */}

    .tbalonf {
    font-size: 20px !important;}     

}

@media screen and (min-width: 801px) and (max-width:850px){

.contitmes > div {
  background-clip: text;  
  -webkit-background-clip: text;
  color: #363833;
  font-family: 'Vikings';
  font-weight: 900;
  font-size: 80px !important; /* clamp( 3em, 18vw, 15rem) */
  grid-area: overlap;
  letter-spacing: 1px;
  -webkit-text-stroke: 4px transparent;}     

.contitmes {
  /*background: radial-gradient(#272727, #1b1b1b);*/
  display: grid;
  grid-template-areas: 'overlap';
  place-content: center;
  text-transform: uppercase;
  /*height: 100vh;*/
  margin-top: 100px;
  margin-bottom: 0px;
  width: 80% !important;
  margin-left: auto;
  margin-right: auto;}   

}    

@media screen and (min-width: 801px) and (max-width:1500px){

.contitmes {
  /*background: radial-gradient(#272727, #1b1b1b);*/
  display: grid;
  grid-template-areas: 'overlap';
  place-content: center;
  text-transform: uppercase;
  /*height: 100vh;*/
  margin-top: 100px;
  margin-bottom: 0px;
  width: 80% !important;
  margin-left: auto;
  margin-right: auto;}   
}

@media screen and (min-width: 801px) and (max-width:1103px){

.cont-info-versus {
float: left;
width: 20% !important;
padding-top: 210px !important;}    

}


.contitmes {
  /*background: radial-gradient(#272727, #1b1b1b);*/
  display: grid;
  grid-template-areas: 'overlap';
  place-content: center;
  text-transform: uppercase;
  /*height: 100vh;*/
  margin-top: 100px;
  margin-bottom: 0px;
}

.contitmes > div {
  background-clip: text;  
  -webkit-background-clip: text;
  color: #363833;
  font-family: 'Vikings';
  font-weight: 900;
  font-size: 95px; /* clamp( 3em, 18vw, 15rem) */
  grid-area: overlap;
  letter-spacing: 1px;
  -webkit-text-stroke: 4px transparent;}


div.bg {
  background-image: repeating-linear-gradient( 105deg, 
    var(--gold) 0% , 
    var(--dark-shadow) 5%,
    var(--gold) 12%);
  color: transparent;
  filter: drop-shadow(5px 15px 15px rgba(0,0,0,0.99)) !important; /* filter: drop-shadow(5px 15px 15px black) !important; */
  transform: scaleY(1.05);
  transform-origin: top;
}
div.fg{
  background-image: repeating-linear-gradient( 5deg,  
    var(--gold) 0% , 
    var(--light-shadow) 23%, 
    var(--gold) 31%);
  color: #1e2127;
  transform: scale(1);
}

/* menu años estilo */

.menulb {
  /*background: radial-gradient(#272727, #1b1b1b);*/
  display: grid;
  grid-template-areas: 'overlap';
  place-content: center;
  text-transform: uppercase;
  /*height: 100vh;*/
  margin-top: 0px;
  margin-bottom: 0px;
}

.menulb > div {
  background-clip: text;  
  -webkit-background-clip: text;
  color: #363833;
  font-family: 'KnuckleheadRegular';
  /* font-weight: 900; */
  font-size: 75px; /* clamp( 3em, 18vw, 15rem) */
  grid-area: overlap;
  letter-spacing: 1px;
  -webkit-text-stroke: 4px transparent;}

/* fin menu años estilo */  

.spark {
    background-color: #DE4A00;
    font-family: 'Helvetica', sans-serif;
    visibility: hidden;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 30%;
    box-shadow: 0 0 5px #AB000B;
}

.tituloResultados {
    /*position: absolute;
    top: 50%; 
    right: 50%;
    transform: translate(50%,-50%);*/
    text-transform: uppercase;
    font-family: 'Vikings';
    font-size: 95px; /*12em*/
    /* font-weight: 700; */
    background-image: linear-gradient(
    to right,
    #462523 0,
        #cb9b51 22%, 
    #f6e27a 45%,
    #f6f2c0 50%,
    #f6e27a 55%,
    #cb9b51 78%,
    #462523 100%
    );
   color:transparent;
   -webkit-background-clip:text;

    text-shadow: 1px 1px 1px #919191,
        1px 2px 1px #919191,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 5px 1px #919191,
        1px 6px 1px #919191,
        1px 7px 1px #919191,
        1px 8px 1px #919191,
        1px 9px 1px #919191,
        1px 10px 1px #919191,
    1px 18px 6px rgba(16,16,16,0.4),
    1px 22px 10px rgba(16,16,16,0.2),
    1px 25px 35px rgba(16,16,16,0.2),
    1px 30px 60px rgba(16,16,16,0.4);
}


/* menu codigo */
#contmenu{
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    /*float: left;*/
}

@media screen and (min-width: 500px) and (max-width: 1199px){

.info-menulb {
    padding: 85px 0 0 0;
    text-align: center;
    /*float: left;*/
    width: 80%;
    margin-left: 40px !important;}

}

@media screen and (min-width: 1200px) and (max-width: 1920px){

.info-menulb {
    padding: 85px 0 0 0;
    text-align: center;
    float: left;
    width: 80%;
    margin-left: 80px !important;}

}  

.estilomenulb{
    position: absolute;
    text-transform: uppercase;
    font-family: 'KnuckleheadLight';
    font-size: 40px;
    color: #f5f5f5;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    float: right;
    margin-top: -5px;
}

.estilomenusobrelb{
position: relative;    
text-transform: uppercase;    
font-family: 'KnuckleheadLight';
font-size: 40px;    
background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
color: transparent;
-webkit-background-clip: text;
}

.estilomenulbd{
    position: absolute;
    text-transform: uppercase;
    font-family: 'KnuckleheadLight';
    font-size: 40px;
    color: #f5f5f5;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    float: right;
    margin-top: -11px;
}

.estilomenusobrelbd{
position: relative;    
text-transform: uppercase;    
font-family: 'KnuckleheadLight';
font-size: 40px;    
background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
color: transparent;
-webkit-background-clip: text;
}

@media screen and (min-width: 500px) and (max-width: 1199px){

.filaunomlb {
    width: 100%;
    border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    border-bottom: 2px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    padding-bottom: 10px;
}

.filadosmlb {
    width: 100%;
    border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    border-bottom: 0px solid;
    border-image-slice: 1;
    border-width: 0px;
    border-top: 0;
    border-right: 0;
    border-left: 0;
}



}

@media screen and (min-width: 1200px) and (max-width: 1920px){

.filaunomlb {
    float: left;
    width: 50%;
    border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    border-right: 2px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
    text-align: right;
    padding-right: 35px;
}



.filadosmlb {
    float: left;
    width: 50%;
    border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    border-right: 0px solid;
    border-image-slice: 1;
    border-width: 0px;
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
    text-align: left;
    padding-left: 31px;
    margin-top: -5px;
}



}


.info-menu {
    padding: 85px 0 0 0;
    text-align: center;
    /*float: left;*/
    width: 100%;
}

.estilomenu{
    position: absolute;
    text-transform: uppercase;
    font-family: 'KnuckleheadLight';
    font-size: 40px;
    color: #f5f5f5;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    float: right;
    margin-top: -5px;
}

.estilomenusobre{
position: relative;    
text-transform: uppercase;    
font-family: 'KnuckleheadLight';
font-size: 40px;    
background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
color: transparent;
-webkit-background-clip: text;
}

.esmenu{
text-transform: uppercase;    
font-family: 'KnuckleheadLight';
font-size: 40px;    
background-image: linear-gradient( to bottom right, #3e3e3d 0, #9b9b9a 22%, #b8b7b6 45%, #f2f1ee 50%, #b8b7b6 55%, #9b9b9a 78%, #3e3e3d 100% );
color: transparent;
-webkit-background-clip: text;
}

.esmenudorado{
text-transform: uppercase;    
font-family: 'KnuckleheadLight' !important;
font-size: 40px !important;    
background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% ) !important;
color: transparent;
-webkit-background-clip: text;
}

/* unvisited link */
a.enlacemenu:link {
text-transform: uppercase;    
font-family: 'KnuckleheadLight';
font-size: 40px;    
background-image: linear-gradient( to bottom right, #3e3e3d 0, #9b9b9a 22%, #b8b7b6 45%, #f2f1ee 50%, #b8b7b6 55%, #9b9b9a 78%, #3e3e3d 100% );
color: transparent;
-webkit-background-clip: text;
}

/* visited link */
a.enlacemenu:visited {
text-transform: uppercase;    
font-family: 'KnuckleheadLight';
font-size: 40px;    
background-image: linear-gradient( to bottom right, #3e3e3d 0, #9b9b9a 22%, #b8b7b6 45%, #f2f1ee 50%, #b8b7b6 55%, #9b9b9a 78%, #3e3e3d 100% );
color: transparent;
-webkit-background-clip: text;
}

/* mouse over link */
a.enlacemenu:hover {
text-transform: uppercase;    
font-family: 'KnuckleheadLight';
font-size: 40px;    
background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% ) !important;
color: transparent;
-webkit-background-clip: text;
animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}

/* selected link */
a.enlacemenu:active {
text-transform: uppercase;    
font-family: 'KnuckleheadLight';
font-size: 40px;    
background-image: linear-gradient( to bottom right, #3e3e3d 0, #9b9b9a 22%, #b8b7b6 45%, #f2f1ee 50%, #b8b7b6 55%, #9b9b9a 78%, #3e3e3d 100% );
color: transparent;
-webkit-background-clip: text;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

/* resultados codigo */

#contresultados{
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    /*float: left;*/
}

.info-resultado {
    padding: 50px 0;
    text-align: center;
    float: left;
    width: 100%;
    display: grid;
    grid-template-areas: 'overlap';
    place-content: center;
}

.info-resultado > div{
background-clip: text;  
-webkit-background-clip: text;
grid-area: overlap;
letter-spacing: 1px;
-webkit-text-stroke: 4px transparent;    

}


.estilotpartidosobre{
    position: relative !important;
    text-transform: uppercase;
    font-family: 'KnuckleheadRegular';
    font-size: 70px;
    background-image: linear-gradient(
    to bottom right,
    #3e3e3d 0,
    #9b9b9a 22%, 
    #b8b7b6 45%,
    #f2f1ee 50%,
    #b8b7b6 55%,
    #9b9b9a 78%,
    #3e3e3d 100%
    );
   color:transparent;
   -webkit-background-clip:text;
}

.estilotpartido{
    position: absolute !important;
    text-transform: uppercase;
    font-family: 'KnuckleheadRegular';
    font-size: 70px;
    color: #f5f5f5;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.info-datos-resultado{
    padding: 0 0 50px 0;
    text-align: center;
    float: left;
    width: 100%;
}

.info-datos-ultfechas{
    padding: 0 0 0 0;
    text-align: center;
    float: left;
    width: 100%;
}

.margentopultfechas{
    margin-top: 50px;
}

.margentopultfechasicons{
    margin-top: -25px;
}

.ultfechasdimensiones{
    padding: 0 0 0 0;
    float: left;
    width: 100%;
    margin-left: 0px;
}

@media screen and (min-width: 430px) and (max-width:499px){

.ultfechasdimensiones{
    padding: 0 0 0 0;
    float: left;
    width: 100%;
    margin-left: 90px;}

}

@media screen and (min-width: 500px) and (max-width:600px){

.ultfechasdimensiones{
    padding: 0 0 0 0;
    float: left;
    width: 100%;
    margin-left: 120px;}

}

@media screen and (min-width: 1300px) and (max-width:1500px){

.ultfechasdimensiones{
    padding: 0 0 0 0;
    float: left;
    width: 100%;
    margin-left: 100px;}

}

@media screen and (min-width: 1501px) and (max-width:1559px){

.ultfechasdimensiones{
    padding: 0 0 0 0;
    float: left;
    width: 100%;
    margin-left: 110px;}

}


@media screen and (min-width: 1560px) and (max-width:1669px){

.ultfechasdimensiones{
    padding: 0 0 0 0;
    float: left;
    width: 100%;
    margin-left: 160px;}

}

@media screen and (min-width: 1670px) and (max-width:1799px){

.ultfechasdimensiones{
    padding: 0 0 0 0;
    float: left;
    width: 100%;
    margin-left: 185px;}

}


@media screen and (min-width: 1800px) and (max-width:1860px){

.ultfechasdimensiones{
    padding: 0 0 0 0;
    float: left;
    width: 100%;
    margin-left: 210px;}

}


@media screen and (min-width: 1861px) and (max-width:1920px){

.ultfechasdimensiones{
    padding: 0 0 0 0;
    float: left;
    width: 100%;
    margin-left: 245px;}

}


@media screen and (min-width: 526px) and (max-width:1199px){
.bordetitmes{
    border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    border-top: 3px solid;
    border-bottom: 3px solid;
    border-image-slice: 1;
    border-width: 3px;
    border-right: 0;
    border-left: 0;
    padding-top: 25px;
    padding-bottom: 25px;}

.bordetitmessin{
    border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    border-top: 0px solid;
    border-bottom: 0px solid;
    border-image-slice: 1;
    border-width: 0px;
    border-right: 0;
    border-left: 0;
    padding-top: 25px;
    padding-bottom: 25px;}

} 

@media screen and (min-width: 1200px) and (max-width:1920px){
.bordetitmes{
    border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    border-top: 3px solid;
    border-bottom: 3px solid;
    border-image-slice: 1;
    border-width: 3px;
    border-right: 0;
    border-left: 0;
    padding-top: 25px;
    padding-bottom: 20px;}

.bordetitmessin{
    border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    border-top: 0px solid;
    border-bottom: 0px solid;
    border-image-slice: 1;
    border-width: 0px;
    border-right: 0;
    border-left: 0;
    padding-top: 25px;
    padding-bottom: 25px;}

}


.bordemenumes{
    border-image-source: linear-gradient( to bottom right, #3e3e3d 0, #9b9b9a 22%, #b8b7b6 45%, #f2f1ee 50%, #b8b7b6 55%, #9b9b9a 78%, #3e3e3d 100% ) !important;
    border-top: 1px solid !important;
    border-image-slice: 1 !important;
    border-width: 1px !important;
    border-bottom: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
}

.bordemenuanos{
    border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% ) !important;
    border-top: 0 !important;
    border-image-slice: 0 !important;
    border-width: 0 !important;
    border-bottom: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
}      

.sinbordemenuanos{
    border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% ) !important;
    border-top: 0 !important;
    border-image-slice: 0 !important;
    border-width: 0 !important;
    border-bottom: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
}  

@media screen and (max-width: 768px) {
.bordemenuanos{
    border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% ) !important;
    border-top: 0 !important;
    border-image-slice: 2 !important;
    border-width: 2px !important;
    border-bottom: 2px solid !important;
    border-right: 0 !important;
    border-left: 0 !important;}

.sinbordemenuanos{
    border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% ) !important;
    border-top: 0 !important;
    border-image-slice: 0 !important;
    border-width: 0px !important;
    border-bottom: 2px solid !important;
    border-right: 0 !important;
    border-left: 0 !important;}    
}


@media screen and (min-width: 500px) and (max-width:1199px){

.filadatosresultado{
    float: left;
    width: 100%;
    border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    border-bottom: 2px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    padding-bottom: 10px;}

.filadatosresultadom{
    float: left;
    width: 100%;
    border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    border-bottom: 2px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    padding-bottom: 10px;}    

.filadatosresultadof{
    float: left;
    width: 100%;
    border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    border-bottom: 0px solid;
    border-image-slice: 1;
    border-width: 0px;
    border-top: 0;
    border-right: 0;
    border-left: 0}

}

@media screen and (min-width: 1200px) and (max-width:1699px){

.filadatosresultado{
    float: left;
    width: 40%;
    border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    border-right: 3px solid;
    border-image-slice: 1;
    border-width: 3px;
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
    text-align: right;
    padding-right: 10px;}

    .filadatosresultadom{
    float: left;
    width: 20%;
    border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    border-right: 3px solid;
    border-image-slice: 1;
    border-width: 3px;
    border-top: 0;
    border-left: 0;
    border-bottom: 0; }

    .filadatosresultadof{
    float: left;
    width: 40%;
    border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    border-right: 0px solid;
    border-image-slice: 1;
    border-width: 0px;
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
    text-align: left; }      

}

@media screen and (min-width: 1700px) and (max-width:1920px){

.filadatosresultado{
    float: left;
    width: 42.5%;
    border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    border-right: 3px solid;
    border-image-slice: 1;
    border-width: 3px;
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
    text-align: right;
    padding-right: 35px;}

    .filadatosresultadom{
    float: left;
    width: 15%;
    border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    border-right: 3px solid;
    border-image-slice: 1;
    border-width: 3px;
    border-top: 0;
    border-left: 0;
    border-bottom: 0; }

    .filadatosresultadof{
    float: left;
    width: 42.5%;
    border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    border-right: 0px solid;
    border-image-slice: 1;
    border-width: 0px;
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
    text-align: left;
    padding-left: 31px; }      

}          

.bordeabajoultfechas{
    border-image-source: linear-gradient(to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100%);
    border-top: 0;
    border-bottom: 3px solid;
    border-image-slice: 1;
    border-width: 3px;
    border-right: 0;
    border-left: 0;
}

.estilotdatosobre{
    position: relative !important;
    text-transform: uppercase;
    font-family: 'KnuckleheadRegular';
    font-size: 50px;
    background-image: linear-gradient(
    to bottom right,
    #3e3e3d 0,
    #9b9b9a 22%, 
    #b8b7b6 45%,
    #f2f1ee 50%,
    #b8b7b6 55%,
    #9b9b9a 78%,
    #3e3e3d 100%
    );
   color:transparent;
   -webkit-background-clip:text;
}

.estilotdato{
    position: absolute !important;
    text-transform: uppercase;
    font-family: 'KnuckleheadRegular';
    font-size: 50px;
    color: #f5f5f5;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    margin-top: -12px;
}

.cont-info-result {
    padding: 40px 0;
}

.cont-info-equipo {
    float: left;
    width: 37.6666666667% !important;

}

.cont-info-marcador{
    float: left;
    width: 100%;
}

.cont-info-equipo-uno {
    float: left;
    width: 40% !important;
    text-align: right;

}

.filacontequipouno{
    float: left;
    width: 100%;
    text-align: right;
}

.filacontequipodos{
    float: left;
    width: 100%;
    text-align: left;
}

.cont-info-versus {
    float: left;
    width: 20% !important;
    padding-top: 160px;

}
.estilovs{
 position: absolute;   
 text-transform: uppercase;
 font-family: 'KnuckleheadSerifRegular';
 font-size: 100px;
 color: #f5f5f5;
 text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);   
 top: 0;
 left: 0;
 right: 0;
 z-index: -1
}

.estilovssobre{
    position: relative;
    text-transform: uppercase;
    font-family: 'KnuckleheadSerifRegular';
    font-size: 100px;
    background-image: linear-gradient(
    to bottom right,
    #3e3e3d 0,
    #9b9b9a 22%, 
    #b8b7b6 45%,
    #f2f1ee 50%,
    #b8b7b6 55%,
    #9b9b9a 78%,
    #3e3e3d 100%
    );
   color:transparent;
   -webkit-background-clip:text;
}

.estilovsnum{
 position: absolute;   
 text-transform: uppercase;
 font-family: 'KnuckleheadDecoBold';
 font-size: 300px;
 color: #a57220;
 text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);   
 top: 0;
 left: 0;
 right: 0;
 z-index: -1
}

.estilovsnumsobre{
    position: relative;
    text-transform: uppercase;
    font-family: 'KnuckleheadDecoBold';
    font-size: 300px;
    background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
   color:transparent;
   -webkit-background-clip:text;
}

.estilovsnomvfc{
 position: absolute;   
 text-transform: uppercase;
 font-family: 'Vikings';
 font-size: 50px;
 color: #a57220;
 text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);   
 top: 0;
 left: 0;
 right: 0;
 z-index: -1;
 float: right;
}

.estilovsnomvfcsobre{
position: relative;    
text-transform: uppercase;
 font-family: 'Vikings';
 font-size: 50px;
 background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
 color:transparent;
 -webkit-background-clip:text;
 float: right;
}


@media screen and (min-width: 1104px) and (max-width:1199px){

.estilovsnomvfcsobre{
position: relative;    
text-transform: uppercase;
font-family: 'Vikings';
font-size: 50px;
background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
color:transparent;
-webkit-background-clip:text;
float: right;
margin-left: -30px;}

}    



.estilovsnom{
 position: absolute;   
 text-transform: uppercase;
 font-family: 'TrajanProBold';
 font-size: 50px;
 color: #a57220;
 text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
 top: 0;
 left: 0;
 right: 0;
 z-index: -1;
 float: left;   
}

.estilovsnomsobre{
position: relative;    
text-transform: uppercase;
 font-family: 'TrajanProBold';
 font-size: 50px;
 background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
   color:transparent;
   -webkit-background-clip:text;
   float: left;
}

.cont-info-equipo-dos {
     float: left;
    width: 40% !important;
    text-align: left;
    }


.cont-info-jugadores{
    text-align: center;
    width: 100%;
    float: left;
}

@media screen and (min-width: 500px) and (max-width:525px){

.tablafndjugadores{
width: 100% !important;
margin-left: 0px;
float: left;}

    }

@media screen and (min-width: 526px) and (max-width:800px){

.tablafndjugadores{
width: 100% !important;
margin-left: 0px;
float: left;}

 }

@media screen and (min-width: 801px) and (max-width:999px){

.tablafndjugadores{
width: 100% !important;
margin-left: 0px;
float: left;}

 }

 @media screen and (min-width: 1000px) and (max-width:1099px){

.tablafndjugadores{
width: 100% !important;
margin-left: 0px;
float: left;}

 }

 @media screen and (min-width: 1100px) and (max-width:1199px){

.tablafndjugadores{
width: 80% !important;
margin-left: 83px;
float: left;}

 }


@media screen and (min-width: 1200px) and (max-width:1399px){

.tablafndjugadores{
width: 80% !important;
margin-left: 100px;
float: left;}

 } 

 @media screen and (min-width: 1400px) and (max-width:1499px){

.tablafndjugadores{
width: 80% !important;
margin-left: 115px;
float: left;}

 } 

@media screen and (min-width: 1500px) and (max-width:1599px){

.tablafndjugadores{
width: 80% !important;
margin-left: 120px;
float: left;}

 } 

@media screen and (min-width: 1600px) and (max-width:1699px){

.tablafndjugadores{
width: 80% !important;
margin-left: 125px;
float: left;}

 }

@media screen and (min-width: 1700px) and (max-width:1750px){

.tablafndjugadores{
width: 80% !important;
margin-left: 140px;
float: left;}    

}

@media screen and (min-width: 1751px) and (max-width:1920px){

.tablafndjugadores{
width: 80% !important;
margin-left: 152px;
float: left;}    

}


@media screen and (min-width: 1751px) and (max-width:1920px){

.tablafndjugadores{
width: 80% !important;
margin-left: 152px;
float: left;}    

}

/* TABLA GOLES EN CONTRA*/

@media screen and (min-width: 500px) and (max-width:525px){

.tablafndgc{
width: 100% !important;
margin-left: 0px;
float: left;}

    }

@media screen and (min-width: 526px) and (max-width:800px){

.tablafndgc{
width: 100% !important;
margin-left: 0px;
float: left;}

 }

@media screen and (min-width: 801px) and (max-width:999px){

.tablafndgc{
width: 100% !important;
margin-right: 0px;
float: left;}

 }

 @media screen and (min-width: 1000px) and (max-width:1099px){

.tablafndgc{
width: 100% !important;
margin-left: 0px;
float: left;}

 }

 @media screen and (min-width: 1100px) and (max-width:1199px){

.tablafndgc{
width: 80% !important;
margin-left: 83px;
float: left;}

 }


@media screen and (min-width: 1200px) and (max-width:1399px){

.tablafndgc{
width: 80% !important;
margin-left: 100px;
float: left;}

 } 

 @media screen and (min-width: 1400px) and (max-width:1499px){

.tablafndgc{
width: 80% !important;
margin-left: 115px;
float: left;}

 } 

@media screen and (min-width: 1500px) and (max-width:1599px){

.tablafndgc{
width: 80% !important;
margin-left: 120px;
float: left;}

 } 

@media screen and (min-width: 1600px) and (max-width:1699px){

.tablafndgc{
width: 80% !important;
margin-left: 125px;
float: left;}

 }

@media screen and (min-width: 1700px) and (max-width:1750px){

.tablafndgc{
width: 45% !important;
margin-left: 600px;
float: left;}    

}

@media screen and (min-width: 1751px) and (max-width:1864px){

.tablafndgc{
width: 40% !important;
margin-left: 642px;
float: left;}    

}


@media screen and (min-width: 1865px) and (max-width:1920px){

.tablafndgc{
width: 40% !important;
margin-left: 722px;
float: left;}    

}



/* TABLA GOLES EN CONTRA FIN */




.numinicialjug{
width: 100% !important;
margin-top: 20px;
margin-bottom: 25px;
float: left;
border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
border-top: 0;
border-bottom: 3px solid;
border-image-slice: 1;
border-width: 3px;
border-right: 0;
border-left: 0;
    
}

.promedionotap{
width: 100% !important;
padding-top: 30px;
margin-top: 20px;
margin-bottom: 25px;
float: left;
border-image-source: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
border-top: 0;
border-top: 3px solid;
border-image-slice: 1;
border-width: 3px;
border-right: 0;
border-left: 0;
    
}

.estilofinicialjug{
    position: absolute;
    text-transform: uppercase;
    font-family: 'KnuckleheadSerifRegular';
    font-size: 60px;
    color: #f5f5f5;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.estilofinicialjugsobre{
    position: relative;
    text-transform: uppercase;
    font-family: 'KnuckleheadSerifRegular';
    font-size: 60px;
    background-image: linear-gradient( to bottom right, #3e3e3d 0, #9b9b9a 22%, #b8b7b6 45%, #f2f1ee 50%, #b8b7b6 55%, #9b9b9a 78%, #3e3e3d 100% );
    color: transparent;
    -webkit-background-clip: text;
}

.conttitulatesjug{
    width: 100% !important;
    height: auto;
    float: left;
    
}

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
}

@media screen and (min-width: 555px) and (max-width:560px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 10px !important;}     

}

@media screen and (min-width: 561px) and (max-width:570px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 13px !important;}       

}

@media screen and (min-width: 571px) and (max-width:580px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 16px !important;}    

    }

@media screen and (min-width: 581px) and (max-width:590px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 22px !important;}     

} 

@media screen and (min-width: 591px) and (max-width:600px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 25px !important;}     

}

@media screen and (min-width: 601px) and (max-width:621px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 10px !important;}     

}   

@media screen and (min-width: 622px) and (max-width:642px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 20px !important;}     

}

@media screen and (min-width: 660px) and (max-width:684px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 20px !important;}    
}

@media screen and (min-width: 715px) and (max-width:725px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 10px !important;}      

}

@media screen and (min-width: 726px) and (max-width:735px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 15px !important;}      

}

@media screen and (min-width: 736px) and (max-width:745px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 20px !important;}      

}

@media screen and (min-width: 746px) and (max-width:755px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 25px !important;}      

}

@media screen and (min-width: 756px) and (max-width:765px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 30px !important;}      

}

@media screen and (min-width: 766px) and (max-width:775px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 35px !important;}      

}

@media screen and (min-width: 776px) and (max-width:785px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 40px !important;}      

}

@media screen and (min-width: 786px) and (max-width:795px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 45px !important;}      

}

@media screen and (min-width: 796px) and (max-width:800px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 50px !important;}      

}

@media screen and (min-width: 801px) and (max-width:820px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 25px !important;}      

}

@media screen and (min-width: 821px) and (max-width:830px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 30px !important;}      

}

@media screen and (min-width: 831px) and (max-width:840px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 35px !important;}      

}

@media screen and (min-width: 841px) and (max-width:850px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 40px !important;}      

}

@media screen and (min-width: 851px) and (max-width:860px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 45px !important;}      

}

@media screen and (min-width: 861px) and (max-width:870px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 50px !important;}      

}

@media screen and (min-width: 871px) and (max-width:880px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 55px !important;}      

}

@media screen and (min-width: 881px) and (max-width:890px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 60px !important;}         

}

@media screen and (min-width: 891px) and (max-width:900px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 65px !important;}         

}

@media screen and (min-width: 901px) and (max-width:910px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 70px !important;}         

}

@media screen and (min-width: 911px) and (max-width:920px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 75px !important;}         

}

@media screen and (min-width: 921px) and (max-width:930px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 80px !important;}         

}

@media screen and (min-width: 931px) and (max-width:939px){

.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 85px !important;}         

}




@media screen and (min-width: 940px) and (max-width:959px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 90px !important;}    

}  

@media screen and (min-width: 960px) and (max-width:979px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 95px !important;}    

}  

@media screen and (min-width: 980px) and (max-width:999px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 100px !important;}    

}    


@media screen and (min-width: 1000px) and (max-width:1019px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 105px !important;}    

}    

@media screen and (min-width: 1000px) and (max-width:1019px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 105px !important;}    

}

@media screen and (min-width: 1020px) and (max-width:1039px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 110px !important;}    

}

@media screen and (min-width: 1040px) and (max-width:1059px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 125px !important;}    

}

@media screen and (min-width: 1060px) and (max-width:1079px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 140px !important;}    

}

@media screen and (min-width: 1080px) and (max-width:1099px){
.filatitulares{
    width: 85% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 155px !important;}
 }


@media screen and (min-width: 1100px) and (max-width:1119px){
.filatitulares{
    width: 85% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 105px !important;}
 }


@media screen and (min-width: 1120px) and (max-width:1139px){
.filatitulares{
    width: 85% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 110px !important;}
 }


@media screen and (min-width: 1140px) and (max-width:1159px){
.filatitulares{
    width: 80% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 115px !important;}
 }

@media screen and (min-width: 1160px) and (max-width:1179px){
.filatitulares{
    width: 80% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 125px !important;}
 }

@media screen and (min-width: 1180px) and (max-width:1199px){
.filatitulares{
    width: 80% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 130px !important;}
 }

@media screen and (min-width: 1200px) and (max-width:1209px){
.filatitulares{
    width: 80% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 132px !important;}
 }

 @media screen and (min-width: 1210px) and (max-width:1219px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 134px !important;}
 }

  @media screen and (min-width: 1220px) and (max-width:1239px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 136px !important;}
 }

  @media screen and (min-width: 1240px) and (max-width:1259px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 138px !important;}
 }

   @media screen and (min-width: 1260px) and (max-width:1279px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 140px !important;}
 }

   @media screen and (min-width: 1280px) and (max-width:1299px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 142px !important;}
 }

   @media screen and (min-width: 1300px) and (max-width:1319px){
.filatitulares{
    width: 100% !important;  
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 144px !important;}
 }

    @media screen and (min-width: 1320px) and (max-width:1339px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 146px !important;}
 }

    @media screen and (min-width: 1340px) and (max-width:1359px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 148px !important;}
 }

    @media screen and (min-width: 1360px) and (max-width:1379px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 150px !important;}
 }

 @media screen and (min-width: 1380px) and (max-width:1399px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 154px !important;}
 }

 @media screen and (min-width: 1400px) and (max-width:1419px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 156px !important;}
 }

  @media screen and (min-width: 1420px) and (max-width:1429px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 158px !important;}
 }

  @media screen and (min-width: 1430px) and (max-width:1439px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 160px !important;}
 }

   @media screen and (min-width: 1440px) and (max-width:1459px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 168px !important;}
 }

   @media screen and (min-width: 1460px) and (max-width:1479px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 175px !important;}
 }

   @media screen and (min-width: 1480px) and (max-width:1499px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 180px !important;}
 }

   @media screen and (min-width: 1500px) and (max-width:1519px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 185px !important;}
 }

  @media screen and (min-width: 1520px) and (max-width:1539px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 195px !important;}
 }

  @media screen and (min-width: 1540px) and (max-width:1559px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 200px !important;}
 }

  @media screen and (min-width: 1560px) and (max-width:1579px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 205px !important;}
 }

 @media screen and (min-width: 1580px) and (max-width:1599px){
.filatitulares{
    width: 100% !important;
    height: auto;
    float: left;
    margin-top: -5px;
    margin-left: 210px !important;}
 }

 @media screen and (min-width: 1600px) and (max-width:1614px){
.filatitulares{
    width: 100% !important;
    height: auto;
    float: left;
    margin-top: -5px;
    margin-left: 215px !important;}
 }



 @media screen and (min-width: 1615px) and (max-width:1624px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 218px !important;}
 }

@media screen and (min-width: 1625px) and (max-width:1634px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 222px !important;}
 }


@media screen and (min-width: 1635px) and (max-width:1649px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 227px !important;}
 }

@media screen and (min-width: 1650px) and (max-width:1659px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 230px !important;}
 }

@media screen and (min-width: 1660px) and (max-width:1669px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 232px !important;}
 }

@media screen and (min-width: 1670px) and (max-width:1684px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 235px !important;}
 }

@media screen and (min-width: 1685px) and (max-width:1699px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 245px !important;}
 }


@media screen and (min-width: 1700px) and (max-width:1719px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 250px !important;}
 }

@media screen and (min-width: 1720px) and (max-width:1739px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 262px !important;}
 }

@media screen and (min-width: 1740px) and (max-width:1759px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 262px !important;}
 }

@media screen and (min-width: 1760px) and (max-width:1769px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 265px !important;}
 }

@media screen and (min-width: 1770px) and (max-width:1779px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 270px !important;}
 }

@media screen and (min-width: 1780px) and (max-width:1799px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 276px !important;}
 }

@media screen and (min-width: 1800px) and (max-width:1819px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 280px !important;}
 }

@media screen and (min-width: 1820px) and (max-width:1829px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 290px !important;}
 }


@media screen and (min-width: 1830px) and (max-width:1849px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 290px !important;}
 }



@media screen and (min-width: 1850px) and (max-width:1869px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 296px !important;}
 }


@media screen and (min-width: 1870px) and (max-width:1879px){
.filatitulares{
    width: 100% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 300px !important;}
 }

@media screen and (min-width: 1880px) and (max-width:1920px){
.filatitulares{
    width: 60% !important;
    height: auto;
     float: left;
     margin-top: -5px;
     margin-left: 315px !important;}
 }

.filatitulares ul{
    float: left;
}

.filatitulares ul li{
    text-align: left;
    list-style:none;
    margin-left: auto;
    margin-right: auto;

}

.filatitulares .fototitular img{
    width: 100%;
    height: auto; /* 100%*/
    margin-top: -25px;
    text-shadow: 
      -1px -1px 1px #efede3, 
      0px 1px 0 #2e2e2e, 
      0px 2px 0 #2c2c2c, 
      0px 3px 0 #2a2a2a, 
      0px 4px 0 #282828, 
      0px 5px 0 #262626, 
      0px 6px 0 #242424, 
      0px 7px 0 #222, 
      0px 8px 0 #202020, 
      0px 9px 0 #1e1e1e, 
      0px 10px 0 #1c1c1c, 
      0px 11px 0 #1a1a1a, 
      0px 12px 0 #181818, 
      0px 13px 0 #161616, 
      0px 14px 0 #141414, 
      0px 15px 0 #121212,
      2px 20px 5px rgba(0, 0, 0, 0.9),
      5px 23px 5px rgba(0, 0, 0, 0.3),
      8px 27px 8px rgba(0, 0, 0, 0.5),
      8px 28px 35px rgba(0, 0, 0, 0.9);
}


.fototitular{
    width: 125px; /*172px*/
    height: auto; /*178px*/
    float: left;}

@media screen and (min-width: 500px) and (max-width:525px){

.fototitular{
    width: 80px; /*172px*/
    height: auto; /*178px*/
    float: left;}

.filatitulares .fototitular img {
    width: 100%;
    height: auto; /* 100%*/
    margin-top: -15px;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
}    

.nombretitular{
    position: absolute;
    font-family: 'VikingosFC';
    font-size: 40px !important;
    float: left;
    color: #a57220;
    text-shadow: 
      -1px -1px 1px #efede3, 
      0px 1px 0 #2e2e2e, 
      0px 2px 0 #2c2c2c, 
      0px 3px 0 #2a2a2a, 
      0px 4px 0 #282828, 
      0px 5px 0 #262626, 
      0px 6px 0 #242424, 
      0px 7px 0 #222, 
      0px 8px 0 #202020, 
      0px 9px 0 #1e1e1e, 
      0px 10px 0 #1c1c1c, 
      0px 11px 0 #1a1a1a, 
      0px 12px 0 #181818, 
      0px 13px 0 #161616, 
      0px 14px 0 #141414, 
      0px 15px 0 #121212,
      2px 20px 5px rgba(0, 0, 0, 0.9),
      5px 23px 5px rgba(0, 0, 0, 0.3),
      8px 27px 8px rgba(0, 0, 0, 0.5),
      8px 28px 35px rgba(0, 0, 0, 0.9);
      top: 0;
      left: 0;
      right: 0;
      z-index: -1;}

.nombretitularsobre{
    position: relative;
    font-family: 'VikingosFC';
    font-size: 40px !important;
    background-image: linear-gradient(
    to bottom right,
    #3f2903 0,
    #9c6c1d 22%, 
    #fbb036 45%,
    #fac56f 50%,
    #fbb036 55%,
    #9c6c1d 78%,
    #3f2903 100%
    );
   color:transparent;
   -webkit-background-clip:text;
   float: left;}

   .tbalon {
    font-size: 22px !important;}

    .estilofinicialjug{
    position: absolute;
    text-transform: uppercase;
    font-family: 'KnuckleheadSerifRegular';
    font-size: 50px;
    color: #f5f5f5;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;}

.estilofinicialjugsobre{
    position: relative;
    text-transform: uppercase;
    font-family: 'KnuckleheadSerifRegular';
    font-size: 50px;
    background-image: linear-gradient( to bottom right, #3e3e3d 0, #9b9b9a 22%, #b8b7b6 45%, #f2f1ee 50%, #b8b7b6 55%, #9b9b9a 78%, #3e3e3d 100% );
    color: transparent;
    -webkit-background-clip: text;}

.imgfechapartido{
    width: 305px !important;
    height: 243px !important;
    margin-left: auto;
    margin-right: auto;
    opacity: 1 !important;
    margin-top: 50px;
    margin-bottom: 45px;
    padding: 15px 15px 15px 15px !important;
    border: 20px solid transparent !important;
    -moz-border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    -webkit-border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    -o-border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 19px 38px, rgba(0, 0, 0, 0.52) 0px 15px 12px !important;}

    .imgfechapartido img {
    width: 234px !important;
    height: 176px !important;
    box-shadow: rgb(0 0 0 / 60%) 0px 19px 38px, rgb(0 0 0 / 52%) 0px 15px 12px;}

    .c-preview {
  background: #000;
  /*background: -moz-linear-gradient(-45deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);*/
  background: -moz-linear-gradient(-45deg, #000000 0%, #000000 25%, #9b9b9a 50%, #3f2903 75%, #fbb036 100%);
  /* FF3.6-15 */
  /*background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);*/
  background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 25%, #9b9b9a 50%, #3f2903 75%, #fbb036 100%);
  /* Chrome10-25,Safari5.1-6 */
  /*background: linear-gradient(135deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);*/
  background: linear-gradient(135deg, #000000 0%, #000000 25%, #9b9b9a 50%, #3f2903 75%, #fbb036 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-size: 400% 400%;
  background-repeat: no-repeat;
  display: flex;
  width: 234px !important;
  height: 176px !important;
  max-width: 100vw;
  max-height: 100vh;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: relative;
  cursor: pointer;
  transition: 0.5s all;
  box-shadow: rgba(0, 0, 0, 0.6) 0px 19px 38px, rgba(0, 0, 0, 0.52) 0px 15px 12px;
  text-decoration: none;}

  .c-preview__title {
  position: relative;
  z-index: 10;
  text-transform: uppercase;
font-family: 'KnuckleheadSerifRegular';
font-size: 25px;
background-image: linear-gradient( to bottom right, #3e3e3d 0, #9b9b9a 22%, #b8b7b6 45%, #f2f1ee 50%, #b8b7b6 55%, #9b9b9a 78%, #3e3e3d 100% );
color: transparent;
-webkit-background-clip: text;
letter-spacing: 0.05em;
margin-left: 189px !important;
margin-top: -131px !important; }   
     
}


/* */
@media screen and (min-width: 526px) and (max-width:555px){

.fototitular{
    width: 85px; /*172px*/
    height: auto; /*178px*/
    float: left;}

.filatitulares .fototitular img {
    width: 100%;
    height: auto; /* 100%*/
    margin-top: -15px;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
}    

.nombretitular{
    position: absolute;
    font-family: 'VikingosFC';
    font-size: 44.5px !important;
    float: left;
    color: #a57220;
    text-shadow: 
      -1px -1px 1px #efede3, 
      0px 1px 0 #2e2e2e, 
      0px 2px 0 #2c2c2c, 
      0px 3px 0 #2a2a2a, 
      0px 4px 0 #282828, 
      0px 5px 0 #262626, 
      0px 6px 0 #242424, 
      0px 7px 0 #222, 
      0px 8px 0 #202020, 
      0px 9px 0 #1e1e1e, 
      0px 10px 0 #1c1c1c, 
      0px 11px 0 #1a1a1a, 
      0px 12px 0 #181818, 
      0px 13px 0 #161616, 
      0px 14px 0 #141414, 
      0px 15px 0 #121212,
      2px 20px 5px rgba(0, 0, 0, 0.9),
      5px 23px 5px rgba(0, 0, 0, 0.3),
      8px 27px 8px rgba(0, 0, 0, 0.5),
      8px 28px 35px rgba(0, 0, 0, 0.9);
      top: 0;
      left: 0;
      right: 0;
      z-index: -1;}

.nombretitularsobre{
    position: relative;
    font-family: 'VikingosFC';
    font-size: 44.5px !important;
    background-image: linear-gradient(
    to bottom right,
    #3f2903 0,
    #9c6c1d 22%, 
    #fbb036 45%,
    #fac56f 50%,
    #fbb036 55%,
    #9c6c1d 78%,
    #3f2903 100%
    );
   color:transparent;
   -webkit-background-clip:text;
   float: left;}

   .tbalon {
    font-size: 25px !important;}

    .estilofinicialjug{
    position: absolute;
    text-transform: uppercase;
    font-family: 'KnuckleheadSerifRegular';
    font-size: 55px;
    color: #f5f5f5;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;}

.estilofinicialjugsobre{
    position: relative;
    text-transform: uppercase;
    font-family: 'KnuckleheadSerifRegular';
    font-size: 55px;
    background-image: linear-gradient( to bottom right, #3e3e3d 0, #9b9b9a 22%, #b8b7b6 45%, #f2f1ee 50%, #b8b7b6 55%, #9b9b9a 78%, #3e3e3d 100% );
    color: transparent;
    -webkit-background-clip: text;}

.imgfechapartido{
    width: 355px !important;
    height: 283px !important;
    margin-left: auto;
    margin-right: auto;
    opacity: 1 !important;
    margin-top: 50px;
    margin-bottom: 45px;
    padding: 15px 15px 15px 15px !important;
    border: 20px solid transparent !important;
    -moz-border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    -webkit-border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    -o-border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 19px 38px, rgba(0, 0, 0, 0.52) 0px 15px 12px !important;}

    .imgfechapartido img {
    width: 284px !important;
    height: 213px !important;
    box-shadow: rgb(0 0 0 / 60%) 0px 19px 38px, rgb(0 0 0 / 52%) 0px 15px 12px;}

    .c-preview {
  background: #000;
  /*background: -moz-linear-gradient(-45deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);*/
  background: -moz-linear-gradient(-45deg, #000000 0%, #000000 25%, #9b9b9a 50%, #3f2903 75%, #fbb036 100%);
  /* FF3.6-15 */
  /*background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);*/
  background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 25%, #9b9b9a 50%, #3f2903 75%, #fbb036 100%);
  /* Chrome10-25,Safari5.1-6 */
  /*background: linear-gradient(135deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);*/
  background: linear-gradient(135deg, #000000 0%, #000000 25%, #9b9b9a 50%, #3f2903 75%, #fbb036 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-size: 400% 400%;
  background-repeat: no-repeat;
  display: flex;
  width: 284px !important;
  height: 213px !important;
  max-width: 100vw;
  max-height: 100vh;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: relative;
  cursor: pointer;
  transition: 0.5s all;
  box-shadow: rgba(0, 0, 0, 0.6) 0px 19px 38px, rgba(0, 0, 0, 0.52) 0px 15px 12px;
  text-decoration: none;}

  .c-preview__title {
  position: relative;
  z-index: 10;
  text-transform: uppercase;
font-family: 'KnuckleheadSerifRegular';
font-size: 25px;
background-image: linear-gradient( to bottom right, #3e3e3d 0, #9b9b9a 22%, #b8b7b6 45%, #f2f1ee 50%, #b8b7b6 55%, #9b9b9a 78%, #3e3e3d 100% );
color: transparent;
-webkit-background-clip: text;
letter-spacing: 0.05em;
margin-left: 235px !important;
margin-top: -165px !important; } 

}
/* */

@media screen and (min-width: 556px) and (max-width:600px){

.fototitular {
    width: 90px;
    height: auto;
    float: left;}

.filatitulares .fototitular img {
    width: 100%;
    height: auto; /* 100%*/
    margin-top: -20px;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
}      

.nombretitular{
    position: absolute;
    font-family: 'VikingosFC';
    font-size: 47px !important;
    float: left;
    color: #a57220;
    text-shadow: 
      -1px -1px 1px #efede3, 
      0px 1px 0 #2e2e2e, 
      0px 2px 0 #2c2c2c, 
      0px 3px 0 #2a2a2a, 
      0px 4px 0 #282828, 
      0px 5px 0 #262626, 
      0px 6px 0 #242424, 
      0px 7px 0 #222, 
      0px 8px 0 #202020, 
      0px 9px 0 #1e1e1e, 
      0px 10px 0 #1c1c1c, 
      0px 11px 0 #1a1a1a, 
      0px 12px 0 #181818, 
      0px 13px 0 #161616, 
      0px 14px 0 #141414, 
      0px 15px 0 #121212,
      2px 20px 5px rgba(0, 0, 0, 0.9),
      5px 23px 5px rgba(0, 0, 0, 0.3),
      8px 27px 8px rgba(0, 0, 0, 0.5),
      8px 28px 35px rgba(0, 0, 0, 0.9);
      top: 0;
      left: 0;
      right: 0;
      z-index: -1;}

.nombretitularsobre{
    position: relative;
    font-family: 'VikingosFC';
    font-size: 47px !important;
    background-image: linear-gradient(
    to bottom right,
    #3f2903 0,
    #9c6c1d 22%, 
    #fbb036 45%,
    #fac56f 50%,
    #fbb036 55%,
    #9c6c1d 78%,
    #3f2903 100%
    );
   color:transparent;
   -webkit-background-clip:text;
   float: left;}

   .tbalon {
    font-size: 27px !important;}

    .imgfechapartido{
    width: 355px !important;
    height: 283px !important;
    margin-left: auto;
    margin-right: auto;
    opacity: 1 !important;
    margin-top: 50px;
    margin-bottom: 45px;
    padding: 15px 15px 15px 15px !important;
    border: 20px solid transparent !important;
    -moz-border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    -webkit-border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    -o-border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 19px 38px, rgba(0, 0, 0, 0.52) 0px 15px 12px !important;}

    .imgfechapartido img{
    width: 284px !important;
    height: 213px !important;
    box-shadow: rgb(0 0 0 / 60%) 0px 19px 38px, rgb(0 0 0 / 52%) 0px 15px 12px;}

    .c-preview {
  background: #000;
  /*background: -moz-linear-gradient(-45deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);*/
  background: -moz-linear-gradient(-45deg, #000000 0%, #000000 25%, #9b9b9a 50%, #3f2903 75%, #fbb036 100%);
  /* FF3.6-15 */
  /*background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);*/
  background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 25%, #9b9b9a 50%, #3f2903 75%, #fbb036 100%);
  /* Chrome10-25,Safari5.1-6 */
  /*background: linear-gradient(135deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);*/
  background: linear-gradient(135deg, #000000 0%, #000000 25%, #9b9b9a 50%, #3f2903 75%, #fbb036 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-size: 400% 400%;
  background-repeat: no-repeat;
  display: flex;
  width: 284px !important;
  height: 213px !important;
  max-width: 100vw;
  max-height: 100vh;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: relative;
  cursor: pointer;
  transition: 0.5s all;
  box-shadow: rgba(0, 0, 0, 0.6) 0px 19px 38px, rgba(0, 0, 0, 0.52) 0px 15px 12px;
  text-decoration: none;}

  .c-preview__title {
  position: relative;
  z-index: 10;
  text-transform: uppercase;
font-family: 'KnuckleheadSerifRegular';
font-size: 25px;
background-image: linear-gradient( to bottom right, #3e3e3d 0, #9b9b9a 22%, #b8b7b6 45%, #f2f1ee 50%, #b8b7b6 55%, #9b9b9a 78%, #3e3e3d 100% );
color: transparent;
-webkit-background-clip: text;
letter-spacing: 0.05em;
margin-left: 239px !important;
margin-top: -168px !important; }     


}

@media screen and (min-width: 601px) and (max-width:642px){

.fototitular {
    width: 100px;
    height: auto;
    float: left;}

.filatitulares .fototitular img {
    width: 100%;
    height: auto; /* 100%*/
    margin-top: -23px;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
}          

.nombretitular{
    position: absolute;
    font-family: 'VikingosFC';
    font-size: 52px !important;
    float: left;
    color: #a57220;
    text-shadow: 
      -1px -1px 1px #efede3, 
      0px 1px 0 #2e2e2e, 
      0px 2px 0 #2c2c2c, 
      0px 3px 0 #2a2a2a, 
      0px 4px 0 #282828, 
      0px 5px 0 #262626, 
      0px 6px 0 #242424, 
      0px 7px 0 #222, 
      0px 8px 0 #202020, 
      0px 9px 0 #1e1e1e, 
      0px 10px 0 #1c1c1c, 
      0px 11px 0 #1a1a1a, 
      0px 12px 0 #181818, 
      0px 13px 0 #161616, 
      0px 14px 0 #141414, 
      0px 15px 0 #121212,
      2px 20px 5px rgba(0, 0, 0, 0.9),
      5px 23px 5px rgba(0, 0, 0, 0.3),
      8px 27px 8px rgba(0, 0, 0, 0.5),
      8px 28px 35px rgba(0, 0, 0, 0.9);
      top: 0;
      left: 0;
      right: 0;
      z-index: -1;}

.nombretitularsobre{
    position: relative;
    font-family: 'VikingosFC';
    font-size: 52px !important;
    background-image: linear-gradient(
    to bottom right,
    #3f2903 0,
    #9c6c1d 22%, 
    #fbb036 45%,
    #fac56f 50%,
    #fbb036 55%,
    #9c6c1d 78%,
    #3f2903 100%
    );
   color:transparent;
   -webkit-background-clip:text;
   float: left;
   margin-top: 7px;}

   .tbalon {
    font-size: 30px !important;}

    .imgfechapartido{
    width: 355px !important;
    height: 283px !important;
    margin-left: auto;
    margin-right: auto;
    opacity: 1 !important;
    margin-top: 50px;
    margin-bottom: 45px;
    padding: 15px 15px 15px 15px !important;
    border: 20px solid transparent !important;
    -moz-border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    -webkit-border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    -o-border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 19px 38px, rgba(0, 0, 0, 0.52) 0px 15px 12px !important;}

    .imgfechapartido img{
    width: 284px !important;
    height: 213px !important;
    box-shadow: rgb(0 0 0 / 60%) 0px 19px 38px, rgb(0 0 0 / 52%) 0px 15px 12px;}

    .c-preview {
  background: #000;
  /*background: -moz-linear-gradient(-45deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);*/
  background: -moz-linear-gradient(-45deg, #000000 0%, #000000 25%, #9b9b9a 50%, #3f2903 75%, #fbb036 100%);
  /* FF3.6-15 */
  /*background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);*/
  background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 25%, #9b9b9a 50%, #3f2903 75%, #fbb036 100%);
  /* Chrome10-25,Safari5.1-6 */
  /*background: linear-gradient(135deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);*/
  background: linear-gradient(135deg, #000000 0%, #000000 25%, #9b9b9a 50%, #3f2903 75%, #fbb036 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-size: 400% 400%;
  background-repeat: no-repeat;
  display: flex;
  width: 284px !important;
  height: 213px !important;
  max-width: 100vw;
  max-height: 100vh;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: relative;
  cursor: pointer;
  transition: 0.5s all;
  box-shadow: rgba(0, 0, 0, 0.6) 0px 19px 38px, rgba(0, 0, 0, 0.52) 0px 15px 12px;
  text-decoration: none;}

  .c-preview__title {
  position: relative;
  z-index: 10;
  text-transform: uppercase;
font-family: 'KnuckleheadSerifRegular';
font-size: 25px;
background-image: linear-gradient( to bottom right, #3e3e3d 0, #9b9b9a 22%, #b8b7b6 45%, #f2f1ee 50%, #b8b7b6 55%, #9b9b9a 78%, #3e3e3d 100% );
color: transparent;
-webkit-background-clip: text;
letter-spacing: 0.05em;
margin-left: 239px !important;
margin-top: -168px !important; }         


}

@media screen and (min-width: 643px) and (max-width:684px){

.fototitular {
    width: 110px;
    height: auto;
    float: left;}

.nombretitular{
    position: absolute;
    font-family: 'VikingosFC';
    font-size: 57px !important;
    float: left;
    color: #a57220;
    text-shadow: 
      -1px -1px 1px #efede3, 
      0px 1px 0 #2e2e2e, 
      0px 2px 0 #2c2c2c, 
      0px 3px 0 #2a2a2a, 
      0px 4px 0 #282828, 
      0px 5px 0 #262626, 
      0px 6px 0 #242424, 
      0px 7px 0 #222, 
      0px 8px 0 #202020, 
      0px 9px 0 #1e1e1e, 
      0px 10px 0 #1c1c1c, 
      0px 11px 0 #1a1a1a, 
      0px 12px 0 #181818, 
      0px 13px 0 #161616, 
      0px 14px 0 #141414, 
      0px 15px 0 #121212,
      2px 20px 5px rgba(0, 0, 0, 0.9),
      5px 23px 5px rgba(0, 0, 0, 0.3),
      8px 27px 8px rgba(0, 0, 0, 0.5),
      8px 28px 35px rgba(0, 0, 0, 0.9);
      top: 0;
      left: 0;
      right: 0;
      z-index: -1;}

.nombretitularsobre{
    position: relative;
    font-family: 'VikingosFC';
    font-size: 57px !important;
    background-image: linear-gradient(
    to bottom right,
    #3f2903 0,
    #9c6c1d 22%, 
    #fbb036 45%,
    #fac56f 50%,
    #fbb036 55%,
    #9c6c1d 78%,
    #3f2903 100%
    );
   color:transparent;
   -webkit-background-clip:text;
   float: left;
   margin-top: 7px;}

   .tbalon {
    font-size: 30px !important;}

    .imgfechapartido{
    width: 385px !important;
    height: 307px !important;
    margin-left: auto;
    margin-right: auto;
    opacity: 1 !important;
    margin-top: 50px;
    margin-bottom: 45px;
    padding: 15px 15px 15px 15px !important;
    border: 20px solid transparent !important;
    -moz-border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    -webkit-border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    -o-border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 19px 38px, rgba(0, 0, 0, 0.52) 0px 15px 12px !important;}

    .imgfechapartido img{
    width: 313px !important;
    height: 237px !important;
    box-shadow: rgb(0 0 0 / 60%) 0px 19px 38px, rgb(0 0 0 / 52%) 0px 15px 12px;}

    .c-preview {
  background: #000;
  /*background: -moz-linear-gradient(-45deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);*/
  background: -moz-linear-gradient(-45deg, #000000 0%, #000000 25%, #9b9b9a 50%, #3f2903 75%, #fbb036 100%);
  /* FF3.6-15 */
  /*background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);*/
  background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 25%, #9b9b9a 50%, #3f2903 75%, #fbb036 100%);
  /* Chrome10-25,Safari5.1-6 */
  /*background: linear-gradient(135deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);*/
  background: linear-gradient(135deg, #000000 0%, #000000 25%, #9b9b9a 50%, #3f2903 75%, #fbb036 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-size: 400% 400%;
  background-repeat: no-repeat;
  display: flex;
  width: 313px !important;
  height: 237px !important;
  max-width: 100vw;
  max-height: 100vh;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: relative;
  cursor: pointer;
  transition: 0.5s all;
  box-shadow: rgba(0, 0, 0, 0.6) 0px 19px 38px, rgba(0, 0, 0, 0.52) 0px 15px 12px;
  text-decoration: none;}

  .c-preview__title {
  position: relative;
  z-index: 10;
  text-transform: uppercase;
font-family: 'KnuckleheadSerifRegular';
font-size: 30px;
background-image: linear-gradient( to bottom right, #3e3e3d 0, #9b9b9a 22%, #b8b7b6 45%, #f2f1ee 50%, #b8b7b6 55%, #9b9b9a 78%, #3e3e3d 100% );
color: transparent;
-webkit-background-clip: text;
letter-spacing: 0.05em;
margin-left: 258px !important;
margin-top: -182px !important; }          

}

@media screen and (min-width: 685px) and (max-width:800px){

.nombretitular{
    position: absolute;
    font-family: 'VikingosFC';
    font-size: 60px !important;
    float: left;
    color: #a57220;
    text-shadow: 
      -1px -1px 1px #efede3, 
      0px 1px 0 #2e2e2e, 
      0px 2px 0 #2c2c2c, 
      0px 3px 0 #2a2a2a, 
      0px 4px 0 #282828, 
      0px 5px 0 #262626, 
      0px 6px 0 #242424, 
      0px 7px 0 #222, 
      0px 8px 0 #202020, 
      0px 9px 0 #1e1e1e, 
      0px 10px 0 #1c1c1c, 
      0px 11px 0 #1a1a1a, 
      0px 12px 0 #181818, 
      0px 13px 0 #161616, 
      0px 14px 0 #141414, 
      0px 15px 0 #121212,
      2px 20px 5px rgba(0, 0, 0, 0.9),
      5px 23px 5px rgba(0, 0, 0, 0.3),
      8px 27px 8px rgba(0, 0, 0, 0.5),
      8px 28px 35px rgba(0, 0, 0, 0.9);
      top: 0;
      left: 0;
      right: 0;
      z-index: -1;}

.nombretitularsobre{
    position: relative;
    font-family: 'VikingosFC';
    font-size: 60px !important;
    background-image: linear-gradient(
    to bottom right,
    #3f2903 0,
    #9c6c1d 22%, 
    #fbb036 45%,
    #fac56f 50%,
    #fbb036 55%,
    #9c6c1d 78%,
    #3f2903 100%
    );
   color:transparent;
   -webkit-background-clip:text;
   float: left;
   margin-top: 7px;}

   .imgfechapartido{
    width: 470px !important;
    height: 368px !important;
    margin-left: auto;
    margin-right: auto;
    opacity: 1 !important;
    margin-top: 50px;
    margin-bottom: 45px;
    padding: 20px 20px 20px 20px !important;
    border: 25px solid transparent !important;
    -moz-border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    -webkit-border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    -o-border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 19px 38px, rgba(0, 0, 0, 0.52) 0px 15px 12px !important;}

   .imgfechapartido img{
    width: 380px !important;
    height: 278px !important;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 19px 38px, rgba(0, 0, 0, 0.52) 0px 15px 12px;}

    .c-preview {
  background: #000;
  /*background: -moz-linear-gradient(-45deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);*/
  background: -moz-linear-gradient(-45deg, #000000 0%, #000000 25%, #9b9b9a 50%, #3f2903 75%, #fbb036 100%);
  /* FF3.6-15 */
  /*background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);*/
  background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 25%, #9b9b9a 50%, #3f2903 75%, #fbb036 100%);
  /* Chrome10-25,Safari5.1-6 */
  /*background: linear-gradient(135deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);*/
  background: linear-gradient(135deg, #000000 0%, #000000 25%, #9b9b9a 50%, #3f2903 75%, #fbb036 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-size: 400% 400%;
  background-repeat: no-repeat;
  display: flex;
  width: 380px !important;
  height: 278px !important;
  max-width: 100vw;
  max-height: 100vh;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: relative;
  cursor: pointer;
  transition: 0.5s all;
  box-shadow: rgba(0, 0, 0, 0.6) 0px 19px 38px, rgba(0, 0, 0, 0.52) 0px 15px 12px;
  text-decoration: none;}

  .c-preview__title {
  position: relative;
  z-index: 10;
  text-transform: uppercase;
font-family: 'KnuckleheadSerifRegular';
/*font-size: 60px;*/
background-image: linear-gradient( to bottom right, #3e3e3d 0, #9b9b9a 22%, #b8b7b6 45%, #f2f1ee 50%, #b8b7b6 55%, #9b9b9a 78%, #3e3e3d 100% );
color: transparent;
-webkit-background-clip: text;
letter-spacing: 0.05em;
margin-left: 315px !important;
margin-top: -213px !important; }         

}

@media screen and (min-width: 801px) and (max-width:1050px){

.imgfechapartido{
    width: 552px !important;
    height: 433px !important;
    margin-left: auto;
    margin-right: auto;
    opacity: 1 !important;
    margin-top: 50px;
    margin-bottom: 45px;
    padding: 25px 25px 25px 25px !important;
    border: 30px solid transparent !important;
    -moz-border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    -webkit-border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    -o-border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    border-image: url(img/bgfotomatch.jpg) 30 30 round !important;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 19px 38px, rgba(0, 0, 0, 0.52) 0px 15px 12px !important;}

   .imgfechapartido img{
    width: 442px !important;
    height: 323px !important;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 19px 38px, rgba(0, 0, 0, 0.52) 0px 15px 12px;}

  .c-preview {
  background: #000;
  /*background: -moz-linear-gradient(-45deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);*/
  background: -moz-linear-gradient(-45deg, #000000 0%, #000000 25%, #9b9b9a 50%, #3f2903 75%, #fbb036 100%);
  /* FF3.6-15 */
  /*background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);*/
  background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 25%, #9b9b9a 50%, #3f2903 75%, #fbb036 100%);
  /* Chrome10-25,Safari5.1-6 */
  /*background: linear-gradient(135deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);*/
  background: linear-gradient(135deg, #000000 0%, #000000 25%, #9b9b9a 50%, #3f2903 75%, #fbb036 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-size: 400% 400%;
  background-repeat: no-repeat;
  display: flex;
  width: 442px !important;
  height: 323px !important;
  max-width: 100vw;
  max-height: 100vh;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: relative;
  cursor: pointer;
  transition: 0.5s all;
  box-shadow: rgba(0, 0, 0, 0.6) 0px 19px 38px, rgba(0, 0, 0, 0.52) 0px 15px 12px;
  text-decoration: none;}

  .c-preview__title {
  position: relative;
  z-index: 10;
  text-transform: uppercase;
font-family: 'KnuckleheadSerifRegular';
/*font-size: 60px;*/
background-image: linear-gradient( to bottom right, #3e3e3d 0, #9b9b9a 22%, #b8b7b6 45%, #f2f1ee 50%, #b8b7b6 55%, #9b9b9a 78%, #3e3e3d 100% );
color: transparent;
-webkit-background-clip: text;
letter-spacing: 0.05em;
margin-left: 370px !important;
margin-top: -260px !important; } 



}



.nombretitular{
    position: absolute;
    font-family: 'VikingosFC';
    font-size: 70px;
    float: left;
    color: #a57220;
    text-shadow: 
      -1px -1px 1px #efede3, 
      0px 1px 0 #2e2e2e, 
      0px 2px 0 #2c2c2c, 
      0px 3px 0 #2a2a2a, 
      0px 4px 0 #282828, 
      0px 5px 0 #262626, 
      0px 6px 0 #242424, 
      0px 7px 0 #222, 
      0px 8px 0 #202020, 
      0px 9px 0 #1e1e1e, 
      0px 10px 0 #1c1c1c, 
      0px 11px 0 #1a1a1a, 
      0px 12px 0 #181818, 
      0px 13px 0 #161616, 
      0px 14px 0 #141414, 
      0px 15px 0 #121212,
      2px 20px 5px rgba(0, 0, 0, 0.9),
      5px 23px 5px rgba(0, 0, 0, 0.3),
      8px 27px 8px rgba(0, 0, 0, 0.5),
      8px 28px 35px rgba(0, 0, 0, 0.9);
      top: 0;
      left: 0;
      right: 0;
      z-index: -1;
}

.nombretitularsobre{
    position: relative;
    font-family: 'VikingosFC';
    font-size: 70px;
    background-image: linear-gradient(
    to bottom right,
    #3f2903 0,
    #9c6c1d 22%, 
    #fbb036 45%,
    #fac56f 50%,
    #fbb036 55%,
    #9c6c1d 78%,
    #3f2903 100%
    );
   color:transparent;
   -webkit-background-clip:text;
   float: left;
}

.contimgpartido{
    width: 100% !important;
    height: auto;
    float: left;
    
}


.imgfechapartido{
    width: 610px;
    height: 485px;
    margin-left: auto;
    margin-right: auto;
    opacity: 1 !important;
    margin-top: 50px;
    margin-bottom: 45px;
    padding: 25px 25px 25px 25px;
    border: 30px solid transparent;
    -moz-border-image: url(img/bgfotomatch.jpg) 30 30 round;
    -webkit-border-image: url(img/bgfotomatch.jpg) 30 30 round;
    -o-border-image: url(img/bgfotomatch.jpg) 30 30 round;
    border-image: url(img/bgfotomatch.jpg) 30 30 round;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 19px 38px, rgba(0, 0, 0, 0.52) 0px 15px 12px;
}


.imgfechapartido img{
    width: 500px;
    height: 375px;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 19px 38px, rgba(0, 0, 0, 0.52) 0px 15px 12px;
}

.c-preview {
  background: #000;
  /*background: -moz-linear-gradient(-45deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);*/
  background: -moz-linear-gradient(-45deg, #000000 0%, #000000 25%, #9b9b9a 50%, #3f2903 75%, #fbb036 100%);
  /* FF3.6-15 */
  /*background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);*/
  background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 25%, #9b9b9a 50%, #3f2903 75%, #fbb036 100%);
  /* Chrome10-25,Safari5.1-6 */
  /*background: linear-gradient(135deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);*/
  background: linear-gradient(135deg, #000000 0%, #000000 25%, #9b9b9a 50%, #3f2903 75%, #fbb036 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-size: 400% 400%;
  background-repeat: no-repeat;
  display: flex;
  width: 500px;
  height: 375px;
  max-width: 100vw;
  max-height: 100vh;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: relative;
  cursor: pointer;
  transition: 0.5s all;
  box-shadow: rgba(0, 0, 0, 0.6) 0px 19px 38px, rgba(0, 0, 0, 0.52) 0px 15px 12px;
  text-decoration: none;}

.c-preview__img {
  position: absolute;
  left: 0;
  top: 0;
  /*background: #000 url(https://images.unsplash.com/photo-1466657718950-8f9346c04f8f?dpr=1&auto=format&fit=crop&w=800&h=800&q=80&cs=tinysrgb) no-repeat center center;*/
  background: #000 url('img/foto-partidos/partido-17-03-23-web.jpg') no-repeat center center;
  /*background-image: url('img/delete-person-f.jpg');*/
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 1;
  mix-blend-mode: screen;
  /*box-shadow: rgba(0, 0, 0, 0.6) 0px 19px 38px, rgba(0, 0, 0, 0.52) 0px 15px 12px;*/}

.c-preview__img:hover {
  position: absolute;
  left: 0;
  top: 0;
  /*background: #000 url(https://images.unsplash.com/photo-1466657718950-8f9346c04f8f?dpr=1&auto=format&fit=crop&w=800&h=800&q=80&cs=tinysrgb) no-repeat center center;*/
  background: #000 url('img/foto-partidos/partido-17-03-23-web.jpg') no-repeat center center;
  /*background-image: url('img/delete-person-f.jpg');*/
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.5;
  mix-blend-mode: screen;
  /*box-shadow: rgba(0, 0, 0, 0.6) 0px 19px 38px, rgba(0, 0, 0, 0.52) 0px 15px 12px;*/}  

.c-preview__title {
  position: relative;
  z-index: 10;
  text-transform: uppercase;
font-family: 'KnuckleheadSerifRegular';
/*font-size: 60px;*/
background-image: linear-gradient( to bottom right, #3e3e3d 0, #9b9b9a 22%, #b8b7b6 45%, #f2f1ee 50%, #b8b7b6 55%, #9b9b9a 78%, #3e3e3d 100% );
color: transparent;
-webkit-background-clip: text;
letter-spacing: 0.05em;
margin-left: 425px;
margin-top: -300px; }

.c-preview__titlesombra {
  position: absolute;
    text-transform: uppercase;
    font-family: 'KnuckleheadSerifRegular';
    /*font-size: 60px;*/
    color: #9b9b9a;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;}

.c-preview:hover {
  background-position: 100% 100%;}

.c-preview:hover__title {
  text-shadow: 0 0 20px black;}


.cont-info-separar {
    text-align: center;
    width: 100%;
    float: left;
}

.card {
  width: 100%;
  height: auto; /* 100% */
  padding: 30px;

  text-transform: uppercase;
  color: rgba(240 240 240 / 0.7);

  border-radius: 20px;
  background-image: linear-gradient(
    150deg,
    rgba(255 255 255 / 40%) 0%,
    rgba(255 255 255 / 10%) 100%
  );
  backdrop-filter: blur(20px);
  box-shadow: 0 1px 24px -1px rgba(0 0 0 / 10%);

  transition: transform 0.2s ease-out;
  will-change: transform;

/*   animation-name: spin; */
  animation-timing-function: linear;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}

.card--light {
  color: #13131a;
  background-image: linear-gradient(
    150deg,
    rgba(0 0 0 / 7%) 0%,
    rgba(0 0 0 / 2%) 100%
  );
  box-shadow: 0 1px 24px -1px rgba(0 0 0 / 30%);
}

@supports (-webkit-mask: initial) {
  .card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    padding: 2px;
    background: linear-gradient(
      135deg,
      rgba(255 255 255 / 50%) 0%,
      rgba(255 255 255 / 0%) 40%,
      rgba(255 255 255 / 0%) 60%,
      rgba(247 173 53 / 50%) 100%
    );
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    user-select: none;
    z-index: -1;
  }

  .card--light.card::before {
    background: linear-gradient(
      135deg,
      rgba(0 0 0 / 10%) 0%,
      rgba(255 255 255 / 0%) 40%,
      rgba(255 255 255 / 0%) 60%,
      rgba(60 130 230 / 50%) 100%
    );
  }
}

.card::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 20px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAOh0lEQVR4nO1dbVczNw69JCEvBJInEEIgEIb//6/6fbu73e77tt0P1o2vZQ3QPgRCmHsOJ8mMx5ZlWZJljQEynlBia58ncq3nykzs8wzApVy/ATAAMANwJdevACxdnbCyp/bHNhqpn/DP3aMdS/ucAri17xurQ/s6AnBhfbiQZzZSbgvgzuiE1Te0MgDwIO2RdsUaJR/0OvtwzYuPdsPjSgjcyOfICBjZNWXSBuXALIJ6WfejPctONkE5DkgPiWEed0YLvxNDa2OM1NELxBja81P7fenun9vnSK7N5ftUngXSAPo6psg84qDMXRkveNggd6yxB+5cmbl1wGOENCPY4K0RtXXlKQl9+xzb5zVEOgw9o8d3DqiFRwXi2ujnLCMDhsidvkItKMoQlfq+K0fhmSHNiBt3PxIaIA+ob3fsC0ZYSAXs2D1K5pKwaIBWSExaIxG9QGICpWIZPAMkBpAxQ6snkuyVfXJgrqy8DtTG2ovUhEo71fIKtfq7RBKuKcoB2yLPijPUwnRjbbPMDIlf/E3ePSDPwL6VC/FoD9+5xuGIbuS7lgGSLfDg4M5Rqyf/G9b+Vcs9IEsXO3KGPNgDV/bO2h9aOaWPA0k7wxnnbeoCZT/HyIyeSnmdJQ+oQYGiMFQDQcltXOOXyJLBxm6s8SFKVeF14AMSE0aI4dUhkKSlQckIDuI31AzigPSRmPrcDFQ6orYVT1LXwmhoXJlv7vfAlaFArJD6tZV7aj/OkQekB9MIE/tT9UNvR3XkUhoaW2XKJA7QBKnTvKfMaJBm2SVidQK752fYOerBpbTOrS2VtBVKpg2NdtIY2SbarElwf+3KeW8P9lyb2hkh95d2hHWQ74UH23OfS+SpBaQBoLGLDNc98pQHsrSsUXoZC6tHO7hGNp5nqD0QoB68to73hE5fhgIS2b1DUtNFZZwVHFE1WNqRKbLK2CCrmwnylD9FGqRuBia8dgaGeETq0NoaO0di/AWyZ6ANRd7Q1OpRREzyM2JrBHvDzLZ8nQTdbV8XdfgSaQZurc0TpIF5QCks6opeIktyNHMVHNA5kiZYol6zRJgajbt2STQlgJ7DAFnfTZAk+hzZgDdSXsHrlJZzpI6rsZ0jM4+E3iLNmGhwGySB0MGgmpsgCQ7VDjFs+a44sXojFeg9JGqLjbXD/tyiXvkDdT+qxR+yKpugNPw7xpNJG7k3kt+8T9UUgeuQtntkmhqxi5b6blAO5I3R2ragOrV6dOCeiwQAecaz/ceAFg7oFcp1ySlqY+3tMdE2QFR9u34+WKWcBRO5zk5EBmuIeBo27vfIffJZxSXSoLOdOdpVEzFA6erSqWiQ+kOmqvRPkIRli3jVPEEO6XhsUTs0V8gaZYV2N19xgWTnIjuGPtIIjQH8COBXAP+zzvwA4L/296s8uEZi4C9GzBDAv+X+qdTzaN//hcSAfxjx1/bMCDkI+U8j9me79pN18gyJQf+xjvxkdfxiz8Dq/dm+/8Wuz6x/Y7kHo+dXAH+1+v9u1/tW54/2e2Y0sszfjAYgCe5v1s6NPXMqdS2Mr1O5Rlzb839GEp7fkAb2TyygKoF6rO9+k0B6RXyGQTxfVw9Zymh7+qiDbA3ygPj2IrB9hmN8edXTY5R2gG00KD0kfUbpUxea6CNWfTTMsGeoATgLB0hC3Ecd/3oRh2joxshqKVqJqzdD71CxRvbxvbfU2Oc3o/MWNd41vhcZUxZ8ycXVihgQhBCvnWuT/pHdU2lUg3iP53XzBVJnv6EeCJ0JM6OHwkaBU1s4D+icIPWL6zNYPeQRI790fnywUfF7lhM79JGYwAXRLbIB1cGgJMxQGsgV0vRk8A3IqoBSskDSuZ7RrJPttO2neOjCTQc2WiEz7qVrFhWmJ6H7GnmAFmj3HlmeTGWb90h94SC17YNUa5xHZK/mEvW0O0XqaIMaAyTGjqQBejIeOk3ZlnYAyPsoayQmsR52Vj27jbXZRzL+qmZpBxkGipjpbQRD50BiIuvzM49qZ2P0qaCukWa4Z7LydIS81tvAeW8RoQOUU+gaZbhEQ8hUS7QvfuqpC8r21OXTWaA2ZYjSaRij3GcgNOw+Q9mfl5wEIAlDE7TfQ21HKQBLpD40SMxl/y6Q+MD+qWZQurikeJLrT3C8O4ZF1RTlYA+l/BZlVIFtMFJBUFqXqEM96tQsrGwj96iuF8gz5Ll9f1gbbGcX0G0LJysir4uzQxMJgNhAqcpbW/n7lrZJ4IO1u21pP9oAasMS9cDeIhtWMq5BXugByTtboYx+c32j9D5nYyKoSqPg7GzqH5pSUhYoDTi9GSCpuwFiT0I7xaAfwRCJN/ysX58dIrusZ0jSz4gvmTtDGQbi8xoU9Fih3mjzq3XvTPA+B5/C9Yhsd85Q268q8LrPUad6mFiZyEGg+vELJ6oghvm958UsGIXfauXzpHGGWi2yHBkarUdW7ne0LADqBfXC/eZ97evO6B9CLpKqI89wZfZJcB/IEqw2Qr0aXbACmbEbuU7m+oG6RC2UjbQ1QTx4OjM8dCC4Z1RAiRhIZQw6MiuCDzdITFCDrfDGPSK4DSSOzIoWhZwBDeqp7xlAhnH29lBK8Eu06X59z+jh4HmnxLdL0L2PbB7p3w163xqiyog2jLRRHz0ldIXqjacPd3DRScZ6pirOkCVaJWvqaL1DYi4H5NyeJY0DpD56lajrDt31W7gyXNDOUQ+izjQg86htU4p94SxrS+QD0O2PAx+cxtSg2ws/pGyUF9G2M9i2a+cZ1LjfHGh+955Klyf2TGGGmLfIiyONeXmP5Mme2SV9Cei1KbPaGMR41pe0b5fIy34FPQJuuDB2ox04Qew5cBreIas85skqesjq7hT1xs5K7rH8sacpdfErHEj8yoPeEZOS+cBaCO6yU/YviMVU3Rhht6gThL2h1FWvVqqSR9dY77W9Q3GKchB6yNIT2QDS1zg6FTrg3Ia9QJ3EF4XpeT8yuuyvDgj549coDRJPVWDUftA7C/fadVOeFesU9luyXYJdje/NO9jhqBIFBJ/uRaCj7hz295bTDWLXmsJIzUCw77oQ1ecKjbHXytFtgP3eDbAuGmufr4rGovaMhkaDus+vgXfXd7bsBHHc/gSpU55QGsYFEkN0N9GnCymYegpXpxK2RburDJS7mL7uY0jMwAjliI6lYnoCDbqkbGLvSdkD5OAbjGA/JSOdPQzKedwib2YRczwf5TxFzhM7QR1h1QzCa+SMRXUYFtbuOTLTvLA08l2lXMNIqm5PUeYe6Hv7HCS/2OQCEXi94HfrCIePzl/eodPvCR+deLcDkxaiRtUL8qCq21qFqsY4QJENWSOn/iwCYq+RB4wpNEAZVOSZKwxF8KyVtZThQpXvjAPZBaVGeA5851FVot96VZd1hFJAZq6M8ke/77zJr75Dxzqi98VVU0zd9UhANVq8ROo77VAUTIwSSgDkaUbp4+cjyhmj6oHSxvQgRffe+3fs63evPcd0erzZa8/Iwqk8aGAzpAvoJRxKzKvQ8Vw4+dh8FL6INndm8p3eEJ/V9w+BbOwb++0F4kGIf3DXgcR0VadcizyiVJXEZ3l/coeDeC0Y5ZtXERop2zbzgHKWXBptfpGoMbcGh2NDAXQR34OK+HahkfcLjbwYE/SLsgESU7xkTKTxaFuX72aQmAfk6a770uqX08PTVCGCNPUdLVGe1DG9qFpgry8zWn3eXXxEzp3yYOc2KDtKZi3db481ktTNUB5qyfb5+oU/3o+g4PkMGAqTzggyNzqsQPHSVkf44N4WPYbuTMaE0D59ST0d9AU4jL2bSn+x8QXKVNAoCNjZm4Q3tTeqN48pa/xJ6vqI00UjdfTaRPYCnSv78SoSQHf4/sG88PqZU/ePcc9mJ01KFNN7ogTg7uD+jH0c3P9dJw6o16C6GshSrxLcSB1r1IE6IAuIl/Jr1AxtSwQnEyPD7yVWkwyAfKqQvp6hr0d4+DWNd1oo6FvUKlmT+gDjdRM0cqyLrhcPwheQJs487gkRPtOFkQxtR6E7mUAaiB6C/9/yGVNljvqov3fbmjR4JvmNmwekzt6jTBiI8CD3t2i3eY2VpXD05ZM2rI8sKDcoPbVof8bP4rfyUnfgJk5bw7oj1kMaEO603SDPJk+oBxslszXYNkGp0r7kbibf8eYmzTdk3eYfUAxRbrgQXioa5BkXLd7YCf/cQmjQPe0T5HcNN+7+udHkVSB/05tr23TSvF/Cb4wRumE3QG0Px8jODssQKmjkTZGE2IU7vj/c8Wbv7XfHLCXs45ila2Rvqgme9/nSEyAxlY1x2vnVq6ZBMicWyAPgZ0hkizwzoiM0gHxi9Z279lq02bBPcxTIUWb/GT7jRlgXJpFrB/H/Dd/KOxigVBfKINbFtE4eVAl5hgdV3qI8jpvQl+91hjAACXdPB0RTfnx2OpAPzdSzV7Yo7RDTpCigdKPVaXgL9d9FcQUHkXk/lwcogWOUg9MduZGx7yM3ureX8A7HhktZ4Pkzjju31/329HzECXgAPnF0NMCnfx2izUApukTojL2f/a4GlqHg7t31jPfMatnh4BPIAqirexT/WYf4KidGk46+1bmwvydkZrKftFdPyHs/QH7T1m8pQJ5jW3/kELgQh3wm4bEfjrnzKr7k/3vC4b0iUeHDsi0MV8hM38gn/08I7Y92mCc4EG026ArZMXhuxnPW9RBHEO6QZ4iul7j4HSMJWdv7j9y1JC8LJ0Ull0xqgntKfJcZn+t+a8cGQBc2aXAYYZPCqDPpjHhC7e/rsRZkcJtL54npDrapER1sAwjBrz2xpssDTtjHBlcF75o1QeWKaM+jy/H6jhwvVRfdv0I9ANe4W4W/3yr8NUcoFujWIB+8BgHaPYHW/+9tlSmjdYZQujilaRA5AN62qMt9KgTyiFamrJKZK5TRYjJHhSU63pX4NDaywfGfsvMZTqrrjnLFYb2f0h3x10Knx7u8R/N/zoJhKaqY2qsAAAAASUVORK5CYII=);
  background-repeat: repeat;
  background-size: 80px;
  z-index: -1;
  box-shadow: rgba(0, 0, 0, 0.6) 0px 19px 38px, rgba(0, 0, 0, 0.52) 0px 15px 12px;
}

.card--light.card::after {
  filter: invert(1);
}

.tbalon{font-size: 50px;} /* 35px */
.tbalonf{font-size: 25px;}
.ticonos{font-size: 25px !important;}

.colordorado{
background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% ) !important;
color: transparent !important;
-webkit-background-clip: text !important;
}



.colorplateado{
background-image: linear-gradient(
    to bottom right,
    #3e3e3d 0,
    #9b9b9a 22%, 
    #b8b7b6 45%,
    #f2f1ee 50%,
    #b8b7b6 55%,
    #9b9b9a 78%,
    #3e3e3d 100%
    ) !important;
   color:transparent !important;
   -webkit-background-clip:text !important;
}

.cdoradop{
color: #a57220;
}

.cdoradopdos{
color: #744f11;
}

.cplateadop{
color: #f5f5f5;    
}

.xgol{
    font-family: 'KnuckleheadSerifRegular';
    text-transform: lowercase;
    background-image: linear-gradient(
    to bottom right,
    #3e3e3d 0,
    #9b9b9a 22%, 
    #b8b7b6 45%,
    #f2f1ee 50%,
    #b8b7b6 55%,
    #9b9b9a 78%,
    #3e3e3d 100%
    ) !important;
   color:transparent !important;
   -webkit-background-clip:text !important;
}

.xgoldos{
    font-family: 'KnuckleheadSerifRegular';
    text-transform: lowercase;
    color: #f5f5f5; 
}

.tgol{
    text-transform: uppercase;
    font-family: 'KnuckleheadDecoBold';
}

.tnotaa{
    background-image: linear-gradient(to bottom right, #032f3f 0, #1d4a9c 22%, #3656fb 45%, #6faafa 50%, #3656fb 55%, #1d4a9c 78%, #032f3f 100%) !important;
    color: transparent !important;
    -webkit-background-clip: text !important;
}

.tnotar{
    background-image: linear-gradient(to bottom right, #3f0303 0, #9c1d1d 22%, #fb3636 45%, #fa6f6f 50%, #fb3636 55%, #9c1d1d 78%, #3f0303 100%) !important;
    color: transparent !important;
    -webkit-background-clip: text !important;
}

.parentesis{
    font-family: 'CroatiaWC2022';
    background-image: linear-gradient(
    to bottom right,
    #3e3e3d 0,
    #9b9b9a 22%, 
    #b8b7b6 45%,
    #f2f1ee 50%,
    #b8b7b6 55%,
    #9b9b9a 78%,
    #3e3e3d 100%
    ) !important;
   color:transparent !important;
   -webkit-background-clip:text !important;
}

.parentesisdos{
    font-family: 'CroatiaWC2022';
    color: #f5f5f5;
}


.mostrarcont{display:block; float: right;}
.ocultarcont{display:none; float: right;} /* visibility:hidden; */

.mostrarsuplentes{display:block;}
.ocultarsuplentes{display:none;}

.mostrarfoto{display:block;}
.ocultarfoto{display:none;}

.mtopsimbologoles{margin-top: -90px !important;}

.mtopsimbologolescontra{margin-top: -30px !important;}

.bannersepu{
/*background: url('img/sepu-banner.png') no-repeat center center;*/
width: 100%;
height: 360px;
/*background-size: cover;*/
margin-top: 90px;
margin-bottom: 40px;

}

.bannersepu img{
max-height: 100%;
text-align: center;
}

.bannersepunotas{
/*background: url('img/sepu-banner.png') no-repeat center center;*/
width: 100%;
height: 360px;
/*background-size: cover;*/
margin-top: 150px;
margin-bottom: 0px;
float: left;

}

.bannersepunotas img{
max-height: 100%;
text-align: center;
}

@media screen and (min-width: 520px) and (max-width:800px){

.bannersepunotas img {
    max-height: 70%;
    text-align: center;
}

}

.footer{
    width: 100%;
    height: auto;
    float: left;
}

.imgffila{
    width: 100%;
    height: auto;
    float: left;
}

.imgfooter{
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
     margin-top: 20px;
     margin-bottom: 20px;
}

.imgfooter img{
    width: 120px;
    height: auto;
}

.textoffila{
    width: 100%;
    height: auto;
    float: left;
}

.textofooter{
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
     margin-top: 20px;
     margin-bottom: 20px;
}

.efootervfc{
    position: relative;
    text-transform: uppercase;
    font-family: 'KnuckleheadRegular';
    font-size: 35px;
    background-image: linear-gradient( to bottom right, #3f2903 0, #9c6c1d 22%, #fbb036 45%, #fac56f 50%, #fbb036 55%, #9c6c1d 78%, #3f2903 100% );
    color: transparent;
    -webkit-background-clip: text;
    filter: drop-shadow(5px 15px 15px rgba(0,0,0,0.99)) !important; /* filter: drop-shadow(5px 5px 5px black); */
}

.efootervfcsobre{
    position: absolute;
    text-transform: uppercase;
    font-family: 'KnuckleheadRegular';
    font-size: 50px;
    color: #f5f5f5;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgb(0 0 0 / 90%), 5px 23px 5px rgb(0 0 0 / 30%), 8px 27px 8px rgb(0 0 0 / 50%), 8px 28px 35px rgb(0 0 0 / 90%);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
}