.contFlexParte2QH{
  width: 100%;
  display: flex;
  justify-content: center;
}
.conParte2FlexQH{
  width: 100%;
  padding: 20px;
  display: flex;
}
.btnParte2QH{
  background-color: #e0e0e0;
  width: 40%;
  border-radius: 20px;
}
.letrasRojasQH{
  color: #d53b3b;
}
.conContenidoQH{
  width: 48%;
}
.ContImagenParte2QH{
  width: 48%;
  height: auto;
  margin-left: 20px;
}
.ContImagenParte2QH img{
  height: 100%;
  width: 100%;

}
.textoPrincipalParte2QH{
  width: 100%;
}
.textoPrincipalParte2QH h3{
  font-size: 40px;
}
.textoSecundarioParte2QH{
  width: 100%;
}
.texto1Parte2QH{
  width: 100%;
}
.texto2Parte2QH{
  width: 100%;
  margin-top: 30px;
}
.subTri2QH{
  height: 100%;
  overflow: hidden;
}
.fondoQH{
  position: absolute;
  background-color: #ede6ed;
  height: 100%;
  width: 100%;
  z-index: -50;
}

/*-----------------------------------*/
.parte2QH{
  margin-bottom: 100px;
  overflow: hidden;

}
.textoRojo1QH{
  width: 60%;
}
.textRojoCentrar {
  display: flex;
  justify-content: center;
  align-items: center;
}
.contTituloPortadaIndex {
    display: flex;
    justify-content:left;
    margin-left: 2.5%;
}
.FlechaBajar {
  position: relative;
  width: 100%;
  height: 100px;
  bottom: 98px;
}
.contTituloPortadaIndex h1 {
    margin-top: 100px;
    color: #ffff;
    line-height: 0.88;
    text-align: left;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 90px;
}
.contenedorTriangulo {
  height: 1451px;
}
.contTituloPortadaIndex b {
    font-weight: 900;
    font-size: 86px;
    color: #e63232;
}
.contTriPortada{
    width: 100%;
    position: absolute;
    z-index: -1;
    height: 1414px;
}
.TriGrisGrandePortada{
    width: 95%;
    height: 100%;
    position: absolute;
    z-index: -2;
    background-color: #8ca8a9;
    clip-path: polygon(100% 0%, 0% 100%, 0% 0%); 
}
.TriGrisGrandePortadaFondo{
    width: 95%;
    height: 100%;
    position: absolute;
    right: 0;
    z-index: -4;
    background-image: url(../img/queHacemos/ultimointento.jpg);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: cadetblue;
    overflow: hidden;
    clip-path: polygon(100% 0%, 100% 110%, 0% 0%);
}
.TriFondoPortada{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background-color: rgb(255, 255, 255);
    z-index: -1;
    overflow: hidden;
    clip-path: polygon(100% 100%, 0% 100%, 47.9% 49.6%);
}
.contPersonaPortada{
    width: 445px;
    height: 100%;
    position: absolute;
    right: 14.5%;
    top: 23%;
    z-index: -2;
}
.contPersonaPortada img{
    width: 100%;
}
.containerQH {
    display: flex;
    width: 100%;
    
}
.accordion {
  width: 48%;
  margin-right: 20px;
}

.accordion-item {
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}

.accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  
  cursor: pointer;
  font-size: 24px;
  color: #7c9696 !important;
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
  padding: 0 15px;
  font-size: 16px;
  color: #333;
}

.accordion-item.active .accordion-content {
  max-height: 100px; /* Ajusta esta altura según el contenido */
  padding-top: 15px;
  padding-bottom: 15px;
}

.progress-bar {
  width: 100%;
  height: 2px;
  background-color: #e0e0e0;
  margin-top: 15px;
  overflow: hidden;
  position: relative;
}

