@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');

  body {
    background: #ffffff;
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
	  margin-top: 0; /* MARGEN SUPERIOR CAMBIABLE */
  }



  /*---------------------------------------
     TIPOGRAFIA              
  -----------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-weight: bold;
    line-height: inherit;
  }

  h1 {
    color: #252525;
    font-size: 3em;
    line-height: 50px;
  }

  h2 {
    color: #353535;
    font-size: 1.5em;
    padding-bottom: 10px;
  }

  h3 {
    font-size: 1em;
    margin-bottom: 0;
  }

  h3,
  h3 a {
    color: dimgray;
  }

  p {
    color: gray;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
  }



  /*---------------------------------------
     GENERAL               
  -----------------------------------------*/

  html{
    -webkit-font-smoothing: antialiased;
  }

  a {
    color: #252525;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none !important;
  }

  a:hover, a:active, a:focus {
    color: #ce3232;
    outline: none;
  }

  ::-webkit-scrollbar{
    width: 8px;
    height: 8px;
  }

  ::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #000000;
  }

  .section-title {
    padding-bottom: 90px;
  }

  .section-title h2 {
    margin: 0;
  }

  .section-title h4 {
    color: #bfbdbd;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 0;
  }

  .overlay {
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  section {
    position: relative;
    padding: 100px 0;
  }

  #team, 
  #menu,
  #testimonio,
  #convenio,
  #agenda,
  #galeria,
  #expresidentes,
  #noticias,

#oferta,
#exito{
    text-align: center;
  }

  .about-image img,
  .team-thumb img {
    width: 100%; 
  }


.about2-image img,
  .team-thumb img {
    width: 100%; 
  }


  .agenda-image img,
  .team-thumb img {
    width: 100%; 
  }
  
  #google-map iframe {
    border: 0;
    width: 100%;
    height: 390px;
  }



  /*---------------------------------------
     BUTTONS               
  -----------------------------------------*/

  .section-btn {
    background:#8b0000;
    border-radius: 20px;
    border: 0;
    color: #f9f9f9;
    font-size:13px;
    font-weight: normal;
    padding: 10px 25px;
	margin-bottom:10px;
    transition: 0.5s 0.2s;
	  
  }


.section-btn2 {
    background: #771139;
    border-radius: 20px;
    border: 0;
    color: #f9f9f9;
    font-size:13px;
    font-weight: normal;
    padding: 10px 25px;
    transition: 0.5s 0.2s;
  }



/*---------------------------------------
       pop up            
  -----------------------------------------*/
  




  /*---------------------------------------
       PRE LOADER              
  -----------------------------------------*/

  .preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background: none repeat scroll 0 0 #ffffff;
	opacity: 0.95;
  }

  .spinner {
    border: 1px solid transparent;
    border-radius: 3px;
    position: relative;
  }

  .spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 90px;
    margin-top: -45px;
    margin-left: -45px;
    border-radius: 50%;
    border: 0px solid #575757;
    border-top-color: #ffffff;
    animation: spinner .9s linear infinite;
  }

  @-webkit-@keyframes spinner {
    to {transform: rotate(360deg);}
  }

  @keyframes spinner {
    to {transform: rotate(360deg);}
  }



 
  #home {
    padding: 100px 0 0;
}

  #home h1 {
    color: #ffffff;
    padding-bottom: 30px;
  }

  #home h3 {
    color: #f9f9f9;
    font-size: 14px;
    line-height: inherit;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0;
  }

  @media (min-width: 768px) {
    .slider .col-md-8 {
      padding-left: 0;
    }
  }

  .slider .owl-dots {
	  
    position: absolute;
    top: 54%;
    right: 2em;
    justify-content: center;
  }

  .owl-theme .owl-dots .owl-dot {
    display: block;
  }

  .owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 7px 10px;
    border: 2px solid #d9d9d9;
    background: transparent;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
  }

  .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #ffffff;
    border-color: transparent;
  }

  .slider .caption {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    background-color: rgba(20,20,20,0.2);
    height: 100%;
    color: #fff;
    cursor: e-resize;
    padding: 0em 0 0 2em;
  }

  .slider .item {
	
    background-position: bottom center;
    background-repeat: no-repeat;
    background-attachment: local;
    background-size: cover;
	
    height: 60em;
  }

  .slider .item-first {
	  
    background-image: url("../images/landing/slider/PORTADAS SLIDER IFORTAB_Mesa de trabajo 1.jpg");
	  
  }

  .slider .item-second {
    background-image: url("../images/landing/slider/PORTADAS SLIDER IFORTAB_Mesa de trabajo 1 copia.jpg");
  }

  .slider .item-third {
    background-image: url("../images/landing/slider/PORTADAS SLIDER IFORTAB_Mesa de trabajo 1 copia 3.jpg");
  }

.slider .item-fourth{
    background-image: url("../images/landing/slider/PORTADAS SLIDER IFORTAB_Mesa de trabajo 1 copia 2.jpg");
  }

  .slider .item-second .section-btn {
    background: #292929;
  }

  .slider .item-second .section-btn:hover {
    background: #ffffff;
  }

 /*---------------------------------------
     .slider .item-third .section-btn {
    background: transparent;
    border: 1px solid #ffffff;
  }             
  -----------------------------------------*/

  .slider .item-third .section-btn {
   background: #292929;
  }

  .slider .item-third .section-btn:hover,
  .slider .item-third .section-btn:focus {
    background: #ce3232;
    border-color: transparent;
    color: #ffffff;
  }



  /*---------------------------------------
      NOSOTROS              
  -----------------------------------------*/

  #about {
	padding-top: 0;
    padding-bottom: 0;
	margin-top: 20px;  
  }



#about .valores {
	padding-top: 50px;
	padding-bottom: 50px;
}

#about .valores h4{
	font-size: 35px;
font-weight: bolder;
	color:white;
}

#about .valores p{
	color: white;
	
}

#about .valores li{
	color: white;
	font-family: Roboto;
		font-weight: 300;
		font-size: 19px;
}

	#about h3 {
		font-family: Roboto;
		font-weight: 700;
		font-size: 15px;
		letter-spacing: 3px;
  	}

	#about h2 {
		font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
		font-weight: 700;
		font-size: 30px;
		letter-spacing: 1px;
		color: #B92225;
  	}

	#about p {
		font-family: Montserrat;
		font-weight: 300;
		font-size: 18px;
		letter-spacing: 0px;
		color: black;
  	}

	#about li {
		font-family: Roboto;
		font-weight: 300;
		font-size: 17px;
		letter-spacing: 0px;
		color: black;
  	}

	#about h4 {
		font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
		font-weight: 300;
		font-size: 25px;
		letter-spacing: 0px;
		color:darkgray;
		text-transform:none; 
  	}

  .about-info {
    padding: 0px 1em 0em 0;
	
  }

 .about-info .section-title {
    padding-bottom: 20px;
  }

  .about-image {
    position: absolute;
  }



	#about2 {
    	padding-bottom: 0;
  	}

  .about2-info {
    padding: 0 6em 5em 0;
  }

  .about2-info .section-title {
    padding-bottom: 20px;
  }

  .about2-image {
    position: absolute;
  }





