<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
html, body {
  margin: 0;
  height: 100%;
  font-family: sans-serif;
}

* {
  box-sizing: border-box;
}




/* figure {
  width: 100%;
  margin: 0;
}
figcaption,.caption {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  margin-bottom: 1em;
  color: #40452D;
} */


/* Typography
â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“ */

/* h1 { font-size: 4.0rem; line-height: 1.3;  letter-spacing: -.05rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.05rem; }
.h2_cuerpo {font-size: 1.2rem; text-align: center;} 
h3 { font-size: 1.8rem; line-height: 1.3;  letter-spacing: -.05rem; }
h4 { font-size: 1.2rem; line-height: 1.35;  }
h5 { font-size: 1.2rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1rem; line-height: 1.6;  letter-spacing: 0; } */


p {
  margin-top: 0; }


/* Links
â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“ */
a {
  color: #40452D;
}
a:hover {
  color: #0FA0CE; }


/* Tables
â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“ */
table {
  border-collapse: collapse;
  width: 100%;

}

th,
td {
  padding: 0.85em 0.5em; 
  text-align: center;
}

tr{
  background-color: #fff;
}

tr:nth-child(even) {
  background-color: #f6f6f6;
}

th {
  background-color: #40452D;
  color: #E1E1E1;
  font-size: 0.85rem;
}

tr:hover,tr:focus {
  background-color: #E1E1E1;
}



/* 

    MENU

 */

.top-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  color: #FFF;
  padding: 1em 0; /* 1em .5em */
}

.top-nav .home-link{
  /* display: contents; */
}

.menu {
  display: flex;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  margin-top: 60px;
  left: 0;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  z-index: 1;
  list-style-type: none;
}


.menu &gt; li {
  overflow: hidden;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0.5em 0;
  width: 100%;
  color: white;
  background-color: #333;
  font-size: 0.70rem;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.05rem;
}

.menu &gt; li:not(:last-child) {
  border-bottom: 1px solid #444;
}

.menu &gt; li a{
  color: white;
  text-decoration: none;
}

.menu &gt; li a:hover{
  text-decoration: underline;
}

.menu-button-container {
  display: flex;
  height: 100%;
  width: 30px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}



#menu-toggle {
  display: none;
}

.menu-button,
.menu-button::before,
.menu-button::after {
  display: block;
  background-color: #666;
  position: absolute;
  height: 2px;
  width: 18px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 0px;
}

.menu-button::before {
  content: '';
  margin-top: -5px;
}

.menu-button::after {
  content: '';
  margin-top: 5px;
}

#menu-toggle:checked + .menu-button-container .menu-button::before {
  margin-top: 0px;
  transform: rotate(405deg);
}

#menu-toggle:checked + .menu-button-container .menu-button {
  background: rgba(255, 255, 255, 0);
}

#menu-toggle:checked + .menu-button-container .menu-button::after {
  margin-top: 0px;
  transform: rotate(-405deg);
}


#menu-toggle ~ .menu li {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
#menu-toggle:checked ~ .menu li {
  border: 1px solid #333;
  height: 2.5em;
  padding: 0.5em;
  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
}



/* 

    BOTONES

 */


.btn
 {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box;
  /* flex: 1; */
   background-repeat: no-repeat; 
   background-position: 95%;
 }


/* 

    ENCABEZADO

 */

  
.encabezado h1{
    font-size: 1.8rem; 
    text-transform: uppercase;
    filter: drop-shadow(8px 4px 6px gray); 
    margin: 0;
    padding: 0.25em 0;
    color: #fff;

    }
.encabezado p {
  margin-bottom: 0;
}

.encabezado h1 span{
      font-size: 0.6em; 
      display: block;
      text-transform: none;
      text-shadow: none;
      letter-spacing: normal;
      font-weight: 300;
}

/* .breadcrumb {padding: 0; margin: 0; color: #ffd;  text-transform: uppercase;}
.breadcrumb a{color: #fff; text-decoration: none; margin: 0 4px;}
.breadcrumb li{display: inline-block; font-size: 11px; letter-spacing: 0px;}
.breadcrumb img{padding-right: 2px; padding-bottom: 2px; vertical-align: middle;filter: invert();} */



