/* 
Theme Name: CNEE
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Codecrafters
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


:root {
	--blue-dark: #212f4b;
	--blue: #213250;
	--blue-2: #005386;
	--blue-3: #2c5584;
	--light-blue: #a4c5d9;
	--gold: #c1953f;
	--light-gold: #f1e7cc;
	--green: #10362e;
	--light-green: #c7e1d0;
	--light-gray: #c6d5df;
	--gray: #666869;
	--bg-gradient: linear-gradient(90deg, #005386 0%, #102E4F 100%);
	--transition: 0.3s all ease-in-out;
}



#content {
	table {
		border: 0;
		
		thead {
			th {
				font-size: 14px;
				font-weight: 700;
				padding: 5px 15px;
				border: 0;
			}
		}
		
		td {
			font-size: 14px;
			padding: 25px 15px;
			border-left: 0;
			border-right: 0;
			background: transparent;
			line-height: 1.1;
		}
	}
	.table-dark {
		color: white;
		
		th {
			background: var(--light-gray);
			color: var(--blue-dark);
		}
		
		td {
			border-color: white;
		}
	}
	
	.text-justify {
		text-align: justify;
	}
	
	[type=button], [type=submit], button:not(.elementor-add-section-area-button) {
		border: 1px solid var(--blue);
		color: var(--blue);
		line-height: 1.2;
		padding: 5px 15px;
	}
	[type=button]:hover, [type=submit]:hover, button:not(.elementor-add-section-area-button):hover {
		background-color: var(--blue);
		color: white;
	}
}


/* Global elements */
.elementor-button {
	border-radius: 4rem;
	font-size: 14px;
	font-weight: 400!important;
	padding: 6px 20px;
}
#content {
	.filter-select {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		margin-bottom: 30px;
		justify-content: end;
		column-gap: 10px;
		
		.select-filter {
			width: auto;
			border-radius: 4rem;
			font-size: 14px;
			appearance: none;
			-webkit-appearance: none;
			background: url(img/arrow-select.svg) no-repeat right 10px center;
			background-size: 12px;
			border-color: var(--blue-dark);
			color: var(--blue-dark);
			padding: 5px 28px 5px 15px;
			line-height: 1;
			height: auto;
			font-weight: 400;
			cursor: pointer;
		}
	}
	.filter-select.filter-dark {
		color: white;
		
		.select-filter {
			color: white;
			border-color: white;
			background: url(img/arrow-select-white.svg) no-repeat right 10px center;
			background-size: 12px;
		}
	}
	.btn-download {
		border: 1px solid var(--blue-dark);
		border-radius: 4rem;
		padding: 5px 15px 5px 30px;
		line-height: 1;
		font-size: 14px;
		color: var(--blue-dark);
		display: inline-flex;
		background: url(img/icon_download.svg) no-repeat left 12px center;
		background-size: 11px;
	}
	.btn-download.btn-white {
		color: white;
		border-color: white;
		background: url(img/icon_download_white.svg) no-repeat left 12px center;
		background-size: 11px;
	}
	.btn-download:hover {
		border-color: var(--light-gray);
		color: var(--blue-dark);
		background: url(img/icon_download.svg) var(--light-gray) no-repeat left 12px center;
		background-size: 11px;
	}
	.view-btn-wrap {
		display: flex;
		justify-content: center;
	}
	.view-more-items {
		font-size: 0px;
		border: 1px solid var(--blue-dark);
		width: 23px;
		height: 23px;
		padding: 0;
		border-radius: 50%;
		margin: 0 auto;
		background: url(img/arrow-cnee-down.svg) no-repeat center;
		background-size: 11px;
	}
	.view-more-items.btn-white {
		border-color: white;
		background: url(img/arrow-white-down.svg) no-repeat center;
		background-size: 11px;		
	}
	.big-title {
		.elementor-heading-title {
			font-size: 60px;
			
			span {
				font-size: 157%;
			}
		}
	}
	.featured-title {
		.elementor-heading-title {

			strong {
				color: var(--gold);
			}
		}
	}
}


/* Header */
#header {
	.e-con-inner {
		padding-inline-end: 30px;
		padding-inline-start: 30px;
	}
	li.e-n-menu-item {
		.e-n-menu-title-text {
			
			display: block;
			text-align: center;
			line-height: 1.1;
		}
		.e-n-menu-title {
			white-space: normal;
		}
	}
	
}

/* Footer */
#footer-main:before {
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	background: url(img/borde-gold.svg) no-repeat;
	background-size: 101%;
}
.contact-footer a {
	border: 1px solid white;
	border-radius: 4rem;
	padding: 5px 10px;
	line-height: 1;
	display: inline-flex;
	margin-top: 2px;
}


