@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Quicksand:wght@300..700&display=swap');
/* Esto quita el margen y gap a cada lado */
body.wrapper-fluid .site-grid {
	grid-gap: 0 0;	
}
body {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;  
  font-style: normal;
}
h1, h2 {
  font-family: Montserrat;
	font-style: italic;	
	color: #494c5d;
}
hr {
  border-top: 1px solid #494c5d;
  border-bottom: 1px solid gray;
	opacity: 1;
}
/* Fontawesome */
.fa-brands, .fa-solid {  
  font-size: 27px;
	vertical-align: bottom;  
}
#barra-top {
  height: 16px;
}
.container-header {
  background-color: #fff;
  background-image: none;
}

.metismenu-item.level-1.current.active a {
  padding: 14px;
  border-radius: 50px;
  min-width: 143px;
  text-align: center;   
}
/* Lineas de estilo laterales en los menús */
.metismenu-item.level-1 {
  border-right: 1px solid gray;
}
.metismenu-item.level-1.current.active, .mod-menu .metismenu-item:last-child {
  border-right: none;  
}

.metismenu.mod-menu {
  text-transform: uppercase;
}
.metismenu-item.level-1 a {
  font-size: 15px;
  font-weight: 500; 
}
.metismenu.mod-menu .metismenu-item {
  padding: 0 1.7em;
}

/* Esto quita la animacion de subrayado debajo de los menus */
.container-header .metismenu > li > a::after, .container-header .metismenu > li > button::before {	
  height: 0px;	
}
.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list li a:hover {
  color: #c1c1c1;
	text-decoration: none;
}
.metismenu-item.level-1.current.active a {
  color: #fff !important;
}
.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list a {
  color: #444;
}
.container-header .container-nav {
  justify-content: center;
}

/* ESTILO DE INICIO #### */
#sliderck123 {
	z-index: 0;
}
#svg-naranja {
	background: url('/images/art/curva-naranja.svg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-position-y: top;
	margin-top: -155px;
	position: relative;
}
.textointro {
	padding: 2em;
	text-align: center;	
}
.textointro h1 {
	font-size: 26px;
	color: #1A326B;	
	font-style: italic;
	font-weight: 900;
}
.textointro hr {
	max-width: 350px;
	margin: 25px auto 25px;
	border-bottom-color: #494c5d;
}
.textointro h2 {
	font-size: 21px;
	font-family: "Quicksand", sans-serif;
	font-style: normal;
}
.textointro p {
	font-size: 16px;
	color: #4f4f4f;
	max-width: 450px;
	margin: 0 auto;
}
a.boton-conoce {
	max-width: 220px;
	color: white;
	font-size: 12px;
	display: block;
	text-decoration: none;
	padding: 1.4em .2em;
	border-radius: 50px;
	font-family: Montserrat;
	font-style: italic;
	font-weight: 800;
	/*background: linear-gradient(to right, #5380e4 0%,#78b7ff 100%);	*/
	margin: 0 auto;
}
/* Mision y objetivos */
.mision-y-objetivos {
	margin-top: 3em;
}
/*Mision*/
.mision {
	display: flex;
	justify-content: center;
	gap: 6em;
}
#mision-imagen img {
	width: 120px;
}
#mision-imagen h3, #imagen-objetivos h3 {
	font-family: "Quicksand", sans-serif;
	font-weight: 500;
	text-align: center;
	font-size: 24px;
	margin-top: 20px;
	color: #494C5D;
}
#mision-imagen hr, #imagen-objetivos hr {
	max-width: 40px;
	margin-left: 20px;
}
#imagen-objetivos hr {	
	margin-left: 4px;	
}
#mision-texto {
	max-width: 350px;
	font-size: 17px;
  font-weight: 500;
}
/* Barra divisiora entre mision y objetivos */
.mision-y-objetivos > hr {
	max-width: 690px;
	margin: 2em auto;	
}

