html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Generales */


html {font-family: "Nunito" , sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
body{font-size: 22px; background: #f1ebda;}
h1 {font-size: 2em; line-height: 1em; color: #00B13B;}
h2 {font-size: 1.375em; line-height: 1.0909em; color: #00B13B; }
h3 {font-size:1.25em; line-height: 1.2em;}
h4 {font-size: 1.125em; line-height: 1.333em;}
h5, h6 {font-size: 1em; line-height: 1.5em;}
h1, h2 {font-weight: 900;}
h3, h4 {font-weight: 700;}
h5, h6 {font-weight: 400;}
a {color: #00B13B; font-weight: 400; text-decoration: none;}
p{margin-bottom: 1em;  line-height: 1.333em;}
b, strong{font-weight: 700;}
i, em{font-style: italic;}
mark{background-color: #6aa751;}
del{text-decoration: line-through solid #6aa751 .2em;}
blockquote {display: block; font-weight: 400; font-style: italic; margin: 1em; color: #9d9d9c;}
q, cite{color:  #636a60; font-style: italic;}
ol, ul{list-style: disc outside; padding:1em 1.5em;}
li::marker {color: #6aa751;}
section ol li{padding:.5em 0; list-style-type:decimal;}
img {width: 100%;  height: auto;}
nav, header, section, .cont, footer {float: left; display: block; }
@media screen and (max-width:1000px) {
	body{ font-size:19px; }
}
@media screen and (max-width:600px) {
	body{ font-size:16px; }
}

/* Generales Fin */

/*  Layout  */

#navp{width: 100%; height: auto; position: fixed; z-index: 999999; box-shadow: 0 0 10px 5px #000; border-bottom: 1px solid #00B13B; padding: .3em 0;}
.topnav {overflow: hidden; background-color: #f1ebda; }
.topnav .logo{float: left;}
.topnav .logo a{font-weight: 700;}
.topnav .logo a:hover {background-color: #f1ebda; color: #f5dc34;}
.topnav #myLinks{ display:none; }
.topnav li {float: left; width: 100%; list-style: none; }
.topnav a { color: #00B13B ; padding: 14px 16px; text-decoration: none; font-size: 1em; display: block;}
.topnav a.icon {background: #f1ebda; display: block; position: absolute; right: 0; top: 0;}
.topnav a:hover, .topnav a.active {background-color: #00B13B ; color: #f5dc34;}
.topnav li span{padding:0 1em 0 0;}

header{ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; }
.port{ background-image: url('../images/bg.jpg'); }
.intro{ padding:4em 0; }
#intro, #ruta { width: 100%; }
#imgintro{ width:60%; float: left;}
#bienv { float: right; background-color: #141f17; width:40%; padding: 7em 1em;}
#logobienv{ display:block; margin-left:auto; margin-right:auto; width:50%;}
#txtbienv h1{ color:#00B13B; text-align: center; margin: 1em 0;}
#txtbienv p{ color:#f5dc34; text-align: center; margin: 1em 0; font-size: 1.5em;}
#cbtnbienv { width:100%; padding: 2em 0; text-align: center; }
#btnbienv a{ color:#FFF; font-weight:700; background-color:#00B13B; text-align: center;  margin: 2em; padding: 1em 2em; border-radius: 20px;}
#btnbienv a:hover{background-color:#28b463; color:#f5dc34; }
.down { float: left; width: 100%; text-align: center;}
.down a:hover{ color: #f5dc34;}	

@media screen and ( max-width:1008px) {
	#bienv { padding: 4em 1em; }
}
@media screen and ( max-width:600px) {
	#bienv {background: rgba(20, 31, 23, 0.8);}
	#imgintro{ width:0%; }
	#bienv { width:100%; padding: 4em .5em; } 
}
.nos, .serv, .pub, .ctt, .rs, .nlcft { width: 100%; text-align:center;  padding:2em 0; }
.inner{ width:70%; height:auto; margin:0 auto; }
.contttl, .conttxt, .contbtn { height: auto; margin:1em 0; }
.contbtn{ text-align:center; padding:1em 0; }
.contbtn a{ color: #FFF; font-weight: 700; background-color: #00B13B; border-radius:20px; padding:1em 2em; }
.contbtn a:hover{background-color:#28b463; color: #f5dc34; }
.serv{ background-color: #28b463; text-align:center; }
.serv h2, .serv p{ color:#FFF; }
 @media screen and (max-width:600px) {
 	.inner{ width:90%; }
 }


.cimgs1, .cimgs2{ display: grid; }
.cimgs1{ grid-template-columns: repeat(3,440px [col-start]); }
.cimgs2{ grid-template-columns: repeat(4,340px [col-start]); }


.cimg{ position:relative; }
.imagec{ display:block; object-fit:cover; height:auto; }
.txtimgs{ position:absolute; background: rgba(0, 177, 59, 0.8); left: 0; bottom: 100%; height: 0; width: 100%; overflow: hidden; backdrop-filter: blur(8px) brightness(80%);
transition: all .3s  ease-in-out ; }
.txtimgs h4{color: #FFF;}
.ctxtimgs { margin:0 ; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.cimg:hover .txtimgs{ bottom:0; height:100%; }
.cimg i{ float:right; }

@media screen and (max-width:1700px) {
	.cimgs2{ grid-template-columns: repeat(3, 1fr); }
}
@media screen and (max-width:1400px) {
	.cimgs1, .cimgs2{ grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width:700px) {
	.cimgs1, .cimgs2{ grid-template-columns: repeat(1, 1fr); }

}
table{table-layout: fixed; width: 100%; border-collapse: collapse; border: 1px solid #28b463; font-size: .8em;}
caption, table td, table th{padding: .5em;}
caption{ font-weight: 700;}
table tr:nth-child(even){background-color: #9d9d9c; color: black; padding: .5em 0;}
table th{text-align: left; background-color: #28b463; color: white;}  
.not{ width: 100%; background: #FFF url("../images/bg.png") repeat; background-attachment: fixed; background-position: center; padding-bottom: 0;}

.ccurv1{ position:relative; background:#f1ebda; height:6em; border-bottom-left-radius:50% 60%; border-bottom-right-radius:50% 60%;}
.not .contttl, .not .conttxt { text-align: center; }
.not .imagec { border-radius:2em; }
.not .cimg { margin:.5em; }
.not .ctxtimgs h4{ font-size: .8em; text-align:left; color:#00B13B; }
.not .ctxtimgs p{ font-size:.7em;  text-align: left; color: #FFF;}
.not .txtimgs{ background: rgba(0, 0, 0, 0.5);border-radius:2em; }
@media screen and (max-width:700px) {
	.not .ctxtimgs h4{ font-size:1em; }
	.not .ctxtimgs p { font-size:1em; }
}
.ccurv2{ position:relative;  height:6em; }
.ccurv2::after { content:''; border-top-left-radius: 50% 60%; border-top-right-radius:50% 60%; position:absolute; bottom:0; width:100%; background:#f1ebda; height:6em; }



.rs{ background-color: #28b463; }
.rs .conttxt{ color:#FFF; font-weight:900; }
.rs i{ margin:0 1em; }
.fa-square-facebook, .fa-square-instagram, .fa-tiktok{ color:#FFF; }
.fa-square-facebook:hover, .fa-square-instagram:hover, .fa-tiktok:hover{ color:#f5dc34; }

footer{ background-color: #00B13B; text-align: center;}
.nlcft{padding: 1em 0;}
.cftr, .cftr2 { color:#FFF;  overflow: auto; font-size: .7em; width: 100%; padding:.3em 0;}
.cftr li, .cftr2 li{ float:left; text-decoration:none; padding:12px;  text-align:center; }
.cftr li { width:15%; }
.cftr2 li { width:48%; }
.cftr a, .cftr2 a{ color:#FFF; }
.cftr a:hover, .cftr2 a:hover, .cftr a.active, .cftr2 a.active{ font-weight:700; }
.cftr li span{padding:0  .5em 0 0;}
@media screen and (max-width:1500px) {
.cftr li{ width:13%; }	
.cftr2 li{ max-width:45%; }
}
@media screen and (max-width:700px) {
.cftr li, .cftr2 li{ float:none; display:block; width: 90%; text-align: center;}
.cftr2 li{ max-width: 90%;}
}
.cint, .cconti{ width: 100%;}
.cconti{ background-color:#FFF; text-align: center;box-shadow: 0 -10px 10px -15px #000;}
.cconti h3{ color:#00B13B; }
.cint{margin: 2em 0;}
#contruta{ float:right;}
#contruta li{list-style: none; float: left; margin:0 .2em; font-size: .8em;}
#contruta span{color: #FFF;}
#contruta a span:hover{color: #00B13B;}
.introdef{margin-top: 4em;}


.blog-item{float: left; width: 30%; height: auto; padding: .5em; margin: .2em; border:1px solid #00B13B; border-radius: 20px;}
.page-header a{font-weight: 900; font-size: .8em;}
.item-content p{font-weight: 400; font-size: .9em;}
.item-image img{display: block; margin-left: auto; margin-right: auto; border-radius: 20px;}
.item-content{padding: 1em;}

@media screen and (max-width:1500px) {
	.blog-item{ width:40%; padding:1em;}
}
@media screen and (max-width:700px) {
	.blog-item{ width:90%; }

}
 
.readmore{float: right; text-align: center; padding: .5em;}
.readmore a{color: #FFF; font-weight: 700; background-color: #00B13B; border-radius:15px; padding: .5em;}
.readmore a:hover{background-color:#28b463; color: #f5dc34;}


input[type=text], input[type=email]{ width: 100%; padding: 12px 20px; margin: 1em 0; border: 1px solid #28b463; box-sizing: border-box; background-color: #fbf5e4;}
input[type=text]:focus,input[type=email]:focus{border: 3px solid #28b463;}
textarea{width: 100%; padding: 12px 20px; box-sizing: border-box; border: 1px solid #28b463; background-color: #fbf5e4;}
input[type=button], input[type=submit], input[type=reset]{color:#FFF; font-weight:700; background-color:#00B13B; text-align: center;  margin: 2em; padding: 1em 2em; border-radius: 20px;}
button{ width:10%; color:#FFF !important; font-weight:700; background-color:#28b463 !important ; text-align: center;  margin: 2em; padding: 1em 2em; border-radius: 20px;}
.chronocredits{display: none;}
.float-start{float: left; margin: .5em .5em.5em 0; width: auto;}
.float-end{float: right; margin: .5em 0 .5em.5em; width: auto;}
.item-page img{width: auto;}
@media screen and (max-width:900px) {
	.item-page img{max-width: 100%;}
}
.d-block{display: block; margin-left: auto; margin-right: auto; width: 50%;}

.com-content-category-blog__navigation, .com-content-category-blog__pagination{margin: auto; text-align: center; font-size: .9em;}
.com-content-category-blog__navigation{width: 50%;}
.com-content-category-blog__pagination{width: 70%;}
.pagination li{float: left; list-style: none; padding:.5em;}
.page-item a{background-color: #00B13B; color: #FFF; margin: auto; padding:.5em 1em; border-radius: 10px; }
.page-item a:hover{background-color: #28b463; color: #f5dc34;}
@media screen and (max-width:1500px) {
	.com-content-category-blog__navigation{width: 90%; font-size: .8em;}
	.com-content-category-blog__pagination{width: 90%; font-size: .8em;}
}
/*  Layout fin  */