:root {
  --azul: #204087;
  --verde: #1E916B;
  --verde-menta: #38d97d;
  --verde-claro:#c5f8ac;
  --naranja: #ee5305;
}
body{
      font-family: 'Raleway', sans-serif !important;
}

h1,h2,h3,h4,h5{
  color: var(--azul);
}
/* CLASES GLOBALES */
.w-100{
  width: 100%;
}
.h-100{
  height: 100%;
}
h2{
  font-size: 32px !important;
}
/*--  Margin & Padding
-----------------------------------------*/

/* Margin */
.m-auto { margin: auto; }
.m-0 { margin: 0; }
.m-10 { margin: 10px; }
.m-20 { margin: 20px; }
.m-30 { margin: 30px; }
.m-40 { margin: 40px; }
.m-50 { margin: 50px; }
.m-60 { margin: 60px; }
.m-70 { margin: 70px; }
.m-80 { margin: 80px; }
.m-90 { margin: 90px; }

/*-- Margin Top --*/
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-35 { margin-top: 35px; }
.mt-40 { margin-top: 40px; }
.mt-45 { margin-top: 45px; }
.mt-50 { margin-top: 50px; }
.mt-55 { margin-top: 55px; }
.mt-60 { margin-top: 60px; }
.mt-65 { margin-top: 65px; }
.mt-70 { margin-top: 70px; }
.mt-100 { margin-top: 100px; }
.mt-150 { margin-top: 150px; }
.mt-200 { margin-top: 200px; }

