@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&family=Poppins:wght@300;700&display=swap');

/*Deshabilitamos el layout2*/
.Layout__layout2{
	/*display:none;*/
}

/*Colocamos un ancho total de 100% para el layout 1*/
.Layout__layout1{
	/*width:100% !important;*/
}
.ArticleListRightContainer__rightPanelDetail{
	display:none !important;
}
.relatedArticles{
	display:none !important;
}

/*Fuente para breadcrumb y input del heador - tipografia y fuente personalizada*/
.BreadCrumbs__breadcrumbsView li span, input, .Input__inputCommon, .BreadCrumbs__breadcrumbsView ul li{
  font-size:15px;
  font-family: 'Open Sans', sans-serif ;
  letter-spacing: 0.3px;
  line-height:1.2em;

}
/*Fuente para algunos titulos y contenidos*/
.Header__searchTitle, 
.ContentBox__headerMid, 
.KbCategory__topic, 
.KbDetailLtContainer__detailHeader,
.ListHeader__header1,
h1 a, h2 a, h3 a, h4 a,  h1, h2, h3, h4,  h1 span b, h2 span b, h3  b span,  h4 span b, h5 span b, h3 span, h3 b,
.ListHeader__header2  a{
   font-family: 'Poppins', sans-serif !important;
   font-weight:700 !important;
   line-height:1.2em;
}

h1 div:nth-child(2) span{
  font-size:24px !important;
  font-weight:400;
  line-height:1.2em;
}

h1, h1 a,  h1 span b{
  font-size:48px !important ;
}

h2, h2 a, h2 span b{
  font-size:30px !important;
}

h3, h3 a, h3 span b, h3 span{
  font-size:25px !important ;
}

h4, h4 a, h4 span b, h5 ,h5 a, h5 span b{
	font-size:18px !important ;
}
.toc_line_primary_cuideo{
	margin:0px !important; 
}


/*Fuente para el header*/
.Header__name, .Header__tabsTab{
	font-family: 'Poppins', sans-serif;
}


/*Fuente para algunas secciones - personalizadas*/
.KbCategory__topicContent, 
.ContentBox__boxInnerHome p, 
.Footer__footerCopyrigt,  
.TOCContainer__tocHeading, 
.KbDetailLtContainer__updateTime, 
.KbDetailLtContainer__share,
.ContentList__topicContent  a,
.ListHeader__description,
.KbDetailLtContainer__articleContent,
.Input__headerSearch, .description  b, .ListHeader__header3 a, span b,
div > span, div{
  font-family: 'Open Sans', sans-serif ;
  font-size:18px !important;
  letter-spacing: 0.3px;
  line-height:1.2em;
}

/*AGREGAMOS ESTILOS A LAS ETIQUETAS EN NEGRITAS DIRECTAS EN UNA CAJA DE CONTENIDO*/
div b{
   font-family: 'Open Sans', sans-serif ;
   letter-spacing: 0.3px;
   line-height:1.2em;
   font-weight:700;
}

b span, span b{
	font-weight:700;
}



/*Color para algunas secciones del - personalizado*/
.ContentBox__headerMid a, 
.ContentBox__boxInnerHome p, 
.KbCategory__topicContent, 
.KbCategory__topic a, 
.BreadCrumbs__breadcrumbsView ul li, 
.ListHeader__header3 a, 
.KbDetailLtContainer__detailHeader, 
.TOCContainer__tocHeading , 
.KbDetailLtContainer__updateTime, 
.KbDetailLtContainer__share,
svg,
h1 a, h2 a, h3 a, h4 a, h5 a,
h1,h3,h2,h4,h5,
div > a, div, p span {	
  color:#004a77 !important;
}

/*Color blanco para iconos y header - evitar color azul*/
.LocalePopup__localeTarget span svg, 
.LocalePopup__localeTarget svg,
.Header__searchTitle,
.Header__name{
	color:white !important;
}

/*Color negro para cuando el header esta en modo fixed*/
.Header__homeNavbarFixed  svg, .Header__homeNavbarFixed  span svg, .Header__homeNavbarFixed  div{
	color:black !important;
}

