/* 
Theme Name: Evaluación de la Ley
Theme URI: evaluaciondelaley.cl
Description: Queremos contribuir de forma activa y participativa en el desarrollo y mejora de los procesos que involucren la evaluación ex post de las normas en el ciclo regulatorio.
Version: 2.0
Author: Tripulante
Author URI: http://www.tripulante.cl
*/

:root {
	--color01: #fff ;
	--color02: #17436E;
	--color03: #2D5C8B;
	--color04: #76B0EA;
	--color05: #E8E8E8;
	--color06: #f1f1f1;

	--font-lora: "Lora", serif;
	--font-lato: "Lato", sans-serif;

	--font-light: 300;
	--font-normal: 400;
	--font-bold: 800;

	--separador-inferior: 30px;
	--separador-y: 60px;

	--sombra: 0 2px 5px 0 rgba(0,0,0,.1);
	--borde-general: 30px 30px 30px 30px;
	--borde-inferior: 0 0 30px 30px;
	--borde-superior: 30px 30px 0 0;
	--transition: all ease-in-out 250ms;
} 

.activado {
	display: block !important;
}

.desactivado {
	display: none !important;
}

.activar-fila {
	display: table-row !important;
	min-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400 !important;
}

h1 {
	font-size: 36px;
	font-weight: var(--font-light) !important;
}

h2 {
	font-size: 31px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 21px;
}

h5 {
	font-size:18px;
}

h6 {
	font-size: 14px;
}

p {
	font-size: 16px !important;
}

a {
	text-decoration: none !important;
}

.font-lora {
	font-family: var(--font-lora);
}

.font-lato {
	font-family: var(--font-lato);
}

.font-light {
	font-weight: 300;
}

.font-normal {
	font-weight: 400;
}

.font-bold {
	font-weight: 800;
}

.color-01 {
	color: var(--color01);
}

.color-02 {
	color: var(--color02);
}

.color-03 {
	color: var(--color03);
}

.color-04 {
	color: var(--color04);
}

.color-05 {
	color: var(--color05);
}

.color-02 a {
	color: var(--color02) !important;
}

.texto-indentico {
	white-space: pre-line;
}

.navbar-ev {
	background: var(--color01) !important;
	min-height: 60px;
	box-shadow: var(--sombra);
	border-radius: var(--borde-inferior);
}

.navbar-ev a.nav-link {
	color: var(--color02) !important;
	margin-right: 10px;
	padding-left: 10px !important;
	padding-right: 10px !important;
	border-radius: var(--borde-general);
	font-size: 14px !important;
}

.navbar-ev a.nav-link:hover,
.navbar-ev .nav-link.active {
	background: var(--color02) !important;
	color: var(--color01) !important;	
}

.separador-titulo {
	width: 120px;
	border-bottom: solid 3px var(--color04);
	margin-bottom: 10px;
}

.separador-inferior {
	margin-bottom: var(--separador-inferior);
}

.separador-y {
	margin: var(--separador-y) 0;
}

.bg-color-especial {
	background: var(--color06);
	margin: 20px auto;
	padding: 30px;
	border-radius: var(--borde-general);
}

.bg-color-05 {
	background: var(--color05);
	margin: 80px auto;
	padding: 80px 0;
	border-radius: var(--borde-general);
}

.borde-general {
	border-radius: var(--borde-general);
}

img.borde-general {
	border-radius: var(--borde-general);
}

img.logo {
	max-width: 350px;
	height: auto;
}

.icono-descarga {
	font-size: 28px;
}

