@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i');

body {
	margin: 0px;
}

.header{
	position: absolute;
	width: 100%;
	height: 100px;
	z-index: 50;
}

.logo{
	position: absolute;
	top: 20px;
	margin-left: 20px;
}

.verde{
	background-color: rgba(42,107,39,0.90);
}
.rojo{
	background-color: rgba(127,25,26,0.90);
}

/*MENU*/
a.menumain:link{
	text-decoration: none;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: 500;
	margin: 0px 6px;
	line-height: 40px;
	text-shadow: 0px 0px;
	padding: 60px 4px 10px 4px;
}
a.menumain:visited{
	color: #FFFFFF;
	margin: 0px 6px;
	padding: 60px 4px 10px 4px;
}
a.menumain:hover{
	background-color: hsla(118,47%,32%,1.00);
	padding: 60px 4px 10px 4px;
}
a.menumain:active{
	color: #FFFFFF;
	margin: 0px 6px;
	padding: 60px 4px 10px 4px;
}

/*TEXTOS*/
h1,h2,h3,h4,h5,h6,h7,h8,p {
	font-family: 'Roboto Condensed', sans-serif;
	margin: 0 auto;
}

.tex_blanco{
	color:  white;
}

.fonos{
	color: white;
	font-size: 11px;
	font-style: italic;
	line-height: 16px;
	font-weight: 800;
}

.info_punto{
	color: #315730;
	font-weight: 400;	
	margin-top: 20px;
}

.bajada_video{
	font-weight: 100;
}

.boton{
	
}

a.boton:link{
	width: 190px;
	height: 50px;
	text-decoration: none;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	background-color: #7e191a;
	color: white;
	padding: 10px 16px 10px 16px;
}

a.boton:visited{
	color: white;
}

a.boton:hover{
	color: white;
	background-color: #315730;
	padding: 10px 16px 10px 16px;
}

a.boton:active{
	color: white;
}


a.correos:link{
	text-decoration: none;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	color: white;
	font-weight: 400;
}
a.correos:visited{color: white;}
a.correos:hover{
	color: rgba(126,25,26,1.00);
}
a.correos:active{color: white;}



a.vinculo:link{
	text-decoration: none;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #7E191A;
	font-weight: 400;
}
a.vinculo:visited{
	color: #7E191A;
}
a.vinculo:hover{
	color: #7E191A;
}
a.vinculo:active
	{color: green;
}



/*FOOTER*/
.tex_footer{
	font-weight: 400;
	font-style: italic;
}
.parrafo_footer{
	font-size: 14px;
	font-weight: 100;
}

.firma_footer{
	font-size: 11px;
	font-weight: 100;
}


/*hojas internas*/

.cajasfotosestiradas{ 
	-webkit-background-size: 100% auto; 
	-moz-background-size: 100% auto; 
	-o-background-size: 100% auto; 
	background-size: 100% auto no ;  
	border:0px; 	
	background-repeat:no-repeat;
	/*width: 100%;
	height: auto;*/
}

.triangulo-equilatero {
	width: 0px;
	height: 0px;
	border-right: 20px solid transparent;
	border-top: -10px solid transparent;
	border-left: 0px solid transparent;
	border-bottom: 50px solid white;
	margin: 0px;
}

.titulo h2{
	color: #315730;
	font-size: 30px;
	font-style: italic;
	font-weight: 700;
}

.circulo {
     width: 18px;
     height:auto
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: rgba(127,25,26,0.90);
}

.bajada_index{
	font-size: 22px;
	margin: 30px 0px 20px 90px;
	width: 250px;
	color: #315730;
	font-style: italic;
	font-weight: 400;
	text-align: center;
}

h4.bajada {
	/*background-color:rgba(182,64,66,1.00);*/
	margin: 30px 0px 20px 90px;
	width: 250px;
	color: #315730;
	font-style: italic;
	font-weight: 400;
	text-align: center;
}

 h2.titulo{
	color: rgba(127,25,26,0.90);
	font-size: 30px;
	font-style: italic;
	font-weight: 700;
	margin: 10px 0px 10px 30px;
}

p.parrafo {
	font-weight: 100;
	margin: 0px 30px 20px 30px;
	text-align: justify;
}

p.parrafo_2{
	font-weight: 100;
}


