/*!
Theme Name: Cerrando Brechas
Theme URI: http://underscores.me/
Author: Cerrando Brechas
Author URI: https://www.cerrandobrechas.org.ar/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cerrandobrechas
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Cerrando Brechas is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/



/* Webfonts ---------------------------------------------------------------- */


/* Hind */
@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap');
/*font-family: 'Hind', sans-serif;*/


/* Mulish */
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*font-family: 'Mulish', sans-serif;*/


/* Source Sans 3 */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*font-family: 'Source Sans 3', sans-serif;*/


@font-face {
	font-display: auto;
	font-family: 'Font Awesome 5 Brands';
	font-style: normal;
	font-weight: normal;
	src: url('assets/fonts/fa-brands-400.woff2') format('woff2'),
	url('assets/fonts/fa-brands-400.woff') format('woff');
}
@font-face {
	font-display: auto;
	font-family: 'Font Awesome 5';
	font-style: normal;
	font-weight: 400;
	src: url('assets/fonts/fa-regular-400.woff2') format('woff2'),
	url('assets/fonts/fa-regular-400.woff') format('woff');
}
@font-face {
	font-display: auto;
	font-family: 'Font Awesome 5';
	font-style: normal;
	font-weight: 900;
	src: url('assets/fonts/fa-solid-900.woff2') format('woff2'),
	url('assets/fonts/fa-solid-900.woff') format('woff');
}


.far {
	font-family: 'Font Awesome 5';
	font-style: normal;
	font-weight: 400;
}
.fa,
.fas {
	font-family: 'Font Awesome 5';
	font-style: normal;
	font-weight: 900;
}
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
	display:inline-block;
	font-style:normal;
	font-variant:normal;
	line-height:1;
	text-rendering:auto;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
.sr-only{
	border:0;
	clip:rect(0,0,0,0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	top:-10000em;
	width:1px;
}




/* Normalize --------------------------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}



/* Box sizing -------------------------------------------------------------- */
*,
*::before,
*::after {
	box-sizing: inherit;
}
html {
	box-sizing: border-box;
}




/* ------------------------------------------------------------------------- */
/* Cerrando Brechas -------------------------------------------------------- */
/* ------------------------------------------------------------------------- */

:root{
	--color-verde-medio: #62675b;
	--color-verde: #4c563b;
	
	--color-celeste: #39a6de;
	
	--color-azul: #1c5471;
	
	--color-naranja: #dd4726;
	--color-mostaza: #e38d25;
	--color-crema: #fafaf0;
	
	--color-rojo: #ff0000;

	--color-gris: #e6e6e6;
	--color-gris-medio: #e6e6e6;
	--color-gris-intermedio: #f1f1f1;
	--color-gris-claro: #fafafa;
	
	--color-alt-violeta: #283080;
	--color-alt-tierra: #cb4e3e;
	--color-alt-naranja: #c5551a;
	--color-alt-mei: #ee1d23;

	--color-negro: #000000;
	--color-negro-rgb: 0, 0, 0;
	--color-blanco: #ffffff;
	--color-blanco-rgb: 255, 255, 255;
	
	--color-selection: #efe57a;

	--font-hind: 'Hind', sans-serif;
	--font-mulish: 'Mulish', sans-serif;
	--font-sourcesans: 'Source Sans 3', sans-serif;
}








/* General ----------------------------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: var(--color-negro);
	font-family: var(--font-hind);
	font-size: 1rem;
	-webkit-font-smoothing: antialiased;
}

html{
	background-color: var(--color-blanco);
	line-height: 1.4;
}
body{
	position: relative;
}

::-moz-selection {
	background: var(--color-selection);
	text-shadow: none;
}
::selection {
	background: var(--color-selection);
	text-shadow: none;
}


h1, h2, h3, h4, h5, h6{
	clear: both;
	margin: 0;
}



.contenedor{
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
}
.caja{
	margin: 0 40px;
}
.contenedor-ancho .caja{
	margin-left: 0;
	margin-right: 0;
}


a,
a:active,
a:hover,
a:focus{
	outline: none;
}
a:focus{
	outline: 1px dashed var(--color-gris-medio);
}
a{
	color: var(--color-negro);
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}
a:hover{
	text-decoration: underline;
}

figure{
	line-height: 0;
	margin: 0;
	padding: 0;
}
figure img{
	height: auto;
	max-width: 100%;
}

header ul,
header ul li,
footer ul,
footer ul li{
	list-style: none;
	margin: 0;
	padding: 0;
}

p strong{
	font-weight: 600;
}


















/* Boton Top --------------------------------------------------------------- */
#boton-top{
	bottom: 30px;
	display: none;
	height: 40px;
	position: fixed;
	right: 30px;
	width: 40px;
	z-index: 10;
	-webkit-tap-highlight-color: transparent;
}
#boton-top a{
	display: flex;
	align-items: center;
	justify-content: center;

	background-color: rgba( var(--color-negro-rgb), 0.2 );
	border-radius: 100%;
	color: var(--color-blanco);
	height: 100%;
	position: relative;
	text-decoration: none;
	transition: all .2s ease-in-out;
	width: 100%;
}
#boton-top a:after{
	content: '\f102';
	display: block;
	font-family: 'Font Awesome 5';
	font-size: 18px;
	line-height: 1;
	font-weight: 900;
}
html.no-touchevents #boton-top a:hover{
	background-color: var(--color-verde);
	color: var(--color-blanco);
}










/* Header ------------------------------------------------------------------ */
header.site-header{
	border-bottom: 1px solid var(--color-gris-medio);
	margin-bottom: 60px;
}
body.home header.site-header,
body.subseccion header.site-header{
	margin-bottom: 0;
}
header.site-header .contenido{
	display: flex;
	align-items: center;
	justify-content: space-between;

	height: 120px;
	position: relative;
}
header.site-header .contenido .header-branding a{
	display: block;
	line-height: 0;
}
header.site-header .header-menu{
	position: relative;
}
header.site-header .header-menu .main-navigation .menu{
	display: flex;
	grid-column-gap: 20px;
}
header.site-header .header-menu .main-navigation .menu a{
	display: flex;
	align-items: center;

	box-sizing: border-box;
	color: var(--color-naranja);
	cursor: pointer;
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	padding: 6px;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color .2s ease-in-out, color .2s ease-in-out;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}
html.no-touchevents header.site-header .header-menu .main-navigation .menu a:hover{
	color: var(--color-mostaza);
}

body.menu-touch-abierto header.site-header .header-menu .main-navigation{
	display: block;
}




