/*
*
* font-family: 'Cairo', sans-serif;
* font-family: 'Quicksand', sans-serif;
* font-family: 'Caviar', sans-serif;
* font-family: 'Caviar-Bold', sans-serif;
*
*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

button:focus {
	outline: none;
}

:root {
	--cHeader: rgb(244, 244, 244);
	--cNavHome: rgb(51, 165, 132);
	--cNav: rgb(51, 102, 204);
	--cTitulo: rgb(230, 239, 253);
	--cTituloTxt: #3366cc;
	--cBtnIz: rgb(77, 69, 149);
	--cBtnDr: rgb(0, 104, 80);
	--cContador: #5b8bff;
	--cContadorTxt: rgb(51, 102, 204);
	--cFooter: rgb(229, 229, 229);
	--cFooterTxt: rgb(142, 142, 142);
}

body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	font-family: 'Caviar', sans-serif;
}

.header {
	background-color: var(--cHeader);
	display: flex;
	align-items: center;
	padding: .3em;
}

/* .header img:nth-child(1) img,
.header img:nth-child(2) img,
.header img:nth-child(3) img {
	max-height: 55px;
} */

.header img:nth-child(1),
.header img:nth-child(2){
	max-height: 45px;
}

.header img:nth-child(2) {
	margin-left: 0.5em;
}

.header img:nth-child(3),
.header img:nth-child(3) {
	margin-left: auto;
	max-height: 55px;
}

.navbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.navbar a {
	background-color: var(--cNav);
	font-family: 'Caviar-Bold', sans-serif;
	text-decoration: none;
	text-align: center;
	font-weight: 700;
	font-size: .9em;
	line-height: 2;
	color: #fff;
	padding: 10px;
	flex-grow: 1;
	border-left: solid 1px #8bb9fc;
	position: relative;
}

.navbar a:nth-child(1) {
	background-color: var(--cNavHome);
	border: none;
	height: 48px;
}

.navbar a:nth-child(1)>img {
	float: initial;
	margin: 0;
}

.navbar a::after {
	display: block;
	text-align: center;
	background-color: var(--cNavHome);
	position: absolute;
	border-radius: 1em;
	font-family: 'Quicksand', sans-serif;
	line-height: 1;
	font-weight: 100;
	padding: .2em .5em;
	width: calc(100% + 3em);
	top: calc(100% + 2px);
	right: -2em;
}

.navbar a:hover::after {
	animation-duration: .3s;
	animation-name: infoAnimate;
	animation-fill-mode: forwards;
	z-index: 10;
}


@keyframes infoAnimate {
	from {
		transform: scale(.9)
	}

	to {
		transform: scale(1);

	}
}

.navbar a:nth-child(2):hover::after {
	content: 'Conozca sobre la herramienta y sus posibles usos.';
}

.navbar a:nth-child(3):hover::after {
	content: 'Consulte estadísticas de resultados de desarrollo para cada entidad territorial.';
}

.navbar a:nth-child(4):hover::after {
	content: 'Haga comparaciones de indicadores en el tiempo y entre entidades territoriales.';
}

.navbar a:nth-child(5):hover::after {
	content: 'Explore y obtenga la base de datos de su preferencia.';
}

.navbar a:nth-child(6):hover::after {
	content: 'Visualice los principales indicadores en mapas de calor.';
}

.navbar a:nth-child(7):hover::after {
	content: 'Consulte estadísticas de las 16 subregiones de los Programas de Desarrollo con Enfoque Territorial (PDET)';
}

.navbar a:nth-child(8):hover::after {
	content: 'Consulte y descargue boletines informativos temáticos.';
}

.navbar a:nth-child(9):hover::after {
	right: 5px;
	content: 'Consulte la descripción y metodología de calculo de los indicadores de TerriData.';
}

.navbar img {
	height: 2em;
	float: left;
	padding-right: .5em;
	transition: transform 200ms;
}

.navbar a:hover img {
	transform: scale(1.1)
}

.navbar img:nth-child(1) {
	padding-right: 0;
}