/*_______imagenes recortadas________*/
.img_somos{
	margin-top: 20px;
    width: 100%;
    height: 267px;
    overflow: hidden;
}

.img_somos .fotosomos{
	width: 100%;
	height: auto;
	margin-top: -80px;
}


.img_somos_2{
    width: 100%;
    height: 100px;
    overflow: hidden;
}

.img_somos_2 .fotosomos2{
	margin-top: -260px;
	width: 100%;
	height: auto;
}


.bannerimage{
	top: 0;
	width: 100%;
    height: 323px;
    overflow: hidden;
	z-index: -1;
	position:absolute;
}

 .bannerimage .img_banner{
	display: block;
    margin: 0 auto;
	width: 100%;
	height: auto;
	bottom:50%;
	position: relative;
	 
}
/*___________________________________*/

.org_menu{
	background-color: rgba(42,107,39,0.90);
	text-align: center;
}

/*ORGANIGRAMA*/
.organigrama_1{
	text-decoration: none;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	background-color: #235F23;
	font-weight: 400;
	margin: 0px 10px;
	line-height: 20px;
	padding: 10px 10px 11px 10px;
}

a.organigrama:link{
	text-decoration: none;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: 400;
	margin: 0px 30px;
	line-height: 40px;
	padding: 10px 10px 11px 10px;
}
a.organigrama:visited{
	color: #FFFFFF;
}
a.organigrama:hover{
	background-color: #499C46;
	padding: 10px 10px 11px 10px;
}
a.organigrama:active{
	color: #FFFFFF;
}

/*.tabla{
	height: 80px;
	background-color: #DEDEDE;
	margin-bottom: 25px;
}*/

p.nombre{
	color: rgba(42,107,39,0.90);
	font-style: italic;	
	font-weight: 700;
}

p.cargo{
	color: rgba(127,25,26,0.90);
	font-weight: 700;
}

p.correo{
	font-size: 12px;
}

/*------------FLEXBOOX----------------*/
section{
  width: 100%;
  min-height: 400px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content:center;
  align-items:center;
  align-content:flex-start;
}

article{
  flex: 0 0 auto;
    margin: 20px 15px;
	
	border-bottom: 8px solid #7F191A;
	width:323px;
	height: 400px;	
}
/*----------------------------*/

.nom_service{
	height: auto;
	background-color: #2A6B27;
	color: white;
	text-transform: uppercase;
	font-style: italic;
	font-weight: 700;
	padding: 5px 0px;
}

p.descrip{
	margin: 0px 22px;
	text-align: left;
	font-size: 14px;
	font-weight: 100;
}

p.descrip_long{
	margin: 0px 22px;
	text-align: left;
	font-size: 14px;
	font-weight: 100;
	overflow: scroll;
	height: 195px;
}


.linea_divisora{
	border-bottom: 2px solid #3E683E;
}

/* =======================
   BUSCADOR FLOTANTE
   ======================= */
.buscador-card {
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
  border-top: 6px solid #0D5227; /* verde institucional */
  padding: 18px 20px;
  margin: 18px 0 28px 0; /* separarlo del video y del bloque siguiente */
}

.buscador-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr auto;
  gap: 14px;
  align-items: end;
}

.campo .lbl {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
  color: #2c2c2c;
}

.input {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  font-size: 14px;
  outline: none;
}

.input:focus {
  border-color: #0D5227;
  box-shadow: 0 0 0 3px rgba(13,82,39,0.15);
}

/* Botón con estilo del sitio (similar a .boton existente) */
.boton-buscar {
  background: #0D5227;
  color: #fff;
  border: none;
  padding: 12px 22px;
  border-radius: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: transform 0.08s ease, box-shadow 0.2s ease, background 0.2s ease;
  display: inline-block;
  text-transform: uppercase;
}

.boton-buscar:hover {
  background: #0b4722;
  box-shadow: 0 6px 16px rgba(13,82,39,0.35);
}

.boton-buscar:active {
  transform: translateY(1px);
}

/* Responsivo */
@media (max-width: 900px) {
  .buscador-grid {
    grid-template-columns: 1fr 1fr;
  }
  .acciones {
    grid-column: 1 / -1;
  }
}

@media (max-width: 560px) {
  .buscador-grid {
    grid-template-columns: 1fr;
  }
}