/*---------------------------------------
      GALERIAS PARA MOVIL              
  -----------------------------------------*/

 #team .team-info-movil {
	  display: none;
  }




@media (max-width: 767px) and (min-width: 320px){
  
  #team .team-thumb {
	  display: none;
  }
	
	#team .team-info {
	  display: none;
  }
	
	#team .team-info-movil {
	  display: block;
  }
	
	
	
	
}








/*---------------------------------------
      TERMINA GALERIAS PARA MOVIL              
  -----------------------------------------*/




  /*---------------------------------------
      GALERIAS              
  -----------------------------------------*/

  

  .team-thumb {
    position: relative;
    overflow: hidden;
    cursor: pointer;
  }

  .team-info {
    padding: 10px 30px 20px 30px;
  }

  .team-thumb .team-hover {
    position: absolute;
    background: #1c1c1c;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    opacity: 0;
    transform: translateY(100%);
    transition: 0.5s 0.2s;
  }

  .team-thumb:hover .team-hover {
    opacity: 0.95;
    transition-delay: 0.3s;
    transform: translateY(0);
  }

  .team-thumb img {
    transition: 0.5s 0.2s;
  }

  .team-thumb:hover img {
    transform: scale(1.2);
  }

  .team-thumb .social-icon li a {
    background: #292929;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #d9d9d9;
    font-size: 20px;
    margin: 15px 5px 0 5px;
  }

  .team-thumb .team-item {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
  }

  .team-item h4 {
    color: #ffffff;
  }

  .team-info p {
    color: dimgray;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 5px;
  }


/*---------------------------------------
      MAPA              
  -----------------------------------------*/

  #mapa {
    background-color: #F5F1EC;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='433' height='433' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-width='2.2'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23FFFFFF'%3E%3Ccircle cx='769' cy='229' r='7'/%3E%3Ccircle cx='539' cy='269' r='7'/%3E%3Ccircle cx='603' cy='493' r='7'/%3E%3Ccircle cx='731' cy='737' r='7'/%3E%3Ccircle cx='520' cy='660' r='7'/%3E%3Ccircle cx='309' cy='538' r='7'/%3E%3Ccircle cx='295' cy='764' r='7'/%3E%3Ccircle cx='40' cy='599' r='7'/%3E%3Ccircle cx='102' cy='382' r='7'/%3E%3Ccircle cx='127' cy='80' r='7'/%3E%3Ccircle cx='370' cy='105' r='7'/%3E%3Ccircle cx='578' cy='42' r='7'/%3E%3Ccircle cx='237' cy='261' r='7'/%3E%3Ccircle cx='390' cy='382' r='7'/%3E%3C/g%3E%3C/svg%3E");
	  
	  padding-top: 60px;
	  padding-bottom: 60px;
  }

  .maoa-info {
    padding: 0 6em 5em 0;
  }

  #mapa .section-title {
   padding-top: 40px;
	  text-align: center;
	 padding-bottom: 30px;
}

#mapa .mapa-info {
    padding-top: 0px;
	margin-top: 0;
	  text-align: center;
}
	 
  .mapa-image {
    position: absolute;
  }



/*---------------------------------------
      oferta              
  -----------------------------------------*/

  #oferta {
	  padding-top: 90px;
    padding-bottom: 90px;
	  background: #F6F6F6;
  }

  .oferta-info {
    padding: 0 6em 5em 0;
  }

  .oferta-info .section-title {
    padding-bottom: 20px;
  }

  .oferta-image {
    position: absolute;
  }




/*---------------------------------------
      exito              
  -----------------------------------------*/

  #exito {
	  padding-top: 80px;
    padding-bottom: 80px;
	  background: #F5F1EC;
  }

  .exito-info {
    padding: 0 6em 5em 0;
  }

  .exito-info .section-title {
    padding-bottom: 20px;
  }

  .exito-image {
    position: absolute;
  }


/*---------------------------------------
      CONVENIO              
  -----------------------------------------*/

  #convenio {
	  background-color: #771139;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='images/landing/img_fondo.png' width='433' height='433' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%2300A09C' stroke-width='2.2'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%2300A09C'%3E%3Ccircle cx='769' cy='229' r='7'/%3E%3Ccircle cx='539' cy='269' r='7'/%3E%3Ccircle cx='603' cy='493' r='7'/%3E%3Ccircle cx='731' cy='737' r='7'/%3E%3Ccircle cx='520' cy='660' r='7'/%3E%3Ccircle cx='309' cy='538' r='7'/%3E%3Ccircle cx='295' cy='764' r='7'/%3E%3Ccircle cx='40' cy='599' r='7'/%3E%3Ccircle cx='102' cy='382' r='7'/%3E%3Ccircle cx='127' cy='80' r='7'/%3E%3Ccircle cx='370' cy='105' r='7'/%3E%3Ccircle cx='578' cy='42' r='7'/%3E%3Ccircle cx='237' cy='261' r='7'/%3E%3Ccircle cx='390' cy='382' r='7'/%3E%3C/g%3E%3C/svg%3E");
	  padding-top: 180px;
	  padding-bottom: 100px;
  }

@media (max-width: 768px) {
	#convenio {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

#convenio .section-title{
	padding-bottom: 60px;
}

  .convenio-thumb {
    position: relative;
    overflow: hidden;
    cursor: pointer;
  }

  .convenio-info {
    padding: 0px 30px 20px 30px;
  }

  .convenio-thumb .convenio-hover {
    position: absolute;
    background: #1c1c1c;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    opacity: 0;
    transform: translateY(100%);
    transition: 0.5s 0.2s;
  }

  .convenio-thumb:hover .convenio-hover {
    opacity: 0.95;
    transition-delay: 0.3s;
    transform: translateY(0);
  }

  .convenio-thumb img {
    transition: 0.5s 0.2s;
  }

  .convenio-thumb:hover img {
    transform: scale(1.2);
  }

  .convenio-thumb .social-icon li a {
    background: #292929;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #d9d9d9;
    font-size: 20px;
    margin: 15px 5px 0 5px;
  }

  .convenio-thumb .convenio-item {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
  }

  .convenio-item h4 {
    color: #ffffff;
  }

  .convenio-info p {
    color: #bfbdbd;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 5px;
  }



