.PrimerArticulo
{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100vw;
	padding-top: 150px;
	padding-bottom: 50px;
	text-align: center;
	background-color: rgb(245,245,245);
}
.PrimerArticulo .Texto
{
	display: inline-block;
	width: 90vw;
	max-width: 800px;
	margin-bottom: 30px;
}
.PrimerArticulo .Texto .Titulo
{
	display: inline-block;
	width: 100%;
	height: 100px;
	background-image: url(../Image/Fondo/Titulo.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	color: rgba(118,170,58,0);
	margin-bottom: 20px;
}
.PrimerArticulo .Texto .Parrafo
{
	text-align: justify;
	font-family: 'Roboto Condensed Regular', sans-serif;
	font-size: 1.3em;
	font-weight: 400;
	color: rgb(150,150,150);
}
.PrimerArticulo .Texto .Parrafo .Enlace
{
	border-bottom: solid 2px rgb(200,118,12);
	color: rgb(200,118,12);
}
.PrimerArticulo .Texto .Parrafo.PDF
{
	text-align: center;
}
.PrimerArticulo .Texto .Parrafo.PDF .Boton
{
	position: relative;
	display: inline-block;
	outline: none;
	border: solid 2px rgba(200,118,12,1);
	background-color: rgba(200,118,12,.9);
	color: rgb(255,255,255);
	font-size: .8em;
	font-family: 'Roboto Condensed Regular', sans-serif;
	font-weight: 400;
	padding: 10px 10px 10px 25px;
	width: 255px;
	cursor: pointer;
	transition: all .3s;
	box-shadow: 5px 5px 3px -2px rgba(0,0,0,.3);
	letter-spacing: .05em;
}
.PrimerArticulo .Texto .Parrafo.PDF .Boton .icon
{
	position: absolute;
	top: -10px;
	left: -10px;
	width: 35px;
	height: 35px;
	margin-right: 0px;
	background-image: url(../Image/Icon/PDF.svg);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.PrimerArticulo .Texto .Parrafo.PDF .Boton:hover
{
	transform: translate(3px, 3px);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,.3);
}
.PrimerArticulo .Texto .Parrafo.ESSNA
{
	display: inline-block;
	margin-top: 0;
	padding: 20px;
	border-radius: 10px;
	/*background-color: rgb(250,250,250);*/
	border:solid 1px rgba(0,0,0,.07);
}
.PrimerArticulo .Texto .Parrafo .Icono
{
	float: left;
	width: 100px;
	height: 170px;
	/*height: 100%;*/
	margin-right: 20px;
	/*margin-bottom: 20px;*/
	object-position: center;
	object-fit: contain;
}
.Frente
{
	position: relative;
	display: inline-block;
	width: 100%;
	padding-top: 35px;
	max-width: 800px;
	border-radius: 10px;
	background-color: rgb(250,250,250);
}
.Frente:before
{
	content: "";
	display: block;
	position: absolute;
	top: -35px;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 70px;
	background-image: url(../Image/Icon/Privacy-Policy.svg);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	/*background-color: green*/
}
/*.FondoPrincipal
{
	width: 100%;
	object-fit: cover;
	object-position: center;
}*/
.Frente .Centrar
{
	width: 100%;
	padding: 20px 60px;
	text-align: center;
}
.Frente .TerminosBoton
{
	position: relative;
	padding: 15px 30px;
	border: transparent;
	border-radius: 5px;
	box-shadow: 10px 10px 10px -5px rgba(0,0,0,.2);
	outline: none;
	font-family: 'Roboto Condensed Bold', sans-serif;
	font-weight: 700;
	font-size: 1.3em;
	color: rgb(200,118,12);
	line-height: 1.1em;
	margin-bottom: 20px;
	transition: all .3s;
	cursor: pointer;
}
.Frente .TerminosBoton:before,
.Frente .TerminosBoton:after
{
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
}
.Frente .TerminosBoton:before
{
	top: 0;
	left: 0;
	border-top: solid 2px rgba(200,118,12,.7);
	border-left: solid 2px rgba(200,118,12,.7);
	border-radius: 5px 0 0 0;
	/*transition: all .1s;*/
}
.Frente .TerminosBoton:after
{
	bottom: 0;
	right: 0;
	border-bottom: solid 2px rgba(200,118,12,.7);
	border-right: solid 2px rgba(200,118,12,.7);
	border-radius: 0 0 5px 0;
}
.Frente .TerminosBoton:hover
{
	transform: translate(5px, 5px);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,.2);
}
.Frente .TerminosBoton:hover:before
{
	transform: translateY(20px);
	border-radius: 0 0 0 5px;
	border-top: transparent;
	border-bottom: solid 2px rgba(200,118,12,.7);
	/*border-left: solid 2px rgba(200,118,12,.7);*/
}
.Frente .TerminosBoton:hover:after
{
	transform: translateY(-20px);
	border-radius: 0 5px 0 0;
	border-bottom: transparent;
	border-top: solid 2px rgba(200,118,12,.7);
}
.SegundoArticulo
{
	padding-top: 50px;
	padding-bottom: 30px;
	background-color: rgb(245,245,245);
	text-align: center;
	overflow: hidden;
}
.SegundoArticulo .Seccion
{
	position: relative;
	display: inline-block;
	width: 100vw;
	max-width: 1100px;
	margin-bottom: 30px;
}
.SegundoArticulo .Seccion.Seccion1,
.SegundoArticulo .Seccion.Seccion3
{
	transform: translateX(-50px);
	text-align: left;
}
.SegundoArticulo .Seccion.Seccion2,
.SegundoArticulo .Seccion.Seccion4
{
	transform: translateX(50px);
	text-align: right;
}
.SegundoArticulo .Seccion .Imagen
{
	display: inline-block;
	border-radius: 5px;
	box-shadow: 15px 15px 5px -5px rgba(0,0,0,.15);
}
.SegundoArticulo .Seccion1 .Imagen,
.SegundoArticulo .Seccion3 .Imagen
{
	width: 75%;
}
.SegundoArticulo .Seccion2 .Imagen
{
	height: 800px;
}
.SegundoArticulo .Seccion4 .Imagen
{
	height: 600px;
}
.SegundoArticulo .Seccion .Texto
{
	position: absolute;
	top: 0;
	vertical-align: top;
	display: inline-block;
	padding: 20px;
	width: 40%;
	min-width: 350px;
}
.SegundoArticulo .Seccion1 .Texto,
.SegundoArticulo .Seccion3 .Texto
{
	background-color: rgb(171,168,76);
	right: 0;
	transform: translate(100px, 30px);
}
.SegundoArticulo .Seccion2 .Texto,
.SegundoArticulo .Seccion4 .Texto
{
	width: 50%;
	text-align: right;
	left: 0;
	transform: translate(0px, 30px);
	background-color: rgb(0,158,171);
}
.SegundoArticulo .Seccion2 .Texto
{
	transform: translate(-100px, 30px);
	width: 60%;
}
.SegundoArticulo .Seccion4 .Texto
{
	width: 60%;
	transform: translate(-100px, 30px);
}
.SegundoArticulo .Seccion .Texto:before,
.SegundoArticulo .Seccion .Texto:after
{
	position: absolute;
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background-color: rgb(240,240,240);
}
.SegundoArticulo .Seccion1 .Texto:before,
.SegundoArticulo .Seccion3 .Texto:before
{
	top: -25px;
	right: -10px;
}
.SegundoArticulo .Seccion1 .Texto:after,
.SegundoArticulo .Seccion3 .Texto:after
{
	top: -5px;
	right: -30px;
}
.SegundoArticulo .Seccion2 .Texto:before,
.SegundoArticulo .Seccion4 .Texto:before
{
	top: -25px;
	left: -10px;
}
.SegundoArticulo .Seccion2 .Texto:after,
.SegundoArticulo .Seccion4 .Texto:after
{
	top: -5px;
	left: -30px;
}
.SegundoArticulo .Seccion .Texto .Parrafo
{
	text-align: justify;
	color: rgb(230,230,230);
	font-weight: 300;
}
.SegundoArticulo .Seccion .Texto .Titulo
{
	font-family: 'Roboto Condensed Bold', sans-serif;
	font-size: 2em;
	font-weight: 700;
	text-align: left;
}
.SegundoArticulo .Seccion1 .Texto .Titulo,
.SegundoArticulo .Seccion3 .Texto .Titulo
{
	color: rgb(121,118,26);
}
.SegundoArticulo .Seccion2 .Texto .Titulo,
.SegundoArticulo .Seccion4 .Texto .Titulo
{
	margin-left: 32px;
	color: rgb(0,108,121);
}
.SegundoArticulo .Seccion .Texto .Titulo .Icono
{
	display: inline-block;
	width: 32px;
	height: 32px;
	transform: translateY(2px);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.SegundoArticulo .Seccion .Texto .Titulo .Icono.Icono1
{
	background-image: url(../Image/Icon/Experiencia.svg);
}
.SegundoArticulo .Seccion .Texto .Titulo .Icono.Icono2
{
	background-image: url(../Image/Icon/Equipo.svg);
}
.SegundoArticulo .Seccion .Texto .Titulo .Icono.Icono3
{
	background-image: url(../Image/Icon/Atras.svg);
}
.SegundoArticulo .Seccion .Texto .Titulo .Icono.Icono4
{
	background-image: url(../Image/Icon/Plastico.svg);
}
.SegundoArticulo .Seccion .Texto .Parrafo
{
	font-family: 'Roboto Condensed Light', sans-serif;
	font-weight: 300;
	font-size: 1.3em;
	line-height: 1.3em;
	letter-spacing: .03em;
	color: rgba(255,255,255);
}
.SegundoArticulo .Seccion .Texto .Parrafo .Span
{
	font-family: 'Roboto Condensed Bold', sans-serif;
	color: rgb(0,108,121);
	cursor: pointer;
	font-weight: 700;
	border-bottom: dashed 2px rgb(0,108,121);
}
.SegundoArticulo .Seccion .Texto .Parrafo .Span2
{
	cursor: default;
	border-bottom: none;
}
.SegundoArticulo .Subtitulo
{
	display: inline-block;
	margin-left: 5%;
	width: 90%;
	overflow: hidden;
}
.SegundoArticulo .Subtitulo .Source,
.SegundoArticulo .Subtitulo .IMG
{
	display: inline-block;
	width: 100%;
	object-fit: contain;
}
.TercerArticulo
{
	width: 100vw;
	height: calc(100vh - 100px);
	max-height: 800px;
	background-color: rgb(240,240,240);
	display: flex;
	justify-content: space-between;
}
.TercerArticulo .Texto
{
	position: relative;
	top: 20%;
	width: 45%;
	padding: 20px;
	margin-left: 30px;
	z-index: 3;
}
.TercerArticulo .Texto .Titulo
{
	font-family: 'Roboto Condensed Bold', sans-serif;
	font-size: 2.5em;
	font-weight: 700;
	color: rgb(0,158,171);
	padding-bottom: 10px;
	border-bottom: solid 1px rgba(0,0,0,.15)
}
.TercerArticulo .Texto .Parrafo
{
	font-family: 'Roboto Condensed Light', sans-serif;
	font-weight: 300;
	font-size: 1.3em;
	text-align: justify;
	line-height: 1.3em;
	letter-spacing: .03em;
	color: rgba(100,100,100);
	margin-bottom: 50px;
}
.TercerArticulo .Texto .Boton
{
	position: relative;
	background-color: rgb(0,158,171);
	border: solid 1px rgb(0,138,151);
	font-family: 'Roboto Condensed Regular', sans-serif;
	font-weight: 400;
	color: rgb(255,255,255);
	font-size: 1.3em;
	padding: 7px 15px;
	box-shadow: 3px 3px 3px 1px rgba(0,0,0,.3);
	border-radius: 3px;
	cursor: pointer;
	outline: none;
	overflow: hidden;
}
.TercerArticulo .Texto .Boton:hover:after
{
	transform: translateX(0);
}
.TercerArticulo .Texto .Boton:after
{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 110%;
	height: 110%;
	background-color: rgb(0,85,149);
	opacity: .3;
	transform: translateX(-100%);
	transition: .3s;
}
.TercerArticulo .Texto .Parrafo .Span
{
	color: rgb(0,158,171);
}
.TercerArticulo .Libro
{
	position: relative;
	width: 45%;
	display: flex;
	justify-content: center;
}
.TercerArticulo .Libro .Fondo
{
	position: absolute;
	top: 0;
	right: -10%;
	height: 100%;	
	opacity: .8;
}
.TercerArticulo .Libro .ImagenLibro
{
	position: relative;
	top: 20%;
	height: 60%;
	box-shadow: 5px 5px 3px 2px rgba(0,0,0,.3)	
}
.CuartoArticulo
{
	width: 100vw;
	height: calc(80vh - 100px);
	display: inline-block;
	text-align: center;
}
.CuartoArticulo .Centrar
{
	display: flex;
	width: 100%;
	height: 100%;
}
.CuartoArticulo .Texto
{
	position: relative;
	border-top: solid 1px rgb(230,230,230);
	background-image: linear-gradient(to right,rgb(230,230,230),rgb(255,255,255));
	height: 100%;
	padding: 50px;
	width: 40%;
	display: flex;
	align-items: center;
}
.CuartoArticulo .Titulo
{
	font-family: 'Roboto Condensed Regular', sans-serif;
	font-weight: 400;
	color: rgb(0,158,171);
	font-size: 2em;
	z-index: 2;
}
.CuartoArticulo .Titulo .Span
{
	font-size: 1.3em;
	font-weight: 700;
}
.Podcast
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 300px;
  height: 300px;
  /* margin: 100px; */
  /* background-color: red; */
}
.Podcast .linea
{
  display: inline-block;
  width: 20px;
  height: 300px;
  margin-left: 0px;
  background-color: rgb(230,230,230);
  border-radius: 5px;
}
.Podcast .linea.lineas1,
.Podcast .linea.lineas2,
.Podcast .linea.lineas3,
.Podcast .linea.lineas4,
.Podcast .linea.lineas5,
.Podcast .linea.lineas6,
.Podcast .linea.lineas7
{
  animation: Escala .7s ease-in-out infinite;
  animation-direction: alternate;
}
.Podcast .linea.lineas1{
  animation-delay: .2s;
}
.Podcast .linea.lineas7{
  animation-delay: .4s;
}
.Podcast .linea.lineas5
{
  animation-delay: .6s;
}
.Podcast .linea.lineas4
{
  animation-delay: .8s;
}
.Podcast .linea.lineas3
{
  animation-delay: 1s;
}
.Podcast .linea.lineas6
{
  animation-delay: 1.2s;
}
.Podcast .linea.lineas2
{
  animation-delay: 1.4s;
}
@keyframes Escala
{
  from{
    transform: scaleY(1);
  }
  to{
    transform: scaleY(1.5);
  }
}
.CuartoArticulo .YouTube
{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60%;
	height: 100%;
}
.CuartoArticulo .YouTube .Caja
{
	width: 90%;
	max-width: 887px;
	height: 90%;
	max-height: 499px;
	border-radius: 10px;
	box-shadow:  20px 20px 60px #bebebe,
             -20px -20px 60px #ffffff;
	overflow: hidden;
}
.TerminosCondiciones
{
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,.7);
	z-index: 99;
}
.TerminosCondiciones .Carta,
.TerminosCondiciones .Carta2
{
	position: relative;
	width: 100vw;
	max-width: 800px;
	height: 90vh;
	background-color: rgb(240,240,240);
	border-radius: 10px;
	text-align: center;
	transform: translateY(50vh);
	opacity: 0;
	animation: Entrada 1s forwards;
}
@keyframes Entrada
{
	to {transform: translateY(0); opacity: 1}
}
.TerminosCondiciones .Carta2
{
	display: none;
}
.TerminosCondiciones .Carta:before
{
	content: "";
	display: block;
	position: absolute;
	top: -35px;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 70px;
	background-image: url(../Image/Icon/Privacy-Policy.svg);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	/*background-color: green*/
}
.TerminosCondiciones .Carta .Cerrar,
.TerminosCondiciones .Carta2 .Cerrar
{
	position: absolute;
	top: -20px;
	right: -20px;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	background-color: #ff3333;
	background-image: url(../Image/Icon/Close.svg);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	transition: all .3s;
}
.TerminosCondiciones .Carta .Cerrar:hover,
.TerminosCondiciones .Carta2 .Cerrar:hover
{
	transform: scale(1.1);
}
.TerminosCondiciones .Centrar
{
	display: inline-block;
	width: 90%;
	height: 90%;
	margin-top: 5%;
	padding-left: 30px;
	padding-right: 30px;
	overflow-y: scroll;
	text-align: left;
}
.TerminosCondiciones .Centrar::-webkit-scrollbar-thumb
{
	background-color: rgb(200,118,12);
	border-radius: 5px;
}
.TerminosCondiciones .Titulo
{
	text-align: center;
	font-family: 'Roboto Condensed Bold', sans-serif;
	font-size: 2em;
	font-weight: 700;
	color: rgb(200,118,12);
	margin-bottom: 15px;
}
.TerminosCondiciones .Subtitulo
{
	text-align: center;
	font-family: 'Roboto Condensed Bold', sans-serif;
	font-size: 1.7em;
	font-weight: 700;
	color: rgb(200,118,12);
	margin-bottom: 20px;
}
.TerminosCondiciones .Subtitulo.Segundo
{
	text-align: left;
	font-family: 'Roboto Condensed Bold', sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	color: rgb(80,80,80);
}
.TerminosCondiciones .Parrafo
{
	text-align: justify;
	font-family: 'Roboto Condensed Regular', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: rgb(120,120,120);
}
.TerminosCondiciones .Parrafo .Span
{
	font-family: 'Roboto Condensed Bold', sans-serif;
	font-weight: 700;
	color: rgb(90,90,90);
}
.TerminosCondiciones .Parrafo .Correo
{
	font-family: 'Roboto Condensed Bold', sans-serif;
	font-weight: 700;
	color: rgb(200,118,12);
	border-bottom: solid 1px rgb(200,118,12);
	cursor: pointer;
}
.TerminosCondiciones .Li
{
	position: relative;
	margin-left: 30px;
	margin-bottom: 30px;
}
.TerminosCondiciones .Li:before
{
	content: "";
	position: absolute;
	top: 5px;
	left: -25px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: rgb(200,118,12);
}
.TerminosCondiciones .Asterisco
{
	font-family: 'Roboto Condensed Bold', sans-serif;
	font-weight: 700;
	font-size: 1.3em;
	color: rgb(200,118,12);
	margin-left: 4px;
	margin-right: 15px;
}

.Parrafo strong, .Parrafo b
{
	font-family: 'Roboto Condensed Bold', sans-serif;
	font-weight: 700;
	color: rgba(111,111,111,1);
}