.titulo1 {
	text-align: center;
	background-color: var(--cTitulo);
	font-family: 'Cairo', sans-serif;
	position: relative;
}

.titulo1>h2 {
	font-size: 1.2em;
	font-weight: 700;
	line-height: 2;
	color: var(--cTituloTxt);
	display: inline-block;
}

.titulo1>.videoTutorial {
	font-family: 'Caviar-Bold', sans-serif;
	color: var(--cTituloTxt);
	line-height: 2.1;
	text-decoration: none;
	position: absolute;
	left: 1em;
	top: 4px;
}

.titulo1>.videoTutorial img {
	height: 30px;
	float: left;
	padding-right: 5px;
}

.titulo1>.descargaFicha {
	font-family: 'Caviar-Bold', sans-serif;
	color: var(--cTituloTxt);
	line-height: 2.1;
	text-decoration: none;
	position: absolute;
	right: 1em;
	top: 4px;
}

.titulo1>.descargaFicha img {
	height: 30px;
	float: right;
	padding-left: 5px;
}

.main {
	flex: 1 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}

[class^=columna-] {
	padding: 0 1.5em;

	max-height: 40.5em;
	/* border: 1px solid #3336cc; */
}

.columna-1 {
	padding: 0;
}

.banner {
	height: fit-content;
	padding-bottom: 0;
}

.banner a,
.banner img {
	width: 100%;
	/* height: 100%; */
}