/*---------------------------------------
     GALERIA              

  -----------------------------------------*/

  #galeria {
    background-size: cover;
    padding-bottom: 0;
  }


 #expresidentes {
    background-size: cover;
    padding-bottom: 0;
  }


#expresidentes {
    background-size: cover;
    padding-bottom: 0;
  }

  #galeria .contenedor {
    width: 100%;
  }

  #galeria .col-md-4 {
    margin: 0;
    padding: 0;
  }

  .galeria-thumb img {
    width: 100%;
    transition: 0.5s;
  }

  .galeria-thumb:hover img {
    transform: scale(1.15);
  }

  #galeria .galeria-thumb {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    width: 102%;
  }

#expresidentes .expresidentes-thumb {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    width: 102%;
  }

  .galeria-thumb .galeria-info {
    position: absolute;
    top: 60%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    text-align: left;
    padding: 25px 30px;
    transition: 0.5s 0.2s;
  }

.expresidentes-thumb .expresidentes-info {
    position: absolute;
    top: 60%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    text-align: left;
    padding: 25px 30px;
    transition: 0.5s 0.2s;
  }

  .galeria-info .galeria-item {
    float: left;
  }


.expresidentes-info .expresidentes-item {
    float: left;
  }

  .galeria-info .galeria-price {
    float: right;
  }

  .galeria-info .galeria-price span {
    font-size: 20px;
    font-weight: bold;
    line-height: normal;
    display: block;
    margin-top: 10px;
  }

  .galeria-thumb .galeria-info h3,
  .galeria-thumb .galeria-info p,
  .galeria-thumb .galeria-info span {
    transform: translateY(100%);
    opacity: 0;
    display: block;
    transition: 0.5s 0.2s;
    color: #ffffff;
    z-index: 2;
    position: relative;
  }

  .galeria-thumb .galeria-info h3 {
    margin-top: 0;
  }

  .galeria-thumb .galeria-info p {
    color: #d9d9d9;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
  }

  .galeria-thumb:hover .galeria-info h3,
  .galeria-thumb:hover .galeria-info p,
  .galeria-thumb:hover .galeria-info span {
    transform: translateY(0px);
    opacity: 1;
  }

  .galeria-thumb:hover .galeria-info {
    background: rgba(0,0,0,0.8);
  }

.expresidentes-thumb:hover .expresidentes-info {
    background: rgba(0,0,0,0.8);
  }





  

  /*---------------------------------------
         background: url('../images/landing/PORTADAS SLIDER IFORTAB_Mesa de trabajo 1 copia 8.png')  center center repeat;
    background-size: cover;
	  background-attachment: fixed;

     OJO  DECIA EN LUGAR DE TOP ERA CENTER
  -----------------------------------------*/



  

  

  .tst-author {
    margin-top: 20px;
  }

  .tst-author h4,
  .tst-author span {
    color: #b2b2b2;
  }

  .tst-author span {
    margin-left: 5px;
  }



















/*---------------------------------------
      MAPA TABASCO              
  -----------------------------------------*/


			.mapa_tabasco {
		padding-left: 12%;
				padding-bottom: 0;
				margin-bottom: 0;
			}

			.mapa-de-tabasco {
				fill: #771139;
			}


/*---------------------------------------
      NOTICIAS IMAGEN BLOG              
  -----------------------------------------*/

#noticias .section-title p {
    text-align: justify;
    }




@media (max-width: 990px) and (min-width: 320px){
	#noticias .thumb-post {
    width: 100%;
	position: relative;
    }
}



  /*---------------------------------------
      CONTACT             
  -----------------------------------------*/

  #contact .section-title {
    padding-bottom: 0;
  }

  #contact .text-success,
  #contact .text-danger {
    display: none;
  }

  #contact .form-control {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #dddddd;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 15px;
    transition: all ease-in-out 0.4s;
  }

  #contact .form-control:hover,
  #contact .form-control:focus {
    border-bottom-color: #c9c9c9;
  }

  #contact input {
    height: 55px;
  }

  #descargas button#cf-submit {
    background: #351344;
    border-radius: 0;
    border: 0;
    color: #ffffff;
    font-weight: bold;
    height: 50px;
  }

  #descargas button#cf-submit:hover {
    background: #292929;
    color: #ffffff;
  }



  /*---------------------------------------
     FOOTER              
  -----------------------------------------*/

  footer {
	background:#771139;  /* fallback for old browsers */
    border-top: 1px solid rgba(0,0,0,0.05);
    padding: 120px 0;
    padding-bottom: 20px;
  }

  footer .section-title {
    padding-bottom: 10px;
  }


footer .footer-info {
	padding-bottom: 100px;
}

  footer h2 {
    font-size: 18px;
    color: #FFFFFF;
	  letter-spacing: 1px;
	  font-family: Montserrat;
	  font-weight: 700; 
  }

  footer a,
  footer p {
    color: #FFFFFF;
  }

  footer strong {
    color: #FFFFFF;
  }

  footer address p {
    margin-bottom: 0;
  }

.datos-footer {
	padding-top: 30px;
}

  .footer-info,
  footer .social-icon {
    margin-top: 0px;
	  
  }

.footer-info p {
   font-size: 17px;
	letter-spacing: 1px;
	font-family: Montserrat; 
	line-height: 35px;
  }
  
  .footer-top {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
	  
}

/* Estilo para la navegación del pie de página */
.footer-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
	padding-bottom: 50px;
}


.logo-footer {
  flex-grow: 1;
  margin-right: auto;
}

.footer-nav ul li {
	display: inline;
  margin-right: 20px; /* Espacio entre elementos */
}

.footer-nav ul li:last-child {
  margin-right: 0; /* No agregar margen al último elemento */
}

.footer-nav ul li a {
  text-decoration: none; /* Quita el subrayado de los enlaces */
  color: #FFFFFF; /* Color del texto */
  font-size: 17px; /* Tamaño de fuente */
	letter-spacing: 1px;
	font-family: Montserrat; 
	
}

.footer-nav ul li a:hover {
  color: #841114; /* Color del texto al pasar el mouse #841114 B92226 rojo fondo*/
}



  /*---------------------------------------
     SOCIAL ICON              
  -----------------------------------------*/


