/* Variables */
.M09 ul:not(.menu) {
  margin-left: 60px !important;
  padding: 0; }
  .M09 ul:not(.menu) li::marker {
    content: ""; }
  .M09 ul:not(.menu) li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 13px;
    font-family: "WorkSans";
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%; }
    .M09 ul:not(.menu) li:before {
      content: "";
      display: block;
      width: 60px;
      border-bottom: 1px solid;
      position: absolute;
      top: 8px;
      left: 0;
      transform: translateX(-100%); }

.M09 .images {
  position: relative;
  width: 100%;
  height: 790px; }
  @media screen and (max-width: 768px) {
    .M09 .images {
      height: 373px; } }
  .M09 .images .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .M09 .images .image.active {
      z-index: 2; }
    .M09 .images .image img {
      width: 100%;
      height: 100%;
      object-position: center;
      object-fit: cover; }

.M09 .info {
  padding: 80px 0; }
  @media screen and (max-width: 768px) {
    .M09 .info {
      padding-top: 64px; } }
  .M09 .info .sectionTitle.v01 {
    margin-bottom: 50px; }
    .M09 .info .sectionTitle.v01 > * {
      font-family: "Playfair Display", serif;
      font-size: 90px;
      font-weight: 400;
      line-height: 90%;
      letter-spacing: -3.6px;
      margin: 0; }
      @media screen and (max-width: 768px) {
        .M09 .info .sectionTitle.v01 > * {
          font-size: 52px;
          letter-spacing: -2.08px;
          padding-right: 50px; } }
  .M09 .info .sectionTitle.v02 {
    margin-bottom: 50px; }
    .M09 .info .sectionTitle.v02 > * {
      font-family: "Work-Sans", sans-serif;
      font-size: 40px;
      font-weight: 600;
      line-height: 90%;
      letter-spacing: -0.8px; }
  .M09 .info .tabs {
    display: grid;
    grid-template-columns: 1fr 4fr;
    align-items: start; }
    @media screen and (max-width: 768px) {
      .M09 .info .tabs {
        grid-template-columns: 1fr;
        gap: 32px; } }
    .M09 .info .tabs .menuCont {
      position: sticky;
      top: 80px;
      display: flex;
      flex-direction: column;
      padding-bottom: 24px; }
      .M09 .info .tabs .menuCont .menu {
        display: flex;
        flex-direction: column;
        padding: 10px 12px;
        border-left: 1px solid;
        cursor: pointer;
        transition: all .3s linear; }
        .M09 .info .tabs .menuCont .menu > *:first-child {
          font-family: "WorkSans", sans-serif;
          font-size: 16px;
          font-weight: 400;
          line-height: 120%;
          letter-spacing: -0.24px;
          opacity: .8; }
        .M09 .info .tabs .menuCont .menu > *:last-child {
          font-family: "WorkSans", sans-serif;
          font-size: 12px;
          font-weight: 400;
          line-height: 120%;
          letter-spacing: -0.18px;
          opacity: .8; }
        .M09 .info .tabs .menuCont .menu.active, .M09 .info .tabs .menuCont .menu:hover {
          border-left: 3px solid; }
          .M09 .info .tabs .menuCont .menu.active > *:first-child, .M09 .info .tabs .menuCont .menu:hover > *:first-child {
            font-weight: 500; }
          .M09 .info .tabs .menuCont .menu.active > *:first-child, .M09 .info .tabs .menuCont .menu.active > *:last-child, .M09 .info .tabs .menuCont .menu:hover > *:first-child, .M09 .info .tabs .menuCont .menu:hover > *:last-child {
            opacity: 1; }
    .M09 .info .tabs .contents {
      padding: 0 0 60px 36px;
      border-left: 1px solid;
      margin: 0 0 0 26px; }
      @media screen and (max-width: 768px) {
        .M09 .info .tabs .contents {
          padding: 0;
          margin: 0;
          border-left: 0; } }
      .M09 .info .tabs .contents .content {
        display: none; }
        .M09 .info .tabs .contents .content.active {
          display: block; }
        .M09 .info .tabs .contents .content .image {
          margin-bottom: 10px; }
          .M09 .info .tabs .contents .content .image img {
            width: 148px;
            height: 148px;
            border-radius: 100%;
            object-fit: cover;
            object-position: center; }
        .M09 .info .tabs .contents .content .title {
          margin-bottom: 15px; }
          .M09 .info .tabs .contents .content .title > * {
            font-family: "WorkSans", sans-serif;
            font-size: 24px;
            font-weight: 500;
            line-height: 110%;
            letter-spacing: -1.08px;
            margin: 0; }
          .M09 .info .tabs .contents .content .title.v02 * {
            font-size: 56px;
            font-weight: 600; }
        .M09 .info .tabs .contents .content .subtitle {
          margin-bottom: 32px; }
          .M09 .info .tabs .contents .content .subtitle > * {
            font-family: "WorkSans", sans-serif;
            font-size: 20px;
            font-weight: 400;
            line-height: 120%;
            letter-spacing: -0.45px;
            margin: 0; }
        .M09 .info .tabs .contents .content .titleText {
          margin-bototm: 15px; }
          .M09 .info .tabs .contents .content .titleText * {
            font-family: "Work Sans";
            font-size: 20px;
            font-style: normal;
            font-weight: 500;
            line-height: 120%;
            letter-spacing: -0.9px; }
        .M09 .info .tabs .contents .content .text > p b * {
          font-family: "WorkSans", sans-serif;
          font-weight: 500;
          line-height: 140%;
          letter-spacing: -4.5%; }
        .M09 .info .tabs .contents .content .text > p strong {
          font-family: "WorkSans", sans-serif;
          font-weight: 500;
          line-height: 140%;
          font-size: 16px;
          letter-spacing: -4.5%; }
        .M09 .info .tabs .contents .content .text h1, .M09 .info .tabs .contents .content .text h2, .M09 .info .tabs .contents .content .text h3, .M09 .info .tabs .contents .content .text h4, .M09 .info .tabs .contents .content .text h5, .M09 .info .tabs .contents .content .text h6 {
          color: var(--Negro, #1C2222);
          font-family: "WorkSans", sans-serif;
          font-size: 20px;
          font-style: normal;
          font-weight: 500;
          line-height: 120%;
          letter-spacing: -0.9px; }
        .M09 .info .tabs .contents .content .text > * {
          font-family: "WorkSans", sans-serif;
          font-size: 16px;
          font-weight: 400;
          line-height: 140%;
          letter-spacing: -0.24px; }
          .M09 .info .tabs .contents .content .text > * b, .M09 .info .tabs .contents .content .text > * strong {
            font-weight: 500; }
          .M09 .info .tabs .contents .content .text > *:last-child {
            margin: 0; }

@media screen and (max-width: 768px) {
  .M09 .container-fluid-left .info {
    padding-inline: 20px; } }

.M09 .vscomp-ele {
  position: relative; }
  .M09 .vscomp-ele:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid;
    width: 100dvw;
    transform: translateX(-20px); }
  .M09 .vscomp-ele .vscomp-wrapper .vscomp-toggle-button {
    border: 0; }