#hero{
  background-image: url("../../../img/web/Fighting_funciones.svg"), url("../../../img/web/funcionalidades_fondo_verde.svg")  !important;
  background-size: 20%,27% !important;
  background-color: #002133;
  background-repeat: no-repeat !important;
  background-position: 0% 100%,0% 100% !important;
	padding-bottom: 50px;
}
.img-principalfuncionalidad{
	display:block;
	margin-top:-45px  !important;
	border-radius: 8px;
	#box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.08);
	max-width: 884px;
	margin:auto;width: 100%;
}
@media only screen and (max-width: 640px) {
	#hero{
		padding-bottom: 150px;
		background-size: 20vh,30vh !important;
		background-repeat: no-repeat !important;
		background-position:1% 100%,0% 100% !important;
	}
	.img-principalfuncionalidad{
		width:90%;
	}
  main section#testimonials {
    background: var(--informacin-dark-grey-2, #F0F3F5);
    height: 1400px;
    overflow-y: hidden;
  }
  main section#testimonials div.wrapper {
    padding-top: 48px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }
  main section#testimonials div.wrapper h2 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 24px;
    color: var(--drl-c-titles);
  }
  main section#testimonials div.wrapper p {
    text-align: center;
    margin-top: 0;
    margin-bottom: 67px;
    color: var(--drl-c-paragraph);
  }
  main section#testimonials div.wrapper div.content {
    display: block;
  }
  main section#testimonials div.wrapper div.content div.item {
    margin-bottom: 32px;
    background-color: var(--drl-c-bg);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.05), 0px 6px 20px rgba(0, 0, 0, 0.05);
            box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.05), 0px 6px 20px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
  }
  main section#testimonials div.wrapper div.content div.item div.comilla {
    background: url("../../../img/web/comilla-icon.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 28.8px;
    height: 24px;
    margin-bottom: 8px;
  }
  main section#testimonials div.wrapper div.content div.item p {
    color: var(--drl-c-contrast-bg);
    text-align: left;
    margin-bottom: 16px;
    margin-top: 0;
    line-height: 22.4px;
  }
  main section#testimonials div.wrapper div.content div.item div.profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  main section#testimonials div.wrapper div.content div.item div.profile div.profile-data {
    margin-left: 16px;
  }
  main section#testimonials div.wrapper div.content div.item div.profile div.profile-data p {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
  }
  main section#testimonials div.wrapper div.content div.item div.profile div.profile-data p:first-child {
    margin-bottom: 4px;
  }
  main section#testimonials div.wrapper div.content div.item div.profile div.profile-data p:last-child {
    color: var(--drl-c-primary-accent);
  }
  main section#testimonials div.wrapper div.bottom {
    position: absolute;
    height: 144px;
    top: calc(1270px);
	background: var(--informacin-dark-grey-2, #F0F3F5) !important;
    left: 0;
    right: 0;
    /* Gradients/Black - 40% */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 32, 51, 0.4)), to(rgba(34, 32, 51, 0)));
    background: linear-gradient(180deg, rgba(34, 32, 51, 0.4) 0%, rgba(34, 32, 51, 0) 100%);
    -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
            transform: matrix(1, 0, 0, -1, 0, 0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  main section#testimonials div.wrapper div.bottom a.drl-btn {
    margin-left: 38.5px;margin-top: 70px;
    margin-right: 38.5px;
    margin-bottom: 48px;
    -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
            transform: matrix(1, 0, 0, -1, 0, 0);
  }
}


main section#data-1 div.wrapper p.drl-Text1 {
  color: var(--drl-c-paragraph);
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 0;
}

main section#data-1 div.wrapper p.drl-Text1:not(:last-child) {
  margin-bottom: 32px;
}

main section#data-2 {
  background: #F0F3F5;
}

main section#data-2 div.wrapper {
  padding: 48px 20px;
}

main section#data-2 div.wrapper h2 {
  line-height: 33.6px;
  text-align: center;
  color: var(--drl-c-titles);
  margin-top: 0;
  margin-bottom: 32px;
}

main section#data-2 div.wrapper p.drl-Text1 {
  line-height: 26.4px;
  color: var(--drl-c-titles);
  margin-top: 0;
  margin-bottom: 0;
}

main section#data-2 div.wrapper p.drl-Text1:not(:last-child) {
  margin-bottom: 32px;
}

main section#data-2 div.wrapper p.drl-Text1#subtitle {
  text-align: center;
  font-weight: 700;
  margin-top: 48px;
  margin-bottom: 24px;
}

