.CO001-contacto {
  width: 100%;
  padding: 150px 8% 250px 8%;
  background: rgba(0, 0, 0, 0.03) url("./../../../../../Assets/images/cuadros.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}
.CO001-contacto .head {
  width: 100%;
  font-family: "Bold";
  font-size: 36px;
  color: #000000;
  text-align: center;
  margin-bottom: 100px;
}
.CO001-contacto .contenedor-contacto {
  display: grid;
  grid-template-columns: 7fr 2fr;
  -moz-column-gap: 50px;
       column-gap: 50px;
  padding: 0 15%;
}
.CO001-contacto .form-contacto {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}
.CO001-contacto .campo-input {
  font-family: "Regular";
  font-size: 20px;
  color: #AC337F;
  padding: 10px 10px;
  border: 1px solid #d4d4d4;
  background-color: #FFFFFF;
  border-radius: 5px;
  margin-bottom: 8px;
}
.CO001-contacto .campo-input::-moz-placeholder {
  font-style: italic;
  color: #999999;
}
.CO001-contacto .campo-input::placeholder {
  font-style: italic;
  color: #999999;
}
.CO001-contacto .campo-input:focus-within {
  border: 1px solid rgba(172, 51, 127, 0.5);
}
.CO001-contacto .boton-submit {
  cursor: pointer;
  width: 100%;
  font-family: "Semibold";
  font-size: 20px;
  color: #FFFFFF;
  padding: 10px;
  text-align: center;
  background-color: #AC337F;
  border-radius: 5px;
}
.CO001-contacto .boton-submit:hover {
  background-color: #000000;
}
.CO001-contacto .redes {
  width: 100%;
}
.CO001-contacto .red a {
  font-family: "Regular";
  font-size: 22px;
  color: #333333;
  text-decoration: none;
}
.CO001-contacto .red a span {
  display: inline-block;
  display: inline-flex; /* Reemplaza inline-block y permite flexbox */
  justify-content: center; /* Centra horizontalmente */
  align-items: center; /* Centra verticalmente */
  background-color: #ffffff;
  border: 1px solid #bebebe;
  color: #E9338D;
  border-radius: 5px;
  width: 50px;
  height: 50px;
  margin-bottom: 20px;
}
.CO001-contacto .respuesta {
  width: 100%;
  padding: 30px 0 25px 0;
  font-family: "Bold";
  font-size: 26px;
  color: #AC337F;
  text-align: center;
}

@media screen and (max-width: 1440px) {
  .CO001-contacto {
    padding: 100px 8% 200px 8%;
  }
  .CO001-contacto .head {
    width: 100%;
    font-family: "Bold";
    font-size: 36px;
    color: #000000;
    text-align: center;
    margin-bottom: 100px;
  }
  .CO001-contacto .contenedor-contacto {
    display: grid;
    grid-template-columns: 7fr 2fr;
    -moz-column-gap: 50px;
         column-gap: 50px;
    padding: 0 5%;
  }
  .CO001-contacto .form-contacto {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
  }
  .CO001-contacto .campo-input {
    font-size: 18px;
    padding: 7px 7px;
    margin-bottom: 5px;
  }
  .CO001-contacto .campo-input::-moz-placeholder {
    font-style: italic;
    color: #999999;
  }
  .CO001-contacto .campo-input::placeholder {
    font-style: italic;
    color: #999999;
  }
  .CO001-contacto .campo-input:focus-within {
    border: 1px solid rgba(172, 51, 127, 0.5);
  }
  .CO001-contacto .boton-submit {
    cursor: pointer;
    width: 100%;
    font-family: "Semibold";
    font-size: 20px;
    color: #FFFFFF;
    padding: 10px;
    text-align: center;
    background-color: #AC337F;
    border-radius: 5px;
  }
  .CO001-contacto .boton-submit:hover {
    background-color: #000000;
  }
  .CO001-contacto .redes {
    width: 100%;
  }
  .CO001-contacto .red a {
    font-family: "Regular";
    font-size: 20px;
    color: #333333;
    text-decoration: none;
  }
  .CO001-contacto .red a span {
    display: inline-block;
    display: inline-flex; /* Reemplaza inline-block y permite flexbox */
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    background-color: #ffffff;
    border: 1px solid #bebebe;
    color: #E9338D;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .CO001-contacto {
    padding: 75px 5% 150px 5%;
  }
  .CO001-contacto .head {
    font-size: 30px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .CO001-contacto {
    background-size: 150%;
    padding: 75px 5% 100px 5%;
  }
  .CO001-contacto .contenedor-contacto {
    display: grid;
    grid-template-columns: 1fr;
    -moz-column-gap: 0px;
         column-gap: 0px;
    row-gap: 50px;
    padding: 0 0%;
  }
  .CO001-contacto .redes {
    display: flex;
    justify-content: center;
  }
  .CO001-contacto .red {
    margin: 0 10px;
  }
}
@media screen and (max-width: 480px) {
  .CO001-contacto {
    background-size: 250%;
  }
  .CO001-contacto .redes {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
  }
  .CO001-contacto .campo-input {
    font-family: "Regular";
    font-size: 20px;
    color: #AC337F;
    padding: 10px 5px;
    margin-bottom: 10px;
  }
  .CO001-contacto .campo-input::-moz-placeholder {
    font-style: italic;
    color: #333333;
  }
  .CO001-contacto .campo-input::placeholder {
    font-style: italic;
    color: #333333;
  }
}