/*
Theme Name: EXE Empresarios por la Educación
Theme URI: http://empresariosporlaeducacion.org.pe/
Author: Cocoa Perú
Author URI: https://cocoa.pe/
Description: Plantilla desarrollada para uso de EXE Empresarios por la Educación
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html.
*/

:root{
	--primary: #EF7370;
	--primaryhover:#EF5C58;
	--secondary: #62565B;
	--secondaryhover: #423A3E;
	--success: #7FB564;
	--successhover: #67B53F;
	--info: #81D7EA;
	--infohover: #2FC8EA;
	--warning: #FFDC6C;
	--warninghover: #FFD038;
	--light: #F8F7F3;
	--dark: #222323;
	--darkhover: #423A3E;
	--beige: #ECE9DD;
	--beigehover: #D4D1C7;
	--underline-intrinsic-width: 11;
	--underline-width: 5;
	--underline-color: #EF7370;
	--underline-cap-width: 6px;
	--underline-offset-y: 0px;
	--underline-padding-x: 0;
	--cap-image-left: url(images/under_left.svg);
  	--cap-image-right: url(images/under_right.svg);
}

body, table, td{
	font-size: 16px;
	line-height: 1.4;
	font-family:'gothamBook';
	color: var(--dark);
}

body.open{
	overflow: hidden;
}

a,
a:hover{
	color: inherit;
	text-decoration: none;
}

strong, b{
	font-family: 'gothamBold';
}

.btn{
	font-weight: normal;
}

*:focus,
*:active{
	outline: 0 none !important;
}

select:focus,
select:active,
.form-control:focus,
.form-control:active,
.btn:focus,
.btn:active{
	box-shadow: none !important;
}

h1, .h1{
	font-size: 62px;
}

h2, .h2{
	font-size: 42px;
}

h3, .h3{
	font-size: 34px;
}

h4, .h4{
	font-size: 28px;
}

h5, .h5{
	font-size: 22px;
}

h6, .h6{
	font-size: 18px;
}

small, .small{
	font-size: 80%;
}

main{
	margin-top: 100px;
}

p:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child{
	margin-bottom: 0 !important;
}


p:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child{
	margin-top: 0 !important;
}

/* =Modals
-------------------------------------------------------------- */

.modal-backdrop.show{
	opacity: 0.9;
}

.modal-content{
	border: 0 none;
	border-radius: 12px;
	overflow: hidden;
}

.modal .close{
	position: absolute;
	color: #fff;
	opacity: 1;
	display: block;
	top: 30px;
	right: 30px;
}

.modal .close svg{
	display: block;
	width: 32px;
	height: 32px;
}

/* Guttenberg */

/****ADMIN COLORS PRESETS****/