.sin-margen-izq {
	margin: 0 auto;
}

  .social-icon {
    position: relative;
    padding: 0;
    margin: 0;
	  
  }

  .social-icon li {
    display: inline-block;
    list-style: none;
    margin-bottom: 5px;
	 
  }

  .social-icon li a {
    border-radius: 100px;
	background: #771139;
    color: #FFFFFF;
    font-size: 30px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-decoration: none;
    text-align: center;
    transition: all 0.4s ease-in-out;
    position: relative;
  }

  .social-icon li a:hover {
    background: #841114;
    color: #ffffff;
  }



  /*---------------------------------------
     RESPONSIVE STYLES              
  -----------------------------------------*/

  @media screen and (max-width: 1170px) {
    .custom-navbar .navbar-nav.navbar-nav-first {
      margin-left: inherit;
    } 
  }


  @media only screen and (max-width: 1200px) {
    .about-info {
      padding-right: 0;
    }

    .about-image {
      position: relative;
    }
	  
	  .about2-info {
      padding-right: 0;
    }

    .about2-image {
      position: relative;
    }
  }


    .agenda-info {
      padding-right: 0;
    }

    .imagen-director {
     
		
		
		margin-left: 0px;
		padding-right: 20px;
		padding-bottom: 0px;
		margin-bottom: 0px;
		
    }
  


  @media only screen and (max-width: 992px) {
    section {
      padding: 60px 0;
    }

    .custom-navbar .section-btn {
      margin-left: 1em;
    }

    .slider .item {
		 
      background-position: center;
    }

    .about-info {
      padding: 0;
    }
	  
	  .about2-info {
      padding: 0;
    }
	  
	.agenda-info {
      padding: 0;
    }

    .team-info {
      margin-bottom: 50px;
    }

    #menu .menu-thumb {
      width: 103%;
    }
	  
	  #galeria .galeria-thumb {
      width: 103%;
    }
	  
	  
	  #expresidentes .expresidentes-thumb {
      width: 103%;
    }

    
	  
	  
  }


  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .custom-navbar .nav li a {
      padding-right: 10px;
      padding-left: 10px;
    }
	  
	  
  }

  @media only screen and (max-width: 767px) {
    h1 {
      font-size: 2.5em;
    }

    h1,h2,h3 {
      line-height: normal;
    }

    .custom-navbar {
      background: #ffffff;
      -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      padding: 0px 0;
      text-align: center;
    }

    .custom-navbar .nav li a {
      line-height: normal;
      padding: 10px;
    }

	  
	
	  
	  

    .custom-navbar .nav li a,
    .top-nav-collapse .nav li a {
      color: #575757;
    }

    .custom-navbar .navbar-nav.navbar-right li {
      display: inline-block;
    }

    .custom-navbar .navbar-nav.navbar-right .section-btn {
      display: block !important;
      width: 50%;
      margin: 10px auto 10px auto;
      padding: 10px;
    }

    .custom-navbar .section-btn a {
      color: #ffffff !important;
    }

    .slider .caption {
      padding: 0;
    }

    .menu-thumb .menu-info {
      top: 80%;
    }
	  
	  .galeria-thumb .galeria-info {
      top: 80%;
    }
	  
	   .expresidentes-thumb .expresidentes-info {
      top: 80%;
    }

    footer {
      padding: 60px 0;
      padding-bottom: 60px;
    }

    .footer-open-hour {
      right: 0;
      bottom: 0;
      margin-top: 30px;
    }
  }

	

  @media only screen and (max-width: 580px) {
    h1 {
      font-size: 2.1em;
    }

    h2 {
      font-size: 1.8em;
    }

    .menu-thumb .menu-info {
      top: 60%;
    }
	  
	  .galeria-thumb .galeria-info {
      top: 60%;
    }
	  
	   .expresidentes-thumb .expresidentes-info {
      top: 60%;
    }
	  
	  
	  
  }




#team h2 {
	color: black;
}

#team h4 {
	color: dimgray;
}

#team h3 {
	color: black;
}





#convenio .section-title h2 {
	color:white;
}








#team {
	background: #FFFFFF;
	/* background: #efefef #757F9A;  /* fallback for old browsers */
/* background: -webkit-linear-gradient(to bottom, #D7DDE8, #757F9A);  /* Chrome 10-25, Safari 5.1-6 */
/* background: linear-gradient(to bottom, #D7DDE8, #757F9A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


	/* background-repeat: no-repeat;
	background-origin: padding-box;
	 background-size: cover;
    
	display: block;*/
}



#about .item{

	background-image: url("../images/");
	background-position: bottom center;
    background-repeat: no-repeat;
    background-attachment: local;
    background-size: cover;
    margin-top: 140px;
	margin-bottom: 140px;
	display: block;
		
	}

#nosotros .item{

	background-image: url("../images/textura2.png");
	background-position: bottom center;
    background-repeat: no-repeat;
    background-attachment: local;
    background-size: cover;
    
	display: block;
		
	}


#team .item{

	
	}


#footer .item{

	background-image: url("../images/");
	background-position: bottom;
    background-repeat: no-repeat;
    background-attachment: local;
	display: block;
		
	}


.item-nosotros{
	z-index: 2;
	background-image: url("../");
	background-position: bottom;
    background-repeat: no-repeat;
    background-attachment: local;
	display: block;
	padding-top: 50px;
	padding-bottom: 0px
	
	}

.item-nota-blanco{
	padding-top: 40px;
	padding-bottom: 60px;
		
	}

.item-valores{

	background-image: url("../");
	background-color: #c49955;
	background-position: bottom;
    background-repeat: no-repeat;
    background-attachment: local;
	display: block;
	padding-bottom: 80px;
		
	}

.item-nota-verde{

	background-color: #771135;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='images/landing/img_fondo.png width='433' height='433' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%2300A09C' stroke-width='2.2'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%2300A09C'%3E%3Ccircle cx='769' cy='229' r='7'/%3E%3Ccircle cx='539' cy='269' r='7'/%3E%3Ccircle cx='603' cy='493' r='7'/%3E%3Ccircle cx='731' cy='737' r='7'/%3E%3Ccircle cx='520' cy='660' r='7'/%3E%3Ccircle cx='309' cy='538' r='7'/%3E%3Ccircle cx='295' cy='764' r='7'/%3E%3Ccircle cx='40' cy='599' r='7'/%3E%3Ccircle cx='102' cy='382' r='7'/%3E%3Ccircle cx='127' cy='80' r='7'/%3E%3Ccircle cx='370' cy='105' r='7'/%3E%3Ccircle cx='578' cy='42' r='7'/%3E%3Ccircle cx='237' cy='261' r='7'/%3E%3Ccircle cx='390' cy='382' r='7'/%3E%3C/g%3E%3C/svg%3E");
	padding-bottom: 80px;
		
	}