.progress {
  width: 0;
  height: 100%;
  background-color: #d53b3b;
}
.imgIconQH img{
  width: 100%;
  height: 100%;
}
.image-box {
  width: 48%;
  margin-left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-box img {
  max-width: 100%;
  max-height: 100%;
}
.portadaQuienesSomos {
  width: 100%;
  height: 936px;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
}
.contTriangulos{
  background-color: #ede6ed;
 
}
.contenedorTriangulo {
 z-index: -100;
}


@media (min-width:1774px){
  .parte2QH {
    margin-bottom: 375px !important;
  }
}
@media (max-width: 1774px){
 
  .portadaQuienesSomos {
    width: 100%;
    height: 767px !important;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
  }
  .contTituloPortadaIndex h1 {
    margin-top: 81px !important;
    font-size: 72px !important;
  }
  h1 {
    margin-top: 22px;
    color: #ffff;
    line-height: 0.8;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 68px !important;
  }
  .TriGrisGrandePortadaFondo{
    width: 95%;
    height: 100%;
    position: absolute;
    right: 0;
    z-index: -4;
    background-image: url(../img/queHacemos/ultimointento.jpg);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: cadetblue;
    overflow: hidden;
    clip-path: polygon(100% 0%, 100% 110%, 0% 0%);
  }
  .contTriPortada {
    width: 100%;
    position: absolute;
    z-index: -1;
    height: 1247px !important;
  }


}
@media (max-width: 1557px){
  .TriVerdePeq3QH{
    display: none !important;
   }
  .contTriPortada {
    width: 100%;
    position: absolute;
    z-index: -1;
    height: 1083px !important;
}
h1 {
  margin-top: 22px;
  color: #ffff;
  line-height: 0.8;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 68px !important;
}
.contenedorTriangulo {
  top: -151px;
  width: 100%;
  height: 1253px !important;
  overflow: hidden;
  position: relative;
}
.TriVerdeMed2QH {
  width: 672px !important;
  height: 350px;
}
}
@media (min-width:1408px){
  .parte2QH {
    margin-bottom: 222px;
}
}
@media (min-width:1378px){
  .contFlexParte3QH {
    display: flex;
    margin-bottom: 80px;
    margin-right: 15%;
}
}
@media (min-width:1346px){
  .fondoQH {
    position: absolute;
    background-color: #ede6ed;
    height: 1000px;
    width: 100%;
    z-index: -50;
}
}
@media (max-width: 1378px){
  .contFlexParrafoParte1QH {
    display: flex;
    width: 100%;
    margin-top: 61px;
    margin-bottom: 50px;
}
  .contAnimationParte1QH {
    height: 484px;
    width: 100%;
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 95px;
    margin: 0;
}
  h2 {
    color: #e73838;
    font-size: 41px !important;
    font-weight: 600;
  }
  .contTriPortada {
    width: 100%;
    position: absolute;
    z-index: -1;
    height: 979px !important;
}

  .FlechaBajar {
    bottom: 34px !important;
  }
  .contTituloPortadaIndex h1 {
    font-size: 60px !important;
    line-height: -0.12;
    margin-top: 0px;
}
.contTituloPortadaIndex b {
  font-size: 60px !important;
}
.TriVerdeMed2QH {
  width: 591px !important;
  height: 277px;
}
.triNegroMediano2QH {
  width: 24.8% !important;
  height: 146px !important;
  top: 529px !important;
}
.TriNegroMediano3QH {
  width: 54% !important;
  height: 32% !important;
}
.TriGrisGrande3QH {
  width: 2500px;
  height: 145% !important;
}
.contenedorTriangulo {
  height: 955px !important;
}
.TriVerdeGrande3QH {
  width: 60%;
  height: 85% !important;
}
.accordion-header h2{
  font-size: 38px !important;
}
.textRojoCentrar {
  display: flex;
  align-items: center;
  justify-content: center;
}
.textoRojoParte2QH {
  display: flex;
  justify-content: center;
  width: 65% !important;
}

.contFlexParte3QH {
  display: flex;
  margin-bottom: 46px !important;
  margin-right: 15%;
}
}
@media (max-width:1250px){
  .contFlexTituloQH h3 {
    font-size: 30px !important;
    margin: 0px;
}

.contenedorTriangulo {
  height: 860px !important;
}
p {
  font-size: 15px !important;
}
.op {
  width: 14.3%;
  margin: 38px;
  transition: 0.8s;
}
.lineaOpQH h3 {
  font-size: 70px !important;
}
}
@media(max-width: 1238px){
  .TriGrisGrandePortadaFondo {
    background-position: 137% !important;
  }
  .contTituloPortadaIndex h1 {
    margin-top: 0px !important;
  }
}
@media (max-width:1014px){
  .logo {
    margin-right: 70px;
    margin-top: 9px !important;
    width: 145px;
}
.btn-toggle-menu {
  top: 33px !important;
}
  .encabezado {
    padding-top: 0px !important;
  }
  .contenedorTriangulo {
    height: 877px !important;
  }
  .TriGrisGrandePortadaFondo {
    background-position: 304% !important;
}
}
@media (max-width:1000px){
  .TriGrisGrandePortadaFondo {
    background-position: 106px !important;
}
}
/*----------------------------------------------------------*/
@media (max-width:880px){
  .subTri3QH {
    margin-top: 280px;
}
  .contTriangulos {
    background-color: transparent;
}
  #celularmodeQH{
    display: block !important;
  }
  #vistapc{
    display: none !important;
  }
  .contAnimationParte1QH{
    display: block !important;
  }
  .conParte2FlexQH{
    display: none !important;
  }
  .TriNegroMediano3QH {
    width: 27% !important;
    height: 15% !important;
    left: 81% !important;
}
  .TriRojoPeq3QH{
    display: none !important;
  }
  h2 {
    font-size: 35px !important;

}
  .TriGrisGrandePortadaFondo {
    background-position: 121px !important;
}
.portadaQuienesSomos {
  height: 534px !important;
}
.contTituloPortadaIndex b {
  font-size: 40px !important;
}
  .contTituloPortadaIndex h1 {
    font-size: 42px !important;
    line-height: -0.12;
    margin-top: 0px;
}
.contTituloPortadaIndex {
  margin-top: 17px !important;
}
}
@media (max-width:800px){
  
  .contTituloPortadaIndex h1 {
    font-size: 44px !important;
    line-height: -0.12;
    margin-top: 0px;
}
.op {
  width: 14.3%;
  margin: 47px;
  transition: 0.8s;
}
.contenedorTriangulo {
  height: 891px !important;
}
h2 {
  font-size: 32px !important;
}
.contTituloPortadaIndex b {
  font-size: 43px !important;
}
  .accordion {
    width: 100% !important;
    margin-right: 0px !important;
}
.containerQH {
    display: block !important;
    width: 100%;
}
.image-box {
  width: 100% !important;
  margin-left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contFlexParrafoParte1QH {
  display: block !important;
  width: 100%;
  margin-top: 61px;
  margin-bottom: 50px;
}
.contParrafoIqz, .contParrafoDer {
  padding: 0px !important;
  width: 100% !important;
  display: flex;
  padding-top: 0px !important;
}
.textoRojo1QH {
  width: 70% !important;
}
.contFlexParrafoParte1QH {
  display: block !important;
  width: 100%;
  margin-top: 61px;
  margin-bottom: 131px;
}
.contAnimationParte1QH {
  height: auto !important;
  width: 100%;
  font-family: Arial, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 95px;
  margin: 0;
}
.TriVerdeMed2QH {
  width: 800px;
  height: 350px;
  position: absolute;
  transform: rotate(90deg);
  z-index: -2;
  background-color: #8ca8a9;
  clip-path: polygon(50% 100%, 100% 0%, 0% 0%);
  transform: rotate(-90deg);
  top: 536px !important;
  left: -49px;
}
  .TriVerdeMed2QH {
      width: 148px !important;
      height: 60px;
  }
  .textoRojoParte2QH {
    display: flex;
    justify-content: center;
    width: 100% !important;
    text-align: left !important;
}
.TriRojo2QH, .TriNegro2QH{
  display: none;
}
.triGrisPeq2QH {
  width: 265px !important;
  height: 125px !important;
  right: -150px;
  top: 586px !important;
  position: absolute;
  z-index: -2;
  background-color: #dbdbdb;
  clip-path: polygon(50% 100%, 100% 0%, 0% 0%);
  transform: rotate(90deg);
}
.triVerdePeq2QH {
  width: 170px !important;
  height: 74px !important;
  right: -75px;
  top: 587px !important;
  position: absolute;
  z-index: -2;
  background-color: #8ca8a9;
  clip-path: polygon(50% 100%, 100% 0%, 0% 0%);
  transform: rotate(90deg);
}
.TriNegroMediano3QH {
  width: 60% !important;
  height: 25% !important;
  position: absolute;
  transform: rotate(90deg);
  z-index: -1;
  background-color: #1a1a1a;
  clip-path: polygon(50% 100%, 100% 0%, 0% 0%);
  top: -63px;
  left: 57%;
}
  .TriNegroMediano3QH {
      width: 75% !important;
      height: 20% !important;
  }

}
@media (max-width:740px){
  .subTri3QH {
    margin-top: 328px !important;
}
  .contFlexParte3QH {
    margin-bottom: 92px !important;
}
.btn-toggle-menu {
  top: 18px !important;
}
}
@media(max-width:660px){
  .TriVerdeMed2QH{
    display: none;
  }
  .op {
    width: 23.3%;
    margin: 22px;
    transition: 0.8s;
  }
  .lineaOpQH h3 {
    font-size: 56px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
  .FlechaBajar{
    display: none;
  }
  h2 {
    font-size: 30px !important;
}
  .textoRojo1QH {
    width: 100% !important;
}
  .TriGrisGrandePortadaFondo {
    background-position: 124% !important;
  }
  .portadaQuienesSomos {
    height: 404px !important;
}
  .contTituloPortadaIndex b {
    font-size: 34px !important;
}
  .contTituloPortadaIndex h1 {
    font-size: 34px !important;
    line-height: -0.12;
    margin-top: 0px;
}
}
@media(max-width:600px){
  .TriGrisGrandePortadaFondo {
    background-position: 167% !important;
}
}
@media(max-width:590px){
  .subTri3QH {
    margin-top: 369px !important;
}
  .contFlexTituloQH h3 {
    font-size: 20px !important;
    margin: 0px;
  
}
}
@media(max-width:536px){
  .TriGrisGrande3QH {
    width: 1185px;
    height: 145% !important;
}
  .TriGrisGrandePortadaFondo {
    background-position: 71px !important;
}
h2 {
  font-size: 27px !important;
}
.op {
  width: 22.3%;
  margin: 14px;
  transition: 0.8s;
}
}
@media (max-width:496px){
 
  p {
    font-size: 13px !important;
}
  h3 {
    margin: 0px;
    font-size: 90px;
    color: #1b1b1b;
}
  .contFlexParrafoParte1QH {
    display: block !important;
    width: 100%;
    margin-top: 61px;
    margin-bottom: 0px !important;
}
  .contFlexParte3QH {
    margin-right: 0px !important;
}
  .contFlexTituloQH h3 {
    font-size: 24px !important;
    margin: 0px;
}
.imgIconQH {
  width: 45px !important;
  height: 45px !important;
  margin-right: 10px;
}
  .contenedorTriangulo{
    height: 984px !important;
  }
  .contenedorTriangulo {
    top: 0px;
    width: 100%;
    height: 100% !important;
    overflow: hidden;
    position: relative;
}
.contFlexParte3QH {
  margin-bottom: 0px !important;
}
.subTri3QH {
  height: 100%;
  margin-top: 377px;
}
.subTri3QH {
  height: 100% !important;
  margin-top: 114px !important;
}
.TriRojoPeq3QH, .TriNegroMediano3QH, .triGrisMediano2QH{
  display: none;
}
.TriVerdeGrande3QH {
  width: 100% !important;
  height: 73% !important;
  z-index: -1 !important;
}
.contContenidoQH {
  width: 100%;
  margin-top: 25px !important;
}
}
@media (max-width:490px){
  .portadaQuienesSomos {
    height: 335px !important;
}
  .contTituloPortadaIndex h1 {
    font-size: 25px !important;
    line-height: -0.12;
    margin-top: 0px;
}
  .contTituloPortadaIndex b {
    font-size: 25px !important;
}
.TriGrisGrandePortadaFondo {
  background-position: 99% !important;
}
.contFlexTituloQH h3 {
  font-size: 16px !important;
  margin: 0px;
}
p {
  font-size: 12px !important;
}

}
@media (max-width:400px){
  p {
    font-size: 11px !important;
}
.contTituloPortadaIndex b {
  font-size: 22px !important;
}
.contTituloPortadaIndex h1 {
  font-size: 20px !important;
}
h2 {
  font-size: 22px !important;
}
.contFlexParrafoParte1QH {
  display: block !important;
  width: 100%;
  margin-top: 29px;
  margin-bottom: 0px !important;
}
.accordion-header h2 {
  font-size: 22px !important;
}
.op {
  width: 27.3%;
  margin: 6px;
  transition: 0.8s;
}
.triGrisPeq2QH {
  top: 490px !important;
}
.triVerdePeq2QH {
  top: 492px !important;
}
.imgIconQH {
  width: 20px !important;
  height: 20px !important;
  margin-right: 10px;
}
}