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

@font-face {
  font-family: "Luna";
  src: url("Luna.ttf");
}

body{ font-family: 'Source Sans Pro', sans-serif; padding: 0px;	margin: 0px; color:#232323;  line-height:25px; font-size:19px;}
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor00{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; margin-top:-127px}
#contenedor2{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; background:url(../images2/texture-diag-lines.png) repeat; background-color:#6C9D75; background-attachment:fixed; margin-top:00px}

#contenedor-Nosotros{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; background:url(../img/nosostros.png); background-size:100%; background-attachment:fixed; margin-top:0}
#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor11{	width:95%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:50%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor4{	width:80%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }


#conte{background:#232323;  font-size:17px; color:#fff }

#header{min-height:127px;  border:0px solid#C30;  width: 100%; background:#fff }
#reds{border: 0px solid #f60; width:0px; font-size:16px; height:45px; float:right; text-align:right; margin-top:10px;}
	
#logo{margin-top:0px; margin-bottom:0px; width:300px;  float:left; border: 0px solid #f60;  position:absolute; z-index:100 }	
#logo img{width:100%}
#logo2{display:none; margin-top:0px; margin-bottom:0px; width:300px;  float:left; border: 0px solid #f60;  position:absolute; z-index:100 }	
#logo2 img{width:100%}

#face{margin-top:-10px}
#hea{min-height:100px; }

p, #bine{line-height:1.4; font-size:25px; color:#FFF}
footer{	width:950px;margin:0px auto;	color:#039;	font-size:12px;	background:#ECECEC;}
#maps{	width: 100%;	height: 300px;	}

#ban1{min-height:750px; background:url(../img/head/istockphoto-881063882-1024x1024.jpg); background-size:100%; background-position: 0 -50px; background-attachment:fixed}

.bg2{background:url(../images2/banner3.jpg); background-size:100%; background-attachment:fixed}

#about1{width:65%; float:left; border:0px solid #09F; }
#about2{width:40%; float:right; border:0px solid #09F;}

#Esta-1{width:50%; float:left; border:0px solid #09F; margin-left:5%; margin-right:5%; font-size:19px; color:#232323}
#Esta-2{width:40%; float:right; border:0px solid #09F;}

#Esta-11{width:40%; float:left; border:0px solid #09F;}
#Esta-22{width:50%; float:right; border:0px solid #09F; margin-left:5%; margin-right:5%; font-size:19px; color:#232323}
#Esta-33{display:none}

#conta1{width:45%; float:left; border:0px solid #09F}
#conta2{width:45%; float:right; border:0px solid #09F}

#cont1{height:30px; background:#FFF; width:80%; border:0px; margin-bottom:20px; margin-top:5px; color:#666; font-size:15px; border-bottom:1PX solid #ccc;  border-radius:2px}
#cont2{height:100px;  background:#FFF; width:80%; border:0px; margin-bottom:20px; margin-top:5px; color:#666; font-size:15px; border-bottom:1PX solid #ccc;  border-radius:2px}

#kit-1{width:45%; float:left; border:0px solid #09F; }
#kit-2{width:45%; float:right; border:0px solid #09F;}
#kit{width:33%}

#bot{background:#E04164; color:#fff; font-size:25px; padding:7px 20px; border-radius:50px; border:0px; font-weight:600}
#bot2{background:#900; color:#fff; font-size:20px; border:0px; }

a{ color: #317D59;	text-decoration: none;	}
a:hover{ color:#232323;    text-decoration: none;	}

.bot-mas{background:#E04164; float:right; width:120px; text-align:center; color:#ffffff; border-radius:50px;  margin-bottom:35px; padding:7px}
.bot-mas:hover{background:#317D59; float:right; width:120px; text-align:center; color:#ffffff; border-radius:50px;  padding:7px}

#cuas{background:#317D59; color:#fff; padding:2.5% 2.5%; margin-top:20px; margin-bottom:20px}
.bot-donar{background:#E04164; float:left; width:100px; text-align:center; color:#ffffff; border-radius:25px;  padding:5px;   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.bot-donar:hover{background:#317D59; float:left; width:100px; text-align:center; color:#ffffff; border-radius:25px;  padding:5px}

#titu1{	color:#fff; font-size: 35px; font-family: 'Montserrat', sans-serif; font-weight:400; margin-bottom:15px; line-height:35px	}
#titu2{	color:#fff; font-size: 35px; font-family: 'Montserrat', sans-serif; font-weight:700; margin-bottom:15px; line-height:45px	}
#titu3{font-size: 28px; font-family: 'Montserrat', sans-serif; font-weight:700;  line-height:1.3	}
#titu4{	color:#fff; font-size: 35px; font-family: 'Montserrat', sans-serif; font-weight:700; margin-bottom:15px; line-height:1.3}

#f1{float:left; width:30%; border: 0px solid #0C6; margin-top:20PX; margin-bottom:20px }
#f2{float:left; width:40%; text-align:center; border: 0px solid #0C6; margin-top:0PX }
#f3{float:left; width:30%; text-align:right; border: 0px solid #0C6; margin-top:20PX }

#separador1{height:60px;}
#separador2{height:170px;}

#gal-1{float:left; width:100%;   margin-bottom:25px; }
.bot-gal{background:#E04164;  width:50%; text-align:center; color:#fff; border-radius:50px; padding:7px 15px; line-height:2; font-size:25px; }
.bot-gal:hover{background:#317D59;  width:50%; text-align:center; color:#fff; border-radius:50px;  padding:7px 15px}

.lectura{float:left; width:43%; margin:2%; padding:1%; border:3px solid #317D59}

.icono-man{width:0px;   max-width: none;  vertical-align: middle; margin-right:5px;display:NONE }

.padre{ display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    grid-auto-rows: 120px;}

.padre > div {
  display: flex;
  justify-content: center;
  align-items: center; border-radius:10px
}
	

.bot-gal-2{ color:#317D59;  background:#8ADACF;   font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight:600;  line-height:1.2;   display: flex;  justify-content: center; /* Centrado horizontal */  align-items: center; padding:0 10px }
.bot-gal-2:hover{color:#E04164;background:#5DC5E2; }


@media screen and (min-width: 1024px) and (max-width: 1199px) {
#contenedor1{	border: 0px solid #F00;	}
#contenedor3{	width:75%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor4{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#titu1{	color:#fff; font-size: 35px; font-family: 'Montserrat', sans-serif; font-weight:400; margin-bottom:15px; line-height:35px	}
#titu2{	color:#fff; font-size: 30px; font-family: 'Montserrat', sans-serif; font-weight:700; margin-bottom:15px; line-height:45px	}
#titu4{	color:#fff; font-size: 30px; font-family: 'Montserrat', sans-serif; font-weight:700; margin-bottom:15px; line-height:1.3}

#separador1{height:60px;}

.icono-man{width: 90px;   max-width: none;  margin-top: 0px;  margin-left: 5px;   vertical-align: middle;}

#framer1{height:1240px}
#framer2{height:1000px}

.padre{ display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(241px, 1fr));
    grid-auto-rows: 120px;}

.padre > div {
  display: flex;
  justify-content: center;
  align-items: center; border-radius:10px
}
	

.bot-gal-2{ color:#317D59;  background:#8ADACF;   font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight:600;  line-height:1.2;   display: flex;  justify-content: center; /* Centrado horizontal */  align-items: center; padding:0 10px }
.bot-gal-2:hover{color:#E04164;background:#5DC5E2; }

}

@media screen and (min-width: 800px) and (max-width: 1024px) {
#contenedor1{	border: 0px solid #232323;	}
#contenedor00{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; margin-top:00px}
#contenedor3{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor4{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#logo{display:none}
#logo2{display:block}
#logo2 img{width:100%}

#titu1{	color:#fff; font-size: 30px; font-family: 'Montserrat', sans-serif; font-weight:400; margin-bottom:15px; line-height:35px	}
#titu2{	color:#fff; font-size: 30px; font-family: 'Montserrat', sans-serif; font-weight:700; margin-bottom:15px; line-height:35px	}
#titu3{font-size: 25px; font-family: 'Montserrat', sans-serif; font-weight:700;  line-height:1.3	}
#titu4{	color:#fff; font-size: 30px; font-family: 'Montserrat', sans-serif; font-weight:700; margin-bottom:15px; line-height:1.3}

#about1{width:100%; float:left; border:0px solid #09F; }

.bot-mas{background:#E04164; float:right; width:120px; text-align:center; color:#fff; border-radius:50px;  margin-bottom:5px; padding:7px}
.bot-mas:hover{background:#317D59; float:right; width:120px; text-align:center; color:#fff; border-radius:50px;  padding:7px}

#Esta-1{width:90%; float:left; border:0px solid #09F; margin-left:5%; margin-right:5%; font-size:19px; color:#232323}
#Esta-2{width:40%; float:left; margin-left:30%; border:0px solid #09F;}

#Esta-11{width:40%; float:left; border:0px solid #09F; display:none}
#Esta-22{width:90%; float:left; border:0px solid #09F; margin-left:5%; margin-right:5%; font-size:19px; color:#232323}
#Esta-33{display:block; width:40%; float:left; margin-left:30%; border:0px solid #09F;}

.icono-man{width:85px;   max-width: none;  margin-top: 0px;  margin-left: 5px;   vertical-align: middle;}

#framer1{height:1160px}
#framer2{height:1025px}

.padre{ display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(241px, 1fr));
    grid-auto-rows: 120px;}

.padre > div {
  display: flex;
  justify-content: center;
  align-items: center; border-radius:10px
}
	
.bot-gal-2{ color:#317D59;  background:#8ADACF;   font-size: 17px; font-family: 'Montserrat', sans-serif; font-weight:600;  line-height:1.2;   display: flex;  justify-content: center; /* Centrado horizontal */  align-items: center; padding:0 10px }
.bot-gal-2:hover{color:#E04164;background:#5DC5E2; }
}

@media screen and (min-width: 600px) and (max-width: 799px) {
#contenedor1{	border: 0px solid #FC0;	}
#contenedor00{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; margin-top:00px}
#contenedor3{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor4{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#logo{margin-top:0px; margin-bottom:0px; width:250px;  float:left; border: 0px solid #f60;  position:absolute; z-index:100; display:none}
#logo2{display:block; margin-top:0px; margin-bottom:0px; width:250px;  float:left; border: 0px solid #f60;  position:absolute; z-index:100 }
#header{min-height:109px;  border:0px solid#C30;  width: 100%; background:#fff }

#titu1{	color:#fff; font-size: 30px; font-family: 'Montserrat', sans-serif; font-weight:400; margin-bottom:15px; line-height:35px	}
#titu2{	color:#fff; font-size: 30px; font-family: 'Montserrat', sans-serif; font-weight:700; margin-bottom:15px; line-height:35px	}
#titu3{font-size: 23px; font-family: 'Montserrat', sans-serif; font-weight:700;  line-height:1.3	}
#titu4{	color:#fff; font-size: 28px; font-family: 'Montserrat', sans-serif; font-weight:700; margin-bottom:15px; line-height:1.3}

p, #bine{font-size:20px; line-height:1.3; color:#FFF}

#contenedor-Nosotros{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; background:url(../img/nosostros.png); background-size:150%; background-attachment:fixed; margin-top:0}

#about1{width:100%; float:left; border:0px solid #09F; }

.bot-mas{background:#E04164; float:right; width:120px; text-align:center; color:#fff; border-radius:50px;  margin-bottom:5px; padding:7px}
.bot-mas:hover{background:#317D59; float:right; width:120px; text-align:center; color:#fff; border-radius:50px;  padding:7px}

#Esta-1{width:90%; float:left; border:0px solid #09F; margin-left:5%; margin-right:5%; font-size:19px; color:#232323}
#Esta-2{width:40%; float:left; margin-left:30%; border:0px solid #09F;}

#Esta-11{width:40%; float:left; border:0px solid #09F; display:none}
#Esta-22{width:90%; float:left; border:0px solid #09F; margin-left:5%; margin-right:5%; font-size:19px; color:#232323}
#Esta-33{display:block; width:40%; float:left; margin-left:30%; border:0px solid #09F;}

#separador1{height:60px;}
#separador2{height:40px;}

#kit{width:45%}

#f1{float:none; width:100%; text-align:center; border: 0px solid #0C6; margin-top:10PX; margin-bottom:15px; }
#f2{float:none; width:100%; text-align:center; border: 0px solid #0C6; margin-top:20PX; }
#f3{float:none; width:100%; text-align:center; border: 0px solid #0C6;  margin-top:20PX;}

#gal-1{float:left; width:100%;   margin-bottom:25px; }
.bot-gal{background:#E04164;  width:50%; text-align:center; color:#fff; border-radius:50px; padding:7px 15px; line-height:2; font-size:20px; }
.bot-gal:hover{background:#317D59;  width:50%; text-align:center; color:#fff; border-radius:50px;  padding:7px 15px}


.lectura{float:left; width:93%; margin:2%; padding:1%; border:3px solid #317D59}

.padre{ display: grid;
    grid-gap: 7px;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    grid-auto-rows: 70px;}

.padre > div {
  display: flex;
  justify-content: center;
  align-items: center;
}

.icono-man{width: 70px;   max-width: none;  margin-top: 0px;  margin-left: 5px;   vertical-align: middle;}
.bot-gal-2{ color:#317D59;  background:#8ADACF;   font-size: 20px; font-family: 'Montserrat', sans-serif; font-weight:600;  line-height:1.2;   display: flex;  justify-content: center; /* Centrado horizontal */  align-items: center; }
.bot-gal-2:hover{color:#E04164;background:#5DC5E2; }

#framer1{height:1100px}
#framer2{height:1065px}

.padre{ display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(241px, 1fr));
    grid-auto-rows: 120px;}

.padre > div {
  display: flex;
  justify-content: center;
  align-items: center; border-radius:10px
}
	
.bot-gal-2{ color:#317D59;  background:#8ADACF;   font-size: 17px; font-family: 'Montserrat', sans-serif; font-weight:600;  line-height:1.2;   display: flex;  justify-content: center; /* Centrado horizontal */  align-items: center; padding:0 10px }
.bot-gal-2:hover{color:#E04164;background:#5DC5E2; }
}


@media screen and (min-width: 480px) and (max-width: 599px) {
#contenedor1{border: 0px solid #000;	}
#contenedor00{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; margin-top:00px}
#contenedor3{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor4{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#logo{margin-top:0px; margin-bottom:0px; width:250px;  float:left; border: 0px solid #f60;  position:absolute; z-index:100; display:none}
#logo2{display:block; margin-top:0px; margin-bottom:0px; width:250px;  float:left; border: 0px solid #f60;  position:absolute; z-index:100 }

#header{min-height:109px;  border:0px solid#C30;  width: 100%; background:#fff }

#titu1{	color:#fff; font-size: 30px; font-family: 'Montserrat', sans-serif; font-weight:400; margin-bottom:15px; line-height:35px	}
#titu2{	color:#fff; font-size: 30px; font-family: 'Montserrat', sans-serif; font-weight:700; margin-bottom:15px; line-height:35px	}
#titu3{font-size: 23px; font-family: 'Montserrat', sans-serif; font-weight:700;  line-height:1.3	}
#titu4{	color:#fff; font-size: 25px; font-family: 'Montserrat', sans-serif; font-weight:700; margin-bottom:15px; line-height:1.3}

p, #bine{ font-size:19px; line-height:1.3; color:#FFF}

#contenedor-Nosotros{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; background:url(../img/nosostros.png); background-size:150%; background-attachment:fixed; margin-top:0}

#about1{width:100%; float:left; border:0px solid #09F; }

.bot-mas{background:#E04164; float:right; width:120px; text-align:center; color:#fff; border-radius:50px;  margin-bottom:5px; padding:7px}
.bot-mas:hover{background:#317D59; float:right; width:120px; text-align:center; color:#fff; border-radius:50px;  padding:7px}

#Esta-1{width:90%; float:left; border:0px solid #09F; margin-left:5%; margin-right:5%; font-size:19px; color:#232323}
#Esta-2{width:60%; float:left; margin-left:20%; border:0px solid #09F;}

#Esta-11{width:40%; float:left; border:0px solid #09F; display:none}
#Esta-22{width:90%; float:left; border:0px solid #09F; margin-left:5%; margin-right:5%; font-size:19px; color:#232323}
#Esta-33{display:block; width:60%; float:left; margin-left:20%; border:0px solid #09F;}

#separador1{height:60px;}
#separador2{height:40px;}

#kit{width:50%}

#f1{float:none; width:100%; text-align:center; border: 0px solid #0C6; margin-top:10PX; margin-bottom:15px; }
#f2{float:none; width:100%; text-align:center; border: 0px solid #0C6; margin-top:20PX; }
#f3{float:none; width:100%; text-align:center; border: 0px solid #0C6;  margin-top:20PX;}

#gal-1{float:left; width:100%;   margin-bottom:25px; }
.bot-gal{background:#E04164;  width:50%; text-align:center; color:#fff; border-radius:50px; padding:7px 15px; line-height:2; font-size:20px; }
.bot-gal:hover{background:#317D59;  width:50%; text-align:center; color:#fff; border-radius:50px;  padding:7px 15px}

.lectura{float:left; width:93%; margin:2%; padding:1%; border:3px solid #317D59}

.padre{ display: grid;
    grid-gap: 7px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-auto-rows: 70px;}

.padre > div {
  display: flex;
  justify-content: center;
  align-items: center;
}

.icono-man{width: 60px;   max-width: none;  margin-top: 0px;  margin-left: 5px;   vertical-align: middle;}
.bot-gal-2{ color:#317D59;  background:#8ADACF;   font-size: 20px; font-family: 'Montserrat', sans-serif; font-weight:600;  line-height:1.2;   display: flex;  justify-content: center; /* Centrado horizontal */  align-items: center; }
.bot-gal-2:hover{color:#E04164;background:#5DC5E2; }


#framer1{height:1040px}
#framer2{height:950px}

.padre{ display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(241px, 1fr));
    grid-auto-rows: 120px;}

.padre > div {
  display: flex;
  justify-content: center;
  align-items: center; border-radius:10px
}
	
.bot-gal-2{ color:#317D59;  background:#8ADACF;   font-size: 17px; font-family: 'Montserrat', sans-serif; font-weight:600;  line-height:1.2;   display: flex;  justify-content: center; /* Centrado horizontal */  align-items: center; padding:0 10px }
.bot-gal-2:hover{color:#E04164;background:#5DC5E2; }
}

@media screen and (min-width: 320px) and (max-width: 479px) {
#contenedor1{	border: 0px solid #0C0;	}
#contenedor00{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; margin-top:00px}
#contenedor3{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor4{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#logo{margin-top:0px; margin-bottom:0px; width:250px;  float:left; border: 0px solid #f60;  position:absolute; z-index:100; display:none}
#logo2{display:block; margin-top:0px; margin-bottom:0px; width:250px;  float:left; border: 0px solid #f60;  position:absolute; z-index:100 }

#header{min-height:109px;  border:0px solid#C30;  width: 100%; background:#fff }

#titu1{	color:#fff; font-size: 25px; font-family: 'Montserrat', sans-serif; font-weight:400; margin-bottom:15px; line-height:30px	}
#titu2{	color:#fff; font-size: 20px; font-family: 'Montserrat', sans-serif; font-weight:700; margin-bottom:15px; line-height:1.3	}
#titu3{font-size: 20px; font-family: 'Montserrat', sans-serif; font-weight:700;  line-height:1.3	}
#titu4{	color:#fff; font-size: 20px; font-family: 'Montserrat', sans-serif; font-weight:700; margin-bottom:15px; line-height:1.3}

p, #bine{font-size:18px; line-height:1.3; color:#FFF}

#contenedor-Nosotros{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; background:url(../img/nosostros.png); background-size:290%; background-position:-240px; background-attachment:fixed; margin-top:0}

#about1{width:100%; float:left; border:0px solid #09F; }

.bot-mas{background:#E04164; float:right; width:120px; text-align:center; color:#fff; border-radius:50px;  margin-bottom:5px; padding:7px}
.bot-mas:hover{background:#317D59; float:right; width:120px; text-align:center; color:#fff; border-radius:50px;  padding:7px}

#Esta-1{width:90%; float:left; border:0px solid #09F; margin-left:5%; margin-right:5%; font-size:18px; color:#232323}
#Esta-2{width:80%; float:left; margin-left:10%; border:0px solid #09F;}

#Esta-11{width:40%; float:left; border:0px solid #09F; display:none}
#Esta-22{width:90%; float:left; border:0px solid #09F; margin-left:5%; margin-right:5%; font-size:18px; color:#232323}
#Esta-33{display:block; width:80%; float:left; margin-left:10%; border:0px solid #09F;}

#separador1{height:20px;}
#separador2{height:20px;}


#kit-1{width:90%; float:none; margin-left:5%; border:0px solid #09F; }
#kit-2{width:90%; float:none; margin-left:5%; border:0px solid #09F;}

#kit{width:50%}

#f1{float:none; width:100%; text-align:center; border: 0px solid #0C6; margin-top:10PX; margin-bottom:15px; }
#f2{float:none; width:100%; text-align:center; border: 0px solid #0C6; margin-top:20PX; }
#f3{float:none; width:100%; text-align:center; border: 0px solid #0C6;  margin-top:20PX;}

#gal-1{float:left; width:100%;   margin-bottom:25px; }
.bot-gal{background:#E04164;  width:50%; text-align:center; color:#fff; border-radius:50px; padding:7px 15px; line-height:2; font-size:18px; }
.bot-gal:hover{background:#317D59;  width:50%; text-align:center; color:#fff; border-radius:50px;  padding:7px 15px}

.lectura{float:left; width:93%; margin:2%; padding:1%; border:3px solid #317D59}


.padre{ display: grid;
    grid-gap: 7px;
    grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
    grid-auto-rows: 70px;}

.padre > div {
  display: flex;
  justify-content: center;
  align-items: center;
}

.icono-man{width: 50px;   max-width: none;  margin-top: 0px;  margin-left: 5px;   vertical-align: middle;}
.bot-gal-2{ color:#317D59;  background:#8ADACF;   font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight:600;  line-height:1.2;   display: flex;  justify-content: center; /* Centrado horizontal */  align-items: center; }
.bot-gal-2:hover{color:#E04164;background:#5DC5E2; }


#framer1{height:1040px}
#framer2{height:855px}
#framer3{height:760px}

.padre{ display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(241px, 1fr));
    grid-auto-rows: 100px;}

.padre > div {
  display: flex;
  justify-content: center;
  align-items: center; border-radius:10px
}
	
.bot-gal-2{ color:#317D59;  background:#8ADACF;   font-size: 17px; font-family: 'Montserrat', sans-serif; font-weight:600;  line-height:1.2;   display: flex;  justify-content: center; /* Centrado horizontal */  align-items: center; padding:0 10px }
.bot-gal-2:hover{color:#E04164;background:#5DC5E2; }
}

