/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 18 2025 | 02:50:38 */
/* ===== Display ===== */
.display-flex {
  display: flex;
}
.display-inline-flex {
  display: inline-flex;
}

/* ===== Flex Direction ===== */
.flex-direction-row {
  flex-direction: row;
}
.flex-direction-row-reverse {
  flex-direction: row-reverse;
}
.flex-direction-column {
  flex-direction: column;
}
.flex-direction-column-reverse {
  flex-direction: column-reverse;
}

/* ===== Flex Wrap ===== */
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

/* ===== Justify Content ===== */
.justify-content-start {
  justify-content: flex-start;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-end {
  justify-content: flex-end;
}
.justify-content-space-between {
  justify-content: space-between;
}
.justify-content-space-around {
  justify-content: space-around;
}
.justify-content-space-evenly {
  justify-content: space-evenly;
}

/* ===== Align Items ===== */
.align-items-start {
  align-items: flex-start;
}
.align-items-center {
  align-items: center;
}
.align-items-end {
  align-items: flex-end;
}
.align-items-baseline {
  align-items: baseline;
}
.align-items-stretch {
  align-items: stretch;
}

/* ===== Align Content ===== */
.align-content-start {
  align-content: flex-start;
}
.align-content-center {
  align-content: center;
}
.align-content-end {
  align-content: flex-end;
}
.align-content-space-between {
  align-content: space-between;
}
.align-content-space-around {
  align-content: space-around;
}
.align-content-space-evenly {
  align-content: space-evenly;
}

/* ===== Align Self (para hijos específicos) ===== */
.align-self-auto {
  align-self: auto;
}
.align-self-start {
  align-self: flex-start;
}
.align-self-center {
  align-self: center;
}
.align-self-end {
  align-self: flex-end;
}
.align-self-stretch {
  align-self: stretch;
}

/* ===============================
   FLEX UTILITIES - CHILDREN ONLY
   =============================== */

/* ===== Display ===== */
.display-flex-children > * { display: flex; }
.display-inline-flex-children > * { display: inline-flex; }

/* ===== Flex Direction ===== */
.flex-direction-row-children > * { flex-direction: row; }
.flex-direction-row-reverse-children > * { flex-direction: row-reverse; }
.flex-direction-column-children > * { flex-direction: column; }
.flex-direction-column-reverse-children > * { flex-direction: column-reverse; }

/* ===== Flex Wrap ===== */
.flex-nowrap-children > * { flex-wrap: nowrap; }
.flex-wrap-children > * { flex-wrap: wrap; }
.flex-wrap-reverse-children > * { flex-wrap: wrap-reverse; }

/* ===== Justify Content ===== */
.justify-content-start-children > * { justify-content: flex-start; }
.justify-content-center-children > * { justify-content: center; }
.justify-content-end-children > * { justify-content: flex-end; }
.justify-content-space-between-children > * { justify-content: space-between; }
.justify-content-space-around-children > * { justify-content: space-around; }
.justify-content-space-evenly-children > * { justify-content: space-evenly; }

/* ===== Align Items ===== */
.align-items-start-children > * { align-items: flex-start; }
.align-items-center-children > * { align-items: center; }
.align-items-end-children > * { align-items: flex-end; }
.align-items-baseline-children > * { align-items: baseline; }
.align-items-stretch-children > * { align-items: stretch; }

/* ===== Align Content ===== */
.align-content-start-children > * { align-content: flex-start; }
.align-content-center-children > * { align-content: center; }
.align-content-end-children > * { align-content: flex-end; }
.align-content-space-between-children > * { align-content: space-between; }
.align-content-space-around-children > * { align-content: space-around; }
.align-content-space-evenly-children > * { align-content: space-evenly; }

/* ===== Align Self ===== */
.align-self-auto-children > * { align-self: auto; }
.align-self-start-children > * { align-self: flex-start; }
.align-self-center-children > * { align-self: center; }
.align-self-end-children > * { align-self: flex-end; }
.align-self-stretch-children > * { align-self: stretch; }

/* ===== Gap ===== */
.gap-base > * { gap: 10px; }

/* ===== Margin ===== */
.m-0 {
  margin: 0 !important;
}
.m-0-children > * {
  margin: 0 !important;
}

/* ===== Padding ===== */
.p-0 {
  padding: 0 !important;
}
.p-0-children > * {
  padding: 0 !important;
}

/* Width porcentuales comunes a hijos inmediatos */
.w-25 {
  width: 25%;
}
.w-50 {
  width: 50%;
}
.w-75 {
  width: 75%;
}
.w-100 {
  width: 100%;
}


.w-25-children > * {
  width: 25%;
}
.w-50-children > * {
  width: 50%;
}
.w-75-children > * {
  width: 75%;
}
.w-100-children > * {
  width: 100%;
}