/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 07 2026 | 21:14:13 */
/* ==========================================================
   FLEX UTILITIES
   ========================================================== */

.flex-i  { display: flex; flex-wrap: wrap; }
.flex-ii { display: flex; flex-wrap: nowrap; }

.flex-column     { flex-direction: column; }
.flex-row        { flex-direction: row; }
.space-between   { justify-content: space-between; }
.justify-center  { justify-content: center; }
.flex-start      { justify-content: flex-start; }
.flex-end        { justify-content: flex-end; }
.align-center    { align-items: center; }
.align-start     { align-items: flex-start; }
.align-end       { align-items: flex-end; }

/* ==========================================================
   GAP UTILITIES
   ========================================================== */

.gap-i   { gap: var(--gap-i);  }   /* 1vw   */
.gap-ii  { gap: var(--gap-ii); }   /* 1.5vw */
.gap-iii { gap: 3vw; }
.gap-iv  { gap: 4vw; }
.gap-v   { gap: 5vw; }
.gap-vi  { gap: 6vw; }
.gap-vii { gap: 7vw; }
.gap-viii{ gap: 8vw; }
.gap-ix  { gap: 9vw; }
.gap-x   { gap: 10vw; }

/* ==========================================================
   WIDTH UTILITIES — base (mobile first, sin breakpoint)
   ========================================================== */

.w-1  { width: 8.333333%;  }
.w-2  { width: 16.666667%; }
.w-3  { width: 25%;        }
.w-4  { width: 33.333333%; }
.w-5  { width: 41.666667%; }
.w-6  { width: 50%;        }
.w-7  { width: 58.333333%; }
.w-8  { width: 66.666667%; }
.w-9  { width: 75%;        }
.w-10 { width: 83.333333%; }
.w-11 { width: 91.666667%; }
.w-12 { width: 100%;       }
.w-full { width: 100%;     }
.w-auto { width: auto;     }

/* ==========================================================
   WIDTH UTILITIES — SM  (min-width: 576px)
   ========================================================== */

@media (min-width: 576px) {
  .w-sm-1  { width: 8.333333%;  }
  .w-sm-2  { width: 16.666667%; }
  .w-sm-3  { width: 25%;        }
  .w-sm-4  { width: 33.333333%; }
  .w-sm-5  { width: 41.666667%; }
  .w-sm-6  { width: 50%;        }
  .w-sm-7  { width: 58.333333%; }
  .w-sm-8  { width: 66.666667%; }
  .w-sm-9  { width: 75%;        }
  .w-sm-10 { width: 83.333333%; }
  .w-sm-11 { width: 91.666667%; }
  .w-sm-12 { width: 100%;       }
  .w-sm-full { width: 100%;     }
  .w-sm-auto { width: auto;     }
}

/* ==========================================================
   WIDTH UTILITIES — MD  (min-width: 768px)
   ========================================================== */

@media (min-width: 768px) {
  .w-md-1  { width: 8.333333%;  }
  .w-md-2  { width: 16.666667%; }
  .w-md-3  { width: 25%;        }
  .w-md-4  { width: 33.333333%; }
  .w-md-5  { width: 41.666667%; }
  .w-md-6  { width: 50%;        }
  .w-md-7  { width: 58.333333%; }
  .w-md-8  { width: 66.666667%; }
  .w-md-9  { width: 75%;        }
  .w-md-10 { width: 83.333333%; }
  .w-md-11 { width: 91.666667%; }
  .w-md-12 { width: 100%;       }
  .w-md-full { width: 100%;     }
  .w-md-auto { width: auto;     }
}

/* ==========================================================
   WIDTH UTILITIES — LG  (min-width: 992px)
   ========================================================== */

@media (min-width: 992px) {
  .w-lg-1  { width: 8.333333%;  }
  .w-lg-2  { width: 16.666667%; }
  .w-lg-3  { width: 25%;        }
  .w-lg-4  { width: 33.333333%; }
  .w-lg-5  { width: 41.666667%; }
  .w-lg-6  { width: 50%;        }
  .w-lg-7  { width: 58.333333%; }
  .w-lg-8  { width: 66.666667%; }
  .w-lg-9  { width: 75%;        }
  .w-lg-10 { width: 83.333333%; }
  .w-lg-11 { width: 91.666667%; }
  .w-lg-12 { width: 100%;       }
  .w-lg-full { width: 100%;     }
  .w-lg-auto { width: auto;     }
}

