article{
  width: 100%;
}
.titulo{
  margin: 2rem 0;
  text-align: justify;
}
.tituloWraper{
  width: 80%;
  margin: auto;
}
.tituloWraper h1{
  font-size: 2rem;
  text-align: center;
  margin: 1rem auto;
}
.tituloWraper p{
  width: 90%;
  margin: 1rem auto;
}
.tituloWraper h2, h3{
  text-align: center;
  padding: 0.5rem;
}
.tituloWraper ul{
  display: block;
  width: 70%;
  margin: auto;
}
.tituloWraper li{
  list-style-type: circle;
  font-size: 1.1rem;
  font-weight: bold;
}
.modulos{
  padding: 1rem 0;
  border-top: 0.5rem solid #ffffff;
  border-bottom: 0.5rem solid #ffffff;
}
.sectionWraper{
  width: 80%;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
  grid-gap: 0.5rem;
}
.sectionWraper a{
  color: inherit;
  text-decoration: none;
}
.sectionWraper a:hover{
  text-decoration: underline;
}
.sectionWraper p{
  margin: 0.5rem auto;
  text-align: center;
}
.sectionWraper em{
  text-align: center;
  font-size: 0.8rem;
}
.circulo{
  background-color: #ffffff;
  width: 85%;
  border-radius: 1rem;
  margin: auto;
  transition: all 0.5s;
}
.circulo:hover{
  background-color: #000;
}
.circulo img{
  max-width: 100%;
  border-radius: 1rem;
  display: block;
  margin: auto;
  padding: 0.5rem;
}
#accionMantenimiento{
  text-decoration: none;
  color: #474D9A;
  transition: all ease 0.2s;
}
#accionMantenimiento:hover{
  color: #78BAE4;
}
#accionMaderaInmunizada{
  text-decoration: none;
  color: #D5581C;
  transition: all ease 0.2s;
}
#accionMaderaInmunizada:hover{
  color: #E1281E;
}

/* colores de las secciones, acorde al catálogo */
#pequenos{
  background-color: #78BAE4;
}
#medianos{
  background-color: #F5EA46;
}
#independientes{
  background-color: #F5B33F;
  color: #ffffff;
}
#deportivos{
  background-color: #E1281E;
  color: #ffffff;
}