/* Syne Regular */
@font-face {
    font-family: 'Syne';
    src: url('../fonts/Syne/Syne-Regular.ttf') format('truetype');
    font-weight: 400; /* El peso 400 es para "regular" */
    font-style: normal;
  }
  
  /* Syne Medium */
  @font-face {
    font-family: 'Syne';
    src: url('../fonts/Syne/Syne-Medium.ttf') format('truetype');
    font-weight: 500; /* Peso 500 es para "medium" */
    font-style: normal;
  }
  
  /* Syne Semibold */
  @font-face {
    font-family: 'Syne';
    src: url('../fonts/Syne/Syne-SemiBold.ttf') format('truetype');
    font-weight: 600; /* Peso 600 es para "semibold" */
    font-style: normal;
  }
  
  /* Syne Bold */
  @font-face {
    font-family: 'Syne';
    src: url('../fonts/Syne/Syne-Bold.ttf') format('truetype');
    font-weight: 700; /* Peso 700 es para "bold" */
    font-style: normal;
  }
  
  /* Syne ExtraBold */
  @font-face {
    font-family: 'Syne';
    src: url('../fonts/Syne/Syne-ExtraBold.ttf') format('truetype');
    font-weight: 800; /* Peso 800 es para "extrabold" */
    font-style: normal;
  }
  



  /* Futuru Regular */
@font-face {
    font-family: 'Futuru';
    src: url('../fonts/Futuru/Futuru-Regular.ttf') format('truetype');
    font-weight: 400; /* Peso 400 es para "regular" */
    font-style: normal;
  }
  
  /* Futuru Medium */
  @font-face {
    font-family: 'Futuru';
    src: url('../fonts/Futuru/Futuru-Medium.ttf') format('truetype');
    font-weight: 500; /* Peso 500 es para "medium" */
    font-style: normal;
  }
  
  /* Futuru Semibold */
  @font-face {
    font-family: 'Futuru';
    src: url('../fonts/Futuru/Futuru-SemiBold.ttf') format('truetype');
    font-weight: 600; /* Peso 600 es para "semibold" */
    font-style: normal;
  }
  
  /* Futuru Bold */
  @font-face {
    font-family: 'Futuru';
    src: url('../fonts/Futuru/Futuru-Bold.ttf') format('truetype');
    font-weight: 700; /* Peso 700 es para "bold" */
    font-style: normal;
  }
  
  /* Futuru ExtraBold */
  @font-face {
    font-family: 'Futuru';
    src: url('../fonts/Futuru/Futuru-ExtraBold.ttf') format('truetype');
    font-weight: 800; /* Peso 800 es para "extrabold" */
    font-style: normal;
  }

  

  body {
    font-family: 'Syne', sans-serif;
  }


  h1, h2 {
    font-family: 'Futuru', sans-serif;
    font-weight: bold;
  }


/* Display */

.d-flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.d-flexXR {
    display: flex;
    justify-content: right;
    align-items: center;
}

.d-flexXL {
    display: flex;
    justify-content: left;
    align-items: center;
}

.d-column {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.d-block {
    display: block;
}

.d-spaceA {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.d-spaceB {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.d-spaceE {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

a {
    text-decoration: none;
}

.t-center {
    text-align: center;
}

/* Los H */

/* h1,
h2,
h3 {
    font-weight: 700;
}

h1 {
    font-size: 32pt;
}

h2 {
    font-size: 26pt;
}

h3 {
    font-size: 18pt; 
}
*/

/* Margin */

.m-0 {
    margin: 0;
}

.m-1 {
    margin: 1rem;
}

.m-2 {
    margin: 2rem;
}

.m-3 {
    margin: 3rem;
}

.m-4 {
    margin: 4rem;
}

.m-5 {
    margin: 5rem;
}

.mt-1 {
    margin-top: 1rem;
}

.mt-2 {
    margin-top: 2rem;
}

.mt-3 {
    margin-top: 3rem;
}

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

.mt-5 {
    margin-top: 5rem;
}

.mr-1 {
    margin-right: 1rem;
}

.mr-2 {
    margin-right: 2rem;
}

.mr-3 {
    margin-right: 3rem;
}

.mr-4 {
    margin-right: 4rem;
}

.mr-5 {
    margin-right: 5rem;
}

.mb-1 {
    margin-bottom: 1rem;
}

.mb-2 {
    margin-bottom: 2rem;
}

.mb-3 {
    margin-bottom: 3rem;
}

.mb-4 {
    margin-bottom: 4rem;
}

.mb-5 {
    margin-bottom: 5rem;
}

.ml-1 {
    margin-left: 1rem;
}

.ml-2 {
    margin-left: 2rem;
}

.ml-3 {
    margin-left: 3rem;
}

.ml-4 {
    margin-left: 4rem;
}

.ml-5 {
    margin-left: 5rem;
}

/* Padding */

.p-1 {
    padding: 1rem;
}

.p-2 {
    padding: 2rem;
}

.p-3 {
    padding: 3rem;
}

.p-4 {
    padding: 4rem;
}

.p-5 {
    padding: 5rem;
}

.pt-1 {
    padding-top: 1rem;
}

.pt-2 {
    padding-top: 2rem;
}

.pt-3 {
    padding-top: 3rem;
}

.pt-4 {
    padding-top: 4rem;
}

.pt-5 {
    padding-top: 5rem;
}

.pr-1 {
    padding-right: 1rem;
}

.pr-2 {
    padding-right: 1rem;
}

.pr-3 {
    padding-right: 1rem;
}

.pr-4 {
    padding-right: 1rem;
}

.pr-5 {
    padding-right: 1rem;
}

.pb-1 {
    padding-bottom: 1rem;
}

.pb-2 {
    padding-bottom: 2rem;
}

.pb-3 {
    padding-bottom: 3rem;
}

.pb-4 {
    padding-bottom: 4rem;
}

.pb-5 {
    padding-bottom: 5rem;
}

.pl-1 {
    padding-left: 1rem;
}

.pl-2 {
    padding-left: 2rem;
}

.pl-3 {
    padding-left: 3rem;
}

.pl-4 {
    padding-left: 4rem;
}

.pl-5 {
    padding-left: 5rem;
}


.px-1{
    padding-left: 1rem;
    padding-right: 1rem;
}

/* colors */
.black-primary{
    color: #212121;
}

.text-center{
    text-align: center;
}

/*  typography */
.fw-700{
    font-weight: 600;
}
.fw-600{
    font-weight: 600;
}
.fw-500{
    font-weight: 600;
}



.w-full{
    width: 100%;
}

.flex{
    display: flex;
}

.wrap{
    flex-wrap: wrap;
}
.justify-center{
    justify-content: center;
}

.items-center{
    align-items: center;
}