*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}

.titulo_main {
  font-size: 60px;
  font-weight: 800;
  margin-bottom: 1.5rem;
}

.titulo_second {
  margin: 0;
  font-size: 2.25rem;
  margin-bottom: 0.75rem;
  font-weight: 800;
}

.description_main {
  font-size: 24px;
  line-height: 1.3;
  color: rgb(88, 103, 126);
  margin-bottom: 1rem;
}

.description_sub {
  font-size: 17px;
  line-height: 1.5;
  color: #929ca8;
  margin-bottom: 1rem;
}

.italic {
  font-style: italic;
}

.grid-2-cols {
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
  margin-bottom: 4rem;
}

.grid-3-cols {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  margin-bottom: 4rem;
}

.grid-4-cols {
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
}

.card {
  padding: 28px;
  border-radius: 16px;
  border-width: 1px;
  border-color: rgb(222, 227, 231);
  background-color: rgba(255, 255, 255, 0.7);
}

.card:hover {
  box-shadow: 0 12px 32px rgba(129, 127, 124, 0.15);
}

.border-top-blue {
  border-top: 4px solid rgb(44, 93, 226);
}

.color-blue {
  color: rgb(44, 93, 226);
  stroke: rgb(44, 93, 226);
}

.border-top-orange {
  border-top: 4px solid rgb(249, 135, 21);
}

.color-orange {
  color: rgb(249, 135, 21);
  stroke: rgb(249, 135, 21);

}

.border-top-green {
  border-top: 4px solid rgb(33, 196, 93);
}

.color-green {
  color: rgb(33, 196, 93);
  stroke: rgb(33, 196, 93);
}

.border-top-purple {
  border-top: 4px solid rgb(163, 71, 209);
}

.color-purple {
  color: rgb(163, 71, 209);
  stroke: rgb(163, 71, 209);
}

.border-top-primary {
  border-top: 4px solid rgb(31, 55, 92);
}

.color-primary {
  color: rgb(31, 55, 92);
  stroke: rgb(31, 55, 92);
}

.border-top-acua {
  border-top: 4px solid  rgb(32, 157, 182);
}

.color-acua {
  color: rgb(32, 157, 182);
  stroke: rgb(32, 157, 182);
}

.border-top-red{
  border-top: 4px solid rgb(226, 54, 54);
}

.color-red {
  color: rgb(226, 54, 54);
  stroke: rgb(226, 54, 54);
}  

.fondo-icon-primary {
  background-color: rgba(31, 55, 92, 0.1);
}

.fondo-icon-accent {
  background-color: rgba(249, 135, 21, 0.1);
}

.titulo-card-grande {
  color: rgb(19, 34, 57);
  font-weight: 700;
  letter-spacing: -0.02em;
  font-size: 1.5rem;
  line-height: 1.3;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.font-size-15 {
  font-size: 15px;
}

.title_card {
  margin: 0px;
  font-size: 17px;
  color: rgb(19, 34, 57);
  margin-bottom: 0.5rem;
}

.description_card {
  font-size: 15px;
  margin: 0px;
  color: rgb(88, 103, 126);
  line-height: 1.6;
}

.active-btn {
  background-color: rgb(31, 55, 92);
  color:#ffffff
}