/* === SEÇÃO SERVIÇOS === */

.section.services {
 
  background-color: var(--color-bg, #f9f9f9);
  
}

.section.services .container {
  max-width: 1500px;
  margin: 0 auto;
 
  
}

/* === GRID === */
.service-grid {
  
  margin-top: 3rem;
  display: flex;
  flex-direction: column;


}

/* === CARD === */
.service-card {
 
  background: rgba(255, 255, 255, 0.6);
  margin-bottom: 2rem;;
}

/* conteúdo centralizado dentro do bleed */
.service-card-content {
  display: flex;
  align-items: stretch;
 
  max-width: 1500px;
  margin: 0 auto;

}
.service-card h2, .service-card h3 {

  margin-bottom: 1rem;;
}

.service-media img {
  width: 500px;;
  display: block;
  border-radius: 8px;
}

/* texto (2/3) */
.service-card-text {
  flex: 2;
  padding: 0 2rem;
}


/* === RESPONSIVO === */
@media (max-width: 1300px) {
  

.service-media img {
  width: 400px;
  
}
}

@media (max-width: 1000px) {
  
.service-media img {
 width: 300px;
 
}

}

/* === RESPONSIVO === */
@media (max-width: 768px) {
  .service-card-content {
   
    text-align: center;
    flex-direction: column;
   
  }
  .service-media img {
    width: 100%;
   
   }
   
  
}