/* ==========================================================
   WIDTH UTILITIES — XL  (min-width: 1200px)
   ========================================================== */

@media (min-width: 1200px) {
  .w-xl-1  { width: 8.333333%;  }
  .w-xl-2  { width: 16.666667%; }
  .w-xl-3  { width: 25%;        }
  .w-xl-4  { width: 33.333333%; }
  .w-xl-5  { width: 41.666667%; }
  .w-xl-6  { width: 50%;        }
  .w-xl-7  { width: 58.333333%; }
  .w-xl-8  { width: 66.666667%; }
  .w-xl-9  { width: 75%;        }
  .w-xl-10 { width: 83.333333%; }
  .w-xl-11 { width: 91.666667%; }
  .w-xl-12 { width: 100%;       }
  .w-xl-full { width: 100%;     }
  .w-xl-auto { width: auto;     }
}

/* ==========================================================
   GAP-AWARE WIDTH UTILITIES — hijos directos de .flex-i
   Descuenta el gap proporcional de cada columna
   ========================================================== */

.flex-i > .w-1  { width: calc(8.333333%  - (var(--gap-i) * 11 / 12)); }
.flex-i > .w-2  { width: calc(16.666667% - (var(--gap-i) * 10 / 12)); }
.flex-i > .w-3  { width: calc(25%        - (var(--gap-i) *  9 / 12)); }
.flex-i > .w-4  { width: calc(33.333333% - (var(--gap-i) *  8 / 12)); }
.flex-i > .w-5  { width: calc(41.666667% - (var(--gap-i) *  7 / 12)); }
.flex-i > .w-6  { width: calc(50%        - (var(--gap-i) /  2));       }
.flex-i > .w-7  { width: calc(58.333333% - (var(--gap-i) *  5 / 12)); }
.flex-i > .w-8  { width: calc(66.666667% - (var(--gap-i) *  4 / 12)); }
.flex-i > .w-9  { width: calc(75%        - (var(--gap-i) *  3 / 12)); }
.flex-i > .w-10 { width: calc(83.333333% - (var(--gap-i) *  2 / 12)); }
.flex-i > .w-11 { width: calc(91.666667% - (var(--gap-i) *  1 / 12)); }
.flex-i > .w-12 { width: 100%; }
.flex-i > .w-full { width: 100%; }

@media (min-width: 576px) {
  .flex-i > .w-sm-1  { width: calc(8.333333%  - (var(--gap-i) * 11 / 12)); }
  .flex-i > .w-sm-2  { width: calc(16.666667% - (var(--gap-i) * 10 / 12)); }
  .flex-i > .w-sm-3  { width: calc(25%        - (var(--gap-i) *  9 / 12)); }
  .flex-i > .w-sm-4  { width: calc(33.333333% - (var(--gap-i) *  8 / 12)); }
  .flex-i > .w-sm-5  { width: calc(41.666667% - (var(--gap-i) *  7 / 12)); }
  .flex-i > .w-sm-6  { width: calc(50%        - (var(--gap-i) /  2));       }
  .flex-i > .w-sm-7  { width: calc(58.333333% - (var(--gap-i) *  5 / 12)); }
  .flex-i > .w-sm-8  { width: calc(66.666667% - (var(--gap-i) *  4 / 12)); }
  .flex-i > .w-sm-9  { width: calc(75%        - (var(--gap-i) *  3 / 12)); }
  .flex-i > .w-sm-10 { width: calc(83.333333% - (var(--gap-i) *  2 / 12)); }
  .flex-i > .w-sm-11 { width: calc(91.666667% - (var(--gap-i) *  1 / 12)); }
  .flex-i > .w-sm-12 { width: 100%; }
  .flex-i > .w-sm-full { width: 100%; }
}