#noticias .grupo{
	background-color:#ECECEC;
	position: center;
	padding-top: 20px;
	padding-bottom: 10px;
	border-radius: 50px;
	
}



.about-info-noticias {
    padding: 0 ;
  }

 .about-info-noticias .section-title {
    padding-bottom: 20px;
}

#franja {
	
    border: none;
    margin-bottom: 0;
    padding: 3px 0;
	background-color: #771135;
	text-align: center;
	
}

#franja h4{
	
    color:#FFFFFF;
	font-size: 15px;

	
}








#franjados h4{
	
    color:#FFFFFF;
	
}

#home-nosotros {
	padding: 0;
	background-position: bottom center;
    background-repeat: no-repeat;
    background-attachment: local;
    background-size: cover;
    
}


#home-nosotros .item{
background-image: url("../images/landing/slider/PORTADAS SLIDER IFORTAB_Mesa de trabajo 1.jpg");
	background-position: top center;
    background-repeat: no-repeat;
    background-attachment: local;
    background-size: cover;
    
	display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    
    height: 300px;
    	
	}


#home-nosotros svg {
	
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  /* set height to pixels if you want angle to change with screen width */

}


#nosotros {
	padding: 120px 0;
    padding-bottom: 0px;
	width: 100%;
}

.fondo {
	background-color: gray;
	border: none;
    margin-bottom: 0;
    padding: 3px 0;
}

.nosotros {
	
	border-top: 4px dotted gray;
	padding-bottom: 50px;
}

#home-galeria {
	padding: 0;
	background-position: bottom center;
    background-repeat: no-repeat;
    background-attachment: local;
    background-size: cover;
}

#home-galeria .item{
background-image: url("../images/landing/slider/PORTADAS SLIDER IFORTAB_Mesa de trabajo 1 copia.jpg");
	background-position: bottom center;
    background-repeat: no-repeat;
    background-attachment: local;
    background-size: cover;
    
	display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    
    height: 300px;
    	
	}



.menu-galerias {
	height: 150px;
  	/*IMPORTANTE*/
  	display: flex;
  	justify-content: center;
  	align-items: center;
	
}

#descargas button#descarga {
	 background: #351344;
    border-radius: 0;
    border: 0;
    color: #ffffff;
    font-weight: bold;
    height: 50px;
}

#descargas button#descarga:hover {
    background: #292929;
    color: #ffffff;
  }





/*---------------------------------------
       PROMOS INICIO              
  -----------------------------------------*/

  .promo {
  text-align: center; 
  padding: 30px 0;
}

.promo a {
  margin: 0 10px;
}

.promo a.logo {
  color: #bbb; 
  text-decoration: none; 
  font-size: 13px; 
  font-weight: bold; 
  text-shadow: 1px 1px rgba(255, 255, 255, 0.5); 
  font-family: sans-serif;
}
	  
	  
	 

#expresidentes h3 {
	color: white;
	font-size: 0.7em;
}

.franja-placeholder {
    height: 8px; /* Asegúrate de que este valor sea igual al de la altura de tu franja */
}

.franjatres {
	background-image: url("../images/landing/franja superior.png");
	border: none;
	height: 8px;
	text-align: center;
}

.franja-fija {
	position: fixed;
	top: 120px; /* Ajusta este valor al alto de tu menú */
	width: 100%;
	z-index: 100; /* Asegúrate de que la franja esté por encima de otros elementos */
}

/*---------------------------------------
      INFO DE MUNICIPIO         
  -----------------------------------------*/

#municipio-name{
	padding: 0px; 
	margin-top: 0;
	margin-bottom: 0;
}

#municipio-info{
	padding: 0px; 
	margin-top: 0;
	font-weight: 100; 
}


#agenda h4 {
	font-size: 18px;
	
}

#map {
	width: 100%; /* Ajusta el ancho al 100% del contenedor */
    height: auto; /* Mantiene la relación de aspecto */
    max-width: 100%; /* Ancho máximo del SVG */
    max-height: 500px; /* Altura máxima del SVG */
	/*padding-top: 0px;*/
	/*padding-bottom: 0px;*/
	/*margin-bottom: 0;*/
}

#mensaje {
	background: linear-gradient(to right, #F3F3F3 25%, white 25%);
	padding-top: 60px; /* Ajusta este valor al tamaño de tu barra de menú */
	padding-bottom: 0px;
}

@media (max-width: 768px) {
	#mensaje {
		padding-top: 20px;
		background: none;
	}
}






#matricula .container {
    width: 90% !important;
}








#franjados {
	
	background-color: #c49955;
    border: none;
    margin-bottom: 0;
    padding: 15px 0px;
	
}

/*
hr {
    border-left:    2px dashed #FFFFFF;
    height:         100px;
    width:          0px;
}
*/


#franjados .contenedor {
  display: flex;
	flex-wrap: wrap;
 
}

.info_inicial {
	width: auto;
	align-items: center;
	text-align: center;
	
}

.info_inicial_lin_izq{
	width: auto;
	align-items: center;
	text-align: center;
	border-left:    4px dashed #c49955;
}


@media (max-width: 769px) {
		.info_inicial {
		padding-bottom: 15px;


	}
		.info_inicial_lin_izq{
		border-left: none;
		border-top: 4px dashed #c49955;
			padding-top: 15px;
			padding-bottom: 15px;
	}
}



#franjados .contenedor .texto h1 {
	color: #fff;
	font-size: 60px;
}

/* LINEA COLOR */

