.cs-picture {border-radius: 1.375rem;}.cs-picture img {border-radius: 1.375rem;}@media only screen and (min-width: 0rem) {.separador {margin-top: 1rem;margin-bottom: 1rem;width: 0%;animation: separador-width;position: relative;background-color: var(--secondary);height: 1.5rem;transition: width 1.5s;}.separador.mostrar {width: 45%;}.separador-left {left: 0;border-bottom-right-radius: 4rem;border-top-right-radius: 4rem;}.separador-right {position: relative;margin-left: auto;right: 0;border-bottom-left-radius: 4rem;border-top-left-radius: 4rem;}}@media only screen and (min-width: 48rem) {.separador {margin-top: 3rem;margin-bottom: 3rem;width: 0%;height: 2.3rem;}}@media only screen and (min-width: 0rem) {#sbs-2295 {display: flex;flex-direction: column;align-items: center;padding: var(--sectionPadding);overflow: hidden;position: relative;z-index: 1;}#sbs-2295 .cs-container {width: 100%;max-width: 44rem;margin: auto;display: flex;flex-direction: column;align-items: center;gap: clamp(3rem, 4vw, 4rem);}#sbs-2295 .cs-image-group {font-size: min(1.98vw, .826rem);width: 46.125em;height: 36.125em;position: relative;z-index: 1;flex: none;order: 2;}#sbs-2295 .cs-picture {width: 100%;height: 100%;display: block;}#sbs-2295 .cs-picture img {width: 100%;height: 100%;object-fit: cover;top: 0;left: 0;}#sbs-2295 video {border-radius: 1.4375rem;max-width: 100%;}#sbs-2295 .cs-picture-wrapper {display: flex;flex-direction: column;gap: 1rem;position: absolute;}#sbs-2295 .cs-picture-wrapper video, #sbs-2295 .cs-picture-wrapper img {width: 25.75em;height: auto;}#sbs-2295 .cs-picture-wrapper1 {top: 0;left: 0;}#sbs-2295 .cs-picture-wrapper2 {right: 0;bottom: 0;}#sbs-2295 .cs-picture-wrapper2 video, #sbs-2295 .cs-picture-wrapper2 img {border: 10px solid var(--primary);}#sbs-2295 .cs-image-group.quadrado {font-size: min(1.98vw, .826rem);height: unset;position: relative;z-index: 1;flex: none;order: 2;}#sbs-2295 .cs-image-group.quadrado .cs-picture {width: 100%;height: 100%;display: block;}#sbs-2295 .cs-image-group.quadrado .cs-picture img {width: 100%;height: 100%;object-fit: cover;top: 0;left: 0;}#sbs-2295 .cs-image-group.quadrado video {border-radius: 1.4375rem;max-width: 100%;}#sbs-2295 .cs-image-group.quadrado .cs-picture-wrapper {display: flex;flex-direction: column;align-items: center;gap: 1rem;position: relative;}#sbs-2295 .cs-image-group.quadrado .cs-picture-wrapper video, #sbs-2295 .cs-image-group.quadrado .cs-picture-wrapper img {width: 25.75em;height: auto;}#sbs-2295 .cs-image-group.quadrado .cs-picture-wrapper img {width: 100%;height: 100%;}#sbs-2295 .cs-image-group.quadrado .cs-picture-wrapper1 {top: 0;left: 0;}#sbs-2295 .cs-image-group.quadrado .cs-picture-wrapper2 {right: 0;bottom: 0;}#sbs-2295 .cs-image-group.quadrado .cs-picture-wrapper2 video, #sbs-2295 .cs-image-group.quadrado .cs-picture-wrapper2 img {border: none;}#sbs-2295 .cs-tag {font-size: clamp(1.275rem, 2.1vw, 2rem);font-weight: 700;line-height: 1.2em;text-align: center;color: var(--headerColor);}#sbs-2295 .cs-content {text-align: left;width: 100%;max-width: 36.625rem;display: flex;flex-direction: column;align-items: flex-start;}#sbs-2295 .cs-title {max-width: 30ch;margin-bottom: 3rem;}#sbs-2295 .cs-text {margin-bottom: 1rem;}#sbs-2295 .cs-text:last-of-type {margin-bottom: 1.5rem;}#sbs-2295 .cs-h3 {font-size: clamp(1.5375rem, 2.9vw, 2.5625rem);font-weight: 700;margin: 0;color: var(--headerColor);}#sbs-2295 .cs-ul {margin: 0.75rem 0 2rem;padding: 0;display: flex;flex-direction: column;gap: 0.75rem;}#sbs-2295 .cs-li {font-size: 1rem;line-height: 1.5em;list-style: none;padding-left: clamp(1.25rem, 3vw, 1.5rem);color: var(--bodyTextColor);position: relative;}#sbs-2295 .cs-li strong {color: #1a1a1a;}#sbs-2295 .cs-li::before {content: "";width: 0.5rem;height: 0.5rem;margin-top: 0.5rem;background-color: var(--secondary);display: block;position: absolute;top: 0;left: 0;transform: rotate(45deg);}}@media only screen and (min-width: 48rem) {#sbs-2295 .cs-container {max-width: 80rem;}#sbs-2295 .cs-image-group {display: flex;flex-direction: row;order: initial;height: unset;width: 100%;}#sbs-2295 .cs-content {justify-content: center;gap: 1rem;}#sbs-2295 .cs-picture-wrapper {position: relative;width: 100%;}#sbs-2295 .cs-picture-wrapper video {width: 100%;height: auto;}#sbs-2295 .cs-picture-wrapper img {height: 100%;width: 100%;}#sbs-2295 .cs-picture-wrapper1 {top: 3.1875em;bottom: 0;}#sbs-2295 .cs-picture-wrapper2 {border: none;bottom: 3.375em;top: 0;}}@media only screen and (min-width: 64rem) {#sbs-2295 .cs-container {flex-direction: row;align-items: stretch;gap: clamp(3rem, 4vw, 4rem);}#sbs-2295 .cs-image-group {display: flex;flex-direction: row;width: 46.125em;order: initial;height: unset;}#sbs-2295 .cs-image-group {font-size: min(1.03vw, 1rem);height: 30rem;display: flex;gap: 1.5rem;}#sbs-2295 .cs-picture-wrapper {min-height: 30.43rem;width: 22.43rem;position: relative;}#sbs-2295 .cs-picture-wrapper video, #sbs-2295 .cs-picture-wrapper img {height: auto;width: fit-content;max-width: 100%;}#sbs-2295 .cs-picture-wrapper img {height: 100%;}#sbs-2295 .cs-picture-wrapper1 {top: 3.1875em;bottom: 0;}#sbs-2295 .cs-picture-wrapper2 {bottom: 3.375em;top: 0;}}@media only screen and (min-width: 0rem) {#horizontal-videos {display: flex;flex-direction: column;align-items: center;padding: var(--sectionPadding);overflow: hidden;position: relative;z-index: 1;}#horizontal-videos .cs-container {width: 100%;max-width: 44rem;margin: auto;display: flex;flex-direction: column;align-items: center;gap: clamp(3rem, 4vw, 4rem);}#horizontal-videos .cs-image-group {width: 100%;display: flex;flex-direction: column;position: relative;z-index: 1;flex: none;}#horizontal-videos .cs-picture {width: 100%;height: 100%;border-radius: 1.4375rem;display: block;}#horizontal-videos .cs-picture img {width: 100%;border-radius: 1.4375rem;height: 100%;object-fit: cover;top: 0;left: 0;}#horizontal-videos video {border-radius: 1.4375rem;max-width: 100%;}#horizontal-videos .cs-picture-wrapper {display: flex;flex-direction: column;gap: 1rem;position: relative;}#horizontal-videos .cs-picture-wrapper video, #horizontal-videos .cs-picture-wrapper img {width: 100%;height: auto;}#horizontal-videos .cs-picture-wrapper1 {top: 0;margin-bottom: 2rem;left: 0;}#horizontal-videos .cs-picture-wrapper2 {right: 0;bottom: 0;}#horizontal-videos .cs-tag {font-size: clamp(1.275rem, 2.1vw, 2rem);font-weight: 700;line-height: 1.2em;text-align: center;color: var(--headerColor);}#horizontal-videos .cs-title {max-width: 30ch;margin-bottom: 3rem;}#horizontal-videos .cs-content {text-align: left;width: 100%;max-width: 36.625rem;display: flex;flex-direction: column;align-items: flex-start;}#horizontal-videos .cs-title {max-width: 30ch;margin-bottom: 3rem;}#horizontal-videos .cs-text {margin-bottom: 1rem;}#horizontal-videos .cs-text:last-of-type {margin-bottom: 1.5rem;}#horizontal-videos .cs-h3 {font-size: clamp(1.5375rem, 2.9vw, 2.5625rem);font-weight: 700;margin: 0;color: var(--headerColor);}#horizontal-videos .cs-ul {margin: 0.75rem 0 2rem;padding: 0;display: flex;flex-direction: column;gap: 0.75rem;}#horizontal-videos .cs-li {font-size: 1rem;line-height: 1.5em;list-style: none;padding-left: clamp(1.25rem, 3vw, 1.5rem);color: var(--bodyTextColor);position: relative;}#horizontal-videos .cs-li strong {color: #1a1a1a;}#horizontal-videos .cs-li::before {content: "";width: 0.5rem;height: 0.5rem;margin-top: 0.5rem;background-color: var(--secondary);display: block;position: absolute;top: 0;left: 0;transform: rotate(45deg);}#horizontal-videos.misturada {padding: var(--sectionPadding);}}@media only screen and (min-width: 48rem) {#horizontal-videos {padding: var(--sectionPadding);}#horizontal-videos .cs-container {max-width: 80rem;}#horizontal-videos .cs-image-group {order: initial;}#horizontal-videos .cs-content {flex-direction: row;justify-content: center;gap: clamp(3rem, 4vw, 4rem);width: 100%;max-width: 80rem;}}@media only screen and (min-width: 48rem) {#horizontal-videos .cs-image-group {font-size: min(1.03vw, 1rem);display: flex;flex-direction: row;gap: 1.5rem;}#horizontal-videos .cs-image-group.shorties {justify-content: center;}#horizontal-videos .cs-image-group.shorties .cs-picture-wrapper1, #horizontal-videos .cs-image-group.shorties .cs-picture-wrapper2 {width: 22.43rem;}#horizontal-videos .cs-picture-wrapper1 {margin-bottom: 0;}#horizontal-videos .cs-picture-wrapper {width: 100%;position: relative;}#horizontal-videos .cs-picture-wrapper video, #horizontal-videos .cs-picture-wrapper img {height: 100%;width: 100%;}#horizontal-videos .cs-picture-wrapper1 {bottom: 0;}#horizontal-videos .cs-picture-wrapper2 {top: 0;}}@media only screen and (min-width: 64rem) {#horizontal-videos {display: flex;flex-direction: column;gap: clamp(2rem, 2.5vw, 2.5rem);}#horizontal-videos .cs-container {flex-direction: row;align-items: stretch;gap: clamp(3rem, 4vw, 4rem);}#horizontal-videos .cs-image-group {font-size: min(1.03vw, 1rem);height: 30rem;display: flex;flex-direction: row;gap: 1.5rem;}#horizontal-videos .cs-image-group.shorties {justify-content: center;}#horizontal-videos .cs-image-group.shorties .cs-picture-wrapper1, #horizontal-videos .cs-image-group.shorties .cs-picture-wrapper2 {width: 22.43rem;}#horizontal-videos .cs-picture-wrapper {width: 100%;position: relative;}#horizontal-videos .cs-picture-wrapper video, #horizontal-videos .cs-picture-wrapper img {height: auto;width: fit-content;max-width: 100%;}#horizontal-videos .cs-picture-wrapper img {width: 100%;height: 100%;}#horizontal-videos .cs-picture-wrapper1 {width: 100%;bottom: 0;}#horizontal-videos .cs-picture-wrapper2 {width: 100%;top: 0;}#horizontal-videos.misturada .cs-container {flex-direction: column;}}@media only screen and (min-width: 0rem) {#antes-depois-reverso {display: flex;flex-direction: column;align-items: center;padding: var(--sectionPadding);overflow: hidden;position: relative;z-index: 1;}#antes-depois-reverso .cs-container {width: 100%;max-width: 44rem;margin: auto;display: flex;flex-direction: column;align-items: center;gap: clamp(3rem, 4vw, 4rem);}#antes-depois-reverso .cs-image-group {font-size: min(1.98vw, .826rem);width: 46.125em;height: 36.125em;position: relative;z-index: 1;flex: none;}#antes-depois-reverso .cs-picture {width: 100%;height: 100%;display: block;}#antes-depois-reverso .cs-picture img {width: 100%;height: 100%;object-fit: cover;top: 0;left: 0;}#antes-depois-reverso video {border-radius: 1.4375rem;max-width: 100%;}#antes-depois-reverso .cs-picture-wrapper {display: flex;flex-direction: column;gap: 1rem;position: absolute;}#antes-depois-reverso .cs-picture-wrapper video, #antes-depois-reverso .cs-picture-wrapper img {width: 25.75em;height: auto;}#antes-depois-reverso .cs-picture-wrapper1 {top: 0;left: 0;}#antes-depois-reverso .cs-picture-wrapper2 {right: 0;bottom: 0;}#antes-depois-reverso .cs-picture-wrapper2 video, #antes-depois-reverso .cs-picture-wrapper2 img {border: 10px solid #e9e9e9;}#antes-depois-reverso .cs-picture-wrapper2 img.branco {border: 10px solid var(--primary);}#antes-depois-reverso .cs-tag {font-size: clamp(1.275rem, 2.1vw, 2rem);font-weight: 700;line-height: 1.2em;text-align: center;color: var(--headerColor);}#antes-depois-reverso .cs-content {text-align: left;width: 100%;max-width: 36.625rem;display: flex;flex-direction: column;align-items: flex-start;}#antes-depois-reverso .cs-title {max-width: 30ch;margin-bottom: 3rem;}#antes-depois-reverso .cs-text {margin-bottom: 1rem;}#antes-depois-reverso .cs-text:last-of-type {margin-bottom: 1.5rem;}#antes-depois-reverso .cs-h3 {font-size: clamp(1.5375rem, 2.9vw, 2.5625rem);font-weight: 700;margin: 0;color: var(--headerColor);}#antes-depois-reverso .cs-ul {margin: 0.75rem 0 2rem;padding: 0;display: flex;flex-direction: column;gap: 0.75rem;}#antes-depois-reverso .cs-li {font-size: 1rem;line-height: 1.5em;list-style: none;padding-left: clamp(1.25rem, 3vw, 1.5rem);color: var(--bodyTextColor);position: relative;}#antes-depois-reverso .cs-li strong {color: #1a1a1a;}#antes-depois-reverso .cs-li::before {content: "";width: 0.5rem;height: 0.5rem;margin-top: 0.5rem;background-color: var(--secondary);display: block;position: absolute;top: 0;left: 0;transform: rotate(45deg);}}@media only screen and (min-width: 48rem) {#antes-depois-reverso .cs-container {max-width: 80rem;}#antes-depois-reverso .cs-content {justify-content: center;gap: 1rem;}#antes-depois-reverso .cs-image-group {font-size: min(1.03vw, 1rem);height: fit-content;display: flex;gap: 1.5rem;order: initial;width: unset;height: unset;}#antes-depois-reverso .cs-picture-wrapper {display: flex;flex-direction: column;align-items: center;width: 100%;position: relative;width: 75%;}#antes-depois-reverso .cs-picture-wrapper img, #antes-depois-reverso .cs-picture-wrapper video {width: 100%;border: none;}}@media only screen and (min-width: 64rem) {#antes-depois-reverso .cs-container {flex-direction: row;align-items: stretch;gap: clamp(3rem, 4vw, 4rem);}#antes-depois-reverso .cs-image-group {font-size: min(1.03vw, 1rem);height: 30rem;width: 46.125em;display: flex;gap: 1.5rem;}#antes-depois-reverso .cs-picture-wrapper {width: 22.43rem;align-items: center;position: relative;}#antes-depois-reverso .cs-picture-wrapper video, #antes-depois-reverso .cs-picture-wrapper img {height: auto;width: fit-content;max-width: 100%;}#antes-depois-reverso .cs-picture-wrapper img {width: 100%;height: 100%;}#antes-depois-reverso .cs-picture-wrapper1 {bottom: 0;}#antes-depois-reverso .cs-picture-wrapper2 {width: 22.43rem;bottom: 3.375em;}}-direction: column;
  }
}
/*-- -------------------------- -->
<---    Antes depois reverso    -->
<--- -------------------------- -*/
@media only screen and (min-width: 0rem) {
  #antes-depois-reverso {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--sectionPadding);
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  #antes-depois-reverso .cs-container {
    width: 100%;
    /* changes to 1280px at tablet */
    max-width: 44rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 4vw, 4rem);
  }
  #antes-depois-reverso .cs-image-group {
    /* scales the whole section down and ties the font size to the vw and stops at 75% of the vale of 1em, changes at desktop */
    font-size: min(1.98vw, .826rem);
    /* everything inside this box is in ems so we can scale it all down proportionally with a font size */
    width: 46.125em;
    height: 36.125em;
    position: relative;
    z-index: 1;
    /* prevents flexbox from squishing it */
    flex: none;
  }
  #antes-depois-reverso .cs-picture {
    width: 100%;
    height: 100%;
    display: block;
  }
  #antes-depois-reverso .cs-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
  }
  #antes-depois-reverso video {
    border-radius: 1.4375rem;
    max-width: 100%;
  }
  #antes-depois-reverso .cs-picture-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: absolute;
  }
  #antes-depois-reverso .cs-picture-wrapper video,
  #antes-depois-reverso .cs-picture-wrapper img {
    width: 25.75em;
    height: auto;
  }
  #antes-depois-reverso .cs-picture-wrapper1 {
    top: 0;
    left: 0;
  }
  #antes-depois-reverso .cs-picture-wrapper2 {
    right: 0;
    bottom: 0;
  }
  #antes-depois-reverso .cs-picture-wrapper2 video,
  #antes-depois-reverso .cs-picture-wrapper2 img {
    border: 10px solid #e9e9e9;
  }
  #antes-depois-reverso .cs-picture-wrapper2 img.branco {
    border: 10px solid var(--primary);
  }
  #antes-depois-reverso .cs-tag {
    /* 14px - 24px */
    font-size: clamp(1.275rem, 2.1vw, 2rem);
    font-weight: 700;
    line-height: 1.2em;
    text-align: center;
    color: var(--headerColor);
  }
  #antes-depois-reverso .cs-content {
    /* set text align to center if content needs to be centrally aligned */
    text-align: left;
    width: 100%;
    max-width: 36.625rem;
    display: flex;
    flex-direction: column;
    /* aligns content to the left, set to center to centrally align */
    align-items: flex-start;
  }
  #antes-depois-reverso .cs-title {
    max-width: 30ch;
    margin-bottom: 3rem;
  }
  #antes-depois-reverso .cs-text {
    margin-bottom: 1rem;
  }
  #antes-depois-reverso .cs-text:last-of-type {
    margin-bottom: 1.5rem;
  }
  #antes-depois-reverso .cs-h3 {
    font-size: clamp(1.5375rem, 2.9vw, 2.5625rem);
    font-weight: 700;
    margin: 0;
    color: var(--headerColor);
  }
  #antes-depois-reverso .cs-ul {
    margin: 0.75rem 0 2rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
  #antes-depois-reverso .cs-li {
    font-size: 1rem;
    line-height: 1.5em;
    list-style: none;
    /* 20px - 24px */
    padding-left: clamp(1.25rem, 3vw, 1.5rem);
    color: var(--bodyTextColor);
    position: relative;
  }
  #antes-depois-reverso .cs-li strong {
    color: #1a1a1a;
  }
  #antes-depois-reverso .cs-li::before {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    margin-top: 0.5rem;
    background-color: var(--secondary);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #antes-depois-reverso .cs-container {
    max-width: 80rem;
  }
  #antes-depois-reverso .cs-content {
    justify-content: center;
    gap: 1rem;
  }
  #antes-depois-reverso .cs-image-group {
    font-size: min(1.03vw, 1rem);
    height: fit-content;
    display: flex;
    gap: 1.5rem;
    order: initial;
    width: unset;
    height: unset;
  }
  #antes-depois-reverso .cs-picture-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    position: relative;
    width: 75%;
  }
  #antes-depois-reverso .cs-picture-wrapper img,
  #antes-depois-reverso .cs-picture-wrapper video {
    width: 100%;
    border: none;
  }
}
/* Desktop - 1024px */
@media only screen and (min-width: 64rem) {
  #antes-depois-reverso .cs-container {
    flex-direction: row;
    align-items: stretch;
    gap: clamp(3rem, 4vw, 4rem);
  }
  #antes-depois-reverso .cs-image-group {
    font-size: min(1.03vw, 1rem);
    height: 30rem;
    width: 46.125em;
    display: flex;
    gap: 1.5rem;
  }
  #antes-depois-reverso .cs-picture-wrapper {
    width: 22.43rem;
    align-items: center;
    position: relative;
  }
  #antes-depois-reverso .cs-picture-wrapper video,
  #antes-depois-reverso .cs-picture-wrapper img {
    height: auto;
    width: fit-content;
    max-width: 100%;
  }
  #antes-depois-reverso .cs-picture-wrapper img {
    width: 100%;
    height: 100%;
  }
  #antes-depois-reverso .cs-picture-wrapper1 {
    bottom: 0;
  }
  #antes-depois-reverso .cs-picture-wrapper2 {
    width: 22.43rem;
    bottom: 3.375em;
  }
}