@media (min-width: 768px) {
  .flex-i > .w-md-1  { width: calc(8.333333%  - (var(--gap-i) * 11 / 12)); }
  .flex-i > .w-md-2  { width: calc(16.666667% - (var(--gap-i) * 10 / 12)); }
  .flex-i > .w-md-3  { width: calc(25%        - (var(--gap-i) *  9 / 12)); }
  .flex-i > .w-md-4  { width: calc(33.333333% - (var(--gap-i) *  8 / 12)); }
  .flex-i > .w-md-5  { width: calc(41.666667% - (var(--gap-i) *  7 / 12)); }
  .flex-i > .w-md-6  { width: calc(50%        - (var(--gap-i) /  2));       }
  .flex-i > .w-md-7  { width: calc(58.333333% - (var(--gap-i) *  5 / 12)); }
  .flex-i > .w-md-8  { width: calc(66.666667% - (var(--gap-i) *  4 / 12)); }
  .flex-i > .w-md-9  { width: calc(75%        - (var(--gap-i) *  3 / 12)); }
  .flex-i > .w-md-10 { width: calc(83.333333% - (var(--gap-i) *  2 / 12)); }
  .flex-i > .w-md-11 { width: calc(91.666667% - (var(--gap-i) *  1 / 12)); }
  .flex-i > .w-md-12 { width: 100%; }
  .flex-i > .w-md-full { width: 100%; }
}

@media (min-width: 992px) {
  .flex-i > .w-lg-1  { width: calc(8.333333%  - (var(--gap-i) * 11 / 12)); }
  .flex-i > .w-lg-2  { width: calc(16.666667% - (var(--gap-i) * 10 / 12)); }
  .flex-i > .w-lg-3  { width: calc(25%        - (var(--gap-i) *  9 / 12)); }
  .flex-i > .w-lg-4  { width: calc(33.333333% - (var(--gap-i) *  8 / 12)); }
  .flex-i > .w-lg-5  { width: calc(41.666667% - (var(--gap-i) *  7 / 12)); }
  .flex-i > .w-lg-6  { width: calc(50%        - (var(--gap-i) /  2));       }
  .flex-i > .w-lg-7  { width: calc(58.333333% - (var(--gap-i) *  5 / 12)); }
  .flex-i > .w-lg-8  { width: calc(66.666667% - (var(--gap-i) *  4 / 12)); }
  .flex-i > .w-lg-9  { width: calc(75%        - (var(--gap-i) *  3 / 12)); }
  .flex-i > .w-lg-10 { width: calc(83.333333% - (var(--gap-i) *  2 / 12)); }
  .flex-i > .w-lg-11 { width: calc(91.666667% - (var(--gap-i) *  1 / 12)); }
  .flex-i > .w-lg-12 { width: 100%; }
  .flex-i > .w-lg-full { width: 100%; }
}

@media (min-width: 1200px) {
  .flex-i > .w-xl-1  { width: calc(8.333333%  - (var(--gap-i) * 11 / 12)); }
  .flex-i > .w-xl-2  { width: calc(16.666667% - (var(--gap-i) * 10 / 12)); }
  .flex-i > .w-xl-3  { width: calc(25%        - (var(--gap-i) *  9 / 12)); }
  .flex-i > .w-xl-4  { width: calc(33.333333% - (var(--gap-i) *  8 / 12)); }
  .flex-i > .w-xl-5  { width: calc(41.666667% - (var(--gap-i) *  7 / 12)); }
  .flex-i > .w-xl-6  { width: calc(50%        - (var(--gap-i) /  2));       }
  .flex-i > .w-xl-7  { width: calc(58.333333% - (var(--gap-i) *  5 / 12)); }
  .flex-i > .w-xl-8  { width: calc(66.666667% - (var(--gap-i) *  4 / 12)); }
  .flex-i > .w-xl-9  { width: calc(75%        - (var(--gap-i) *  3 / 12)); }
  .flex-i > .w-xl-10 { width: calc(83.333333% - (var(--gap-i) *  2 / 12)); }
  .flex-i > .w-xl-11 { width: calc(91.666667% - (var(--gap-i) *  1 / 12)); }
  .flex-i > .w-xl-12 { width: 100%; }
  .flex-i > .w-xl-full { width: 100%; }
}