@charset "UTF-8";
:root {
  --color-brand-primary: hsl(var(--color-brand-primary-h), 0%, 0%);
  --color-brand-primary-h: 0;
  --color-brand-primary-s: 43%;
  --color-brand-primary-l: 43%;
  --color-brand-accent: hsl(var(--color-brand-accent-h), 8%, 24%);
  --color-brand-accent-h: 188;
  --color-brand-accent-s: 2%;
  --color-brand-accent-l: 87%;
  --color-brand-accent-bg: hsl(calc(var(--color-brand-accent-h) + 17), 100%, 96%);
  --ratio: 1.4;
  --s-6: calc(var(--s-5) / var(--ratio));
  --s-5: calc(var(--s-4) / var(--ratio));
  --s-4: calc(var(--s-3) / var(--ratio));
  --s-3: calc(var(--s-2) / var(--ratio));
  --s-2: calc(var(--s-1) / var(--ratio));
  --s-1: calc(var(--s0) / var(--ratio));
  --s0: calc(1.05rem + 0.333vw);
  --s1: calc(var(--s0) * var(--ratio));
  --s2: calc(var(--s1) * var(--ratio));
  --s3: calc(var(--s2) * var(--ratio));
  --s4: calc(var(--s3) * var(--ratio));
  --s5: calc(var(--s4) * var(--ratio));
  --s6: calc(var(--s5) * var(--ratio));
  font-size: 62.5%;
  line-height: 1.6;
  box-sizing: border-box;
}
@media (min-width: 40.625em) {
  :root {
    --s0: calc(1.25rem + 0.333vw);
  }
}
@media (min-width: 48em) {
  :root {
    --s0: calc(1.4rem + 0.333vw);
  }
}
@media (min-width: 62em) {
  :root {
    --s0: calc(1.6rem + 0.333vw);
  }
}

*, *:before, *:after {
  box-sizing: inherit;
}
a{
  text-decoration: none;
}

body {
  font-size: 1.4rem;
  font-family: "Outfit", sans-serif;
  font-weight: 300;
  background-color: white;
  min-height: 100vh;
}
@media (min-width: 48em) {
  body {
    font-size: 1.5rem;
  }
}

h2, h3, p, ul {
  margin: 0;
}

ul {
  padding: 0;
}
ul li {
  /* Remove li Bullets with zero-width space for accessability */
  list-style-type: none;
}
ul li:before {
  content: "​";
  /* add zero-width space */
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  position: absolute;
}