/*-- Margin Bottom --*/
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-35 { margin-bottom: 35px; }
.mb-40 { margin-bottom: 40px; }
.mb-45 { margin-bottom: 45px; }
.mb-50 { margin-bottom: 50px; }
.mb-55 { margin-bottom: 55px; }
.mb-60 { margin-bottom: 60px; }
.mb-65 { margin-bottom: 65px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-100 { margin-bottom: 100px; }
.mb-150 { margin-bottom: 150px; }
.mb-200 { margin-bottom: 200px; }

/*-- Margin Left --*/
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-25 { margin-left: 25px; }
.ml-30 { margin-left: 30px; }
.ml-35 { margin-left: 35px; }
.ml-40 { margin-left: 40px; }
.ml-45 { margin-left: 45px; }
.ml-50 { margin-left: 50px; }
.ml-55 { margin-left: 55px; }
.ml-60 { margin-left: 60px; }
.ml-65 { margin-left: 65px; }
.ml-70 { margin-left: 70px; }
.ml-100 { margin-left: 100px; }
.ml-150 { margin-left: 150px; }
.ml-200 { margin-left: 200px; }

/*-- Margin Right --*/
.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-25 { margin-right: 25px; }
.mr-30 { margin-right: 30px; }
.mr-35 { margin-right: 35px; }
.mr-40 { margin-right: 40px; }
.mr-45 { margin-right: 45px; }
.mr-50 { margin-right: 50px; }
.mr-55 { margin-right: 55px; }
.mr-60 { margin-right: 60px; }
.mr-65 { margin-right: 65px; }
.mr-70 { margin-right: 70px; }
.mr-100 { margin-right: 100px; }
.mr-150 { margin-right: 150px; }
.mr-200 { margin-right: 200px; }

/* Padding */
.p-0 { padding: 0; }
.p-10 { padding: 10px; }
.p-20 { padding: 20px; }
.p-30 { padding: 30px; }
.p-40 { padding: 40px; }
.p-50 { padding: 50px; }
.p-60 { padding: 60px; }
.p-70 { padding: 70px; }
.p-80 { padding: 80px; }
.p-90 { padding: 90px; }

/*-- Padding Top --*/
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-25 { padding-top: 25px; }
.pt-30 { padding-top: 30px; }
.pt-35 { padding-top: 35px; }
.pt-40 { padding-top: 40px; }
.pt-45 { padding-top: 45px; }
.pt-50 { padding-top: 50px; }
.pt-55 { padding-top: 55px; }
.pt-60 { padding-top: 60px; }
.pt-65 { padding-top: 65px; }
.pt-70 { padding-top: 70px; }
.pt-100 { padding-top: 100px; }
.pt-150 { padding-top: 150px; }
.pt-200 { padding-top: 200px; }

/*-- Padding Bottom --*/
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-30 { padding-bottom: 30px; }
.pb-35 { padding-bottom: 35px; }
.pb-40 { padding-bottom: 40px; }
.pb-45 { padding-bottom: 45px; }
.pb-50 { padding-bottom: 50px; }
.pb-55 { padding-bottom: 55px; }
.pb-60 { padding-bottom: 60px; }
.pb-65 { padding-bottom: 65px; }
.pb-70 { padding-bottom: 70px; }
.pb-100 { padding-bottom: 100px; }
.pb-150 { padding-bottom: 150px; }
.pb-170 { padding-bottom: 170px; }
.pb-200 { padding-bottom: 200px; }

/*-- Padding Left --*/
.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-25 { padding-left: 25px; }
.pl-30 { padding-left: 30px; }
.pl-35 { padding-left: 35px; }
.pl-40 { padding-left: 40px; }
.pl-45 { padding-left: 45px; }
.pl-50 { padding-left: 50px; }
.pl-55 { padding-left: 55px; }
.pl-60 { padding-left: 60px; }
.pl-65 { padding-left: 65px; }
.pl-70 { padding-left: 70px; }
.pl-100 { padding-left: 100px; }
.pl-150 { padding-left: 150px; }
.pl-200 { padding-left: 200px; }

/*-- Padding Right --*/
.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pr-25 { padding-right: 25px; }
.pr-30 { padding-right: 30px; }
.pr-35 { padding-right: 35px; }
.pr-40 { padding-right: 40px; }
.pr-45 { padding-right: 45px; }
.pr-50 { padding-right: 50px; }
.pr-55 { padding-right: 55px; }
.pr-60 { padding-right: 60px; }
.pr-65 { padding-right: 65px; }
.pr-70 { padding-right: 70px; }
.pr-100 { padding-right: 100px; }
.pr-150 { padding-right: 150px; }
.pr-200 { padding-right: 200px; }

/* Ancho en porcentaje */
.w-10 { width: 10%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }
.w-40 { width: 40%; }
.w-50 { width: 50%; }
.w-60 { width: 60%; }
.w-70 { width: 70%; }
.w-75 { width: 75%; }
.w-80 { width: 80%; }
.w-90 { width: 90%; }
.w-100 { width: 100%; }

/* Display Flex */
.d-flex { display: flex; }

.align-items-start { align-items: flex-start; }
.align-items-center { align-items: center; }
.align-items-end { align-items: flex-end; }

.justify-content-start { justify-content: flex-start; }
.justify-content-center { justify-content: center; }
.justify-content-end { justify-content: flex-end; }
.justify-content-around { justify-content: space-around; }
.justify-content-between { justify-content: space-between; }
.justify-content-evenly { justify-content: space-evenly; }

.flex-row { flex-direction: row; }
.flex-column { flex-direction: column; }

/* Imagenes */
.obj-cov { object-fit: cover; }
.obj-con { object-fit: contain; }


/* Clases del documento*/

.rectanglehc {
  width: 300px;
  padding: 20px;
  border: 2px solid var(--verde);
  border-radius: 10px;
  box-sizing: border-box;
  position: relative;
  color: var(--verde);
  }
  
  .rectanglehc img {
    max-width: 100%;
    max-height: 100px;
    display: block;
    margin: 0 auto 10px;
  }
  
  .rectanglehc p {
    text-align: center;
    font-size: 16px;
  }
  .row.custom-row {
    margin-bottom: -15px; /* Ajusta este valor para controlar el espacio vertical entre las filas */
}

.row.custom-row > [class^="col-"] {
    margin-bottom: 15px; /* Ajusta este valor para controlar el espacio vertical entre las columnas */
}

p {
	margin: 0 0 15px;
	color: #676567;
	font-weight: 400;
  text-align: justify;
}

.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-6{
  padding-left: 2em;
  padding-right: 2em;
}
.titulo-azul {
    display: inline-block;
    position: relative;
    margin-right: 10%;
    margin-left: -5%;
    padding: 5px 10% 5px 0;
    color: var(--azul);
    font-weight: 800;
}

.texto-con-linea {
    position: relative;
    display: inline-block;
}

.linea-verde {
    position: absolute;
    top: -12px;
    left: 0;
    width: 28px;
    height: 0;
    border-top: 5px solid var(--verde-menta);
    border-radius: 10px;
}

.h-80{
  height: 80%;
}

.h-90{
  height: 90%;
}
.lista-num li {
  counter-increment: item;
  margin-bottom: 10px;
  padding-left: 1em;
  text-align: justify;
  position: relative;
  color: #676567;
}

  .lista-verde li::marker {
    color: var(--verde-menta);
  }
  .lista-verde li span {
    color: var(--verde-menta);
    font-weight: bold;
    font-size: 1em;
    line-height: 27px;
  }

  .mt-4{
    margin-top: 4em;
  }

  h3{
    font-weight: 700 !important;
    font-size: 23px !important;
  }

 .title-azul{
    color: var(--azul);
    font-size: 20px !important;
    font-weight: 900;
}

.texto-azul{
  text-transform: uppercase;
  color: var(--azul);
}

.texto-verde{
  font-weight: 900 !important;
  color: var(--verde-menta) !important;
  line-height: 1.5;
}