main section#data-2 div.wrapper div.video-wrapper iframe {
  display: none;
  margin: 0 20px;
  width: calc(100% - 40px);
}

main section#data-2 div.wrapper p.drl-Caption1 {
  margin-top: 48px;
  text-align: center;
  line-height: 18px;
  color: var(--drl-c-titles);
  margin-bottom: 24px;
}

main section#data-2 div.wrapper div.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main section#data-2 div.wrapper div.container div.item {
  padding: 22.3px 16px 16px 16px;
  background: var(--drl-c-bg);
  border: 1px solid var(--drl-c-primary-accent);
  box-sizing: border-box;
}

main section#data-2 div.wrapper div.container div.item p {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 24px;
  color: var(--drl-c-paragraph);
  text-align: center;
}


main section#banner {
  padding: 48px 20px;
  background: var(--drl-c-primary);
}

main section#banner p {
  line-height: 18px;
  color: var(--drl-c-bg);
  text-align: center;
  margin-top: 0;
  margin-bottom: 24px;
}

main section#banner h2 {
  line-height: 33.6px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  color: var(--drl-c-bg);
}

main section#data-3 div.wrapper {
  padding: 48px 20px;
}

main section#data-3 div.wrapper p.drl-Headline3 {
  color: var(--drl-c-titles);
  text-align: center;
  line-height: 26.4px;
  margin-top: 0;
  margin-bottom: 48px;
  text-align: center;
}

main section#data-3 div.wrapper li:not(:first-child) {
  margin-top: 36px;
}

main section#data-3 div.wrapper p.drl-Text1 {
  line-height: 24px;
  color: var(--drl-c-paragraph);
  margin-top: 0;
  margin-bottom: 0;
}

main section#data-3 div.wrapper p.drl-Text1#featured {
  font-weight: 700;
}

main section#data-3 div.wrapper p.drl-Text1:not(:last-child) {
  margin-bottom: 36px;
}

main section#data-3 div.wrapper p.drl-Text1 div.img-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 48px;
  margin-bottom: 48px;
}

main section#data-3 div.wrapper p.drl-Text1 div.img-wrapper img {
  width: 100%;
 # max-width: 310px;
  height: auto;
}

main section#data-4 {
  background: #E0E7EB;
}

main section#data-4 div.wrapper {
  padding: 48px 20px;
}

main section#data-4 div.wrapper h2.drl-Headline2 {
  text-align: center;
  line-height: 33.6px;
  margin-top: 0;
  margin-bottom: 48px;
  color: var(--drl-c-titles);
}

main section#data-4 div.wrapper div.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main section#data-4 div.wrapper div.container div.item div.img-wrapper img{
    padding: 8px;
	border-radius: 8px;
	background: var(--informacin-dark-grey-3, #E0E7EB);
	
}
main section#data-4 div.wrapper div.container div.item {
  padding: 24px;
	border-radius: 4px;
	border: 1px solid var(--informacin-dark-grey-4, #A3B7C1);
	background: #FFF;
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
}


main section#data-4 div.wrapper div.container div.item p.drl-Caption1 {
  margin-top: 0;
  margin-bottom: 16px;
  line-height: 18px;
  color: var(--drl-c-paragraph);
  text-align: center;
}

main section#data-4 div.wrapper div.container div.item p.drl-Text2 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 22.4px;
  color: var(--drl-c-paragraph);
  text-align: center;
}


main section#testimonials {
    background: var(--informacin-dark-grey-2, #F0F3F5);
  overflow-y: hidden;
}

main section#testimonials div.wrapper {
  padding: 48px 20px;
  position: relative;
}

main section#testimonials div.wrapper h3.drl-Headline2 {
  color: var(--drl-c-paragraph);
  text-align: center;
  margin-top: 0;
  margin-bottom: 24px;
  line-height: 33.6px;
}

main section#testimonials div.wrapper p#subtitle {
  line-height: 22.4px;
  text-align: center;
  color: var(--drl-c-paragraph);
  margin-top: 0;
  margin-bottom: 62px;
}

main section#testimonials div.wrapper div.container {
  display: block;
}

main section#testimonials div.wrapper div.container div.item {
  padding: 20px 20px;
  background: #ffffff;
  -webkit-box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.05), 0px 6px 20px rgba(0, 0, 0, 0.05);
          box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.05), 0px 6px 20px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}

