/*   
Theme Name: planacionaldeescritura
Theme URI: 
Description: Theme Creado para Mineduc
Author: mantencion Web
Author URI: 
Version: 1.0
*/
/* gobCL font */
/* gobCL font */
@font-face {font-family: 'gobCL'; font-weight: 300; font-style: normal; src: url("assets/fonts/gobcl_light.eot?") format("eot"), url("assets/fonts/gobcl_light.woff") format("woff"), url("assets/fonts/gobcl_light.ttf") format("truetype");}
@font-face {font-family: "gobCL"; font-weight: 500; font-style: normal; src: url("assets/fonts/gobcl_regular.eot?") format("eot"), url("assets/fonts/gobcl_regular.woff") format("woff"), url("assets/fonts/gobcl_regular.ttf") format("truetype");}
@font-face {font-family: "gobCL"; font-weight: 700; font-style: normal; src: url("assets/fonts/gobcl_bold.eot?") format("eot"), url("assets/fonts/gobcl_bold.woff") format("woff"), url("assets/fonts/gobcl_bold.ttf") format("truetype");}
@font-face {font-family: "gobCL"; font-weight: 900; font-style: normal; src: url("assets/fonts/gobcl_heavy.eot?") format("eot"), url("assets/fonts/gobcl_heavy.woff") format("woff"), url("assets/fonts/gobcl_heavy.ttf") format("truetype");}
.gobcl {font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;}

/* HKGrotesk font */
@font-face {font-family: 'hkgrotesk'; font-weight: 300; font-style: normal; src: url("assets/fonts/HKGrotesk-Light.otf") format("opentype");}
@font-face {font-family: "hkgrotesk"; font-weight: 500; font-style: normal; src: url("assets/fonts/HKGrotesk-Regular.otf") format("opentype");}
@font-face {font-family: "hkgrotesk"; font-weight: 700; font-style: normal; src: url("assets/fonts/HKGrotesk-SemiBold.otf") format("opentype");}
@font-face {font-family: "hkgrotesk"; font-weight: 900; font-style: normal; src: url("assets/fonts/HKGrotesk-Bold.otf") format("opentype");}
@font-face {font-family: "hkgrotesk"; font-weight: 500;	font-style: normal; src: url("assets/fonts/HKGrotesk-Medium.otf") format("opentype");}
.hkgrotesk {font-family: "hkgrotesk", sans-serif;}

a {
	color: #333;
}


a:hover {
	color: #e9212d;
	text-decoration: none;
}
.enlace:hover {text-decoration: underline;}

h5 {
    font-size: 1rem;
	 color: #CB2228;

}
h1 {
	color: #CB2228;
}

