@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@font-face {
  font-family: 'Black Future';
    src: url('/wp-content/themes/azeventos-mvp/template-events/fonts/black-future.woff2') format('woff2');
    /* Solo WOFF2 */
    font-weight: normal;
    font-style: normal;
}

.font-blackfuture {
  font-family: 'Black Future', sans-serif;
    /* Aplica la fuente */
  ;
}

html {
  margin: 0px !important;
}
  /*bootstrap*/
.pb-1 {
  padding-bottom: 10px;
}

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

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

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

.pb-5 {
  padding-bottom: 50px;
}

.pt-1 {
  padding-top: 10px;
}

.pt-2 {
  padding-top: 20px;
}

.pt-3 {
  padding-top: 30px;
}

.pt-4 {
  padding-top: 40px;
}

.pt-5 {
  padding-top: 50px;
}

.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.p-1 {
  padding: 10px;
}

.p-2 {
  padding: 20px;
}

.p-3 {
  padding: 30px;
}

.p-4 {
  padding: 1.5rem!important;
}
/**/
/* Mini Bootstrap-like Flex & Grid Utilities (v1)
   - Includes flex utilities and 12-col grid with responsive breakpoints.
   - Breakpoints: sm ≥576px, md ≥768px, lg ≥992px, xl ≥1200px, xxl ≥1400px
   - Not a full Bootstrap; just the essentials for quick migrations.
*/

/* =============================
   Base / Resets
   ============================= */
*, *::before, *::after {
  box-sizing: border-box;
}

:root {
  --gutter-x: 1.5rem;
 /* horizontal */
  --gutter-y: 0;
      /* vertical */
  ;
}

/* =============================
   Display helpers (only flex ones)
   ============================= */
.d-flex {
  display: flex;
}

.d-inline-flex {
  display: inline-flex;
}

/* responsive display */
@media (min-width:576px) {
  .d-sm-flex {
    display: flex;
  }

  .d-sm-inline-flex {
    display: inline-flex;
  }
}

@media (min-width:768px) {
  .d-md-flex {
    display: flex;
  }

  .d-md-inline-flex {
    display: inline-flex;
  }
}

@media (min-width:992px) {
  .d-lg-flex {
    display: flex;
  }

  .d-lg-inline-flex {
    display: inline-flex;
  }
}

@media (min-width:1200px) {
  .d-xl-flex {
    display: flex;
  }

  .d-xl-inline-flex {
    display: inline-flex;
  }
}

@media (min-width:1400px) {
  .d-xxl-flex {
    display: flex;
  }

  .d-xxl-inline-flex {
    display: inline-flex;
  }
}

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

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

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

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

@media (min-width:576px) {
  .flex-sm-row {
    flex-direction: row;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse;
  }

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

  .flex-sm-column-reverse {
    flex-direction: column-reverse;
  }
}

@media (min-width:768px) {
  .flex-md-row {
    flex-direction: row;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse;
  }

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

  .flex-md-column-reverse {
    flex-direction: column-reverse;
  }
}

@media (min-width:992px) {
  .flex-lg-row {
    flex-direction: row;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse;
  }

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

  .flex-lg-column-reverse {
    flex-direction: column-reverse;
  }
}

@media (min-width:1200px) {
  .flex-xl-row {
    flex-direction: row;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse;
  }

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

  .flex-xl-column-reverse {
    flex-direction: column-reverse;
  }
}

@media (min-width:1400px) {
  .flex-xxl-row {
    flex-direction: row;
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse;
  }

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

  .flex-xxl-column-reverse {
    flex-direction: column-reverse;
  }
}

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

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

