.contenido-ayuda {
  padding: 24px 192px 80px 192px;
  gap: 80px;
}
.title {
  margin-bottom: 45px;
  font-family: "ControllerExtW01-Three", sans-serif;
  font-weight: 400;
  font-size: 60px;
  line-height: 72px;
  letter-spacing: 2%;
  color: var(--blanco);
}

h2.subtitle {
  display: block;
  margin-top: 0px;
  line-height: 25px;
  font-family: Space Grotesk;
  font-weight: 500;
  font-size: 48px;
  line-height: 60px;
  color: var(--blanco);
}
p.parrafo {
    width:-webkit-fill-available;
  font-family: Space Grotesk;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
}
aside.menu-ayuda {
  font-family: Space Grotesk;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  width: 360px;
  padding: 12px;
  border-radius: 8px;
  background-color: var(--gris-3);
}

aside.menu-ayuda ul {
  padding: 0;
  list-style-type: none;
}
aside.menu-ayuda ul li {
  padding: 25px 12px;
  background-color: transparent;
  transition: all 0.3s ease;
  overflow: hidden;
}
aside.menu-ayuda ul div.separador {
    background-color: var(--gris-2);
    height:1px;
}
  
aside.menu-ayuda ul li:hover {
  background-color: var(--rojo-1);
  padding: 120px 12px;  
}
aside.menu-ayuda ul li a {
  color: var(--blanco);
  font-size: 20px;
  line-height: 30px;
}

.contenido-ayuda-lista {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}
.contenido-derecha {
  gap:32px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.imagenes-dos {
  display: flex;
  gap: 32px;
  max-width: 100%;
}
.imagenes-dos img {
  flex: 1 1 0;
  min-width: 0;
  height: auto;
  object-fit: cover;
}
.imagenes-tres {
    display: flex;
    gap: 32px;
}
.imagenes-tres img {
  flex: 1 1 0;
  min-width: 0;
  object-fit: cover;
  height: auto; 
}
.img-parrafo {
    display: flex;
    gap: 32px;
}
.img-parrafo img {
    width: calc(50% - 16px);
	height: fit-content;    
}
.img-parrafo p.parrafo {
    width: calc(50% - 16px);
}
.imagen{
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 24px;
}
img.img-h {
    max-width: 100%;
    margin:10px 0px;
}
@media screen and (min-width: 1400px) and (max-width: 1760px) {
  .contenido-ayuda {
    padding: 24px 120px 70px;
    gap: 60px;
  }
  .title {
    font-size: 45px;
    line-height: 60px;
  }
  h2.subtitle {
    font-size: 38px;
    line-height: 45px;
  }
  aside.menu-ayuda ul li a {
    font-size: 18px;
    line-height: 27px;
  }
  p.parrafo {
    font-size: 18px;
    line-height: 27px;
  }
  aside.menu-ayuda {
    width: 280px;
    margin-right: 20px;
  }
	.imagenes-dos {
	  gap: 24px;
	}
	.img-parrafo {
		gap: 24px;
	}
	.img-parrafo img {
		width: calc(50% - 12px);
	}
	.img-parrafo p.parrafo {
		width: calc(50% - 12px);
	}
  
}
@media screen and (min-width: 701px) and (max-width: 1399px) {
  .contenido-ayuda {
    padding: 24px 35px 60px;
    gap: 80px;
  }
  .title {
    font-size: 32px;
    line-height: 40px;
  }
  h2.subtitle {
    font-size: 24px;
    line-height: 32px;
  }
  aside.menu-ayuda ul li a {
    font-size: 14px;
    line-height: 23px;
  }
  p.parrafo {
    font-size: 14px;
    line-height: 23px;
  } 
  aside.menu-ayuda {
    width: 280px;
    margin-right: 20px;
  }
	.imagenes-dos {
	  gap: 18px;
	}
  

	.img-parrafo {
		gap: 18px;
	}
	.img-parrafo img {
		width: calc(50% - 9px);
	}
	.img-parrafo p.parrafo {
		width: calc(50% - 9px);
	}

}

@media screen and (min-width: 60px) and (max-width: 700px) {
  .contenido-ayuda {
    padding: 24px 20px 20px;
    gap: 80px;
  }
  .title {
    font-size: 26px;
    line-height: 38px;
  }
  h2.subtitle {
    font-size: 22px;
    line-height: 26px;
  }
  aside.menu-ayuda ul li a {
    font-size: 14px;
    line-height: 22px;
  }
  p.parrafo {
    font-size: 14px;
    line-height: 22px;
  }
  .contenido-ayuda-lista {
    flex-direction: column;
    max-width: 100vh;
    overflow: hidden;
  }
  .imagenes-dos {
    flex-direction: column;
  }
  .img-parrafo {
    flex-direction: column;
  }
  .imagenes-tres {
    gap: 8px;
    max-width: 100vh;
  }
	.img-parrafo img {
		width: 100%;
	}  
	.img-parrafo p.parrafo {
		width: 100%;
	}	
	aside.menu-ayuda {
		width: 100%;
	}  
}