/* Menu Touch -------------------------------------------------------------- */
#menu-touch{
	cursor: pointer;
	display: none;
	height: 40px;
	pointer-events: none;
	position: relative;
	user-select: none;
	width: 40px;
	z-index: 2100;
	-webkit-tap-highlight-color: transparent;
}
#menu-touch:after{
	display: flex;
	align-items: center;
	justify-content: center;

	background-color: var(--color-gris-intermedio);
	border-radius: 6px;
	color: var(--color-naranja);
	content: '\f0c9';
	font-family: 'Font Awesome 5';
	font-size: 22px;
	font-weight: 900;
	height: 100%;
	line-height: 1;
	position: absolute;
	transition: background-color .2s ease-in-out, color .2s ease-in-out;
	width: 100%;
}
html.no-touchevents #menu-touch:hover:after{
	background-color: var(--color-naranja);
	color: var(--color-blanco);
}




/* Header fijo ------------------------------------------------------------- */
body.fijo header.site-header.flotante{
	animation: anim_menu_fijo 0.5s 0s forwards 1;
	background-color:rgba( var(--color-blanco-rgb), 0.8 );
	border-bottom: 1px solid var(--color-gris-medio);
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	transform: translateY(-100%);
	width: 100%;
	z-index: 100;

	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}
@keyframes anim_menu_fijo{
	100%{
		opacity: 1;
		transform: translateY(0);
	}
}
body.fijo header.site-header.flotante .contenido{
	height: 50px;
}

body.fijo header.site-header.flotante .contenido .header-branding{
	display: flex;
	align-items: center;

	height: 100%;
}
body.fijo header.site-header.flotante .contenido .header-branding a{
	display: flex;
	align-items: center;
}
body.fijo header.site-header.flotante .contenido .header-branding a img{
	height: 40px;
	width: auto;
}
body.fijo header.site-header.flotante .contenido .main-navigation .menu a{
	font-size: 14px;
}





/* Footer ------------------------------------------------------------------ */
footer.site-footer{
	text-align: center;
}
footer.site-footer .logos-grupo .contenido .logos{
	display: flex;
	justify-content: center;

	margin-bottom: 30px;
}
footer.site-footer .logos-grupo .contenido .logos.logos-grilla{
	grid-column-gap: 20px;
}


footer.site-footer{
	border-top: 1px solid var(--color-gris-medio);
	box-sizing: border-box;
	margin-top: 120px;
	padding: 80px 0 120px 0;
}
body.home footer.site-footer{
	margin-top: 0;
}
footer.site-footer .contenedor{
	max-width: 860px;
}
footer.site-footer .logos-grupo{
	margin-bottom: 60px;
}

footer.site-footer .contacto{
	margin-bottom: 20px;
	text-align: center;
}
footer.site-footer .contacto h2{
	color: var(--color-azul);
	font-size: 16px;
	font-weight: 400;
	margin: 0;
}
footer.site-footer .contacto a{
	color: var(--color-naranja);
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	padding: 2px;
	position: relative;
	text-decoration: none;
	transition: color .2s ease-in-out;
}
html.no-touchevents footer.site-footer .contacto a:hover{
	color: var(--color-mostaza);
	text-decoration: none;
}

footer.site-footer .info,
footer.site-footer .copy{
	color: var(--color-verde-medio);
	font-size: 14px;
	margin-bottom: 20px;
	text-align: center;
}
footer.site-footer .info p{
	margin: 0 0 5px 0;
}
footer.site-footer .info p:last-of-type{
	margin-bottom: 0;
}
footer.site-footer .info p span{
	font-weight: 600;
}

footer.site-footer .copy p{
	margin: 0;
}
footer.site-footer .copy p strong{
	font-weight: 600;
}




/* Error 404 --------------------------------------------------------------- */
body.error404 header.site-header{
	margin-bottom: 0;
}
body.error404 footer.site-footer{
	margin-top: 0;
}
body.error404 section.error-404 .contenido{
	margin: 0 auto;
	max-width: 742px;
}
body.error404 section.error-404{
	background-color: var(--color-crema);
	padding: 80px 0;
	text-align: center;
}
body.error404 section.error-404 .seccion-cabecera h1{
	color: var(--color-azul);
	font-family: var(--font-mulish);
	font-size: 48px;
	font-weight: 900;
	line-height: 1.1;
	margin: 0;
}
body.error404 section.error-404 .seccion-contenido p{
	color: var(--color-verde);
	font-size: 20px;
	font-weight: 600;
	margin-top: 0;
}
body.error404 section.error-404 .seccion-contenido .boton a{
	display: inline-flex;
	align-items: center;
	justify-content: center;

	background-color: var(--color-mostaza);
	border-radius: 6px;
	box-sizing: border-box;
	color: var(--color-blanco);
	cursor: pointer;
	font-family: var(--font-mulish);
	font-size: 16px;
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1;
	padding: 14px 18px;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color .2s ease-in-out, color .2s ease-in-out;
}
html.no-touchevents body.error404 section.error-404 .seccion-contenido .boton a:hover{
	background-color: var(--color-naranja);
}




/* Home -------------------------------------------------------------------- */
body.home .area{
	padding: 60px 0;
}
body.home .area .area-cabecera{
	display: flex;
	align-items: center;
	justify-content: space-between;

	margin-bottom: 60px;
}
body.home .area .area-cabecera h2{
	color: var(--color-naranja);
	font-family: var(--font-mulish);
	font-size: 32px;
	font-weight: 800;
	line-height: 1.2;
}
body.home .area .area-cabecera .boton a{
	background-color: rgba( var(--color-blanco-rgb), 0.4 );
	border-radius: 4px;
	border: 1px solid var(--color-gris-medio);
	color: var(--color-naranja);
	display: inline-block;
	font-family: var(--font-mulish);
	font-weight: 800;
	line-height: 1;
	padding: 8px 10px;
	text-decoration: none;
	text-transform: uppercase;
	transition: all .2s ease-in-out;
}
body.home .area.area-podcasts .area-cabecera .boton a{
	border-color: var(--color-verde-medio);
	color: var(--color-verde);
}
html.no-touchevents body.home .area .area-cabecera .boton a:hover{
	background-color: var(--color-mostaza);
	border-color: var(--color-mostaza);
	color: var(--color-blanco);
}




body.home .area.area-carrusel{
	color: var(--color-mostaza);
	font-family: var(--font-mulish);

	padding: 60px 0;
}
body.home .area.area-carrusel .contenido{
	display: flex;
	grid-gap: 100px;
}




body.home .area.area-banner img{
	height: auto;
	width: 100%;
}

body.home .area.area-documentos{
	background-color: var(--color-gris-claro);
}

body.home .area.area-podcasts{
	background-color: var(--color-crema);
}