@media (min-width:576px) {
  .flex-sm-wrap {
    flex-wrap: wrap;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}

@media (min-width:768px) {
  .flex-md-wrap {
    flex-wrap: wrap;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}

@media (min-width:992px) {
  .flex-lg-wrap {
    flex-wrap: wrap;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}

@media (min-width:1200px) {
  .flex-xl-wrap {
    flex-wrap: wrap;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}

@media (min-width:1400px) {
  .flex-xxl-wrap {
    flex-wrap: wrap;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}

/* =============================
   Justify content
   ============================= */
.justify-content-start {
  justify-content: flex-start;
}

.justify-content-end {
  justify-content: flex-end;
}

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

.justify-content-between {
  justify-content: space-between;
}

.justify-content-around {
  justify-content: space-around;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

@media (min-width:576px) {
  .justify-content-sm-start {
    justify-content: flex-start;
  }

  .justify-content-sm-end {
    justify-content: flex-end;
  }

  .justify-content-sm-center {
    justify-content: center;
  }

  .justify-content-sm-between {
    justify-content: space-between;
  }

  .justify-content-sm-around {
    justify-content: space-around;
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly;
  }
}

@media (min-width:768px) {
  .justify-content-md-start {
    justify-content: flex-start;
  }

  .justify-content-md-end {
    justify-content: flex-end;
  }

  .justify-content-md-center {
    justify-content: center;
  }

  .justify-content-md-between {
    justify-content: space-between;
  }

  .justify-content-md-around {
    justify-content: space-around;
  }

  .justify-content-md-evenly {
    justify-content: space-evenly;
  }
}

@media (min-width:992px) {
  .justify-content-lg-start {
    justify-content: flex-start;
  }

  .justify-content-lg-end {
    justify-content: flex-end;
  }

  .justify-content-lg-center {
    justify-content: center;
  }

  .justify-content-lg-between {
    justify-content: space-between;
  }

  .justify-content-lg-around {
    justify-content: space-around;
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly;
  }
}

@media (min-width:1200px) {
  .justify-content-xl-start {
    justify-content: flex-start;
  }

  .justify-content-xl-end {
    justify-content: flex-end;
  }

  .justify-content-xl-center {
    justify-content: center;
  }

  .justify-content-xl-between {
    justify-content: space-between;
  }

  .justify-content-xl-around {
    justify-content: space-around;
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly;
  }
}

@media (min-width:1400px) {
  .justify-content-xxl-start {
    justify-content: flex-start;
  }

  .justify-content-xxl-end {
    justify-content: flex-end;
  }

  .justify-content-xxl-center {
    justify-content: center;
  }

  .justify-content-xxl-between {
    justify-content: space-between;
  }

  .justify-content-xxl-around {
    justify-content: space-around;
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly;
  }
}

/* =============================
   Align items / content / self
   ============================= */
.align-items-start {
  align-items: flex-start;
}

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

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

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

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

.align-content-start {
  align-content: flex-start;
}

.align-content-end {
  align-content: flex-end;
}

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

.align-content-between {
  align-content: space-between;
}

.align-content-around {
  align-content: space-around;
}

.align-content-stretch {
  align-content: stretch;
}

.align-self-auto {
  align-self: auto;
}

.align-self-start {
  align-self: flex-start;
}

.align-self-end {
  align-self: flex-end;
}

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

.align-self-baseline {
  align-self: baseline;
}

.align-self-stretch {
  align-self: stretch;
}

/* responsive variants for align-items */
@media (min-width:576px) {
  .align-items-sm-start {
    align-items: flex-start;
  }

  .align-items-sm-end {
    align-items: flex-end;
  }

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

  .align-items-sm-baseline {
    align-items: baseline;
  }

  .align-items-sm-stretch {
    align-items: stretch;
  }
}

@media (min-width:768px) {
  .align-items-md-start {
    align-items: flex-start;
  }

  .align-items-md-end {
    align-items: flex-end;
  }

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

  .align-items-md-baseline {
    align-items: baseline;
  }

  .align-items-md-stretch {
    align-items: stretch;
  }
}

@media (min-width:992px) {
  .align-items-lg-start {
    align-items: flex-start;
  }

  .align-items-lg-end {
    align-items: flex-end;
  }

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

  .align-items-lg-baseline {
    align-items: baseline;
  }

  .align-items-lg-stretch {
    align-items: stretch;
  }
}

@media (min-width:1200px) {
  .align-items-xl-start {
    align-items: flex-start;
  }

  .align-items-xl-end {
    align-items: flex-end;
  }

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

  .align-items-xl-baseline {
    align-items: baseline;
  }

  .align-items-xl-stretch {
    align-items: stretch;
  }
}

@media (min-width:1400px) {
  .align-items-xxl-start {
    align-items: flex-start;
  }

  .align-items-xxl-end {
    align-items: flex-end;
  }

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

  .align-items-xxl-baseline {
    align-items: baseline;
  }

  .align-items-xxl-stretch {
    align-items: stretch;
  }
}

/* =============================
   Flex grow/shrink/fill & order
   ============================= */
.flex-fill {
  flex: 1 1 auto;
}

.flex-grow-0 {
  flex-grow: 0;
}

.flex-grow-1 {
  flex-grow: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.flex-shrink-1 {
  flex-shrink: 1;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

/* responsive order */
@media (min-width:576px) {
  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }
}

@media (min-width:768px) {
  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 13;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }
}

@media (min-width:992px) {
  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 13;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }
}

@media (min-width:1200px) {
  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 13;
  }

  .order-xl-0 {
    order: 0;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-12 {
    order: 12;
  }
}

@media (min-width:1400px) {
  .order-xxl-first {
    order: -1;
  }

  .order-xxl-last {
    order: 13;
  }

  .order-xxl-0 {
    order: 0;
  }

  .order-xxl-1 {
    order: 1;
  }

  .order-xxl-2 {
    order: 2;
  }

  .order-xxl-3 {
    order: 3;
  }

  .order-xxl-4 {
    order: 4;
  }

  .order-xxl-5 {
    order: 5;
  }

  .order-xxl-6 {
    order: 6;
  }

  .order-xxl-7 {
    order: 7;
  }

  .order-xxl-8 {
    order: 8;
  }

  .order-xxl-9 {
    order: 9;
  }

  .order-xxl-10 {
    order: 10;
  }

  .order-xxl-11 {
    order: 11;
  }

  .order-xxl-12 {
    order: 12;
  }
}

/* =============================
   Grid system (12 columns)
   - .row, .col, .col-1..12
   - Responsive: .col-sm-*, .col-md-*, .col-lg-*, .col-xl-*, .col-xxl-*
   ============================= */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(var(--gutter-x) * -0.5);
  margin-right: calc(var(--gutter-x) * -0.5);
  row-gap: var(--gutter-y);
}

.row > * {
  padding-left: calc(var(--gutter-x) * 0.5);
  padding-right: calc(var(--gutter-x) * 0.5);
}

.col {
  flex: 1 0 0%;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

/* width helpers */
:root {
  --col-1: 8.333333%;
  --col-2: 16.666667%;
  --col-3: 25%;
  --col-4: 33.333333%;
  --col-5: 41.666667%;
  --col-6: 50%;
  --col-7: 58.333333%;
  --col-8: 66.666667%;
  --col-9: 75%;
  --col-10: 83.333333%;
  --col-11: 91.666667%;
  --col-12: 100%;
}

.col-1 {
  flex: 0 0 var(--col-1);
  max-width: var(--col-1);
}

.col-2 {
  flex: 0 0 var(--col-2);
  max-width: var(--col-2);
}

.col-3 {
  flex: 0 0 var(--col-3);
  max-width: var(--col-3);
}

.col-4 {
  flex: 0 0 var(--col-4);
  max-width: var(--col-4);
}

.col-5 {
  flex: 0 0 var(--col-5);
  max-width: var(--col-5);
}

.col-6 {
  flex: 0 0 var(--col-6);
  max-width: var(--col-6);
}

.col-7 {
  flex: 0 0 var(--col-7);
  max-width: var(--col-7);
}

.col-8 {
  flex: 0 0 var(--col-8);
  max-width: var(--col-8);
}

.col-9 {
  flex: 0 0 var(--col-9);
  max-width: var(--col-9);
}

.col-10 {
  flex: 0 0 var(--col-10);
  max-width: var(--col-10);
}

.col-11 {
  flex: 0 0 var(--col-11);
  max-width: var(--col-11);
}

.col-12 {
  flex: 0 0 var(--col-12);
  max-width: var(--col-12);
}

/* Responsive column widths */
@media (min-width:576px) {
  .col-sm {
    flex: 1 0 0%;
    max-width: 100%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    flex: 0 0 var(--col-1);
    max-width: var(--col-1);
  }

  .col-sm-2 {
    flex: 0 0 var(--col-2);
    max-width: var(--col-2);
  }

  .col-sm-3 {
    flex: 0 0 var(--col-3);
    max-width: var(--col-3);
  }

  .col-sm-4 {
    flex: 0 0 var(--col-4);
    max-width: var(--col-4);
  }

  .col-sm-5 {
    flex: 0 0 var(--col-5);
    max-width: var(--col-5);
  }

  .col-sm-6 {
    flex: 0 0 var(--col-6);
    max-width: var(--col-6);
  }

  .col-sm-7 {
    flex: 0 0 var(--col-7);
    max-width: var(--col-7);
  }

  .col-sm-8 {
    flex: 0 0 var(--col-8);
    max-width: var(--col-8);
  }

  .col-sm-9 {
    flex: 0 0 var(--col-9);
    max-width: var(--col-9);
  }

  .col-sm-10 {
    flex: 0 0 var(--col-10);
    max-width: var(--col-10);
  }

  .col-sm-11 {
    flex: 0 0 var(--col-11);
    max-width: var(--col-11);
  }

  .col-sm-12 {
    flex: 0 0 var(--col-12);
    max-width: var(--col-12);
  }
}

@media (min-width:768px) {
  .col-md {
    flex: 1 0 0%;
    max-width: 100%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    flex: 0 0 var(--col-1);
    max-width: var(--col-1);
  }

  .col-md-2 {
    flex: 0 0 var(--col-2);
    max-width: var(--col-2);
  }

  .col-md-3 {
    flex: 0 0 var(--col-3);
    max-width: var(--col-3);
  }

  .col-md-4 {
    flex: 0 0 var(--col-4);
    max-width: var(--col-4);
  }

  .col-md-5 {
    flex: 0 0 var(--col-5);
    max-width: var(--col-5);
  }

  .col-md-6 {
    flex: 0 0 var(--col-6);
    max-width: var(--col-6);
  }

  .col-md-7 {
    flex: 0 0 var(--col-7);
    max-width: var(--col-7);
  }

  .col-md-8 {
    flex: 0 0 var(--col-8);
    max-width: var(--col-8);
  }

  .col-md-9 {
    flex: 0 0 var(--col-9);
    max-width: var(--col-9);
  }

  .col-md-10 {
    flex: 0 0 var(--col-10);
    max-width: var(--col-10);
  }

  .col-md-11 {
    flex: 0 0 var(--col-11);
    max-width: var(--col-11);
  }

  .col-md-12 {
    flex: 0 0 var(--col-12);
    max-width: var(--col-12);
  }
}

@media (min-width:992px) {
  .col-lg {
    flex: 1 0 0%;
    max-width: 100%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    flex: 0 0 var(--col-1);
    max-width: var(--col-1);
  }

  .col-lg-2 {
    flex: 0 0 var(--col-2);
    max-width: var(--col-2);
  }

  .col-lg-3 {
    flex: 0 0 var(--col-3);
    max-width: var(--col-3);
  }

  .col-lg-4 {
    flex: 0 0 var(--col-4);
    max-width: var(--col-4);
  }

  .col-lg-5 {
    flex: 0 0 var(--col-5);
    max-width: var(--col-5);
  }

  .col-lg-6 {
    flex: 0 0 var(--col-6);
    max-width: var(--col-6);
  }

  .col-lg-7 {
    flex: 0 0 var(--col-7);
    max-width: var(--col-7);
  }

  .col-lg-8 {
    flex: 0 0 var(--col-8);
    max-width: var(--col-8);
  }

  .col-lg-9 {
    flex: 0 0 var(--col-9);
    max-width: var(--col-9);
  }

  .col-lg-10 {
    flex: 0 0 var(--col-10);
    max-width: var(--col-10);
  }

  .col-lg-11 {
    flex: 0 0 var(--col-11);
    max-width: var(--col-11);
  }

  .col-lg-12 {
    flex: 0 0 var(--col-12);
    max-width: var(--col-12);
  }
}

@media (min-width:1200px) {
  .col-xl {
    flex: 1 0 0%;
    max-width: 100%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    flex: 0 0 var(--col-1);
    max-width: var(--col-1);
  }

  .col-xl-2 {
    flex: 0 0 var(--col-2);
    max-width: var(--col-2);
  }

  .col-xl-3 {
    flex: 0 0 var(--col-3);
    max-width: var(--col-3);
  }

  .col-xl-4 {
    flex: 0 0 var(--col-4);
    max-width: var(--col-4);
  }

  .col-xl-5 {
    flex: 0 0 var(--col-5);
    max-width: var(--col-5);
  }

  .col-xl-6 {
    flex: 0 0 var(--col-6);
    max-width: var(--col-6);
  }

  .col-xl-7 {
    flex: 0 0 var(--col-7);
    max-width: var(--col-7);
  }

  .col-xl-8 {
    flex: 0 0 var(--col-8);
    max-width: var(--col-8);
  }

  .col-xl-9 {
    flex: 0 0 var(--col-9);
    max-width: var(--col-9);
  }

  .col-xl-10 {
    flex: 0 0 var(--col-10);
    max-width: var(--col-10);
  }

  .col-xl-11 {
    flex: 0 0 var(--col-11);
    max-width: var(--col-11);
  }

  .col-xl-12 {
    flex: 0 0 var(--col-12);
    max-width: var(--col-12);
  }
}

@media (min-width:1400px) {
  .col-xxl {
    flex: 1 0 0%;
    max-width: 100%;
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1 {
    flex: 0 0 var(--col-1);
    max-width: var(--col-1);
  }

  .col-xxl-2 {
    flex: 0 0 var(--col-2);
    max-width: var(--col-2);
  }

  .col-xxl-3 {
    flex: 0 0 var(--col-3);
    max-width: var(--col-3);
  }

  .col-xxl-4 {
    flex: 0 0 var(--col-4);
    max-width: var(--col-4);
  }

  .col-xxl-5 {
    flex: 0 0 var(--col-5);
    max-width: var(--col-5);
  }

  .col-xxl-6 {
    flex: 0 0 var(--col-6);
    max-width: var(--col-6);
  }

  .col-xxl-7 {
    flex: 0 0 var(--col-7);
    max-width: var(--col-7);
  }

  .col-xxl-8 {
    flex: 0 0 var(--col-8);
    max-width: var(--col-8);
  }
}

.font-blackfuture {
  font-family: 'Black Future', sans-serif;
}

.lh-16 {
  line-height: 16px;
}

.roboto {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

.roboto-normal {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
}

.poppins {
  font-family: "Poppins", serif;
}

#dia-del-prematuro {
  font-family: 'Helvetica Neue';
}

#not-logged {
  padding-top: 4rem !important;
}

#codigo-pm {
  background-color: #3B3B3B;
  display: flex;
  align-self: center;
  justify-content: center;
  padding: 1rem;
}

.text-black {
  color: #000000;
}

.text-grey {
  color: #7a7a7a;
}

.text-magenta {
  color: #a84d93;
}

.text-cyan {
  color: #567abb;
}

.text-blue {
  color: #003864;
}

.text-agenda {
  color: #979797;
}

.fs-12 {
  font-size: 12px;
  line-height: 16px;
}

.fs-14 {
  font-size: 14px;
  line-height: 18px;
}

.fs-16 {
  font-size: 16px;
  line-height: 20px;
}

.fs-18 {
  font-size: 18px;
  line-height: 22px;
}

.regular {
  font-weight: 400;
}

.semibold {
  font-weight: 600;
}

.bold {
  font-weight: 700;
}

.uppercase {
  text-transform: uppercase;
}

.text-dg {
  color: #3e3e3e;
}

.text-sm {
  font-size: 14px;
}

.text-md {
  font-size: 16px;
}

.text-lg {
  font-size: 20px;
}

.text-xl {
  font-size: 28px;
}

.text-xxl {
  font-size: 32px;
}

.italic {
  font-style: italic;
}

.bg-grey {
  background-color: #f8f8f8;
}

.bg-darkgrey {
  background-color: #F2F2F2;
}

.bg-red {
  background: #EB2726;
}

.regular {
  font-weight: 500 !important;
}

.bold {
  font-weight: 600 !important;
}

.numero {
  margin: 0;
}

#content header {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

  /* Contador */
#countdown {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.countdown-box {
  background-color: #0A0A0B;
  padding: 20px;
  border-radius: 0px;
  text-align: center;
  width: 100px;
  height: 100px;
  display: flex;
  border: 1px solid #212121;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.numero {
  font-size: 36px;
  font-weight: bold;
  color: #fff;
}

.label {
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
}

.col-contador {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6rem;
  max-width: 500px;
}

.col-contador .logo-az img {
  width: 150px;
}

.logo-producto {
  width: 130px;
}

.volanta-fecha {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: .6rem;
  margin-left: -88px;
  margin-bottom: 1.5rem;
}

.title-oradores {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: .6rem;
  margin-left: -88px;
}

#info-evento {
  padding-top: 50px;
}

.row-info-evento {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: auto;
}

.card-info-evento {
  background: white;
  border-radius: 1rem;
  max-width: 350px;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  width: 100%;
}

.card-info-evento img {
  width: 100%;
  max-width: 75px;
}

.card-orador {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 1rem;
  min-height: max-content;
}

.card-orador img {
  margin-bottom: 1rem;
  width: 100%;
  max-width: 100px;
}

.contenedor-mesa {
  padding: 4rem;
  max-width: 800px;
  border-radius: 16px;
  width: 100%;
  margin: auto;
  background: rgb(82, 28, 80);
  background: linear-gradient(90deg, rgba(82, 28, 80, 1) 13%, rgba(88, 36, 86, 1) 23%, rgba(112, 67, 110, 1) 44%, rgba(138, 101, 136, 1) 62%, rgba(169, 142, 167, 1) 84%, rgba(191, 170, 189, 1) 100%, rgba(196, 177, 195, 1) 100%, rgba(255, 255, 255, 1) 100%);
}

.destacado-banner {
  background-image: url('/content/dam/multibrand/chile/es/azeventos/careme/bg-trama-naranja.png');
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  color: white;
  font-weight: 600;
  position: absolute;
  bottom: 0;
  left: 6vw;
}

.h-col {
  height: 50px;
}

.mw-1 {
  max-width: 160px;
}

.mw-2 {
  max-width: 130px;
  margin-bottom: -5px;
}

@media (min-width:1560px) {
  .destacado-banner {
    left: 15vw;
  }
}

#banner-principal-careme {
  position: relative;
  background-image: url(/content/dam/multibrand/chile/es/azeventos/careme/bg-careme.jpg)!important;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 5rem;
  min-height: 550px;
}

.title-evento {
  font-size: 2.75rem;
  font-weight: 600;
  max-width: 570px;
}

.container-contador {
  background-color: #CED0D0;
  border: 1px solid #830051;
  border-radius: 16px 16px 0px 0px;
  padding: 2.5rem;
}

.fila-oradores {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background-color: white;
  border: 2px solid #a84d93;
  border-radius: 30px;
  width: 100%;
  margin: auto;
  gap: 15px;
}

.title-speaker {
  background-color: #830051;
  color: #fff;
  font-size: 20px;
  padding: 16px 16px;
  margin-top: 12px;
  margin-bottom: 12px;
}

a {
  text-decoration: none;
}

  /* Agenda Table */
.agenda-header {
  background: rgb(82, 28, 80);
  background: linear-gradient(90deg, rgba(82, 28, 80, 1) 0%, rgba(168, 77, 147, 1) 100%);
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  border-radius: 10px 10px 0 0;
}

.agenda-table {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  margin: auto;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}

.agenda-table td {
  padding: 12px;
  vertical-align: middle;
}

.agenda-table tbody tr:nth-child(odd) {
  background-color: #f8f9fa;
}

.text-orange {
  color: #ff6a00;
  font-weight: bold;
}

table td,
  table th,
  .wp-block-table td,
  .wp-block-table th {
  border: none !important;
}

.btn-gradient {
  background: linear-gradient(to right, #ff6a00, #ee0979);
  color: white;
  font-weight: bold;
  border: none;
  border-radius: 1rem;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  transition: 0.3s;
}

.btn-gradient:hover {
  background: linear-gradient(to right, #ee0979, #ff6a00);
  color: white;
}

.download-agenda {
  display: none;
}

@media(min-width:991px) {
  .cols-agenda {
    display: flex;
    justify-content: space-between;
  }

  .webinar {
    display: flex;
    flex-direction: column;
  }

  .img-banner {
    padding-top: 100px;
  }

  .title-colors {
    padding-top: 50px;
  }

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

@media (max-width:991px) {
  .title-evento {
    font-size: 2.75rem;
    font-weight: 600;
    max-width: 450px;
  }

  .row-banner {
    gap: 2rem;
    margin-bottom: 2rem;
  }

  #content header {
    padding-top: 6rem;
  }

  .cols-agenda,
    .webinar {
    display: flex;
    flex-direction: column;
  }

  .card-orador {
    display: flex;
    flex-direction: column;
  }

  .fila-oradores {
    grid-template-columns: 1fr;
  }

  .title-colors {
    display: none !important;
  }

  .linea-gradiente {
    display: none !important;
  }

  #info-evento {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media (min-width:525px) {
  .agenda-mobile {
    display: none;
  }
}

@media (max-width:524px) {
  .card-info-evento {
    max-width: 100%;
  }

  .agenda-table tr {
    display: flex;
    flex-direction: column;
    align-items: start;
  }

  .agenda-table tbody tr {
    padding: 15px;
  }

  .table>:not(caption)>*>* {
    padding: 0px !important;
  }

  .download-agenda {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
  }

  #banner-principal-careme {
    background-image: url(/content/dam/multibrand/chile/es/azeventos/careme/bg-careme.jpg)!important;
    background-position: -650px center !important;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 5rem;
    height: 700px !important;
  }

  #content header {
    padding-top: 0px !important;
    padding-bottom: 7em !important;
  }
}

@media (max-width:380px) {
  .countdown-box {
    width: 80px;
    height: 80px;
  }

  .numero {
    font-size: 32px;
  }
}

@media(max-width: 1600px) {
  #banner-principal-careme {
    background-image: url(/content/dam/multibrand/chile/es/azeventos/careme/bg-careme.jpg)!important;
    background-position: left bottom;
  }
}

