{
    % import './tools/_macros.css' %
  }

    {
    ## Table of contents 1. Variables 1a. Containers 1b. Colors 1c. Typography 1d. Buttons 1e. Forms 1f. Tables 1g. Website header 1h. Website footer 2. Containers / Grid / DND areas 3. Typography 4. Buttons 5. Forms 6. Tables 7. Website header 8. Website footer 9. Blog 10. System pages 11. Modules ##
  }

  :root {
    --c-primary: #006FBA;
    --c-primary-contrast: #fff;
    --c-accent: #F68B1F;
    --c-unitec-secondary: #D97A1C;
    --c-unitec-orange-hover-btn: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%), var(--c-unitec-secondary);
    --c-unitec-orange-active-btn: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), var(--c-unitec-secondary);
    --c-unitec-blue-hover-btn: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%), var(--c-primary);
    --c-unitec-blue-active-btn: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), var(--c-primary);
    --c-unitec-white-contrast-btn: linear-gradient(0deg, rgba(0, 111, 186, 0.15) 0%, rgba(0, 111, 186, 0.15) 100%), var(--c-primary-contrast, #FFF);
    --c-unitec-green-hover-btn: linear-gradient(0deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%), #00C15C;
    --c-unitec-green-active-btn: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #00C15C;
    --c-unitec-cards-highlight: #006FBA33;
    --c-selected: #cce4ff;
    --c-highlight: #f0f7ff;
    --c-border: #C3C6D4;
    --c-text: #323338;
    --c-placeholder: #656565;
    --space-24: 24px;
    --space-8: 8px;
    --space-4: 4px;
    --primary-color: #006FBA;
    --ui-border-color: #C3C6D4;
    --fixed-light-color: #FFFFFF;
    --color-border: var(--ui-border-color, #C3C6D4);
    --font-family-base: "Work Sans";
    --c-background-highlight-green: rgba(0, 175, 169, 0.40);
    --c-secondary-light-bg: #F6F7FB;
    --c-unitec-font-secondary: #676879;
    --c-unitec-secondary-disabled: #D0D4E4;
    --c-unitec-escudo-secondary: #1A5EAB;
    --CTA-Primary-main: #003053;
    --CTA-Primary-Disabled: #bad5e7;
    --CTA-green-not-defined: #25D366;
    --Complementario-FONDO: #EDEDED;
    --Complementario-FONDO-2: #DCEBF8;
    --Body-Text: #505050;
    --Blanco-Complementario: #F2F2F0;
    --CTA---TEXT---Primary-Hover: #002641;
    --CTA-Verifed-Primary: #D60000;
  }

  html,
  body {
    font-family: var(--font-family-base) !important;
  }

  * {
    font-family: inherit;
  }


  /* 1a. Containers */

    {
    % set container_width=theme.spacing.maximum_content_width~'px' %
  }

    {
    % set dnd_section_padding=theme.spacing.vertical_spacing~'px '~'1rem' %
  }

  /* 1b. Colors */

    {
    % set primary_color=theme.global_colors.primary.color %
  }

    {
    % set secondary_color=theme.global_colors.secondary.color %
  }

  /* 1c. Typography */

    {
    % set primary_font=theme.global_fonts.primary %
  }

    {
    % set secondary_font=theme.global_fonts.secondary %
  }

    {
    % set h1_font=theme.text.h1.font %
  }

    {
    % set h1_text_transform=theme.text.h1.transform %
  }

    {
    % set h2_font=theme.text.h2.font %
  }

    {
    % set h2_text_transform=theme.text.h2.transform %
  }

    {
    % set h3_font=theme.text.h3.font %
  }

    {
    % set h3_text_transform=theme.text.h3.transform %
  }

    {
    % set h4_font=theme.text.h4.font %
  }

    {
    % set h4_text_transform=theme.text.h4.transform %
  }

    {
    % set h5_font=theme.text.h5.font %
  }

    {
    % set h5_text_transform=theme.text.h5.transform %
  }

    {
    % set h6_font=theme.text.h6.font %
  }

    {
    % set h6_text_transform=theme.text.h6.transform %
  }

    {
    % set body_font=theme.text.body_font.font %
  }

    {
    % set anchor_font=theme.text.links.font %
  }

  /* 1d. Buttons */

    {
    % set button_font=theme.buttons.text.font %
  }

    {
    % set button_text_transform=theme.buttons.text.transform %
  }

    {
    % set button_bg_color=color(theme.buttons.background.color) %
  }

    {
    % set button_border=theme.buttons.border.border.css %
  }

    {
    % set button_corner_radius=theme.buttons.corner.radius~'px' %
  }

    {
    % set button_spacing=theme.buttons.spacing.spacing.css %
  }

    {
    % set button_color_hover=color(theme.buttons.hover.text.color) %
  }

    {
    % set button_background_hover=color(theme.buttons.hover.background.color) %
  }

    {
    % set button_border_hover=theme.buttons.hover.border.border.css %
  }

    {
    % set button_corner_radius_hover=theme.buttons.hover.corner.radius~'px' %
  }

  /* 1e. Forms */
    {
    % set form_bg_color=color(theme.forms.form.background.color) %
  }

    {
    % set form_title_font=theme.forms.title.text.font %
  }

    {
    % set form_title_bg_color=color(theme.forms.title.background.color) %
  }

    {
    % set form_title_spacing=theme.forms.title.spacing.spacing.css %
  }

    {
    % set form_title_border=theme.forms.title.border.border.css %
  }

    {
    % set form_title_top_left_corner_radius=theme.forms.title.corner.top_left_radius~"px" %
  }

    {
    % set form_title_top_right_corner_radius=theme.forms.title.corner.top_right_radius~"px" %
  }

    {
    % set form_title_bottom_left_corner_radius=theme.forms.title.corner.bottom_left_radius~"px" %
  }

    {
    % set form_title_bottom_right_corner_radius=theme.forms.title.corner.bottom_right_radius~"px" %
  }


    {
    % set form_label_font_color=theme.forms.labels.text.color.color %
  }

    {
    % set form_help_text_font_color=theme.forms.help_text.text.color.color %
  }

    {
    % set form_field_placeholder_color=theme.forms.fields.placeholder.color.color %
  }

    {
    % set form_field_font_color=theme.forms.fields.text.color.color %
  }

    {
    % set form_field_bg_color=color(theme.forms.fields.background.color) %
  }

    {
    % set form_field_border=theme.forms.fields.border.border.css %
  }

    {
    % set form_field_corner_radius=theme.forms.fields.corner.radius~'px' %
  }

    {
    % set form_bg_color=color(theme.forms.form.background.color) %
  }

    {
    % set form_padding=theme.forms.form.spacing.spacing.css %
  }

    {
    % set form_border=theme.forms.form.border.border.css %
  }

    {
    % set form_top_left_corner_radius=theme.forms.form.corner.top_left_radius~"px" %
  }

    {
    % set form_top_right_corner_radius=theme.forms.form.corner.top_right_radius~"px" %
  }

    {
    % set form_bottom_left_corner_radius=theme.forms.form.corner.bottom_left_radius~"px" %
  }

    {
    % set form_bottom_right_corner_radius=theme.forms.form.corner.bottom_right_radius~"px" %
  }


    {
    % set form_submit_button_font=theme.forms.button.text.font %
  }

    {
    % set form_submit_button_bg_color=color(theme.forms.button.background.color) %
  }

    {
    % set form_submit_button_border=theme.forms.button.border.border.css %
  }

    {
    % set form_submit_button_spacing=theme.forms.button.spacing.spacing.css %
  }

    {
    % set form_submit_button_bg_color_hover=color(theme.forms.button.hover.background.color) %
  }

    {
    % set form_submit_button_border_hover=theme.forms.button.hover.border.border.css %
  }

    {
    % set form_submit_button_color_hover=theme.forms.button.hover.text.color.color %
  }


  /* 1f. Tables */

    {
    % set table_head_bg_color=color(theme.tables.header.background.color) %
  }

    {
    % set table_head_font_color=theme.tables.header.text.color.color %
  }

    {
    % set table_bg_color=color(theme.tables.table_body.background.color) %
  }

    {
    % set table_font_color=theme.tables.table_body.text.color.color %
  }

    {
    % set table_footer_bg_color=color(theme.tables.footer.background.color) %
  }

    {
    % set table_footer_font_color=theme.tables.footer.text.color.color %
  }

    {
    % set table_cell_spacing=theme.tables.cells.spacing.spacing.css %
  }

    {
    % set table_border=theme.tables.cells.border.border.css %
  }

  /* 1g. Website header */

    {
    % set nav_font_color=theme.header.menu.text.color.color %
  }

    {
    % set nav_drop_down_font_color=theme.header.menu.drop_downs.text.color.color %
  }

    {
    % set nav_drop_down_bg_color=color(theme.header.menu.drop_downs.background.color) %
  }

    {
    % set nav_drop_down_border=theme.header.menu.drop_downs.border.border.css %
  }

    {
    % set header_bg_color=color(theme.header.background.color) %
  }

  /* 1h. Website footer */

    {
    % set footer_bg_color=color(theme.footer.background.color) %
  }

    {
    % set footer_font_color=theme.footer.text.color.color %
  }

    {
    ###########################################################################
  }

    {
    ################## 2. Containers / Grid / DND areas ###################
  }

    {
    ###########################################################################
  }

  .content-wrapper {
    max-width: {
        {
        container_width
      }
    }

    ;
  }

    {
    ###########################################################################
  }

    {
    ########################### 3. Typography #############################
  }

    {
    ###########################################################################
  }

  html {
    font-size: {
        {
        body_font.size~body_font.size_unit
      }
    }

    ;
  }

  body {
      {
        {
        body_font.style
      }
    }

    ;

    color: {
        {
        body_font.color
      }
    }

    ;

    font-size: {
        {
        body_font.size~body_font.size_unit
      }
    }

    ;
  }

  /* Paragraphs */

  p {
      {
        {
        body_font.style
      }
    }

    ;
  }

  /* Anchors */

  a:hover,
  a:focus {
      {
        {
        anchor_font.style
      }
    }

    ;

    color: {
        {
        color_variant(anchor_font.color, -40)
      }
    }

    ;
  }

  a:active {
      {
        {
        anchor_font.style
      }
    }

    ;

    color: {
        {
        color_variant(anchor_font.color, 40)
      }
    }

    ;
  }

  /* Headings */

  h1,
  .h1 {
      {
        {
        h1_font.style
      }
    }

    ;

    color: {
        {
        h1_font.color
      }
    }

    ;

    font-size: {
        {
        h1_font.size~h1_font.size_unit
      }
    }

    ;

    text-transform: {
        {
        h1_text_transform
      }
    }

    ;
  }

  h2,
  .h2 {
      {
        {
        h2_font.style
      }
    }

    ;

    color: {
        {
        h2_font.color
      }
    }

    ;

    font-size: {
        {
        h2_font.size~h2_font.size_unit
      }
    }

    ;

    text-transform: {
        {
        h2_text_transform
      }
    }

    ;
  }

  h3,
  .h3 {
      {
        {
        h3_font.style
      }
    }

    ;

    color: {
        {
        h3_font.color
      }
    }

    ;

    font-size: {
        {
        h3_font.size~h3_font.size_unit
      }
    }

    ;

    text-transform: {
        {
        h3_text_transform
      }
    }

    ;
  }

  h4,
  .h4 {
      {
        {
        h4_font.style
      }
    }

    ;

    color: {
        {
        h4_font.color
      }
    }

    ;

    font-size: {
        {
        h4_font.size~h4_font.size_unit
      }
    }

    ;

    text-transform: {
        {
        h4_text_transform
      }
    }

    ;
  }

  h5,
  .h5 {
      {
        {
        h5_font.style
      }
    }

    ;

    color: {
        {
        h5_font.color
      }
    }

    ;

    font-size: {
        {
        h5_font.size~h5_font.size_unit
      }
    }

    ;

    text-transform: {
        {
        h5_text_transform
      }
    }

    ;
  }

  h6,
  .h6 {
      {
        {
        h6_font.style
      }
    }

    ;

    color: {
        {
        h6_font.color
      }
    }

    ;

    font-size: {
        {
        h6_font.size~h6_font.size_unit
      }
    }

    ;

    text-transform: {
        {
        h6_text_transform
      }
    }

    ;
  }

  /* Blockquote */

  blockquote {
    border-left-color: {
        {
        secondary_color
      }
    }

    ;
  }

    {
    ###########################################################################
  }

    {
    ############################ 4. Buttons ###############################
  }

    {
    ###########################################################################
  }

  button,
  .button {
      {
        {
        button_border
      }
    }

      {
        {
        button_spacing
      }
    }

      {
        {
        button_font.style
      }
    }

    ;

    background-color: {
        {
        button_bg_color
      }
    }

    ;

    border-radius: {
        {
        button_corner_radius
      }
    }

    ;

    color: {
        {
        button_font.color
      }
    }

    ;

    font-size: {
        {
        button_font.size~button_font.size_unit
      }
    }

    ;

    text-transform: {
        {
        button_text_transform
      }
    }

    ;
  }

  button:hover,
  button:focus,
  .button:hover,
  .button:focus {
      {
        {
        button_border_hover
      }
    }

    ;

    color: {
        {
        button_color_hover
      }
    }

    ;

    background-color: {
        {
        button_background_hover
      }
    }

    ;

    border-radius: {
        {
        button_corner_radius_hover
      }
    }

    ;
  }

  button:active,
  .button:active {
      {
        {
        button_font.style
      }
    }

    ;

    background-color: rgba({
        {
        color_variant(theme.buttons.background.color.color, 40)|convert_rgb
      }
    }

    , {
      {
      theme.buttons.background.color.opacity / 100
    }
  });

border-color: {
    {
    color_variant(theme.buttons.border.border.top.color, 40)
  }
}

;
}

  {
  ###########################################################################
}

  {
  ############################## 5. Forms ###############################
}

  {
  ###########################################################################
}

form,
.submitted-message {
    {
      {
      body_font.style
    }
  }

  ;

    {
      {
      form_border
    }
  }

  ;

  border-top-left-radius: {
      {
      form_top_left_corner_radius
    }
  }

  ;

  border-top-right-radius: {
      {
      form_top_right_corner_radius
    }
  }

  ;

  border-bottom-left-radius: {
      {
      form_bottom_left_corner_radius
    }
  }

  ;

  border-bottom-right-radius: {
      {
      form_bottom_right_corner_radius
    }
  }

  ;

  background-color: {
      {
      form_bg_color
    }
  }

  ;

    {
      {
      form_padding
    }
  }

  ;
}

/* Form title */

.form-title {
    {
      {
      form_title_border
    }
  }

  ;

    {
      {
      form_title_spacing
    }
  }

  ;

    {
      {
      form_title_font.style
    }
  }

  ;

  border-top-left-radius: {
      {
      form_title_top_left_corner_radius
    }
  }

  ;

  border-top-right-radius: {
      {
      form_title_top_right_corner_radius
    }
  }

  ;

  border-bottom-left-radius: {
      {
      form_title_bottom_left_corner_radius
    }
  }

  ;

  border-bottom-right-radius: {
      {
      form_title_bottom_right_corner_radius
    }
  }

  ;

  font-size: {
      {
      form_title_font.size~form_title_font.size_unit
    }
  }

  ;

  color: {
      {
      form_title_font.color
    }
  }

  ;

  background-color: {
      {
      form_title_bg_color
    }
  }

  ;
}


/* Labels */

form label {
  color: {
      {
      form_label_font_color
    }
  }

  ;
}

/* Help text */

form legend {
  color: {
      {
      form_help_text_font_color
    }
  }

  ;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
    {
      {
      form_field_border
    }
  }

  background-color: {
      {
      form_field_bg_color
    }
  }

  ;

  color: {
      {
      form_field_font_color
    }
  }

  ;

  border-radius: {
      {
      form_field_corner_radius
    }
  }

  ;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: {
      {
      form_field_placeholder_color
    }
  }

  ;
}

::-moz-placeholder {
  color: {
      {
      form_field_placeholder_color
    }
  }

  ;
}

:-ms-input-placeholder {
  color: {
      {
      form_field_placeholder_color
    }
  }

  ;
}

::placeholder {
  color: {
      {
      form_field_placeholder_color
    }
  }

  ;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: {
      {
      form_field_placeholder_color
    }
  }

  ;
}

.fn-date-picker td.is-selected {
  background: {
      {
      primary_color
    }
  }

  ;
}

.fn-date-picker td {
  background-color: {
      {
      primary_color
    }
  }

  !important;
}

.fn-date-picker td.is-today {
  color: {
      {
      primary_color
    }
  }

  ;
}

/* Submit button */

form input[type=submit],
form .hs-button {
    {
      {
      form_submit_button_border
    }
  }

  ;

    {
      {
      form_submit_button_spacing
    }
  }

  ;

    {
      {
      form_submit_button_font.style
    }
  }

  ;

  color: {
      {
      form_submit_button_font.color
    }
  }

  ;

  font-size: {
      {
      form_submit_button_font.size~form_submit_button_font.size_unit
    }
  }

  ;

  background-color: {
      {
      form_submit_button_bg_color
    }
  }

  ;

  border-radius: {
      {
      button_corner_radius
    }
  }

  ;

  text-transform: {
      {
      button_text_transform
    }
  }

  ;
}

form input[type=submit]:hover,
form input[type=submit]:focus {
  background-color: {
      {
      form_submit_button_bg_color_hover
    }
  }

  ;

  color: {
      {
      form_submit_button_color_hover
    }
  }

  ;

    {
      {
      form_submit_button_border_hover
    }
  }

  ;
}

form input[type=submit]:active {
  background-color: rgba({
      {
      color_variant(theme.buttons.background.color.color, 40)|convert_rgb
    }
  }

  , {
    {
    theme.buttons.background.color.opacity / 100
  }
});

border-color: {
    {
    color_variant(theme.buttons.border.border.top.color, 40)
  }
}

;
}

  {
  ###########################################################################
}

  {
  ############################# 6. Tables ###############################
}

  {
  ###########################################################################
}

/* Table */

table {
    {
      {
      table_border
    }
  }

  background-color: {
      {
      table_bg_color
    }
  }

  ;
}

/* Table cells */

td,
th {
    {
      {
      table_border
    }
  }

    {
      {
      table_cell_spacing
    }
  }

  color: {
      {
      table_font_color
    }
  }

  ;
}

/* Table header */

thead th {
  background-color: {
      {
      table_head_bg_color
    }
  }

  ;

  color: {
      {
      table_head_font_color
    }
  }

  ;
}

/* Table footer */

tfoot td {
  background-color: {
      {
      table_footer_bg_color
    }
  }

  ;

  color: {
      {
      table_footer_font_color
    }
  }

  ;
}

  {
  ###########################################################################
}

  {
  ########################### 7. Website header #########################
}

  {
  ###########################################################################
}

.header {
  background-color: {
      {
      header_bg_color
    }
  }

  ;
}

.header__language-switcher .lang_list_class li a {
  color: {
      {
      nav_font_color
    }
  }

  ;

  font-family: {
      {
      body_font.font
    }
  }

  ;
}


.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: {
      {
      color_variant(nav_font_color, -40)
    }
  }

  ;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: {
        {
        header_bg_color
      }
    }

    ;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: {
        {
        nav_font_color
      }
    }

    ;
  }
}

  {
  ###########################################################################
}

  {
  ########################### 8. Website footer #########################
}

  {
  ###########################################################################
}