/* Slider ------------------------------------------------------------------ */
.slick-slider .slick-slide{
	outline: none;
}
.slick-slider .slick-prev,
.slick-slider .slick-next{
	height: 40px;
	width: 40px;
	z-index: 1;
}
.slick-slider .slick-prev{
	left: 20px;
}
.slick-slider .slick-next{
	right: 20px;
}
.slick-slider .slick-prev:before,
.slick-slider .slick-next:before{
	display: flex;
	align-items: center;
	justify-content: center;

	background-color: rgba( var(--color-negro-rgb), 0.2 );
	border-radius: 100%;
	font-family: 'Font Awesome 5';
	font-weight: 900;
	height: 100%;
	opacity: 1;
	width: 100%;
	text-shadow: 0 0 4px rgba( var(--color-negro-rgb), 0.8 );
}
.slick-slider .slick-prev:before{
	content: '\f053';
}
.slick-slider .slick-next:before{
	content: '\f054';
}
html.no-touchevents .slick-slider .slick-prev:hover:before,
html.no-touchevents .slick-slider .slick-next:hover:before{
	background-color: var(--color-negro);
	color: var(--color-celeste);
}

.podcast-slider.slick-slider .slick-prev:before,
.podcast-slider.slick-slider .slick-next:before{
	background-color: var(--color-azul);
	color: var(--color-blanco);
	text-shadow: none;
	transition: all .2s ease-in-out;
}
html.no-touchevents .podcast-slider.slick-slider .slick-prev:hover:before,
html.no-touchevents .podcast-slider.slick-slider .slick-next:hover:before{
	background-color: var(--color-celeste);
	color: var(--color-blanco);
	text-indent: -4px;
}
html.no-touchevents .podcast-slider.slick-slider .slick-next:hover:before{
	text-indent: 4px;
}
.podcast-slider.slick-slider .slick-prev{
	left: -70px;
}
.podcast-slider.slick-slider .slick-next{
	right: -70px;
}
.podcast-slider.slick-slider .slick-slider{
	overflow: hidden;
}
.podcast-slider.slick-slider .slick-list{
	margin: 0 -30px;
}
.podcast-slider.slick-slider .slick-slide{
	box-sizing: border-box;
	padding: 0 30px;
}


@media only screen and (max-width: 1360px) {
	.podcast-slider.slick-slider .slick-prev{
		left: -20px;
	}
	.podcast-slider.slick-slider .slick-next{
		right: -20px;
	}
}

@media only screen and (max-width: 970px) {
	.podcast-slider.slick-slider .slick-list{
		margin: 0 -10px;
	}
	.podcast-slider.slick-slider .slick-slide{
		padding: 0 10px;
	}
}

@media only screen and (max-width: 900px) {
	.podcast-slider.slick-slider .slick-list{
		margin: 0 -10px;
	}
	.podcast-slider.slick-slider .slick-slide{
		padding: 0 10px;
	}
}

@media only screen and (max-width: 600px) {
	.podcast-slider.slick-slider .slick-prev{
		left: -20px;
	}
	.podcast-slider.slick-slider .slick-next{
		right: -20px;
	}
	.podcast-slider.slick-slider .slick-prev,
	.podcast-slider.slick-slider .slick-next{
		height: 30px;
		width: 30px;
	}
	.podcast-slider.slick-slider .slick-next:before,
	.podcast-slider.slick-slider .slick-prev:before{
		font-size: 14px;
	}
	.podcast-slider.slick-slider .slick-list{
		margin: 0 -10px;
	}
	.podcast-slider.slick-slider .slick-slide{
		padding: 0 10px;
	}
}














/* Secciones --------------------------------------------------------------- */
.seccion-cabecera{
	margin-bottom: 60px;
}
.seccion-cabecera .titulo h1{
	color: var(--color-azul);
	font-family: var(--font-mulish);
	font-size: 36px;
	font-weight: 900;
	line-height: 1.2;
	margin: 0;
}
.seccion-cabecera .introduccion{
	margin-top: 40px;
}
.seccion-cabecera .introduccion p{
	color: var(--color-verde);
	font-size: 22px;
	font-weight: 400;
	margin: 0 0 6px 0;
}
.seccion-cabecera .introduccion p:last-of-type{
	margin-bottom: 0;
}

body.seccion-estudios-e-investigaciones .seccion-cabecera{
	display: flex;
	align-items: center;
	justify-content: space-between;
	grid-column-gap: 20px;
	
	margin-bottom: 80px;
}
body.seccion-estudios-e-investigaciones .seccion-cabecera .titulo h1{
	color: var(--color-naranja);
}




/* Breadcrumb -------------------------------------------------------------- */
.breadcrumb{
	background-color: var(--color-crema);
	margin-bottom: 60px;
}
.breadcrumb a{
	color: var(--color-verde);
	display: inline-block;
	font-weight: 600;
	line-height: 1;
	padding: 18px 0 18px 16px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	transition: color .2s ease-in-out;
	user-select: none;
}
.breadcrumb a:after{
	display: flex;
	align-items: center;

	color: var(--color-naranja);
	content: '\f053';
	font-family: 'Font Awesome 5';
	font-size: 0.875em;
	font-weight: 700;
	height: 100%;
	left: 2px;
	line-height: 1;
	position: absolute;
	top: -1px;
	transition: color .2s ease-in-out, left .2s ease-in-out;
	width: 16px;
}
html.no-touchevents .breadcrumb a:hover{
	color: var(--color-mostaza);
}
html.no-touchevents .breadcrumb a:hover:after{
	color: var(--color-celeste);
	left: -2px;
}




/* Seccion Acciones territoriales ------------------------------------------ */
.organizaciones{
	margin-top: 40px;
}

.organizaciones-titulo{
	margin-bottom: 50px;
	margin-top: 90px;
}
.organizaciones-titulo h2{
	color: var(--color-azul);
	font-size: 28px;
	font-weight: 800;
	margin: 0;
}

.organizaciones .tarjetas{
	display: flex;
	grid-gap: 60px;
	justify-content: space-between;
	justify-content: center;
	flex-wrap: wrap;

	margin-bottom: 80px;
}
.organizaciones .tarjeta{
	display: flex;
	flex-direction: column;
	flex-grow: 1;

	background-color: var(--color-gris-claro);
	border-radius: 24px;
	box-sizing: border-box;
	cursor: pointer;
	padding: 20px;
	text-align: center;
	transition: all .2s ease-in-out;
	user-select: none;
	width: 360px;
	-webkit-tap-highlight-color: transparent;
}
.organizaciones .tarjeta:last-of-type{
	margin-right: 0;
}

html.no-touchevents .organizaciones .tarjeta:hover{
	background-color: var(--color-crema);
	box-shadow: 0 6px 18px rgba( var(--color-negro-rgb), 0.1 );
	transform: scale(1.06);
}
.organizaciones .tarjeta a{
	margin: 0 auto;
	max-width: 360px;
	text-decoration: none;
}

