*{
  margin:0px;
  padding:0px;
}

/* CSS para el estilo de la ventana emergente */
.cookie-popup {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgb(30, 37, 48);
    padding: 15px;
    text-align: center;
    box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.1);
    z-index: 9999; /* Ajustar el valor según sea necesario para asegurarse de que esté por encima de otros elementos */
	color: white;
}

.cookie-popup button {
    justify-content: center;
}

body {
  background-repeat: no-repeat;
  background-size: 100%;
  background-attachment: fixed;
  margin-right: 70px;
  margin-left: 70px;
  box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);
  color: #212529;
}

div#principal{
  background-image: url("/imagenes/abstract-earth.jpg");
  background-color: #343A40;
  background-repeat: no-repeat;
  background-size: 100%;
  background-attachment: fixed;
  box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);
  font-family: gentium basic;
}

div#caja{
   /*border: 2px solid #1C2B32;*/
   margin: auto;
   background-color: white;
   line-height: 50px;
}

div#body{
  margin: auto;
  widht: 960px;
  height: 1000px;
  background-repeat: no-repeat;
  background-size: 100%;
}

div#titulosuperior{
  widht: 100%;
  height: 100%;
  font-family: gentium basic;
  padding-right: 10px;
  padding-left: 30px;
  padding-top: 30px;
  padding-bottom: 95px;
}

div#menu{
  widht: 100%;
  height: 60px;
  font-family: gentium basic;
}

div#pie{
  widht: 100%;
  height: 100%;
  padding-left: 0px;
  padding-right: 0px;
  background-color: #1C2B32;
  font-family: gentium basic;
}

div#copyright{
  padding-top: 20px;
  padding-bottom: 20px;
}

div#kahoot{
  widht: 100%;
  height: 1000px;
  display: flex;
  justify-content: center;
  /*align-items: center;*/
  padding-top: 40px;
}

a:link, a:visited, a:active {
    text-decoration:none;
    color:inherit;
} 

table {
        border-collapse: collapse;
        width: 100%;
		overflow-x: auto; /* Agregamos scroll horizontal en pantallas pequeñas */
}

tr {
    text-align: center;
}

th {
    border: 1px solid #dddddd;
	background-color: #eaeaea;
    text-align: left !Important;
    padding: 8px;
}

th.centrado {
    border: 1px solid #dddddd;
	background-color: #eaeaea;
    text-align: center;
    padding: 8px;
} 

td {
    border: 1px solid #dddddd;
	background-color: white;
    text-align: left;
    padding: 8px;
}

td.aspa {
    border: 1px solid #dddddd;
	background-color: white;
    text-align: center;
    padding: 8px;
	width: 8%;
}

td.notas {
    border: 1px solid #dddddd;
	background-color: white;
    text-align: left;
    padding: 8px;
	width: 35%;
}

/* Cambiamos el diseño de la tabla en pantallas pequeñas */
@media only screen and (max-width: 600px) {
    table, thead, tbody, th, td, tr {
        display: block;
    }

    th, td {
        text-align: center;
    }

    th {
        display: none; /* Ocultamos las celdas de encabezado */
    }

    tr {
        margin-bottom: 15px;
        border: 1px solid #dddddd;
    }

    td:before {
        content: attr(data-label); /* Mostramos la etiqueta del encabezado como contenido antes del contenido de la celda */
        font-weight: bold;
        display: block;
    }
}

.compartirRRSS {
	display: flex;
     align-items: center; 
     justify-content: center;
    /* height: 100vh; 
	padding-right: 2.5rem;
	padding-left: 2.5rem; */
	margin-right: auto;
	margin-left: auto;
	border-top: 2px solid #000; 
    border-bottom: 2px solid #000; 
    padding: 10px;
	background-color: white;
}

