body{
	padding: 0;
	margin: 0;
	background: #FFF;
}

@font-face {
    font-family: 'g-black';
    src: url('../fonts/gotham-black-webfont.html');
    src: url('../fonts/gotham-black-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-black-webfont-2.html') format('woff2'),
         url('../fonts/gotham-black-webfont-3.html') format('woff'),
         url('../fonts/gotham-black-webfont-4.html') format('truetype'),
         url('../fonts/gotham-black-webfont-5.html#gotham_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'g-bold';
    src: url('../fonts/gotham-bold-webfont.html');
    src: url('../fonts/gotham-bold-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-bold-webfont-2.html') format('woff2'),
         url('../fonts/gotham-bold-webfont-3.html') format('woff'),
         url('../fonts/gotham-bold-webfont-4.html') format('truetype'),
         url('../fonts/gotham-bold-webfont-5.html#gotham_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'g-book';
    src: url('../fonts/gotham-book-webfont.html');
    src: url('../fonts/gotham-book-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-book-webfont-2.html') format('woff2'),
         url('../fonts/gotham-book-webfont-3.html') format('woff'),
         url('../fonts/gotham-book-webfont-4.html') format('truetype'),
         url('../fonts/gotham-book-webfont-5.html#gotham_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'g-medium';
    src: url('../fonts/gotham-medium-webfont.html');
    src: url('../fonts/gotham-medium-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-medium-webfont-2.html') format('woff2'),
         url('../fonts/gotham-medium-webfont-3.html') format('woff'),
         url('../fonts/gotham-medium-webfont-4.html') format('truetype'),
         url('../fonts/gotham-medium-webfont-5.html#gotham_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'g-ultra';
    src: url('../fonts/gotham-ultra_1-webfont.html');
    src: url('../fonts/gotham-ultra_1-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-ultra_1-webfont-2.html') format('woff2'),
         url('../fonts/gotham-ultra_1-webfont-3.html') format('woff'),
         url('../fonts/gotham-ultra_1-webfont-4.html') format('truetype'),
         url('../fonts/gotham-ultra_1-webfont-5.html#gotham_ultraregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#section0{
	overflow-y: hidden;
}
.section {
    text-align: center;
}
.header {
    position: absolute;
    top: 0;
    left: 0;
    background: #000000;
    width: 100%;
    height: 64px;
    z-index: 1;
}
.header .logo-claro {
    width: auto;
    height: 42px;
    display: block;
    margin: 10px 50px;
	position: relative;
    z-index: 9999;
}
.inner-content-ini {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    padding-top: 15vh;
	height: 100vh;
}
.imagen-principal {
    height: auto;
    max-width: 90%;
    margin: 0 auto 12vh;
    position: relative;
}
.txt-shadow{
    text-shadow: 0 0 25px #000;
}
.bg-negro{
	background: #000;
}
.bg-blanco{
	background: #FFF;
}
a.bajo-btn {
	color: #000000;
    font-size: 14px;
    letter-spacing: 2px;
    margin: 0;
    text-decoration: none;
	opacity: 1;
	transition: opacity ease-in-out .3s;
}
a.color-blanco:hover {
	color: #FFFFFF;
}
a.bajo-btn.ml-0 {
	color: #FFFFFF;
    display: table;
}
a.bajo-btn:hover {
	color: #000000;
    opacity: .75;
	transition: opacity ease-in-out .2s;
}
a.bajo-btn.ml-0:hover {
	color: #FFFFFF;
    opacity: .75;
	transition: opacity ease-in-out .2s;
}
.accordion-item {
    background-color: #FFFFFF;
    border: 1.6px solid #ff1e22;
}
.accordion-button {
    font-size: 15px;
	font-weight: 600;
	padding: 1rem 1.25rem;
}
.accordion-button::after {
    flex-shrink: 0;
    width: 0.7rem;
    height: 0.7rem;
    margin-left: auto;
    content: "";
    background-image: url("../img/arrow-collapse.svg");
    background-repeat: no-repeat;
    background-size: 0.7rem;
    transition: transform .2s ease-in-out;
}
.accordion {
    border-top: 1.6px solid red;
    border-bottom: 1.6px solid red;
}
.accordion-body {
    padding: 0 1.25rem 1.5rem;
	line-height: 1.1em;
}
.accordion-button:not(.collapsed) {
    color: inherit;
    background-color: transparent;
    box-shadow: none;
}
.accordion-button:focus {
    z-index: 3;
    border-color: none;
    outline: 0;
    box-shadow: none;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("../img/arrow-collapse.svg");
    transform: rotate(-180deg);
}
h1{
	font-family: g-black, "Helvetica Neue", Helvetica, Arial, Verdana, "sans-serif";
    line-height: 100%;
    font-size: min(91px, 10vmin);
	color: #000;
	margin: 0;
}
h1 span{
    font-family: g-book, "Helvetica Neue", Helvetica, Arial, Verdana, "sans-serif";
    font-size: 0.3em;
    color: #000;
	margin: 0;
    line-height: 1em;
}
h2 {
    font-family: g-book, "Helvetica Neue", Helvetica, Arial, Verdana, "sans-serif";
    font-size: min(35px, 3.5vmin);
    color: #000;
    width: 100%;
    margin: 0 0 20px;
}
h3 {
    font-family: g-medium, "Helvetica Neue", Helvetica, Arial, Verdana, "sans-serif";
    font-size: min(50px, 9vmin);
    line-height: 100%;
    width: 500px;
    display: block;
    margin: 0 auto;
    text-align: left;
    color: #FFF;
}
.imagen-ini {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 0;
    height: auto;
    width: 100%;
    margin: -25% 0 0 0;
    padding-top: 20px;
}
.titulares{
	position: relative;
	z-index: 1;
}
.tooltip1 {
    position: absolute;
    bottom: -84px;
    left: -270px;
    background: #000;
    color: #FFF;
    padding: 10px 30px 12px;
    width: 320px;
    text-align: left;
    line-height: 1.2em;
    font-size: 14px;
}
.tooltip1 .corner-img{
    position: absolute;
    top: -24px;
    right: 0;
    width: 30px;
	height: 30px;
	transform: rotate(180deg);
	transform: rotateX(180deg)
}
.tooltip2 {
    position: absolute;
    top: -70px;
    left: 48px;
    background: #000;
    color: #FFF;
    padding: 10px 30px 12px;
    width: auto;
    text-align: left;
    line-height: 1.2em;
    font-size: 14px;
}
.tooltip2 .corner-img{
    position: absolute;
    bottom: -24px;
    right: 0;
    width: 30px;
	height: 30px;
}
.bottom-arrow-btn {
    width: 360px;
    margin: 10vh auto 0;
    z-index: 1;
}
.imagen-s2, .imagen-s3 {
    width: 100%;
    height: auto;
    max-width: 1080px;
	margin: auto;
}
.parrafo{
    width: 100%;
	z-index: 1;
	position: relative;
}
.boton{
	font-family: g-ultra, "Helvetica Neue", Helvetica, Arial, Verdana, "sans-serif";
    font-size: min(17px, 3.5vmin);
    background-color: #ff1e22;
    padding: 10px 25px;
    max-width: 360px;
    text-align: center;
    text-decoration: none;
    margin: 20px auto 10px;
    color: white;
    display: table;
    letter-spacing: 1px;
}
.boton.big{
    font-size: min(18px, 4vmin);
}
.boton:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.color-rojo{
	color: #ff1e22;
}
.color-blanco{
	color: #FFFFFF;
}
.scroll-flecha-ini {
    max-width: 30px;
    width: 30px;
}
.peli{
    max-width: 90%;
    height: auto;
    width: 300px;
}
.header-prime-video{
	background: url("../img/banda.png") no-repeat #000623;
	background-position: center;
	background-size: cover;
	height: 12vh;
	display: flex;
    align-items: center;
}
.header-prime-video img{
    max-width: 160px;
    height: auto;
    display: block;
    margin: 0 auto;
}
.header-prime-video.fijo.noSee{
	display: flex;
	align-items: center;
	top: -20vh;
	transition: top ease-in-out .4s;
}
.header-prime-video.fijo{
	position: fixed;
	width: 100%;
	z-index: 9999;
	display: flex;
	align-items: center;
	top: 0;
	transition: top ease-in-out .6s;
}
.header-prime-video.fijo.absoluto {
    position: absolute;
	top: inherit;
    bottom: 0;
}
.header-espacio{
	height: 12vh;
	display: flex;
    align-items: center;
}
.fas img{
    max-width: 15px;
    height: auto;
    width: 15px;
}
.pie .logo-claro{
    width: 110px;
    padding: 10px;
}
.tyc {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    color: #000;
    z-index: 9999999;
    bottom: 8px;
    transition: all 0.8s ease-out;
    background-color: #cccccc;
}
.tyc.tyc-on {
    bottom: 74px;
    transition: all 0.8s ease-out;
}
.tyc .boton-legal img {
    max-width: 40px;
    height: auto;
    width: 40px;
}
.tyc.tyc-on .boton-legal img {
    transform: rotate(180deg);
}
.tyc h4 {
    width: 100%;
    display: block;
    text-align: center!important;
    color: #000;
    font-size: 16px;
    font-family: g-book,Verdana, Geneva, sans-serif!important;
    padding: 0;
	margin: 0;
}
.inner-content {
    height: 88vh;
	max-width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
	align-items: center;
	margin: 0 5%;
}
.legal {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
	text-decoration: none;
}
.legal:hover {
	text-decoration: none;
}

.boton-legal {
    width: 40px;
    height: 41px;
    margin: -30px 0 0 0;
}
.tyc p {
    width: 90%;
    display: block;
    text-align: left;
    color: #000;
    font-size: 10px;
    font-family: g-book,Verdana, Geneva, sans-serif!important;
    margin: -10px auto;
    padding: 22px 0 20px 0;
}
.ml-0{
	margin-left: 0;
	text-align: left;
}
.inner-content .row {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}
.pie {
    width: 100%;
    height: 65px;
    background: #000;
    position: absolute;
    text-align: center;
    color: #000;
    z-index: 9999999;
    bottom: 0px;
}
.tyc2 {
    width: 100%;
    margin-bottom: 65px;
    position: absolute;
    bottom: 0px;
}
.tyc2 .h4, .tyc2  h4 {
    font-size: 15px;
	margin-bottom: 0;
	z-index: 999;
}
.tyc2 .accordion {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
	border-top: none;
    border-bottom: none;
	background: #cccccc;
}
.tyc2 .accordion-button {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    background: transparent;
	padding: 1rem 1rem;
}
.tyc2 .accordion-item {
    background: transparent;
}
.tyc2 .accordion-button::after {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin-left: auto;
    content: "";
    background-image: url(../img/arrow-up-terminos-condiciones.svg);
    background-repeat: no-repeat;
    background-size: 40px;
    transition: transform .2s ease-in-out;
    margin-right: auto;
    display: flex;
    flex-direction: column-reverse;
	position: absolute;
    top: -26px;
}
.tyc2 p {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    line-height: 1.1em;
}
.tyc2 .accordion-body p {
    font-size: 13px;
    max-width: 90%;
    margin: auto;
}
#section5 {
    padding-bottom: 110px;
}
.noSee{
    
}

@media (max-width: 1024px) {
	.tooltip1 {
		bottom: -84px;
		left: -5.5%;
	}
	h3 {
		font-size: min(40px, 9vmin);
	}
}
@media (max-width: 992px) {
	.col-md-6, .col-lg-6 {
		width: 100%;
		max-width: 100%;
	}
	.header-prime-video {
		height: 10vh;
	}
	.header-espacio {
		height: 10vh;
	}
	.titulares {
		width: 100%;
	}
	.imagen-s2, .imagen-s3 {
		max-width: 600px;
	}
	.ml-0 {
		margin-left: auto;
		text-align: center;
	}
	h3 {
		width: 100%;
		margin: 30px auto 0;
		text-align: center;
	}
	h3.color-rojo {
		text-align: left;
		margin: 30px auto 30px;
	}
	h3 br{
		display: none;
	}
	.tooltip2 {
		position: absolute;
		top: -70px;
		left: -5.5%;
		padding: 10px 30px 12px;
		font-size: 18px;
	}
	.tyc {
		bottom: -100px;
	}
	.header .logo-claro {
		margin: 10px 5%;
	}
	h3 {
		font-size: min(30px, 7vmin);
	}
}
@media (max-width: 780px) {
	.imagen-s2, .imagen-s3 {
		max-width: 520px;
	}
}
@media only screen and (max-width: 40em) and (orientation : portrait){
	.imagen-ini {
		position: absolute;
		top: 50%;
		left: 0;
		z-index: 0;
		height: auto;
		width: 100%;
		margin: -75% 0 0 0;
		padding-top: 20px;
	}
	a.bajo-btn.ml-0 {
		color: #FFFFFF;
		display: block;
	}
	.tooltip1 .corner-img {
		right: 0;
	}
	h3.ml-0 {
		text-align: center;
		max-width: 500px;
	}
}
@media only screen and (min-width: 40em) and (orientation: portrait){
	.imagen-ini {
		position: absolute;
		top: 50%;
		left: 0;
		z-index: 0;
		height: auto;
		width: 100%;
		margin: -74% 0 0 0;
		padding-top: 20px;
	}
	a.bajo-btn.ml-0 {
		color: #FFFFFF;
		display: block;
	}
	.tooltip1 .corner-img {
		right: 0;
	}
	h3.ml-0 {
		text-align: center;
		max-width: 500px;
	}
}
@media only screen and (max-width: 940px) and (orientation : landscape) {
	.col-md-6, .col-lg-6 {
		width: 50%;
		max-width: 50%;
	}
	.header {
		position: absolute;
		top: 0;
		left: 0;
		background: #000000;
		width: 100%;
		height: auto;
		z-index: 99999;
	}
	.header .logo-claro {
		margin: 5px 5%;
		height: 30px;
	}
	.peli {
		max-width: 90%;
		height: auto;
		width: 210px;
	}
	.accordion-button {
		font-size: 12px;
		font-weight: 600;
		padding: 8px;
	}
	.accordion-body {
		padding: 0 8px 8px;
		line-height: 1em;
		text-align: left;
		font-size: 12px;
	}
	.tyc2 .accordion-button {
		padding: 8px;
	}
	.tyc2 .accordion-button::after {
		width: 30px;
		height: 30px;
	    background-size: 30px;
		top: -20px;
	}
	.header-espacio {
		height: 15vh;
	}
	.tyc2 {
		margin-bottom: 55px;
	}
	.pie {
		width: 100%;
		height: 55px;
		bottom: 0px;
	}
	.tyc2 .accordion-body p {
		font-size: 13px;
	}
	.tooltip2 {
		top: -56px;
		font-size: 11px;
		padding: 7px 30px 7px;
	}
	.tooltip1 {
		left: -6%;
		width: auto;
		font-size: 10px;
		bottom: -41px;
		padding: 7px 30px 10px;
	}
	.tooltip1 .corner-img {
		top: -24px;
		right: 0;
		width: 20px;
		height: 30px;
	}
	.tooltip1 br, .tooltip2 br {
		display: none;
	}
	h1.titulo br{
		display: none;
	}
	h1.titulo span{
		display: block;
	}
	h1.titulo span br{
		display: block;
	}
	h2 br{
		display: none;
	}
	h3.color-rojo {
		max-width: 204px;
	}
	.header-prime-video {
		height: 14vh;
	}
	.inner-content {
		height: 91vh;
	}
	.header-prime-video img {
		max-width: 90px;
	}
	.bajo-btn {
		font-size: 12px;
		letter-spacing: 1px;
		margin: 0;
	}
	.ml-0 {
		margin-left: 0;
		text-align: left;
	}
	a.ml-0{
		margin-top: 20px;
		margin-left: 0;
		text-align: left;
	}
	.peli {
		max-width: 90%;
		width: auto;
		height: 70vh;
	}
	#section5 .leftc {
		width: 30%;
		max-width: 30%;
	}
	#section5 .rightc {
		width: 70%;
		max-width: 70%;
	}
	.tooltip2 {
		top: -18px;
		font-size: 10px;
		padding: 7px 30px 10px;
		left: -20%;
	}
	.tooltip2 .corner-img {
		position: absolute;
		bottom: -21px;
		right: 0;
		width: 20px;
		height: 30px;
	}
	.tyc2 .accordion-button {
		padding: 10px;
	}
	.tyc2 .h4, .tyc2 h4 {
		font-size: 11px;
	}
	.accordion-button {
		font-size: 11px;
		font-weight: 600;
		padding: 5px;
	}
	.pie .logo-claro {
		width: 80px;
		padding: 6px;
	}
	.tyc2 .accordion-button {
		padding: 5px;
	}
	.pie {
		height: 38px;
		bottom: 0px;
	}
	.tyc2 {
		margin-bottom: 38px;
	}
	#section5 {
		padding-bottom: 62px;
	}
	#section5 .inner-content {
		height: 100vh;
	}
	.tyc2 .accordion-body p {
		font-size: 10px;
	}
	.accordion-body {
		font-size: 10px;
	}
	h1 span {
		font-size: 21px;
	}
	.inner-content-ini {
		padding-top: 12vh;
	}
	.boton {
		font-family: g-ultra, "Helvetica Neue", Helvetica, Arial, Verdana, "sans-serif";
		font-size: min(17px, 3.5vmin);
		background-color: #ff1e22;
		padding: 10px 25px;
		max-width: 360px;
		text-align: center;
		text-decoration: none;
		margin: 5px auto 10px;
		color: white;
		display: table;
		letter-spacing: 1px;
	}
	a.bajo-btn {
		font-size: 12px;
		letter-spacing: 1px;
	}
}
@media (max-width: 540px) {
	.header-prime-video {
		height: 8vh;
	}
	.header-espacio {
		height: 8vh;
	}
	.tyc2 .accordion-body p {
		font-size: 11px;
	}
	.header-prime-video img {
		max-width: 120px;
	}
	.imagen-s2, .imagen-s3 {
		max-width: 360px;
	}
	.bajo-btn {
		font-size: 14px;
		letter-spacing: 1px;
	}
	.tooltip1 {
		width: auto;
		font-size: 12px;
	}
	.tooltip2 {
		width: auto;
		font-size: 12px;
	}
	.peli {
		width: 280px;
	}
	.accordion-button {
		font-size: 13px;
		font-weight: 600;
		padding: 7px 0;
	}
	.accordion-body {
		padding: 5px 0 20px;
		text-align: left;
		font-size: 12px;
	}
	h3.color-rojo {
		margin: 30px auto 20px;
	}
	.imagen-principal {
		margin: 0 auto 7vh;
	}
	h1 span {
		font-size: 0.5em;
	}
}
@media (max-width: 420px) {
	.header-prime-video img {
		max-width: 90px;
	}
	.header {
		height: auto;
	}
	.header .logo-claro {
		height: 32px;
	}
	.imagen-s2, .imagen-s3 {
		max-width: 280px;
	}
	.bajo-btn {
		font-size: 12px;
	}
	.tooltip1, .tooltip2 {
		font-size: 11px;
	}
	.tooltip2 {
		top: -25px;
	}
	.tooltip2 br {
		display: none;
	}
	.peli {
		width: 220px;
	}
	.tyc2 .accordion-button {
		padding: 10px;
	}
	.tyc2 .h4, .tyc2 h4 {
		font-size: 12px;
	}
	a.bajo-btn {
		font-size: 12px;
		letter-spacing: 1px;
	}
}
@media (max-width: 360px) {
	.peli {
		width: 200px;
	}
}