/* Time line */
#content {
	.timeline-bar {
		background: linear-gradient(to right,  rgba(33,50,80,1) 0%,rgba(33,50,80,1) 33%,rgba(193,149,63,1) 33%,rgba(193,149,63,1) 66%,rgba(16,54,46,1) 66%,rgba(16,54,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		border-radius: 14px;
		height: 39px;
		
		> .e-child {
			margin-top: -20px;
		}
	}
	.timeline_container {
		display: none;
	}
}
#content .btn-timeLine .elementor-button .elementor-button-icon {
	font-size: 55%;
}
#content .btn-timeLine .elementor-button.active {
	font-size: 30px;
	font-weight: 700!important;
	
	.elementor-button-icon {
		
	}
}

/* Ajustes trimestrales */
#content {
	.row-ajustes {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -10px;
		
		.item-ajuste {
			width: 25%;
			padding: 0 10px;
			text-align: center;
			
			img {
				transition: var(--transition);
				transform: scale(1);
			}
		}
		.item-ajuste:hover {
			img {
				transform: scale(1.1);
			}
		}
		span.document-name {
			margin-top: 15px;
			display: block;
		}
		.document-tag {
			font-weight: 700;
			margin: 0px 0 10px;
		}
	}
}

/* Cards about */
#content {
	.card-about {
		.elementor-widget-heading {
			transition: var(--transition);
			transform: translate(0%, 150%);
		}
		.elementor-widget-text-editor {
			transition: var(--transition);
			transform: translate(0%, 150%);
		}
	}
	.card-about:hover {
		.elementor-widget-heading {
			transform: translate(0%, 0%);
		}
		.elementor-widget-text-editor {
			transform: translate(0%, 0%);
		}
	}
}

/* Tabs icons */
#only_icons {
	.e-n-tab-title:first-child() {
		background-color: var(--blue);
	}
	.e-n-tab-title:nth-child(2) {
		background-color: var(--blue-3);
	}
	.e-n-tab-title:nth-child(3) {
		background-color: var(--gold);
	}
	.e-n-tab-title:nth-child(4) {
		background-color: var(--green);
	}
	.e-n-tab-title:nth-child(5) {
		background-color: var(--gray);
	}
	.e-n-tab-title:nth-child(6) {
		background-color: var(--blue);
	}
	button.e-n-tab-title {
		height: 54px;
		border: 0;
	}
	> .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading .e-n-tab-title[aria-selected=true] {
		background-image: var(--bg-gradient);
	}
}

#content {
	/* Directorio CNEE */
	.directorio-wrap {
		display: flex;
		align-items: center;
	}
	.directorio-puestos-list {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		max-width: 160px;
		row-gap: 23px;
		border-right: 1px solid var(--light-blue);
		position: relative;
		
		.directorio-puesto-btn {
			border-radius: 10px;
			background-color: var(--light-blue);
			padding: 5px 5px;
			border-color: var(--light-blue);
			max-width: 92px;
			min-width: 92px;
			color: var(--blue);
			display: block;
			white-space: normal;
			line-height: 1;
			cursor: pointer;
		}
		.directorio-puesto-btn:before {
			content: '';
			width: 9px;
			height: 9px;
			border-radius: 50%;
			background: var(--light-blue);
			position: absolute;
			right: -5px;
			transform: translate(0%, 50%);
			opacity: 0;
			visibility: hidden;
		}
		.directorio-puesto-btn.active:before {
			opacity: 1;
			visibility: visible;
		}
		.directorio-puesto-btn.active, .directorio-puesto-btn:hover {
			background-image: var(--bg-gradient);
			color: white;
			border-color: var(--blue-dark);
		}
	}
	.directorio-puestos-contenido {
		width: calc(100% - 160px);
		padding-left: 75px;
		min-height: 300px;
		
		.directorio-grupo {
			display: flex;
			width: auto;
			margin: 0 -20px;
			flex-wrap: wrap;
			
			.directorio-item {
				width: 25%;
				color: white;
				text-align: center;
				padding: 0 20px;
				cursor: pointer;
				
				img {
					width: 100%;
					border-radius: 15px;
				}
				h3 {
					font-size: 18px;
					font-weight: 700;
					margin-bottom: 0;
				}
			}
		}
		
		.directorio-grupo[data-puesto="61"] {
			.directorio-item {
				width: 33.33%;
			}
		}
		
	}
	
	/* FAQS */
	.e-n-accordion-item {
		border-radius: 15px;
		min-height: 80px;
		margin-bottom: 42px;
		background: var(--light-green);
		justify-content: center;
		
		> .e-child {
			border: 0!important;
		}
		
		.e-n-accordion-item-title {
			border: 0 !important;
			background: transparent!important;
		}
		.elementor-widget-text-editor {
			padding: 0 50px 0 33px;
			color: white;
		}
	}
	.e-n-accordion-item[open] {
		background: var(--green);
	}
	
	.faqs-two-colums {
		.e-n-accordion {
			display: flex;
			flex-wrap: wrap;
			column-gap: 60px;
			align-items: self-start;
			
			.e-n-accordion-item {
				width: calc(50% - 30px);
			}
		}
	}
	
}