.organizaciones .tarjeta .icono{
	margin: 20px 0 30px 0;
}
.organizaciones .tarjeta .icono img{
	height: auto;
	width: 80px;
}

.organizaciones .tarjeta .avatar{
	border-radius: 100%;
	height: 160px;
	margin: 10px auto 20px auto;
	overflow: hidden;
	width: 160px;
}
.organizaciones .tarjeta .avatar img{
	height: 100%;
	object-fit: cover;
	object-position: center;
	width: 100%;
}

.organizaciones .tarjeta .titulo h2{
	font-family: 'Mulish', sans-serif;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.2;
	margin: 0;
}
.organizaciones .tarjeta .descripcion{
	color: var(--color-verde-medio);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	margin-top: 8px;
}




/* Ficha ------------------------------------------------------------------- */
.ficha .columnas{
	display: flex;	
}
.ficha .columnas .columna-lateral{
	margin-right: 60px;
	width: 30%;
}
.ficha .columnas .columna-central{
	width: 70%;
}

.ficha .icono{
	min-height: 90px;
}
.ficha .icono img{
	height: auto;
	width: 50px;
}

.ficha .avatar{
	border-radius: 100%;
	height: 90px;
	overflow: hidden;
	width: 90px;
}
.ficha .avatar img{
	height: 100%;
	object-fit: cover;
	object-position: center;
	width: 100%;
}

.ficha .nombre{
	margin-top: 30px;
}
.ficha .nombre h1,
.ficha .provincia{
	color: var(--color-naranja);
	font-family: var(--font-mulish);
	font-size: 24px;
	font-weight: 900;
	line-height: 1.3;
	margin: 0;
}
.ficha .provincia{
	color: var(--color-celeste);
	font-size: 20px;
	font-weight: 600;
	margin-top: 20px;
}


.ficha .contactar{
	margin-top: 60px;
}
.ficha .contactar h3{
	color: var(--color-mostaza);
	font-family: var(--font-mulish);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.1;
	margin: 0 0 16px 0;
}


.ficha .contactar.contactar-columna{
	border-bottom: 1px solid var(--color-gris-medio);
	border-top: 1px solid var(--color-gris-medio);
	margin-bottom: 30px;
	margin-top: 30px;
	padding-bottom: 30px;
	padding-top: 30px;
}
.ficha .contactar.contactar-columna h3{
	font-size: 20px;
	font-weight: 800;
}
.ficha .contactar.contactar-columna ul{
	display: grid;
	grid-gap: 0 10px;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}


.ficha .contactar ul,
.ficha .contactar ul li{
	list-style: none;
	margin: 0;
	padding: 0;
}
.ficha .contactar ul li{
	margin-bottom: 6px;
}
.ficha .contactar ul li:last-of-type{
	margin-bottom: 0;
}

.ficha .contactar ul li > span,
.ficha .contactar ul li a{
	color: var(--color-verde);
	display: block;
	font-weight: 400;
	line-height: 1;
	padding: 6px 10px 6px 22px;
	position: relative;
	text-decoration: none;
	transition: color .2s ease-in-out;
	word-break: break-all;
}
html.no-touchevents .ficha .contactar ul li a:hover{
	color: var(--color-naranja);
	text-decoration: none;
}
.ficha .contactar ul li > span:after,
.ficha .contactar ul li a:after{
	display: flex;
	align-items: center;

	content: '';
	font-family: 'Font Awesome 5 Brands';
	font-size: 16px;
	font-weight: normal;
	height: 100%;
	left: 0;
	line-height: 1;
	position: absolute;
	top: -1px;
}
.ficha .contactar ul li.facebook a:after{
	content: '\f09a';
}
.ficha .contactar ul li.whatsapp > span:after,
.ficha .contactar ul li.whatsapp a:after{
	content: '\f232';
}
.ficha .contactar ul li.instagram a:after{
	content: '\f16d';
}
.ficha .contactar ul li.twitter a:after{
	content: '\f099';
}
.ficha .contactar ul li.youtube a:after{
	content: '\f167';
}
.ficha .contactar ul li.linkedin a:after{
	content: '\f0e1';
}
.ficha .contactar ul li.correo a:after{
	content: '\f0e0';
	font-family: 'Font Awesome 5';
	font-weight: 900;
}
.ficha .contactar ul li.telefono > span:after,
.ficha .contactar ul li.telefono a:after{
	content: '\f095';
	font-family: 'Font Awesome 5';
	font-weight: 900;
}
.ficha .contactar ul li.web a:after{
	content: '\f0ac';
	font-family: 'Font Awesome 5';
	font-weight: 900;
}


.ficha .articulo .titulo{
	min-height: 80px;
}
.ficha .articulo .titulo h2{
	color: var(--color-azul);
	font-family: var(--font-mulish);
	font-size: 32px;
	font-weight: 900;
	line-height: 1.2;
	margin: 0;
}
.ficha .articulo .texto{
	color: var(--color-verde);
	font-size: 20px;
	margin-top: 40px;
}
.ficha .articulo .texto p{
	margin: 0 0 16px 0;
}
.ficha .articulo .texto p:last-of-type{
	margin-bottom: 0;
}

.ficha .articulo .texto p em{
	font-family: var(--font-sourcesans);
}

.ficha .articulo .texto p a{
	color: var(--color-azul);
	text-decoration: underline;
}
html.no-touchevents .ficha .articulo .texto p a:hover{
	color: var(--color-celeste);
	text-decoration: none;
}


.ficha .subtitulo h3{
	color: var(--color-azul);
	font-family: var(--font-mulish);
	font-size: 20px;
	font-weight: 800;
	line-height: 1.2;
	margin: 0;
}


.ficha .videos{
	margin-top: 50px;
}
.ficha .videos .contenido{
	display: flex;
	margin-top: 30px;
}
.ficha .videos .video{
	border-radius: 10px;
	border: 1px solid var(--color-gris-medio);
	box-sizing: border-box;
	margin-right: 40px;
	max-width: 50%;
	overflow: hidden;
	user-select: none;
}
.ficha .videos .video:last-of-type{
	margin-right: 0;
}
.ficha .videos .video a{
	display: block;
	position: relative;
}
.ficha .videos .video a:after{
	display: flex;
	align-items: center;
	justify-content: center;

	color: var(--color-blanco);
	content: '\f04b';
	font-family: 'Font Awesome 5';
	font-size: 20px;
	font-weight: 900;
	height: 100%;
	left: 0;
	line-height: 1;
	position: absolute;
	text-align: center;
	text-indent: 4px;
	top: 0;
	transition: all .2s ease-in-out;
	width: 100%;
}
.ficha .videos .video a:before{
	background-color: var(--color-rojo);
	border-radius: 100%;
	box-shadow: 0 0 10px rgba( var(--color-negro-rgb), 0.4 );
	box-sizing: border-box;
	content: '';
	display: block;
	height: 60px;
	left: calc(50% - 30px);
	position: absolute;
	top: calc(50% - 30px);
	transition: all .2s ease-in-out;
	width: 60px;
}
html.no-touchevents .ficha .videos .video a:hover:after,
html.no-touchevents .ficha .videos .video a:hover:before{
	transform: scale(1.2);
}
html.no-touchevents .ficha .videos .video a:hover:before{
	background-color: var(--color-mostaza);
}
.ficha .videos .video a img{
	height: auto;
	width: 100%;
}