/* Index +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.slider-index {
	text-align: start;
	position: relative;
}
.slider-index p,
.slider-index .col-md-6 {
	text-align: start !important;
}

.slider-index-bg {
	position: absolute;
	width: 100%;
	height: 70vh;
	top: 0;
	left: 0;
	background: #002850;
	background: linear-gradient(0deg, rgba(0, 40, 80, 1) 0%, rgba(0, 40, 80, 0.9) 41%, rgba(0, 0, 0, 0) 99%);
	box-shadow: var(--sombra);	
}

.slider-index-contenido {
	margin-bottom: 50px;
}

.carousel-inner {
	border-radius: var(--borde-inferior);
	height: 70vh;
}

.carousel-inner img {
	max-height: 70vh;
	height: 70vh;
	width: 100%;
	object-fit: cover;
}

.carousel-indicators .active {
	background-color: var(--color04) !important;
}

.btn-ev-borde-light {
	border: solid 1px var(--color01);
	color: var(--color01);
	border-radius: var(--borde-general);
	padding: 10px 20px;
}

.btn-ev-borde-light:hover {
	border-color: var(--color04);
	color: var(--color04);
}

.leyes-evaluadas-contenedor {
	position: relative;
	width: 100%;
	height: 350px;
	margin-bottom: 20px;
}

.leyes-evaluadas-contenedor-img {
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 350px;
}

.leyes-evaluadas-contenedor-img img {
	max-width: 100%;
	min-width: 100%;
	height: 350px;
	object-fit: cover;
	border-radius: var(--borde-general);
}

.leyes-evaluadas-contenedor-bg {
	position: absolute;
	width: 100%;
	height: 350px;
	top: 0;
	left: 0;
	background: #002850;
	background: linear-gradient(0deg, rgba(0, 40, 80, 1) 0%, rgba(0, 40, 80, 0.9) 41%, rgba(0, 0, 0, 0) 99%);
	border-radius: var(--borde-general);
}

.leyes-evaluadas-contenedor-contenido {
	position: absolute;
	bottom: 10px;
	left: 5%;
	width: 90%;
	height: auto;
}

.leyes-evaluadas-contenedor-contenido h5 {
	color: var(--color01) !important;
}

.leyes-evaluadas-contenedor-contenido a {
	color: var(--color01) !important;
	font-size: 50px;
	transition: var(--transition);
}

.leyes-evaluadas-contenedor-contenido a:hover {
	color: var(--color04) !important;
	font-size: 50px;
}

.leyes-evaluadas-contenedor-contenido a:hover{
	color: var(--color04) !important;
}

.leyes-evaluadas-marco .documento::before {
	content: "\F10D";
	font-family: "bootstrap-icons";
	margin-right: 10px;
	width: 36px;
	height: 36px;
}

.leyes-evaluadas-marco .video::before {
	content: "\F4F1";
	font-family: "bootstrap-icons";
	margin-right: 10px;
	width: 36px;
	height: 36px;

}


/* +++++++++ NOTICIAS +++++++++++++++++++ */


.noticias-modulo {
	background: var(--color01);
	border-radius: var(--borde-general);
	box-shadow: var(--sombra);
	margin-bottom: 20px;
}

.noticias-modulo-img img {
	border-radius: var(--borde-superior);
	min-width: 100%;
	max-width: 100%;
	height: 300px;
	object-fit: cover;
}
.noticias-modulo-fecha {
	border-radius: var(--borde-inferior);
	background: var(--color05);
	padding: 10px 20px 5px;
	color: var(--color02);
}

.noticias-modulo-contenido {
	padding: 30px 20px 20px;
	color: var(--color02);
	min-height: 170px;
}

.noticias-modulo-link a {
	background: var(--color02);
	width: 100%;
	display: inline-block;
	padding: 20px 20px;
	border-radius: var(--borde-general);
	color: var(--color01);
	transition: var(--transition);
}

.noticias-modulo-link a:hover  {
	background: var(--color04);
	color: var(--color02);
}

.noticias-modulo-link a .bi {
	transition: var(--transition);
}

.noticias-modulo-link a:hover .bi {
	margin-left: 20px;
}

p.imagen-noticia-single {
	max-width: 50% !important;
	height: auto;
}


