.como-funciona-general-container {
    background-color: #f5f5f5;
    padding-top: 20px; 
  }

  
  .como-funciona-header {
    display: flex; justify-content: space-between; align-items: center;margin-bottom: 20px;"
  }

  .como-funciona-need-help {
    display: flex; flex-direction: row; align-items: center; gap:10px
  }

  .como-funciona-listado {
    list-style: none;
    padding-left: 0px; 
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
  }
  .como-funciona-item {
    padding-bottom: 50px; 
    max-width: 100%; 
    display: flex;
    margin-left: 10px; 
    gap:10px;
    align-items: center;
  }
.como-funciona-item-order {
  background-color: #ffffff;
  color: #DC1914;
  font-size: 24px;
  width: 52px;
  height: 52px;
  font-weight: bolder;
  text-align: center;
  border-radius: 50%; 
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #DC1914;  
  flex-shrink: 0; 
}
  .como-funciona-item-explanation {
    display: flex;
    flex-direction: column;
  }

    @media only screen and (max-width: 800px) {
      .como-funciona-item {

      }
    .como-funciona-listado {
      grid-template-columns: repeat(1, 1fr);
    }
  }

.geoserver-second-section {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
	
	}

	.geoserver-tool-options ul {
		list-style: none;
		padding-left: 0px; 
	}

	.geoserver-tool-utilities {
		width: 50%;
		/*background-color: yellow; */
	}

	.geoserver-permite-list {
		list-style: none;
		padding-left: 0px; 
	}

	.geoserver-permite-list li {
		margin-bottom: 10px;M
	}
	.geoserver-permite-list li:before {
		color: #DC1914;
		font-family: "FontAwesome";
		content: '\f105';
		display: inline-block;
		margin-right: 0.5em;
		color: #e81b16;
		white-space: nowrap;
		padding: 0.2em 0.4em;
	}

	.geoserver-tool-options {
		width: 50%;
		/*background-color: blue; */
	}

	.geoserver-options {
		display: flex;
		gap:20px;
	}

	.geoserver-card {
		display: flex; 
		flex-direction: column; 
		justify-content: center; 
			gap:15px; 
			align-items: center; 
			background-color:#f5f5f5; 
			width: 170px; 
			min-height: 190px; 
			margin-bottom: 0px; 
			border: none; 
			font-size: large; 
			color:  #222222; 
			border-radius: 15px; 
			text-align: center;
	}

	.geoserver-card i {
		background: #f8f9fa; 
			color: ##222222; 
			padding: 15px; 
			border-radius: 50%; 
			font-size: 45px; 
			box-shadow: 0 2px 5px rgba(0,0,0,0.1);
		}
		.geoserver-card:hover { 
			text-decoration: none;
		}
		
	@media only screen and (max-width: 800px) {
		.geoserver-second-section {
			flex-direction: column;
		}
		.geoserver-tool-utilities, .geoserver-tool-options {
			width: 100%;
		}
		.geoserver-options{
			justify-content: center;
		}
	}
	@media only screen and (max-width: 400px) {
		.geoserver-options{
			flex-direction: column;
			align-items: center;
		}
	}
	.des-geoserver-container {
		width: 100%;
		display: flex;
		align-items: center;
		gap:70px;
		justify-content: space-between;
	}

	.des-geoserver-container > img {
		max-width: 500px;
		border-radius: 25px;  
	}

	.des-geoserver-container > div { 
		line-height: 2.1;
	}

	@media only screen and (max-width: 800px) {
		.des-geoserver-container {
			gap:10px;
			flex-direction: column;
			align-items: center;
		}

		.des-geoserver-container > img {
			max-width: 100%;
		}
	}