.ficha .fotos{
	margin-top: 40px;
}
.ficha .fotos .contenido{
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));

	margin-top: 30px;
}
.ficha .fotos .foto{
	border-radius: 10px;
	line-height: 0;
	overflow: hidden;
	transition: all .2s ease-in-out;
	user-select: none;
}
html.no-touchevents .ficha .fotos .foto:hover{
	box-shadow: 0 10px 10px rgba( var(--color-negro-rgb), 0.2 );
	transform: translateY(-6px);
}
.ficha .fotos .foto a{
	display: block;
}
.ficha .fotos .foto img{
	height: auto;
	width: 100%;
}








/* Cabezal Banner ---------------------------------------------------------- */
.cabezal-banner{
	display: flex;
}
.cabezal-banner .foto{
	overflow: hidden;
	padding: 20px 0;
	width: 45%;
}
.cabezal-banner .foto img{
	border-radius: 20px 0 0 20px;
	height: 100%;
	object-fit: cover;
	object-position: center;
	width: 100%;
}
.cabezal-banner .texto{
	background-color: var(--color-celeste);
	border-radius: 0 20px 20px 0;
	box-sizing: border-box;
	color: var(--color-blanco);
	font-size: 24px;
	font-weight: 400;
	padding: 40px 40px 40px 20px;
	position: relative;
	width: 55%;
}
.cabezal-banner .texto .decoracion{
	content: '';
	height: 100%;
	left: -50px;
	position: absolute;
	top: 0;
	width: 50px;
}
.cabezal-banner .texto .decoracion.decoracion-sombra{
	left: -80px;
	width: 80px;
}
body.home .cabezal-banner .texto .decoracion.decoracion-sombra polygon,
body.seccion-quienes-somos .cabezal-banner .texto .decoracion.decoracion-sombra polygon,
body.seccion-acciones-territoriales .cabezal-banner .texto .decoracion.decoracion-sombra polygon,
.cabezal-banner .texto .decoracion.decoracion-sombra polygon{
	fill: rgba( var(--color-blanco-rgb), 0.4 );
}

.cabezal-banner .texto p{
	margin: 0 0 10px 0;
}
.cabezal-banner .texto p:last-of-type{
	margin-bottom: 0;
}


body.home .cabezal-banner .foto{
	width: 35%;
}
body.home .cabezal-banner .texto{
	background-color: var(--color-azul);
	color: var(--color-blanco);
	font-size: 38px;
	font-weight: 400;
	line-height: 1.5;
	padding-bottom: 80px;
	padding-top: 80px;
	width: 65%;
}
body.home .cabezal-banner .texto strong{
	font-weight: 900;
}
body.home .cabezal-banner .texto .decoracion polygon{
	fill: var(--color-azul);
}


body.seccion-quienes-somos .cabezal-banner .texto .decoracion polygon{
	fill: var(--color-celeste);
}


body.seccion-acciones-territoriales .cabezal-banner .texto{
	background-color: var(--color-mostaza);
}
body.seccion-acciones-territoriales .cabezal-banner .texto .decoracion polygon{
	fill: var(--color-mostaza);
}


.background-banner{
	display: flex;
	align-items: center;
	justify-content: flex-end;

	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px;
	min-height: 420px;
}
.background-banner .texto{
	background-color: rgba( var(--color-blanco-rgb), 0.5 );
	border-radius: 16px;
	font-size: 20px;
	font-weight: 500;
	margin: 20px;
	padding: 30px;
	width: 60%;

	-webkit-backdrop-filter: saturate(180%) blur(10px);
	backdrop-filter: saturate(180%) blur(10px);
}
.background-banner .texto h3{
	color: var(--color-verde);
	font-family: var(--font-mulish);
	font-size: 24px;
	font-weight: 900;
	line-height: 1.2;
	margin: 0 0 10px 0;
}
.background-banner .texto p{
	margin: 0 0 10px 0;
}
.background-banner .texto p:last-of-type{
	margin-bottom: 0;
}
.background-banner .boton{
	margin-top: 16px;
}
.background-banner .boton a{
	background-color: var(--color-verde);
	border-radius: 6px;
	color: var(--color-blanco);
	display: inline-block;
	font-family: var(--font-mulish);
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	padding: 10px 14px;
	text-decoration: none;
	transition: background-color .2s ease-in-out;
}
html.no-touchevents .background-banner .boton a:hover{
	background-color: var(--color-celeste);
}

.background-banner.background-banner-documentos{
	justify-content: flex-start;
}
.background-banner.background-banner-documentos .texto{
	background-color: rgba( var(--color-blanco-rgb), 0.7 );
	font-size: 24px;
	width: 44%;
}
.background-banner.background-banner-documentos .texto h3{
	color: var(--color-naranja);
	font-size: 32px;
}
.background-banner.background-banner-documentos .boton a{
	background-color: var(--color-naranja);
}
html.no-touchevents .background-banner.background-banner-documentos .boton a:hover{
	background-color: var(--color-mostaza);
}








/* Quienes somos ----------------------------------------------------------- */
body.seccion-quienes-somos section .contenido h1{
	color: var(--color-naranja);
}

body.seccion-quienes-somos section .contenido .seccion-contenido{
	color: var(--color-azul);
	font-size: 22px;
}

body.seccion-quienes-somos section .contenido .propuestas-titulo{
	margin: 80px 0 40px 0;
}
body.seccion-quienes-somos section .contenido .propuestas-titulo h2{
	color: var(--color-mostaza);
	font-family: var(--font-mulish);
	font-size: 24px;
	font-weight: 800;
	line-height: 1.2;
	margin: 0;
}