/* Objetivos*/
.objetivos {
	display: flex;
	justify-content: center;
	margin-top: 3em;
  gap: 3em;
}
#texto-objetivos {
	max-width: 440px;
}
#texto-objetivos ul {
  list-style-type: none;
}
#texto-objetivos li {
	line-height: 1.4;
	padding-bottom: .6em;
	font-size: 17px;
	text-indent: -10px;
	font-weight: 500;
}
#texto-objetivos ul li::before {
	content: '';
	display: inline-block;
	height: 1em;
	width: 1em;
	background-image: url('/images/art/bullet-objetivos.svg');
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: .5em;
}
#imagen-objetivos img {
	width: 120px;
}
/* ENLACES A LOS PORTALES */
#svg-gris-links {
  background: url('/images/art/curva-gris.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-position-y: top;
  margin-top: 3em;
}
#enlaces-portales {
	display: flex;
	justify-content: center;
	gap: 7em;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	padding: 2.4em 0;
	align-items: end;
}
#enlaces-portales hr {
  max-width: 50px;
  margin: 24px auto;
}
#enlaces-portales a {
	text-decoration: none;
	color: #494C5D;
  line-height: 1.3;
}
#enlaces-portales a:hover, #enlaces-portales a img:hover {
	/* color: #858795; */
	transition: .3s;
	opacity: .8;
}
/* Section de contacto corto en inicio */
#contacto-corto {
	text-align: center;
	color: #373946;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.3;
  margin: 3em auto;
}
#contacto-corto h3 {
	font-family: "Quicksand", sans-serif;
}
#contacto-corto a {
  text-decoration: none;
  color: #373946;
}
#contacto-corto hr {  
  margin: 15px auto;
  max-width: 50px;
}
#contacto-corto .fa-brands, .fa-solid {
	font-size: 20px;
}
/* Nosotros  #### */
#portada-nosotros, .portada-galeria, .portada-eventos, .portada-documentos {
	display: grid;	
	align-items: center;
	gap: 25px;
	margin-top: 3em;	
	color: #494c5d;
}
#portada-nosotros {
  text-align: center;
	grid-template-columns: 50% 50%;
}
.imagen-nosotros {
	width: 450px;
	justify-self: flex-end;
}
.texto-portada-nosotros {
	max-width: 380px;
	justify-self: flex-start;
}
.texto-portada-nosotros h1 {	
	font-weight: 800;
	font-size: 38.5px;
}
.texto-portada-nosotros hr {
	width: 255px;
	margin: 25px auto;
}
.texto-portada-nosotros p {
	font-size: 16px;
	font-weight: 500;
}
#nosotros > hr {
	max-width: 800px;
	margin: 25px auto;
}
.historia-nosotros {
	background: #ffc221;
	padding: 1em;
}
.historia-nosotros p {
	max-width: 900px;
	margin: 50px auto;
	font-size: 17px;
	font-weight: 500;
	color: #494C5D;
}
.slider-nosotros {
	margin: 3em auto;
}
/* Esto cambia los botones de navegación de puntos del slider de nosotros y eventos*/
.evento-plus [id^="cust-navigation"], .slider-nosotros [id^="cust-navigation"] {
  top: 96% !important;
  left: 50% !important;
  right: initial !important;
  transform: translate(-50%, -50%) !important;
}
.evento-plus [id^="cust-navigation"] .load-button.load-button-active, .slider-nosotros [id^="cust-navigation"] .load-button.load-button-active {
	background: #ffc221;
}
.evento-plus [id^="cust-navigation"] .load-button, .slider-nosotros [id^="cust-navigation"] .load-button {
	background: #fff;
	border: 1px solid #acacac;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	opacity: 1;
}
/* EVENTOS #### */
.com-content-category-blog__items.blog-items.intro {
	padding: 3em;
}
.evento-item {
	text-transform: uppercase;
}
.evento-item h2 {
	font-weight: 900;
}
.evento-item hr {
	max-width: 55px;
}
.evento-item h3 {
	font-family: 'Quicksand';
	font-weight: 400;
	color: #ffc221;
}
/* DOCUMENTOS #### */
.documento {
	display: grid;
	grid-template-columns: 250px auto;
	justify-content: center;
	grid-gap: 15px;
}
.portada-y-enlace {
	display: flex;
	flex-direction: column;
}
.portada-y-enlace a {	
	padding: 14px;
	border-radius: 50px;
	text-decoration: none;
	color: #fff;
	width: 119px;
	text-align: center;
	align-self: center;
	margin-top: 10px;
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-weight: 700;
	font-style: italic;
	font-size: 14px;
}
.intro-doc .com-content-category-blog__item.blog-item:nth-child(2n) {
	background: #ffc221;
	padding: 2em 0;
}
.intro-doc .com-content-category-blog__item.blog-item:nth-child(2n) .contenido-e-info h2 {
	list-style-image: url('/images/art/bullet-trout.svg');
}
.contenido-e-info {
	max-width: 400px;
}
.documento > hr {
	grid-column: 1 / 3;
	margin: 0 auto;
	width: 300px;
}
.contenido-e-info h2 {
	display: list-item;
	list-style-image: url('/images/art/bullet-yellow.svg');
	margin-left: 1em;
	line-height: 1;
	font-weight: 800;
}
.contenido-e-info h3 {
	font-weight: 300;
	font-family: 'Quicksand';
	margin-left: 1em;
}
.contenido-e-info hr {
	margin-left: 27px;
	max-width: 55px;
}