/* 

  RESULTADO

 */


/* para las publicidades en amp */
.pub_amp {
  height: 300px;
  overflow: hidden;
  margin: 8px auto;
  padding: 0;
}


.pub_primera {
  margin-bottom: 1em;
}




/* 

  BOTONES SOCIALES

 */

.redes {
  display: flex;
  justify-content: stretch;
}


 .boton_soc {
  color: #fff;
  flex: 1;
  padding: 1.5em 0;
  opacity: 0.95;
  border: none;
  background-size: 35px;
  background-position: 50%;

}



.boton_c {
  background-color: #FFF;
  color: #666;
  font-weight: bold;
}

.boton_m {
  border-bottom-color:  #d444ba;
  background-repeat: no-repeat; 
}



.boton_m:hover,
.boton_m:focus,
.boton_f:hover,
.boton_f:focus,
.boton_w:hover,
.boton_w:focus,
.boton_t:hover,
.boton_t:focus {
  opacity: 1;
  filter: saturate(150%);
}



dl {
  margin-bottom: 1em;
  padding: 0.7em 0 0.1em .75em;
  list-style-type: none;
  border-left: 4px solid #a1e108;

}


dt{
  display: block;
  margin-bottom: 0.75em;
  font-weight: 700;
  color: #656;
  text-transform: uppercase;
  font-size: 0.90rem;
  line-height: 18px;
}


dd{
  padding: 0;
  margin: 0 0 16px;
  font-size: 0.85rem;
}


.chequeo {
  background-image: linear-gradient(180deg,#000 0,#666);
  color: #fff;
  border-radius: 5px;
  padding: 1em 0.75em;
  font-size: 1rem;
  font-style: oblique;
  margin-bottom: 10px;
}


/* 

  PWA

  */

.installAppadicional {
  filter: drop-shadow(4px 3px 1px black);
  background-color: #ac50fd; 
  color: #fff; border-radius: 5px; 
  padding: 1em .5em; 
  text-align: center; font-size: .85rem; 
  cursor: pointer;
  display: block;
  margin: 1em auto;
  letter-spacing: normal;
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  align-content:space-between;
  max-width: 350px;
}


.installAppadicional .hero {
  max-width: 100%;
  border: 10px solid #fff;
  border-radius: 4px;
  background-color: #fff;
  margin: .5em 0;
}

.installAppadicional .btn {
  background-color: white;
  align-self: center;
}

.installAppadicional img {
  align-self: center;
  margin-bottom: 0.25em;
}

.installAppadicional .q {
  font-size: 2.2rem;
  line-height: 1.2;
  padding: 0.75em 0;

}


#installApp {
  position: fixed;
  width: 40%; /* 150px */
  height: 50px; /* 45px;  */
  bottom: -1px; /* 10px */ 
  right: 0; /* 10px */
  /* filter: drop-shadow(4px 3px 1px black); */
  background-color: #ac50fd; 
  color: #fff; 
  /* border-radius: 5px;  */
  /* padding: .55em .85em;  */
  text-align: center; font-size: .85rem; 
  display:flex; 
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  /* visibility: hidden; */
  background-size: 300% 300%;
  background-image: linear-gradient(
        -45deg, 
        rgba(59,173,227,1) 0%, 
        rgba(87,111,230,1) 25%, 
        rgba(152,68,183,1) 51%, 
        rgba(255,53,127,1) 100%
  );  

  /* background-image: linear-gradient(to right,#247404 34%,#53af02 34%,#53af02 66%,#7ed304 67%,#7ed304 67% ); */
  animation: bgAnimado 20s ease infinite;

}

@keyframes bgAnimado { 
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

#installApp span{
  display: block;
  font-weight: normal; 
}

#installApp strong {
  align-self: center;
}

#installApp strong small{
  display: block;
}


/* 

compartir

 */




 