body.seccion-quienes-somos section .contenido .propuestas-grilla{
	display: grid;
	grid-template-columns: repeat(3, [col-start] 1fr);
	grid-gap: 40px;

}
body.seccion-quienes-somos section .contenido .propuestas-grilla .propuestas-grilla-item{
	background-color: var(--color-alt-violeta);
	border-radius: 20px;
	color: var(--color-blanco);
	padding: 30px;
}
body.seccion-quienes-somos section .contenido .propuestas-grilla .propuestas-grilla-item .icono{
	border-bottom: 1px dotted var(--color-blanco);
	margin-bottom: 20px;
	padding-bottom: 10px;
}
body.seccion-quienes-somos section .contenido .propuestas-grilla .propuestas-grilla-item .icono img{
	height: 80px;
	width: 80px;
}
body.seccion-quienes-somos section .contenido .propuestas-grilla .propuestas-grilla-item:nth-child(2){
	background-color: var(--color-alt-tierra);
}
body.seccion-quienes-somos section .contenido .propuestas-grilla .propuestas-grilla-item:nth-child(3){
	background-color: var(--color-alt-naranja);
}
body.seccion-quienes-somos section .contenido .propuestas-grilla .propuestas-grilla-item p{
	font-size: 18px;
	font-weight: 500;
	margin: 0;
}

body.seccion-quienes-somos section .contenido .texto-cierre{
	color: var(--color-verde);
	font-weight: 600;
	margin: 80px 0;
}


body.seccion-quienes-somos section .contenido .seccion-contenido ol{
	color: var(--color-verde);
}
body.seccion-quienes-somos section .contenido .seccion-contenido ol li{
	margin: 0 0 20px 0;
}
body.seccion-quienes-somos section .contenido .seccion-contenido .logos-org-grilla{
	display: flex;
	align-items: center;
	justify-content: space-between;
	grid-column-gap: 30px;

	margin: 50px 0;
}
body.seccion-quienes-somos section .contenido .seccion-contenido .logos-org-grilla a{
	display: block;
	transition: transform .2s ease-in-out;
}
html.no-touchevents body.seccion-quienes-somos section .contenido .seccion-contenido .logos-org-grilla a:hover{
	transform: scale(1.2);
}
body.seccion-quienes-somos section .contenido .seccion-contenido .logos-org-grilla img{
	height: 80px;
	width: auto;
}





.grilla-doc{
	display: grid;
	grid-gap: 80px;
	grid-template-columns: repeat(3, [col-start] 1fr);
}
.grilla-doc .grilla-mod{
	display: block;
}
.grilla-doc .grilla-mod .grilla-imagen{
	margin-bottom: 20px;
}
.grilla-doc .grilla-mod .grilla-imagen a{
	display: inline-block;
	line-height: 0;
	transition: all .2s ease-in-out;
}
html.no-touchevents .grilla-doc .grilla-mod .grilla-imagen a:hover{
	transform: scale(1.06);
}
.grilla-doc .grilla-mod .grilla-imagen a img{
	border-radius: 6px;
	box-shadow: 0 0 10px rgba( var(--color-negro-rgb), 0.3 );
	height: auto;
	max-width: 200px;
	width: 100%;
}
.grilla-doc .grilla-mod h2{
	font-family: var(--font-mulish);
	font-size: 16px;
	font-weight: 800;
	line-height: 1.4;
	margin: 0;
}
.grilla-doc .grilla-mod h2 a{
	color: var(--color-azul);
	text-decoration: none;
	transition: color .2s ease-in-out;
}
html.no-touchevents .grilla-doc .grilla-mod h2 a:hover{
	color: var(--color-naranja);
}
.grilla-doc .grilla-mod .grilla-autoria,
.grilla-doc .grilla-mod .grilla-fecha,
.grilla-doc .grilla-mod .grilla-texto p{
	color: var(--color-verde);
	font-size: 14px;
}
.grilla-doc .grilla-mod .grilla-autoria{
	color: var(--color-verde);
	font-weight: 600;
	margin-top: 8px;
}
.grilla-doc .grilla-mod .grilla-autoria strong{
	font-weight: 600;
}
.grilla-doc .grilla-mod .grilla-fecha{
	color: var(--color-mostaza);
	font-weight: 400;
	margin-top: 4px;
	text-transform: capitalize;
}
.grilla-doc .grilla-mod .grilla-texto{
	margin-top: 10px;
}
.grilla-doc .grilla-mod .grilla-texto p{
	margin: 0 0 10px 0;
}
.grilla-doc .grilla-mod .grilla-texto p:last-of-type{
	margin-bottom: 0;
}
.grilla-doc .grilla-mod .grilla-boton{
	margin-top: 20px;
}
.grilla-doc .grilla-mod .grilla-boton a{
	display: inline-flex;
	align-items: center;

	background-color: var(--color-gris-intermedio);
	border-radius: 4px;
	color: var(--color-naranja);
	font-size: 13px;
	font-weight: 800;
	line-height: 1;
	padding: 12px 12px 10px 30px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color .2s ease-in-out, color .2s ease-in-out;
}
.grilla-doc .grilla-mod .grilla-boton a:after{
	display: flex;
	align-items: center;

	color: var(--color-azul);
	content: '\f1c1';
	font-family: 'Font Awesome 5';
	font-size: 1em;
	font-weight: 700;
	height: 100%;
	left: 12px;
	line-height: 1;
	position: absolute;
	top: 0;
	transition: color .2s ease-in-out;
	width: 30px;
}
html.no-touchevents .grilla-doc .grilla-mod .grilla-boton a:hover{
	background-color: var(--color-naranja);
	color: var(--color-blanco);
}
html.no-touchevents .grilla-doc .grilla-mod .grilla-boton a:hover:after{
	color: var(--color-blanco);
}








/* Filtros ----------------------------------------------------------------- */
.filtros{
	display: inline-block;
	font-family: var(--font-mulish);
}
.filtro{
	position: relative;
	user-select: none;
}
.filtro .filtro-titulo{
	display: inline-flex;
	align-items: center;
	justify-content: center;

	background-color: var(--color-naranja);
	border-radius: 6px;
	box-sizing: border-box;
	color: var(--color-blanco);
	cursor: pointer;
	font-family: var(--font-hind);
	font-size: 16px;
	font-weight: 700;
	height: auto;
	line-height: 1;
	min-height: 40px;
	padding: 6px 54px 2px 12px;
	position: relative;
	text-transform: uppercase;
	-webkit-tap-highlight-color: transparent;
}
.filtro .filtro-titulo:before,
.filtro .filtro-titulo:after{
	display: flex;
	align-items: center;
	justify-content: center;

	content: '\f107';
	font-family: 'Font Awesome 5';
	font-size: 1em;
	font-weight: 900;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
}
.filtro .filtro-titulo:before{
	background-color: var(--color-celeste);
	border-left: 1px solid var(--color-blanco);
	border-radius: 0 6px 6px 0;
	content: '';
}
.filtro .filtro-titulo:after{
	transition: transform .2s ease-in-out;
}