hr.coloreada {
	border: 0;   /* in order to override TWBS stylesheet */
  height: 5px;

  background: -moz-linear-gradient(left, #661412 0%, #661412 12.5%, #7D7E81 12.5%, #7D7E81 25%, #A7A6A6 25%, #A7A6A6 37.5%, #c49955 37.5%, #c49955 50%, #B92526 50%, #B92526 62.5%, #B92526 62.5%, #B92526 75%, #B92526 75%, #B92526 87.5%, #B92526 87.5%, #B92526 87.5%, #B92526 100%);  /* FF3.6+ */
background: -webkit-linear-gradient(left, #661412 0%, #661412 12.5%, #7D7E81 12.5%, #7D7E81 25%, #A7A6A6 25%, #A7A6A6 37.5%, #c49955 37.5%, #c49955 50%, #B92526 50%, #B92526 62.5%, #B92526 62.5%, #B92526 75%, #B92526 75%, #B92526 87.5%, #B92526 87.5%, #B92526 87.5%, #B92526 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #661412 0%, #661412 12.5%, #7D7E81 12.5%, #7D7E81 25%, #A7A6A6 25%, #A7A6A6 37.5%, #c49955 37.5%, #c49955 50%, #B92526 50%, #B92526 62.5%, #B92526 62.5%, #B92526 75%, #B92526 75%, #B92526 87.5%, #B92526 87.5%, #B92526 87.5%, #B92526 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #661412 0%, #661412 12.5%, #7D7E81 12.5%, #7D7E81 25%, #A7A6A6 25%, #A7A6A6 37.5%, #c49955 37.5%, #c49955 50%, #B92526 50%, #B92526 62.5%, #B92526 62.5%, #B92526 75%, #B92526 75%, #B92526 87.5%, #B92526 87.5%, #B92526 87.5%, #B92526 100%); /* IE10+ */
background: linear-gradient(to right, #661412 0%, #661412 12.5%, #7D7E81 12.5%, #7D7E81 25%, #A7A6A6 25%, #A7A6A6 37.5%, #c49955 37.5%, #c49955 50%, #B92526 50%, #B92526 62.5%, #B92526 62.5%, #B92526 75%, #B92526 75%, #B92526 87.5%, #B92526 87.5%, #B92526 87.5%, #B92526 100%); /* W3C */
}



.ilustracion-nosotros {
	padding-bottom: 20px;
}



.titulo-nosotros {
	padding-top: 60px;
}


#matricula {
	padding-bottom: 0px;
}


.titulo_blanco {
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
		font-weight: 700;
		font-size: 50px;
		letter-spacing: normal;
		color: #FFFFFF;
	
}

.titulo_negro {
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
		font-weight: 700;
		font-size: 50px;
		letter-spacing: normal;
		color: #020202;
}

.subtitulo_gris {
	font-family: Montserrat;
	font-weight: 700;
	color: #6A6A6A;
	font-size: 18px;
	
}

.subtitulo_blanco {
	font-family: Montserrat;
	font-weight: 700;
	color: #FFFFFF;
	font-size: 18px;
	
}

.subtitulo_negro {
	font-family: Montserrat;
	font-weight: 700;
	color: #000000;
	font-size: 18px;
	
}


/*TITULOS PARA CELULAR*/
@media (max-width: 769px) {
	.titulo_blanco {
		font-size: 30px;
		text-align: center;
	}

	.titulo_negro {
			font-size: 30px;
	}

	.subtitulo_gris {
		font-size: 13px;
	}

	.subtitulo_blanco {
		font-size: 13px;
	}

	.subtitulo_negro {
		font-size: 13px;
	}
}


#exito .titulo-exito h1 {
		font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
		font-weight: 700;
		font-size: 50px;
		letter-spacing: normal;
		color: #292929;
		padding-top: 0px;
	margin-top: 0px;
}

#exito .titulo-exito h3 {
		font-family: Montserrat;
		font-weight: 700;
		font-size: 20px;
		letter-spacing: normal;
		color: #292929;
		padding-bottom: 0px;
}

#exito .titulo-exito h4 {
		font-family: Montserrat;
	font-weight: 700;
	color: #6A6A6A;
	font-size: 18px;
}

#exito p {
	font-family: 'Montserrat', serif;
    color: #4E4E4E;
    font-size: 18px; /* Ajusta este valor al tamaño que desees */
	padding-bottom: 20px;
	line-height: 25px;
}



#mapa .cuadro_blanco {
	background-color: white;
	border-radius: 20px;
	
}



.texto-pie {
	font-family: Montserrat;
	color:white;
	font-size: 15px;
	font-weight: 500;
	padding: 5px 0;
}

.nav-item a{
	
  color: #FFFFFF; /* Color del texto */ 
  font-size: 15px; /* Tamaño de fuente */
	letter-spacing: 1px;
	font-family: Montserrat; 
	
}

.nav-item a:hover {
  color: #841114; /* Color del texto al pasar el mouse #841114 B92226 rojo fondo*/
}


.nav p {
	color: #FFFFFF; /* Color del texto */
  font-size: 15px; /* Tamaño de fuente */
	letter-spacing: 1px;
	font-family: Montserrat; 
}

.dato {
	flex-grow: 1;
	flex-basis: 200;
}


 .links_transparencia {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #ffffff;
    border-radius: 10px;
    height: 60px;
    padding: 10px 5px 10px 5px;
    margin-bottom: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.links_transparencia img {
    max-height: 50px;
    object-fit: contain;
}

.links_transparencia .text-container {
    display: flex;
    flex-direction: column;
}

.links_transparencia span {
    color: firebrick; /* Color del texto */
    font-size: 1em; /* Tamaño de la fuente */
	padding-left: 10px;
	text-align: left;
	line-height: 1.1em;
}











/*----------------------- MENSAJE PRINCIPAL */

/* SECCION MENSAJE JEFE ------------------ */

.titulo-mensaje {
	font-family: 'Playfair Display', serif;
	font-weight: 900;
    color: #771139;
    font-size: 40px; /* Ajusta este valor al tamaño que desees */
    letter-spacing: 0.05em;
	padding-bottom: 20px;
	padding-top: 0px;
	line-height: 42px;
}

@media (max-width: 769px) {
	  .titulo-mensaje {
		font-size: 30px; /* Ajusta este valor al tamaño que desees */
		padding-top: 20px;
		  color: #771139;
		  line-height: 30px;
		  padding-left: 5px;
	}
}



.mensaje-nosotros {
	align-content: center;
}

.quote-mensaje-dos {
	font-family: 'Playfair Display', serif;
    color: #8B1719;
    font-size: 44px; 
    font-weight: bolder;
	text-align: left;
	padding: 1rem;
}

.cita {
	font-family: 'Montserrat';
    color: #8B1719;
    font-size: 14px; 
    font-weight: bolder;
	text-align: left;
	padding-left: 10px;
}

.blockquote.quote {
    position: relative; 
    text-align: center;
    padding: 1rem 1.2rem;
    width: 80%;  /* create space for the quotes */
    color: #8B1719;
    margin: 1rem auto 2rem;
}

/* -- create the quotation marks -- */
blockquote.quote:before,
blockquote.quote:after{
    font-family: FontAwesome;
    position: absolute;
    color: #A9D6D5;
    font-size: 54px;
	z-index: -1;
}

blockquote.EN:before{
    content: "\f10d";
    top: -25px;
    margin-right: -40px;
    right: 100%;
}
blockquote.EN:after{
    content: "\f10e";
    margin-left: -60px;
    left: 100%;  
    top: auto;
    bottom: 0px;
}

@media (max-width: 769px) {
  	.quote-mensaje-dos {
	align-content: center;
    font-size: 28px; 
	text-align: center;
	padding-bottom: 15px;
	}
	blockquote.EN:before{
    top: -20px;
    margin-right: -60px;
	}
	blockquote.EN:after{
    margin-left: -70px;
    bottom: -20px;
	}
	.cita {
		display: none;
	}
}


.btn-bd-primary {
	font-weight: 600;
	color: white;
	background-color:#771139;
	border-radius: 15px;
	padding: 13px 20px;
	margin-bottom: 30px;
}

.btn-bd-primary:hover {
	color: white;
	background-color:#c49955;
	border-color:#7F0103;
}

.btn-bd-primary:active {
	color: white;
	background-color: darkgray;
}


.mensaje-bienvenida p {
    font-family: 'Montserrat', serif;
    color: gray;
    font-size: 18px; /* Ajusta este valor al tamaño que desees */
	padding-bottom: 20px;
	text-align: left;
}	


@media (max-width: 769px) {
	.mensaje-bienvenida p {
		color: black;
		padding: 0 5px 0 ;
		text-align: left;
		line-height: 22px;
		letter-spacing: 1px;
	}	
}



.mensaje-bienvenida #parrafo-mensaje {
    position: relative;
}


