@font-face {
	font-family: "Gotham Rounded Light";
	src: url("../fonts/gotham-rounded/gothamrnd_light-webfont.woff2") format("woff2"), url("../fonts/gotham-rounded/gothamrnd_light-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "Gotham Rounded Regular";
	src: url("../fonts/gotham-rounded/gothamrnd_book-webfont.woff2") format("woff2"), url("../fonts/gotham-rounded/gothamrnd_book-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "Gotham Rounded Bold";
	src: url("../fonts/gotham-rounded/gothamrnd_bold-webfont.woff2") format("woff2"), url("../fonts/gotham-rounded/gothamrnd_bold-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

:root {
	--font-primary: "Gotham Rounded Regular";
	--font-bold: "Gotham Rounded Bold";
	--font-light: "Gotham Rounded Light";
	--font-size--1: clamp(1.125rem, 2vw, 1.425rem);
	--font-size-0: clamp(1.25rem, 2vw, 1.55rem);
	--font-size-1: clamp(60px, 10vw, 4.375rem);
	--font-size-2: clamp(30px, 5vw, 2.5rem);
	--color-black: #000;
	--color-white: #fff;
	--color-blue: #135b9e;
	--color-primary: #005364;
	--color-secondary: #ff1a78;
	--color-talento: #cd422f;
	--color-creatividad: #674ed0;
	--color-reputacion: #f4a321;
	--color-cohesion: #a51462;
	--color-beneficio: #ef6032;
	--color-identidad-racial: #009ee0;
	--color-lengua: #f50049;
	--color-nacionalidad: #009036;
	--color-orientacion: #ff7aac;
	--color-genero: #9c075b;
	--color-identidad-genero: #f4a321;
	--color-religion: #684ecd;
	--color-discapacidad: #cd422f;
	--color-edad: #900d3e
}

::selection {
	background-color: var(--color-black);
	color: var(--color-white)
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	outline: none
}

html {
	background-color: var(--color-white);
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0;
	padding: 0;
	font-family: "Gotham Rounded Regular";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #125B9F; /*var(--color-primary);*/
	font-size: var(--font-size-0)
}

section#text-1, section#icons, section#text-2 {
    background-color: #f4f4f4;
}

img {
	max-width: 100%;
	height: auto;
	display: block
}

a {
	text-decoration: none
}

p {
	margin-bottom: 1rem;
	line-height: 1.3
}

b,
strong {
	font-family: "Gotham Rounded Bold"
}

ul,
ol {
	margin-bottom: 1rem
}

.c-primary {
	color: var(--color-primary)
}

.c-secondary {
	color: var(--color-secondary)
}

.c-talento {
	color: var(--color-talento)
}

.c-creatividad {
	color: var(--color-creatividad)
}

.c-reputacion {
	color: var(--color-reputacion)
}

.c-cohesion {
	color: var(--color-cohesion)
}

.c-beneficio {
	color: var(--color-beneficio)
}

.c-identidad-racial {
	color: var(--color-identidad-racial)
}

.c-lengua {
	color: var(--color-lengua)
}

.c-nacionalidad {
	color: var(--color-nacionalidad)
}

.c-orientacion {
	color: var(--color-orientacion)
}

.c-genero {
	color: var(--color-genero)
}

.c-identidad-genero {
	color: var(--color-identidad-genero)
}

.c-religion {
	color: var(--color-religion)
}

.c-discapacidad {
	color: var(--color-discapacidad)
}

.c-edad {
	color: var(--color-edad)
}

.fs-1 {
	font-size: var(--font-size-1);
	line-height: 1;
	word-break: break-all
}

.fs-2 {
	font-size: var(--font-size-2);
	line-height: 1
}

.wrapper {
	width: 100%;
	max-width: 120rem;
	margin: auto
}

.container {
	max-width: 120rem;
	margin: auto
}

.header {
	position: relative
}

.header__logos {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 2rem 0;
	gap: .5rem
}

@media all and (min-width: 768px) {
	.header__logos {
		padding: 1rem 0;
		flex-direction: row;
		gap: 1rem
	}
}

@media all and (min-width: 1024px) {
	.header__logos {
		justify-content: space-around
	}
}

.header__logos img {
	height: 50px
}

@media all and (min-width: 1024px) {
	.header__logos img {
		height: auto;
		max-height: 80px
	}
}

@media all and (min-width: 1200px) {
	.header__logos img {
		height: auto;
		max-height: 100px
	}
}

.header__video {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%
}

.header__mp4 {
	width: 100%;
	height: 600px;
	display: block;
	object-fit: cover;
	object-position: center
}

.header__play {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%
}

.header__play img {
	width: 20%;
	max-width: 200px;
	cursor: pointer
}

.image-secondary {
	position: relative
}

.image-secondary .no-hay-color {
	position: absolute;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%
}

.image-secondary .no-hay-color img {
	max-width: 70%;
	margin-left: 1rem
}

.accordion-image {
	position: relative
}

.accordion-image:hover img {
	opacity: .75
}

.accordion-image:hover p {
	color: var(--color-black)
}

.accordion-image p {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	margin: 0;
	color: var(--color-white);
	width: 100%;
	text-align: right;
	padding-right: 1rem;
	display: flex;
	align-items: center;
	justify-content: right;
	height: 100%;
	cursor: pointer
}

.accordion-text {
	display: none;
	padding: 4rem;
	transition: max-height .3s ease;
	overflow: hidden;
	text-align: center
}

.accordion-text p {
	margin: 0;
	line-height: 1.2
}

.accordion-text p.primary-text {
	margin-bottom: 2rem
}

.accordion-text p.secondary-text {
	font-size: var(--font-size--1)
}

.accordion-text-cols {
	display: flex;
	flex-wrap: wrap
}

.accordion-text-cols .accordion-info-col {
	display: flex;
	flex-direction: column
}

.accordion-text-cols.one {
	max-width: 75%;
	margin: auto
}

.accordion-text-cols.one .accordion-info-col {
	flex: 0 0 100%;
	flex-direction: row
}

@media all and (max-width: 768px) {
	.accordion-text-cols.one .accordion-info-col {
		flex-direction: column
	}
}

@media all and (min-width: 768px) {
	.accordion-text-cols.two .accordion-info-col {
		flex: 0 0 50%
	}
}

.accordion-text-cols .accordion-info-col {
	padding: 3rem 2rem;
	text-align: left
}

.accordion-text-cols .accordion-info-col .accordion-image-col {
	display: flex;
	flex: 0 1 33.33%
}

@media all and (max-width: 980px) {
	.accordion-text-cols .accordion-info-col .accordion-image-col {
		flex-direction: column
	}
}

.accordion-text-cols .accordion-info-col .accordion-image-col img {
	margin: auto;
	max-width: 200px
}

@media all and (max-width: 767px) {
	.accordion-text-cols .accordion-info-col .accordion-image-col img {
		margin-bottom: 2rem
	}
}

.accordion-text-cols .accordion-info-col .accordion-text-col {
	flex: 0 1 66.66%
}

.text-col-primary {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start
}

.text-col-primary .text-cols {
	display: flex;
	flex-direction: column;
	text-align: center;
	flex: 0 0 100%;
	width: 100%;
	padding: 4rem
}

@media all and (min-width: 768px) {
	.text-col-primary .text-cols {
		flex: 0 0 50%;
		width: 50%
	}
}

@media all and (min-width: 1180px) {
	.text-col-primary .text-cols {
		flex: 0 0 25%;
		width: 25%
	}
}

.text-col-primary .text-cols img {
	display: block;
	margin: 0 auto 2rem;
	max-width: 200px
}

.text-col-primary .text-cols p.text-primary {
	margin-bottom: 20px;
}

.text-col-primary .text-cols p.text-secondary {
	font-size: 18px; /* var(--font-size--1)*/
}

section#text-col-primary .text-cols {
    padding-bottom: 5px;
}
div.accordion-container .accordion-image p strong {
    font-size: 45px;
}

.download {
	text-align: center;
	margin-top: 2rem;
	margin-bottom: 4rem
}

.download__button {
	background-color: var(--color-blue);
	color: var(--color-white);
	display: inline-block;
	border-radius: 20px;
	padding: 20px;
	width: 90%;
	max-width: 550px;
	line-height: 1
}

.download__button span,
.download__button strong {
	display: block
}

.download__text-1 {
	text-transform: uppercase;
	font-family: var(--font-bold);
	font-size: var(--font-size-2)
}

.download__text-2 {
	font-size: var(--font-size-0)
}

.text-1 {
	text-align: center;
	padding: 4rem 6rem
}

.text-1__head {
	margin-bottom: 3rem
}

.text-2 {
	text-align: center;
	padding: 4rem
}

.icons {
	padding: 4rem 6rem
}

.icons-listing {
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

.icons-listing li {
	flex: 0 0 100%;
	width: 100%;
	list-style: none;
	text-align: center;
	padding: 0 2rem
}

@media all and (min-width: 768px) {
	.icons-listing li {
		flex: 0 0 33.33%;
		width: 33.33%
	}
}

.icons-listing li img {
	display: block;
	margin: auto;
	max-width: 200px
}

.icons-listing li p {
	margin: 0
}

.footer {
	padding: 4rem 6rem
}

.footer__logos {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 2rem
}

@media all and (max-width: 767px) {
	.footer__logos {
		align-items: center;
		gap: .5rem
	}
}

@media all and (min-width: 768px) {
	.footer__logos {
		flex-direction: row;
		gap: 1rem
	}
}

.footer__logos img {
	height: 50px
}

.footer__text {
	text-align: center;
	padding: 1rem
}

.footer__text p {
	font-size: 12px;
	color: var(--color-black);
	margin: 0
}

.modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: rgba(0, 0, 0, .8)
}

.modal__content {
	position: relative;
	margin: 5% auto;
	padding: 0;
	width: 80%;
	max-width: 1280px
}

.close {
	position: fixed;
	top: 20px;
	right: 20px;
	color: #fff;
	font-size: 35px;
	font-weight: bold;
	z-index: 2;
	cursor: pointer
}

.close svg {
	width: 30px;
	height: 30px
}

.close:hover,
.close:focus {
	color: #f1f1f1;
	cursor: pointer
}

video {
	width: 100%;
	height: auto
}

body.modal-open {
	overflow: hidden
}


/* 

@font-face{font-family:"Gotham Rounded Light";src:url("../fonts/gotham-rounded/gothamrnd_light-webfont.woff2") format("woff2"),url("../fonts/gotham-rounded/gothamrnd_light-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Gotham Rounded Regular";src:url("../fonts/gotham-rounded/gothamrnd_book-webfont.woff2") format("woff2"),url("../fonts/gotham-rounded/gothamrnd_book-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Gotham Rounded Bold";src:url("../fonts/gotham-rounded/gothamrnd_bold-webfont.woff2") format("woff2"),url("../fonts/gotham-rounded/gothamrnd_bold-webfont.woff") format("woff");font-weight:normal;font-style:normal}:root{--font-primary: "Gotham Rounded Regular";--font-bold: "Gotham Rounded Bold";--font-light: "Gotham Rounded Light";--font-size--1: clamp(1.125rem, 2vw, 1.425rem);--font-size-0: clamp(1.25rem, 2vw, 1.55rem);--font-size-1: clamp(60px, 10vw, 4.375rem);--font-size-2: clamp(30px, 5vw, 2.5rem);--color-black: #000;--color-white: #fff;--color-blue: #135b9e;--color-primary: #005364;--color-secondary: #ff1a78;--color-talento: #cd422f;--color-creatividad: #674ed0;--color-reputacion: #f4a321;--color-cohesion: #a51462;--color-beneficio: #ef6032;--color-identidad-racial: #009ee0;--color-lengua: #f50049;--color-nacionalidad: #009036;--color-orientacion: #ff7aac;--color-genero: #9c075b;--color-identidad-genero: #f4a321;--color-religion: #684ecd;--color-discapacidad: #cd422f;--color-edad: #900d3e}::selection{background-color:var(--color-black);color:var(--color-white)}*{box-sizing:border-box;margin:0;padding:0;outline:none}html{background-color:var(--color-white);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;padding:0;font-family:"Gotham Rounded Regular";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-primary);font-size:var(--font-size-0)}img{max-width:100%;height:auto;display:block}a{text-decoration:none}p{margin-bottom:1rem;line-height:1.3}b,strong{font-family:"Gotham Rounded Bold"}ul,ol{margin-bottom:1rem}.c-primary{color:var(--color-primary)}.c-secondary{color:var(--color-secondary)}.c-talento{color:var(--color-talento)}.c-creatividad{color:var(--color-creatividad)}.c-reputacion{color:var(--color-reputacion)}.c-cohesion{color:var(--color-cohesion)}.c-beneficio{color:var(--color-beneficio)}.c-identidad-racial{color:var(--color-identidad-racial)}.c-lengua{color:var(--color-lengua)}.c-nacionalidad{color:var(--color-nacionalidad)}.c-orientacion{color:var(--color-orientacion)}.c-genero{color:var(--color-genero)}.c-identidad-genero{color:var(--color-identidad-genero)}.c-religion{color:var(--color-religion)}.c-discapacidad{color:var(--color-discapacidad)}.c-edad{color:var(--color-edad)}.fs-1{font-size:var(--font-size-1);line-height:1;word-break:break-all}.fs-2{font-size:var(--font-size-2);line-height:1}.wrapper{width:100%;max-width:120rem;margin:auto}.container{max-width:120rem;margin:auto}.header{position:relative}.header__logos{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;padding:2rem 0;gap:.5rem}@media all and (min-width: 768px){.header__logos{padding:3rem 0;flex-direction:row;gap:1rem}}@media all and (min-width: 1024px){.header__logos{justify-content:space-around}}.header__logos img{height:50px}@media all and (min-width: 1024px){.header__logos img{height:auto;max-height:80px}}@media all and (min-width: 1200px){.header__logos img{height:auto;max-height:100px}}.header__video{position:relative;display:flex;width:100%;height:100%}.header__mp4{width:100%;height:600px;display:block;object-fit:cover;object-position:center}.header__play{position:absolute;width:100%;top:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;height:100%}.header__play img{width:20%;max-width:200px;cursor:pointer}.image-secondary{position:relative}.image-secondary .no-hay-color{position:absolute;top:0;display:flex;align-items:center;justify-content:center;height:100%;width:100%}.image-secondary .no-hay-color img{max-width:70%;margin-left:1rem}.accordion-image{position:relative}.accordion-image:hover img{opacity:.75}.accordion-image:hover p{color:var(--color-black)}.accordion-image p{position:absolute;z-index:1;top:0;left:0;margin:0;color:var(--color-white);width:100%;text-align:right;padding-right:1rem;display:flex;align-items:center;justify-content:right;height:100%;cursor:pointer}.accordion-text{display:none;padding:4rem;transition:max-height .3s ease;overflow:hidden;text-align:center}.accordion-text p{margin:0;line-height:1.2}.accordion-text p.primary-text{margin-bottom:2rem}.accordion-text p.secondary-text{font-size:var(--font-size--1)}.accordion-text-cols{display:flex;flex-wrap:wrap}.accordion-text-cols .accordion-info-col{display:flex;flex-direction:column}.accordion-text-cols.one{max-width:75%;margin:auto}.accordion-text-cols.one .accordion-info-col{flex:0 0 100%;flex-direction:row}@media all and (max-width: 768px){.accordion-text-cols.one .accordion-info-col{flex-direction:column}}@media all and (min-width: 768px){.accordion-text-cols.two .accordion-info-col{flex:0 0 50%}}.accordion-text-cols .accordion-info-col{padding:3rem 2rem;text-align:left}.accordion-text-cols .accordion-info-col .accordion-image-col{display:flex;flex:0 1 33.33%}@media all and (max-width: 980px){.accordion-text-cols .accordion-info-col .accordion-image-col{flex-direction:column}}.accordion-text-cols .accordion-info-col .accordion-image-col img{margin:auto;max-width:200px}@media all and (max-width: 767px){.accordion-text-cols .accordion-info-col .accordion-image-col img{margin-bottom:2rem}}.accordion-text-cols .accordion-info-col .accordion-text-col{flex:0 1 66.66%}.text-col-primary{display:flex;flex-wrap:wrap;align-items:flex-start}.text-col-primary .text-cols{display:flex;flex-direction:column;text-align:center;flex:0 0 100%;width:100%;padding:4rem}@media all and (min-width: 768px){.text-col-primary .text-cols{flex:0 0 50%;width:50%}}@media all and (min-width: 1180px){.text-col-primary .text-cols{flex:0 0 25%;width:25%}}.text-col-primary .text-cols img{display:block;margin:0 auto 2rem;max-width:200px}.text-col-primary .text-cols p.text-primary{margin-bottom:3rem}.text-col-primary .text-cols p.text-secondary{font-size:var(--font-size--1)}.download{text-align:center;margin-top:2rem;margin-bottom:4rem}.download__button{background-color:var(--color-blue);color:var(--color-white);display:inline-block;border-radius:20px;padding:20px;width:90%;max-width:550px;line-height:1}.download__button span,.download__button strong{display:block}.download__text-1{text-transform:uppercase;font-family:var(--font-bold);font-size:var(--font-size-2)}.download__text-2{font-size:var(--font-size-0)}.text-1{text-align:center;padding:4rem 6rem}.text-1__head{margin-bottom:3rem}.text-2{text-align:center;padding:4rem}.icons{padding:4rem 6rem}.icons-listing{display:flex;flex-wrap:wrap;justify-content:center}.icons-listing li{flex:0 0 100%;width:100%;list-style:none;text-align:center;padding:0 2rem}@media all and (min-width: 768px){.icons-listing li{flex:0 0 33.33%;width:33.33%}}.icons-listing li img{display:block;margin:auto;max-width:200px}.icons-listing li p{margin:0}.footer{padding:4rem 6rem}.footer__logos{display:flex;flex-direction:column;justify-content:center;margin-bottom:2rem}@media all and (max-width: 767px){.footer__logos{align-items:center;gap:.5rem}}@media all and (min-width: 768px){.footer__logos{flex-direction:row;gap:1rem}}.footer__logos img{height:50px}.footer__text{text-align:center;padding:1rem}.footer__text p{font-size:12px;color:var(--color-black);margin:0}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.8)}.modal__content{position:relative;margin:5% auto;padding:0;width:80%;max-width:1280px}.close{position:fixed;top:20px;right:20px;color:#fff;font-size:35px;font-weight:bold;z-index:2;cursor:pointer}.close svg{width:30px;height:30px}.close:hover,.close:focus{color:#f1f1f1;cursor:pointer}video{width:100%;height:auto}body.modal-open{overflow:hidden}

*/