.mi_container {
    width: 95%;
    margin: 0 auto;
  }

  .text-bg-dark {
    background: #10284e;
    color: #fff;
  }

  .bg-light {
    background-color: #f8f9fa;
  }

  .p-rounded {
    border-radius: 8px;
  }

  .shadow {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .pp-first-des {
	  position: relative;
	  margin-right: 20px;
	  margin-left: 20px;
	  width: 100%; 
	  min-height: 100%; 
	  justify-content: center; 
	  align-items: center; 
	  display: flex; 
	  background-color :ghostwhite; 
	  padding: 20px; 
	  border-radius: 8px;
  }

  .p-img-fluid {
    max-height: 600px;
    /*min-height: 600px;*/
    max-width: 100%;
    /*min-width: 800px;*/
    box-shadow: 4px 4px 4px rgba(16, 40, 78, 0.1);
    transition: transform 0.3s ease;
    object-fit: cover;
  }

  .p-img-fluid-fix {
    width: 40%;
    height: 40%;
    margin: 20px;
  }

  .p-img-fluid:hover {
    transform: scale(1.02);
  }

  .p_title {
    font-family: 'Mosk';
    font-weight: 800;
    margin-bottom: 1rem;
    text-align: center;
  }

  .p_texto {
    font-family: 'Mosk';
    line-height: 1.6;
    overflow-wrap: break-word;
    font-size: 1.25rem;
    color: #333;
    text-align: justify;
  }

  .h-100 {
    height: 100%;
  }

  .p-text-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    height: 100%;
    max-height: 600px;
    /*min-height: 600x;*/
    max-width: 100%;
    /*min-width: 800px;*/
    box-shadow: 4px 4px 4px rgba(16, 40, 78, 0.1);
    transition: transform 0.3s ease;
  }

  .p-text-center:hover {
    transform: scale(1.02);
  }

  .p-text-center-boton {
    position: relative;
    text-align: center;
    padding-left: 5rem;
    padding-right: 5rem;
  }
  
  .p-text-center-boton a:hover {
    transform: scale(1.02);
  }

  .p-text-center-boton p {
    font-family: 'Mosk';
    line-height: 1.6;
    overflow-wrap: break-word;
    font-size: 1.25rem;
    color: #333;
  }

  .p-text-center-boton a {
    display: inline-block;
    font-size: 1em;
    background: #10284e;
    padding: 10px 30px;
    text-transform: capitalize;
    text-decoration: none;
    font-weight: 500;
    margin-top: 30px;
    margin-right: 10px;
    color: whitesmoke;
    letter-spacing: 2px;
    transition: transform 0.3s ease;
    border-radius: 0.25rem;
  }
  
  .p-text-left {
    position: relative;
    text-align: center;
    padding-left: 5rem;
    padding-right: 5rem;
    font-family: 'Mosk';
  }
  .p-text-left p {
    font-size: 1.25rem;
    color: #333;
    margin-bottom: 0;
    margin-top: 10px;
  }
  .p-text-left a {
    font-size: 1.25rem;
    color:  #10284e;
  }
    
  .p-recursos-section {
 	width: 50%; 
 	min-height: 50%; 
 	margin: 0 auto; 
 	margin-bottom: 20px; 
 	justify-content: center; 
 	align-items: center; 
 	display: flex; 
 	background-color: ghostwhite; 
 	padding: 10px; 
 	border-radius: 8px;
  }
  
  .grid-container {
	    display: grid;
	    grid-template-columns: repeat(4, 1fr);
	    gap: 20px;
	    max-width: 1200px;
	    margin: 0 auto;
	    padding: 20px;
	}
	.p-feature {
		font-family: Mosk;
	    text-align: center;
	    padding: 20px;
	    /*border: 1px solid #ddd;*/
	    border-radius: 8px;
	    background-color: #f9f9f9;
	}
	.p-feature img {
	    width: 50px;
	    margin-bottom: 10px;
	}
	.p-feature h3 {
	    margin: 10px 0;
	    font-size: 18px;
	}
	.p-feature p {
	    font-size: 14px;
	    color: #555;
	}
  
  /* Media Queries */
  @media (max-width: 1000px) {
    /*.p-img-fluid {
      max-height: 300px;
      min-height: 200px;
      max-width: 100%;
      min-width: 100%;
    }*/

    /*.p-text-center {
      max-width: 100%;
      min-width: 100%;
    }*/

    .p-text-center-boton {
      padding: 10px;
    }
    
  	.pp-first-des {
	  position: relative;
	  margin-right: 5px;
	  margin-left: 5px;
	  width: 100%; 
	  min-height: 100%; 
	  justify-content: center; 
	  align-items: center; 
	  display: flex; 
	  background-color :ghostwhite; 
	  padding: 5px; 
	  border-radius: 8px;
  	}
  	
  	.p-text-left {
		padding: 1rem;
	}
	.grid-container {
	    display: grid;
	    grid-template-columns: repeat(2, 1fr);
	    gap: 20px;
	    max-width: 1200px;
	    margin: 0 auto;
	    padding: 20px;
	}
  }

  @media (max-width: 576px) {
	
	/*.p-img-fluid {
      max-height: 300px;
      min-height: 200px;
      max-width: 100%;
      min-width: 100%;
    }*/
    .p_title {
      font-size: 1.5rem;
    }

    .p_texto {
      font-size: 1rem;
    }

    .p-text-center-boton a {
      font-size: 0.9em;
      padding: 8px 20px;
    }
    .pp-first-des {
	  position: relative;
	  margin-right: 5px;
	  margin-left: 5px;
	  width: 100%; 
	  min-height: 100%; 
	  justify-content: center; 
	  align-items: center; 
	  display: flex; 
	  background-color :ghostwhite; 
	  padding: 5px; 
	  border-radius: 8px;
  	}
  	
  	.p-text-left {
		padding: 1rem;
	}
	.grid-container {
	    display: grid;
	    grid-template-columns: repeat(1, 1fr);
	    gap: 20px;
	    max-width: 1200px;
	    margin: 0 auto;
	    padding: 20px;
	}
	
  }