.c-section {
  padding: 0 var(--s3);
}
.c-section__title {
  padding: var(--s2) var(--s3) calc(var(--s6) * 1.8);
  margin: 0 calc(var(--s3) * -1);
  color: #fff;
  font-size: var(--s4);
  font-weight: 900;
  text-align: center;
}
@media (min-width: 40.625em) {
  .c-section__title {
    padding: var(--s2) var(--s3) var(--s4);
  }
}
@media (min-width: 650px) {
  .c-section__title {
    display: flex;
    align-items: self-start;
    justify-content: flex-end;
    position: relative;
    text-align: unset;
	font-size: calc(100vw / 20);
	line-height: 1.2;
  }
  .c-section__title::after{
	  width: 50%;
    font-size: 32px;
  }
}
@media (min-width:1280px) {
	.c-section__title {
		font-size: 64px;
	}
}
.c-section__title:after {
  content: "";
  display: block;
  background-size: calc(var(--s5) * 3) calc(var(--s5) * 3);
  width: calc(var(--s5) * 3);
  height: calc(var(--s5) * 3);
  background-repeat: no-repeat;
  background-position: center;
  margin-left: auto;
  margin-right: auto;
  transform: translateY(11rem);
  z-index: 1;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='300px' height='129px' viewBox='0 0 300 129' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com --%3E%3Ctitle%3Ecd-white-300%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='cd-white-300' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='CAPITAL-DIGITAL' transform='translate(3.225806  2.932551)' fill='%23FFFFFF'%3E%3Cpath d='M69.3015233 32.7067719 L81.1394919 32.7067719 L80.0658868 28.8488593 C78.3422296 22.5495585 76.9764409 17.1171029 75.3173359 10.2060441 L75.1225468 10.2060441 C73.4645743 17.1171029 72.0987856 22.5495585 70.3751284 28.8488593 L69.3015233 32.7067719 Z M86.8948307 53.6656891 L84.1666506 43.3053089 L66.3060744 43.3053089 L63.5461845 53.6656891 L50.7331378 53.6656891 L66.0172882 1.17302053 L84.4225945 1.17302053 L99.7067449 53.6656891 L86.8948307 53.6656891 L86.8948307 53.6656891 Z' id='Fill-4'%3E%3C/path%3E%3Cpath d='M0 27.2252689 C0 12.1323862 7.16709372 0 25.3287757 0 C37.9429059 0 45.402511 5.14923012 48.0938416 17.2804863 L35.4785821 20.0161208 C34.0521656 12.8408714 30.8085644 9.9447826 25.3287757 9.9447826 C17.4795319 9.9447826 13.4577827 15.8974147 13.4577827 27.2252689 C13.4577827 38.5847621 17.4795319 44.313662 25.3287757 44.313662 C30.9700668 44.313662 34.5129557 41.6345256 35.8106221 34.3620996 L47.9312098 36.9756983 C45.2082563 49.23577 37.715899 54.5454545 25.3287757 54.5454545 C7.16709372 54.5454545 0 42.3497906 0 27.2252689' id='Fill-5'%3E%3C/path%3E%3Cpath d='M118.661923 24.3966187 L126.921243 24.3966187 C131.988212 24.3966187 133.8296 22.6143557 133.8296 17.8883676 C133.8296 13.5495335 132.086755 11.1701729 126.986556 11.1701729 L118.661923 11.1701729 L118.661923 24.3966187 Z M106.158358 53.6656891 L106.158358 1.17302053 L128.071681 1.17302053 C142.154233 1.17302053 146.334311 8.14856545 146.334311 18.1141134 C146.334311 28.3358827 141.957146 35.0540775 128.071681 35.0540775 L118.661923 35.0540775 L118.661923 53.6656891 L106.158358 53.6656891 L106.158358 53.6656891 Z' id='Fill-6'%3E%3C/path%3E%3Cpolygon id='Fill-7' points='153.665689 53.6656891 166.27566 53.6656891 166.27566 1.17302053 153.665689 1.17302053'%3E%3C/polygon%3E%3Cpolyline id='Fill-8' points='212.903226 1.17302053 212.903226 12.063892 199.345871 12.063892 199.345871 53.6656891 186.872281 53.6656891 186.872281 12.063892 173.313783 12.063892 173.313783 1.17302053 212.903226 1.17302053'%3E%3C/polyline%3E%3Cpath d='M229.124867 32.7067719 L240.961977 32.7067719 L239.88948 28.8488593 C238.165782 22.5495585 236.79883 17.1171029 235.141951 10.2060441 L234.946025 10.2060441 C233.288014 17.1171029 231.922194 22.5495585 230.197365 28.8488593 L229.124867 32.7067719 Z M246.717449 53.6656891 L243.990338 43.3053089 L226.129349 43.3053089 L223.369395 53.6656891 L210.557185 53.6656891 L225.840556 1.17302053 L244.24742 1.17302053 L259.530792 53.6656891 L246.717449 53.6656891 L246.717449 53.6656891 Z' id='Fill-9'%3E%3C/path%3E%3Cpolyline id='Fill-10' points='293.548387 42.7748177 278.536559 42.7748177 278.536559 1.17302053 265.982405 1.17302053 265.982405 53.6656891 293.548387 53.6656891 293.548387 42.7748177'%3E%3C/polyline%3E%3Cpath d='M61.0896765 99.5684913 L72.9279188 99.5684913 L71.8542889 95.7116245 C70.1305919 89.4110595 68.7647715 83.9796158 67.1056282 77.0684084 L66.9119671 77.0684084 C65.2528238 83.9796158 63.8870034 89.4110595 62.1633064 95.7116245 L61.0896765 99.5684913 Z M78.6833907 120.527859 L75.9562801 110.167256 L58.0941583 110.167256 L55.3342046 120.527859 L42.5219941 120.527859 L57.8053655 68.0351906 L76.2122298 68.0351906 L91.4956012 120.527859 L78.6833907 120.527859 L78.6833907 120.527859 Z' id='Fill-11'%3E%3C/path%3E%3Cpath d='M274.137956 78.9251675 L266.974922 78.9251675 C258.769806 78.9251675 254.733015 83.1669309 254.733015 94.2657227 C254.733015 105.433367 258.769806 109.637882 266.974922 109.637882 L274.137956 109.637882 L274.137956 78.9251675 Z M266.486198 120.527859 C247.015489 120.527859 241.935484 109.695447 241.935484 94.2657227 C241.935484 78.835998 247.015489 68.0351906 266.486198 68.0351906 L286.510264 68.0351906 L286.510264 120.527859 L266.486198 120.527859 L266.486198 120.527859 Z' id='Fill-12'%3E%3C/path%3E%3Cpolygon id='Fill-13' points='220.234604 120.527859 232.844575 120.527859 232.844575 68.0351906 220.234604 68.0351906'%3E%3C/polygon%3E%3Cpolygon id='Fill-14' points='139.589443 120.527859 152.199413 120.527859 152.199413 68.0351906 139.589443 68.0351906'%3E%3C/polygon%3E%3Cpolyline id='Fill-15' points='130.791789 68.0351906 130.791789 78.9251675 117.234042 78.9251675 117.234042 120.527859 104.758949 120.527859 104.758949 78.9251675 91.202346 78.9251675 91.202346 68.0351906 130.791789 68.0351906'%3E%3C/polyline%3E%3Cpath d='M71.8542889 95.7116245 C70.1305919 89.4110595 68.7647715 83.9796158 67.1056282 77.0684084 L66.9119671 77.0684084 C65.2528238 83.9796158 63.8870034 89.4110595 62.1633064 95.7116245 L61.0896765 99.5684913 L72.9279188 99.5684913 L71.8542889 95.7116245 Z M42.5219941 120.527859 L57.8053655 68.0351906 L76.2122298 68.0351906 L91.4956012 120.527859 L78.6833907 120.527859 L75.6912702 110.046482 L58.3251926 110.046482 L55.3342046 120.527859 L42.5219941 120.527859 L42.5219941 120.527859 Z' id='Fill-16'%3E%3C/path%3E%3Cpolyline id='Fill-17' points='6.4516129 109.637882 21.4634408 109.637882 21.4634408 68.0351906 34.0175953 68.0351906 34.0175953 120.527859 6.4516129 120.527859 6.4516129 109.637882'%3E%3C/polyline%3E%3Cpath d='M184.490876 66.568915 C174.914521 66.568915 167.417131 70.1819541 163.618695 78.4361236 L173.35784 84.4982393 C175.628988 79.2739954 179.200197 76.9200285 184.490876 76.9200285 C193.548337 76.9200285 197.508433 82.8859022 197.508433 93.9141068 C197.508433 105.10196 193.516683 110.87535 184.945331 110.87535 C177.024009 110.457546 174.491718 106.190061 173.687942 103.294874 C173.486716 102.221493 173.614461 101.527418 173.614461 101.527418 L185.070815 101.527418 L185.070815 91.0585491 L160.876134 91.0585491 C160.619513 93.355903 160.292802 99.9796193 162.812658 106.707503 C163.708003 109.004857 164.921016 111.318063 166.560222 113.486339 C167.18312 114.21325 167.826367 114.885812 168.473006 115.497232 C174.716685 121.397434 180.7874 121.70088 187.367965 121.70088 C202.787807 121.70088 210.85044 109.552871 210.85044 93.7521938 C210.85044 78.5652011 202.474662 66.568915 184.490876 66.568915' id='Fill-18'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
@media (min-width: 40.625em) {
  .c-section__title:after {
    margin-left: auto;
    margin-right: 0;
    transform: translateY(2rem);
  }
}
.c-section span:before {
  content: "";
  display: block;
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 200%;
  transform: skew(0deg, 10deg);
  z-index: -1;
  background: var(--color-brand-primary);
  background-attachment: fixed;
}
.c-section span:after {
  content: "Somos un grupo de personas que creen en la calidad de la comunicación, desarrollamos marcas que persiguen generar vínculos culturales, sociales y comerciales con la sociedad en la que nos desenvolvemos.";
  display: block;
  font-size: 1.4rem;
  position: absolute;
  font-weight: 350;
  padding: 0 var(--s3);
  color: rgba(255, 255, 255, 0.85);
  left: 9px;
  text-shadow: 0 0 6px #000;
    z-index: 3;
}

@media (min-width: 40.625em) {
  .c-section span:after {
	  width: 60%;
  font-size: 1.5rem;
  padding-top: 2rem;
  }
}
@media (min-width: 48em) {
  .c-section span:after {
    width: 57ch;
  }
}
@media (min-width: 62em) {
  .c-section span:after {
    width: 67ch;
  }
}

.c-services {
  display: grid;
  grid-gap: var(--s2);
  margin: 0 calc(var(--s3) * -1);
  padding: var(--s6) var(--s3);
  position: relative;
  z-index: 1;
}
@media (min-width: 40.625em) {
  .c-services {
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: minmax(100px, 1fr);
  }
}
@media (min-width: 40.625em) {
  .c-services {
    padding: 0 var(--s3);
  }
}
.c-services:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--color-brand-accent-bg);
  width: 100%;
  height: 100%;
  transform: skew(0deg, 10deg);
}
.c-services__item {
  background: #fff;
  padding: calc(var(--s2) - 0.6rem) var(--s1);
  border-radius: 25px;
  box-shadow: 0 7px 20px rgba(100, 28, 2, 0.135);
  transition: all 300ms ease, transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  z-index: 1;
}
/* @media (min-width: 40.625em) {
  .c-services__item {
    transform: translateY(-85px);
  }
} */
@media (min-width: 1480px) {
  .c-services__item {
    transform: translateY(-130px);
  }
}
@media (min-width: 40.625em) {
  .c-services__item:nth-of-type(1) {
    grid-column: 1/-1;
    grid-row: 4;
  }
}
@media (min-width: 62em) {
  .c-services__item:nth-of-type(1) {
    grid-column: 5/-1;
    grid-row: 3;
  }
}
@media (min-width: 40.625em) {
  .c-services__item:nth-of-type(2) {
    grid-column: 1/span 3;
    grid-row: 2;
  }
}
@media (min-width: 62em) {
  .c-services__item:nth-of-type(2) {
    grid-column: 3/span 2;
    grid-row: auto;
  }
}
@media (min-width: 40.625em) {
  .c-services__item:nth-of-type(3) {
    grid-column: 4/-1;
  }
}
@media (min-width: 62em) {
  .c-services__item:nth-of-type(3) {
    grid-column: 4/-1;
    grid-row: 2;
  }
}
@media (min-width: 40.625em) {
  .c-services__item:nth-of-type(4) {
    grid-column: 1/span 4;
  }
}
@media (min-width: 62em) {
  .c-services__item:nth-of-type(4) {
    grid-column: 1/span 3;
  }
}
@media (min-width: 40.625em) {
  .c-services__item:nth-of-type(5) {
    grid-column: 5/-1;
  }
}
@media (min-width: 62em) {
  .c-services__item:nth-of-type(5) {
    grid-column: 1/span 4;
  }
}
@media (min-width: 40.625em) {
  .c-services__item:nth-of-type(6) {
    grid-column: 1/span 4;
    grid-row: 1;
  }
}
@media (min-width: 62em) {
  .c-services__item:nth-of-type(6) {
    grid-column: 1/span 2;
    grid-row: 1;
  }
}
.c-services__item h3 {
  color: var(--color-brand-primary);
  font-size: var(--s1);
  line-height: 1.2;
}
.c-services__item:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 50px;
  border-radius: 25px 0;
  cursor: pointer;
  transition: inherit;
  background-color: var(--color-brand-accent);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHg9IjBweCIgeT0iMHB4Ij48dGl0bGU+NTI8L3RpdGxlPjxwYXRoIGQ9Ik04MS4zMDMyOSwzOC41MjkzOUExNC4wMTgsMTQuMDE4LDAsMSwwLDYxLjQ3NywxOC43MDY3MUw0Ny4wMDMxNSwzMy4xNzkxNGExNC4wMzAzNywxNC4wMzAzNywwLDAsMCwwLDE5LjgyMTcxLDQuODAxMTMsNC44MDExMywwLDAsMS02Ljc4OTc5LDYuNzg5ODcsMjMuNjQzMjcsMjMuNjQzMjcsMCwwLDEsMC0zMy40MDE0NUw1NC42ODcyMSwxMS45MTY4NEEyMy42MjAzLDIzLjYyMDMsMCwwLDEsODguMDkzMDgsNDUuMzE5MjdMODAuOTIzOCw1Mi40ODcxMWE0LjgwMTE0LDQuODAxMTQsMCwwLDEtNi43ODk4LTYuNzg5ODdaTTExLjkwNzQxLDg4LjA5MzlhMjMuNjUwNTMsMjMuNjUwNTMsMCwwLDAsMzMuNDA1ODYtLjAwMUw1OS43ODY2NCw3My42MjE0N2EyMy42MTU4MywyMy42MTU4MywwLDAsMCwwLTMzLjQwMTQ1LDQuODAxMTQsNC44MDExNCwwLDAsMC02Ljc4OTc5LDYuNzg5ODgsMTQuMDE1MzEsMTQuMDE1MzEsMCwwLDEsMCwxOS44MjI2OEwzOC41MjM0OCw4MS4zMDRBMTQuMDE4LDE0LjAxOCwwLDEsMSwxOC42OTcyLDYxLjQ4MTM1TDI1Ljg2Niw1NC4zMTM1YTQuODAxMTQsNC44MDExNCwwLDAsMC02Ljc4OTgtNi43ODk4N2wtNy4xNjg3OSw3LjE2Nzg1QTIzLjY0NDg5LDIzLjY0NDg5LDAsMCwwLDExLjkwNzQxLDg4LjA5MzlaIj48L3BhdGg+PC9zdmc+");
}
.c-services__item p {
  margin-top: var(--s-1);
  font-weight: 400;
  color: #706d7e;
}
.c-services__item:hover {
  background-color: var(--color-brand-accent);
}
/* @media (min-width: 40.625em) {
  .c-services__item:hover {
    transform: translateY(-93px);
  }
} */