/* ESTAMOS EVALUANDO +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.pin-ciudad {
	font-size: 100px;
	margin-top: -10px;
	line-height: 0;
}

img.estamos-evaluando-img,
img.leyes-evaluadas-img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	margin-bottom: 10px;
}

.estado-encendido {
	display: block !important;
	color: #fff;
}

.estado-apagado {
	display: none !important;
	color: #002850;
}


.foros-linea-separador {
	border-bottom: solid 3px var(--color04);
	margin: 15px 0;
}

.estamos-evaluando img {
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: var(--borde-general);
	object-fit: cover;
}

.estamos-evaluando-modulo {
	border: solid 1px var(--color02);
	border-radius: var(--borde-general);
}

.estamos-evaluando h4 {
	border-bottom: solid 3px var(--color04);
	padding-bottom: 10px;
	margin-bottom: 20px;
	width: 90%;
	margin: 0 auto;
	padding: 20px;
}

.estamos-evaluando-estados {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 40px;
	text-align: center;
	column-gap: 10px;
	margin: 10px 0 0;
	padding: 0 20px;
}

.estado-1,
.estado-2,
.estado-3 {
	width: 100%;
}

.avance {
	position: relative;
}

.avance .sin-avance {
	width: 100%;
	height: 25px;
	background: var(--color05);
}

.avance .con-avance {
	width: 100%;
	height: 25px;
	background: var(--color04);

	position: absolute;
	top: 0;
	left: 0;
}

.con-avance h6 {
	font-weight: bold !important;
}

.sin-avance h6 {
	font-weight: 400 !important;
}

.estamos-evaluando-estados h6 {
	color: var(--color02);
}

.estamos-evaluando-modulo a {
	background: var(--color02);
	width: 100%;
	display: inline-block;
	padding: 20px 20px;
	border-radius: var(--borde-general);
	color: var(--color01);
	transition: var(--transition);
	margin-bottom: -5px;
}

.estamos-evaluando-modulo a:hover  {
	background: var(--color04);
	color: var(--color02);
}

.estamos-evaluando-modulo a .bi {
	transition: var(--transition);
}

.estamos-evaluando-modulo a:hover .bi {
	margin-left: 20px;
}

.estamos-evaluando-descripcion-etapa {
	background: var(--color02);
	color: var(--color01);
	border-radius: var(--borde-general);
	padding: 30px 20px;
}

.estamos-evaluando-agenda .nav-pills .nav-link {
	border: solid 1px var(--color02);
	border-radius: var(--borde-general) !important;
	padding: 12px 40px !important;
	margin-right: 10px;
	color: var(--color02);
	font-size: 18px;
}

.estamos-evaluando-agenda .nav-pills .nav-link.active {
	background: var(--color02);
	color: var(--color01);
}

.estamos-evaluando-agenda .nav-pills .nav-link:hover {
	background: var(--color04);
	color: var(--color02);
}


.tab-content-modulo {
	width: 100% !important;
	border: solid 1px var(--color02) !important;
	padding: 50px 20px;
	border-radius: var(--borde-general);
}


/* +++++++++ SOMOS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.somos-modulo {
	position: relative;
	width: 98%;
	margin: 0 auto;
	border-radius: var(--borde-general);
	padding: 80px 0;
	max-height: 90vh;
}

.somos-modulo-video {
	max-height: 90vh;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.somos-modulo-video video {
	max-height: 90vh;
	min-height: 90vh;
	width: 100%;
	object-fit: cover;
	border-radius: var(--borde-general);
}

.somos-modulo-bg {
	background: #002850d9;
	height: 90vh;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: var(--borde-general);
}

.somos-modulo-contenido {
	position: relative;
	color: var(--color01) !important;
	width: 100%;
	height: 90vh;
}

.somos-modulo-contenido h2 {
	font-family: var(--font-lora);
}

.wp-pagenavi {
    margin-top: 30px;
}

.wp-pagenavi .pages {
    margin: 0;
    padding: 0;
}

.wp-pagenavi .current,
.wp-pagenavi .page:hover,
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .previouspostslink:hover {
    padding: 15px 20px;
    border: solid 1px var(--color02);
    background: var(--color02);
    border-radius: 11px;
    margin: 0 5px;
    color: var(--color01);
	font-weight: 400 !important;
}


.wp-pagenavi .pages,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .page,
.wp-pagenavi .extend,
.wp-pagenavi .last,
.wp-pagenavi .first {
    padding: 15px 20px;
    border: solid 1px var(--color02);
    border-radius: 11px;
    margin: 0 5px;
    background: var(--color01);
    text-decoration: none;
    color: var(--color02);
	font-weight: 400 !important;
}

.wp-pagenavi .pages {
    margin-left: 0;
}

.noticias-contenedor {
	width: 100%;
	border: solid 1px var(--color02);
	border-radius: var(--borde-general);
	padding: 50px 20px;
}

.noticias-contenedor img {
	padding: 0;
	min-width: 100% !important;
	margin: 20px 0;
}


.noticias-otras-contenedor {
	width: 100%;
	border: solid 1px var(--color02);
	border-radius: var(--borde-general);
	padding: 50px 20px 30px;
	margin-bottom: 30px;
}

.noticias-otras-contenedor img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 11px !important;
}

.noticias-encuestas-contenedor {
	width: 100%;
	border: solid 1px var(--color02);
	border-radius: var(--borde-general);
	padding: 30px 20px;
	margin-bottom: 30px;
}



.navegacion {
    margin: 50px 0;
}


.navegacion a {
    padding: 15px 20px;
    border: solid 1px var(--color02);
    border-radius: 11px;
    margin: 0 5px;
    background: var(--color01);
    text-decoration: none;
    color: var(--color02);
	font-weight: 400 !important;
}

.navegacion a:hover {
    padding: 15px 20px;
    border: solid 1px var(--color02);
    background: var(--color02);
    border-radius: 11px;
    margin: 0 5px;
    color: var(--color01);
	font-weight: 400 !important;
}


/* LEYES EVALUADAS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.leyes-evaluadas-marco {
	width: 100%;
	border: solid 1px var(--color02);
	border-radius: var(--borde-general);
	padding: 20px;
}

th.columna-descarga{
  width: 330px;
  overflow: auto;
}

table th, 
table td {
  padding: 10px !important;
  font-weight: var(--font-normal) !important;
  font-size: 16px !important;
}

table thead th {
	font-weight: var(--font-bold) !important;
}

.table-hover tr:hover {
	background: #76b0ea60 !important;
}

.tabulacion {
	padding-left: 35px !important;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
	--bs-table-accent-bg: #76b0ea41;
    color: var(--bs-table-striped-color);
}

.bg-color-especial .table.color-02 > thead > tr > th {
    border-bottom: 2px solid var(--color02); /* Example color */
}