/* TITULO DE MENSAJE JEFE*/
.titulo{
  text-align: left; /* Alinea el título a la izquierda */
  color: #c49955;
  position: absolute;
  top: 80px;
  left: 59%; /* Ajusta la posición izquierda según tu diseño */
  z-index: 3;
  margin: 0;
}

.foto-director {
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Alinea el contenido al final del contenedor */
    height: 100%; /* Opcional: depende del diseño general */
    position: relative;
}

.info-director {
    background-color: rgba(0, 0, 0, 0.7);
    border: 1px solid white;
    color: white;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 50px); /* Ajusta según necesites */
}

.info-director p{
    
    color: white;
    
}



/* --------------------- */



.ancho-90 {
	width: 90% !important;
}

/* NAV PARA CELULAR */
@media (min-width: 769px) {
  .navbar {
    display: none; /* Esto esconde la barra en pantallas grandes */
  }
}




 .video-container {
        overflow: hidden;
        position: relative;
        width: 100%;
        padding-top: 56.25%; /* Relación de aspecto 16:9 */
    }

    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.imagen-portada-personas {
	align-items: center;
}




/* SECCION GACETA */
.imagen-centrada {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* Esto centra la imagen verticalmente en la pantalla */
}





/* BARRA FIJA */

		.barrafija {
            display: flex;
            justify-content: space-between;
            position: fixed;
            top: 0;
            width: 100%;
            height:80px;
            padding:10px 10px 10px 10px;
            background-color: white;
			z-index: 1000;
			border-bottom: #B7B7B7 1px solid;
        }

		.barrafija .newsletter,
		.barrafija .logo,
		.barrafija .social-media {
   			 flex: 1;
   			 display: flex;
   			 justify-content: center;
   			 align-items: center;
		}

			
		.logo {
    		text-align: center;
		}


		.barrafija a {
            color: gray; /* Color rojo oscuro para los enlaces */
        }

        .barrafija a:hover {
            color: #771139 ; /* Color rojo claro al pasar el ratón por encima */
        }


        .barrafija .social-media {
            justify-content: flex-end;
    		gap: 50px;
    		padding-right:60px;
    		font-size:20px;
        }

		.barrafija .social-media a {
            transition: transform 0.3s ease; /* Transición suave al pasar el ratón por encima */
        }

        .barrafija .social-media a:hover {
            transform: scale(1.5); /* Aumentar el tamaño al pasar el ratón por encima */
        }


		.barrafija span {
			font-size: 16px;
			color: gray;
            text-align: center;
			padding-top: 5px;
			letter-spacing: 2px;
        }


        .barrafija .newsletter {
            
            gap: 10px;
          	padding-left:60px;
			justify-content: flex-start;
			font-size: 17px;
			letter-spacing: 2px;
        }

		.barrafija .newsletter a i{
    		font-size: 17px; /* Cambia esto al tamaño que desees */
  		 	color: darkgray;
			text-align: center;
			padding-top: 7px;
			
		}

      	.newsletter input[type="text"] {
        	width: 300px; /* Cambia esto al tamaño que desees */
        	border-radius: 15px; /* Cambia esto al radio de esquina que desees */
        	padding:10px 10px;
        	background-color: #EDEBEB; /* Esto cambiará el color de fondo a gris claro */
        	border-width: 1px; /* Esto hará que el borde sea más delgado */
    	}

		.barrafija button {
            background-image: linear-gradient(to right, darkred, #771139); /* Degradado de rojo intenso a rojo */
            color: white; /* Texto en blanco */
            font-weight: bold; /* Texto en negrita */
            border-radius: 15px; /* Esquinas redondeadas */
            border: none; /* Sin borde */
            padding: 1px 20px; /* Relleno alrededor del texto */
            height:23px;
            cursor: pointer; /* Cambiar el cursor al pasar el ratón por encima */
            transition: background-color 0.3s ease; /* Transición suave al cambiar el color de fondo */
        }

        .barrafija button:hover {
            background-color: lightcoral; /* Color de fondo claro al pasar el ratón por encima */
        }

        .barrafija button:active {
            background-color: darkgreen; /* Color de fondo verde oscuro al hacer clic */
        }

        /* Estilos para pantallas pequeñas (móviles) 

            .barrafija {
                flex-direction: column-reverse;
                align-items: center;
                bottom: 0;
                top: auto;	
            }
.menu-bar {
				display: none;
			}
			#menu-bar {
				display: none;
			}
*/
        @media (max-width: 600px) {
            .barrafija {
                display: none;
				
            }
			
            .barrafija .newsletter {
                display: none;
            }
			.barrafija .logo {
                display: none;
            }
        }

/* Estilos para dispositivos con pantalla ancha */
@media (min-width: 768px) {
			.menu-items {
                display: none;
	}
			.menu-button {
                display: none;
            }
	
    }




	/* MENÚ SUPERIOR */
	.menu-bar {
		display: flex;
		justify-content: center;
		position: fixed;
		top: 80px; /* Ajusta este valor según la altura de tu barra superior */
		width: 100%;
		background-color: white;
		z-index: 999; /* Asegúrate de que este valor sea menor que el de .barrafija */
		height: 60px;
		gap: 70px;
		box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); /* Añade sombra debajo */
		
	}
	
 /* cambiar el color de los iconos de la navbar*/
	.menu-item {
		position: relative;
		color: #c49955;
		text-decoration: none;
		margin: 10px 10px;
		transition: color 0.3s ease, transform 0.3s ease;
		font-size:25px;
		padding-top: 4px;
	}
	.menu-item .fas {
	transition: transform 0.3s ease;
	}
	.menu-item .fas:hover {
		color: #771139;
		transform: scale(1.5);
	}

	.menu-item .material-symbols-outlined {
	transition: transform 0.3s ease;
		
		font-size: 35px;
		
	}
	