.compartir {
    position: relative;
    bottom: -1px;
    left: 0;
    display: flex;
    width: 60%;
}

.compartir button {
  background-position: 50% 50%;
  opacity: 1;
  height: 50px;
  border: none;
  background-size: 35px;
  /* flex: 1 1 0px; */
  width: 25%;
}

.compartir .f, .boton_f {
  background-color: #176ae6;
  background-image:  url("../images/facebook_flat.png"); background-repeat: no-repeat; 
}
.compartir .t, .boton_t {
  background-color: #000;
  background-image:  url("../images/x_flat.png"); background-repeat: no-repeat; 
}
.compartir .w, .boton_w {
  background-color: #25d366;
  background-image:  url("../images/whatsapp_flat.png"); background-repeat: no-repeat; 
}


.compartir .c, button.boton_c {
  background-color: red;
  background-image:  url("../images/copiar_flat.png"); background-repeat: no-repeat; 
  background-size: 20px;    
  background-position-y: 37%;
}

.compartir .c::after, button.boton_c::after {
  content: 'copiar link';
  font-size: 10px;
  color: #fff;
  white-space: nowrap;
  padding-top: 32px;
  height: 50px;
  display: block;
  margin-left: -4px;
    
}

button.boton_c {
  padding: 0;
  overflow: hidden;
}

button.boton_c::after {
  height: 0;
  padding-top: 14px;
}



.compartir .ced, .ced {
  background-image:  url("../images/copiado_flat.png"); 
}

.compartir .ced::after, .ced::after {
  content: 'Â¡copiado!';
}

.compartir2 {
  position: fixed !important;
  animation: fadeInAnimation ease 0.2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}


/* 

    footer

 */
  footer {
    background-color: #40452D;
    padding: 2.5em 0;
    margin-top: 2.5em;
  }
  
  footer .compruebe {font-size: .75rem; padding: 15px 10px; color: #fff;}
  footer a {color: #fff; padding: 1.2em; font-size: 1rem; line-height: 2}
  
  
  footer .juegos_pie {padding: 0;}
  footer .juegos_pie li {display: inline-block; margin: 5px; background-color: #fff; border-left: 7px solid #776c9f; border-bottom-left-radius: 5px; border-top-right-radius: 5px;}
  footer  .juegos_pie li a { color: #666; padding: 0 5px; text-decoration: none;}
  


.form {
  display: flex;
  flex-direction: column;
}



    /* Forms
â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“ */
.formulario input[type=text],.formulario input[type=email], .formulario select, .formulario textarea {
  height: 38px;
  padding: 6px 10px;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  width: 100%;
  margin: .5rem 0;
}
.formulario textarea {
  height: 95px;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-bottom: 0;
}

.formulario label.error{color: red; padding-left: 0.5rem; text-transform: uppercase; font-size: .75rem;  }

.formulario .submit_btn {margin-top: .5em;}




    /* EN VIVO RS
â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“ */

.head.vivors {
  background-image: url('./images/envivo.png');
}

.noticia{
  padding: .1em .5em;margin: .7em; border-left: 8px solid red;
}

.noticia.pasada {
  border-color: grey;
}

.noticia span {
font-size: 10px;
}

.noticia h4 {
margin: 0;
}


.noticia h4 a {
font-size: 1.4rem ;font-variant: all-small-caps; display: block;color: #006bff; padding-bottom: .5rem; text-decoration: underline;text-underline-offset: 3px;
}

.noticia.pasada h4 a {
color: #5879a7; 
}

.noticia small {
padding-bottom: 0.75em;
display: inline-block;
}
.noticia small a {
text-decoration: none;
}


@media (min-width: 1025px) {


  #installApp, .compartir {
    position: fixed;
    bottom: 50%;
    left: auto;
    right: 0;
    display: flex;
    flex-direction: column;
    width: 70px ;
    height: 210px;
}

.compartir button {
  width: 70px;
}

#installApp {
  width: 150px;
  top: 0px;
  z-index: 1000;
  height: 50px;
  position: relative;
  order: 3;
}


}</pre></body></html>