/* GALERIA #### */
.portada-galeria, .portada-eventos, .portada-documentos {
	grid-template-columns: 450px auto;
	margin: 3em 3em;
	justify-content: space-evenly;
}
.texto-portada-galeria {
	max-width: 750px;
}
.galeria hr:nth-child(2) {
  width: 55px;
	margin-left: 105px;
}
.galeria hr:nth-child(5) {
  width: 90px;
  margin: 10px auto 40px;
}
.galeria h2 {	
  font-weight: 900;
  font-size: 30px;
  display: list-item;
  list-style-image: url('/images/art/bullet-yellow.svg');
  margin-left: 3em;
  text-indent: 19px;
}

/* CONTACTOS #### */
.contactos {
	display: grid;
	align-items: center;
	grid-template-columns: 50% 50%;
	margin-top: 3em;
}
.contacto-info {
	max-width: 480px;
	justify-self: self-end;
}
.datos-contacto {
	max-width: 400px;
	padding-left: 2em;
}
.contacto-info address .fa-brands, .contacto-info address .fa-solid {
	font-size: 22px;
	vertical-align: middle;
}
.contacto-info address {
	font-size: 20px;
	color: #494C5D;
	font-weight: 500;
	line-height: 1.4;
}
.contacto-info h1, .texto-portada-galeria h1, .texto-portada-eventos h1, .texto-portada-documentos h1 {	
	font-weight: 800;
	font-size: 38px;
}
.contacto-info hr {			 
	max-width: 382px;
}
.texto-portada-galeria hr, .texto-portada-eventos hr, .texto-portada-documentos hr {
	max-width: 60%;
}
.contacto-info a {
	text-decoration: none;
	font-size: 20px;
	font-weight: 500;
}
.otra-letra {
	font-family: "Quicksand", sans-serif;
	font-style: normal;
	font-weight: 400;
}
.contacto-form {
  width: 100%;
  background: url('/images/art/fondo-formulario.svg');	
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.formulario {
	width: 376px;
	margin: 0 auto;
}
.hojas-form {	
	display: inline;
	position: relative;
	top: -66px;
	left: 351px;
}
/*Color del título*/
.cf-control-input h3 {
	color: #D1A872;
}

.bottom-b.card {
	border: none;
}
/* Redes Sociales MODULO */
.mod-redes-sociales hr {
	width: 90px;
	margin: 25px auto;
}
#redes-sociales {
	display: flex;
	justify-content: space-evenly;
}
#redes-sociales a {
	text-decoration: none;	
	color: #76809e;
}
#redes-sociales a.fa-brands, #redes-sociales a.fa-solid {
  font-size: 42px;
}
#redes-sociales a:hover {
	color: purple;
	transition: .3s;
}


/*-------------------------------------Footer --------------------------------------- */
.footer .grid-child {
  padding: 20px;
  justify-content: center;
}
.footer {
  background-color: #1A324F;
  background-image: none;
	text-align: center;
}