/*cambio de color de los simbolos de la barra de navegacion*/
	.menu-item .material-symbols-outlined:hover {
		color: #771139;
		transform: scale(1.5);
	}

	.menu-item span {
		display: none;
	}

	.menu-item:hover span {
		display: block;
	}



	.menu-item::after {
		content: attr(data-text);
		position: absolute;
		bottom: -50px;
		left: 50%;
		transform: translateX(-50%);
		display: none;
		padding: 5px 10px;
		background-color: rgba(5, 5, 5, 0.6); /* Fondo ligeramente transparente */
		border: 1px solid #000000;
		border-radius: 5px;
		font-size:15px;
		font-weight: bold;
		letter-spacing: 2px;
		color:#C5C5C5;

	}

	.menu-item:hover::after {
		display: block;

	}

	.menu-item:hover,
	.menu-item:active {
		border-color: #771139;
		transition: border-color 0.3s ease;
	}
	

                

/* Estilos para dispositivos con pantalla pequeña */
@media (max-width: 767px) {
    .menu-bar {
        position: fixed;
        align-items: center;
                bottom: 0;
                top: auto;	
		display: flex;
        justify-content: space-around;
        box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1); /* Asegúrate de que la barra esté fija en la parte inferior */
		background-color: white;
		width: 100%;
		height: 60px;
		gap: 20px;
    }
	.menu-item {
        font-size: 20px; /* Tamaño de fuente más pequeño */
        margin: 5px; /* Reducir el margen */
        padding-top: 2px; /* Reducir el padding superior */
    }
    
    .menu-item .material-symbols-outlined {
        font-size: 25px; /* Tamaño de ícono más pequeño */
    }
    
    .menu-item::after {
        font-size: 12px; /* Tamaño de fuente del tooltip más pequeño */
        bottom: -35px; /* Ajustar la posición del tooltip */
    }
	
	 /* Ocultar elementos específicos en dispositivos móviles */
    .menu-item:nth-child(1), /* Inicio */
    .menu-item:nth-child(3), /* Destacados */
	.menu-item:nth-child(5), /* Alianzas */
    .menu-item:nth-child(8)  /* Redes */ {
        display: none;
    }
    
}

@media (min-width: 768px) {
     /* Ocultar elementos específicos en pantallas grandes */
	.menu-item:nth-child(4) /* Destacados */{
        display: none;
    }
}  
        
        
    

#logo-encabezado, .barrafija, #menu-bar {
  transition: height 0.5s, width 0.5s, top 0.5s;
}
















/* FONDO SECCIÓN DEBAJO DE SLIDER DE INICIO */
.main-container {
	background: 
	url("data:image/svg+xml,%3Csvg xmlns='images/landing/img_fondo.png' width='100%25' height='10'%3E%3Crect width='100%25' height='2' fill='%23FFFFFF'/%3E%3C/svg%3E") repeat-y,
	linear-gradient(to right, #F5F1EC 25%, white 25%);
}

@media (max-width: 768px) {
	.main-container {
	background: #F5F1EC;
}

}



/* SECCION INSCRITOS */
#inscritos {
	margin-top: -13%;
}


#matricula .section-title {
	padding-bottom: 55px;
	margin-top: -3%;
}






/* ------ OFERTA FILTRO ES POSIBLE BORRAR -------*/

.type-work {
	color: #FFFFFF;
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 30px;
	line-height: 1em;
	text-transform: uppercase;
}

.work-nav #filters {
	margin: 0;
	padding: 0;
	list-style: none;
}

.work-nav #filters li {
	margin: 0 0 30px 0;
	padding: 0;
}

.work-nav #filters li a {
	color: #7F8289;
	font-size: 16px;
	display: block;	
}

.work-nav #filters li a:hover {
	color: #FFFFFF;
}

.work-nav #filters li a.selected {
	color: #d78c2f;
}

#thumbs {
	margin: 0;
	padding: 0;	
}

#thumbs li {
	list-style-type: none;
}

.item-thumbs {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	cursor: pointer;
}

.item-thumbs a + img {
	width: 100%;	
}

.item-thumbs .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: all 450ms ease-out 0s;	
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);	
}

.item-thumbs:hover .hover-wrap,
.item-thumbs.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}

.item-thumbs .hover-wrap .overlay-img {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #d78c2f;
	
	opacity: 0.40;
	filter: alpha(opacity=40);
}

.item-thumbs .hover-wrap .overlay-img-thumb {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	color: #FFFFFF;
	font-size: 32px;
	line-height: 1em;
	opacity: 1;
	filter: alpha(opacity=100);
}


.overlay-img-thumb-text {
	position: absolute;
	top: 50%;
	left: 25%;
	margin: -16px 0 0 -16px;
	color: #FFFFFF;
	font-size: 20px;
	line-height: 1em;
	opacity: 1;
	filter: alpha(opacity=100);
}




.parrafo-exito {
	padding-right: 30px;
}

@media (max-width: 768px) {
	.parrafo-exito {
	padding-right: 0px;
}
}

.titulo-exito {
		padding-bottom: 50px;
	}

@media (max-width: 768px) {
	.titulo-exito {
		padding-bottom: 30px;
	}
}

.logos-gob {
	position: relative;
	padding-left: 0px;
	height:120px;
}

@media (max-width: 768px) {
	.logos-gob {
	padding-left: 10px;
}

}

 /* Modal styles */
.modal-inicio {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: hidden; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    align-items: center;
    justify-content: center;
}

.modal-content-inicio {
    position: relative;
    margin: auto;
    padding: 0;
    width: 90%;
    height: 90%;
    max-width: 700px;
    max-height: 700px;
    background: white;
    border-radius: 10px;
    overflow: hidden;
}

.close-button-inicio {
    z-index: 1; /* Sit on top */
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1.5em;
    cursor: pointer;
    color: white; /* Color of the close button */
    background-color: rgba(0,0,0,0.5); /* Background for better visibility */
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

.modal-body-inicio {
    padding: 0; /* Remove padding to avoid overflow issues */
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-body-inicio img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensure the image covers the container */
    display: block;
}

@media (max-width: 767px) {
    .modal-content-inicio {
        width: 320px;
        height: 533px;
        padding: 0;
        margin: 0 auto;
    }
}