/* new container */
.new-container {
	width: 100%;
	padding-top: 2em;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media (max-width: 992px) {
  .new-container {
    max-width: 992px;
  }
}

@media (max-width: 768px) {
  .new-container {
    max-width: 768px;
  }
}

@media (max-width: 576px) {
  .new-container {
    max-width: 576px;
  }
}

/* container index */
.container-index {
  width: 100%;
}

/* container section */
.container-section {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 0px) {
  .container-section {
    max-width: 97%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
  }
}

@media (min-width: 576px) {
  .container-section {
    max-width: 97%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
  }
}

@media (min-width: 768px) {
  .container-section {
    max-width: 97%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
  }
}

@media (min-width: 992px) {
  .container-section {
    max-width: 97%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
  }
}

@media (min-width: 1200px) {
  .container-section {
    max-width: 97%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
  }
}

/* container article en bootstrap.css */

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grid-container {
  display: grid;
  height: 900px;
  align-content: center;
  grid-template-columns: auto auto auto;
  grid-gap: 40px;
  background-color: rgba(255,255,255,0.4);
}

.grid-container > div {
  height: 400px;
  width: auto;
  text-align: center;
  font-size: 30px;
}

.img-publi {
	width: 100%; 
}

.img-article {
	width: 100%; 
}

.img-text {
	max-width: 100%; /* Evita que la imagen supere su tamaño original */
    height: auto; /* Mantiene la proporción de la imagen */
    display: block; /* Elimina el espacio adicional debajo de la imagen */
    /* margin: 0 auto; /* Centra la imagen dentro de su contenedor */
	margin-right: auto; /* Alinea a la izquierda */
    margin-left: 1.5rem; /* Alinea a la izquierda */
}

.index-left {
  width: 80%;
  float: left;
  padding: 1.5rem;
}
 
@media (max-width: 992px) {
  .index-left {
    width: 100%;
	padding: 1.5rem;
  }
}

.section-left {
  width: 80%;
  float: left;
  padding: 1.5rem;
}
 
@media (max-width: 992px) {
  .section-left {
    width: 100%;
	padding: 1.5rem;
  }
}

.article-left {
  width: 80%;
  float: left; 
  /*border: 1px solid #1C2B32;*/ 
  /*border-radius: 0.25rem;*/
  padding: 1.5rem;
  background-color: #fcfcfc;
}
 
@media (max-width: 992px) {
  .article-left {
    width: 100%;
	/*border: 1px solid #1C2B32;*/
	/*border-radius: 0.25rem;*/
	padding: 1.5rem;
	background-color: #fcfcfc;
  }
}

.extpubli-right {
  width: 20%;
  float: right;
  padding-right: 1.5rem;
  padding-left: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  margin-top: 2.5rem;
  /*  position: relative;
  transition: background-color 0.5s ease 0s;
  z-index: 1; */
}

.extpubli-right--fixed {
  width: 20%;
  float: right;
  padding-right: 1.5rem;
  padding-left: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  margin-top: 2.5rem;
  /* position: fixed;
  top: 0;
  z-index: 2;
  opacity: 0.8; */
}

@media (max-width: 992px) {
  .extpubli-right {
    width: 100%;
	float: left;
	padding-left: 0rem;
	padding-right: 0rem;
  }
}
 
@media (max-width: 575px) {
  .extpubli-right {
	width: 100%;
	float: left;
	padding-left: 0rem;
	padding-right: 0rem;
  }
}

.publi-right {
  width: 20%;
  float: right;
  padding-top: 1.5rem;
  padding-right: 1.5rem;
}

@media (max-width: 992px) {
  .publi-right {
    width: 100%;
	padding-top: 2.5rem;
	padding-right: 0rem;
	padding-left: 0rem;
  }
}

@media (max-width: 575px) {
  .publi-right {
    width: 100%;
	padding-top: 2.5rem;
	padding-right: 0rem;
	padding-left: 0rem;
  }
}

.card-article {
  color: white;
  position: relative; /* Posiciona el elemento de manera relativa, lo que significa que puede ser ajustado con propiedades adicionales como top, right, bottom, y left en relación a su posición original. */
  display: flex; /* Aplica Flexbox al elemento, lo que permite un diseño flexible de los elementos hijos. Los elementos hijos pueden expandirse y contraerse para llenar el espacio disponible. */
  flex: 1 0 0%; /* Es una propiedad abreviada de Flexbox que establece la capacidad de crecimiento (flex-grow), la capacidad de encogimiento (flex-shrink), y la base flexible (flex-basis) del elemento. En este caso, permite que el elemento crezca para llenar el espacio disponible, pero no se encoge y su base flexible inicial es 0%. */
  flex-direction: column; /* Establece la dirección de los elementos hijos en un contenedor Flexbox en una columna vertical, es decir, los elementos se apilan verticalmente. */
  min-width: 0; /* Establece un ancho mínimo para el elemento, en este caso, 0, lo que puede ayudar a prevenir problemas con el encogimiento de elementos Flexbox en algunos casos. */
  word-wrap: break-word; /* Permite que las palabras se rompan y pasen a la siguiente línea si no caben en la línea actual, lo que evita que el contenido desborde su contenedor. */
  background-color: #1C2B32;
  background-clip: border-box; /* Define cómo se pinta el fondo del elemento, en este caso, hasta los bordes exteriores del borde del elemento. */
  margin-top: 1.5rem;
  /* border: 1px solid #C8E9F7; */
  /* border-radius: 0rem; */
}
 
.publi-card {
  position: relative; 
  display: flex; 
  justify-content: center; 
  flex: 1 0 0%; 
  flex-direction: column; 
  flex-flow: row wrap; 
  min-width: 0; 
  word-wrap: break-word; 
  background-clip: border-box; 
  margin-top: 1.5rem;
}

@media (max-width: 992px) {
  .publi-card {
    position: relative;
    display: flex;
    justify-content: center;
    flex: 1 0 0%; 
    flex-direction: column; 
    flex-flow: row wrap; 
    min-width: 0; 
    word-wrap: break-word;
    background-clip: border-box; 
    margin-top: 1.5rem;
    /*margin-right: -15px;
    margin-left: -15px;*/
  }
}

@media (max-width: 575px) {
  .publi-card {
    position: relative;
    display: flex;
    justify-content: center;
    flex: 1 0 0%; 
    flex-direction: column; 
    flex-flow: row wrap; 
    min-width: 0; 
    word-wrap: break-word;
    background-clip: border-box; 
    margin-top: 1.5rem;
    /*margin-right: -15px;
    margin-left: -15px;*/
  }
}

.tupubli-card {
	color: white;
	position: relative;
	display: flex;
    justify-content: center;
	flex: 1 0 0%;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: white;
	background-clip: border-box;
	margin-top: 1.5rem;
	width: 100%; 
	height: 115px; 
	box-shadow: 0 0 45px 15px rgba(19, 27, 34, 0.5) inset;
}

@media (max-width: 992px) {
  .tupubli-card {
	color: white;
	position: relative;
	display: flex;
    justify-content: center;
	flex: 1 0 0%;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: white;
	background-clip: border-box;
	margin-top: 1.5rem;
	width: 100%; 
	height: 115px; 
	box-shadow: 0 0 45px 15px rgba(19, 27, 34, 0.5) inset;
	/* margin-right: -15px; */
    /* margin-left: -15px; */
  }
}

@media (max-width: 575px) {
  .tupubli-card {
	color: white;
	position: relative;
	display: flex;
    justify-content: center;
	flex: 1 0 0%;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: white;
	background-clip: border-box;
	margin-top: 1.5rem;
	width: 100%; 
	height: 115px; 
	box-shadow: 0 0 45px 15px rgba(19, 27, 34, 0.5) inset;
	/* margin-right: -15px; */
    /* margin-left: -15px; */
  }
}

span.texto-grande {
  font-size: 2em;
}

header {
  display: block;
}

nav {
  background-color: #0F151B;
  color: white;
  position: relative;
  transition: background-color 0.5s ease 0s;
  z-index: 1;
}

nav.nav--fixed {
  background-color: #0F151B;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 2;
  opacity: 0.8;
}

canvas {
	background-color: white;
	width: 100%;
	height: 100%;
} 

.nuevaAlerta {
	position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
	font-size: 1.1rem;
    background-color: #FBEED0;
    color: #1A272D;
	opacity: 1;
	border-color: #ffeeba;
	padding: 0.75rem 1.25rem;
	/* padding-right: 4rem;
	border: 1px solid transparent;
    border-radius: 0.25rem; */
    margin-bottom: 1rem;
    transition: opacity 0.15s linear;
}

/* Cerrar nueva alerta */
.cerrarNuevaAlerta {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
	position: absolute;
    top: 0;
    right: 0;
}

.cerrarNuevaAlerta:not(:disabled):not(.disabled) {
    cursor: pointer;
	padding: 0.75rem 1.25rem;
    /*color: inherit; */
}

button.cerrarNuevaAlerta {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}

button.cerrarNuevaAlerta:hover {
	color: black;
	opacity: 1;
}

a.title-publi {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 17px;
	font-family: inherit;
	font-weight: bold;
	line-height: 1.2;
	color: inherit;
	width: 100%; 
	height: 100%; 
	text-shadow: 0 0 6px white;
	margin-bottom: 0.75rem;
}

a.title-publi:before {
	content: "PUBLICIDAD";
	font-size: 17px;
	font-family: inherit;
	font-weight: bold;
	line-height: 1.2;
	color: inherit;
	width: 100%; 
	height: 100%; 
	text-shadow: 0 0 6px white;
	animation: encode-publi 1s 1;
}

a.title-publi:hover:before {
	font-size: 17px;
	font-family: inherit;
	font-weight: bold;
	line-height: 1.2;
	color: inherit;
	width: 100%; 
	height: 100%; 
	text-shadow: 0 0 6px white;
	animation: decode-publi 1s 1;
}

@keyframes encode-publi {
	  0% { content: "\20B9 \03DE \20BE \03F4 \03A3 \03F4 \0394 \03A3 \20B9"; text-shadow: 0 0 6px white; }
	 10% { content: "P\03DE \03A3 \03D1 \20BE \2000 \20BE \2202 \03DE \20BA"; } 
	 20% { content: "PU\03DE \03F4 \20BE \2000 \03A3 \20B9 \20BE \03BE"; } 
	 30% { content: "PUB\03DE \20B9 \03DE \20BE \03BE \0394 \2000"; } 
	 40% { content: "PUBL\20B9 \03EA \03A3 \20B9 \0394 \20BA"; } 
	 50% { content: "PUBLI\03DE \03A3 \20B9 \0394 \20BA"; } 
	 60% { content: "PUBLIC\20B9 \0394 \20BA \03F4"; }
	 70% { content: "PUBLICI\03A3 \20B9 \0394"; } 
	 80% { content: "PUBLICID\20B9 \0394"; } 
	 90% { content: "PUBLICIDA\03DE"; text-shadow: 0 0 6px white;}
	 100% { content: "PUBLICIDAD"; text-shadow: 0 0 3px white;}
}

@keyframes decode-publi {
	  0% { content: "\20B9 \03DE \20BE \03BE \2126 \2000 \03EA \03A3 \20B9"; text-shadow: 0 0 6px white; }
	 10% { content: "P\03DE \03A3 \03D1 \20BE \2000 \20BE \2202 \03DE \20BA"; } 
	 20% { content: "PU\03DE \03F4 \20BE \2000 \03A3 \20B9 \20BE \03BE"; } 
	 30% { content: "PUB\03DE \20B9 \03DE \20BE \03BE \2126 \2000"; } 
	 40% { content: "PUBL\20B9 \03EA \03A3 \20B9 \0394 \20BA"; } 
	 50% { content: "PUBLI\03DE \03A3 \20B9 \0394 \20BA"; } 
	 60% { content: "PUBLIC\20B9 \0394 \20BA \03F4"; }
	 70% { content: "PUBLICI\03A3 \20B9 \0394"; } 
	 80% { content: "PUBLICID\20B9 \0394"; } 
	 90% { content: "PUBLICIDA\03DE"; text-shadow: 0 0 6px white;}
	 100% { content: "PUBLICIDAD"; text-shadow: 0 0 3px white;}
}

a.title-otrosarticulos {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 17px;
	font-family: inherit;
	font-weight: bold;
	line-height: 1.2;
	color: inherit;
	width: 100%; 
	height: 100%; 
	text-shadow: 0 0 6px white;
	margin-bottom: 0.75rem;
}

a.title-otrosarticulos:before {
	content: "OTROS ARTÍCULOS";
	font-size: 17px;
	font-family: inherit;
	font-weight: bold;
	line-height: 1.2;
	color: inherit;
	width: 100%; 
	height: 100%; 
	text-shadow: 0 0 6px white;
	animation: encode-otrosarticulos 1s 1;
}

a.title-otrosarticulos:hover:before {
	font-size: 17px;
	font-family: inherit;
	font-weight: bold;
	line-height: 1.2;
	color: inherit;
	width: 100%; 
	height: 100%; 
	text-shadow: 0 0 6px white;
	animation: decode-otrosarticulos 1s 1;
}

@keyframes encode-otrosarticulos {
	  0% { content: "\20B9 \03DE \20BE \03BE \2126 \2000 \03EA \03A3 \20B9 \03DE \20BE \03BE \2126 \2000"; text-shadow: 0 0 6px white; }
	  5% { content: "O\03F4 \03BE \03DE \2000 \03DE \20BA \20B9 \03DE \20BE \03BE \2126 \2000 \03EA \03A3"; }
	 10% { content: "OT\03A3 \03D1 \0020 \20BE \2202 \03DE \20BA \03A3 \03D1 \20BE \2000 \20BE \2202"; }
	 15% { content: "OTR\0394 \0020 \03D1 \03EA \03A3 \20B9 \0394 \20BA \03F4 \20BE \2000 \03A3"; }
	 20% { content: "OTRO\03DE \0394 \20BA \03F4 \20BE \2000 \03A3 \20B9 \0394 \20BA \03F4"; } 
	 25% { content: "OTROS\03DE \20BE \03BE \2126 \2000 \03EA \03A3 \20B9 \03DE \20BE"; } 
	 30% { content: "OTROS \03DE \03A3 \03D1 \20BE \2000 \20BE \2202 \03DE \20BA"; } 
	 35% { content: "OTROS A\03DE \03F4 \20BE \2000 \03A3 \20B9 \20BE \03BE"; } 
	 40% { content: "OTROS AR\03DE \20B9 \03DE \20BE \03BE \2126 \2000"; }
	 45% { content: "OTROS ART\20B9 \03EA \03A3 \20B9 \0394 \20BA"; }
	 50% { content: "OTROS ARTÍ\03DE \03A3 \20B9 \0394 \20BA"; }
	 60% { content: "OTROS ARTÍC\20B9 \0394 \20BA \03F4"; }
	 70% { content: "OTROS ARTÍCU\03A3 \20B9 \0394"; }
	 80% { content: "OTROS ARTÍCUL\20B9 \0394"; }
	 90% { content: "OTROS ARTÍCULO\03DE"; text-shadow: 0 0 6px white;}
	 100% { content: "OTROS ARTÍCULOS"; text-shadow: 0 0 3px white;}
}

@keyframes decode-otrosarticulos {
	  0% { content: "\20B9 \03DE \20BE \03BE \2126 \2000 \03EA \03A3 \20B9 \03DE \20BE \03BE \2126 \2000"; text-shadow: 0 0 6px white; }
	  5% { content: "O\03F4 \03BE \03DE \2000 \03DE \20BA \20B9 \03DE \20BE \03BE \2126 \2000 \03EA \03A3"; }
	 10% { content: "OT\03A3 \03D1 \0020 \20BE \2202 \03DE \20BA \03A3 \03D1 \20BE \2000 \20BE \2202"; }
	 15% { content: "OTR\0394 \0020 \03D1 \03EA \03A3 \20B9 \0394 \20BA \03F4 \20BE \2000 \03A3"; }
	 20% { content: "OTRO\03DE \0394 \20BA \03F4 \20BE \2000 \03A3 \20B9 \0394 \20BA \03F4"; } 
	 25% { content: "OTROS\03DE \20BE \03BE \2126 \2000 \03EA \03A3 \20B9 \03DE \20BE"; } 
	 30% { content: "OTROS \03DE \03A3 \03D1 \20BE \2000 \20BE \2202 \03DE \20BA"; } 
	 35% { content: "OTROS A\03DE \03F4 \20BE \2000 \03A3 \20B9 \20BE \03BE"; } 
	 40% { content: "OTROS AR\03DE \20B9 \03DE \20BE \03BE \2126 \2000"; }
	 45% { content: "OTROS ART\20B9 \03EA \03A3 \20B9 \0394 \20BA"; }
	 50% { content: "OTROS ARTÍ\03DE \03A3 \20B9 \0394 \20BA"; }
	 60% { content: "OTROS ARTÍC\20B9 \0394 \20BA \03F4"; }
	 70% { content: "OTROS ARTÍCU\03A3 \20B9 \0394"; }
	 80% { content: "OTROS ARTÍCUL\20B9 \0394"; }
	 90% { content: "OTROS ARTÍCULO\03DE"; text-shadow: 0 0 6px white;}
	 100% { content: "OTROS ARTÍCULOS"; text-shadow: 0 0 3px white;}
}

a.title-article {
	color: #0F151B;
}

a.article {
	color: #0056B3;
}

a.coding {
	text-transform: uppercase;
	color: #0F151B;
	font-weight: bold;
	text-decoration: none;
	font-size: 17px;
	text-align: center; 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	width: 100%; 
	height: 100%; 
	text-shadow: 0 0 6px white;
}

a.coding:before {
	content: "Tu publicidad aquí";
	color: #0F151B;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	width: 100%; 
	height: 100%; 
	text-shadow: 0 0 6px white;
	animation: encode 1s 1;
}

a.coding:hover:before {
	color: #0F151B;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	width: 100%; 
	height: 100%; 
	text-shadow: 0 0 6px white;
	animation: decode 1s 1;
}

@keyframes encode {
	  0% { content: "\20B9 \03DE \20BE \03BE \2126 \2000 \03EA \03A3 \20B9 \03DE \20BE \03BE \2126 \2000 \03EA \03A3 \20B9"; text-shadow: 0 0 6px white; }
	  5% { content: "\03DE \20BA \03A3 \03D1 \20BE \2000 \20BE \2202 \03DE \20BA \03A3 \03D1 \20BE \2000 \20BE \2202 \03DE"; }
	 10% { content: "\0394 \20BA \03F4 \20BE \2000 \03A3 \20B9 \0394 \20BA \03F4 \20BE \2000 \03A3 \20B9 \0394 \20BA \03F4"; }
	 15% { content: "T\03F4 \03BE \03DE \2000 \03DE \20BA \20B9 \03DE \20BE \03BE \2126 \2000 \03EA \03A3 \20B9 \03DE \20BE"; }
	 20% { content: "Tu\03A3 \03D1 \0020 \20BE \2202 \03DE \20BA \03A3 \03D1 \20BE \2000 \20BE \2202 \03DE \20BA \03A3"; }
	 25% { content: "Tu \0394 \0020 \03D1 \03EA \03A3 \20B9 \0394 \20BA \03F4 \20BE \2000 \03A3 \20B9 \03DE \20BE"; }
	 30% { content: "Tu p\03DE \0394 \20BA \03F4 \20BE \2000 \03A3 \20B9 \0394 \20BA \03F4 \20BA \03A3 \03D1"; }
	 35% { content: "Tu pu\03DE \20BE \03BE \2126 \2000 \03EA \03A3 \20B9 \03DE \20BE \03BE \03A3 \20B9"; }
	 40% { content: "Tu pub\20BE \20B9 \0394 \20BA \03F4 \20BE \03F4 \20BE \2000 \03A3 \20B9 \03BE"; }
	 45% { content: "Tu publ\03DE \20BE \2202 \03DE \20BA \03A3 \03D1 \20BE \2000 \20BE \03A3"; }
	 50% { content: "Tu publi\0020 \20BE \2202 \03DE \20BA \03A3 \03D1 \20BE \2000 \20B9"; }
	 55% { content: "Tu public\03DE \03A3 \03D1 \20BE \2000 \20BE \2202 \03DE \20BA"; }
	 60% { content: "Tu publici\03DE \03F4 \20BE \2000 \03A3 \20B9 \20BE \03BE"; }
	 65% { content: "Tu publicid\03DE \20B9 \03DE \20BE \03BE \2126 \2000"; } 
	 70% { content: "Tu publicida\20B9 \03EA \03A3 \20B9 \0394 \20BA"; } 
	 75% { content: "Tu publicidad\03DE \03A3 \20B9 \0394 \20BA"; } 
	 80% { content: "Tu publicidad \20B9 \0394 \20BA \03F4"; }
	 85% { content: "Tu publicidad a\03A3 \20B9 \0394"; } 
	 90% { content: "Tu publicidad aq\20B9 \0394"; } 
	 95% { content: "Tu publicidad aqu\03DE"; text-shadow: 0 0 6px white;}
	 100% { content: "Tu publicidad aquí"; text-shadow: 0 0 3px white;}
}

@keyframes decode {
	  0% { content: "\20B9 \03DE \20BE \03BE \2126 \2000 \03EA \03A3 \20B9 \03DE \20BE \03BE \2126 \2000 \03EA \03A3 \20B9"; text-shadow: 0 0 6px white; }
	  5% { content: "\03DE \20BA \03A3 \03D1 \20BE \2000 \20BE \2202 \03DE \20BA \03A3 \03D1 \20BE \2000 \20BE \2202 \03DE"; }
	 10% { content: "\0394 \20BA \03F4 \20BE \2000 \03A3 \20B9 \0394 \20BA \03F4 \20BE \2000 \03A3 \20B9 \0394 \20BA \03F4"; }
	 15% { content: "T\03F4 \03BE \03DE \2000 \03DE \20BA \20B9 \03DE \20BE \03BE \2126 \2000 \03EA \03A3 \20B9 \03DE \20BE"; }
	 20% { content: "Tu\03A3 \03D1 \0020 \20BE \2202 \03DE \20BA \03A3 \03D1 \20BE \2000 \20BE \2202 \03DE \20BA \03A3"; }
	 25% { content: "Tu \0394 \0020 \03D1 \03EA \03A3 \20B9 \0394 \20BA \03F4 \20BE \2000 \03A3 \20B9 \03DE \20BE"; }
	 30% { content: "Tu p\03DE \0394 \20BA \03F4 \20BE \2000 \03A3 \20B9 \0394 \20BA \03F4 \20BA \03A3 \03D1"; } 
	 35% { content: "Tu pu\03DE \20BE \03BE \2126 \2000 \03EA \03A3 \20B9 \03DE \20BE \03BE \03A3 \20B9"; } 
	 40% { content: "Tu pub\20BE \20B9 \0394 \20BA \03F4 \20BE \03F4 \20BE \2000 \03A3 \20B9 \03BE"; } 
	 45% { content: "Tu publ\03DE \20BE \2202 \03DE \20BA \03A3 \03D1 \20BE \2000 \20BE \03A3"; } 
	 50% { content: "Tu publi\0020 \20BE \2202 \03DE \20BA \03A3 \03D1 \20BE \2000 \20B9"; } 
	 55% { content: "Tu public\03DE \03A3 \03D1 \20BE \2000 \20BE \2202 \03DE \20BA"; } 
	 60% { content: "Tu publici\03DE \03F4 \20BE \2000 \03A3 \20B9 \20BE \03BE"; } 
	 65% { content: "Tu publicid\03DE \20B9 \03DE \20BE \03BE \2126 \2000"; } 
	 70% { content: "Tu publicida\20B9 \03EA \03A3 \20B9 \0394 \20BA"; } 
	 75% { content: "Tu publicidad\03DE \03A3 \20B9 \0394 \20BA"; } 
	 80% { content: "Tu publicidad \20B9 \0394 \20BA \03F4"; } 
	 85% { content: "Tu publicidad a\03A3 \20B9 \0394"; } 
	 90% { content: "Tu publicidad aq\20B9 \0394"; } 
	 95% { content: "Tu publicidad aqu\03DE"; text-shadow: 0 0 6px white;}
	 100% { content: "Tu publicidad aquí"; text-shadow: 0 0 3px white;}
}