@media (max-width: 768px) {
  #banner-principal-careme {
    background-image: url(/content/dam/multibrand/chile/es/azeventos/careme/bg-careme.jpg)!important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 5rem;
  }

  header .container {
    margin-bottom: 7rem;
  }

  .container-contador {
    background-color: #CED0D0;
    border: 1px solid #830051;
    border-radius: 16px 16px 0px 0px;
    padding: 2.5rem;
    max-width: 360px;
    margin: auto;
  }

  .title-evento {
    font-size: 2rem;
  }

  .col-contador {
    width: 100%;
    max-width: 360px;
  }

  .logo-az {
    display: none;
  }

  .title-oradores,
    .volanta-fecha {
    flex-direction: column;
    margin-left: 0;
    align-items: flex-start;
  }

  .destacado-banner {
    right: 0;
    left: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 100%;
    padding: 20px;
  }

  .col-contador {
    align-items: start;
    justify-content: start;
    max-width: 100%;
  }

  .img-banner {
    max-width: 300px !important;
  }

  .row-banner .font-blackfuture {
    font-size: 20px;
  }

  .row-banner .fs-16 {
    font-size: 14px;
  }

  .title-colors {
    display: none !important;
  }

  .line-gradient {
    display: none;
  }

  .agenda-table .ps-2 {
    padding-left: 0px !important;
  }

  .agenda-header {
    display: flex;
    flex-direction: column;
    text-align: left;
    padding-bottom: 20px;
    margin-bottom: 15px;
  }

  .h-col {
    height: unset;
  }

  .mw-1,
    .mw-2 {
    max-width: 100px;
  }
}