/* Resoluciones */
.name-resolucion {
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: 400;
}
#tabla_resoluciones td:nth-child(3) {
	width: 50%;
}


#content {
	.compendio-item {
		display: flex!important;
		justify-content: center;
		
		a {
			width: auto;
			display: inline-flex;
		}
	}
	
	
	.card-mercado {
		.cls-100mnbvcxz, .cls-1111poiuy, .cls-1222fjgh {
			stroke: var(--light-green);
		}
		.cls-1333alsk, .cls-144lkjh {
			fill: var(--light-green);
		}
	}
	.card-mercado:hover {
		.cls-100mnbvcxz, .cls-1111poiuy, .cls-1222fjgh, .cls-1333alsk {
			stroke: white;
		}
		.cls-1333alsk, .cls-144lkjh {
			fill: white;
		}
	}
	
	.list-two-colums .elementor-icon-list-items {
		display: flex;
		flex-wrap: wrap;
		column-gap: 50px;
		
		.elementor-icon-list-item {
			width: calc(50% - 25px);
		}
	}
	
	
}


/* Liderazgo */
#content {
	
	#liderazgo_cnee {
		margin-top: 30px;
	}
	.liderazgo-grupo {
		display: flex;
		justify-content: center;
		margin-bottom: -70px;
		column-gap: 16px;
		
		.liderazgo-item {
			cursor: pointer;
		}
	}
	.liderazgo-puestos-botones {
		display: flex;
		justify-content: center;
		column-gap: 30px;
		
		.liderazgo-puesto-btn {
			border: 1px solid var(--blue);
			background: transparent;
			color: var(--blue);
			border-radius: 4rem;
			font-size: 12px;
			max-width: 92px;
			min-width: 92px;
			padding: 5px 10px;
			white-space: normal;
			line-height: 1;
		}
		.liderazgo-puesto-btn.active {
			background: var(--blue);
			color: white;
		}
	}
	.liderazgo-biografias {
		padding-left: 250px;
		position: absolute;
		left: 0;
		right: 0;
		transform: translate(0%, 0%);
		top: 15px;
	}
	.bio-inner {
		position: relative;
		
		> img {
			position: absolute;
			left: 0;
			transform: translate(-80%, 5%);
			bottom: 0;
			width: 100%;
			max-width: 300px;
		}
	}
	.bio-inner-content {
		background: #c8c6c2;
		border: 1px solid white;
		border-radius: 50px;
		padding: 40px 50px 40px 100px;
		
		> h4 {
			color: var(--gold);
		}
		
		.liderazgo-biografia-contenido {
			text-align: justify;
			max-height: 300px;
			overflow-y: auto;
			margin-bottom: 15px;
			padding-right: 15px;
		}
	
		
	}
	/* Scrollbar base */
	.liderazgo-biografia-contenido::-webkit-scrollbar {
		width: 4px!important;
	}
	
	/* Fondo del scrollbar (track) */
	.liderazgo-biografia-contenido::-webkit-scrollbar-track {
	background: transparent;
	}
	
	/* Barra del scrollbar (thumb) */
	.liderazgo-biografia-contenido::-webkit-scrollbar-thumb {
	background-color: #213250;
	border-radius: 20px;
	}
	
	/* Opcional: bordes para mejorar apariencia */
	.liderazgo-biografia-contenido::-webkit-scrollbar-thumb:hover {
	background-color: #2e4059;
	}
}

/* Slick */
#content {
	.slick-arrow {
		font-size: 0px;
		width: 24px;
		height: 24px;
		position: absolute;
		top: 50%;
		padding: 0;
		border: 0;
		transform: translate(-50%, -50%);
	}
	.slick-prev {
		left: 0;
		background: url(img/arrow-carrusel-left.svg) no-repeat center;
		background-size: 100%;
	}
	.slick-next {
		right: 0;
		background: url(img/arrow-carrusel-right.svg) no-repeat center;
		background-size: 100%;
	}
	.slick-disabled {
		opacity: 0.5
	}
}