.columna-2 {
	-webkit-flex: 1 6 30%;
	flex: 1 6 32%;
	-webkit-order: 1;
	order: 1;

	margin-bottom: .5em;

	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.columna-2>img,
.columna-4>img {
	width: 100%;
}

.btn-con-terridata {
	background-color: var(--cBtnIz);
	text-decoration: none;
	color: #fff;

	font-family: 'Quicksand', sans-serif;

	border-radius: 4.5em 3em 3em 4.5em;

	display: flex;
	align-items: center;

	transition: transform 0.3s;

	/* margin-bottom: .2em; */
}

.btn-con-terridata:hover {
	transform: scale(1.01);
}

.btn-con-terridata:nth-last-child(1) {
	margin-bottom: .1em;
}

.btn-con-terridata>img {
	height: 4em;
}

.btn-con-terridata>p {
	margin-right: 1em;
	margin-left: 1em;
	font-size: .9em;
	line-height: 1;
}

.btn-con-terridata>p>strong {
	font-family: 'Cairo', sans-serif;
}

.btn-con-terridata>p>a:hover {
	text-decoration: underline;
}

.columna-3 {
	display: flex;
	flex-direction: column;
	justify-content: center;

	-webkit-flex: 3 1 46%;
	flex: 3 1 46%;
	-webkit-order: 2;
	order: 2;
	/* height: 10em; */
}

.columna-3 iframe {
	border: none;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.logos {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.logos>.logo {
	flex-grow: 1;
	text-align: center;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

.logos img {
	height: 1.7em;
}

.columna-4 {
	-webkit-flex: 1 6 22%;
	flex: 1 6 22%;
	-webkit-order: 4;
	order: 4;

	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;

	text-align: center;
}

.columna-4>a {
	display: inline-block;
	background-color: var(--cBtnDr);
	background-image: url(../img/PNG/FondoBotonesGraficayDatoCurioso.png);
	background-size: 145%;
	background-position: center -0.8em;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	font-family: 'Cairo', sans-serif;
	font-size: 1.3em;
	border-radius: 1.2em;
	line-height: 3;
	transition: all 0.3s;
}

.columna-4>a:hover {
	transform: scale(1.01);
}

.contador:nth-last-child(1) {
	margin-bottom: 1em;
}

.contador>p {
	font-weight: 700;
	color: var(--cContadorTxt);
}

.contador>span {
	background-color: var(--cContador);
	font-weight: 700;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: .2em;
	border-radius: 1em;
	color: #fff;
	font-size: 1.3em;
	width: 10em;
}

.footer {
	background-color: var(--cFooter);
	color: var(--cFooterTxt);
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: 'Caviar-Bold', sans-serif;
	font-weight: 700;
	font-size: .6em;
	padding: .5em;
}

.footer>p {
	width: 30%;
}

.footer>.redes img {
	height: 4em;
	padding: 5px;
	transition: all 0.3s;
}

.footer>.redes img:hover {
	transform: scale(1.05)
}

.footer>.redes img:nth-child(2) {
	margin-left: .5em;
	margin-right: .5em;
}

/* ------------------------- */
/* slider */
/* ------------------------- */

.carousel {
	position: relative;
}

.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.carousel-item {
	position: relative;
	display: none;
	float: left;
	width: 100%;
	margin-right: -100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: -webkit-transform 0.6s ease-in-out;
	transition: transform 0.6s ease-in-out;
	transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

.carousel-item.active {
	display: block;
	animation-duration: .5s;
	animation-name: pasarModalOpen;
	animation-fill-mode: forwards;
}

.carousel-fade .carousel-item.active {
	z-index: 1;
	opacity: 1;
}

.btns-navegacion {
	text-align: center;
	padding-bottom: .5em;
}

.btns-navegacion>.btn-carousel {
	display: block;
	border-radius: 50%;
	height: 10px;
	width: 10px;
	margin-right: 3px;
	margin-left: 3px;
	border: solid 1px var(--cNavHome);
	background-color: #fff;
	cursor: pointer;
	display: inline;
	transform: scale(1.2);
	transition: all 0.3s;
}

.btns-navegacion>.btn-carousel:hover {
	transform: scale(1.3);
}

.btns-navegacion>.btn-carousel.active {
	background-color: var(--cNavHome);
}


@keyframes pasarModalOpen {
	from {
		transform: translateX(100%);
	}

	100% {
		transform: translateX(0);

	}
}

/* ------------------------- */
/* POPUP */
/* ------------------------- */

.overlay {
	background: rgba(0, 0, 0, .3);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	align-items: center;
	justify-content: center;
	display: flex;
	visibility: hidden;
}

.overlay.active {
	visibility: visible;
}

.popup {
	background: #F8F8F8;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	border-radius: .5em;
	font-weight: 700;
	width: 800px;
	/* max-width: 80vw; */
	margin-left: 0.5em;
	margin-right: 0.5em;

	transform: scale(0.7);
	opacity: 0;
}

.popup.active {
	transition: .3s ease all;
	transform: scale(1);
	opacity: 1;
}

.popup.disabled {
	transition: .3s ease all;
	transform: scale(0.7);
	opacity: 0;
}

.modal-header {
	position: relative;
	background-color: rgb(51, 102, 204);
	color: #fff;
	padding: .5em;
	border-radius: .5em .5em 0 0;
}

.modal-header h6 {
	text-align: center;
	font-size: 1.5em;
}

.btn-cerrar-popup {
	position: absolute;
	top: 5px;
	right: .5em;
	font-size: 1.8em;
	display: block;
	transition: .1s ease all;
	color: #fff;
	text-decoration: none;
}

.btn-cerrar-popup:hover {
	color: rgb(224, 224, 224);
}

.popup img {
	width: 100%;
	border-radius: .5em
}

.popup-body {
	margin: 1em;
	font-family: 'Quicksand', sans-serif;
}

.iframe-video {
	width: 100%;
	height: 26em;
	border: none;
	margin-bottom: -3px;
}

.infografia {
	position: relative;
}

.infografia img {
	max-width: 100%;
	height: auto;
}

.infografia .btn-descarga-aqui {
	position: absolute;
	padding-bottom: 9.6%;
	bottom: 9.65%;
	height: 0;
	overflow: hidden;
	width: 10.8vw;
}

.infografia .btn-descarga-aqui a,
.infografia .btn-USAID a,
.infografia .btn-Sverige a,
.infografia .btn-PNUD a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	display: block;

	transition: background-color 0.3s;
}

.infografia .btn-descarga-aqui a:hover,
.infografia .btn-USAID a:hover,
.infografia .btn-Sverige a:hover,
.infografia .btn-PNUD a:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

.infografia .btn-descarga-aqui a:active,
.infografia .btn-USAID a:active,
.infografia .btn-Sverige a:active,
.infografia .btn-PNUD a:active {
	background-color: rgba(255, 255, 255, 0.2);
}

.infografia .btn-descarga-aqui:nth-child(3) {
	right: 38.3%;
}

.infografia .btn-descarga-aqui:nth-child(2) {
	left: 38%;
}

.infografia .btn-USAID,
.infografia .btn-Sverige,
.infografia .btn-PNUD {
	position: absolute;
	padding-bottom: 8.6%;
	bottom: 2.05%;
	height: 0;
	overflow: hidden;
}

.infografia .btn-USAID {
	width: 19vw;
	left: 39.5%;
}

.infografia .btn-Sverige {
	width: 18vw;
	left: 61%;
}

.infografia .btn-PNUD {
	padding-bottom: 14%;
	bottom: .8%;
	width: 6vw;
	left: 82%;
}

.infografia.ingles .btn-descarga-aqui:nth-child(3),
.infografia.ingles .btn-descarga-aqui:nth-child(2) {
	display: none;
}

.infografia.ingles .btn-USAID,
.infografia.ingles .btn-Sverige {
	bottom: 2.9%;
}

.infografia.ingles .btn-PNUD {
	bottom: 1.6%;
	left: 82.2%;
}

.titulo1>.btn-cambiar-idioma {
	background-color: var(--cNav);
	color: #fff;
	padding: 0.1em 1.2em;
	border: none;
	border-radius: .2em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: .5em;
	cursor: pointer;
	transition: all 0.3s;
}

.titulo1>.btn-cambiar-idioma:hover {
	background-color: var(--cContador)
}

@media all and (min-width: 711px) {

	.columna-3 iframe {
		height: 42vh;
		/* max-height: 275px */
	}

	/* .columna-2,
	.columna-3,
	.columna-4 {
		max-height: 368px;
	} */
}

@media all and (min-width: 919px){
	 
	.menu-responsive {
		display: none;
	}

	.logos-movil {
		display: none;
	}
 }

@media all and (min-width: 1500px) {
	/* .btn-con-terridata>img {
		height: 6em;
	} */

	.logos {
		margin-bottom: 1em;
	}

	.logos img {
		width: 228px;
		object-fit: contain;
	}

	.btn-con-terridata,
	.columna-4>a,
	.contador>span {
		font-size: 1.6em
	}

	h3.logos {
		margin-top: 1em;
	}

	.logos img {
		height: 2.5em;
	}

	.columna-3 {
		padding-top: 2em;
		justify-content: space-evenly;
	}

	.columna-2,
	.columna-4 {
		padding: 1em;
	}
}

@media all and (max-width: 918px) {

	.navbar img {
		position: absolute;
		left: 4em;
	}

	.header img:nth-child(1),
	.header img:nth-child(2),
	.header img:nth-child(3) {
		max-height: 35px;
	}

	.header img:nth-child(2) {
		margin-left: .2em;
		margin-right: .2em;
	}

	.menu-responsive {
		width: 100%;
		background-color: var(--cNavHome);
	}

	.menu-responsive button {
		background: none;
		color: #fff;
		border: none;
		margin: .5em;
		margin-right: 1em;
		transition: all 0.3s;
	}

	.menu-responsive a {
		float: left;
		margin: .4em .8em;
	}

	.menu-responsive button {
		float: right;
	}

	.menu-responsive button:active {
		transform: scale(0.9);
	}

	.menu-responsive img {
		height: 1.8em;
	}

	.menu-responsive svg {
		height: 2em;
	}

	.navbar {
		overflow: hidden;
		max-height: 0;
		transition: max-height 0.4s ease-out;
	}

	.navbar.active {
		max-height: 390px;
		margin-bottom: .5em;
	}

	.navbar a {
		width: 100%;
	}

	.navbar a:nth-child(1) {
		display: none;
	}

	.banner {
		padding-top: 0;
	}

	.navbar a::after {
		content: none !important;
	}

	.columna-3 iframe {
		height: 12em;
	}

	.navbar,
	.main,
	.footer {
		-webkit-flex-flow: column;
		flex-flow: column;
	}

	.btn-con-terridata,
	.logos,
	.columna-4>img,
	.columna-4>a,
	.footer>p {
		margin-bottom: 0.5em;
	}

	.columna-3>.logos,
	.columna-3>h3 {
		display: none;
	}

	.logos-movil {
		margin-left: 8px;
		margin-right: 8px;
	}

	.logos img[alt=Portal] {
		height: 3em;
	}

	.btns-navegacion>.btn-carousel {
		width: 1em;
		height: 1em;
	}

	.columna-4>img {
		width: 80%;
		margin-left: 10%;
	}

	.contador {
		margin-bottom: .5em;
	}

	.contador>span {
		width: 15em;
	}

	.footer>p {
		width: 100%;
		text-align: center;
	}

	.columna-2,
	.columna-1,
	.columna-3 {
		-webkit-order: 0;
		order: 0;
	}

	.columna-1,
	.columna-2,
	.columna-3,
	.columna-4 {
		height: auto;
	}

	.titulo1>.videoTutorial,
	.titulo1>.descargaFicha {
		position: static;
		display: block;
		line-height: 2.2;
	}

	.titulo1>.descargaFicha img,
	.titulo1>.videoTutorial img {
		float: none;
	}

	.titulo1>.videoTutorial img {
		position: absolute;
		left: calc(50% - 6.5em);
		top: 2px;
	}

	.titulo1>.descargaFicha img {
		position: absolute;
		left: calc(50% - 9.5em);
		bottom: 3px;
	}

	.iframe-video {
		height: 10em;
	}
}

@media all and (min-width: 919px) and (max-width: 990px) and (min-height: 670px) {
	.columna-2 {
		font-size: 1.1em;
	}
}

@media all and (min-width: 1400px) and (max-width: 1500px) and (min-height: 780px) {
	.columna-2 {
		font-size: 1.3em;
	}
}

@media all and (min-width: 600px) and (max-width: 918px) {

	.columna-2,
	.columna-4 {
		padding-left: 7em;
		padding-right: 7em;
	}

	.columna-3 {
		margin-top: 1em;
		margin-bottom: 1em;
	}

	.columna-3 iframe {
		height: 20em;
	}
}

@media all and (min-width: 919px) and (max-width: 1163px) {
	.columna-2 {
		-webkit-flex: 1 6 30%;
		flex: 1 6 30%;
	}

	.columna-3 {
		-webkit-flex: 3 1 42%;
		flex: 3 1 42%;
	}

	.columna-4 {
		-webkit-flex: 1 6 20%;
		flex: 1 6 20%;
	}

	.btn-con-terridata>p {
		font-size: .7em;
	}

	.columna-4>a {
		font-size: 1.1em;
	}
}

@media all and (max-width: 346px) {

	.header img:nth-child(1),
	.header img:nth-child(2),
	.header img:nth-child(3) {
		max-height: 30px;
	}

	.navbar img {
		left: 3.4em;
	}

	.columna-1 {
		min-height: 64px;
	}

	.columna-2 {
		min-height: 350px;
	}

	.columna-3 {
		min-height: 240px;
	}

	.columna-4 {
		min-height: 330px;
	}

	.menu-responsive button {
		margin-top: .7em;
		margin-bottom: 0;
	}

	.btn-con-terridata>p {
		margin-right: .5em;
		margin-left: .5em;
	}

	[class^=columna-] {
		padding: 0 1em;
	}

	.banner {
		padding: 0;
	}

	.contador>span {
		width: 12em;
	}
}

@media all and (max-height: 346px) {

	.titulo1>.videoTutorial img {
		left: 9em;
		top: 10px;
	}
	
	.titulo1>.descargaFicha img {
		left: 5em;
		bottom: 10px;
	}

	.navbar.active {
		max-height: 570px;
	}
}

@media all and (min-width: 919px) and (max-width: 1162px) {
	.navbar a {
		font-size: .65em;
	}

	.navbar a:nth-child(1) {
		height: 4em;
	}
}

@media all and (min-height: 1000px) and (min-width: 1000px)
		   and (max-height: 1400px) and (max-width: 1400px) {

	.main {
		flex-flow: column wrap;
	}

	.columna-2,
	.columna-3,
	.columna-4 {
		height: auto;
	}

	.columna-2 {
		flex-flow: row wrap;
	}

	.columna-2>img,
	.columna-4>img {
		object-fit: contain;
		height: 4em;
	}

	.btn-con-terridata,
	.btn-con-terridata:nth-last-child(1) {
		width: 48%;
		margin-bottom: 1em;
	}

	.columna-4 {
		flex-direction: row;
		padding: 0 !important;
		margin-top: 1em;
		height: 3em;
	}

	.columna-4>img {
		width: 14em;
	}

	.columna-4>a {
		margin-bottom: 1em;
		padding: 0 2em;
		height: 3em;
	}

	.columna-3>.logos, .columna-3>h3 {
		display: none;
	}

	.logos-movil {
		display: flex;
		margin-left: 1em;
		margin-right: 1em;
	}
}

@media all and (min-height: 760px) and (min-width: 1020px) and (max-height: 775px) and (max-width: 1040px) {

	.columna-2,
	.columna-3,
	.columna-4 {
		margin-top: auto;
		margin-bottom: auto;
		height: 22.5em;
	}

	.columna-3 iframe {
		height: 34vh;
	}
}

@media all and (min-width: 919px) and (orientation: portrait) {
	.main {
		flex-flow: column wrap;
	}

	.columna-2,
	.columna-3,
	.columna-4 {
		height: auto;
	}

	.columna-2 {
		flex-flow: row wrap;
	}

	.columna-2>img,
	.columna-4>img {
		object-fit: contain;
		height: 4em;
	}

	.btn-con-terridata,
	.btn-con-terridata:nth-last-child(1) {
		width: 48%;
		margin-bottom: 1em;
	}

	.columna-4 {
		padding: 0 15em;
	}

	.columna-4>a {
		margin-bottom: 1em;
	}
}

@media all and (max-width: 1300px) and (min-height: 1020px)
		   and (min-width: 1200px) and (max-height: 1250px) {
	.main {
		flex-flow: column wrap;
	}

	.columna-2,
	.columna-3,
	.columna-4 {
		height: auto;
	}

	.columna-2 {
		flex-flow: row wrap;
	}

	.columna-2>img,
	.columna-4>img {
		object-fit: contain;
		height: 4em;
	}

	.btn-con-terridata,
	.btn-con-terridata:nth-last-child(1) {
		width: 48%;
		margin-bottom: 1em;
	}

	.columna-4 {
		flex-direction: row;
		margin-top: 1em;
	}

	.columna-4>img {
		width: 14em;
	}

	.columna-4>a {
		margin-bottom: 1em;
		padding: 0 2em;
	}

	.columna-3>.logos, .columna-3>h3 {
		display: none;
	}

	.logos-movil {
		display: flex;
		margin-left: 1em;
		margin-right: 1em;
	}

}

@media all and (max-width: 600px) and (orientation: landscape) {
	.columna-1 {
		min-height: 110px;
	}

	.columna-2 {
		min-height: 363px;
	}

	.columna-3 {
		min-height: 336px;
	}

	.columna-4 {
		min-height: 420px;
	}

}

@media all and (max-width: 815px) and (orientation: landscape) {

	.header img:nth-child(1),
	.header img:nth-child(2){
		max-height: 45px;
	}

	.header img:nth-child(3) {
		max-height: 55px;
	}

	.columna-2>img,
	.columna-4>img {
		width: 70%;
		margin-left: 15%;
	}

	.columna-3 iframe {
		height: 18em;
	}

	.columna-2>img,
	.columna-4>img {
		width: 60%;
		margin-left: 20%;
	}

	.popup {
		max-width: 65vw;
	}
}