main section#testimonials div.wrapper div.container div.item:not(:last-child) {
  margin-bottom: 32px;
}

main section#testimonials div.wrapper div.container div.item div.img-wrapper {
  margin-bottom: 8px;
}

main section#testimonials div.wrapper div.container div.item p.drl-Text2 {
  margin-top: 0;
  margin-bottom: 0;
  color: var(--drl-c-contrast-bg);
  line-height: 22.4px;
}

main section#testimonials div.wrapper div.container div.item p.drl-Text2:not(:last-child) {
  margin-bottom: 16px;
}

main section#testimonials div.wrapper div.container div.item div.profile {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

main section#testimonials div.wrapper div.container div.item div.profile div.titles {
  padding-left: 16px;
}

main section#testimonials div.wrapper div.container div.item div.profile div.titles p {
  margin-top: 0;
  margin-bottom: 0;
}

main section#testimonials div.wrapper div.container div.item div.profile div.titles p.drl-Headline6 {
  color: var(--drl-c-titles);
  line-height: 18px;
}

main section#testimonials div.wrapper div.container div.item div.profile div.titles p.drl-Caption3 {
  color: var(--drl-c-primary-accent);
  line-height: 14.4px;
  margin-top: 4px;
}

main section#testimonials div.wrapper div.bottom-bar {
  position: absolute;
  height: 144px;
  left: 0px;
  right: 0px;
  top: calc(1030px - 144px);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 32, 51, 0.4)), to(rgba(34, 32, 51, 0)));
  background: linear-gradient(180deg, rgba(34, 32, 51, 0.4) 0%, rgba(34, 32, 51, 0) 100%);
  -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
          transform: matrix(1, 0, 0, -1, 0, 0);
}

main section#testimonials div.wrapper div.bottom-bar div.btn-wrapper {
  max-width: 243px;
  margin-top: 48px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
          transform: matrix(1, 0, 0, -1, 0, 0);
}

main section#testimonials div.wrapper div.bottom-bar div.btn-wrapper a {
  text-transform: uppercase;
  text-align: center;
}

main section#subscribe {
  background: rgba(34, 32, 51, 0.05);
}

main section#subscribe div.wrapper {
  padding: 32px 28px;
}

main section#subscribe div.wrapper h3 {
  text-align: center;
  color: var(--drl-c-titles);
  text-align: 26.4px;
  margin-top: 0;
  margin-bottom: 16px;
}

main section#subscribe div.wrapper div.btn-wrapper {
  max-width: 121px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
  padding: 10px 15px;
}

main section#subscribe div.wrapper div.btn-wrapper a {
  text-align: center;
}

main section#subscribe div.wrapper div.img-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main section#subscribe div.wrapper div.img-wrapper img {
  width: 100%;
  max-width: 264px;
  height: auto;
}

@media (min-width: 768px) {
  main section#testimonials {
    max-height: 1280px;
  }
  main section#testimonials div.wrapper div.container .masonry-wrapper {
    padding: 1.5em;
    max-width: 960px;
    margin-right: auto;
    margin-left: auto;
  }
  main section#testimonials div.wrapper div.container .masonry-wrapper .masonry {
    -webkit-columns: 1;
            columns: 1;
    -webkit-column-gap: 35px;
            column-gap: 35px;
  }
  main section#testimonials div.wrapper div.container .masonry-wrapper .masonry .masonry-item {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 36px;
  }
  main section#testimonials div.wrapper div.bottom-bar {
    top: calc(1280px - 144px);
  }
  main section#testimonials div.wrapper div.bottom-bar div.btn-wrapper {
    max-width: 293px;
  }
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .masonry {
    -webkit-columns: 2;
            columns: 2;
  }
}

@media only screen and (min-width: 1024px) {
  .masonry {
    -webkit-columns: 3;
            columns: 3;
  }
  main section#testimonials div.wrapper {
    padding: 72px 20px;
  }
  main section#testimonials div.wrapper h3.drl-Headline2,
  main section#testimonials div.wrapper p#subtitle,
  main section#testimonials div.wrapper div.container.masonry {
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* HERO / EXTA */
@media (min-width: 1024px) {

  main section#subscribe div.wrapper div.img-wrapper img {
    width: 245.27px;
  }

  main section#subscribe div.wrapper div.t-container h3 {
    text-align: left;
    margin-bottom: 16px;
    line-height: 33.6px;
  }
}

@media (min-width: 1920px) {
  main section#hero div.wrapper div.img-container {
    right: calc(1220px - 820px - 250px);
  }
}