.filtro.filtro-abierto .filtro-titulo,
html.no-touchevents .filtro .filtro-titulo:hover{
	background-color: var(--color-mostaza);
}
.filtro.filtro-abierto .filtro-titulo:before,
html.no-touchevents .filtro .filtro-titulo:hover:before{
	background-color: var(--color-azul);
}
.filtro.filtro-abierto .filtro-titulo:after{
	transform: rotate(180deg);
}
.filtro.filtro-abierto ul{
	display: block;
}

.filtro ul,
.filtro ul li{
	list-style: none;
	margin: 0;
	padding: 0;
}
.filtro ul{
	background-color: var(--color-azul);
	border-radius: 6px;
	box-sizing: border-box;
	display: none;
	margin-top: 1px;
	padding: 10px;
	position: absolute;
	right: 0;
	z-index: 10;
	width: 100%;
}
.filtro ul li{
	border-bottom: 1px dotted rgba( var(--color-blanco-rgb), 0.2 );
	padding: 4px 0;
}
.filtro ul li:first-of-type{
	border-bottom-color: var(--color-blanco);
	padding-top: 0;
}
.filtro ul li:last-of-type{
	border-bottom: none;
	padding-bottom: 0;
}
.filtro ul li span{
	border-radius: 4px;
	color: var(--color-blanco);
	cursor: pointer;
	display: block;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.1;
	padding: 10px 8px;
	position: relative;
	transition: background-color .2s ease-in-out, color .2s ease-in-out;
	white-space: nowrap;
}
.filtro ul li.filtro-todo span{
	font-weight: 900;
}
.filtro ul li.filtro-todo span,
.filtro ul li.seleccionado span{
	padding-left: 30px;
	transition: padding-left .2s ease-in-out;
}
.filtro ul li span:after{
	display: flex;
	align-items: center;
	justify-content: center;

	content: '';
	font-family: 'Font Awesome 5';
	font-size: 0.875em;
	font-weight: 900;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 30px;
}
.filtro ul li.filtro-todo span:after{
	content: '\f2f1';
}
.filtro ul li.seleccionado span:after{
	animation: anim_filtro_check 0.2s 0s forwards 1;
	content: '\f00c';
	font-size: 0.750em;
	opacity: 0;
	transform: translateX(-30px);
}

@keyframes anim_filtro_check{
	100%{
		opacity: 1;
		transform: translateX(0);
	}
}

html.no-touchevents .filtro ul li span:hover{
	background-color: var(--color-naranja);
	text-decoration: none;
}
html.no-touchevents .filtro ul li.filtro-todo span:hover{
	background-color: var(--color-celeste);
}








/* Subseccion Documento ---------------------------------------------------- */
.documento{
	display: flex;
	grid-column-gap: 60px;

	max-width: 860px;
}
.documento .imagen img{
	border-radius: 12px;
	box-shadow: 0 0 16px rgba( var(--color-negro-rgb), 0.3 );
	height: auto;
	width: 300px;
}
.documento h2{
	color: var(--color-azul);
	font-family: var(--font-mulish);
	font-size: 24px;
	font-weight: 900;
	line-height: 1.3;
	margin: 0;
}
.documento .autoria,
.documento .fecha,
.documento .texto p{
	color: var(--color-verde);
	font-size: 18px;
}
.documento .autoria{
	color: var(--color-azul);
	font-weight: 800;
	margin-top: 12px;
}
.documento .autoria strong{
	font-weight: 400;
}
.documento .fecha{
	color: var(--color-mostaza);
	font-weight: 600;
	margin-top: 6px;
	text-transform: capitalize;
}
.documento .texto{
	margin-top: 15px;
}
.documento .texto p{
	margin: 0 0 15px 0;
}
.documento .texto p:last-of-type{
	margin-bottom: 0;
}
.documento .boton{
	margin-top: 30px;
}
.documento .boton a{
	display: inline-flex;
	align-items: center;

	background-color: var(--color-gris-intermedio);
	border-radius: 6px;
	color: var(--color-naranja);
	font-size: 18px;
	font-weight: 800;
	line-height: 1;
	padding: 18px 16px 12px 40px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color .2s ease-in-out, color .2s ease-in-out;
}
.documento .boton a:after{
	display: flex;
	align-items: center;

	color: var(--color-azul);
	content: '\f1c1';
	font-family: 'Font Awesome 5';
	font-size: 1em;
	font-weight: 700;
	height: 100%;
	left: 16px;
	line-height: 1;
	position: absolute;
	top: 0;
	transition: color .2s ease-in-out;
	width: 40px;
}
html.no-touchevents .documento .boton a:hover{
	background-color: var(--color-naranja);
	color: var(--color-blanco);
}
html.no-touchevents .documento .boton a:hover:after{
	color: var(--color-blanco);
}








/* Magnific Popup ---------------------------------------------------------- */
.mfp-wrap{
	z-index: 5043;

	-webkit-backdrop-filter: saturate(0%);
	backdrop-filter: saturate(0%);
}
.mfp-bg{
	background-color: var(--color-negro);
	opacity: 0.80;
	z-index: 5042;
}
.mfp-iframe-holder .mfp-close,
button.mfp-close{
	background-color: var(--color-mostaza);
	border-radius: 100%;
	color: var(--color-blanco);
	height: 40px;
	line-height: 40px;
	opacity: 1;
	overflow: hidden;
	position: fixed;
	right: 20px;
	padding: 0;
	text-indent: -1000px;
	top: 20px;
	text-align: center;
	transition: all .2s ease-in-out;
	width: 40px;
}
.mfp-iframe-holder .mfp-close:after,
button.mfp-close:after{
	display: flex;
	align-items: center;
	justify-content: center;

	content: '\f00d';
	font-family: 'Font Awesome 5';
	font-size: 18px;
	font-weight: 900;
	height: 100%;
	left: 0;
	position: absolute;
	text-indent: 0;
	top: 0;
	width: 100%;
}
html.no-touchevents .mfp-iframe-holder .mfp-close:hover,
html.no-touchevents button.mfp-close:hover{
	background-color: var(--color-celeste);
	color: var(--color-blanco);
}
















/* ------------------------------------------------------------------------- */
/* Responsive -------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */




@media only screen and (max-width: 1020px){
	header.site-header .header-menu{
		display: flex;
		align-items: center;
	}
	header.site-header .header-menu .main-navigation{
		background-color: var(--color-gris-intermedio);
		border-radius: 8px;
		display: none;
		margin-top: 1px;
		position: absolute;
		right: 0;
		top: 40px;
		width: 260px;
		z-index: 2200;
	}
	header.site-header .header-menu .main-navigation .menu{
		display: block;
		padding: 8px;
	}
	header.site-header .header-menu .main-navigation .menu a{
		border-radius: 6px;
		padding: 12px 12px 8px 12px;
	}
	html.no-touchevents header.site-header .header-menu .main-navigation .menu a:hover{
		background-color: var(--color-naranja);
		color: var(--color-blanco);
	}

	#menu-touch{
		display: block;
		pointer-events: all;
	}
}