/*Estilo para titulo del header en buscador */
.Header__searchTitle{
  font-size:34px;
   font-weight:bold;
}

/*Color para el boton del buscador - PAGINA INICIO*/
.SearchContainer__searchIcon {
	background:#F9B300;
}

/*Color para icono del boton del buscador*/
.SearchContainer__searchIcon svg {
	color:#fff;
}

/*Contenido del contenedor del inicio - box shadow personalizado y tamaño fijo */
.ContentBox__boxInnerHome{
    border: 1px solid #E6EDF2;
    padding: 20px;
    border-radius: 5px;
    background: #F6F6F6;
    margin: 6px;
    height: 250px;
    -webkit-box-shadow: 2px 0px 12px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 0px 12px -9px rgba(0,0,0,0.75);
    box-shadow: 2px 0px 12px -9px rgba(0,0,0,0.75);
}
.ContentBox__boxInnerHome p{	
    font-size:14px;
}
.AppContainer__breadCrumbs{
	background:#FFED9C;
}
.SearchContainer__searchBoxIcon svg {
	color:#F9B300;
}

/*Listado de servicios - Servicio de Gestión Familiar y Laboral */
.ContentList__topicList, .ContentList__topicContent a {
    padding: 0.5rem 0;
    margin: 5px;
    font-weight:400;
  	font-size:16px !important;
}

.KbDetailLtContainer__description div span{
  color:#004a77 !important;
  font-family: 'Open Sans', sans-serif;
  font-size:18px;
}

/*Cajas de contenido*/
.KbCategory__topicContent{
	margin:6px ;
  	font-size:16px !important;
}

/*Estilos para las cajas en las diferentes secciones*/
.seleccióndelcuidadora, .antesdeempezarconcuideo, .planconfortconfortplus{
    position:relative;
	
}
.planfelizvitasad, .ayudasybonificaciones{
      position:relative;

}
.KbCategory__wordWrap {
	padding-bottom:12px;
}

/*Pequeño mensaje para cajas informativas*/
.seleccióndelcuidadora:after{
  content:"Modalidad Agencia";
  position:absolute;
  white-space: pre;
  display: inline;
  bottom: -25px;
  left: 70%;
  transform: translate(-50%, -25px);
  padding:5px;
  font-family: 'Open Sans', sans-serif;
  font-weight:bold;

}

.planconfortconfortplus:after{
  content:"Modalidad Gestión Laboral";
  position:absolute;
  white-space: pre;
  display: inline;
  bottom: -25px;
  left: 70%;
  transform: translate(-50%, -25px);
  padding:5px;
  font-family: 'Open Sans', sans-serif;
  font-weight:bold;
}

.planfelizvitasad:after{
  content:"Modalidad SAD";
  position:absolute;
  white-space: pre;
  display: inline;
  bottom: -25px;
  left: 70%;
  transform: translate(-50%, -25px);
  padding:5px;
  font-family: 'Open Sans', sans-serif;
  font-weight:bold;
}

/*Media queries para adaptación movil*/
@media only screen and (max-width: 700px) {
  .planconfortconfortplus:after{
	font-size:14px;
    left: 67%;

  }
  .planfelizvitasad:after,  .seleccióndelcuidadora:after{
    	font-size:14px;
  }
  .ContentBox__boxInnerHome{
  	height:100%;
  }
  .ContentBox__boxThree:nth-child(2):last-child, .ContentBox__boxThree:nth-last-child(2):first-child, .ContentBox__boxThree:first-child:last-child{
  	width :85%;
  }
  h1, h1 a,  h1 span b{
    font-size:28px !important ;
  }

  h2, h2 a, h2 span b{
    font-size:24px !important;
  }

  h3, h3 a, h3 span b, h3 span{
    font-size:20px !important ;
  }

  h4, h4 a, h4 span b, h5 ,h5 a, h5 span b{
      font-size:20px !important ;
  }
}

/*Estilos para el footer*/
.Footer__footerCopyrigt{
  background:#003355 !important;
  font-size:15px;
  font-weight:400;
}
.Footer__container2{
  color:#fff !important;
}
.Footer__footerBg{
	display:none;
}