.footer {
  background-color: {
      {
      footer_bg_color
    }
  }

  ;
}

/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: {
      {
      footer_font_color
    }
  }

  ;
}







.mod-steps-btn,
.retomarestudios__button {
  width: 100%;
  padding: 11px 32px;
  background: var(--CTA-Primary-main);
  color: var(--c-primary-contrast);
  border-radius: 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  border: 0;
}

@media (min-width: 1024px) {
  
.retomarestudios__button,
.d-CTA {
    width: 412px;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    padding: 0 24px;
    background: var(--c-unitec-secondary);
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    max-width: 370px;
  }
}

/* CAROUSEL GENERAL */
:root {
  --carousel-gap: 12px;
  --carousel-btn-size: 40px;
  --carousel-transition: 300ms;
}

.Carousel {
  position: relative;
  width: 100%;
}

.Carousel__viewport {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
}

.Carousel__viewport::-webkit-scrollbar {
  display: none;
}

.Carousel__track {
  display: flex;
  align-items: stretch;
  gap: var(--carousel-gap);
  will-change: transform;
  transform: translate3d(0,0,0);
  transition: none;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-drag: none;
}

.Carousel .Card {
  flex: 0 0 100%;
  overflow: hidden;
  border-radius: 14px;
}

.Carousel__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  inline-size: var(--carousel-btn-size);
  block-size: var(--carousel-btn-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.Carousel__btn.prev { left: 8px; }
.Carousel__btn.next { right: 8px; }

@media (min-width: 600px) {
  .Carousel .Card {
    flex-basis: clamp(320px, 46vw, 520px);
  }
}

@media (min-width: 1200px) {
  .Carousel .Card {
    flex-basis: clamp(360px, 32vw, 520px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .Carousel__track { transition: none !important; }
}


html,body{overflow-x:clip}


.c-btn,
.mods__cta {
  padding: 11px 12px;
  border-radius: 14px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  display: inline-flex !important;
  text-align: center !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  letter-spacing: -0.48px !important;
  text-decoration: none !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.1s ease !important;
}

.c-btn span,
.c-btn p,
.c-btn strong,
.c-btn b,
.mods__cta span,
.mods__cta p,
.mods__cta strong,
.mods__cta b {
  color: inherit !important;
}

.c-btn svg,
.mods__cta svg {
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
}

.c-btn svg path,
.mods__cta svg path {
  fill: currentColor !important;
}

.c-btn:focus-visible,
.mods__cta:focus-visible {
  box-shadow: 0 0 0 3px rgba(246, 139, 31, 0.4) !important;
}

.c-btn.is-disabled,
.c-btn[aria-disabled="true"],
.mods__cta.is-disabled,
.mods__cta[aria-disabled="true"] {
  cursor: default !important;
}




.sr-only {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  flex: 1 0 0;
}

.ex {
  background: #fff;
}

.ex-title {
  align-self: stretch;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-family: var(--font-family-base);
  text-align: center;
  color: var(--CTA-Primary-main);
  padding-left: 24px;
  padding-right: 24px;
}

.ex-title,
h2 {
  margin: 0;
}

.ex-wrap {
  display: flex;
  width: auto;
  padding: 48px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
}

.ex-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}

.ex-desc {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.ex-faq__description-link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 14px;
  background: var(--c-accent);
  flex-shrink: 0;
  padding: 12px 1rem;
  color: var(--Blanco-Primario, #fff);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.54px;
  text-decoration: none;
}

.ex-desc a {
  color: var(--c-primary-contrast);
  font-family: var(--font-family-base);
  text-decoration-line: none;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.54px;
}

.ex-desc p {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.54px;
  margin: 0;
  padding-left: 24px;
  padding-right: 24px;
  text-align: center;
}

.ex-desc-p-primary {
  color: var(--Body-Text, #505050);
  text-align: center;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 133.333% */
  letter-spacing: -0.54px;
}

.ex-desc-p-secondary {
  color: var(--Body-Text, #505050);
  text-align: center;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 133.333% */
  letter-spacing: -0.54px;
}

.ex-controls {
  display: grid;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  margin-bottom: 24px;
  margin-top: 40px;
}

.ex-controls-main-chips {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}

.ex-order-label {
  align-self: stretch;
  color: var(--Body-Text);
  font-family: var(--font-family-base);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.14px;
  margin-bottom: 14px;
}

.ex-search {
  display: flex;
  height: 48px;
  padding: 12px 0;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
}

.Chips.is-disabled,
.Checkbox.is-disabled {
  opacity: .45;
  pointer-events: none;
}

.ex-search-input-filter {
  display: flex;
  border: 1px solid var(--Complementario-FONDO);
  background: var(--Complementario-FONDO);
  height: 48px;
  padding: 12px;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 14px;
}

.ex-ico {
  color: #676879;
  flex: 0 0 25px;
}

.ex-input {
  flex: 1;
  border: 0;
  outline: 0;
  font-feature-settings: "liga" off, "clig" off;
  text-overflow: ellipsis;
  background: transparent;
  color: var(--primary-text-color, #323338);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.14px;
  font-family: var(--font-family-base);
}

.ex-input::placeholder {
  color: #676879;
}

.ex-chips-group {
  gap: 6px;
  display: flex;
}

.ex-chips {
  display: grid;
  gap: 6px;
  justify-content: center;
  align-items: stretch;
  width: 100%;
}

.ex-chip {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 48px;
  border: 0;
  cursor: pointer;
  background: var(--Complementario-FONDO-2);
  color: var(--CTA-Primary-main);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.ex-chip.is-primary {
  background: var(--CTA-Primary-main);
  color: var(--text-color-on-inverted, #fff);
}

.ex-chip.is-secundary {
  display: none;
}

.ex-chip.is-secundary.is-active {
  border-radius: 16px;
  cursor: not-allowed;
  background: var(--layout-border-color, #d0d4e4);
  pointer-events: none;
  display: inline-flex;
  margin-bottom: 20px;
}

.ex-chip.ex-chip--top svg {
  margin-right: 2px;
}

.ex-chip:focus-visible {
  outline: 2px solid var(--primary-color, #006fba);
  outline-offset: 2px;
}

.ex-chip > .button:focus {
  background-color: #006fba;
}

.is-hidden {
  display: none;
}

.ex-pill {
  align-items: center;
  border-radius: 16px;
  background: var(--CTA-Primary-main);
  color: #fff;
  display: flex;
  gap: 2px;
  justify-content: center;
  line-height: 20px;
  padding: 12px;
  margin-right: 8px;
  height: 36px;
  cursor: pointer;
}

.ex-pill button {
  background: transparent;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  font-size: 16px;
}

.button-filter {
  padding: 12px;
  background: var(--Complementario-FONDO);
  border-radius: 14px;
  display: flex;
  min-width: 90px;
  align-items: center;
  gap: 6px;
  border: none;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.54px;
  color: var(--CTA-Primary-main);
}

.IconBasicDropdownChevronDown {
  width: 24px;
  height: 24px;
  aspect-ratio: 1/1;
}

.ex-results-meta {
  color: #323338;
  font-family: var(--font-family-base);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.ex-list {
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  margin: 0;
  align-self: stretch;
  gap: 12px;
  display: grid;
}

/* CARDS DE PROGRAMAS */
.ProgramItem {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 12px 12px 16px 32px;
  border: 1px solid #c3c6d4;
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
  isolation: isolate;
}

.ProgramMedia {
  inline-size: 72px;
  block-size: 72px;
  object-fit: cover;
  border-radius: 0.5rem;
}

/* COLORES DE CARDS RIGHT */
.ProgramItem::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 8px;
  background: var(--rail);
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  pointer-events: none;
}

.ProgramHeader {
  align-self: stretch;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 0;
}

.ProgramHeader figure {
  display: none;
  margin: 0;
}

.ProgramName {
  color: #323338;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.ProgramMedia {
  display: none;
}

.ProgramName a {
  font-family: inherit;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: -0.5px;
  text-decoration: none;
  color: #323338;
}

.ArrowIcon svg {
  display: block;
  width: 20px;
  height: 20px;
}

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

.ArrowIcon path {
  fill: #003053;
}

.ProgramDetails {
  align-self: stretch;
  color: #676879;
  padding: 0;
  font-feature-settings: "liga" off, "clig" off;
  font-family: inherit;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.32px;
}

.ProgramText p,
.ProgramText h3 {
  margin: 0;
}

.ProgramItem:focus-within {
  outline: 2px solid rgba(0, 111, 186, 0.6);
  outline-offset: 2px;
}

.ex-sep {
  height: 1px;
  max-width: 100%;
  background: var(--ui-border-color, #c3c6d4);
  border-radius: 1px;
  align-self: stretch;
}

.ex-more {
  display: flex;
  justify-content: center;
  align-self: stretch;
  margin-top: 28px;
  margin-bottom: 2px;
}

.ex-more-link {
  font-family: var(--font-family-base);
  text-decoration: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 4px 0;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.54px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  color: var(--CTA-Primary-main);
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 8px;
}

.ex-more-link:focus-visible {
  outline: 2px solid var(--primary-color, #006fba);
  outline-offset: 2px;
}

.ex-list,
.ProgramItem {
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.ProgramItem.enter {
  opacity: 0;
  transform: translateY(6px);
}

.ProgramItem.enter-active {
  opacity: 1;
  transform: none;
}

.Bottomsheet {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  grid-template-rows: 1fr auto;
  align-items: end;
  background: var(--c-primary-contrast);
}

.Bottomsheet[hidden] {
  display: none !important;
}

.Bottomsheet__backdrop {
  grid-row: 1 / -1;
  background: rgba(0, 0, 0, 0.4);
}

.Bottomsheet__panel {
  background: #fff;
  display: inline-flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 16px;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: auto;
}

.Bottomsheet__top_header_actions {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  top: 0;
  z-index: 1;
}

.IconBasicCloseMedium[data-close] {
  width: 24px;
  height: 24px;
  border: 0;
  background: transparent;
  cursor: pointer;
  display: contents;
}

.Bottomsheet,
.Bottomsheet * {
  font-family: var(--font-family-base);
}

.Bottomsheet .Chips {
  align-items: center;
  border: 0;
  border-radius: 14px;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  padding: 4px 16px;
  border-radius: 14px;
  border: 1px solid var(--c-border, #c3c6d4);
  background: var(--Complementario-FONDO, #ededed);
}

.Bottomsheet .Chips .ToggleState {
  color: var(--CTA-Primary-main);
  text-align: center;
  font-feature-settings: "liga" off, "clig" off;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.Chips:active {
  background: var(--primary-color);
  color: #fff;
}

.Chips:disabled {
  display: none !important;
}

.Title_main {
  color: var(--Body-Text);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.54px;
}

.TitleFilterBtn {
  color: var(--primary-color);
  font-feature-settings: "liga" off, "clig" off;
  font-family: var(--font-family-base);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.Bottomsheet .Title {
  color: var(--c-primary);
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}

.campusTitleAction {
  color: var(--CTA-Primary-main, #003053);
  text-align: right;
  font-family: "Work Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.54px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.areasTitleAction {
  color: var(--CTA-Primary-main, #003053);
  text-align: right;
  font-family: "Work Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.54px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.modalidadesTitleAction {
  color: var(--CTA-Primary-main, #003053);
  text-align: right;
  font-family: "Work Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.54px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.ProgramList {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
}

.ModalidadList {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.CampusList {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.Checkbox[data-area],
.Checkbox[data-modality] {
  display: inline-flex;
  align-items: flex-start;
  gap: 6px;
  align-self: stretch;
}

.Checkbox .CheckboxContainer {
  position: relative;
  display: inline-grid;
  place-items: center;
  inline-size: 24px;
  block-size: 24px;
  box-sizing: border-box;
  border-radius: 4px;
  background: var(--c-primary-contrast);
  color: #fff;
  overflow: hidden;
}

.Checkbox.is-on .CheckboxContainer {
  color: #fff;
}

.Checkbox.is-on .CheckboxContainer::after {
  content: "";
  position: absolute;
  inline-size: 16px;
  block-size: 16px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%23fff" d="M16 0L2 0C0.89 0 0 0.9 0 2L0 16C0 17.1 0.89 18 2 18L16 18C17.11 18 18 17.1 18 16L18 2C18 0.9 17.11 0 16 0ZM7 14L2 9L3.41 7.59L7 11.17L14.59 3.58L16 5L7 14Z"/></svg>')
    no-repeat center/contain;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%23fff" d="M16 0L2 0C0.89 0 0 0.9 0 2L0 16C0 17.1 0.89 18 2 18L16 18C17.11 18 18 17.1 18 16L18 2C18 0.9 17.11 0 16 0ZM7 14L2 9L3.41 7.59L7 11.17L14.59 3.58L16 5L7 14Z"/></svg>')
    no-repeat center/contain;
  color: var(--c-primary-contrast);
  background: var(--CTA-Primary-main);
}

.ProgramCount {
  color: #c7c7c7;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}

.CampusList .Chips {
  display: flex;
  padding: 8px 12px;
  align-items: center;
  gap: 6px;
  background: var(--Complementario-FONDO-2);
  cursor: pointer;
  border: 0;
  color: var(--CTA-Primary-main, #003053);
  font-family: "Work Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.CampusList .Chips .ToggleState {
  color: var(--primary-color);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.CampusList .Chips.is-on {
  color: var(--Blanco-Primario, #fff);
  font-family: "Work Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  background: var(--CTA-Primary-main, #003053);
}

.CampusList .Chips.is-on .ToggleState {
  color: #fff;
  font-weight: 600;
}

.ChipsBadgeNuevo {
  padding: 2px 4px;
  background: #ffdc9f;
  border-radius: 16px;
  display: flex;
  align-items: center;
  margin-left: 4px;
}

.ChipsBadgeNuevo .Text {
  color: #f46800;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.ChipsBadgeNuevo-text {
  border-radius: 14px;
  background: var(--c-accent);
  display: flex;
  padding: 1px 8px;
  align-items: center;
  gap: 4px;
  color: var(--Blanco-Primario, #fff);
  font-feature-settings: "liga" off, "clig" off;
  font-family: var(--UNITEC-Font-Family-Font, "Work Sans");
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.Bottomsheet__actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  width: 100%;
}

.Bottomsheet__actions .Button {
  display: flex;
  min-width: 120px;
  padding: 11px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border: 0;
  cursor: pointer;
  border-radius: 14px;
  background: var(--CTA-Primary-main, #003053);
}

.Bottomsheet__actions .Button .Title {
  color: var(--c-primary-contrast);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.54px;
}

.Bottomsheet__actions .Button.is-disabled {
  opacity: 0.6;
  pointer-events: none;
}

.Frame1261158097 {
  align-self: stretch;
  justify-content: space-between;
  align-items: center;
  display: inline-flex;
}

.ProgramBadge--new {
  border-radius: 26px;
  background: var(--UNITEC-Secondary-Salud, #063f60);
  color: var(--c-primary-contrast);
  flex-shrink: 0;
  font-feature-settings: "liga" off, "clig" off;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 4px 8px;
  display: flex;
  width: 83px;
  gap: 5px;
  text-align: center;
  align-items: center;
  margin-bottom: 16px;
}

@media (min-width: 1024px) {
  .ex-wrap {
    --header-col: 540px;
    display: grid;
    grid-template-columns: 470px 2px 1fr;
    grid-auto-rows: min-content;
    row-gap: 10px;
    padding: 40px 130px;
    background: #fff;
  }

  .ex-head {
    grid-column: 1 / -1;
    gap: 10px;
    margin-bottom: 40px;
  }

  .ex-title {
    grid-column: 1 / -1;
    text-align: center;
  }

  .ex-desc {
    grid-column: 1;
    width: 100%;
    /* max-width: var(--header-col); */
    gap: 14px;
    align-items: center;
    text-align: center;
  }

  .ProgramList {
    max-block-size: clamp(294px, 25vh, 453px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: auto;
    padding-right: 4px;
    min-block-size: 0;
  }

  .ProgramHeader figure {
    display: flex;
    align-items: center;
    align-self: center;
  }

  .ex-controls {
    align-items: flex-end;
    display: flex;
    grid-column: 1 / -1;
    justify-self: end;
    max-width: 100%;
    width: 100%;
    align-items: center;
    align-self: stretch;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin: 0;
    padding-left: 24px;
  }

  .ex-controls .ex-faq__description-link {
    color: var(--Blanco-Primario, #fff);
    flex: 0 0 auto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.54px;
    line-height: 22px;
    order: 2;
    text-align: center;
    text-decoration: none;
  }

  .ex-controls .ex-search {
    flex: 1 1 auto;
    order: 1;
  }

  .button-filter {
    display: none;
  }

  .ex-controls > .Button {
    display: none !important;
  }

  .ex-controls-main-chips {
    grid-column: 1 / -1;
    display: grid !important;
    grid-template-columns: max-content 1fr;
    align-items: center;
    gap: 24px;
    margin-top: 38px;
    margin-left: 24px;
  }

  .ex-controls-main-chips > * {
    min-width: 0;
  }

  .Bottomsheet__panel {
    background: #fff;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.12);
    display: inline-flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    max-height: min(200vh);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: auto;
  }

  .ex-chip.is-secundary.is-active {
    margin-bottom: 60px;
  }

  .ex-order-label {
    flex: 0 0 auto;
    white-space: nowrap;
    color: var(--Body-Text);
    display: flex;
    align-items: center;
  }

  .ex-chips {
    display: inline;
    align-items: center;
    gap: 24px;
    flex: 1 1 auto;
    min-width: 0;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .ex-chip {
    display: flex;
    padding: 4px 10px 4px 16px;
    align-items: center;
    gap: 2px;
    height: 36px;
    flex-shrink: 0;
  }

  .Bottomsheet {
    display: contents;
  }

  .Bottomsheet[hidden] {
    display: contents !important;
  }

  .Bottomsheet__backdrop,
  .Bottomsheet .IconBasicCloseMedium {
    display: none !important;
  }

  .Bottomsheet__panel {
    grid-column: 1;
    padding: 24px;
    border-radius: 16px;
    box-shadow: none;
  }

  .ex-active-filters-wrap,
  .ex-results-meta,
  .ex-list,
  .ex-more {
    grid-column: 3;
  }

  s .button-filter {
    display: none !important;
  }

  .ex-list {
    margin-top: -3vh;
    display: flex;
  }

  .ex-results-meta {
    margin-top: -5vh;
  }

  .ex-active-filters-wrap {
    margin-top: -9vh;
  }

  .ProgramItem {
    align-items: flex-start;
    background: #fff;
    border: 1px solid #c3c6d4;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    isolation: isolate;
    overflow: hidden;
    padding: 16px;
    position: relative;
    width: 100%;
  }

  .ProgramMedia {
    display: flex;
    inline-size: 72px;
    block-size: 72px;
    object-fit: cover;
    border-radius: 0.5rem;
    width: 142px;
    height: 100%;
    flex-shrink: 0;
    aspect-ratio: 142/97;
  }

  .ProgramItem::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 8px;
    background: var(--rail);
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    pointer-events: none;
  }

  .ProgramHeader {
    align-self: stretch;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
    padding: 0;
  }

  .ProgramText {
    width: 100%;
    align-items: end;
    align-content: baseline;
    align-self: anchor-center;
    padding: 0 25px;
  }

  .ProgramName {
    color: #323338;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
  }

  .ProgramName a {
    font-family: inherit;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.5px;
    text-decoration: none;
    color: #323338;
  }

  .ArrowIcon svg {
    display: block;
    width: 20px;
    height: 20px;
  }

  .ArrowIcon path {
    fill: #003053;
  }

  .ProgramDetails {
    align-self: stretch;
    color: #676879;
    padding: 0 0 8px 0;
    font-feature-settings: "liga" off, "clig" off;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.32px;
  }

  .ProgramItem:focus-within {
    outline: 2px solid rgba(0, 111, 186, 0.6);
    outline-offset: 2px;
  }
}

.ProgramList::-webkit-scrollbar {
  inline-size: 10px;
}

.ProgramList::-webkit-scrollbar-track {
  background: transparent;
}

.ProgramList::-webkit-scrollbar-thumb {
  background: #c3c6d4;
  border-radius: 8px;
}

@media (min-width: 1024px) {
  .ProgramList {
    max-block-size: clamp(360px, 65vh, 680px);
  }
}

.ex-list:focus-visible {
  outline: 2px solid var(--CTA-Primary-main);
  outline-offset: 2px;
}

.ProgramList,
.ex-list,
.Bottomsheet__panel {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y pinch-zoom;
}

@media (min-width: 1024px) {
  .ex-more-link {
    display: none;
  }

  .ex-more {
    display: flex;
    justify-content: center;
    position: relative;
  }

  .cdp {
    display: flex;
  }

  .cdp .button:disabled,
  .cdp button:disabled {
    display: none;
  }

  .cdp__num,
  .cdp button {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    border-radius: 99px;
  }

  .Bottomsheet__actions .Button {
    display: none;
  }
}

@media (max-width: 1023px) {
  .cdp {
    display: none;
  }
}

.cdp {
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.54px;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
}

.cdp [data-page] {
  display: inline-flex;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  font: inherit;
  cursor: pointer;
  background: transparent;
  color: inherit;
}

.cdp .cdp__num {
  color: var(--CTA-Primary-Disabled, #bad5e7);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.54px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  background: transparent;
}

.cdp__btn {
  color: currentColor;
  text-decoration: none;
}

.cdp__btn svg {
  width: 24px;
  height: 24px;
  display: block;
}

.cdp__btn svg path {
  fill: currentColor;
}

.cdp__num--active,
.cdp [data-page].cdp__num[aria-current="page"] {
  background: var(--Complementario-FONDO);
  color: var(--CTA-Primary-main);
  pointer-events: none;
  font-weight: 600;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
}

.cdp--color-primary .cdp__num--active,
.cdp--color-primary [data-page].cdp__num[aria-current="page"] {
  background: var(--Complementario-FONDO);
  color: var(--CTA-Primary-main);
}

.cdp--shape-pill .cdp__num,
.cdp--shape-pill .cdp button {
  border-radius: 999px;
}

.cdp--shape-square .cdp__num,
.cdp--shape-square .cdp button {
  border-radius: 0.25rem;
}

/* NAV CHIPS and ARROWS */
:root {
  --exaf-scrim: #fff;
  --exaf-halo-outset: 10px;
  --exaf-fade-width: 72px;
}

.ex-active-filters-wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  inline-size: 100%;
  max-inline-size: 100%;
  min-inline-size: 0;
  overflow: visible;
  touch-action: pan-x pinch-zoom;
}

/* pista scrolleable */
.ex-active-filters {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  min-inline-size: 0;
  padding-block: 2px;
  padding-inline: 4px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  border-radius: 6px;
}

.ex-active-filters > * {
  flex: 0 0 auto;
  min-inline-size: max-content;
}

.ex-active-filters::-webkit-scrollbar {
  display: none;
}

/* flechas */
.exaf-btn {
  flex: 0 0 36px;
  inline-size: 36px;
  block-size: 36px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  color: var(--CTA-Primary-main);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.16);
  border: 1px solid rgba(148, 163, 184, 0.5);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: background-color 0.15s ease, box-shadow 0.15s ease,
    transform 0.15s ease;
}

.exaf-prev,
.exaf-next {
  position: relative;
}

.exaf-btn svg {
  inline-size: 20px;
  block-size: 20px;
  display: block;
  color: var(--CTA-Primary-main);
}

.StickyBar__iconSvg {
  display: flex;
}

.exaf-btn[disabled] {
  display: none;
  pointer-events: none;
}

@media (hover: hover) {
  .exaf-btn:not([disabled]):hover {
    background: rgba(248, 250, 252, 0.96);
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.24);
    transform: translateY(-1px);
  }

  .exaf-btn:not([disabled]):active {
    background: rgba(241, 245, 249, 1);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.16);
    transform: translateY(0);
  }
}

[dir="rtl"] .exaf-prev svg,
[dir="rtl"] .exaf-next svg {
  transform: rotate(180deg);
}

@media (max-width: 1023px) {
  .Bottomsheet {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    align-items: end;
    background: rgba(0, 0, 0, 0.4);
  }

  .Bottomsheet__backdrop {
    grid-row: 1 / -1;
    background: transparent;
  }

  .Bottomsheet__panel {
    background: #fff;
    height: 100dvh;
    max-height: 100dvh;
    padding: 16px 16px calc(16px + env(safe-area-inset-bottom));
    box-sizing: border-box;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  .Bottomsheet__actions {
    margin-top: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 12px;
    padding-bottom: env(safe-area-inset-bottom);
    position: sticky;
    bottom: 0;
  }

  .Bottomsheet__actions .Button {
    width: 100%;
    min-height: 48px;
    justify-content: center;
  }

  .Bottomsheet .Title_main,
  .Bottomsheet .TitleFilterBtn {
    word-break: break-word;
  }

  .ex-active-filters-wrap {
    gap: 6px;
  }

  .ex-pill {
    max-width: 100%;
    white-space: nowrap;
  }
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .ex-controls {
    flex-wrap: wrap;
    row-gap: 12px;
    column-gap: 16px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .ex-controls .ex-search {
    flex: 1 1 260px;
    min-width: 220px;
  }

  .ex-controls .ex-faq__description-link {
    flex: 0 0 auto;
    align-self: stretch;
    text-align: center;
    justify-content: center;
    padding-inline: 16px;
  }

  .ex-controls-main-chips {
    grid-template-columns: 1fr;
    row-gap: 12px;
    margin-left: 24px;
    margin-right: 24px;
  }

  .ex-order-label {
    margin-bottom: 0;
  }

  .ex-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

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

@media (max-width: 360px) {
  .button-filter {
    min-width: 0;
    padding-inline: 10px;
    font-size: 16px;
    line-height: 20px;
  }

  .ex-search {
    min-width: 0;
  }

  .ex-search-input-filter {
    padding-inline: 10px;
  }

  .ex-pill {
    padding-inline: 8px;
  }
}

@media (max-width: 1023px) {
  .Bottomsheet__panel {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100dvh;
    max-height: 100dvh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 16px 16px calc(16px + env(safe-area-inset-bottom));
    box-sizing: border-box;
  }

  .Bottomsheet__top_header_actions {
    top: 0;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    row-gap: 8px;
    column-gap: 8px;
    padding-bottom: 8px;
    padding-top: 4px;
  }

  .Bottomsheet__top_header_actions .Title_main {
    flex: 1 1 100%;
    min-width: 0;
  }

  .Bottomsheet__top_header_actions .Chips,
  .Bottomsheet__top_header_actions .Button {
    flex: 0 1 auto;
    min-width: 0;
  }

  .Bottomsheet__top_header_actions .Button .Title {
    font-size: 16px;
    line-height: 20px;
  }

  .IconBasicCloseMedium[data-close] {
    align-items: center;
    justify-content: center;
  }

  .ex-active-filters-wrap {
    gap: 6px;
  }

  .ex-pill {
    max-width: 100%;
    white-space: nowrap;
  }
}

@media (max-width: 480px) and (max-height: 640px) {
  .Bottomsheet__actions {
    position: static;
    margin-top: 16px;
    padding-top: 8px;
    background: transparent;
  }

  .Bottomsheet__actions .Button {
    min-height: 44px;
    padding-inline: 20px;
  }

  .Bottomsheet__panel {
    padding-bottom: 8px;
  }
}

.c-btn--primary {
  background-color: var(--CTA-Primary-main, #003053) !important;
  color: var(--Blanco-Primario, #ffffff) !important;
  text-decoration: none;
  cursor: pointer;
}

.c-btn--primary span,
.c-btn--primary p,
.c-btn--primary strong,
.c-btn--primary b {
  color: var(--Blanco-Primario, #ffffff) !important;
}

.c-btn--primary svg,
.c-btn--primary svg path {
  fill: var(--Blanco-Primario, #ffffff) !important;
}

.c-btn--primary:hover {
  background-color: var(--CTA-Primary-Hover, #F68B1F) !important;
  color: var(--CTA-Primary-Pressed, #002641) !important;
}

.c-btn--primary:hover span,
.c-btn--primary:hover p,
.c-btn--primary:hover strong,
.c-btn--primary:hover b {
  color: var(--CTA-Primary-Pressed, #002641) !important;
}

.c-btn--primary:hover svg,
.c-btn--primary:hover svg path {
  fill: var(--CTA-Primary-Pressed, #002641) !important;
}

.c-btn--primary:active {
  background-color: var(--CTA-Primary-Pressed, #002641) !important;
  color: var(--Blanco-Primario, #ffffff) !important;
}

.c-btn--primary:active span,
.c-btn--primary:active p,
.c-btn--primary:active strong,
.c-btn--primary:active b {
  color: var(--Blanco-Primario, #ffffff) !important;
}

.c-btn--primary:active svg,
.c-btn--primary:active svg path {
  fill: var(--Blanco-Primario, #ffffff) !important;
}

.c-btn--primary.is-disabled,
.c-btn--primary[aria-disabled="true"] {
  background-color: var(--CTA-Primary-Disabled, #BAD5E7) !important;
  color: var(--Blanco-Primario, #ffffff) !important;
  opacity: 0.9 !important;
}

.c-btn--primary.is-disabled span,
.c-btn--primary[aria-disabled="true"] span,
.c-btn--primary.is-disabled p,
.c-btn--primary[aria-disabled="true"] p,
.c-btn--primary.is-disabled strong,
.c-btn--primary[aria-disabled="true"] strong,
.c-btn--primary.is-disabled b,
.c-btn--primary[aria-disabled="true"] b {
  color: var(--Blanco-Primario, #ffffff) !important;
}

.c-btn--primary.is-disabled svg,
.c-btn--primary.is-disabled svg path,
.c-btn--primary[aria-disabled="true"] svg,
.c-btn--primary[aria-disabled="true"] svg path {
  fill: var(--Blanco-Primario, #ffffff) !important;
}


.c-btn--advisor {
  background-color: var(--CTA-Primary-Hover, #F68B1F) !important;
  color: var(--Blanco-Primario, #ffffff) !important;
  text-decoration: none;
}

.c-btn--advisor span,
.c-btn--advisor p,
.c-btn--advisor strong,
.c-btn--advisor b {
  color: var(--Blanco-Primario, #ffffff) !important;
}

.c-btn--advisor svg,
.c-btn--advisor svg path {
  fill: var(--Blanco-Primario, #ffffff) !important;
}

.c-btn--advisor:hover {
  background-color: #FF9A36 !important;
  color: var(--Blanco-Primario, #ffffff) !important;
}

.c-btn--advisor:hover span,
.c-btn--advisor:hover p,
.c-btn--advisor:hover strong,
.c-btn--advisor:hover b {
  color: var(--Blanco-Primario, #ffffff) !important;
}

.c-btn--advisor:hover svg,
.c-btn--advisor:hover svg path {
  fill: var(--Blanco-Primario, #ffffff) !important;
}

.c-btn--advisor:active {
  background-color: #D77211 !important;
  color: var(--Blanco-Primario, #ffffff) !important;
}

.c-btn--advisor:active span,
.c-btn--advisor:active p,
.c-btn--advisor:active strong,
.c-btn--advisor:active b {
  color: var(--Blanco-Primario, #ffffff) !important;
}

.c-btn--advisor:active svg,
.c-btn--advisor:active svg path {
  fill: var(--Blanco-Primario, #ffffff) !important;
}

.c-btn--advisor.is-disabled,
.c-btn--advisor[aria-disabled="true"] {
  background-color: #F3B676 !important;
  color: var(--Blanco-Primario, #ffffff) !important;
  opacity: 0.9 !important;
}

.c-btn--advisor.is-disabled span,
.c-btn--advisor[aria-disabled="true"] span,
.c-btn--advisor.is-disabled p,
.c-btn--advisor[aria-disabled="true"] p,
.c-btn--advisor.is-disabled strong,
.c-btn--advisor[aria-disabled="true"] strong,
.c-btn--advisor.is-disabled b,
.c-btn--advisor[aria-disabled="true"] b {
  color: var(--Blanco-Primario, #ffffff) !important;
}

.c-btn--advisor.is-disabled svg,
.c-btn--advisor.is-disabled svg path,
.c-btn--advisor[aria-disabled="true"] svg,
.c-btn--advisor[aria-disabled="true"] svg path {
  fill: var(--Blanco-Primario, #ffffff) !important;
}


.c-btn--secondary {
  background-color: var(--Complementario-FONDO, #EDEDED) !important;
  color: var(--CTA-Primary-main, #003053) !important;
  border: 1px solid var(--UNITEC-Secondary-Border, #C3C6D4) !important;
  box-sizing: border-box !important;
  text-decoration: none;
}

.c-btn--secondary span,
.c-btn--secondary p,
.c-btn--secondary strong,
.c-btn--secondary b {
  color: var(--CTA-Primary-main, #003053) !important;
}

.c-btn--secondary svg,
.c-btn--secondary svg path {
  fill: var(--CTA-Primary-main, #003053) !important;
}

.c-btn--secondary:hover {
  background-color: #ffffff !important;
  color: var(--CTA-Primary-main, #003053) !important;
}

.c-btn--secondary:hover span,
.c-btn--secondary:hover p,
.c-btn--secondary:hover strong,
.c-btn--secondary:hover b {
  color: var(--CTA-Primary-main, #003053) !important;
}

.c-btn--secondary:hover svg,
.c-btn--secondary:hover svg path {
  fill: var(--CTA-Primary-main, #003053) !important;
}

.c-btn--secondary:active {
  background-color: var(--Complementario-FONDO, #EDEDED) !important;
  color: var(--CTA-Primary-main, #003053) !important;
}

.c-btn--secondary:active span,
.c-btn--secondary:active p,
.c-btn--secondary:active strong,
.c-btn--secondary:active b {
  color: var(--CTA-Primary-main, #003053) !important;
}

.c-btn--secondary:active svg,
.c-btn--secondary:active svg path {
  fill: var(--CTA-Primary-main, #003053) !important;
}

.c-btn--secondary.is-disabled,
.c-btn--secondary[aria-disabled="true"] {
  opacity: 0.6 !important;
}


.c-btn--link {
  background-color: transparent !important;
  color: var(--CTA-Primary-main, #003053) !important;
  text-decoration: underline !important;
  border: none !important;
  display: flex !important;
}

.c-btn--link span,
.c-btn--link p,
.c-btn--link strong,
.c-btn--link b {
  color: var(--CTA-Primary-main, #003053) !important;
}

.c-btn--link svg,
.c-btn--link svg path {
  fill: var(--CTA-Primary-main, #003053) !important;
  padding-top: 2px;
}

.c-btn--link:hover {
  color: var(--CTA-Primary-Pressed, #006FBA) !important;
  fill: var(--CTA-Primary-Pressed, #006FBA) !important;
}

.c-btn--link:hover span,
.c-btn--link:hover p,
.c-btn--link:hover strong,
.c-btn--link:hover b {
  color: var(--CTA-Primary-Pressed, #006FBA) !important;
}

.c-btn--link:hover svg,
.c-btn--link:hover svg path {
  fill: var(--CTA-Primary-Pressed, #006FBA) !important;
}

.c-btn--link:active {
  color: var(--CTA-Primary-Pressed, #002641) !important;
}

.c-btn--link:active span,
.c-btn--link:active p,
.c-btn--link:active strong,
.c-btn--link:active b {
  color: var(--CTA-Primary-Pressed, #002641) !important;
}

.c-btn--link:active svg,
.c-btn--link:active svg path {
  fill: var(--CTA-Primary-Pressed, #002641) !important;
}

.c-btn--link.is-disabled,
.c-btn--link[aria-disabled="true"] {
  opacity: 0.6 !important;
  text-decoration: none !important;
}


.c-btn--whatsapp {
  background-color: #25D366 !important;
  color: var(--CTA-Primary-main, #003053) !important;
  text-decoration: none;
  display: flex;
  gap: 8px;
}

.c-btn--whatsapp span,
.c-btn--whatsapp p,
.c-btn--whatsapp strong,
.c-btn--whatsapp b {
  color: var(--CTA-Primary-main, #003053) !important;
}

.c-btn--whatsapp svg,
.c-btn--whatsapp svg path {
  fill: var(--CTA-Primary-main, #003053) !important;
}

.c-btn--whatsapp:hover {
  background-color: #29e172 !important;
  color: var(--CTA-Primary-main, #003053) !important;
}

.c-btn--whatsapp:hover span,
.c-btn--whatsapp:hover p,
.c-btn--whatsapp:hover strong,
.c-btn--whatsapp:hover b {
  color: var(--CTA-Primary-main, #003053) !important;
}

.c-btn--whatsapp:hover svg,
.c-btn--whatsapp:hover svg path {
  fill: var(--CTA-Primary-main, #003053) !important;
}

.c-btn--whatsapp:active {
  background-color: #1fb659 !important;
  color: var(--CTA-Primary-main, #003053) !important;
}

.c-btn--whatsapp:active span,
.c-btn--whatsapp:active p,
.c-btn--whatsapp:active strong,
.c-btn--whatsapp:active b {
  color: var(--CTA-Primary-main, #003053) !important;
}

.c-btn--whatsapp:active svg,
.c-btn--whatsapp:active svg path {
  fill: var(--CTA-Primary-main, #003053) !important;
}

.c-btn--whatsapp.is-disabled,
.c-btn--whatsapp[aria-disabled="true"] {
  opacity: 0.6 !important;
}

/* Cursores */
.header__icons .topbar__phone-icon,
.header__buttons .c-btn,
.header__toggles .header--toggle,
.header__logo-link {
  cursor: pointer !important;
}

.breadcrum-is-hidden {
  display: none !important;
}

.ctaCalc a,
.canales-entrantes-whatsapp a,
.canales-entrantes-call a {
  pointer-events: auto;
}

.ctaCalc a,
.canales-entrantes-whatsapp a,
.canales-entrantes-call a {
  position: relative;
  z-index: 10;
}

.card__content--rich {
  padding: 12px 6px 0 6px;
}

.card__title-content p,
.card__subtitle p,
.card__subtitle span
{
  margin: 0;
  color: var(--Text-Primary-900, #505050);
  /* UNITEC/Body 1 */

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 133.333% */
  letter-spacing: -0.54px;
}

.card__bullet-text--rich {
  padding-inline: 12px;
}

.card__bullet-text--rich p {
  color: var(--Body-Text, #505050);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.54px;
  margin: 0;
  padding: 16px;
}