.cabezera{
  padding-left: 3%;
}

.seccion {
  margin-top: 4.5em;
  min-height: 65vh;
  width: 100%;
  display: flex;
  justify-content: space-between; 
  padding: 2%;
}

.sub-seccion1 {
  width: 48%; 
}

.sub-seccion1-btn {
  display: flex;
  justify-content: center;
  margin-top: 2em;
}

.botton {
  border: none;
  background-color: #722fff;
  color: white;
  border-radius: 5px; 
  font-size: calc(0.75rem + 0.5vw); 
  padding: 10px 20px; 
}
.botton:hover{
  background-color: #4a2793;
}

.sub-seccion1 h1 {
  font-weight: 900;
  font-size: calc(1.375rem + 1.5vw);
  font-family: "Madimi One", sans-serif;
}
.sub-seccion1 span{
  color:#4a2793;
}

.sub-seccion1 h6 {
  color: gray;
  margin-top: 20px;
}

.sub-seccion2 {
  width: 48%; /
}

.sub-seccion2 img {
  max-width: 100%; 
  height: auto; 
  transform: skewY(10deg);
}
.container-body{
  background-color: #e3e7ea;
  
}
.container{
  padding: 1%;
 
}
.card{
  transition: transform 0.3s ease-in-out;
}
.card:hover {
  transform: scale(1.05); 
}
@media screen and (max-width: 600px) {
  .cabezera {
    padding-left: 2%; 
  }

  .seccion {
    margin-top: 3em; 
    flex-direction: column; 
    align-items: center;
    min-height: auto; 
  }

  .sub-seccion1,
  .sub-seccion2 {
    width: 100%; 
  }

  .sub-seccion1-btn {
    padding-left: 0; 
  }

  .botton {
    margin-top: 1em; 
    padding: 8px 16px; 
    font-size: 14px; 
  }

  .sub-seccion1 h1 {
    font-size: calc(1.125rem + 1.5vw); 
  }

  .sub-seccion1 h6 {
    margin-top: 15px; 
    font-size: 14px; 
  }
  .sub-seccion2 {
    margin-top: 10%;
    margin-bottom: 10%;
  }
  .sub-seccion2 img {
    transform: skewY(10); 
  }

  .container {
    padding: 0; 
  }
}