blockquote {
	background-image: url("assets/img/hojaCuadrille.png");
	height: auto;
 }

 /*Bacground video*/
 .video-mitad{
 background: rgba(102, 102, 102, 1);
 background: -moz-linear-gradient(top, rgba(102, 102, 102, 1) 0%, rgba(102, 102, 102, 1) 35%, rgba(102, 102, 102, 1) 51%, rgba(255, 255, 255, 1) 51%, rgba(102, 102, 102, 1) 51%, rgba(248, 248, 248, 1) 51%, rgba(248, 248, 248, 1) 100%);
 background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(102, 102, 102, 1)), color-stop(35%, rgba(102, 102, 102, 1)), color-stop(51%, rgba(102, 102, 102, 1)), color-stop(51%, rgba(255, 255, 255, 1)), color-stop(51%, rgba(102, 102, 102, 1)), color-stop(51%, rgba(248, 248, 248, 1)), color-stop(100%, rgba(248, 248, 248, 1)));
 background: -webkit-linear-gradient(top, rgba(102, 102, 102, 1) 0%, rgba(102, 102, 102, 1) 35%, rgba(102, 102, 102, 1) 51%, rgba(255, 255, 255, 1) 51%, rgba(102, 102, 102, 1) 51%, rgba(248, 248, 248, 1) 51%, rgba(248, 248, 248, 1) 100%);
 background: -o-linear-gradient(top, rgba(102, 102, 102, 1) 0%, rgba(102, 102, 102, 1) 35%, rgba(102, 102, 102, 1) 51%, rgba(255, 255, 255, 1) 51%, rgba(102, 102, 102, 1) 51%, rgba(248, 248, 248, 1) 51%, rgba(248, 248, 248, 1) 100%);
 background: -ms-linear-gradient(top, rgba(102, 102, 102, 1) 0%, rgba(102, 102, 102, 1) 35%, rgba(102, 102, 102, 1) 51%, rgba(255, 255, 255, 1) 51%, rgba(102, 102, 102, 1) 51%, rgba(248, 248, 248, 1) 51%, rgba(248, 248, 248, 1) 100%);
 background: linear-gradient(to bottom, rgba(102, 102, 102, 1) 0%, rgba(102, 102, 102, 1) 35%, rgba(102, 102, 102, 1) 51%, rgba(255, 255, 255, 1) 51%, rgba(102, 102, 102, 1) 51%, rgba(248, 248, 248, 1) 51%, rgba(248, 248, 248, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#f8f8f8', GradientType=0);
}
/* Contenido */
.logo-mineduc {max-width:260px; background: url("assets/img/logotop.svg") no-repeat; background-size:contain;}
.logo-mineduc-footer {max-width:200px; background: url("assets/img/logotop.svg") no-repeat bottom; background-size:contain;}
.logo-chile-lo-hacemos-todos {max-width:190px; background: url("assets/img/logo-mineduc.svg") no-repeat; background-size:contain;}
.social-network .btn {width:40px; height: 40px; color:#fff; background-color:#333; border:none;}
.social-network .btn:hover {
	background-color: #e9212d;
	color: #fff;
}
 
/* Backgrounds */
.bg-rojo {
	background-color: #CB2228;
	}
.bg-azul {
	background-color: #3d69ae;
}
.bg-gris-oscuro {
	background-color: #666666;
}

.bg-amarillo {background-color:#fae323;} 
.bg-amarillo2 {background-color:#ffb02a;} 
.bg-morado {background-color:#7b74d9;} 
.bg-crema {background-color:#cfb298;} 
.bg-gris-claro {background-color:#f8f8f8;}
.bg-azul-cdigital{background-color:#004EA1;}
.bg-rojo-cdigital {
	background-color: #e9212d;
}
.bg-amarillo-cdigital{background-color:#FFBB01;}

/* Textos */
.text-rojo {color:#ff5a4a;} 
.text-morado {color:#040c53;} 
.text-amarillo {color:#ffb02a;} 

.principal_you{
width :800px;
height: 450px;
}

/* FOOTER */

/**/
.wrapp {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

#footer {
	background: #fff;
}

#footer #footerBottom {
	padding-top: 14px;
	font-size: 13px;
	font-weight: lighter;
	color: #666666;
}

#footer #footerBottom>div {
	display: inline-block;
}

#footer #footerBottom .footerLinks {
	/* float: right; */
	display: inline-block;
}

#footer #footerBottom .footerLinks a {
	color: #007db7;
}

#footer #footerBottom .footerLinks ul {
	list-style: none;
	display: inline-block;
	padding-left: 0px;
}

#footer #footerBottom .footerLinks ul li {
	display: inline-block;
}

#footer #footerBottom .menuFooterImg {
	float: right;
	margin-top: -4px;
	margin-bottom: 15px;
}

#footer #footerBottom .menuFooterImg ul {
	list-style: none;
	display: inline-block;
}

#footer #footerBottom .menuFooterImg ul li {
	display: inline-block;
	padding-right: 21px;
	font-weight: normal;
}

/* Hover Botones */
.hovereffect {width:100%; height:auto; float:left; overflow:hidden; position:relative; text-align:center; cursor:default;}
.hovereffect .overlay {width:100%; height:90px; position:absolute; overflow:hidden; top:0; left:0; padding:0px 15px;}
.hovereffect .btn-encargados {height:90px; white-space: normal; display:block; position:relative; max-width:none; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.hovereffect:hover .btn-encargados {opacity:0.7; filter:alpha(opacity=70); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.hovereffect:hover .btn-encargados span {opacity:0;}
.hovereffect a, .hovereffect p {color:#FFF; opacity:0; filter:alpha(opacity=0); -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}
.hovereffect:hover a, .hovereffect:hover p {opacity:1; filter:alpha(opacity=100); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}

/* Botones */
.btn-rojo {background-color:#ff5741; color:#fff;} .btn-rojo:hover {background-color:#ed392b; color:#fff;}
.btn-crema {background-color:#cfb298; color:#fff;} .btn-crema:hover {background-color:#c6a285; color:#fff;}
.btn-azul {background-color:#040c53; color:#fff;} .btn-azul:hover {background-color:#000730; color:#fff;}
.btn-amarillo {background-color:#ffb02a; color:#fff;} .btn-amarillo:hover {background-color:#ef9818; color:#fff;}
.btn-morado {background-color:#7b74d9; color:#fff;} .btn-morado:hover {background-color:#5959c9; color:#fff;}
.nav-pills .nav-link {
	background-color: #4c4c4c;
	color: #fff;
}
.nav-pills .nav-link:hover {
	background-color: #e9212d;
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: #fff;
	background-color: #e9212d;
}
.nav-link {
	display: block;
	padding: 1.5rem 1rem;
}
.nav-pills .nav-link {
	border-radius: 1.25rem;
}

.border-top {
	border-top: 1px solid #b2b3b2 !important;
}
/* Bordes */
.border-gris {border-color: #ccc;}

/* Carrousel */
.caja-noticias {width: 990px;} 
.caja-noticias .carousel-indicators li {-ms-flex: 0 1 auto; flex: 0 1 auto; height:30px; background-color:#fff; display: flex; align-items: center; color: #333; border:1px solid #333; border-left: none; margin-right:0px; margin-left: 0px; text-indent:inherit; }
.caja-noticias .carousel-indicators li.active {color: #fff; background-color:#ff5741;}
.caja-noticias .titulo {height:48px !important; overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.caja-noticias p.collapse:not(.show) {height:194px !important; overflow: hidden; display: -webkit-box; -webkit-line-clamp:8; -webkit-box-orient: vertical;}

.btn2 {
	display: inline-block;
	font-weight: 400;
	text-align: left;
 	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
 


/* Extra small */
	/* Extra small */
	@media (max-width: 576px) {
	.recursos .carousel-inner .carousel-item > div {display: none;}
	.recursos .carousel-inner .carousel-item > div:first-child {display: block;}
	.recursos .carousel-inner .carousel-item-right.active, .recursos .carousel-inner .carousel-item-next {transform: translateX(100%);}
	.recursos .carousel-inner .carousel-item-left.active, .recursos .carousel-inner .carousel-item-prev {transform: translateX(-100%);}
	}
	/* Small  */
	@media (min-width: 576px) {
	.recursos .carousel-inner .carousel-item-right.active, .recursos .carousel-inner .carousel-item-next {transform: translateX(50%);}
	.recursos .carousel-inner .carousel-item-left.active, .recursos .carousel-inner .carousel-item-prev {transform: translateX(-50%);}
	}	
	/* Medium  */
	@media (min-width: 992px) {
	.recursos .carousel-inner .carousel-item-right.active, .recursos .carousel-inner .carousel-item-next {transform: translateX(33.333%);}
	.recursos .carousel-inner .carousel-item-left.active, .recursos .carousel-inner .carousel-item-prev {transform: translateX(-33.333%);}
	}
	/* Large */
	@media (min-width: 1200px) {
	.recursos .carousel-inner .carousel-item-right.active, .recursos .carousel-inner .carousel-item-next {transform: translateX(25%);}
	.recursos .carousel-inner .carousel-item-left.active, .recursos .carousel-inner .carousel-item-prev {transform: translateX(-25%);}
	}
	/* Estilos general */
	.recursos .carousel-inner .carousel-item.active, .recursos .carousel-inner .carousel-item-next, .recursos .carousel-inner .carousel-item-prev {display: flex;}
	.recursos .carousel-inner .carousel-item-right, .recursos .carousel-inner .carousel-item-left {transform: translateX(0);}
	.recursos .carousel-item a {text-decoration: none;}
	.recursos .carousel-detalle {height: auto; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
	.recursos .carousel-hover {background-color: #fff; border-top: 5px solid #00cc97; color: #000;} .recursos a:hover .carousel-hover {background-color: #00cc97; border-top: 5px solid #000; color: #fff;} 

	 
 
 
 
	
 

/* Pantallas inferiores a 992px de ancho */
@media (max-width: 992px) {
.caja-noticias {height: auto; width: auto;} 
.caja-noticias .carousel-indicators {bottom: 4px !important;}
.caja-noticias p.collapse:not(.show) {height:120px !important; overflow: hidden; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical;}
.intro {font-size: 140%;}
.contenido {font-size: 110%;}
}

/* Pantallas inferiores a 992px de ancho */
@media (max-width: 768px) {
.caja-noticias p.collapse:not(.show) {height:142px !important; overflow: hidden; display: -webkit-box; -webkit-line-clamp:6; -webkit-box-orient: vertical; margin-bottom: 50px;}
.intro {font-size: 130%;}
.contenido {font-size: 100%;}
}

/* Pantallas inferiores a 600px de ancho */
@media (max-width: 600px) {
.logo {background-position: top center; width: 200px; height: 80px;}
.social-network .btn {width:30px; height: 30px;}
.principal_you{width: 310px; height: 174px;}
}