/* Main container */
.resources-container {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    font-family: Arial, sans-serif;
  
}

/* Section title */
.resources-title {
    color: rgb(47, 54, 83);
    font-size: 28px;
    text-align: center;
    
    padding: 15px;
    border-radius: 8px;
}

/* Flex container for resource boxes */
.resources-boxes {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;

}

/* Individual resource box */
.resource-box {
    width: 250px;
    padding: 3rem;
    border-radius: 8px;
    text-align: center;
    background-color: rgb(47, 54, 83);
    color: white;
  line-height:1.5rem;
  height:230px;
}

/* Icon image */
.resource-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

/* Resource title */
.resource-title {
    font-size: 18px;
    color: white;
}

/* Resource description */
.resource-description {
    font-size: 14px;
    color: white;
  margin-top:-0.5rem;
  line-height:1.2rem;
   
}
/*message board*/
.board-message-container {
    background-color: white;
    border: none;
    padding: 20px;
   width: 520px;
  height:230px;
  
   
    box-sizing: border-box;
    margin: 0 auto; 
  border-radius: 10px;

  box-shadow: -1px 0px 34px -4px rgba(148,175,184,0.5);
-webkit-box-shadow: -1px 0px 34px -4px rgba(148,175,184,0.5);
-moz-box-shadow: -1px 0px 34px -4px rgba(148,175,184,0.5);
  }
.board-message-container {
    text-align: left;
  font-size:15px;
  line-height:1rem;
}
.board-message-container a {
    color: #0384BA; 
    text-decoration: none; 
  
}

.board-message-container a:visited,
.board-message-container a:active {
    color: #0384BA; 
}
.board-message-container a:hover {
    color: #084690; 
}

  .board-message-container h2 {
    color: #0384BA;
    font-weight: 700;
    margin: 0;
    font-size: 18px; 
    text-align: left;
  
  }

  @media (max-width: 600px) {
    .board-message-container {
      padding: 15px;
    }

    .board-message-container h2 {
      font-size: 18px; 
    }
  }

/*lists and linkss */
.listp {
  list-style-type: none; 
  padding: 0;
}

.listp li {
  margin: 10px 0; 
}

.listp a {
  color: #FFFFFF; 
  text-decoration:underline;
  font-size:16px;
  
}

.listp a:hover {
  text-decoration: underline; 
}
.resource-title a {
  color: #FFFFFF; 
  text-decoration:underline; 
  font-weight: 500;
  display: inline-block; 
}

.resource-title a:hover {
  text-decoration: underline; /* Subrayado al pasar el mouse */
}