.section--attributes-svg_in {
  position: relative;
  z-index: 1;
}

.section--attributes-svg .stage > * {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.section--attributes-svg .anim {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: opacity calc(var(--duration)* 3) ease-out;
}

.section--attributes-svg .anim:not(.on) {
  opacity: 0;
  pointer-events: none;
  z-index: 0;
}

.section--attributes-svg svg *[stroke],
.section--journey svg *[stroke] {
  stroke: #DC241F;
  transition: stroke-dashoffset calc(var(--duration)* 6) var(--bezier2);
}

.section--attributes-svg .anim.on svg *[stroke] {
  stroke-dashoffset: 0 !important;
}

.section--attributes-svg li:nth-of-type(1) svg *[stroke] {
  stroke: #DC241F;
}

.section--attributes-svg .accordion li:nth-of-type(1) .highlighter2 span {
  background-image: linear-gradient(180deg, transparent 0, transparent 0%, #DC241F 0%, #DC241F 100%, transparent 100%);
}

.section--attributes-svg li:nth-of-type(2) svg *[stroke] {
  stroke: #ef7d00;
}

.section--attributes-svg .accordion li:nth-of-type(2) .highlighter2 span {
  background-image: linear-gradient(180deg, transparent 0, transparent 0%, #ef7d00 0%, #ef7d00 100%, transparent 100%);
}

.section--attributes-svg li:nth-of-type(3) svg *[stroke] {
  stroke: #ffcc00;
}

.section--attributes-svg .accordion li:nth-of-type(3) .highlighter2 span {
  background-image: linear-gradient(180deg, transparent 0, transparent 0%, #ffcc00 0%, #ffcc00 100%, transparent 100%);
}

.section--attributes-svg li:nth-of-type(4) svg *[stroke] {
  stroke: #545454;
}

.section--attributes-svg .accordion li:nth-of-type(4) .highlighter2 span {
  background-image: linear-gradient(180deg, transparent 0, transparent 0%, #545454 0%, #545454 100%, transparent 100%);
}

.section--attributes-svg li:nth-of-type(5) svg *[stroke] {
  stroke: #005ca9;
}

.section--attributes-svg .accordion li:nth-of-type(5) .highlighter2 span {
  background-image: linear-gradient(180deg, transparent 0, transparent 0%, #005ca9 0%, #005ca9 100%, transparent 100%);
}

.section--attributes-svg .accordion li + li .click_in {
  padding-top: 1em;
}

.section--attributes-svg .accordion li + li .darr {
  top: 1.2em;
}

.section--attributes-svg .accordion .click_in {
  text-align: initial;
}

.section--attributes-svg .accordion .darr {
  position: absolute;
  right: 100%;
  top: 0.2em;
  width: 0.7rem;
  margin-right: 1.1rem;
}

.section--attributes-svg .accordion .click_in svg {
  display: block;
  transform: rotate(-90deg);
  transition: var(--duration) ease-out;
  transition-property: opacity, transform;
  opacity: 0;
}

.section--attributes-svg .accordion .click_in svg *[stroke] {
  stroke-width: 2px;
}

.section--attributes-svg .accordion li:not(.on) .click_in svg {
  opacity: 0.35;
  transform: rotate(90deg);
}

.section--attributes-svg .accordion li:not(.on) .click_in svg *[stroke] {
  stroke: #fff !important;
}

.section--attributes-svg .accordion .description {
  overflow: hidden;
  transition: max-height calc(var(--duration) * 4) var(--bezier1);
}

.section--attributes-svg .accordion .description p {
  margin: 0;
}

.section--attributes-svg .accordion .description p + p {
  margin-top: 0.8em;
}

.section--smallquote.bg-dark {
  color: var(--grey) !important;
}

.bg-dark.text-primary {
  color: #DC241F !important;
}

.section--smallquote .bg + * {
  position: relative;
  z-index: 2;
}

.section--smallquote .has--bg {
  min-height: 60vh;
  color: #fff !important;
  padding-top: 8rem;
  padding-bottom: 4rem;
}

.section--midquote .prettl {
  color: #DC241F;
}

.section--midquote.bg-primary .prettl {
  color: inherit;
}

.section--timeline .cita_holder {
  position: relative;
  z-index: 2;
  margin-top: -3rem;
  margin-bottom: -3rem;
}

.section--timeline .cita_holder + .container-xl {
  padding-top: 7rem !important;
}

.section--timeline .container-xl > ul,
.section--timeline2 .container-xl > ul {
  padding-bottom: 7rem !important;
}

:root {
  --infinite-delay: .2s;
}

.section--infinite svg,
.section--venn svg {
  pointer-events: none;
}

.section--infinite :is(.a, .b, .c, .d, .e, .f, .g) {
  transition: opacity calc(var(--duration) * 4) ease-out;
}

.section--infinite .waypoint.off :is(.a, .b, .c, .d, .e, .f, .g) {
  opacity: 0;
}

.section--infinite .a {
  transition-delay: calc(var(--infinite-delay) * 1);
}

.section--infinite .b {
  transition-delay: calc(var(--infinite-delay) * 2);
}

.section--infinite .c {
  transition-delay: calc(var(--infinite-delay) * 3);
}

.section--infinite .d {
  transition-delay: calc(var(--infinite-delay) * 4);
}

.section--infinite .e {
  transition-delay: calc(var(--infinite-delay) * 5);
}

.section--infinite .f {
  transition-delay: calc(var(--infinite-delay) * 6);
}

.section--infinite .g {
  transition-delay: calc(var(--infinite-delay) * 7);
}

.section--venn .text {
  position: absolute;
}

.section--venn .text.a {
  top: 20%;
  left: 85%;
}

.section--venn .text.b {
  right: 100%;
  bottom: 19%;
}

.section--venn .text.c {
  left: 100%;
  bottom: 19%;
}

.section--downloads a {
  display: block;
  padding-top: 0.8em;
  padding-bottom: 0.8em;
}

.section--downloads li + li a {
  border-top: 1px dotted rgba(255, 255, 255, 0.5);
}

.section--trabajamos-slider .slider_holder {
  position: relative;
  width: 100%;
}

.section--trabajamos-slider .slide {
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

.section--trabajamos-slider .slide > * {
  width: 100%;
}

.section--trabajamos-slider .icn {
  width: 50%;
  margin: 0 auto;
  pointer-events: none;
}

.section--trabajamos-slider svg *:not([stroke]) {
  fill: #DC241F;
  opacity: 0;
  transition: opacity calc(var(--duration)* 4) ease-out;
}

.section--trabajamos-slider .waypoint:not(.off) .slick-active svg *:not([stroke]) {
  opacity: 1;
}

.section--trabajamos-slider svg *[stroke] {
  stroke: #DC241F;
  stroke-width: 3px;
  transition: stroke-dashoffset calc(var(--duration)* 6) var(--bezier2);
}

.section--trabajamos-slider .waypoint:not(.off) .slick-active svg *[stroke] {
  stroke-dashoffset: 0 !important;
}

.slick-dots {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
}

.slick-dots li {
  flex-shrink: 0;
  flex-grow: 0;
  margin: 0.15rem 0.3rem;
}

.slick-dots li > * {
  display: block;
  width: 1rem;
  height: 1rem;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999em;
  position: relative;
  pointer-events: auto;
}

.slick-dots li > *:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #191919;
  transition: opacity var(--duration) ease-out, transform var(--duration) ease-out;
  transform: scale(0.6);
}

.slick-dots li:not(.slick-active) > *:after {
  opacity: 0.25;
}

.section--journey .row + .row {
  margin-top: 0;
}

.section--journey .col {
  position: relative;
  z-index: 2;
}

.section--journey .col > .in {
  position: relative;
}

.section--journey .col > .in > svg {
  position: absolute;
  width: 1em;
}

.section--journey .col > .in > svg *[stroke] {
  stroke-width: 2px;
}

.section--journey .icn {
  width: 100%;
  position: relative;
  max-width: 12rem;
  margin: 0 auto;
}

.section--journey .icn img {
  display: block;
  width: 100%;
}

.section--journey .icn .on {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  transition: opacity calc(var(--duration) * 2) ease-out;
  opacity: 0;
}

.section--journey .col:hover .icn .on {
  opacity: 1;
}

.section--journey .title > * {
  display: inline-block;
  white-space: nowrap;
  font-size: 85%;
  padding: 0.3em 0.5em;
  background: #eee;
  border-radius: 3em;
  transition: calc(var(--duration) * 1) ease-out;
  transition-property: background, color;
}

.section--journey .col:hover .title > * {
  color: #fff;
  background-color: #DC241F;
}

.section--journey .row {
  position: relative;
}

.section--imagetext .row {
  margin-top: 0;
}

.section--imagetext .col {
  margin-top: 0;
}

.section--imagetext img {
  display: block;
}

.section--imagetext.bg-light .title {
  color: #DC241F;
}

.section--trabajamos-chapter .cover {
  background: linear-gradient(to top, #191919 0%, rgba(25, 25, 25, 0.65) 25%);
  pointer-events: none;
}

.section--trabajamos-chapter svg *[stroke] {
  stroke: #fff;
  stroke-width: 3px;
  transition: stroke-dashoffset calc(var(--duration)* 6) var(--bezier2);
}

.section--trabajamos-chapter .zone {
  flex: 1;
  opacity: 0.35;
}

.section--trabajamos-chapter .zone.active {
  opacity: 1;
}

.section--trabajamos-chapter .icn {
  width: 45%;
  max-width: 8rem;
  margin: 0 auto;
}

.section--trabajamos-chapter .zone:not(.active) .icn {
  transform: scale(0.7);
}

.section--trabajamos-chapter .zone:not(.active) .title {
  visibility: hidden;
}

.marker.has--icn .icn {
  width: 3rem;
}

.marker.has--icn .icn img {
  display: block;
  width: 100%;
}

.marker.has--icn .text-primary {
  color: #fff !important;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.section--attributes-tabs .tabs {
  position: absolute;
  left: 0;
  top: 2rem;
  text-align: center;
  z-index: 5;
  width: 100%;
}

.section--attributes-tabs .tabs li {
  display: inline-block;
  margin: 0 0.5em;
}

.section--attributes-tabs .tabs li > * {
  display: block;
  padding: 0.25em 0.4em;
  border-radius: 2em;
  background: transparent;
  transition: background var(--duration) ease-out;
}

.section--attributes-tabs .tabs li.active > * {
  background: #DC241F;
}

.section--attributes-tabs .slide {
  display: flex;
  align-items: stretch;
  position: relative;
}

.section--attributes-tabs .cover {
  width: 100%;
  background: linear-gradient(to top, #191919 0%, rgba(25, 25, 25, 0.65) 25%);
  position: relative;
  z-index: 10;
  padding-top: 7rem;
  padding-bottom: 7rem;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  text-align: center;
}

.section--attributes-tabs .cover figure,
.section--attributes-tabs .cover figcaption {
  margin: 0;
}

.section--attributes-tabs .cover .author {
  text-align: left;
}

.section--attributes-tabs blockquote {
  font-size: 1.25rem;
  position: relative;
}

.section--attributes-tabs .lead {
  font-size: 1.8rem;
}

@media all and (min-width: 769px) {
  .section--attributes-svg .waypoint:not(.off) li:not(.on) .click_in span {
    background-size: 0% 100%;
    color: var(--grey);
  }

  .section--attributes-svg .accordion li:not(.on) .description {
    max-height: 0 !important;
  }

  body.svgs-checked .section--attributes-svg .svg {
    display: none !important;
  }

  .has--dot {
    position: relative;
    padding-left: 2rem;
  }

  .section--timeline_in.has--dot,
.section--timeline2_in.has--dot {
    padding-left: 0;
  }

  .has--dot > b {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-50%, -50%);
    z-index: 2;
  }

  .section--timeline_in.has--dot > b,
.section--timeline2_in.has--dot > b {
    left: 50%;
  }

  .has--dot > b b {
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: 1rem;
    background: #DC241F;
  }

  .bg-primary .has--dot > b b,
.bg-dark .has--dot > b b {
    background: #fff;
  }

  .section--timeline_in.has--dot > b b {
    height: 1.5rem;
  }

  .has--dot > i {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateX(-50%);
    width: 0;
    height: 100%;
    border-left: 1px dashed #DC241F;
  }

  .bg-primary .has--dot > i,
.bg-dark .has--dot > i {
    border-left-color: #fff;
  }

  .section--timeline_in.has--dot > i,
.section--timeline2_in.has--dot > i {
    left: 50%;
  }

  .section--trabajamos-slider .slick-list {
    overflow: initial;
  }

  .section--trabajamos-slider .slide > * {
    width: 100%;
    padding: 2em;
    padding-top: 0;
  }

  .section--trabajamos-slider .slide + .slide > * {
    border-left: 1px solid var(--grey2);
  }

  .section--journey .row + .row:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 50%;
    border-left: 2px dotted #DC241F;
    left: calc(16.66666666% - 1px);
    z-index: 0;
    bottom: 50%;
  }

  .section--journey .row + .row.flex-row-reverse:after {
    left: auto;
    right: calc(16.66666666% - 1px);
  }

  .section--journey .row:nth-last-of-type(n+2):before {
    content: "";
    display: block;
    position: absolute;
    width: 66.666666666%;
    height: 0;
    left: 50%;
    top: calc(50% + var(--bs-gutter-y));
    border-top: 2px dotted #DC241F;
    transform: translateX(calc(-50% + 1px));
  }

  .section--journey .col > .in > svg {
    right: 100%;
    top: 50%;
    transform: translate(16%, 48%);
  }

  .section--journey .row:first-child .col:first-child > .in > svg {
    display: none;
  }

  .section--journey .flex-row-reverse .col > .in > svg {
    right: auto;
    left: 100%;
    top: 50%;
    transform: translate(-16%, 48%) rotate(180deg);
  }

  .section--journey .row:nth-child(n+2) .col:first-child > .in > svg {
    left: auto;
    right: 50%;
    top: auto;
    bottom: 100%;
    transform: translate(48%, 28%) rotate(90deg);
  }

  .section--journey .icn .on {
    transition-delay: 0s !important;
  }

  .section--trabajamos-slider .description {
    font-size: 0.9rem;
  }

  .section--trabajamos-chapter .title {
    font-size: 0.8rem;
  }
}
@media all and (max-width: 768px) {
  body.svgs-checked .section--attributes-svg .stage {
    display: none !important;
  }

  .section--attributes-svg .accordion li + li {
    margin-top: 2em;
  }

  .section--attributes-svg .svg {
    width: 60%;
    max-width: 30rem;
    margin: 0 auto;
  }

  .section--attributes-svg .accordion .click_in svg {
    display: none;
  }

  .section--attributes-svg li.waypoint:not(.off) svg *[stroke] {
    stroke-dashoffset: 0 !important;
  }

  .ls-p:not(.always) {
    letter-spacing: initial;
  }

  .section--timeline .cita_holder {
    margin-top: 0;
    margin-bottom: 0;
  }

  .section--timeline .cita_holder + .container-xl {
    padding-top: 4rem !important;
  }

  .section--timeline .container-xl > ul {
    padding-bottom: 4rem !important;
  }

  .section--journey .col-12:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 90%;
    border-left: 2px dotted #DC241F;
    left: calc(50% - 1px);
    top: 5%;
    z-index: 0;
  }

  .section--journey .col > .in > svg {
    left: auto;
    right: 50%;
    top: auto;
    bottom: 100%;
    transform: translate(50%, 30%) rotate(90deg);
  }

  .section--journey .row:first-child .col:first-child > .in > svg {
    display: none;
  }

  .section--journey .waypoint.off .icn {
    opacity: 1;
  }

  .section--journey .waypoint.off .icn .on {
    opacity: 0 !important;
    transition-duration: calc(var(--duration) * 4);
  }

  .section--venn .text {
    display: none;
  }

  .section--imagetext .row + .row {
    margin-top: var(--bs-gutter-y);
  }

  .section--attributes-tabs .tabs {
    display: none;
  }

  .section--trabajamos-chapter .zone:not(.active) {
    display: none;
  }

  .section--trabajamos-chapter .min-h {
    min-height: 0 !important;
  }

  .section--trabajamos-slider .slider_holder {
    padding-top: 0;
  }

  .section--trabajamos-slider .slider_holder > b,
.section--trabajamos-slider .slider_holder > i {
    display: none !important;
  }

  .section--attributes-tabs .slide {
    height: auto !important;
    opacity: 1 !important;
  }

  .section--journey .waypoint:not(.off) .icn .on {
    opacity: 1;
  }
}/*# sourceMappingURL=creemos-new.css.map */