/* END HERO / EXTRA */
@media (min-width: 1024px) {
  main section#data-1 div.wrapper p.drl-Headline3,
  main section#data-3 div.wrapper p.drl-Headline3 {
    line-height: 33.6px;
    margin-bottom: 48px;
  }
  main section#data-1 div.wrapper p.drl-Text1,
  main section#data-3 div.wrapper p.drl-Text1 {
    line-height: 28.8px;
    text-align: left;
  }
  main section#data-1 div.wrapper p.drl-Text1:not(:last-child),
  main section#data-3 div.wrapper p.drl-Text1:not(:last-child) {
    margin-bottom: 32px;
  }
  main section#data-1 div.wrapper div.img-wrapper,
  main section#data-3 div.wrapper div.img-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 64px;
    margin-bottom: 64px;
  }
  main section#data-1 div.wrapper div.img-wrapper img,
  main section#data-3 div.wrapper div.img-wrapper img {
    width: 100%;
  }
  main section#data-2 div.wrapper {
    padding-top: 72px;
    padding-bottom: 72px;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
  }
  main section#data-2 div.wrapper h2 {
    line-height: 43.2px;
    margin-bottom: 64px;
  }
  main section#data-2 div.wrapper div.video-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 72px;
  }
  main section#data-2 div.wrapper div.video-wrapper img {
    width: 100%;
  }
  main section#data-2 div.wrapper p.drl-Caption1 {
    line-height: 21.6px;
    margin-bottom: 48px;
  }
  main section#data-2 div.wrapper div.container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  main section#data-2 div.wrapper div.container div.item div.img-wrapper {
    margin-bottom: 11.33px;
  }
  main section#data-2 div.wrapper div.container div.item p {
    line-height: 28.8px;
  }
  main section#data-4 div.wrapper {
    padding-top: 72px;
    padding-bottom: 72px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  main section#data-4 div.wrapper h2 {
    line-height: 43.2px;
    margin-bottom: 72px;
  }
  main section#data-4 div.wrapper div.container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
  }
  main section#data-4 div.wrapper div.container div.item {
    padding: 24px;
  }
  main section#data-4 div.wrapper div.container div.item p.drl-Caption1 {
    line-height: 21.6px;
    margin-bottom: 16px;
  }
  main section#data-4 div.wrapper div.container div.item p.drl-Text2 {
    line-height: 25.6px;
  }
}
/*# sourceMappingURL=canibalizaciones.css.map */
.letrapequena{
	color: var(--informacin-dark-2, #002133) !important;
	text-align: center !important;

	/* Desktop/Body */
	font-family: Work Sans !important;
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 175% !important; /* 28px */
	letter-spacing: 0.16px !important;
}
.letragrande{
	color: var(--informacin-dark-1, #00141F) !important;
	text-align: center !important;

	/* Desktop/H2 */
	font-family: Work Sans !important;
	font-size: 33px !important;
	font-style: normal !important;
	font-weight: 600 !important;
	line-height: 140% !important; /* 46.2px */
	letter-spacing: 0.33px !important;
}

  
  
  
main section#subscribe {
  #background: rgba(34, 32, 51, 0.05);
  background: var(--primary-light, #F0FBFF);
	#background: rgba(34, 32, 51, 0.05);
	background: var(--primary-light, #F0FBFF);
    background-image: url("../../../img/web/Fondo_final_verde.svg");
	background-size: contain;
    background-position: 100% 100%;
    background-repeat: no-repeat;
}
.dinosentado{
	 background-image: url("../../../img/web/dino_sentado_ordeador.svg");
	background-size: contain;
    background-position: 103% 100%;
    background-repeat: no-repeat;
}

@media (max-width: 1024px) {
	main section#subscribe {
		background-image: url("../../../img/web/fondo_final_verde_movil.svg");
			background-size: 170% 100%;
    background-position: 100% 100px;
	}
	
	.dinosentado{
		padding-bottom:200px;
	}
}
main section#data-2 div.wrapper div.container div.item {
	border-radius: 4px !important;
	border: 1px solid var(--informacin-dark-grey-4, #A3B7C1) !important;
	background: #FFF !important;
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08) !important;
}
main section#data-2 div.wrapper div.container div.item div.img-wrapper img{
	border-radius: 8px;
	background: var(--informacin-dark-grey-3, #E0E7EB);
	padding:8px;
	margin-left: auto;
	margin-right: auto;
    display: block;
}