.container-iframe iframe {
  border-radius: 20px;
}

.slide-1 {
  width: 350px;
  height: 200px;
  margin: auto;
  box-shadow: unset !important;
}

.video-ultomiris .icono-play-img {
  position: absolute;
  left: 40%;
  top: 40%;
  border: 2px solid #A73A64;
  background-color: #A73A64;
  border-radius: 100px;
}

.swiper-container {
  border-radius: 20px;
}

.swiper-slide {
  width: 100% !important;
  border-radius: 20px;
}

.video-ultomiris {
  background-size: cover;
  border-radius: 20px !important;
}

@media(min-width: 768px) {
  .slide-1 {
    width: 700px;
    height: 400px;
    margin: auto;
    box-shadow: unset !important;
  }

  .video-ultomiris .icono-play-img {
    position: absolute;
    left: 48%;
    top: 40%;
    border: 2px solid #A73A64;
    background-color: #A73A64;
    border-radius: 100px;
  }
}

@media(min-width: 1200px) {
  .slide-1 {
    width: 1000px;
    height: 600px;
    margin: auto;
    box-shadow: unset !important;
  }

  .video-ultomiris .icono-play-img {
    position: absolute;
    left: 48%;
    top: 40%;
    border: 2px solid #A73A64;
    background-color: #A73A64;
    border-radius: 100px;
  }
}