.c-services__item:hover h3 {
  color: #fff;
}
.c-services__item:hover p {
  color: rgba(255, 255, 255, 0.8);
}
.c-services__item:hover:after {
  background-color: #fff;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmI2ZjNjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHg9IjBweCIgeT0iMHB4Ij48dGl0bGU+NTI8L3RpdGxlPjxwYXRoIGQ9Ik04MS4zMDMyOSwzOC41MjkzOUExNC4wMTgsMTQuMDE4LDAsMSwwLDYxLjQ3NywxOC43MDY3MUw0Ny4wMDMxNSwzMy4xNzkxNGExNC4wMzAzNywxNC4wMzAzNywwLDAsMCwwLDE5LjgyMTcxLDQuODAxMTMsNC44MDExMywwLDAsMS02Ljc4OTc5LDYuNzg5ODcsMjMuNjQzMjcsMjMuNjQzMjcsMCwwLDEsMC0zMy40MDE0NUw1NC42ODcyMSwxMS45MTY4NEEyMy42MjAzLDIzLjYyMDMsMCwwLDEsODguMDkzMDgsNDUuMzE5MjdMODAuOTIzOCw1Mi40ODcxMWE0LjgwMTE0LDQuODAxMTQsMCwwLDEtNi43ODk4LTYuNzg5ODdaTTExLjkwNzQxLDg4LjA5MzlhMjMuNjUwNTMsMjMuNjUwNTMsMCwwLDAsMzMuNDA1ODYtLjAwMUw1OS43ODY2NCw3My42MjE0N2EyMy42MTU4MywyMy42MTU4MywwLDAsMCwwLTMzLjQwMTQ1LDQuODAxMTQsNC44MDExNCwwLDAsMC02Ljc4OTc5LDYuNzg5ODgsMTQuMDE1MzEsMTQuMDE1MzEsMCwwLDEsMCwxOS44MjI2OEwzOC41MjM0OCw4MS4zMDRBMTQuMDE4LDE0LjAxOCwwLDEsMSwxOC42OTcyLDYxLjQ4MTM1TDI1Ljg2Niw1NC4zMTM1YTQuODAxMTQsNC44MDExNCwwLDAsMC02Ljc4OTgtNi43ODk4N2wtNy4xNjg3OSw3LjE2Nzg1QTIzLjY0NDg5LDIzLjY0NDg5LDAsMCwwLDExLjkwNzQxLDg4LjA5MzlaIj48L3BhdGg+PC9zdmc+");
}


@media (min-width: 1024px) {
  .c-services__item:hover {
    /* transform: translateY(-138px); */
  }
}