/* ===============================
   MindeloHosting – Services
================================ */

/* SEO entry-title */
header.entry-header .entry-title {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


/* Container */
.mh-services {
  display: flex;
  flex-wrap: wrap;

  /* Espaço apenas entre cards */
  margin-left: -0.75rem;  /* metade do gap */
  margin-right: -0.75rem;
}

/* Card */
.mh-service {
  flex: 1 1 calc(32% - 1.5rem);
  border: 1px solid #555;
  border-radius: 20px;
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: transparent;

  /* Margem interna entre cards */
  margin-left: 0.75rem;  /* metade do gap */
  margin-right: 0.75rem;
  margin-bottom: 1.5rem;
}

/* Títulos */
.mh-service h2 {
  font-size: 1.6rem;
  margin-bottom: 0.25rem;
}

/* Subtítulo */
.mh-subtitle {
  font-weight: 600;
  margin-bottom: 1rem;
}

/* Lista */
.mh-list {
  padding-left: 1.25rem;
  margin-bottom: 1.5rem;
}

.mh-list li {
  margin-bottom: 0.4rem;
}

/* Botão */
.mh-service a.button {
  align-self: stretch;
  text-align: center;
  background-color: transparent; /* fundo transparente */
  color: #000; /* verde vivo do logo */
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #000; /* borda preta */
  border-radius: 20px;
  transition: all 0.3s;
}

/*  ******************* */
/*  *** FOOTER *** */
/*  ******************* */



.widget-title {
font-size:1.2rem !important;
}


/*  ******************* */
/*  *** Responsive *** */
/*  ******************* */

@media (max-width: 1024px) {
  .mh-service {
    flex: 1 1 calc(50% - 1.5rem);
  }

}

@media (min-width: 921px) {

    .ast-container {
        max-width: 95%;
    }
	.headerimg {
width: 100%;display: block; margin:-40px 0 20px 0; object-fit: cover;border-radius:20px}
       }

@media (max-width: 921px) {

    .ast-header-break-point .site-above-footer-wrap[data-section="section-above-footer-builder"] {
        display: grid;
      padding: 20px !important;
    }
   }

@media (max-width: 600px) {
  .mh-service {
    flex: 1 1 100%;
    margin-left: 0;
    margin-right: 0;
  }
}