.mosaico_body__rxid4 {
  background-color: #000;
  min-height: 100vh;
  display: flex;
  flex-direction: column
}

.mosaico_header__5yt1v {
  background-color: #252525;
  color: #fff;
  padding: 20px 0
}

.mosaico_headerContainer__1pXw8 {
  max-width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.mosaico_headerLogo__GDjaT {
  background-image: url(../media/logopoint.28b63f29.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 105px;
  height: 66px;
  cursor: pointer
}

.mosaico_headerButtons__vtciS {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px
}

.mosaico_headerButtonClients__yXk4o {
  border: 2px solid #555;
  border-radius: 30px;
  padding: 5px 20px;
  cursor: pointer;
  transition: background-color 1s ease
}

.mosaico_headerButtonClients__yXk4o:hover {
  background-color: #eb6099
}

.mosaico_headerButtonCases__XsHf6 {
  border: 2px solid #555;
  border-radius: 30px;
  padding: 5px 20px;
  margin: 0 5px 0 20px;
  cursor: pointer;
  transition: background-color .3s ease
}

.mosaico_headerButtonCases__XsHf6:hover {
  background-color: #eb6099
}

.mosaico_main__LiNeU {
  background-color: #000;
  flex: 1 1;
  color: #fff;
  padding: 50px 0
}

.mosaico_mainContainer__EwvKH {
  max-width: 86%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

.mosaico_client__obK__ {
  width: 536px;
  height: 534px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 9px 9px 0;
  filter: grayscale(100%);
  background-size: 100%;
  transition: filter .3s ease, background-size .5s ease;
  cursor: pointer;
  background-position: 50%;
  background-repeat: no-repeat
}

.mosaico_client__obK__:hover {
  filter: grayscale(0);
  background-size: 110%
}

.mosaico_courtain___KMar {
  width: 536px;
  height: 534px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  background-color: #000;
  transition: opacity .6s ease;
  background: #020024;
  background: linear-gradient(0deg, #020024, #000 0, hsla(0, 0%, 100%, 0))
}

.mosaico_clientLogo__0Cye3 {
  opacity: 0;
  z-index: 2;
  transition: opacity .3s ease;
  width: 100%;
  height: 100%
}

.mosaico_client__obK__:hover .mosaico_clientLogo__0Cye3,
.mosaico_client__obK__:hover .mosaico_courtain___KMar {
  opacity: 100%
}

.mosaico_mainContainerCliente__Q53pT {
  max-width: 95%;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start
}

.mosaico_footer__ir71K {
  background-color: #fff;
  padding: 20px 0
}

.mosaico_footerContainer__Tg5jp {
  max-width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 140px
}

.mosaico_footerLogo__AfqdI {
  background-image: url(../media/pointlogo2.10170852.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 190px;
  height: 70px;
  cursor: pointer
}

.mosaico_footerSocials__Yaorh {
  display: flex
}

.mosaico_whatsapp__rtjE8 {
  background-image: url(../media/zap.32b819df.png);
  width: 75px;
  height: 75px;
  cursor: pointer;
  background-repeat: no-repeat;
  transform: scale(.8);
  margin: 0
}

.mosaico_linkedin__NljSK {
  background-image: url(../media/link.2c57c697.png)
}

.mosaico_instagram__75XZw,
.mosaico_linkedin__NljSK {
  width: 75px;
  height: 75px;
  cursor: pointer;
  background-repeat: no-repeat;
  transform: scale(.8);
  margin: 0 0 0 -10px
}

.mosaico_instagram__75XZw {
  background-image: url(../media/insta.cad15074.png)
}

.mosaico_facebook__f1sC0 {
  background-image: url(../media/face.90b52129.png);
  width: 75px;
  height: 75px;
  cursor: pointer;
  background-repeat: no-repeat;
  transform: scale(.8);
  margin: 0 0 0 -10px
}

.mosaico_clientSidebar__2cIip {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 40px;
  font-weight: 700;
  min-height: 400px;
  margin: 0 50px 0 0
}

.mosaico_formatsButtons__xDcj2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%
}

.mosaico_clientButtonVideo__1jHIX {
  background-color: #6cabde
}

.mosaico_clientButtonEmkt__Ii4eD,
.mosaico_clientButtonVideo__1jHIX {
  border-radius: 30px;
  font-size: 22px;
  margin: 0 0 10px;
  font-weight: lighter;
  padding: 5px 20px;
  cursor: pointer;
  display: flex;
  width: 100%;
  justify-content: center
}

.mosaico_clientButtonEmkt__Ii4eD {
  background-color: #ec6099
}

.mosaico_clientButtonVideoIA__mJ5xY {
  background-color: #a8dcab
}

.mosaico_clientButtonReanimate__axgI6,
.mosaico_clientButtonVideoIA__mJ5xY {
  border-radius: 30px;
  font-size: 22px;
  margin: 0 0 10px;
  font-weight: lighter;
  padding: 5px 20px;
  cursor: pointer;
  display: flex;
  width: 100%;
  justify-content: center
}

.mosaico_clientButtonReanimate__axgI6 {
  background-color: #dd1b58
}

.mosaico_arrowDown__jjWT1 {
  transform: rotate(90deg)
}

.mosaico_arrowDown__jjWT1,
.mosaico_arrowUp__wrTIq {
  background-image: url(../media/arrowright.92515e77.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 11px;
  height: 20px;
  margin: 8px 0 0 15px
}

.mosaico_arrowUp__wrTIq {
  transform: rotate(-90deg)
}

.mosaico_clientButtonFormats__6ivV5 {
  font-size: 16px;
  font-weight: lighter;
  margin: 0 0 15px 30px
}

.mosaico_buttonFormat__VwttZ {
  cursor: pointer
}

.mosaico_buttonFormat__VwttZ:hover {
  text-shadow: 1px 0 0 currentColor
}

.mosaico_active__pt0ld {
  color: #6cabde;
  font-weight: 700
}

.mosaico_clientTitleContent__FZF5g {
  max-width: 83%
}

.mosaico_clientTitle__jqqbS {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 40px;
  font-weight: 700;
  color: #dd1b58
}

.mosaico_iframeContainer__XA4mm {
  width: 300px;
  height: 250px;
  cursor: pointer;
  margin: 5px;
  background-size: 100%;
  transition: background-size .5s ease;
  background-position: 50%;
  background-repeat: no-repeat
}

.mosaico_iframeContainer__XA4mm img {
  width: 300px;
  height: 250px;
  -o-object-fit: cover;
  object-fit: cover
}

.mosaico_iframeContainer__XA4mm:hover {
  background-size: 120%
}

.mosaico_clientContentContainer__Yjaix {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap
}

.mosaico_modal__6jKLp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .7);
  z-index: 9999
}

.mosaico_modalContent__KIdzw,
.mosaico_modal__6jKLp {
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: auto
}

.mosaico_modalContent__KIdzw {
  position: relative;
  z-index: 10000;
  padding: 10px 100px 5px;
  background-color: #000;
  box-shadow: 0 0 25px hsla(0, 0%, 100%, .35)
}

.mosaico_closeButton__56eUm {
  position: absolute;
  top: -20px;
  right: -20px;
  background-image: url(../media/iconclose.81cfbfd2.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 50px;
  height: 50px;
  cursor: pointer;
  border: none
}

.mosaico_closeButton__56eUm:hover {
  color: #dd1b58
}

.mosaico_iframe__3pKja {
  border: none;
  z-index: 10001;
  pointer-events: auto;
  max-height: 70vh;
  max-width: 70vw;
  margin: 20px 50px
}

.mosaico_nextArrowModal__Yadac,
.mosaico_prevArrowModal__L1XKY {
  background-image: url(../media/iconarrow.94a4f862.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 45px;
  height: 45px;
  cursor: pointer;
  border: none
}

.mosaico_prevArrowModal__L1XKY {
  transform: rotate(180deg)
}

.mosaico_caseThumb__kh2AY {
  margin: 5px;
  cursor: pointer;
  width: 300px;
  height: 250px;
  background-size: 100%;
  transition: background-size .5s ease;
  background-position: 50%;
  background-repeat: no-repeat
}

.mosaico_caseThumb__kh2AY img {
  width: 300px;
  height: 250px;
  -o-object-fit: cover;
  object-fit: cover
}

.mosaico_caseThumb__kh2AY:hover {
  background-size: 120%
}

@media (min-width:1817px) and (max-width:1901px) {
  .mosaico_mainContainer__EwvKH {
    max-width: 90%;
    justify-content: center
  }
}

@media (min-width:1600px) and (max-width:1816px) {
  .mosaico_mainContainer__EwvKH {
    max-width: 90%;
    justify-content: center
  }

  .mosaico_client__obK__,
  .mosaico_courtain___KMar {
    width: 436px;
    height: 434px
  }

  .mosaico_mainContainerCliente__Q53pT {
    max-width: 90%
  }

  .mosaico_clientTitleContent__FZF5g {
    max-width: 82%
  }
}

@media (min-width:1400px) and (max-width:1599px) {
  .mosaico_mainContainer__EwvKH {
    max-width: 90%;
    justify-content: center
  }

  .mosaico_client__obK__,
  .mosaico_courtain___KMar {
    width: 406px;
    height: 404px
  }

  .mosaico_mainContainerCliente__Q53pT {
    max-width: 90%
  }

  .mosaico_clientTitleContent__FZF5g {
    max-width: 79%
  }

  .mosaico_iframe__3pKja {
    max-width: 65vw
  }
}

@media (min-width:1200px) and (max-width:1399px) {
  .mosaico_mainContainer__EwvKH {
    max-width: 90%;
    justify-content: center
  }

  .mosaico_client__obK__,
  .mosaico_courtain___KMar {
    width: 346px;
    height: 344px
  }

  .mosaico_mainContainerCliente__Q53pT {
    max-width: 95%;
    margin: 0 0 0 50px
  }

  .mosaico_clientTitleContent__FZF5g {
    max-width: 77%
  }

  .mosaico_iframe__3pKja {
    max-width: 60vw
  }
}

@media (min-width:768px) and (max-width:1199px) {
  .mosaico_mainContainer__EwvKH {
    max-width: 90%;
    justify-content: center
  }

  .mosaico_client__obK__,
  .mosaico_courtain___KMar {
    width: 306px;
    height: 304px
  }

  .mosaico_mainContainerCliente__Q53pT {
    max-width: 95%
  }

  .mosaico_clientTitleContent__FZF5g {
    max-width: 65%;
    margin: 0 0 0 -20px
  }

  .mosaico_nextArrowModal__Yadac {
    position: absolute;
    bottom: -15px;
    right: -15px
  }

  .mosaico_prevArrowModal__L1XKY {
    position: absolute;
    bottom: -15px;
    left: -15px
  }

  .mosaico_modalContent__KIdzw {
    max-width: 90vw
  }

  .mosaico_clientTitle__jqqbS {
    font-size: 38px
  }
}

@media (min-width:430px) and (max-width:767px) {
  .mosaico_headerButtons__vtciS {
    margin: 0 -15px 0 0
  }

  .mosaico_headerButtonCases__XsHf6 {
    margin: 0 5px 0 15px
  }

  .mosaico_mainContainer__EwvKH {
    max-width: 90%;
    justify-content: center
  }

  .mosaico_client__obK__,
  .mosaico_courtain___KMar {
    width: 356px;
    height: 354px
  }

  .mosaico_mainContainerCliente__Q53pT {
    max-width: 85%;
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .mosaico_clientSidebar__2cIip {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    font-size: 40px;
    font-weight: 700;
    min-height: 0;
    margin: 0 50px 30px 0
  }

  .mosaico_clientTitleContent__FZF5g {
    max-width: 100%;
    margin: 0
  }

  .mosaico_nextArrowModal__Yadac {
    position: absolute;
    bottom: -15px;
    right: -15px
  }

  .mosaico_prevArrowModal__L1XKY {
    position: absolute;
    bottom: -15px;
    left: -15px
  }

  .mosaico_modalContent__KIdzw {
    max-width: 90vw
  }

  .mosaico_footerContainer__Tg5jp {
    height: 170px;
    flex-direction: column
  }
}

@media (min-width:350px) and (max-width:429px) {
  .mosaico_headerLogo__GDjaT {
    margin: 0 0 0 -5px
  }

  .mosaico_headerButtons__vtciS {
    margin: 0 -20px 0 0
  }

  .mosaico_headerButtonCases__XsHf6 {
    margin: 0 5px
  }

  .mosaico_mainContainer__EwvKH {
    max-width: 95%;
    justify-content: center;
    margin: 0 0 0 12px
  }

  .mosaico_client__obK__,
  .mosaico_courtain___KMar {
    width: 306px;
    height: 304px
  }

  .mosaico_mainContainerCliente__Q53pT {
    max-width: 90%;
    display: flex;
    flex-direction: column
  }

  .mosaico_clientSidebar__2cIip {
    font-size: 50px;
    min-height: 0;
    margin: 0 50px 30px 0
  }

  .mosaico_clientTitleContent__FZF5g {
    max-width: 100%;
    margin: 0
  }

  .mosaico_nextArrowModal__Yadac {
    position: absolute;
    bottom: -15px;
    right: -15px
  }

  .mosaico_prevArrowModal__L1XKY {
    position: absolute;
    bottom: -15px;
    left: -15px
  }

  .mosaico_modalContent__KIdzw {
    max-width: 90vw
  }

  .mosaico_footerContainer__Tg5jp {
    margin: 20px auto 0;
    height: 170px;
    flex-direction: column
  }
}