.swiper-container::before {
  background: unset !important;
}

.swiper-container::after {
  background: unset !important;
}

.mw-1200 {
  margin: auto;
}

.mw {
  margin: auto;
}

.w-100 {
  width: 100%;
}

.line-right {
  border-right: 2px solid white;
}

.img-banner {
  max-width: 500px;
}

.h-col {
  height: 50px;
}

.container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}

.text-white {
  color: white;
}

.ps-3 {
  padding-left: 1rem !important;
}

#banner-principal-careme {
  height: 90vh;
}

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

header .container {
  margin-bottom: 0px;
}

.card-info-evento .fs-18 {
  font-size: 16px;
}

#oradores-evento .container::before, #oradores-evento .row::before {
  content: unset!important;
}

#oradores-evento .container::after,  #oradores-evento .row::After {
  content: unset;
}

#oradores-evento {
  padding-top: 50px;
  padding-bottom: 50px;
}

#info-evento {
  padding-bottom: 40px!important;
}

#info-evento {
  padding-bottom: 40px!important;
}

.banner-text h3, .banner-text p {
  margin: 0px;
}

.py-4 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.agenda-table {
  margin-top: 40px;
}

.agenda-table .table {
  padding: 10px;
}

.reveal {
  transform: translateY(40px);
  transition: all 0.8s ease;
  will-change: transform, opacity;
}

.reveal.active {
  opacity: 1;
  transform: none;
}

.fade-in {
  transform: translateY(40px);
}

.slide-left {
  transform: translateX(-60px);
}

.zoom-in {
  transform: scale(0.8);
}

.flip-up {
  transform: rotateX(90deg);
  transform-origin: bottom;
}

.slide-right {
  transform: translateX(60px);
}

.flip-down {
  transform: rotateX(-90deg);
  transform-origin: top;
}

.fade-up {
  transform: translateY(40px);
  opacity: 0;
}

.reveal.slide-right.active,
.reveal.flip-down.active,
.reveal.fade-up.active {
  transform: none;
  opacity: 1;
}

.reveal.fade-in.active,
.reveal.slide-left.active,
.reveal.zoom-in.active,
.reveal.flip-up.active {
  transform: none;
}

.navbar.navbar-default {
  padding: 0px!important;
}

.component-section {
  padding: 0px;
}