.bg-color-especial .table.color-02 > tbody > tr > td {
	border-bottom: 2px solid var(--color02); /* Example color */
}

/* ¿Cómo se evalúa? +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.bg-video-como-se-evalua {
	background: var(--color02);
	border-radius: var(--borde-general);
	width: 100%;
	height: 90vh;
	position: relative;
	margin-top: 50px;
}

.video-como-se-evalua {
	width: 100%;
	height: 90vh;
	border-radius: var(--borde-general);
	overflow: hidden;

	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}

.video-como-se-evalua video {
	min-width: 100% !important;
	min-height: 100vh !important;
	border-radius: var(--borde-general);
	object-fit: cover;

	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

}

.transparencia-video-como-se-evalua {
	width: 100%;
	height: 90vh;
	position: absolute;
	top: 0;
	left: 0;
	background: #002850bd;
	border-radius: var(--borde-general);
}

.texto-video-como-se-evalua {
	width: 100%;
	height: 90vh;
	position: absolute;
	top: 0;
	left: 0;

	display: flex;
	align-items: center;
	padding: 20px 40px;
}

.porque-evaluar-texto h4 {
	font-size: 24px !important;
}


/* ++++++++++ ¿En qué consiste la evaluación de la Ley? ++++++++++++++++++++++++++++++++++++++++++++++++++ */
.en-que-consiste-modulo {
	width: 100%;
	border-radius: var(--borde-general);
	padding: 30px 20px;
	background: var(--color01);
	text-align: center;
}

.en-que-consiste-modulo img {
	border: solid 3px var(--color03);
	width: 90%;
	aspect-ratio: 1 / 1;
	border-radius: 11px;
	padding: 30px;
	margin: 15px auto;
}

