.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2180 .elementor-element.elementor-element-ba8a637{width:var( --container-widget-width, 103.113% );max-width:103.113%;--container-widget-width:103.113%;--container-widget-flex-grow:0;text-align:start;}.elementor-2180 .elementor-element.elementor-element-ba8a637.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2180 .elementor-element.elementor-element-ba8a637 img{width:100%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2180 .elementor-element.elementor-element-24307d6{width:var( --container-widget-width, 96.385% );max-width:96.385%;padding:0px 0px 0px 20px;--container-widget-width:96.385%;--container-widget-flex-grow:0;}.elementor-2180 .elementor-element.elementor-element-24307d6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2180 .elementor-element.elementor-element-24307d6 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:6rem;font-weight:600;line-height:1.04em;letter-spacing:-0.045em;color:var( --e-global-color-v4-primary-title );}.elementor-2180 .elementor-element.elementor-element-4817acb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:1rem;--margin-bottom:1rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:4rem;--padding-right:4rem;}:root{--page-title-display:none;}body.elementor-page-2180{margin:0rem 0rem 0rem 0rem;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-2180 .elementor-element.elementor-element-24307d6 .elementor-heading-title{font-size:5rem;}.elementor-2180 .elementor-element.elementor-element-4817acb{--padding-top:0rem;--padding-bottom:6rem;--padding-left:4rem;--padding-right:4rem;}.elementor-2180 .elementor-element.elementor-element-1565c4b{padding:0rem 0rem 6rem 0rem;}body.elementor-page-2180{margin:0rem 0rem 0rem 0rem;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-2180 .elementor-element.elementor-element-24307d6{text-align:center;}.elementor-2180 .elementor-element.elementor-element-24307d6 .elementor-heading-title{font-size:42px;}.elementor-2180 .elementor-element.elementor-element-4817acb{--margin-top:1rem;--margin-bottom:1rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}body.elementor-page-2180{margin:0rem 0rem 0rem 0rem;}}/* Start custom CSS for html, class: .elementor-element-1565c4b */<style>
  .cami-about-story {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: clamp(48px, 6vw, 96px) 20px;

    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, 420px);
    gap: clamp(36px, 5vw, 80px);

    align-items: start;

    color: #333;
    font-family: inherit;
  }

  .cami-about-story *,
  .cami-about-story *::before,
  .cami-about-story *::after {
    box-sizing: border-box;
  }

  /* ================================
     TEXTO
     ================================ */

  .cami-about-story__text {
    max-width: 950px;
  }

  .cami-about-story__text p {
    margin: 0 0 30px;

    font-size: clamp(16px, 2.15vw, 14px);
    line-height: 1.5;
    letter-spacing: -0.025em;

    color: #171717;
  }

  .cami-about-story__text p:last-child {
    margin-bottom: 0;
  }

  /* ================================
     PALABRAS DESTACADAS
     ================================ */

  .cami-hover-ref {
    display: inline;

    padding: 0.03em 0.13em 0.08em;
    margin: 0 -0.01em;

    color: inherit;
    cursor: pointer;

    border-radius: 0.28em;

    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;

    transition:
      background-color 180ms ease,
      color 180ms ease,
      box-shadow 180ms ease;
  }

  .cami-hover-ref:hover,
  .cami-hover-ref.is-active {
    background: #dff4c7;
    color: #111111;

    box-shadow:
      inset 0 -1px 0 rgba(0, 0, 0, 0.04);
  }

  /* ================================
     PREVIEW LATERAL
     ================================ */

  .cami-about-story__preview {
    position: sticky;
    top: 110px;

    width: 100%;
  }

  .cami-about-story__preview-inner {
    width: 100%;
    padding: 14px;

    background: #f4f1ec;
    border-radius: 22px;

    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.02),
      0 20px 55px rgba(0, 0, 0, 0.07);

    overflow: hidden;
  }

  .cami-about-story__preview-inner img {
    display: block;

    width: 100%;
    aspect-ratio: 4 / 5;

    object-fit: cover;
    object-position: center;

    border-radius: 14px;

    background: #ece9e4;

    transition:
      opacity 160ms ease,
      transform 220ms ease;
  }

  .cami-about-story__preview-inner p {
    margin: 12px 2px 2px;

    color: #5f5f5f;

    font-size: 12px;
    line-height: 1.4;
    letter-spacing: 0.01em;
  }

  /* ================================
     ESTADO ACTIVO
     ================================ */

  .cami-about-story.has-active-preview
  .cami-about-story__preview-inner img {
    transform: scale(1.01);
  }

  /* ================================
     TABLET
     ================================ */

  @media (max-width: 980px) {
    .cami-about-story {
      grid-template-columns: 1fr;
      gap: 32px;
    }

    .cami-about-story__preview {
      position: relative;
      top: auto;

      max-width: 500px;
    }

    .cami-about-story__text p {
      font-size: clamp(21px, 4vw, 30px);
    }
  }

  /* ================================
     MOBILE
     ================================ */

  @media (max-width: 680px) {
    .cami-about-story {
      padding:
        clamp(36px, 9vw, 56px)
        16px;
    }

    .cami-about-story__text p {
      margin-bottom: 24px;

      font-size: clamp(19px, 5.6vw, 25px);
      line-height: 1.5;
    }

    .cami-hover-ref {
      padding:
        0.04em
        0.11em
        0.08em;
    }

    .cami-about-story__preview {
      display: none;
    }
  }

  /* ================================
     ACCESIBILIDAD
     ================================ */

  @media (prefers-reduced-motion: reduce) {
    .cami-hover-ref,
    .cami-about-story__preview-inner img {
      transition: none;
    }
  }
</style>/* End custom CSS */