.has-celeste-background-color{ background-color: #81D7EA; }
.has-celeste-color{ color: #81D7EA; }
.has-rosado-background-color{ background-color: #EF7370; }
.has-rosado-color{ color: #EF7370; }
.has-amarillo-background-color{ background-color: #FFDC6C; }
.has-amarillo-color{ color: #FFDC6C; }
.has-gris-background-color{ background-color: #62565B; }
.has-gris-color{ color: #62565B; }
.has-verde-background-color{ background-color: #7FB564; }
.has-verde-color{ color: #7FB564; }
.has-claro-background-color{ background-color: #ECE9DD; }
.has-claro-color{ color: #ECE9DD; }
.has-oscuro-background-color{ background-color: #222323; }
.has-oscuro-color{ color: #222323; }


/* =WordPress Core
-------------------------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

.wp-block-image img{
	max-width: 100%;
	height: auto;
}

.wp-block-image{
	margin-bottom: 1em;
}

/*------------------------------ Programas Colores -----------------------------*/

.programa-inclusion-de-las-tic .monto,
.programa-inclusion-de-las-tic .section-alcance .cantidad{ color: var(--success);}
.programa-habilidades-socioemocionales .monto,
.programa-habilidades-socioemocionales .section-alcance .cantidad{ color: var(--warning);}
.programa-gestion-y-calidad-educativa .monto,
.programa-gestion-y-calidad-educativa .section-alcance .cantidad{ color: var(--primary);}
.programa-concursos .monto,
.programa-concursos .section-alcance .cantidad{ color: var(--info);}
.programa-otros .monto,
.programa-otros .section-alcance .cantidad{ color: var(--dark);}

.programa-inclusion-de-las-tic .section-alcance .cifras .item{ border-color: var(--success);}
.programa-habilidades-socioemocionales .section-alcance .cifras .item{ border-color: var(--warning);}
.programa-gestion-y-calidad-educativa .section-alcance .cifras .item{ border-color: var(--primary);}
.programa-concursos .section-alcance .cifras .item{ border-color: var(--info);}
.programa-otros .section-alcance .cifras .item{ border-color: var(--dark);}

.programa-inclusion-de-las-tic .section-alcance .cantidad::after,
.programa-inclusion-de-las-tic .content-estrategia .title,
.programa-inclusion-de-las-tic .btn-back,
.programa-inclusion-de-las-tic .single-header .content,
.section-programas-content.programas-inclusion-de-las-tic,
.programas-menu li.programas-inclusion-de-las-tic a{ background-color: var(--success); }

.programa-habilidades-socioemocionales .section-alcance .cantidad::after,
.programa-habilidades-socioemocionales .content-estrategia .title,
.programa-habilidades-socioemocionales .btn-back,
.programa-habilidades-socioemocionales .single-header .content,
.section-programas-content.programas-habilidades-socioemocionales,
.programas-menu li.programas-habilidades-socioemocionales a{ background-color: var(--warning); }

.programa-gestion-y-calidad-educativa .section-alcance .cantidad::after,
.programa-gestion-y-calidad-educativa .content-estrategia .title,
.programa-gestion-y-calidad-educativa .btn-back,
.programa-gestion-y-calidad-educativa .single-header .content,
.section-programas-content.programas-gestion-y-calidad-educativa,
.programas-menu li.programas-gestion-y-calidad-educativa a{ background-color: var(--primary); }

.programa-concursos .section-alcance .cantidad::after,
.programa-concursos .content-estrategia .title,
.programa-concursos .btn-back,
.programa-concursos .single-header .content,
.section-programas-content.programas-concursos,
.programas-menu li.programas-concursos a{ background-color: var(--info); }

.programa-otros .section-alcance .cantidad::after,
.programa-otros .content-estrategia .title,
.programa-otros .btn-back,
.programa-otros .single-header .content,
.section-programas-content.programas-otros,
.programas-menu li.programas-otros a{ background-color: var(--dark); }


.programa-inclusion-de-las-tic .btn-back:hover,
.section-programas-content.programas-inclusion-de-las-tic .item-programa .content span.btn:hover,
.programas-menu li.programas-inclusion-de-las-tic a:hover{ background-color: var(--successhover); }

.programa-habilidades-socioemocionales .btn-back:hover,
.section-programas-content.programas-habilidades-socioemocionales .item-programa .content span.btn:hover,
.programas-menu li.programas-habilidades-socioemocionales a:hover{ background-color: var(--warninghover); }

.programa-gestion-y-calidad-educativa .btn-back:hover,
.section-programas-content.programas-gestion-y-calidad-educativa .item-programa .content span.btn:hover,
.programas-menu li.programas-gestion-y-calidad-educativa a:hover{ background-color: var(--primaryhover); }

.programa-concursos .btn-back:hover,
.section-programas-content.programas-concursos .item-programa .content span.btn:hover,
.programas-menu li.programas-concursos a:hover{ background-color: var(--infohover); }

.programa-otros .btn-back:hover,
.section-programas-content.programas-otros .item-programa .content span.btn:hover,
.programas-menu li.programas-otros a:hover{ background-color: var(--darkhover); }

.section-programas-content.programas-inclusion-de-las-tic .item-programa .content span.btn{ border-color: var(--success); color: var(--success); }
.section-programas-content.programas-habilidades-socioemocionales .item-programa .content span.btn{ border-color: var(--warning); color: var(--warning); }
.section-programas-content.programas-gestion-y-calidad-educativa .item-programa .content span.btn{ border-color: var(--primary); color: var(--primary); }
.section-programas-content.programas-concursos .item-programa .content span.btn{ border-color: var(--info); color: var(--info); }
.section-programas-content.programas-otros .item-programa .content span.btn{ border-color: var(--dark); color: var(--dark); }

/*------------------------------ Bootstrap reset -----------------------------*/

@media (min-width: 1282px) {
	.row {
		margin-right: -20px;
		margin-left: -20px;
	}
	.container,
	.container-fluid,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl,
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
	.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
	.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
	.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
	.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
	.col-xl-auto {
		padding-right: 20px;
		padding-left: 20px;
	}
	
	.no-gutters {
		margin-right: 0;
		margin-left: 0;
	}

	.no-gutters > .col,
	.no-gutters > [class*="col-"] {
		padding-right: 0;
		padding-left: 0;
	}
}

@media (min-width: 1280px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl {
		max-width: 1200px;
	}
}

@media (min-width: 1366px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl {
		max-width: 1300px;
	}
}

@media (min-width: 1680px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl {
		max-width: 1480px;
	}
}

.border-top, .border-bottom, .border-right, .border-left, .border{
	border-color: var(--beige) !important;
	border-width: 2px !important;
}

.font-weight-bold{
	font-family: 'gothamBold';
	font-weight: normal !important;
}
.font-weight-light{
	font-family: 'gothamLight';
	font-weight: normal !important;
}
.font-weight-medium{
	font-family: 'gothamMedium';
	font-weight: normal !important;
}

.btn{
	display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	padding: 0 38px;
	min-height: 46px;
	font-size: 16px;
	line-height: 1.1;
	border-width: 2px;
	font-family: 'gothamMedium';
	min-width: 180px;
}

.btn-group-sm>.btn, .btn-sm{
	min-height: 38px;
	min-width: 120px;
	font-size: 12px;
	padding: 4px 15px;
}

.btn-group-lg>.btn, .btn-lg{
	min-height: 62px;
	min-width: 240px;
	font-size: 18px;
	padding: 0 42px;
}

.btn-outline-white {
  color: #fff;
  border-color: #fff;
}

.btn-outline-white:hover {
  color: #fff;
  background-color: #fff;
  border-color: #fff;
}

.btn-outline-white:focus, .btn-outline-white.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-white.disabled, .btn-outline-white:disabled {
  color:#fff;
  background-color: transparent;
	opacity: 0.4;
}

.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #fff;
  border-color: #fff;
}

.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-white.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-hover-info:hover{
	color: #fff;
	background-color: var(--infohover) !important;
	border-color: var(--infohover) !important;
}

.form-group{
	margin-bottom: 20px;
}

.form-control{
	min-height: 46px;
	font-size: 16px;
	padding: 8px 12px;
	border-radius: 10px;
	border-width: 2px;
	border-color: #B0AAAC;
	background-color: transparent;
}

.form-control:focus{
	border-color: var(--secondary);
	background-color: #fff;
}

.form-control-sm{
	min-height: 32px;
	font-size: 14px;
}

.form-control-lg{
	min-height: 56px;
	font-size: 18px;
}

label, .label{
	font-family: 'gothamMedium';
	color: var(--secondary);
	margin-bottom: 6px;
}

.bg-primary{
	background-color: var(--primary) !important;
}
.bg-secondary{
	background-color: var(--secondary) !important;
}
.bg-info{
	background-color: var(--info) !important;
}
.bg-warning{
	background-color: var(--warning) !important;
}
.bg-success{
	background-color: var(--success) !important;
}
.bg-danger{
	background-color: var(--primary) !important;
}
.bg-dark{
	background-color: var(--dark) !important;
}
.bg-light{
	background-color: var(--light) !important;
}
.bg-beige{
	background-color: var(--beige) !important;
}

.text-primary{
	color: var(--primary) !important;
}
.text-info{
	color: var(--info) !important;
}
.text-warning{
	color: var(--warning) !important;
}
.text-success{
	color: var(--succes) !important;
}

.rounded{
	border-radius: 15px !important;
}
.rounded-lg{
	border-radius: 30px !important;
}
.rounded-sm{
	border-radius: 8px !important;
}

/*------------------------------ Site Header -----------------------------*/

.site-header{
	height: 100px;
	padding-left: 70px;
	padding-right: 70px;
}

.brand img{
	pointer-events: none !important;
}

.redes-sociales,
.main-menu{
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-menu li{
	margin-right: 40px;
}

.main-menu a{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.main-menu li.current-menu-parent a,
.main-menu li.current-menu-item a,
.main-menu li.active a,
.main-menu a:hover{
	color: var(--info);
}

.main-menu a:focus{
	color: var(--infohover) !important;
}

.redes-sociales svg{
	width: 24px;
	height: 24px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

a:hover svg.bi-facebook{
	color: #3b5998;
}
a:hover svg.bi-instagram{
	color: #e1306c;
}
a:hover svg.bi-linkedin{
	color: #0077b5;
}
a:hover svg.bi-twitter{
	color: #1da1f2;
}
a:hover svg.bi-envelope-fill{
	color: var(--dark);
}
a:hover svg.bi-link-45deg{
	color: var(--dark);
}


.btn-trigger{
	position: relative;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	border: 2px solid var(--info);
	background-color: transparent;
	padding: 0;
	margin-left: auto;
}

.btn-trigger span{
	display: block;
	position: absolute;
	width: 28px;
	height: 4px;
	border-radius: 2px;
	background-color: var(--infohover);
	left: calc(50% - 14px);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.btn-trigger span:first-child{
	top: calc(50% - 10px);
}

.btn-trigger span:nth-child(3),
.btn-trigger span:nth-child(2){
	top: calc(50% - 2px);
}

.btn-trigger span:last-child{
	bottom: calc(50% - 10px);
}

.btn-trigger.open span:nth-child(2){
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btn-trigger.open span:nth-child(3){
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.btn-trigger.open span:first-child{
	top: 50%;
	opacity: 0;
}
.btn-trigger.open span:last-child{
	opacity: 0;
	bottom: 50%;
}

/*------------------------------ Carousel Banner -----------------------------*/

.page-header::after,
.page-header::before,
.carousel-banner .carousel-item::after,
.carousel-banner .carousel-item::before{
	content: '';
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	opacity: 0;
}

.page-header::after,
.carousel-banner .carousel-item::after{
	background-image: url("images/home_carousel_grafico_left.svg");
	width: 955px;
	height: 955px;
	animation-name: esqleft;
	animation-duration: 1s;
	animation-delay: 0.3s;
	animation-fill-mode: forwards;
	
}
.page-header::before,
.carousel-banner .carousel-item::before{
	background-image: url("images/home_carousel_grafico_right.svg");
	width: 742px;
	height: 742px;
	animation-name: esqright;
	animation-duration: 1s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
	
}

@keyframes esqleft {
	
	from {
		top: -900px;
		left: -900px;
	}
	to {
		top: -261px;
		left: -268px;
		opacity: 1;
	}
}
@keyframes esqright {
	from {
		bottom: -900px;
		right: -900px;
	}
	to {
		bottom: 0;
		right: -297px;
		opacity: 1;
	}
}

@keyframes esqleft1680 {
	
	from {
		top: -900px;
		left: -900px;
	}
	to {
		top: -200px;
		left: -168px;
		opacity: 1;
	}
}
@keyframes esqright1680 {
	from {
		bottom: -900px;
		right: -900px;
	}
	to {
		bottom: 0;
		right: -257px;
		opacity: 1;
	}
}

@keyframes esqleft1367 {	
	from {
		top: -900px;
		left: -900px;
	}
	to {
		top: -140px;
		left: -168px;
		opacity: 1;
	}
}
@keyframes esqright1367 {
	from {
		bottom: -900px;
		right: -900px;
	}
	to {
		bottom: 0;
		right: -220px;
		opacity: 1;
	}
}
@keyframes esqleft992 {
	from {
		top: -900px;
		left: -900px;
	}
	to {
		top: -100px;
		left: -100px;
		opacity: 1;
	}
}
@keyframes esqright992 {
	from {
		bottom: -900px;
		right: -900px;
	}
	to {
		bottom: -40px;
		right: -100px;
		opacity: 1;
	}
}

.carousel-banner .img-banner{
	width: 100%;
	height: calc(100vh - 190px);
	-o-object-fit: cover;
	object-fit: cover;
	max-height: 760px;
	
}

.carousel-banner .caption{
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	font-size: 18px;
}
.carousel-banner .caption > div{
	max-width: 940px;
}

.carousel-banner .caption h1{
	font-family: 'gothamMedium';
	margin-bottom: 30px;
}
.carousel-banner .caption h2{
	font-family: 'gothamBold';
	margin-bottom: 30px;
}

.carousel-control-prev, .carousel-control-next{
	z-index: 2;
	width: 10%;
}

.carousel-control-prev svg, .carousel-control-next svg{
	width: 38px;
	height: 38px;
}

.carousel-indicators{
	bottom: 25px;
	margin-bottom: 0;
}

.carousel-indicators li{
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 0 none;
	background-color: #fff;
	opacity: 0.2;
}

/*------------------------------ Section -----------------------------*/

.page-content .content h2,
.section-header h2{
	font-family: 'gothamBold';
}

.error404 .content h1 > span,
.page-content .content h2 > span,
.section-header h2{
	display: inline;
  --underline-width-scale: calc(var(--underline-width) / var(--underline-intrinsic-width));
  padding: 0 calc(var(--underline-padding-x) + calc(var(--underline-cap-width) * var(--underline-width-scale)));
	padding-bottom: 3px;
	padding-right: 1px;
  box-decoration-break: clone;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(180deg, var(--underline-color), var(--underline-color)),
    var(--cap-image-left),
    var(--cap-image-right);
  background-position-x:
    calc(var(--underline-cap-width) * var(--underline-width-scale)),
    0,
    100%;
  background-position-y: calc(100% - var(--underline-offset-y) * -1);
  background-size:
    calc(100% - calc(var(--underline-cap-width) * var(--underline-width-scale) * 2)) calc(var(--underline-width) * 1px),
    auto calc(var(--underline-width) * 1px),
    auto calc(var(--underline-width) * 1px);
}

/*------------------------------ Home about -----------------------------*/

.home-aside,
.home-noticias,
.home-logos,
.home-programas,
.home-about{
	padding-top: 90px;
	padding-bottom: 90px;
}

.home-about{
	font-size: 24px
}

.home-about .content p{
	margin-bottom: 30px;
}

/*------------------------------ Home programas -----------------------------*/

.home-programas .item-programa .content{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.item-programa.programa-01 .content{
	background: -moz-linear-gradient(top,  rgba(102,184,62,0) 50%, rgba(102,184,62,0.8) 100%);
	background: -webkit-linear-gradient(top,  rgba(102,184,62,0) 50%,rgba(102,184,62,0.8) 100%);
	background: linear-gradient(to bottom,  rgba(102,184,62,0) 50%,rgba(102,184,62,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066b83e', endColorstr='#cc66b83e',GradientType=0 );
}
.item-programa.programa-01 .content::before{
	background: -moz-linear-gradient(top,  rgba(102,184,62,0.75) 0%, rgba(102,184,62,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(102,184,62,0.75) 0%,rgba(102,184,62,1) 100%);
	background: linear-gradient(to bottom,  rgba(102,184,62,0.75) 0%,rgba(102,184,62,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf66b83e', endColorstr='#66b83e',GradientType=0 );
}
.item-programa.programa-01 span.btn:hover{
	color: var(--success);
}
.item-programa.programa-02 .content{
	background: -moz-linear-gradient(top,  rgba(220,174,25,0) 50%, rgba(220,174,25,0.8) 100%);
	background: -webkit-linear-gradient(top,  rgba(220,174,25,0) 50%,rgba(220,174,25,0.8) 100%);
	background: linear-gradient(to bottom,  rgba(220,174,25,0) 50%,rgba(220,174,25,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dcae19', endColorstr='#dcae19',GradientType=0 );
}
.item-programa.programa-02 .content::before{
	background: -moz-linear-gradient(top,  rgba(220,174,25,0.75) 0%, rgba(220,174,25,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(220,174,25,0.75) 0%,rgba(220,174,25,1) 100%);
	background: linear-gradient(to bottom,  rgba(220,174,25,0.75) 0%,rgba(220,174,25,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfdcae19', endColorstr='#dcae19',GradientType=0 );
}
.item-programa.programa-02 span.btn:hover{
	color: var(--warninghover);
}
.item-programa.programa-03 .content{
	background: -moz-linear-gradient(top,  rgba(239,115,112,0) 50%, rgba(239,115,112,0.8) 100%);
	background: -webkit-linear-gradient(top,  rgba(239,115,112,0) 50%,rgba(239,115,112,0.8) 100%);
	background: linear-gradient(to bottom,  rgba(239,115,112,0) 50%,rgba(239,115,112,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ef7370', endColorstr='#ccef7370',GradientType=0 );
}
.item-programa.programa-03 .content::before{
	background: -moz-linear-gradient(top,  rgba(239,115,112,0.75) 0%, rgba(239,115,112,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(239,115,112,0.75) 0%,rgba(239,115,112,1) 100%);
	background: linear-gradient(to bottom,  rgba(239,115,112,0.75) 0%,rgba(239,115,112,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfef7370', endColorstr='#ef7370',GradientType=0 );
}
.item-programa.programa-03 span.btn:hover{
	color: var(--primary);
}
.home-programas .item-programa .content::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.home-programas .item-programa:hover .content::before{
	opacity: 1;
}

.home-programas .item-programa .content h3{
	margin-bottom: 20px;
}

.home-programas .item-programa .content span.btn{
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin-top: -20px;
}

.home-programas .item-programa .content > div{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 10px;
}

.home-programas .item-programa:hover .content > div{
	bottom: 50%;
	-moz-transform: translateY(50%);
	-webkit-transform: translateY(50%);
	-o-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
}
.home-programas .item-programa:hover .content span.btn{
	margin-top: 0;
	opacity: 1;
}

/*------------------------------ Home logos -----------------------------*/

.home-logos .slick-track{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	align-items: center;
}

.home-logos .item{
	margin-left: 30px;
	margin-right: 30px;
}

.slick-socios-02,
.slick-socios-01{
	margin-bottom: 90px;
}
.slick-arrow{
	position: absolute;
	border: 0 none;
	padding: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 38px;
	height: 38px;
	top: calc(50% - 19px);
	opacity: 0.3;
	font-size: 0;
	text-indent: -999px;
	background-color: transparent;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.slick-prev{
	background-image: url("images/icon_chevron_left.svg");
	left: -60px;
}
.slick-next{
	background-image: url("images/icon_chevron_right.svg");
	right: -60px;
}

.slick-arrow:hover{
	opacity: 0.6;
}

/*------------------------------ Home Noticias -----------------------------*/

.item-noticia{
	border-bottom: 8px solid var(--info);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	min-height: 410px;
}

.item-noticia.item-feat-noticia .content{
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.item-noticia.item-feat-noticia .content > div{
	left: 0;
	width: 100%;
	padding: 60px 40px;
	bottom: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.item-noticia.item-feat-noticia:hover .content{
	background-color: var(--info);
	color: var(--dark) !important;
}
.item-noticia.item-feat-noticia:hover .content > div{
	bottom: 50%;
	-moz-transform: translateY(50%);
	-webkit-transform: translateY(50%);
	-o-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
}

.tags a,
.tags span{
	display: inline-block;
	font-size: 12px;
	padding: 4px 10px;
	background-color: var(--beige);
	color: var(--dark);
	border-radius: 12px;
}

.tags a:not(:last-child),
.tags span:not(:last-child){
	margin-right: 5px;
}

.item-noticia .content .fecha{
	margin-bottom: 15px;
}
.item-noticia .content .tags{
	margin-top: 10px;
}

.item-noticia:not(.item-feat-noticia) .imagen{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	max-height: 300px;
}

.item-noticia:not(.item-feat-noticia) .content{
	padding: 30px 20px;
}
.item-noticia:not(.item-feat-noticia) .content h3{
	line-height: 1.4;
}

.item-noticia:not(.item-feat-noticia):hover{
	background-color: var(--info) !important;
}
.item-noticia:not(.item-feat-noticia):hover .imagen{
	max-height: 0;
}

.item-noticia:not(.item-feat-noticia):hover .content{
	height: 100%;
}

/*------------------------------ Home Aside -----------------------------*/

.home-aside{
	background-image: url("images/imagen_aside_background.svg");
	background-position: top 0 left calc(50% + 520px);
	background-repeat: no-repeat;
	min-height: 760px;
}

.contactenos{
	position: relative;
}

.contactenos .wpcf7 form .wpcf7-response-output{
	margin: 0;
	padding: 8px 12px;
	border-radius: 8px;
	font-size: 12px;
	border-width: 1px;
}

.contactenos .wpcf7-not-valid-tip{
	font-size: 12px;
	color: var(--primary);
	margin-top: 2px;
}

.contactenos .wpcf7 form.invalid .wpcf7-response-output,
.contactenos .wpcf7 form.unaccepted .wpcf7-response-output{
	border-color: var(--warning);
	background-color: #FFF1C5;
}

.wpcf7 form.sent .wpcf7-response-output{
	border-color: var(--success);
	background-color: #DAEAD2;
}

.boletin p{
	font-size: 24px;
}

.boletin .form-control{
	background-color: #fff;
	max-width: 330px;
}

.boletin .mc4wp-response{
	margin-top: 10px;
}

.boletin .mc4wp-response p{
	font-size: 12px;
}

/*------------------------------ Site footer -----------------------------*/

.site-footer{
	padding: 32px 0;
	font-size: 14px;
}

.site-footer p{
	margin-bottom: 0;
}

.site-footer a:hover{
	text-decoration: underline;
}

/*------------------------------ Page: Quiénes somos  -----------------------------*/

.page-header{
	height: calc(100vh - 190px);
}

.page-header .page-title{
	z-index: 3;
	font-size: 24px;
}

.page-title h1{
	font-family: 'gothamMedium';
	font-weight: normal;
}

.page-title p{
	margin-bottom: 30px;
}

.archive-header .imagen,
.page-header .imagen{
	top: 0;
	left: 0;
}

.archive-header .imagen::before,
.page-header .imagen::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.25;	
}

.page-header::before{
	z-index: 2;
}

.section-formamos-parte,
.section-lineas-de-trabajo,
.section-valores,
.page-content{
	padding-top: 90px;
	padding-bottom: 90px;
}

.page-content .content{
	font-size: 24px;
}

.section-mision-vision .icon{
	height: 120px;
}

.section-mision-vision .section-header h2{
	background-image: linear-gradient(180deg, #fff, #fff), url("images/under_left-fff.svg"), url("images/under_right-fff.svg");
}

.section-mision-vision .content{
	font-size: 18px;
	max-width: 452px;
	margin-left: auto;
	margin-right: auto;
}

.mision-content,
.vision-content{
	margin-top: 100px;
	margin-bottom: 100px;
}

.section-mision-vision .bg-primary,
.section-mision-vision .bg-success{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.section-mision-vision .bg-primary:hover{
	background-color: var(--primaryhover) !important;
}
.section-mision-vision .bg-success:hover{
	background-color: var(--successhover) !important;
}

.item-valor{
	max-width: 250px;
	margin-left: auto;
	margin-right: auto;
}

.item-valor .icon{
	width: 208px;
	height: 208px;
	margin-left: auto;
	margin-right: auto;
}

.section-lineas-de-trabajo .item-linea:nth-child(odd) .imagen{
	margin-left: -20px;
	margin-right: 40px;
	border-bottom-right-radius: 280px;
}
.section-lineas-de-trabajo .item-linea:nth-child(even) .imagen{
	margin-right: -20px;
	margin-left: 40px;
	border-top-left-radius: 280px;
}

.item-linea .imagen img{
	-o-object-fit: cover;
  	object-fit: cover;
	height: 560px;
}

.item-linea .content{
	font-size: 18px;
	max-width: 592px;
	padding-top: 60px;
	padding-bottom: 60px;
}

.section-lineas-de-trabajo .item-linea:nth-child(odd) .content{
	padding-right: 60px;
}
.section-lineas-de-trabajo .item-linea:nth-child(even) .content{
	padding-left: 60px;
}

.item-linea .content p{
	margin-bottom: 30px;
}

.section-equipo{
	padding-bottom: 90px;
}

.section-equipo .nav-item{
	width: calc(33.333% - 26.666px);
	margin-bottom: -2px;
}

.nav-tabs{
	border-bottom: 0 none;
}

.nav-tabs .nav-link{
	border-color: var(--light);
	border-width: 2px;
	font-family: 'gothamMedium';
	min-height: 62px;
	border-radius: 31px;
	margin-bottom: 10px;
}

.nav-tabs .nav-link h3{
	font-size: 24px;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{
	border-color: var(--beige);
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
	color: var(--dark);
	font-family: 'gothamBold';
	border-color: var(--beige) var(--beige) transparent;
	border-radius: 0;
	border-top-left-radius: 31px;
	border-top-right-radius: 31px;
	height: 100%;
	border-bottom: 0 none;
}

.section-equipo .tab-content{
	margin-bottom: -40px;
}

.item-equipo{
	margin-bottom: 40px;
}

.item-equipo .imagen{
	border-color: var(--warning) !important;
	border-width: 4px !important;
	max-width: 200px;
}
.item-equipo .content{
	font-size: 20px;
}
.section-formamos-parte .content{
	margin-left: -20px;
	margin-right: -20px;
}

.section-formamos-parte .content .item{
	margin: 0 20px;
}

/*------------------------------ Page: Interconexión -----------------------------*/

.section-estrategia,
.section-conectados,
.section-logos-interconexion{
	padding-top: 90px;
	padding-bottom: 90px;
}

.item-estrategia{
	max-width: 250px;
	font-size: 18px;
}

.section-conectados{
	min-height: 760px;
	background-image: url("images/imagen_interconexion_background.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 110%;
}

.section-conectados .section-header{
	max-width: 360px;
}

.section-cta-interconexion .content,
.section-conectados .content{
	font-size: 22px;
}

.section-cta-interconexion{
	background-image: url("images/imagen_cta_background_left.svg"), url("images/imagen_cta_background_right.svg");
	background-position: top -2px left -5%, bottom -2px right;
	background-repeat: no-repeat;
	background-size: auto 88%, auto 75%;
	padding-top: 120px;
	padding-bottom: 120px;
}

.section-cta-interconexion .content h2{
	font-family: 'gothamBold';
	margin-bottom: 20px;
}

.section-cta-interconexion .content p{
	margin-bottom: 30px;
}

.section-logos-interconexion .content{
	margin-left: -20px;
	margin-right: -20px;
}

.section-logos-interconexion .content .item{
	margin-left: 30px;
	margin-right: 30px;
}

.section-logos-interconexion .slick-track{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	align-items: center;
}

/*------------------------------ Page: Programas -----------------------------*/

nav.programas-menu{
	padding-top: 90px;
}

.programas-menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.programas-menu ul li{
	width: calc(20% - 32px);
}

.programas-menu ul li.current-menu-item a,
.programas-menu ul li.active a{
	height: 100%;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	pointer-events: none;
}

.programas-menu a{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	align-items: center;
	justify-content: center;
	min-height: 62px;
	padding: 8px 30px;
	border-radius: 31px;
	font-family: 'gothamMedium';
	color: #fff;
	font-size: 20px;
	line-height: 1.1;
	margin-bottom: 15px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.section-programas-content{
	padding: 60px 0;
}

.section-programas-content .item-programa{
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	-webkit-box-shadow: 0 10px 22px 0 rgba(0,0,0,0);
	box-shadow: 0 10px 22px 0 rgba(0,0,0,0);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.section-programas-content .item-programa:hover{
	-webkit-box-shadow: 0 10px 22px 0 rgba(0,0,0,0.25);
	box-shadow: 0 10px 22px 0 rgba(0,0,0,0.25);
	-moz-transform: translateY(-4px);
	-webkit-transform: translateY(-4px);
	-o-transform: translateY(-4px);
	-ms-transform: translateY(-4px);
	transform: translateY(-4px);
}

.section-programas-content .item-programa .imagen{
	width: 300px;
	height: 300px;
}

.section-programas-content .item-programa .imagen img{
	max-width: 205px;
	max-height: 150px;
	width: auto;
}

.section-programas-content .item-programa .content{
	width: calc(100% - 300px - 3rem);
	max-width: 480px;
}

.section-programas-content .item-programa .content span.btn:hover{
	color: #fff;
}

.section-programas-content.programas-otros .item-programa .content{
	font-size: 14px;
}

/*------------------------------ Page: Repositorio -----------------------------*/

.section-categorias,
.section-buscador{
	padding-top: 90px;
	padding-bottom: 90px;
}

section.archive-list{
	padding-bottom: 90px;
}

.searchform{
	height: 56px;
	color: var(--secondary);
}

.searchform .form-control{
	opacity: 0.5;
	padding-left: 60px;
	border-color: var(--secondary) !important;
	font-size: 16px;
}

.searchform .form-control:focus{
	opacity: 1;
	border-color: var(--secondary) !important;
}

.searchform button[type=submit]{
	background-color: transparent;
	padding: 0;
	width: 62px;
	border: 0 none;
	height: 52px;
	pointer-events: none;
}

.searchform button[type=submit] svg{
	width: 22px;
	height: 22px;
	color: var(--secondary);
	opacity: 0.5;
}

.searchform .form-control:focus ~ button[type=submit] svg{
	opacity: 1 !important;
}

.section-categorias .item-categoria .icon{
	max-width: 240px;
}

.archive-list .item-repositorio{
	margin-bottom: 30px;
	border-bottom: 8px solid transparent;
	-webkit-box-shadow: 0 10px 22px 0 rgba(0,0,0,0);
	box-shadow: 0 10px 22px 0 rgba(0,0,0,0);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.archive-list .item-repositorio:hover{
	-webkit-box-shadow: 0 10px 22px 0 rgba(0,0,0,0.15);
	box-shadow: 0 10px 22px 0 rgba(0,0,0,0.15);
	-moz-transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
}

.item-repositorio.article-publicacion{border-color: var(--info); }
.item-repositorio.article-video{border-color: var(--warning); }
.item-repositorio.article-boletin{border-color: var(--primary); }
.item-repositorio.article-baul{border-color: var(--success); }

.item-repositorio .imagen{
	overflow: hidden;
}

.item-repositorio .imagen a{
	display: block;
}

.item-repositorio .imagen img{
	object-fit: cover;
	height: 285px;
	width: 205px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.item-repositorio:hover .imagen img{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.item-repositorio .content{
	width: calc(100% - 205px);
	padding: 30px;
}

.item-repositorio .content h3{
	font-size: 20px;
}

.item-repositorio .categoria{
	margin-bottom: 10px;
}

.item-repositorio .categoria a{
	display: inline-block;
	background-color: var(--beige);
	padding: 3px 15px;
	font-size: 12px;
	border-radius: 11px;
}

.item-repositorio .categoria a:hover{
	background-color: var(--beigehover);
}

.item-repositorio .content .btn{
	padding-left: 20px;
	padding-right: 29px;
	min-width: 160px;
	font-size: 14px;
}

.item-repositorio .content .btn svg{
	width: 16px;
	height: 16px;
	margin-right: 4px;
}

.publicacion-pdf iframe{
	height: calc(100vh - 250px);
}

/*------------------------------ Categoria -----------------------------*/

.archive-categoria section.archive-list{
	padding-top: 90px;
}

.archive-header{
	padding-top: 90px;
	padding-bottom: 90px;
}

.archive-title h1{
	line-height: 1;
}

.archive-title .dash{
	height: 60px;
	min-width: 4px;
	margin-left: 40px;
	margin-right: 40px;
	border-radius: 2px;
	background-color: var(--dark);
}
/*
.categoria-publicaciones .archive-header{ background-color: var(--info); }
.categoria-boletines .archive-header{ background-color: var(--primary); }
.categoria-videos .archive-header{ background-color: var(--warning); }
.categoria-baul .archive-header{ background-color: var(--success); }
*/

.btn-back{
	top: 30px;
	left: 90px;
	min-width: 140px;
}

.btn-back svg{
	margin-left: -4px;
}

.pagination .page-numbers{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid var(--secondary);
	width: 46px;
	height: 46px;
	border-radius: 50%;
	font-size: 16px;
	font-family: 'gothamMedium';
	color: var(--secondary);
	margin: 0 4px;
	opacity: 0.35;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.page-numbers:hover{
	border-color: var(--secondaryhover);
	opacity: 1;
}

.page-numbers.dots{
	border-color: transparent;
}

.page-numbers.current{
	opacity: 1;
}

.page-numbers.next,
.page-numbers.prev{
	opacity: 1;
	font-size: 0;
	text-indent: -999px;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
}
.page-numbers.next svg,
.page-numbers.prev svg{
	width: 18px;
	height: 18px;
}

.page-numbers.next{
	background-image: url("images/chevron-right.svg");
}
.page-numbers.prev{
	background-image: url("images/chevron-left.svg");
}

/*------------------------------ Single: Programa -----------------------------*/

.programa .single-header::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 50%);
	background: -o-linear-gradient(left, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 50%);
	background: linear-gradient(to right, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c000000', endColorstr='#00000000',GradientType=1 );
	height: 100%;
	width: 50%;
}

.single-header .imagen{
	min-height: 640px;
}

.single-header .logo{
	left: 50%;
	top: 50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 286px;
	height: 286px;
	overflow: hidden;
}

.single-header .logo img{
	-moz-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.section-logros{
	min-height: 640px;
	padding-top: 60px;
	padding-bottom: 60px;
}

.section-logros::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	background-image: url("images/imagen_logros_background.svg");
	background-position: top left calc(50% - 670px);
	background-repeat: no-repeat;
}

.section-logros .title{
	margin-top: -100px;
}

.logros-slick{
	padding-left: 40px;
	padding-right: 40px;
}

.section-logros .slick-arrow{
	background-color: #fff;
	width: 50px;
	height: 50px;
	background-size: 30% auto;
	border-radius: 50%;
}

.section-logros .slick-next{
	right: -20px;
}
.section-logros .slick-prev{
	left: -20px;
}

.slick-dots{
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	bottom: -50px;
	left: 0;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.slick-dots li:only-child{
	display: none !important;
}

.slick-dots li{
	margin: 0 3px;
}

.slick-dots li.slick-active button{
	background-color: #fff;
}

.slick-dots button{
	border: 1px solid #fff;
	padding: 0;
	background-color: transparent;
	border-radius: 50%;
	width: 14px;
	height: 14px;
	font-size: 0;
	text-indent: -999px;
	overflow: hidden;
	display: block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.logros-slick .item{
	margin-left: 20px;
	margin-right: 20px;
	font-size: 18px;
}

.logros-slick .item h3{
	position: relative;
	font-size: 80px;
	line-height: 1;
	font-family: 'gothamBold';
	display: inline-block;
	margin-bottom: 20px;
}

.logros-slick .item h3::after{
	content: '';
	display: block;
	width: 100%;
	height: 5px;
	border-radius: 2.5px;
	background-color: #fff;	
}

.section-estrategia .content-estrategia{
	height: 680px;
}

.content-estrategia .title{
	top: 50%;
	left: 50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 330px;
	height: 330px;
}

.content-estrategia .title h2{
	font-size: 32px;
	line-height: 1.1;
}

.content-estrategia .items{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.content-estrategia .items .item{
	max-width: 465px;
	width: 100%;
}

.content-estrategia .items .item::before{
	content: url("images/arrow_dark.svg");
	display: block;
	position: absolute;
	line-height: 1;
}

.content-estrategia .items .item .icon{
	width: 180px;
}
.content-estrategia .items .item .content{
	width: calc(100% - 180px);
	font-size: 22px;
	line-height: 1.3;
	font-family: 'gothamMedium';
}

.content-estrategia .items .item:nth-child(1)::before{
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
	bottom: -15px;
	right: -15px;
}
.content-estrategia .items .item:nth-child(2)::before{
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	bottom: -15px;
	left: -15px;
}
.content-estrategia .items .item:nth-child(3)::before{
	-moz-transform: rotate(-230deg);
	-webkit-transform: rotate(-230deg);
	-o-transform: rotate(-230deg);
	-ms-transform: rotate(-230deg);
	transform: rotate(-230deg);
	top: -15px;
	right: -15px;
}

.content-estrategia .items .item:nth-child(4)::before{
	-moz-transform: rotate(-315deg);
	-webkit-transform: rotate(-315deg);
	-o-transform: rotate(-315deg);
	-ms-transform: rotate(-315deg);
	transform: rotate(-315deg);
	top: -15px;
	left: -15px;
}

.content-estrategia .items .item:nth-child(5)::before{
	-moz-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
	top: calc(50% - 14.5px);
	right: -40px;
}
.content-estrategia .items .item:nth-child(6)::before{
	top: calc(50% - 10px);
	left: -40px;
}

.content-estrategia .items .item:nth-child(odd){ right: 50%; }
.content-estrategia .items .item:nth-child(even){ left: 50%; }

.content-estrategia .items .item:nth-child(1),
.content-estrategia .items .item:nth-child(2){ top: 0; }

.content-estrategia .items .item:nth-child(3),
.content-estrategia .items .item:nth-child(4){ bottom: 0; }

.content-estrategia .items .item:nth-child(5),
.content-estrategia .items .item:nth-child(6){
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.content-estrategia .items .item:nth-child(1),
.content-estrategia .items .item:nth-child(3){
	-moz-transform: translateX(-145px);
	-webkit-transform: translateX(-145px);
	-o-transform: translateX(-145px);
	-ms-transform: translateX(-145px);
	transform: translateX(-145px);
}

.content-estrategia .items .item:nth-child(2),
.content-estrategia .items .item:nth-child(4){
	-moz-transform: translateX(145px);
	-webkit-transform: translateX(145px);
	-o-transform: translateX(145px);
	-ms-transform: translateX(145px);
	transform: translateX(145px);
}

.content-estrategia .items .item:nth-child(5){
	margin-right: 230px;
}
.content-estrategia .items .item:nth-child(6){
	margin-left: 230px;
}

.content-estrategia .items .item:nth-child(odd) .icon{
	order: 2;
}

.content-estrategia .items .item:nth-child(odd) .content{
	padding-right: 20px;
	text-align: right;
	order: 1;
}

.content-estrategia .items .item:nth-child(even) .content{
	padding-left: 20px;
}

.section-alcance{
	padding-top: 90px;
	padding-bottom: 90px;
}

.section-alcance .regiones{
	font-size: 18px;
}

.section-alcance .cantidad{
	position: relative;
}

.section-alcance .cantidad::after{
	content: '';
	display: block;
	width: 100%;
	height: 5px;
	margin-top: 5px;
	background-color: inherit;
	border-radius: 2.5px;
}

.section-alcance .cantidad .nro{
	font-size: 100px;
	line-height: 0.85;
	margin-right: 15px;
}
.section-alcance .cantidad .tag{
	font-size: 32px;
	line-height: 1.1;
}

.section-alcance .cifras .item{
	width: 220px;
	height: 220px;
	border: 3px solid transparent;
}

.section-alcance .cifras .item .content p{
	margin-bottom: 0;
	font-size: 18px;
	line-height: 1.1;
}

.section-alcance .cifras .item .content p strong{
	font-size: 26px;
	font-family: 'gothamBold';
}

.section-share{
	padding-top: 60px;
	padding-bottom: 90px;
}

.section-share ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.section-share ul li{
	margin-left: 7px;
	margin-right: 7px;
}

.section-share .content a{
	width: 62px;
	height: 62px;
	color: var(--secondary);
	border-color: var(--secondary) !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.section-share .content a svg{
	width: 24px;
	height: 24px;
}

.section-share .content a:hover{
	background-color: var(--beige) !important;
	border-color: var(--beige) !important;
}

.item-ganador .content p{
	margin-bottom: 0;
	font-size: 15px;
}
.item-ganador .content p strong{
	color: var(--infohover);
}

/*------------------------------ Noticias -----------------------------*/

.noticias-nav ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.noticias-nav ul li{
	margin: 10px 10px 0 10px;
}

.noticias-nav ul li.current-menu-item a,
.noticias-nav ul li.active a{
	background-color: var(--dark);
	color: #fff;
}

.noticias-nav a{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: block;
	border: 1px solid var(--dark);
	padding: 10px 15px;
	font-size: 14px;
	line-height: 1.2;
	border-radius: 19px;
}

.noticias-nav a:hover{
	background-color: var(--dark);
	color: #fff;
}

.single-noticia .single-header .content{
	padding: 60px 70px 60px 90px;
}

.single-noticia .single-header .content h1{
	font-size: 52px;
	line-height: 1.1;
}

.single-noticia .single-header .content .tags a,
.single-noticia .single-header .content .tags span{
	background-color: var(--secondary);
	color: #fff;
}

/*------------------------------ Content -----------------------------*/

.page-content .content p{
	margin-bottom: 40px;
}
.page-content .content h1,
.page-content .content h2,
.page-content .content h3,
.page-content .content h4{
	margin-bottom: 40px;
	margin-top: 60px;
}

article.noticias .page-content .content,
article.programa .page-content .content{
	font-size: 20px;
}


/*------------------------------ 404 -----------------------------*/

.error404 .content h1{
	font-size: 160px;
	line-height: 1;
}