:root {
  --offwite-new: #f0eae6;
  --black: black;
  --white: white;
  --offwhite: #f6f2ef;
  --cafesin: #a09994;
  --transparent: #0000;
}

body {
  background-color: var(--offwite-new);
  color: #333;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.wrapper-general {
  z-index: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 20px;
  transition: all .8s cubic-bezier(.23, 1, .32, 1);
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0;
  overflow: hidden;
}

.wrapper-general.detalle-on {
  left: -100svw;
}

.grafico-parche {
  z-index: 5;
  background-color: var(--offwite-new);
  height: 20px;
  position: fixed;
  inset: auto 0% 0%;
}

.logo-loom {
  float: left;
  width: 100%;
}

.link-big-logo {
  z-index: 7;
  width: 90px;
  position: fixed;
  top: 20px;
  left: 20px;
}

.header-menu {
  z-index: 3;
  background-color: var(--offwite-new);
  justify-content: flex-end;
  align-items: center;
  height: 60px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.menu-links {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.link-menu {
  color: var(--black);
  letter-spacing: .05em;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3em;
  text-decoration: none;
  position: relative;
}

.link-menu.regresar {
  display: none;
}

.header-intro {
  z-index: 0;
  color: var(--black);
  letter-spacing: -.01em;
  max-width: 785px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2px;
  font-size: 40px;
  font-weight: 200;
  line-height: 1.05em;
  position: absolute;
  bottom: 80px;
  left: 20px;
  right: auto;
}

.mascara-video-thumb {
  aspect-ratio: 128 / 72;
  width: 100%;
  max-width: 60%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.proyecto-link {
  float: left;
  width: 100%;
  margin-bottom: 10vw;
  text-decoration: none;
}

.proyecto-link.inverso {
  flex-flow: row-reverse;
}

.proyecto-link.inverso.ultimo, .proyecto-link.ultimo {
  margin-bottom: 0;
}

.col-datos-fila-thumb {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  padding-left: 20px;
  display: flex;
}

.fila-dato {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.col-dato {
  color: var(--black);
  letter-spacing: .05em;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5em;
}

.top-datos {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.enviar-newsletter {
  color: var(--black);
  letter-spacing: .05em;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3em;
  text-decoration: none;
  position: relative;
}

.enviar-newsletter.enviar {
  color: #3d3d3d;
  position: absolute;
  top: 12px;
  right: 0;
}

.interno-video {
  z-index: 1;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.hero {
  z-index: 1;
  justify-content: flex-start;
  align-items: flex-end;
  height: 100svh;
  margin-bottom: 10vw;
  position: relative;
  overflow: hidden;
}

.wrapper-menu {
  z-index: 6;
  background-color: var(--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 400px;
  padding: 20px;
  transition: all .8s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: -400px;
}

.wrapper-menu.on {
  background-color: var(--offwhite);
  left: 0;
}

.fila-footer {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.fila-menu-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 30px;
  display: flex;
}

.legal-footer {
  color: var(--cafesin);
  letter-spacing: .05em;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  font-size: 9px;
  line-height: 2em;
  text-decoration: none;
  display: flex;
}

.fila-menu-c {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.link-footer {
  color: #3d3d3d;
  text-decoration: none;
}

.registro-newsletter {
  width: 100%;
  margin-bottom: 0;
  position: relative;
}

.input {
  background-color: var(--offwhite);
  letter-spacing: .05em;
  border: 1px #000;
  border-bottom: 1px solid #cfcac4;
  border-radius: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  line-height: 1em;
}

.input:focus {
  border-bottom-color: #cfcac4;
}

.fila-general-footer {
  background-color: #c96767;
  overflow: hidden;
}

.video-background {
  z-index: 0;
  background-color: var(--transparent);
  width: auto;
  height: auto;
  position: absolute;
  inset: 60px 20px 20px;
}

.video-background.animate {
  transition: all .2s;
}

.hero-wrapper {
  background-color: #d1b3b3;
  height: 100svh;
  overflow: hidden;
}

.grupo-hero {
  background-color: #ceadad;
  height: 200svh;
  margin-bottom: 20vw;
  overflow: hidden;
}

.video-hero-mask {
  height: 100svh;
  position: relative;
}

.debug-footer {
  background-color: #dbbaba;
}

.contenido-sin-footer {
  z-index: 0;
  padding-bottom: 200px;
  position: relative;
}

.interaccion-footer {
  position: relative;
}

.wrapper-proyectos {
  z-index: 5;
  border-left: 1px solid var(--offwite-new);
  background-color: var(--offwhite);
  width: 50svw;
  height: 100%;
  padding: 20px;
  transition: all .8s cubic-bezier(.23, 1, .32, 1);
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: -50svw;
  overflow: scroll;
}

.wrapper-proyectos.on {
  left: 400px;
}

.wrapper-blog {
  z-index: 5;
  background-color: var(--offwhite);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50svw;
  height: 100%;
  padding: 20px;
  transition: all .8s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: -50svw;
  overflow: scroll;
}

.wrapper-blog.on {
  border-left: 1px solid var(--offwite-new);
  background-color: var(--offwhite);
  left: 400px;
}

.fila-filtros {
  background-color: var(--offwhite);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.thumb-blog-post {
  width: 100%;
  margin-bottom: 10vw;
  text-decoration: none;
}

.thumb-blog-post.ultimo {
  margin-bottom: 0;
}

.imagen-thumb {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  margin-bottom: 20px;
}

.btn-close-pop {
  z-index: 4;
  -webkit-backdrop-filter: grayscale();
  backdrop-filter: grayscale();
  display: none;
  position: fixed;
  inset: 0%;
}

.btn-close-pop.debug {
  background-color: #c28d8d;
  display: block;
}

.scroll-blog {
  background-color: var(--offwhite);
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  inset: 56px 0% 0%;
  overflow: scroll;
}

.titulo-post {
  color: var(--cafesin);
  letter-spacing: .05em;
  max-width: 300px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5em;
}

.titulo-post.full {
  max-width: none;
}

.wrapper-perfil {
  z-index: 5;
  border-left: 1px solid var(--offwite-new);
  background-color: var(--offwhite);
  width: 50svw;
  height: 100%;
  padding: 20px;
  transition: all .8s cubic-bezier(.23, 1, .32, 1);
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: -50svw;
  overflow: scroll;
}

.wrapper-perfil.on {
  border-left: 1px solid var(--offwite-new);
  left: 400px;
}

.perfil-close {
  z-index: 5;
  display: none;
  position: fixed;
  inset: 0%;
}

.titulo-nosotros {
  z-index: 0;
  color: var(--cafesin);
  letter-spacing: -.01em;
  max-width: 480px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 200;
  line-height: 1.05em;
}

.fila-dato-nosotros {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 10vw;
  display: flex;
}

.imagen-perfil {
  width: 100%;
}

.fila-imagen {
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 1vw;
  display: flex;
}

.lista-de-logos {
  flex-flow: wrap;
  margin-top: 5vw;
  display: flex;
}

.fila-imagen-nosotros {
  margin-top: 10vw;
}

.logo-informacion {
  object-fit: contain;
  object-position: 0% 50%;
  width: 25%;
  max-height: 90px;
  margin-top: 1vw;
}

.col-dato-perfil {
  color: var(--cafesin);
  letter-spacing: .05em;
  width: 50%;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5em;
}

.col-titulo-post {
  width: 50%;
}

.linea {
  background-color: var(--transparent);
  color: var(--transparent);
  width: 0%;
  height: 1px;
  transition: all .4s;
  position: absolute;
  bottom: 0;
  left: 0;
}

.linea.hover {
  background-color: var(--cafesin);
  text-transform: lowercase;
  width: 100%;
}

.linea.activated {
  background-color: var(--cafesin);
  text-transform: capitalize;
  width: 100%;
}

.col-links-footer {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.col-links-footer.ultimo {
  padding-right: 20px;
}

.link-footer-ind {
  color: var(--cafesin);
  letter-spacing: .05em;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3em;
  text-decoration: none;
  position: relative;
}

.link-footer-ind.enviar {
  color: #3d3d3d;
  position: absolute;
  bottom: 12px;
  right: 0;
}

.link-footer-ind.on {
  color: var(--black);
}

.h-elementos-footer {
  color: #3d3d3d;
  letter-spacing: .05em;
  margin-bottom: 10px;
  padding-right: 40px;
  font-size: 12px;
  line-height: 2em;
}

.loader {
  z-index: 7;
  background-color: var(--offwhite);
  display: none;
  position: fixed;
  inset: 0%;
}

.rotating {
  border-style: solid none none solid;
  border-width: 1px;
  border-color: var(--black);
  border-radius: 100%;
  width: 40px;
  height: 40px;
}

.flex-loader {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.wrapper-detalle {
  z-index: 0;
  background-color: var(--offwite-new);
  width: 100svw;
  padding: 20px;
  transition: all .8s cubic-bezier(.23, 1, .32, 1);
  position: fixed;
  inset: 60px 0% 0% 100svw;
  overflow: scroll;
}

.wrapper-detalle.detalle-on {
  left: 0;
}

.titulo-proyecto {
  z-index: 0;
  color: var(--black);
  letter-spacing: -.01em;
  max-width: 480px;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 40px;
  font-weight: 200;
  line-height: 1.05em;
  position: relative;
  left: -5px;
}

.fila-main-proyecto {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 2vw;
  margin-bottom: 15vw;
  display: flex;
}

.imagen-detalle {
  width: 100%;
  margin-bottom: 20px;
}

.imagen-detalle.ultimo {
  margin-bottom: 0;
}

.fila-dato-detalle {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.fila-doble-imagen {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
  overflow: hidden;
}

.fila-doble-imagen.ulitmo {
  margin-bottom: 0;
}

.col-imagen {
  z-index: 0;
  width: 100%;
  max-width: none;
  display: block;
  position: relative;
}

.contenido-proyecto {
  float: right;
  width: 66.66%;
  padding-top: 50px;
  padding-right: 20px;
}

.video-detalle {
  aspect-ratio: 1920 / 1080;
  width: 100%;
  max-width: none;
  height: auto;
  margin-bottom: 20px;
}

.fila-next-project {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 15vw;
  display: flex;
}

.next-project {
  flex-flow: column;
  width: 50%;
  padding-left: 10px;
  text-decoration: none;
  display: flex;
}

.imagen-proyecto-detalle {
  width: 100%;
  margin-top: 20px;
}

.col-datos-fila-next {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.menu-btn {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 40px;
  height: 15px;
  display: flex;
  position: relative;
}

.linea-media-menu {
  border-bottom: 1px solid #000;
  width: 100%;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  transition: all .2s;
  position: relative;
}

.linea-media-menu.close {
  width: 0%;
}

.linea-top-menu {
  border-bottom: 1px solid #000;
  width: 100%;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  transition: all .2s;
  position: relative;
  top: 0%;
}

.linea-top-menu.close {
  width: 70%;
  top: 50%;
  transform: rotate(45deg);
}

.linea-bottom-menu {
  border-bottom: 1px solid #000;
  width: 100%;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  transition: all .2s;
  position: relative;
  bottom: 0%;
}

.linea-bottom-menu.close {
  width: 70%;
  bottom: 50%;
  transform: rotate(-45deg);
}

.lista-de-main-links-menu {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 50px;
  display: flex;
}

.link-main-menu {
  color: var(--cafesin);
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: 7px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3em;
  text-decoration: none;
  display: block;
  position: relative;
}

.link-main-menu.enviar {
  color: #3d3d3d;
  position: absolute;
  bottom: 12px;
  right: 0;
}

.linea-datos-proyectos {
  border-bottom: 1px solid #0000004f;
  width: 20px;
  height: 0;
  position: relative;
  top: 8px;
  transform: rotate(0);
}

.wrapper-talento {
  z-index: 5;
  border-left: 1px solid var(--offwite-new);
  background-color: var(--offwhite);
  width: 50svw;
  height: 100%;
  padding: 20px;
  transition: all .8s cubic-bezier(.23, 1, .32, 1);
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: -50svw;
  overflow: scroll;
}

.wrapper-talento.on {
  border-left: 1px solid var(--offwite-new);
  left: 400px;
}

.elemento-equipo {
  z-index: 1;
  aspect-ratio: 750 / 486;
  object-fit: cover;
  width: 100%;
  margin-bottom: 20px;
}

.fila-team-element {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: flex-start;
  width: 87%;
  display: flex;
}

.team-menber {
  width: 32%;
  margin-top: 5vw;
  text-decoration: none;
  transition: all .2s;
}

.team-menber.inverso {
  flex-flow: row-reverse;
}

.team-menber.inverso.ultimo, .team-menber.ultimo {
  margin-bottom: 0;
}

.team-menber.founder {
  width: 50%;
}

.team-menber.off {
  opacity: .14;
}

.fila-nosotros {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.titulo-team {
  z-index: 0;
  float: left;
  clear: both;
  color: var(--cafesin);
  letter-spacing: -.01em;
  width: auto;
  max-width: 340px;
  margin-top: 0;
  margin-bottom: 5vw;
  font-size: 40px;
  font-weight: 200;
  line-height: 1.05em;
}

.fila-founders {
  float: left;
  width: 100%;
}

.fila-info-founder {
  float: left;
  clear: both;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: none;
}

.bio-founder {
  color: var(--cafesin);
  letter-spacing: .05em;
  column-count: 2;
  margin-bottom: 0;
  padding-bottom: 60px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5em;
  display: none;
}

.bio-founder.blanco {
  color: var(--offwhite);
  max-width: none;
}

.info-founder {
  color: var(--black);
  letter-spacing: .05em;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5em;
}

.wrapper-servicios {
  z-index: 5;
  border-left: 1px solid var(--offwite-new);
  background-color: var(--offwhite);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 50svw;
  height: 100%;
  padding: 20px;
  transition: all .8s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: -50svw;
  overflow: scroll;
}

.wrapper-servicios.on {
  left: 400px;
}

.fila-servicios {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 5vw;
  display: flex;
}

.col-dato-servicios {
  color: var(--black);
  letter-spacing: .05em;
  width: 50%;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5em;
}

.col-contenido-servicios {
  width: 50%;
}

.dato-servicios {
  color: var(--cafesin);
  letter-spacing: .05em;
  column-count: 2;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5em;
}

.dato-servicios.blanco {
  color: var(--offwhite);
  max-width: none;
}

.lita-servicios {
  z-index: 0;
  color: var(--cafesin);
  letter-spacing: -.01em;
  margin-top: 5vw;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 200;
  line-height: 1.3em;
}

.wrapper-detalle-talento {
  z-index: 0;
  background-color: var(--offwite-new);
  width: 100svw;
  transition: all .8s cubic-bezier(.23, 1, .32, 1);
  position: fixed;
  inset: 60px 0% 0% 100svw;
  overflow: scroll;
}

.wrapper-detalle-talento.detalle-on {
  top: 60px;
  left: 0;
}

.col-video {
  aspect-ratio: 900 / 1200;
  width: 50%;
  max-width: none;
  height: auto;
}

.bio-talento {
  color: var(--cafesin);
  letter-spacing: .05em;
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5em;
}

.bio-talento.blanco {
  color: var(--offwhite);
  max-width: none;
}

.apendice-detalle-talento {
  z-index: 1;
  background-color: var(--offwite-new);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 33.33%;
  padding: 50px 20px 20px;
  transition: all .8s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: fixed;
  top: 60px;
  bottom: 0%;
  left: -33.33%;
  overflow: scroll;
}

.apendice-detalle-talento.detalle-on {
  left: 0%;
}

.link-celebrities {
  border-bottom: 1px solid var(--cafesin);
  color: var(--cafesin);
  text-decoration: none;
}

.form-newsletter {
  position: relative;
}

.filtros-proyectos {
  z-index: 2;
  float: left;
  position: absolute;
  top: 20px;
  right: 20px;
}

.filtros-proyectos.talento {
  right: 0;
}

.flecha-filtro {
  border-bottom: 1px solid #0000004f;
  border-right: 1px solid #0000004f;
  width: 10px;
  height: 10px;
  margin-right: 15px;
  transition: all .2s;
  position: relative;
  top: -4px;
  left: 2px;
  transform: rotate(45deg);
}

.flecha-filtro.on {
  top: 1px;
  transform: rotate(-135deg);
}

.top-filtro {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.lista-filtros {
  background-color: var(--offwhite);
  text-align: right;
  width: 9vw;
  padding-top: 12px;
  padding-bottom: 15px;
  display: none;
  position: absolute;
  top: 18px;
  right: 0;
}

.link-filtro-option {
  float: left;
  color: var(--cafesin);
  letter-spacing: .05em;
  width: 100%;
  margin-top: 6px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3em;
  text-decoration: none;
  transition: all .2s;
  display: block;
  position: relative;
}

.link-filtro-option:hover {
  color: var(--black);
}

.link-filtro-option.enviar {
  color: #3d3d3d;
  position: absolute;
  bottom: 12px;
  right: 0;
}

.link-filtro-option.on {
  color: var(--black);
}

.filtrar-label {
  letter-spacing: .05em;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5em;
  text-decoration: none;
  transition: all .2s;
  display: block;
  position: relative;
}

.filtrar-label.on {
  color: var(--black);
  width: 15px;
  top: 0;
}

.filtrar-label.hover {
  color: var(--cafesin);
  top: 0;
}

.filtrar-label.hover:hover {
  color: var(--black);
}

.filtrar-label.delay {
  transition-duration: .3s;
}

.link-servicios {
  color: var(--cafesin);
  text-decoration: none;
}

.link-servicio {
  color: var(--cafesin);
  letter-spacing: .05em;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3em;
  text-decoration: none;
  position: relative;
}

.link-servicio.enviar {
  color: #3d3d3d;
  position: absolute;
  bottom: 12px;
  right: 0;
}

.link-servicio.on {
  color: var(--black);
}

.col-link-servicio {
  float: left;
  width: 50%;
  display: block;
}

.filta-de-bloques {
  grid-column-gap: 2%;
  flex-flow: wrap;
  margin-top: 10vw;
  display: flex;
  overflow: hidden;
}

.menber {
  width: 32%;
  margin-bottom: 5vw;
  text-decoration: none;
  transition: all .2s;
}

.menber.inverso {
  flex-flow: row-reverse;
}

.menber.inverso.ultimo, .menber.ultimo {
  margin-bottom: 0;
}

.menber.founder {
  width: 50%;
}

.menber.off {
  opacity: .14;
}

.menber.ana {
  width: 64%;
}

.titulo-equipo {
  z-index: 0;
  color: var(--cafesin);
  letter-spacing: -.01em;
  width: 31.83%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 200;
  line-height: 1.05em;
}

.nombre-equipo {
  color: var(--cafesin);
  letter-spacing: .05em;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5em;
}

.icono-red, .icono-red.count {
  width: 15px;
}

.redes-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.col-info-talento {
  width: 90%;
}

.lista-de-datos {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.fila-datos-talento {
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 5px;
  display: flex;
}

.col-dato-talento {
  width: 50%;
}

.col-dato-talento.linea {
  justify-content: center;
  align-items: center;
  display: flex;
}

.col-dato-talento.de-linea {
  justify-content: center;
  align-items: center;
  width: 20%;
  display: flex;
}

.linea-media-talento {
  border-bottom: 1px solid var(--cafesin);
  opacity: .5;
  width: 50%;
  height: 0;
}

.info-talento {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 3vw;
  display: flex;
}

.dato-y-valor-talento {
  color: var(--cafesin);
  letter-spacing: .05em;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5em;
}

.fila-acciones-talento {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 3vw;
  display: flex;
}

.btn-talento {
  background-color: var(--transparent);
  color: var(--black);
  margin-bottom: 10px;
  padding: 0 0 0 25px;
  font-size: 12px;
  line-height: 1em;
  transition: all .2s;
  position: relative;
  top: 0;
}

.btn-talento:hover {
  padding-left: 40px;
  position: relative;
}

.btn-talento.cart {
  color: var(--cafesin);
  margin-bottom: 0;
}

.btn-talento.cart:hover {
  padding-top: 5px;
  padding-bottom: 5px;
}

.icono-boton {
  color: var(--transparent);
  background-image: url('../images/icono_talent_1_black.svg');
  background-position: 50%;
  background-size: auto;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  display: inline-block;
  position: absolute;
  top: -1px;
  left: 0;
}

.icono-boton.book {
  background-image: url('../images/icono_talent_2_black.svg');
}

.icono-boton.favs {
  background-image: url('../images/icono_talent_3_black.svg');
}

.icono-boton.renta {
  transform: rotate(-90deg);
}

.col-acciones-talent {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.col-redes-talento {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  display: flex;
}

.col-red-popular {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.flecha-lang {
  border-bottom: 1px solid #0000004f;
  border-right: 1px solid #0000004f;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  transition: all .2s;
  position: relative;
  top: -2px;
  transform: rotate(45deg);
}

.flecha-lang.on {
  top: 1px;
  transform: rotate(-135deg);
}

.langs-header {
  z-index: 2;
  float: left;
  justify-content: space-between;
  align-items: center;
  width: 90px;
  margin-right: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.top-lang {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.lista-langs {
  background-color: var(--offwhite);
  width: 50px;
  padding-bottom: 10px;
  padding-left: 18px;
  padding-right: 8px;
  display: none;
  position: absolute;
  inset: 18px 0% auto 0;
}

.link-lang {
  float: left;
  color: var(--cafesin);
  letter-spacing: .05em;
  width: 100%;
  margin-top: 6px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3em;
  text-decoration: none;
  transition: all .2s;
  display: block;
  position: relative;
}

.link-lang:hover {
  color: var(--black);
}

.link-lang.enviar {
  color: #3d3d3d;
  position: absolute;
  bottom: 12px;
  right: 0;
}

.link-lang.on {
  color: var(--black);
}

.lang-label {
  letter-spacing: .05em;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5em;
  text-decoration: none;
  transition: all .2s;
  display: block;
  position: relative;
  top: 18px;
}

.lang-label.on {
  color: var(--black);
  width: 15px;
  top: 0;
}

.lang-label.hover {
  color: var(--cafesin);
  top: 0;
}

.lang-label.hover:hover {
  color: var(--black);
}

.lang-label.delay {
  transition-duration: .3s;
}

.lang-label.first {
  order: 1;
}

.cart-favorito {
  z-index: 6;
  background-color: var(--white);
  width: 480px;
  padding: 20px;
  transition: all .8s cubic-bezier(.23, 1, .32, 1);
  position: fixed;
  inset: 0% -480px 0% auto;
  overflow: scroll;
}

.cart-favorito.on {
  right: 0;
}

.lista-favoritos {
  margin-top: 2.5vw;
}

.fila-favoritos {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 3vw;
  text-decoration: none;
  display: flex;
}

.foro-team-fav {
  z-index: 1;
  aspect-ratio: 1;
  object-fit: cover;
  flex: none;
  width: 140px;
  margin-bottom: 0;
}

.col-info-fav {
  width: 100%;
  margin-left: 20px;
}

.fila-datos-talento-cart {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 5px;
  display: flex;
}

.titulo-nombre-cart {
  color: #3d3d3d;
  letter-spacing: .05em;
  width: 100%;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 2em;
}

.lista-datos-cart {
  margin-bottom: 20px;
}

.top-favoritos {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.h-favoritos {
  color: #3d3d3d;
  letter-spacing: .05em;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 2em;
}

.h-favoritos.cerrar-cart {
  cursor: pointer;
  font-size: 28px;
  font-weight: 200;
  line-height: 0;
  transform: rotate(45deg);
}

.btn-close-cart {
  z-index: 4;
  display: none;
  position: fixed;
  inset: 0%;
}

.btn-close-cart.debug {
  background-color: #c28d8d;
  display: block;
}

.top-talento {
  grid-row-gap: 30px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.contenido-proyect {
  width: 100%;
}

.legales-footer {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.btn-regresar {
  background-color: var(--transparent);
  color: var(--black);
  padding: 0 0 0 27px;
  font-size: 12px;
  line-height: 1em;
  transition: all .2s;
  position: relative;
}

.btn-regresar:hover {
  padding-left: 40px;
  position: relative;
}

.btn-regresar.cart {
  color: var(--cafesin);
  margin-bottom: 0;
}

.btn-regresar.cart:hover {
  padding-top: 5px;
  padding-bottom: 5px;
}

.btn-regresar.detalle {
  z-index: 2;
  background-color: var(--offwite-new);
  width: 100%;
  padding-top: 80px;
  padding-bottom: 10px;
  padding-left: 47px;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.btn-regresar.detalle:hover {
  padding-left: 60px;
}

.icono-boton-regresar {
  color: var(--transparent);
  background-image: url('../images/icono_talent_1_black.svg');
  background-position: 50%;
  background-size: auto;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  display: inline-block;
  position: absolute;
  top: -1px;
  left: 0;
  transform: rotate(90deg);
}

.icono-boton-regresar.book {
  background-image: url('../images/icono_talent_2_black.svg');
}

.icono-boton-regresar.favs {
  background-image: url('../images/icono_talent_3_black.svg');
}

.icono-boton-regresar.detalle {
  top: 79px;
  left: 20px;
}

.lista-de-talentos {
  grid-column-gap: 2%;
  grid-row-gap: 2%;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.apendice-detalle-talento-responsive {
  z-index: 1;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 33.33%;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  transition: all .8s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: fixed;
  top: 60px;
  bottom: 0%;
  left: -33.33%;
}

.apendice-detalle-talento-responsive.detalle-on {
  left: 0%;
}

.col-dato-proyecto {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.datos-proyecto {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.dato-proyecto {
  color: var(--black);
  letter-spacing: .05em;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5em;
}

.regresar-resp {
  display: none;
}

.col-detalle-proyecto {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.top-datos-relacionado {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.salto-proyectos {
  height: 10vw;
}

.ultimo-lista-talento {
  width: 100%;
  margin-top: -10vw;
}

.section-aviso-de-privacidad {
  padding: 80px 20px 20px;
}

.salto-aviso-de-privacidad {
  height: 30px;
}

.titulo-privacidad {
  z-index: 0;
  color: var(--cafesin);
  letter-spacing: -.01em;
  max-width: 480px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 200;
  line-height: 1.05em;
}

.p-privacidad {
  color: var(--cafesin);
  letter-spacing: .05em;
  max-width: 800px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5em;
}

.titulo-thumb-proyecto {
  z-index: 0;
  color: var(--cafesin);
  letter-spacing: -.01em;
  width: 50%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 200;
  line-height: 1.05em;
}

.desc-proyecto {
  color: var(--cafesin);
  max-width: 530px;
  margin-bottom: 0;
  padding-top: 6px;
  font-size: 12px;
  line-height: 1.5em;
}

.col-titulo-y-cliente-detalle {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.fila-lo-que-hicimos {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
  padding-top: 80px;
  padding-bottom: 30px;
  display: flex;
}

.col-a-lo-que-hicimos, .col-b-lo-que-hicimos {
  width: 100%;
}

.titulo-lo-que-hicimos {
  z-index: 0;
  color: var(--black);
  letter-spacing: -.01em;
  max-width: 490px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 200;
  line-height: 1.05em;
}

.desc-lo-que-hicimos {
  color: var(--cafesin);
  max-width: 530px;
  margin-bottom: 50px;
  font-size: 12px;
  line-height: 1.5em;
}

.sub-titulo-lo-que-hicimos {
  color: var(--black);
  letter-spacing: -.01em;
  max-width: 360px;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 200;
  line-height: 1.05em;
}

.separacion {
  flex: none;
  width: 20px;
  height: 20px;
}

.wrapper-col-imagen-doble {
  width: 100%;
  position: relative;
}

.video-wrapper {
  margin-bottom: 20px;
  position: relative;
}

.video {
  z-index: 0;
  aspect-ratio: 1200 / 674;
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.video-poster {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.video-play {
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.play-btn {
  width: 60px;
}

.link-filtrar-en-servicios, .link-detalle-equipo {
  border-bottom: 1px solid var(--cafesin);
  color: var(--cafesin);
  text-decoration: none;
}

.opciones {
  flex-flow: column;
  width: 100%;
  margin-top: -9px;
  padding-left: 36px;
  display: none;
  position: relative;
}

.opciones.wa {
  padding-left: 0;
}

.link-menor-footer {
  float: left;
  clear: both;
  color: var(--cafesin);
  letter-spacing: .05em;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3em;
  text-decoration: none;
  display: block;
  position: relative;
}

.link-menor-footer.enviar {
  color: #3d3d3d;
  position: absolute;
  bottom: 12px;
  right: 0;
}

.link-menor-footer.on {
  color: var(--black);
}

.flecha-red {
  border-top: 1px solid var(--cafesin);
  border-left: 1px solid var(--cafesin);
  width: 10px;
  height: 10px;
  position: relative;
  bottom: 9px;
  left: 1px;
  transform: rotate(225deg);
}

.wrapper-herramientas {
  z-index: 5;
  border-left: 1px solid var(--offwite-new);
  background-color: var(--offwhite);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 50svw;
  height: 100%;
  padding: 20px;
  transition: all .8s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: -50svw;
  overflow: scroll;
}

.wrapper-herramientas.on {
  left: 400px;
}

.herramienta-element {
  width: 49%;
  margin-top: 5vw;
  text-decoration: none;
  transition: all .2s;
}

.herramienta-element.inverso {
  flex-flow: row-reverse;
}

.herramienta-element.inverso.ultimo, .herramienta-element.ultimo {
  margin-bottom: 0;
}

.herramienta-element.founder {
  width: 50%;
}

.herramienta-element.off {
  opacity: .14;
}

.titulo-herramientas {
  z-index: 0;
  float: left;
  clear: both;
  color: var(--cafesin);
  letter-spacing: -.01em;
  width: auto;
  max-width: 340px;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 40px;
  font-weight: 200;
  line-height: 1.05em;
}

.wrapper-contacto {
  z-index: 5;
  border-left: 1px solid var(--offwite-new);
  background-color: var(--offwhite);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 30svw;
  height: 100%;
  padding: 20px;
  transition: all .8s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: -30svw;
  overflow: scroll;
}

.wrapper-contacto.on {
  left: 400px;
}

.forma-contacto {
  margin-top: 10px;
  margin-bottom: 0;
}

.label-contact {
  color: var(--black);
  letter-spacing: .05em;
  margin-bottom: -11px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1em;
}

.input-contact {
  background-color: var(--transparent);
  color: var(--cafesin);
  letter-spacing: .05em;
  border: 1px #000;
  border-bottom: 1px solid #a099945e;
  border-radius: 0;
  margin-bottom: 30px;
  padding: 16px 0 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1em;
}

.input-contact:focus, .input-contact:focus-visible, .input-contact[data-wf-focus-visible] {
  border-bottom-color: #a099945e;
}

.mensaje {
  background-color: var(--transparent);
  color: var(--cafesin);
  border: 1px #a099945e;
  border-bottom-style: solid;
  min-height: 150px;
  margin-top: 25px;
  margin-bottom: 40px;
  padding: 14px 0;
  font-size: 12px;
  line-height: 1em;
}

.mensaje:focus, .mensaje:focus-visible, .mensaje[data-wf-focus-visible] {
  border-bottom-color: #a099945e;
}

.aviso {
  background-color: var(--transparent);
  color: #c45757;
  text-align: left;
  letter-spacing: .05em;
  margin-top: 15px;
  padding: 0;
  font-size: 12px;
  line-height: 1.3em;
}

.aviso.sent {
  color: #57c47b;
}

.elemento-headshot {
  z-index: 1;
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  margin-bottom: 20px;
}

.elemento-headshot.ana {
  margin-bottom: 0;
}

.notificaci-n-bottom {
  aspect-ratio: 16 / 9;
  background-color: var(--offwite-new);
  width: 190px;
  transition: all .8s cubic-bezier(.075, .82, .165, 1);
  position: absolute;
  bottom: -130px;
  right: 40px;
}

.notificaci-n-bottom.on {
  bottom: 20px;
}

.slide-home {
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  position: absolute;
  inset: 0%;
}

.puntos-slide-home {
  z-index: 0;
  text-align: left;
  height: auto;
  padding-top: 0;
  font-size: 6px;
  line-height: 1em;
  bottom: 115px;
  left: -7px;
}

.nav-home-flechas {
  display: none;
}

.slide-proyecto {
  padding-bottom: 0;
  padding-right: 0;
}

.imagen-destacado {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.new-title {
  z-index: 1;
  color: var(--cafesin);
  letter-spacing: .05em;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3em;
  text-decoration: none;
  position: absolute;
  top: -23px;
  right: 0;
}

.new-title.enviar {
  color: #3d3d3d;
  position: absolute;
  bottom: 12px;
  right: 0;
}

.new-title.on {
  color: var(--black);
}

.link-destacado {
  position: absolute;
  inset: 0%;
}

.titulo-servicios {
  z-index: 0;
  color: var(--black);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 200;
  line-height: 1.3em;
}

.desc-servicio {
  color: var(--cafesin);
  letter-spacing: .05em;
  width: 50%;
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5em;
}

.desc-servicio.full {
  max-width: none;
}

.fila-servicios-new {
  cursor: pointer;
  margin-bottom: 60px;
}

.puntos-servicios {
  float: left;
  clear: both;
  display: none;
}

.p-punto-servicio {
  float: left;
  color: var(--cafesin);
  letter-spacing: .05em;
  width: 50%;
  margin-bottom: 0;
  padding-left: 13px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5em;
  display: block;
  position: relative;
}

.p-punto-servicio.full {
  max-width: none;
}

.punto-servicio {
  background-color: var(--cafesin);
  color: var(--transparent);
  width: 3px;
  height: 3px;
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 0;
}

.mono-grama {
  width: 50px;
}

.marca-de-agua {
  z-index: 1;
  justify-content: flex-start;
  align-items: flex-end;
  padding-bottom: 5%;
  padding-left: 5%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.icono-marca {
  opacity: .4;
  pointer-events: none;
  width: 10%;
}

.icono-marca.grande {
  width: 5%;
  margin-bottom: 20px;
}

.relative {
  position: relative;
}

.group-ana {
  margin-bottom: 20px;
  position: relative;
}

.hover-ana {
  z-index: 2;
  aspect-ratio: 1;
  opacity: 0;
  object-fit: cover;
  width: 100%;
  margin-bottom: 20px;
  transition: all .2s;
  position: absolute;
  inset: 0%;
}

.hover-ana:hover {
  opacity: 1;
}

.hover-ana.ana {
  margin-bottom: 0;
}

.base-headshot {
  z-index: 1;
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
}

.base-headshot.ana {
  margin-bottom: 0;
}

.grupo-headshot {
  margin-bottom: 20px;
  position: relative;
}

.hover-headshot {
  z-index: 2;
  aspect-ratio: 1;
  opacity: 0;
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  transition: all .2s;
  position: absolute;
  inset: 0%;
}

.hover-headshot:hover {
  opacity: 1;
}

.hover-headshot.ana {
  margin-bottom: 0;
}

.nav-slider {
  display: none;
}

.img-slide {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.video-background-resp {
  z-index: 0;
  background-color: var(--transparent);
  width: auto;
  height: auto;
  display: none;
  position: absolute;
  inset: 60px 20px 20px;
}

.video-background-resp.animate {
  transition: all .2s;
}

.top-talento-link {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-decoration: none;
}

.top-talento-link.inverso {
  flex-flow: row-reverse;
}

.top-talento-link.inverso.ultimo, .top-talento-link.ultimo {
  margin-bottom: 0;
}

.lista-filtro-talento {
  clear: both;
  width: 100%;
  position: relative;
}

@media screen and (max-width: 991px) {
  .proyecto-link {
    margin-bottom: 60px;
  }

  .col-datos-fila-thumb {
    width: 100%;
    padding-left: 0;
  }

  .fila-dato {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .wrapper-menu {
    width: 30vw;
    left: -30vw;
  }

  .legal-footer {
    line-height: 1.3em;
  }

  .wrapper-proyectos.on {
    left: 30vw;
  }

  .wrapper-blog.on {
    left: 29.5vw;
  }

  .thumb-blog-post {
    margin-bottom: 60px;
  }

  .imagen-thumb {
    margin-bottom: 10px;
  }

  .titulo-post {
    width: 100%;
  }

  .wrapper-perfil.on {
    left: 30vw;
  }

  .titulo-nosotros {
    font-size: 30px;
  }

  .fila-dato-nosotros, .lista-de-logos, .fila-imagen-nosotros {
    margin-top: 60px;
  }

  .logo-informacion {
    width: 50%;
  }

  .col-dato-perfil {
    width: 39%;
  }

  .col-titulo-post {
    width: 100%;
  }

  .wrapper-detalle {
    padding-top: 30px;
  }

  .titulo-proyecto {
    margin-bottom: 2vw;
    font-size: 30px;
    left: 0;
  }

  .fila-main-proyecto {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .contenido-proyecto {
    width: 100%;
    padding-top: 0;
    padding-left: 20px;
  }

  .wrapper-talento.on {
    left: 30vw;
  }

  .team-menber {
    width: 49%;
  }

  .titulo-team {
    margin-bottom: 60px;
    font-size: 30px;
  }

  .wrapper-servicios.on {
    justify-content: flex-start;
    left: 30vw;
  }

  .fila-servicios {
    flex-flow: column;
    margin-top: 0;
    margin-bottom: 40px;
  }

  .col-dato-servicios {
    width: 30%;
  }

  .col-contenido-servicios {
    width: 100%;
  }

  .lita-servicios {
    margin-top: 60px;
    margin-bottom: 60px;
    font-size: 30px;
  }

  .bio-talento {
    margin-top: 30px;
  }

  .apendice-detalle-talento {
    display: none;
  }

  .lista-filtros {
    width: 46vw;
    padding-bottom: 20px;
  }

  .filta-de-bloques {
    margin-top: 60px;
  }

  .menber {
    width: 49%;
    margin-top: 30px;
    margin-bottom: 0;
  }

  .menber.ana {
    width: 100%;
  }

  .titulo-equipo {
    width: 100%;
    margin-bottom: 30px;
    font-size: 30px;
  }

  .top-talento {
    margin-top: 30px;
  }

  .legales-footer {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .btn-regresar.detalle {
    width: 100%;
  }

  .apendice-detalle-talento-responsive {
    width: 100%;
    margin-bottom: 30px;
    padding-top: 20px;
    position: static;
  }

  .col-dato-proyecto {
    width: 50%;
  }

  .col-dato-proyecto.grande {
    width: 34%;
  }

  .datos-proyecto {
    flex-flow: column;
  }

  .col-detalle-proyecto {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .top-datos-relacionado {
    flex-flow: column;
  }

  .titulo-privacidad {
    font-size: 30px;
  }

  .titulo-thumb-proyecto {
    width: 100%;
    margin-bottom: 15px;
    font-size: 30px;
  }

  .titulo-lo-que-hicimos {
    font-size: 30px;
  }

  .link-menor-footer {
    line-height: 1.2em;
  }

  .wrapper-herramientas.on {
    justify-content: flex-start;
    left: 30vw;
  }

  .herramienta-element {
    width: 49%;
  }

  .titulo-herramientas {
    font-size: 30px;
  }

  .wrapper-contacto {
    width: 40svw;
    left: -40svw;
  }

  .wrapper-contacto.on {
    justify-content: flex-start;
    left: 30vw;
  }

  .titulo-servicios {
    margin-bottom: 10px;
    font-size: 30px;
  }

  .desc-servicio, .p-punto-servicio {
    width: 100%;
  }

  .mono-grama {
    margin-top: 30px;
  }

  .top-talento-link {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 767px) {
  .wrapper-menu {
    width: 40vw;
    left: -40vw;
  }

  .wrapper-menu.on {
    border-right: 1px solid var(--offwite-new);
  }

  .wrapper-proyectos {
    width: 60svw;
    padding-top: 68px;
    left: -60svw;
  }

  .wrapper-proyectos.on {
    left: 39.5vw;
  }

  .wrapper-blog {
    width: 60svw;
    padding-top: 68px;
    left: -60svw;
  }

  .wrapper-blog.on {
    left: 39.5vw;
  }

  .wrapper-perfil {
    width: 60vw;
    padding-top: 68px;
    left: -60svw;
  }

  .wrapper-perfil.on {
    left: 39.5vw;
  }

  .titulo-nosotros {
    font-size: 25px;
  }

  .fila-dato-nosotros {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .fila-imagen {
    margin-top: 10px;
  }

  .logo-informacion {
    width: 100%;
    margin-top: 0;
  }

  .col-dato-perfil {
    width: 100%;
  }

  .titulo-proyecto {
    font-size: 25px;
    left: 0;
  }

  .fila-doble-imagen {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .next-project {
    padding-left: 0;
  }

  .wrapper-talento {
    width: 60svw;
    padding-top: 68px;
    left: -60svw;
  }

  .wrapper-talento.on {
    left: 39.5vw;
  }

  .elemento-equipo {
    margin-bottom: 10px;
  }

  .team-menber {
    width: 100%;
  }

  .titulo-team {
    max-width: 270px;
    font-size: 25px;
  }

  .wrapper-servicios {
    width: 60svw;
    padding-top: 68px;
    left: -60svw;
  }

  .wrapper-servicios.on {
    left: 39.5vw;
  }

  .lita-servicios {
    font-size: 25px;
  }

  .filtros-proyectos {
    margin-bottom: 40px;
    position: relative;
    top: 0;
    right: 0;
  }

  .flecha-filtro {
    top: -3px;
    left: 3px;
  }

  .lista-filtros {
    text-align: left;
    width: 55vw;
    padding-top: 10px;
    display: none;
    left: -1px;
    right: auto;
  }

  .menber {
    width: 100%;
    margin-bottom: 30px;
  }

  .titulo-equipo {
    font-size: 25px;
  }

  .fila-acciones-talento {
    margin-top: 30px;
  }

  .col-dato-proyecto {
    width: 70%;
  }

  .col-dato-proyecto.grande {
    width: 100%;
  }

  .datos-proyecto {
    flex-flow: column;
  }

  .dato-proyecto {
    width: 40%;
  }

  .dato-proyecto.grande {
    width: 60%;
  }

  .regresar-resp {
    z-index: 6;
    background-color: var(--offwhite);
    margin-bottom: 60px;
    padding: 14px 20px 14px 16px;
    display: none;
    position: fixed;
    top: 0;
    left: 40.1vw;
    right: 0;
  }

  .top-datos-relacionado {
    flex-flow: column;
  }

  .salto-proyectos {
    display: none;
  }

  .titulo-privacidad {
    font-size: 25px;
  }

  .p-privacidad {
    width: 100%;
  }

  .titulo-thumb-proyecto {
    font-size: 25px;
  }

  .col-titulo-y-cliente-detalle {
    margin-bottom: 30px;
  }

  .fila-lo-que-hicimos {
    flex-flow: column;
    padding-top: 60px;
    padding-bottom: 10px;
  }

  .col-a-lo-que-hicimos {
    margin-bottom: 60px;
  }

  .col-b-lo-que-hicimos {
    max-width: 380px;
  }

  .titulo-lo-que-hicimos {
    color: var(--cafesin);
    max-width: 330px;
  }

  .sub-titulo-lo-que-hicimos {
    max-width: none;
    margin-bottom: 15px;
    font-size: 20px;
  }

  .separacion {
    display: none;
  }

  .wrapper-herramientas {
    width: 60svw;
    padding-top: 68px;
    left: -60svw;
  }

  .wrapper-herramientas.on {
    left: 39.5vw;
  }

  .herramienta-element {
    width: 100%;
  }

  .titulo-herramientas {
    max-width: 270px;
    margin-bottom: 10px;
    font-size: 25px;
  }

  .wrapper-contacto {
    width: 60svw;
    padding-top: 68px;
    left: -60svw;
  }

  .wrapper-contacto.on {
    left: 39.5vw;
  }

  .elemento-headshot {
    margin-bottom: 10px;
  }

  .titulo-servicios {
    font-size: 25px;
  }

  .group-ana, .hover-ana, .base-headshot, .hover-headshot {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 479px) {
  .proyecto-link {
    margin-top: 0;
    margin-bottom: 60px;
  }

  .wrapper-menu {
    width: 35vw;
    left: -35vw;
  }

  .video-background {
    display: none;
  }

  .wrapper-proyectos {
    width: 65svw;
    left: -65svw;
  }

  .wrapper-proyectos.on {
    left: 34.5vw;
  }

  .wrapper-blog {
    width: 65svw;
    left: -65svw;
  }

  .wrapper-blog.on {
    left: 34.5vw;
  }

  .wrapper-perfil {
    width: 65vw;
    left: -65svw;
  }

  .wrapper-perfil.on {
    left: 34.5vw;
  }

  .titulo-nosotros {
    font-size: 20px;
  }

  .fila-dato-nosotros, .fila-imagen-nosotros {
    margin-top: 30px;
  }

  .titulo-proyecto {
    margin-bottom: 30px;
  }

  .fila-main-proyecto {
    margin-top: 30px;
    margin-bottom: 60px;
  }

  .fila-doble-imagen, .fila-next-project {
    flex-flow: column;
  }

  .next-project {
    width: 100%;
  }

  .wrapper-talento {
    width: 65svw;
    left: -65svw;
  }

  .wrapper-talento.on {
    left: 34.5vw;
  }

  .team-menber {
    margin-bottom: 30px;
  }

  .titulo-team {
    margin-bottom: 30px;
    font-size: 20px;
  }

  .wrapper-servicios {
    width: 65svw;
    left: -65svw;
  }

  .wrapper-servicios.on {
    left: 34.5vw;
  }

  .lita-servicios {
    margin-top: 30px;
    margin-bottom: 40px;
    font-size: 20px;
  }

  .lista-filtros {
    width: 57vw;
  }

  .link-filtro-option {
    width: 100%;
  }

  .filtrar-label {
    color: var(--black);
    letter-spacing: 0;
    line-height: 1em;
  }

  .titulo-equipo {
    font-size: 20px;
  }

  .col-acciones-talent {
    margin-bottom: 30px;
  }

  .col-redes-talento {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .top-talento {
    grid-row-gap: 0px;
    margin-top: 30px;
  }

  .col-dato-proyecto {
    width: auto;
  }

  .regresar-resp {
    margin-bottom: 40px;
    padding-left: 18px;
    left: 35vw;
  }

  .top-datos-relacionado {
    align-items: flex-start;
  }

  .titulo-privacidad, .titulo-thumb-proyecto {
    font-size: 20px;
  }

  .fila-lo-que-hicimos {
    padding-bottom: 40px;
  }

  .col-a-lo-que-hicimos {
    margin-bottom: 30px;
  }

  .desc-lo-que-hicimos {
    margin-bottom: 40px;
  }

  .opciones {
    width: 130%;
  }

  .link-menor-footer {
    margin-bottom: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 9px;
    line-height: 1em;
  }

  .wrapper-herramientas {
    width: 65svw;
    left: -65svw;
  }

  .wrapper-herramientas.on {
    left: 34.5vw;
  }

  .herramienta-element {
    margin-bottom: 30px;
  }

  .titulo-herramientas {
    font-size: 25px;
  }

  .wrapper-contacto {
    width: 65svw;
    left: -65svw;
  }

  .wrapper-contacto.on {
    left: 34.5vw;
  }

  .notificaci-n-bottom {
    width: 130px;
  }

  .puntos-slide-home {
    bottom: 82px;
  }

  .titulo-servicios {
    font-size: 20px;
  }

  .icono-marca.grande {
    width: 10%;
  }

  .video-background-resp {
    display: block;
  }

  .top-talento-link {
    margin-top: 0;
    margin-bottom: 60px;
  }
}