/* ########################################## TABLETS ######################################### */
  @media (max-width: 992px) {
    .grid-child.container-nav {
      display: flex;
      flex-direction: row-reverse;
      justify-content: space-between;
    }
    .navbar.navbar-expand-lg.navbar-light {
      display: flex;
      flex-direction: row-reverse;
    }
    .metismenu.mod-menu .metismenu-item {
      padding: 0.5em 1.7em;
    }
    .metismenu-item.level-1 {
      border-right: none;
    }
		/* Pagina de inicio */
		#svg-naranja {
			margin-top: -89px;
		}
		/* Nosotros #### */
		.imagen-nosotros {
			width: 350px;
		}
		.texto-portada-nosotros {
			max-width: 350px;
		}
		/* Eventos */
		.com-content-category-blog__items.blog-items.intro {
			padding: 1em;
		}
		.contactos {
			grid-template-columns: 1fr;
		}
		.contacto-info {
			max-width: 100%;
			justify-self: center;
			text-align: center;
			margin-bottom: 3em;
		}
		.contacto-info hr {
			margin: 25px auto;
		}
		/* Galeria #### */
		.portada-galeria, .portada-eventos, .portada-documentos {
			grid-template-columns: 350px auto;
  		margin: 1em;
		}
		.contacto-info h1, .texto-portada-galeria h1, .texto-portada-documentos h1 {
			font-size: 35px;
  		line-height: 1.1;
		}

  }
/* ########################################## CELUS ######################################### */
  
  @media (max-width: 767px) {
    .grid-child.container-nav {
      flex-direction: column;
    }
    #navbar1 li a {
      margin: 0 auto;
    }
    .metismenu-item.level-1.current.active a {
      text-decoration: none;
    }
    #barra-top {
      height: 7px;
    }
		#svg-naranja {
			background: #ffc221;
			margin-top: -10px;
		}
		.mision-y-objetivos, .objetivos {
			margin-top: 2em;
		}
		#mision-imagen img, #imagen-objetivos img {
			width: 80px;
		}
		.mision {
			flex-direction: column;
			gap: 1em;
			align-items: center;
		}
		.mision-y-objetivos > hr {
			max-width: 200px;
      margin: 1em auto;
		}
		.objetivos {
			flex-direction: column-reverse;			
  		align-items: center;
			gap: 1em;
		}
		#imagen-objetivos {
			text-align: center;
		}
		#texto-objetivos {
			max-width: 350px;
		}
				#imagen-objetivos hr {
			margin-left: 4px;		
		}
		#mision-imagen hr, #imagen-objetivos hr, .texto-portada-galeria hr, .texto-portada-eventos hr, .texto-portada-documentos hr {
			margin: 0 auto;
		}
		#svg-gris-links {
			background: #dcdee5;
			margin-top: 1em;
		}
		#enlaces-portales {
			gap: 2em;
			align-items: first baseline;
		}
		#enlaces-portales a {
			max-width: 130px;
		}
		#contacto-corto {
			margin: 2em 8px;
		}
		/* NOSOTORS  #### */
		#portada-nosotros {
			grid-template-columns: 1fr;
		}
		.imagen-nosotros, .texto-portada-nosotros {
			justify-self: center;
			max-width: 250px;
		}
		/* Eventos */
		.com-content-category-blog__items.blog-items.intro {
			padding: 10px;
		}
		/* Documentos #### */
		.documento {
			grid-template-columns: 1fr;			
		}
		.documento > hr {
			grid-column: initial;
		}
		.portada-y-enlace {
			align-items: center;
		}
		.portada-y-enlace img {
			width: 180px;
		}
		.contenido-e-info {
			max-width: 95%;
			justify-self: center;
		}

		/* GALERIA ##### */
		.imagen-galeria, .imagen-eventos, .imagen-documentos {
			max-width: 250px;
			justify-self: center;
		}
		.texto-portada-galeria h1, .texto-portada-eventos h1, .texto-portada-documentos h1 {
			font-size: 30px;
			text-align: center;
		}
		.portada-galeria, .portada-eventos, .portada-documentos {
			grid-template-columns: auto;
			justify-items: center;  
		}				
		.galeria h2 {
			font-size: 24px;
			margin-left: 1em;
  		text-indent: 5px;
		}
		.galeria h2 img {
			width: 27px;
			vertical-align: middle;
		}
		.galeria hr:nth-child(2) {
			margin-left: 26px;
		}
    .galeria div:nth-child(3) {
	  margin: 0 1em;
}

		/* CONTACTO #### */
		.contacto-info h1 {
			font-size: 30px;
		}
		.contacto-info address {
			margin: 1em 8px;
		}
		.hojas-form {
			left: 287px;
		}
		.formulario {
			max-width: 91%;
		}
		.contacto-info hr {
			max-width: 320px;
			margin: 25px auto;
		}
		
  }