:root {
  --padding-main-horizontal--slider: calc(clamp(2.4rem, 10.67vi + -1.76rem, 13.6rem) / 4);
  --margin-main-horizontal--slider: calc(clamp(2.4rem, 10.67vi + -1.76rem, 13.6rem) / 4);
}
/* TYPOGRAPHY */
h1,
.h1 {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: clamp(4rem, 4.46vi, 4.8rem);
  line-height: clamp(5.6rem, 6.24vi, 6.7rem);
}
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
h2,
.h2 {
  font-size: clamp(2.4rem, 3.33vi, 4rem);
  line-height: clamp(3.4rem, 4.68vi, 5.6rem);
}
h3,
.h3 {
  font-size: clamp(2rem, 2.69vi, 3.2rem);
  line-height: clamp(3rem, 3.87vi, 4.5rem);
}
h4,
.h4 {
  font-size: clamp(1.8rem, 2.15vi, 2.4rem);
  line-height: clamp(2.8rem, 3.15vi, 3.4rem);
}
h5,
.h5 {
  font-size: clamp(1.7rem, 1.88vi, 2rem);
  line-height: clamp(2.5rem, 2.68vi, 2.8rem);
}
.h6 {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  color: #3b3b3b;
  font-size: clamp(1.7rem, 1.88vi, 2rem);
}
.p-body-xs,
.p-body-s,
.p-body-m,
.p-subheading,
.p-overline {
  font-family: "Raleway", Arial, Helvetica, sans-serif;
}
.p-body-xs {
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.p-body-s {
  font-size: 1.4rem;
  line-height: 2rem;
}
.p-body-m {
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.p-subheading {
  font-size: 1.8rem;
  line-height: 2.5rem;
}
.p-overline {
  font-size: clamp(1.6rem, 1.72vi, 1.8rem);
  line-height: clamp(2.2rem, 2.38vi, 2.5rem);
  text-transform: uppercase;
}
.p-post {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 36rem;
}
.p-post:after {
  content: "...";
}
.section-title,
.section-title .microsite {
  border-bottom: 1px solid #49a848;
  padding-bottom: 0.8rem;
  margin-bottom: calc(2.4rem);
}
@media (min-width: 64rem) {
  .section-title,
  .section-title .microsite {
    padding-bottom: calc(1.6rem);
    margin-bottom: calc(3.2rem);
  }
}
.section-title--small {
  font-weight: 700;
  padding-bottom: calc(1.6rem);
}
.section-title--inner {
  padding-top: calc(4rem);
  padding-bottom: calc(2.4rem);
}
@media (min-width: 48rem) {
  .section-title--inner {
    padding-top: calc(5.6rem);
  }
}
.section-title--text-center {
  padding-bottom: calc(3.2rem);
  text-align: center;
}
.section-title .microsite {
  border-bottom-color: #ffcd06;
}
.p-list-bullet {
  position: relative;
  padding-left: 2.4rem;
}
.p-list-bullet::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  top: 0.6rem;
  left: 0;
  background-color: inherit;
  -webkit-mask: url("clientlib-intro/public/svg/circle-bullet-point.svg") no-repeat 50% 50%;
  mask: url("clientlib-intro/public/svg/circle-bullet-point.svg") no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.p-list-tick {
  position: relative;
  padding-left: 3.2rem;
}
.p-list-tick::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 1.6rem;
  height: 1.2rem;
  top: 0.4rem;
  left: 0;
  background-color: inherit;
  -webkit-mask: url("clientlib-intro/public/svg/check-capacitacion.svg") no-repeat 50% 50%;
  mask: url("clientlib-intro/public/svg/check-capacitacion.svg") no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.li-list-bullet li {
  position: relative;
  padding-left: 2.4rem;
}
.li-list-bullet li::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  top: 0.6rem;
  left: 0;
  background-color: #3b3b3b;
  -webkit-mask: url("clientlib-intro/public/svg/circle-bullet-point.svg") no-repeat 50% 50%;
  mask: url("clientlib-intro/public/svg/circle-bullet-point.svg") no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.li-list-tick li {
  position: relative;
  padding-left: 3.2rem;
}
.li-list-tick li::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 1.6rem;
  height: 1.2rem;
  top: 0.4rem;
  left: 0;
  background-color: #3b3b3b;
  -webkit-mask: url("clientlib-intro/public/svg/check-capacitacion.svg") no-repeat 50% 50%;
  mask: url("clientlib-intro/public/svg/check-capacitacion.svg") no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
@media (min-width: 64rem) {
  .text-limit--no-line-break {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 55rem;
  }
}
.font-bold {
  font-weight: 700;
}
.font-normal {
  font-weight: 400;
}
.underline {
  text-decoration: underline;
}
.no-underline {
  text-decoration-line: none;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.normal-case {
  text-transform: none;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
@media (min-width: 48rem) {
  .text-nowrap-m-l {
    text-wrap: nowrap;
  }
}
.overflow-wrap .long-word {
  overflow-wrap: break-word;
  hyphens: auto;
}
.cmp-intro {
  /* Chevron coloreable por mask */
  /* Hover: fondo azul chevron blanco */
}
.cmp-intro.decor--blue-xlg {
  position: relative;
}
@media (min-width: 48rem) {
  .cmp-intro.decor--blue-xlg {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='720' height='607' viewBox='0 0 720 607' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.05'%3E%3Cpath d='M720 0.0078125H1.01946H0V280.385V326.705V606.999H1.01946H250.566H0L359.053 304.281H131.933L359.733 112.289V303.749L359.976 303.504V606.999H451.911H720V303.504H359.976L720 0.0078125Z' fill='%2313BDCE'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: repeat-x;
    background-position: left top;
    background-size: auto;
    position: relative;
    width: 100%;
    height: auto;
  }
}
.cmp-intro .flex__direction-column {
  flex-direction: column;
}
.cmp-intro .padding__top-spacing-03 {
  padding-top: 2.4rem;
}
.cmp-intro .gap-spacing-02 {
  gap: 1.6rem;
}
.cmp-intro .intro-padding {
  padding-top: 0.8rem;
  padding-bottom: calc(1.6rem);
}
.cmp-intro .intro-padding p + p {
  margin-top: 1.6rem;
}
@media (min-width: 48rem) {
  .cmp-intro .intro-padding {
    padding-top: calc(4rem);
    padding-bottom: calc(3.2rem);
  }
}
.cmp-intro .header-title {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: clamp(2.4rem, 0.77vi + 2.09rem, 3.2rem);
  font-weight: 700;
  line-height: clamp(3.4rem, 0.58vi + 3.17rem, 4rem);
  color: #005288;
}
.cmp-intro .text-color-gris-600 {
  color: #717074;
}
.cmp-intro .single-card-slider {
  width: 100vw;
  overflow: hidden;
  position: relative;
  overflow-x: hidden;
  /* para que en Chrome/Edge no se vea un “pixel” extra */
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 48rem) {
  .cmp-intro .single-card-slider {
    padding-right: clamp(2.4rem, 10.67vi + -1.76rem, 13.6rem);
    padding-left: clamp(2.4rem, 10.67vi + -1.76rem, 13.6rem);
  }
}
.cmp-intro .single-card-slider__frame {
  max-width: 642.16px;
}
@media (min-width: 48rem) {
  .cmp-intro .single-card-slider__frame {
    z-index: 2;
    max-width: 114rem;
    margin: 0 auto;
  }
}
.cmp-intro .single-card-slider .card-grabbing {
  cursor: grabbing;
}
.cmp-intro .single-card-slider__track {
  display: inline-flex;
  align-items: start;
  transform: translateX(0);
  transition: transform 0.3s ease-out;
  cursor: grab;
  column-gap: 48px;
}
.cmp-intro .single-card-slider__track--resume {
  column-gap: 32px;
  align-items: center;
  min-height: 230px;
}
@media (min-width: 48rem) {
  .cmp-intro .single-card-slider__track {
    display: flex;
    flex-direction: row;
    max-width: 114rem;
    margin: 0 auto;
    cursor: default;
  }
}
.cmp-intro .single-card-slider__track .cmp-card-doc:first-of-type,
.cmp-intro .single-card-slider__track .cmp-card-persona:first-of-type {
  margin-left: clamp(2.4rem, 10.67vi + -1.76rem, 13.6rem);
}
@media (min-width: 1400px) {
  .cmp-intro .single-card-slider__track .cmp-card-doc:first-of-type,
  .cmp-intro .single-card-slider__track .cmp-card-persona:first-of-type {
    margin-left: 0;
  }
}
.cmp-intro .single-card-slider__track .cmp-card-doc:last-of-type,
.cmp-intro .single-card-slider__track .cmp-card-persona:last-of-type {
  margin-right: clamp(2.4rem, 10.67vi + -1.76rem, 13.6rem);
}
@media (min-width: 1400px) {
  .cmp-intro .single-card-slider__track .cmp-card-doc:last-of-type,
  .cmp-intro .single-card-slider__track .cmp-card-persona:last-of-type {
    margin-right: calc((100vw - 114rem) / 2);
  }
}
.cmp-intro .single-card-slider__track .cmp-card-doc {
  display: flex;
  flex-direction: column;
  gap: calc(1.6rem);
  width: 24rem;
  min-width: 25.4rem;
  max-width: 25rem;
}
.cmp-intro .single-card-slider__track .cmp-card-doc.full-width {
  min-width: 100%;
}
.cmp-intro .single-card-slider__track .cmp-card-doc.full-width .cmp-card-doc__img {
  width: auto;
}
.cmp-intro .single-card-slider__track .cmp-card-doc__img {
  width: 240px;
  height: 336px;
  border-radius: 8px;
}
.cmp-intro .single-card-slider__track .cmp-card-doc__title {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 3;
  display: -webkit-box;
  color: #3b3b3b;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
  text-transform: uppercase;
  height: 4rem;
}
.cmp-intro .single-card-slider__track .cmp-card-doc__content {
  display: flex;
  flex-direction: column;
  gap: calc(1.6rem);
  width: 100%;
}
.cmp-intro .single-card-slider__track .cmp-card-doc .gap-spacing-01 {
  gap: 0.8rem;
}
.cmp-intro .single-card-slider__track .cmp-card-doc__meta {
  color: #3b3b3b;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  height: 2rem;
}
.cmp-intro .single-card-slider__track .cmp-card-doc .txt-card-green {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 3;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #4d7c0f;
  transition: font-weight 0.2s ease;
  width: 96%;
  min-height: calc(2.2rem * 3);
  height: 9rem;
}
@media (min-width: 48rem) {
  .cmp-intro .single-card-slider__track .cmp-card-doc .txt-card-green:hover {
    font-weight: 700;
  }
}
.cmp-intro .single-card-slider__track .cmp-card-doc__actions {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
}
.cmp-intro .single-card-slider__track .cmp-card-doc.bg-color-full-white {
  padding: calc(1.6rem);
  border-radius: 0.8rem;
}
.cmp-intro .single-card-slider__navigation {
  display: flex;
  justify-content: center;
  padding-top: calc(3.2rem);
  padding-bottom: calc(3.2rem);
}
.cmp-intro .single-card-slider__navigation .single-card-slider__navigation__dot {
  height: 1.2rem;
  width: 1.2rem;
  border: 2px solid #89ce89;
  border-radius: 1.2rem;
  margin-right: calc(1.6rem);
  cursor: pointer;
  display: none;
}
.cmp-intro .single-card-slider__navigation .single-card-slider__navigation__dot.active {
  background-color: #89ce89;
  width: 4rem;
}
.cmp-intro .single-card-slider__navigation.microsite .single-card-slider__navigation__dot {
  border-color: #bbbbbb;
}
.cmp-intro .single-card-slider__navigation.microsite .single-card-slider__navigation__dot.active {
  background-color: #84cc16;
}
.cmp-intro .single-card-slider__arrow {
  position: absolute;
  top: (50% - 3.4rem - 1.7rem);
  cursor: pointer;
  z-index: 0;
}
.cmp-intro .single-card-slider__arrow--left {
  left: calc(@padding-main-horizontal / 2);
}
@media (min-width: 90rem) {
  .cmp-intro .single-card-slider__arrow--left {
    left: calc((@padding-main-horizontal / 2) + clamp(0.1rem, 45.63vi + -65.6rem, 22rem));
  }
}
.cmp-intro .single-card-slider__arrow--right {
  right: calc(@padding-main-horizontal / 2);
}
@media (min-width: 90rem) {
  .cmp-intro .single-card-slider__arrow--right {
    right: calc((@padding-main-horizontal / 2) + clamp(0.1rem, 45.63vi + -65.6rem, 22rem));
  }
}
@media (min-width: 48rem) {
  .cmp-intro .single-card-slider__arrow {
    display: inline-block;
  }
}
.cmp-intro .single-card-slider__arrow img {
  height: 3.4rem;
  width: 2rem;
}
.cmp-intro .single-card-slider {
  overflow-x: hidden;
  /* para que en Chrome/Edge no se vea un “pixel” extra */
  width: 100%;
  box-sizing: border-box;
}
.cmp-intro .single-card-slider__navigation.microsite {
  --arrow-size: 44px;
  --arrow-gap: 16px;
  --arrow-inset: 6px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 68px;
  margin-top: 2rem;
  padding: 0 112px 0 16px;
}
.cmp-intro .single-card-slider__arrows {
  position: absolute;
  right: var(--arrow-inset);
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  gap: var(--arrow-gap);
  z-index: 1;
  margin-top: 1rem;
}
.cmp-intro .single-card-slider__arrows .single-card-slider__arrow {
  position: static !important;
  width: var(--arrow-size);
  height: var(--arrow-size);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #f2f2f2;
  border: 0;
  cursor: pointer;
  transition: background 0.15s ease, transform 0.15s ease, opacity 0.2s ease;
  opacity: 1;
  visibility: visible;
}
.cmp-intro .single-card-slider__arrows .single-card-slider__arrow:not(:disabled):active {
  transform: scale(0.96);
}
.cmp-intro .single-card-slider__arrows .single-card-slider__arrow[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.cmp-intro .single-card-slider__arrow {
  --brand-blue: #1774ad;
  --icon-color: var(--brand-blue);
}
.cmp-intro .single-card-slider__chevron {
  width: 20px;
  height: 20px;
  display: block;
  background-color: var(--icon-color);
  -webkit-mask: var(--icon-url) no-repeat center / contain;
  mask: var(--icon-url) no-repeat center / contain;
}
.cmp-intro .single-card-slider__chevron[data-dir="left"] {
  --icon-url: url("data:image/svg+xml;charset=utf8,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Solid/chevron-left'%3E%3Cpath id='&%23226;&%23157;&%23135;&%23239;&%23184;&%23143; Icons/chevron-left' fill-rule='evenodd' clip-rule='evenodd' d='M4.71961 7.29273L10.793 1.21961C11.0859 0.926797 11.5609 0.926797 11.8537 1.21961L12.5621 1.92805C12.8546 2.22055 12.8549 2.6943 12.5634 2.98742L7.74992 7.82305L12.563 12.659C12.8549 12.9521 12.8543 13.4259 12.5618 13.7184L11.8534 14.4268C11.5605 14.7196 11.0855 14.7196 10.7927 14.4268L4.71961 8.35336C4.4268 8.06055 4.4268 7.58555 4.71961 7.29273Z' fill='%231774AD'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.cmp-intro .single-card-slider__chevron[data-dir="right"] {
  --icon-url: url("data:image/svg+xml;charset=utf8,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Solid/chevron-right'%3E%3Cpath id='&%23226;&%23157;&%23135;&%23239;&%23184;&%23143; Icons/chevron-right' fill-rule='evenodd' clip-rule='evenodd' d='M12.5619 8.35355L6.48867 14.4268C6.19577 14.7197 5.72089 14.7197 5.42802 14.4268L4.71967 13.7184C4.42727 13.426 4.4267 12.9521 4.71842 12.659L9.53158 7.82321L4.71842 2.98743C4.4267 2.69434 4.42727 2.22043 4.71967 1.92802L5.42802 1.21968C5.72092 0.926773 6.1958 0.926773 6.48867 1.21968L12.5619 7.2929C12.8548 7.58577 12.8548 8.06065 12.5619 8.35355Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.cmp-intro .single-card-slider__arrows .single-card-slider__arrow:hover,
.cmp-intro .single-card-slider__arrows .single-card-slider__arrow:focus-visible {
  background: var(--brand-blue);
  --icon-color: #fff;
  outline: none;
}
.cmp-intro .single-card-slider__navigation.microsite {
  box-sizing: border-box;
  width: 70%;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  height: 80px;
}
@media (min-width: 1278px) {
  .cmp-intro .single-card-slider--static .single-card-slider__navigation,
  .cmp-intro .single-card-slider__frame.single-card-slider--static ~ .single-card-slider__navigation {
    display: none;
  }
}
.cmp-intro .single-card-slider__card:first-of-type {
  margin-left: 0;
}
.cmp-intro .card__slider-bg-color--reverse {
  padding: 0.8rem;
  background-color: #aae6ec;
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  width: calc(100vw - clamp(2.4rem, 10.67vi + -1.76rem, 13.6rem) * 2);
  margin-left: calc(@margin-main-horizontal / 4);
  margin-right: calc(@margin-main-horizontal / 4);
  user-select: none;
}
@media (min-width: 48rem) {
  .cmp-intro .card__slider-bg-color--reverse {
    justify-content: start;
    align-items: center;
    flex-direction: row-reverse;
    padding: 4rem;
    gap: calc(4.8rem);
    min-width: calc(100vw - clamp(2.4rem, 10.67vi + -1.76rem, 13.6rem) * 2);
    margin-left: 0;
    margin-right: 0;
    min-width: 100%;
  }
}
@media (min-width: 48rem) {
  .cmp-intro .card__slider-bg-color--reverse img {
    height: 22.6rem;
    width: 17.6rem;
  }
}
.cmp-intro .card__slider-bg-color--reverse__text {
  display: flex;
  flex-direction: column;
  row-gap: 0.8rem;
}
@media (min-width: 48rem) {
  .cmp-intro .card__slider-bg-color--reverse__text {
    row-gap: calc(2.4rem);
    padding: 0;
  }
}
.cmp-intro .card__slider-bg-color--reverse__btn {
  align-items: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  grid-area: btn;
}
@media (min-width: 48rem) {
  .cmp-intro .card__slider-bg-color--reverse__btn {
    display: block;
    padding-top: calc(1.6rem);
  }
}
@media (min-width: 48rem) {
  .cmp-intro .card__slider-bg-color--reverse__btn {
    align-items: flex-start;
    width: auto;
  }
}
.cmp-intro .card__slider-bg-color--reverse.microsite {
  background-color: #001828;
}
.cmp-intro .flex__direction-column {
  display: flex;
  flex-direction: column;
}
.cmp-intro .gap-spacing-01 {
  gap: 0.8rem;
}
.cmp-intro .text-color-full-white {
  color: #fff;
}
.cmp-intro .card__slider--light .text-color-full-white {
  color: #001828;
}
.cmp-intro .cmp-btn--primary-dark {
  gap: 0.8rem;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: 800;
  padding: 1.2rem 2.4rem;
  width: 100%;
  min-width: unset;
  height: auto;
  white-space: normal;
  background-color: #ffffff;
  color: #1774ad;
  border: 2px solid #ffffff;
  border-radius: 0.4rem;
  padding: 1rem 2rem;
}
.cmp-intro .cmp-btn--primary-dark:hover:not(:disabled) {
  background-color: #005288;
  color: #ffffff;
  border-radius: 0.4rem;
}
.cmp-intro .cmp-btn--primary-dark:focus-visible {
  color: #1774ad;
  outline: 2px solid #ffffff;
  outline-offset: 4px;
  background-color: #ffffff;
}
.cmp-intro .cmp-btn--primary-dark:disabled {
  color: #ffffff;
  background-color: #bbbbbb;
}
@media (min-width: 30rem) {
  .cmp-intro .cmp-btn--primary-dark {
    width: auto;
  }
}
.cmp-intro .card__slider-bg-color__btn a,
.cmp-intro .card__slider-bg-color--reverse__btn a {
  width: 100%;
  text-align: center;
  display: block;
}
@media (min-width: 48rem) {
  .cmp-intro .card__slider-bg-color__btn a,
  .cmp-intro .card__slider-bg-color--reverse__btn a {
    width: 21rem !important;
    text-align: center !important;
  }
}
.cmp-intro .card__slider-bg-color--reverse.card__slider--light {
  background-color: #fff7e1;
}
.cmp-intro .card__slider-bg-color--reverse.card__slider--light p,
.cmp-intro .card__slider-bg-color--reverse.card__slider--light h2,
.cmp-intro .card__slider-bg-color--reverse.card__slider--light h3 {
  color: #001828;
}
.cmp-intro .card__slider-bg-color--reverse.card__slider--light .cmp-btn--primary {
  text-align: center;
  gap: 0.8rem;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: 800;
  padding: 1.2rem 2.4rem;
  width: 100%;
  min-width: unset;
  height: auto;
  white-space: normal;
  background-color: #1774ad;
  color: #ffffff;
  border-radius: 0.4rem;
}
.cmp-intro .card__slider-bg-color--reverse.card__slider--light .cmp-btn--primary:hover:not(:disabled) {
  background-color: #005288;
  border-radius: 0.4rem;
}
.cmp-intro .card__slider-bg-color--reverse.card__slider--light .cmp-btn--primary:focus-visible {
  outline: 2px solid #005288;
  outline-offset: 4px;
}
.cmp-intro .card__slider-bg-color--reverse.card__slider--light .cmp-btn--primary:disabled {
  background-color: #e6e6e6;
  color: #bbbbbb;
}
@media (min-width: 30rem) {
  .cmp-intro .card__slider-bg-color--reverse.card__slider--light .cmp-btn--primary {
    width: auto;
  }
}
@media (max-width: 768px) {
  .cmp-intro .single-card-slider__track {
    display: flex;
  }
  .cmp-intro .single-card-slider .slider-doc-card {
    flex: 0 0 100%;
    max-width: 85%;
    margin-right: 6.4rem;
    box-sizing: border-box;
    padding: 2.4rem;
  }
  .cmp-intro .single-card-slider .slider-doc-card .card__slider-bg-color__img {
    width: 70%;
    aspect-ratio: 0.75;
    height: auto;
    margin-bottom: 2rem;
    object-fit: cover;
    object-position: center;
  }
}
.cmp-intro .card__slider-bg-color__img {
  border-radius: 0.8rem;
}
.cmp-intro .hide-mobile {
  display: none;
}
.cmp-intro .p-5line-max {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  display: -webkit-box;
  height: 62px;
  margin-bottom: 2.4rem;
}
.cmp-intro .h-2line-max {
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  display: -webkit-box;
}
@media (min-width: 48rem) {
  .cmp-intro .hide-mobile {
    display: block;
  }
  .cmp-intro .hide-mobile.p-5line-max {
    display: -webkit-box;
  }
  .cmp-intro .h-2line-max {
    height: 2.9em;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    display: -webkit-box;
  }
}