@font-face {
    font-family: "Soberana Sans";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("SoberanaSans/SoberanaSans-Regular.otf");
}
@font-face {
    font-family: "SoberanaSans-Bold";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("SoberanaSans/SoberanaSans-Bold.otf") format("otf"), url("/SoberanaSans/SoberanaSans-Bold") format("otf");
}
a img {
  border:none
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
  display:block
}

.module {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  float:left;
  min-height:1px;
  width:24.5vw
}
.variant-x2.module {
  width:49vw
}

@media screen and (max-width:1080px) and (min-width:761px) {
.module{
    width:32vw
  }
.variant-x2.module {
    width:64vw
  }
}
@media screen and (max-width:760px) and (min-width:421px) {
  .module {
    width:48vw
  }
  .variant-x2.module {
    width:96vw
  }
}
@media screen and (max-width:420px) {
  .module {
    width:100vw
  }
  .variant-x2.module {
    width:100vw
  }
}

body {
  overflow-x:hidden
}
body.disable-scroll {
  overflow-y:hidden
}
body .global-container {
  width:100vw
}

body {
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-family:"Soberana Sans";
  font-weight:400;
  font-style:normal;
  text-rendering:optimizeLegibility;
  background-color:#fff;
  color:#201f20
}
a {
  text-decoration:inherit
}
.module.state-hide,.state-hide.listing-layout {
  display:none
}
.module.state-hover {
  cursor:pointer
}
.module .module-head {
  -moz-background-size:cover;
  -o-background-size:cover;
  -webkit-background-size:cover;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:50% 50%;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  position:relative;
  height:30vw;
  background-color:#000;
  color:#fff;
  padding:30px 30px 30px
}
.variant-x2.module .module-head {
  height:50vw;
  background-color:#333033
}

@media screen and (max-width:1080px) and (min-width:761px) {
  .variant-x2.module .module-head {
    height:70vw
  }
  .module .module-head {
    height:35vw
  }
}
@media screen and (max-width:760px) and (min-width:421px) {
  .variant-x2.module .module-head {
    height:100vw
  }
  .module .module-head {
    height:50vw
  }
}
@media screen and (max-width:420px) {
  .listing-layout .module-head,.variant-x2.module .module-head {
    height:100vw
  }
}
.variant-person.module .module-head {
  background-color:#fff;
  color:#201f20;
  padding-top:calc(55% + 30px)
}
.variant-person.module .module-head:after {
  bottom:50%;
  left:50%;
  width:50%
}
.variant-group.module .module-head {
  background-color:#fff;
  color:#a0a0a0
}
.module .module-body {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  position:relative;
  height:25vw;
  padding:30px 40px 40px;
  background-color:#fff;
  z-index:10
}
.module .module-body:before {
  content:'';
  width:0;
  height:0;
  border-style:solid;
  border-width:0 20px 20px 20px;
  border-color:transparent transparent #fff transparent;
  position:absolute;
  top:-15px;
  left:35px;
  z-index:99
}
@media screen and (max-width:1080px) and (min-width:761px) {
  .module .module-body {
    height:30vw;
  }
}
@media screen and (max-width:760px) and (min-width:421px) {
  .module .module-body {
    height:50vw
  }
}
@media screen and (max-width:420px) {
  .module .module-body {
    height:auto
  }
}
.module.variant-person .module-head {
  border:solid #f0f0f0;
  border-width:0 1px 1px
}
.module .module-avatar {
  -moz-background-size:cover;
  -o-background-size:cover;
  -webkit-background-size:cover;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:50% 50%;
  position:absolute;
  top:0;
  right:0;
  width:50%;
  height:50%
}
.variant-person.module .module-avatar {
  -webkit-filter:grayscale(100%);
  filter:grayscale(100%)
}

.module .module-state-marker {
  display:inline-block;
  float:none;
  margin:0 0 10px -10px
}
.state-hover.module .module-eyebrow {
  color:#00aeef
}
.module .module-title {
  font-family:inherit;
  font-weight:700;
  font-style:inherit;
  font-size:1.5vw;
  line-height:1.14;
  -moz-transition-property:color;
  -o-transition-property:color;
  -webkit-transition-property:color;
  transition-property:color;
  -moz-transition-duration:.3s;
  -o-transition-duration:.3s;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.state-hover.module .module-title {
  color:#00aeef
}
.variant-x2.module .module-title {
  font-family:inherit;
  font-weight:700;
  font-style:inherit;
  font-size:2.0vw; /*titulo de jefes*/
  line-height:1
}

.module .module-subtitle {
  font-family:inherit;
  font-weight:400;
  font-style:inherit;
  font-size:1.3vw; /*tamaño de titulo de correos*/
  line-height:1.25; 
  word-wrap:break-word;
  -moz-transition-property:color;
  -o-transition-property:color;
  -webkit-transition-property:color;
  transition-property:color;
  -moz-transition-duration:.3s;
  -o-transition-duration:.3s;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  color:#a0a0a0
}
.state-hover.module .module-subtitle {
  color:#00aeef
}