.separador-ancho-100 {
	width: 100%;
	border-bottom: solid 3px var(--color02);
	margin: 30px 0;
}

.slider-radius img {
	border-radius: var(--borde-general) !important;
}

.img-proceso img {
	min-width: 100%;
	height: auto;
}

h1.font-slider-inicio {
	font-size: 28px !important;
}

/* ++++++++++++++++++ SOMOS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.somos-modulo-page {
	position: relative;
	width: 98%;
	margin: 0 auto;
	border-radius: var(--borde-general);
	padding: 80px 0;
	max-height: 60vh;
}

.somos-modulo-video-page {
	max-height: 60vh;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.somos-modulo-video-page video {
	max-height: 60vh;
	min-height: 60vh;
	width: 100%;
	object-fit: cover;
	border-radius: var(--borde-general);
}

.somos-modulo-bg-page {
	background: #002850d9;
	height: 60vh;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: var(--borde-general);
}

.somos-modulo-contenido-page {
	position: relative;
	color: var(--color01) !important;
	width: 100%;
	height: 60vh;

}

.somos-modulo-contenido-page h2 {
	font-family: var(--font-lora);
}


/* ++++++++++++ CONTACTO +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.contacto-modulo {
	position: relative;
	width: 100%;
}

.contacto-banner {
	border-radius: var(--borde-general);
	height: 60vh;
	width: 100%;
	position: relative;
	z-index: -1;
	margin-top: -90px;
	margin-bottom: 30px;
}

.contacto-banner img {
	min-width: 100%;
	height: 60vh;
	object-fit: cover;
	border-radius: var(--borde-general);
}



/* SITIOS RELACIONADOS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.sitios a {
	color: var(--color02) !important;
	font-size: 16px !important;
	text-align: center;
	padding: 0 10px;
}

.tr-100 {
	min-width: 100% !important;
}




/* FOOTER ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.footer {
	width: 98%;
	margin: 50px auto 0;
}

img.footer-logo {
	max-width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.footer-logos-bg {
	background: var(--color05);
	padding: 80px 0;
	border-radius: var(--borde-general);

	/* margin: -40px auto 0;
	position: relative;
	z-index: -1; */
}

.footer-logos {
	width: 90%;
	margin: 0 auto;
}

footer {
	width: 100%;
	background: var(--color02);
	padding: 80px 0;
	border-radius: var(--borde-superior);
	margin-top: -43px;
}

.footer-borde-left {
	border-left: solid 3px var(--color04);
	padding-left: 20px;
}

footer p {
	color: var(--color01);
}

.footer-derechos {
	background: var(--color04);
	color: var(--color02);
	width: 100%;
	padding: 10px 0 0;
}

.filtro-color img {
	filter: brightness(100%) contrast(90%);
}


.footer a .icon-footer-social {
	max-width: 24px;
	height: auto;
	margin-top: -5px;
}

.footer a {
	font-size: 22px;
	color: var(--color01) !important;
	margin-right: 5px;
}

.footer a .youtube {
	font-size: 28px;
	color: var(--color01) !important;
	margin-right: 5px;
	padding-top: 25px;
}


/* Pagina Noticias ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.banner {
	background: var(--color03);
	border-radius: var(--borde-inferior);
	padding: 120px 0 30px;
	margin-bottom: 50px;
}





/* Reglas smartphone ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media screen and (max-width: 768px) {
	.navbar-ev a.nav-link {
		margin-right: 0;
		margin-bottom: 10px !important;
	}

	.navbar-ev .navbar-collapse {
		padding-top: 15px;
	}

	.bg-color-05 {
		padding: 80px 50px;
	}

	.somos-modulo-video video {
		min-height: 90vh;
		width: 100%;
	}

	.somos-modulo {
		padding: 80px 20px;
	}

	.somos-modulo-video-page video {
		min-height: 60vh;
		width: 100%;
	}

	.somos-modulo-page {
		padding: 80px 20px;
	}
	
	.slider-index-bg,
	.carousel-inner,
	.carousel-inner img {
		height: 90vh;
		min-height: 90vh;
	}

	
}