@media only screen and (max-width: 900px){
	.grilla-doc{
		grid-gap: 80px 60px;
		grid-template-columns: repeat(2, [col-start] 1fr);
	}


	.documento{
		grid-column-gap: 40px;
	}
	.documento .imagen img{
		width: 200px;
	}

	body.seccion-quienes-somos section .contenido .propuestas-grilla{
		grid-template-columns: 1fr;
	}

	body.seccion-quienes-somos section .contenido .seccion-contenido .logos-org-grilla img{
		height: 60px;
	}


	.background-banner.background-banner-documentos .texto{
		width: 80%;
	}
}



@media only screen and (max-width: 740px){
	header.site-header .contenido{
		height: 80px;
	}
	header.site-header .contenido .header-branding a img{
		height: 60px;
		width: auto;
	}


	body.seccion-quienes-somos section .contenido .seccion-contenido .logos-org-grilla{
		justify-content: center;
		flex-wrap: wrap;
		grid-row-gap: 20px;
	}
	body.seccion-quienes-somos section .contenido .seccion-contenido .logos-org-grilla a{
		text-align: center;
	}
	body.seccion-quienes-somos section .contenido .seccion-contenido .logos-org-grilla .logos-org-item{
		width: 30%;
	}
	body.seccion-quienes-somos section .contenido .seccion-contenido .logos-org-grilla img{
		height: 80px;
	}


	.ficha .columnas{
		display: block;
	}
	.ficha .columnas .columna{
		width: 100%;
	}
	.ficha .columnas .columna:first-of-type{
		margin-bottom: 40px;
	}

	.ficha .icono{
		min-height: initial;
	}
	.ficha .nombre{
		margin-top: 20px;
	}

	.ficha .articulo .titulo{
		min-height: initial;
	}
	.ficha .articulo .titulo h2{
		font-size: 20px;
		line-height: 1.3;
	}
	.ficha .articulo .texto{
		font-size: 16px;
		margin-top: 20px;
	}

	.ficha .subtitulo h3{
		font-size: 22px;
	}

	.ficha .videos .contenido{
		display: grid;
		grid-gap: 20px;
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}
	.ficha .videos .video{
		margin-bottom: 20px;
		margin-right: 0;
		max-width: initial;
	}


	body.seccion-estudios-e-investigaciones .seccion-cabecera{
		flex-direction: column;
		grid-row-gap: 20px;

		margin-bottom: 60px;
	}
	body.seccion-estudios-e-investigaciones .seccion-cabecera > div{
		width: 100%;
	}


	.documento h2{
		font-size: 20px;
	}
	.documento .autoria,
	.documento .fecha,
	.documento .texto p{
		font-size: 16px;
	}


	.cabezal-banner{
		flex-direction: column;
	}
	.cabezal-banner .foto,
	body.home .cabezal-banner .foto{
		line-height: 0;
		overflow: initial;
		padding: 0 20px;
		width: 100%;
	}
	.cabezal-banner .foto img{
		border-radius: 20px 20px 0 0;
	}
	.cabezal-banner .texto,
	body.home .cabezal-banner .texto{
		border-radius: 0 0 20px 20px;
		font-size: 20px;
		padding: 20px;
		width: 100%;
	}
	body.home .cabezal-banner .texto{
		padding-bottom: 30px;
		padding-top: 30px;
	}
	.cabezal-banner .texto .decoracion{
		content: '';
		height: 60px;
		left: 0;
		position: absolute;
		top: -60px;
		width: 100%;
	}
}




@media only screen and (max-width: 560px){
	.caja{
		margin: 0 20px;
	}

	header.site-header{
		margin-bottom: 40px;
	}

	footer.site-footer .logos-grupo .contenido .logos{
		flex-wrap: wrap;
	}
	footer.site-footer .logos-grupo .contenido .logos-grilla .logos-item{
		width: 30%;
	}

	body.home .area.area-carrusel{
		padding-bottom: 40px;
	}
	body.home .area{
		padding: 40px 0;
	}

	.breadcrumb{
		margin-bottom: 30px;
	}


	.organizaciones{
		margin-top: 40px;
	}
	.organizaciones .tarjetas{
		grid-gap: 40px;
		margin-bottom: 40px;
	}

	.ficha .icono img{
		width: 36px;
	}


	.grilla-doc{
		grid-gap: 60px 40px;
	}


	.documento{
		flex-direction: column;
		grid-row-gap: 30px;
	}
	.documento > div{
		width: 100%;
	}


	.background-banner{
		min-height: initial;
	}
	.background-banner .texto{
		font-size: 16px;
		padding: 20px;
		width: 70%;
		margin: 10px;
	}
	.background-banner .texto h3{
		font-size: 20px;
	}

	.background-banner.background-banner-documentos .texto{
		font-size: 18px;
		width: 75%;
	}
	.background-banner.background-banner-documentos .texto h3{
		font-size: 22px;
	}
}




@media only screen and (max-width: 460px){
	body.home .area.area-carrusel{
		padding-bottom: 20px;
	}
	body.home .area{
		padding: 20px 0;
	}

	body.home .area .area-cabecera{
		justify-content: flex-start;
		flex-direction: column;
		grid-row-gap: 20px;

		margin-bottom: 40px;
	}
	body.home .area .area-cabecera > div{
		width: 100%;
	}


	header.site-header{
		margin-bottom: 20px;
	}

	.seccion-cabecera{
		margin-bottom: 10px;
	}
	.seccion-cabecera .titulo h1{
		font-size: 24px;
	}
	.seccion-cabecera .introduccion{
		margin-top: 20px;
	}
	.seccion-cabecera .introduccion p{
		font-size: 18px;
	}

	body.seccion-quienes-somos section .contenido .seccion-contenido{
		font-size: 16px;
	}
	body.seccion-quienes-somos section .contenido .seccion-contenido h2{
		font-size: 20px;
		margin-top: 30px;
	}
	body.seccion-quienes-somos section .contenido .seccion-contenido .logos-org-grilla img{
		height: 60px;
	}
}




@media only screen and (max-width: 400px){
	.grilla-doc{
		grid-gap: 80px 40px;
		grid-template-columns: 1fr;
	}
	.grilla-doc .grilla-mod .grilla-imagen a img{
		max-width: 75%;
	}
	.grilla-doc .grilla-mod h2{
		font-size: 20px;
	}
}