/*----------Elementos Generales del sitio web---------- */
* {
  margin: 0;
  padding: 0; }

body {
  font-family: Raleway;
  font-size: 16px;
  transition: 0.3s ease all;
  background: #333333; }

#contenedor_principal {
  width: 100%;
  height: auto;
  margin: auto;
  max-width: 1440px; }

a:link, a:visited, a:hover, a:active {
  text-decoration: none; }

.seccion_interna_vertical, .seccion_interna_horizontal {
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  min-height: 60vh;
  height: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 5%;
  margin-top: 2%;
  max-width: 1920px;
  margin: auto; }

.seccion_interna_vertical {
  flex-direction: column; }

.seccion_interna_horizontal {
  flex-direction: row; }

.logo_top {
  position: relative;
  bottom: 30%; }

.btn_sencillo {
  min-width: 100px;
  display: inline-block;
  letter-spacing: 0.025em;
  border-radius: 3px;
  text-decoration: none;
  line-height: 1;
  font-size: 15px;
  padding: 15px 25px;
  border: 1px solid transparent;
  transition: all 150ms ease-in;
  background-color: #F50057;
  color: #FFF;
  margin: 2%;
  text-transform: uppercase; }
  .btn_sencillo:hover {
    background-color: #333333;
    color: #FFF;
    border: 1px solid #FFF; }

/*----------Cambiar el color de la seleccion---------- */
::selection {
  background: #F50057;
  color: #FFF;
  padding: 2px; }

::-moz-selection {
  background: #F50057;
  color: #FFF;
  padding: 2px; }

/*----------Go Top---------- */
.link_top {
  color: #FFF;
  font-size: 3em; }

/*----------Links Menu---------- */
.link_menu a {
  color: #ffcc33;
  text-transform: uppercase; }

.link_menu a:hover {
  color: #EEEEEE;
  font-weight: bold; }

/*----------titulos internos---------- */
.titulo_pagina {
  text-transform: uppercase;
  font-weight: 900;
  color: #FFF;
  font-size: 6rem; }

.titulo_seccion_perfil {
  color: #FFF;
  text-transform: uppercase;
  font-weight: 900;
  text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.23);
  font-size: 3em;
  text-align: center; }

.contenedor_logo, .contenedor_titulo {
  width: 100%;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center; }

.contenedor_titulo {
  margin-top: 10%;
  flex-direction: column; }

.contenedor_titulo > p {
  color: #FFF; }

.contenedor_logo {
  height: 30%; }

.descripcion_pagina {
  color: #FFF; }

.contenedor-titulos-pagina {
  background-color: #333333;
  display: flex; }

.titulos-pagina_item {
  flex: 1;
  min-height: 60vh;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-align: center;
  background-color: #333333;
  padding: 1%; }

.fondo-imagen-titulos {
  background-color: #ffffff; }

.titulos-pagina_item > img {
  width: 100%;
  height: auto; }

/*----------Links internos---------- */
.link_interno {
  color: #ffcc33;
  font-weight: bold; }

.link_interno-azul {
  color: #01579B;
  font-weight: bold; }

/*----------Elementos Generales del HOME PAGE---------- */
.contenedor-header {
  width: 100%;
  height: 70vh;
  background-color: #333333;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; }

header {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 1%; }

.logotipos, .fondo_header {
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  height: 100%; }

.logotipos {
  width: 60%; }

.logo {
  text-align: center; }

.fondo_header {
  background-color: #333333;
  width: 40%;
  background-image: url("../../images/fondo-amarillo2.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-y: center; }

.titulos-header, .redes-sociales-header {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  text-align: center; }

.titulos-header {
  width: 100%;
  margin: 10px 0px 10px 0px; }

h1, h2, h3, h4 {
  color: #FFF;
  text-transform: uppercase;
  font-weight: lighter;
  font-size: 1.2rem;
  flex: 1; }

.redes-sociales-header {
  width: 50%;
  margin: 10% auto; }

.icono_redes {
  flex: 1;
  font-size: 1rem; }

.icono_redes a {
  color: #FFF; }
  .icono_redes a:hover {
    color: #ffcc33; }

/*----------Elementos PERFIL del HOME PAGE---------- */
.contenedor_perfil-home {
  width: 100%; }

.imagen_perfil, .textos_perfil {
  height: 250px;
  flex: 1;
  height: auto;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center; }

.logo img {
  width: 90%; }

.imagen_perfil img {
  width: 90%; }

.textos_perfil {
  line-height: 2;
  text-align: justify;
  color: #FFF; }

/*----------Elementos EXPERIENCIA del HOME PAGE---------- */
.contenedor-experiencia_laboral {
  margin-top: 5%;
  height: auto;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  background-color: #333333;
  padding: 5%; }

.titulo_exp-laboral {
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  background-color: #333333;
  min-height: 240px;
  width: 40%;
  text-align: center; }

.empresas {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; }

.empresas_item {
  background-color: #F50057;
  color: #FFF;
  /*calcular el 32% del ancho menos 10px del margen */
  width: calc( 32% - 10px );
  text-align: center;
  height: 160px;
  margin: 10px;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center; }

.empresa_100 {
  background-color: #F50057;
  color: #FFF;
  width: 100%;
  text-align: center;
  height: 160px;
  margin: 10px;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center; }

h5 {
  font-size: 2.5rem;
  color: #FFF;
  text-transform: uppercase; }

/*----------Elementos HABILIDADES del HOME PAGE---------- */
.habilidades_titulo, .ultimosTrabajosTitulo {
  font-size: 2.5rem;
  color: #FFF;
  text-transform: uppercase;
  margin: 2%;
  text-align: center; }

.habilidades_home, .titulo_habilidades {
  min-height: 370px; }

.habilidades_home {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; }

.habilidades_item {
  width: calc( 50% - 40px );
  margin: 10px;
  padding: 5%;
  border: 1px solid #CCC;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.titulo_habilidades {
  width: 30%;
  background-color: #333333;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center; }

.icono_habilidades {
  width: 30%;
  justify-content: center;
  align-items: center;
  display: flex; }

.icono_habilidades img {
  width: 100%;
  height: auto; }

.texto_habilidades {
  width: 70%;
  font-size: 0.9rem;
  padding-left: 10px; }

.titulo_habilidad {
  text-transform: uppercase;
  color: #333333;
  font-weight: 900;
  margin-bottom: 3%;
  margin-top: 3%;
  color: #FFF; }

.texto_habilidades p {
  line-height: 20px;
  color: #FFF; }

/*----------Elementos ULTIMOS TRABAJOS del HOME PAGE---------- */
.container_trabajos {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; }

.container_trabajos .box {
  position: relative;
  height: 300px;
  overflow: hidden;
  transition: 0.5s;
  flex: 1; }

.container_trabajos .box:hover {
  z-index: 1;
  transform: scale(1.25);
  box-shadow: 0 25px 40px rgba(0, 0, 0, 0.5); }

.container_trabajos .box .imgBx {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.container_trabajos .box .imgBx:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(180deg, #F50057, #333333);
  mix-blend-mode: multiply;
  opacity: 0; }

.container_trabajos .box:hover .imgBx:before {
  opacity: 1; }

.container_trabajos .box .imgBx img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid #CCC; }

.container_trabajos .box .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  padding: 20px;
  align-items: flex-end; }

.container_trabajos .box .content h2 {
  color: aliceblue;
  transition: 0.5s;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 20px;
  transform: translateY(200px); }

.container_trabajos .box:hover .content h2 {
  transform: translateY(0);
  transition-delay: 0.4s; }

.container_trabajos .box .content p {
  color: aliceblue;
  transform: translateY(200px);
  transition: 0.5s;
  font-size: 14px; }

.container_trabajos .box:hover .content p {
  transform: translateY(0);
  transition: 0.6s; }

/*----------Elementos FOOTER del HOME PAGE---------- */
footer {
  background-color: #333333;
  width: 100%;
  height: 50vh;
  color: #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 50%; }

.footer_columnas {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin: auto;
  width: 100%;
  min-height: 150px; }

.item_footer_linea {
  border-right: 1px solid #FFF; }

.item_footer {
  flex: 1;
  text-align: justify; }

.item_footer p {
  margin: 20px;
  line-height: 1.5; }

.titulo_footer {
  font-size: 1em;
  color: #FFF;
  font-weight: bolder;
  text-transform: uppercase;
  text-align: center; }

.contenedor_social {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; }

.icono_social, .link_social {
  height: auto;
  padding: 2%; }

.icono_social {
  width: 20%;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center; }

.link_social {
  width: 80%; }
  .link_social a {
    color: #FFF; }

/*----------Estilos para pagina del perfil---------- */
.perfil_info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr 1fr;
  grid-gap: 0px;
  grid-template-areas: "perfi_titulo info_perfil" "info_premios info_premios"; }

.perfi_titulo {
  grid-area: perfi_titulo;
  background-color: #333333;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 20px;
  flex-direction: column; }

.info_perfil {
  grid-area: info_perfil;
  background-color: #F50057;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 3%;
  color: #FFF;
  line-height: 2;
  text-align: justify;
  flex: 1; }

.perfi_titulo, .info_perfil {
  display: flex;
  justify-content: center;
  align-items: center; }

.premios {
  grid-area: info_premios;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 5%;
  text-align: center;
  margin-bottom: 5%;
  line-height: 2; }

.contenedor_premios p {
  color: #FFF; }

.premios_ADWC {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin: 5% auto 5% auto;
  width: 70%;
  text-align: center;
  justify-content: center; }

.hashtag {
  font-weight: lighter;
  color: #F50057;
  font-size: 2rem; }

.contenedor_habilidades-perfil {
  width: 100%;
  min-height: 600px;
  margin: auto;
  background: #333333;
  text-align: center;
  padding-top: 2%;
  padding-bottom: 2%;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.ultimos-trabajos_movile {
  width: 80%;
  height: auto;
  margin: auto; }

/*contenido estudios */
.contenedor-estudios {
  width: 80%;
  height: auto;
  margin: auto;
  margin-top: 5%; }

#contenedor_estuidos {
  margin: auto;
  width: 90%;
  min-height: 150px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px; }

.contenedor_estuidos_item {
  flex: 1;
  height: auto;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center; }

.contenedor_estuidos_item > p {
  width: 100%;
  line-height: 2;
  color: #FFF; }

.contenedor_estuidos_item:nth-child(2) {
  flex-basis: 1px;
  flex-grow: 0;
  border-left: 1px solid #FFF; }

.titulo_negrilla {
  color: #FFF; }

.titulo_negrilla, .fecha_estudio {
  font-weight: bold; }

.fecha_estudio {
  font-size: 2em; }

.institucion {
  text-align: center; }

.slick-prev:before, .slick-next:before {
  color: #FFF !important; }

/*contenido habilidades */
.tabla-habilidades {
  width: 90%;
  min-height: 390px;
  margin: auto;
  display: flex; }

.tabla-habilidades > div {
  width: 33.33%; }

.icono {
  height: 40%;
  border-bottom: 1px solid #FFF;
  text-align: center;
  padding-top: 5%;
  margin-bottom: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.icono img {
  height: 50%; }

.lista-habilidad {
  height: 60%;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-transform: uppercase; }

.titulo-skill {
  text-transform: uppercase;
  font-weight: bold;
  color: #F50057; }

.lista-item {
  margin: 5% auto;
  color: #FFF; }

/*contenido estudios */
.titulo-estudios {
  font-weight: bold;
  font-size: 2.1em;
  color: #FFF;
  text-transform: uppercase;
  text-align: center; }

/*----------ESTILOS EXPERIENCIA LABORAL---------- */
.titulo_experiencia {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 2%;
  text-align: center;
  background-color: #333333; }

.titulo_experiencia > div > p {
  text-align: center;
  color: #FFF;
  margin-top: 1%; }

.titulo-experiencia {
  font-size: 5em; }

.imagen_experiencia {
  background-color: #FFF; }

.imagen_experiencia img {
  width: 100%; }

.tabla-experiencias {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; }

.experiencia_item {
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 50%;
  min-height: 250px;
  text-align: center; }

.fondo_claro {
  background-color: #ffcc33;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center; }

.titulo_empresa {
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  text-align: center; }

.titulos-empresas {
  font-size: 2.5em;
  font-weight: 900;
  margin-bottom: 10%;
  text-transform: uppercase; }

.thin {
  font-weight: 400 !important; }

.descripcion_empresa {
  line-height: 1.5;
  text-align: justify;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 3%;
  line-height: 1.8; }

.blanco {
  color: #FFF; }

.fondo-linkedin {
  background-image: url("../../images/banner-linkedin.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: #f5f5f5; }

/*Casos de exito */
.titulo-trabajos {
  color: #FFF;
  width: 100%;
  text-align: center;
  font-family: Raleway;
  font-size: 2.5em;
  font-weight: lighter;
  text-transform: uppercase;
  padding: 2%; }

.fondo-casos-exito {
  background-image: url("../../images/casos-de-exito.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  background-color: #333333; }

#gallery {
  margin: 0 auto;
  flex-direction: row;
  width: 100%;
  max-width: 1920px;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; }

.thumbnail-wrapper {
  min-width: 12rem;
  min-height: 15rem;
  position: relative;
  flex: 1;
  flex-basis: 8rem; }

.thumbnail {
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: visible; }

.thumbnail:hover {
  opacity: 0.5;
  transition: 0.2s ease-in; }

/*----------control de fontos----------- */
.pana_job_1, .pana_job_2, .pana_job_3, .pana_job_4, .pana_job_5, .pana_job_6, .pana_job_7, .pana_job_8, .pana_job_9, .pana_job_10, .ath_job_01, .ath_job_02, .ath_job_03, .ath_job_04, .ath_job_05, .ath_job_06, .ath_job_07, .ath_job_08, .ath_job_09, .ath_job_10, .makro_job_01, .makro_job_02, .makro_job_02a, .makro_job_04, .makro_job_05, .makro_job_09, .makro_job_12, .makro_job_13, .makro_job_14, .makro_job_15, .freelance_job_01, .freelance_job_02, .freelance_job_03, .freelance_job_04, .freelance_job_05, .freelance_job_06, .freelance_job_07, .freelance_job_08, .rpg_job_01, .rpg_job_02, .rpg_job_03, .rpg_job_04, .freelance_job_09, .freelance_job_10, .freelance_job_11 {
  background-position: center;
  background-size: cover; }

/*----------galeria panamericana---------- */
.pana_job_1 {
  background-image: url(../../images/portafolio-trabajos/trabajos-panamericana_01.jpg); }

.pana_job_2 {
  background-image: url(../../images/portafolio-trabajos/trabajos-panamericana_02.jpg); }

.pana_job_3 {
  background-image: url(../../images/portafolio-trabajos/trabajos-panamericana_03.jpg); }

.pana_job_4 {
  background-image: url(../../images/portafolio-trabajos/trabajos-panamericana_04.jpg); }

.pana_job_5 {
  background-image: url(../../images/portafolio-trabajos/trabajos-panamericana_05.jpg); }

.pana_job_6 {
  background-image: url(../../images/portafolio-trabajos/trabajos-panamericana_06.jpg); }

.pana_job_7 {
  background-image: url(../../images/portafolio-trabajos/trabajos-panamericana_07.jpg); }

.pana_job_8 {
  background-image: url(../../images/portafolio-trabajos/trabajos-panamericana_08.jpg); }

.pana_job_9 {
  background-image: url(../../images/portafolio-trabajos/trabajos-panamericana_09.jpg); }

.pana_job_10 {
  background-image: url(../../images/portafolio-trabajos/trabajos-panamericana_10.jpg); }

/*----------galeria ath--------------- */
.ath_job_01 {
  background-image: url(../../images/portafolio-trabajos/trabajos-ath_01.jpg); }

.ath_job_02 {
  background-image: url(../../images/portafolio-trabajos/trabajos-ath_02.jpg); }

.ath_job_03 {
  background-image: url(../../images/portafolio-trabajos/trabajos-ath_03.jpg); }

.ath_job_04 {
  background-image: url(../../images/portafolio-trabajos/trabajos-ath_04.jpg); }

.ath_job_05 {
  background-image: url(../../images/portafolio-trabajos/trabajos-ath_05.jpg); }

.ath_job_06 {
  background-image: url(../../images/portafolio-trabajos/trabajos-ath_06.jpg); }

.ath_job_07 {
  background-image: url(../../images/portafolio-trabajos/trabajos-ath_07.jpg); }

.ath_job_08 {
  background-image: url(../../images/portafolio-trabajos/trabajos-ath_08.jpg); }

.ath_job_09 {
  background-image: url(../../images/portafolio-trabajos/trabajos-ath_09.jpg); }

.ath_job_10 {
  background-image: url(../../images/portafolio-trabajos/trabajos-ath_10.jpg); }

/*----------galeria makro--------------- */
.makro_job_01 {
  background-image: url(../../images/portafolio-trabajos/trabajos-makro-01.jpg); }

.makro_job_02 {
  background-image: url(../../images/portafolio-trabajos/trabajos-makro-02.jpg); }

.makro_job_02a {
  background-image: url(../../images/portafolio-trabajos/trabajos-makro-02a.jpg); }

.makro_job_04 {
  background-image: url(../../images/portafolio-trabajos/trabajos-makro-04.jpg); }

.makro_job_05 {
  background-image: url(../../images/portafolio-trabajos/trabajos-makro-05.jpg); }

.makro_job_09 {
  background-image: url(../../images/portafolio-trabajos/trabajos-makro-09.jpg); }

.makro_job_12 {
  background-image: url(../../images/portafolio-trabajos/trabajos-makro-12.jpg); }

.makro_job_13 {
  background-image: url(../../images/portafolio-trabajos/trabajos-makro-13.jpg); }

.makro_job_14 {
  background-image: url(../../images/portafolio-trabajos/trabajos-makro-14.jpg); }

.makro_job_15 {
  background-image: url(../../images/portafolio-trabajos/trabajos-makro-15.jpg); }

/*----------galeria esoterika --------------- */
.freelance_job_01 {
  background-image: url(../../images/portafolio-trabajos/trabajos-esoterica-01.jpg); }

.freelance_job_02 {
  background-image: url(../../images/portafolio-trabajos/trabajos-esoterica-02.jpg); }

.freelance_job_03 {
  background-image: url(../../images/portafolio-trabajos/trabajos-esoterica-03.jpg); }

.freelance_job_04 {
  background-image: url(../../images/portafolio-trabajos/trabajos-esoterica-04.jpg); }

.freelance_job_05 {
  background-image: url(../../images/portafolio-trabajos/trabajos-esoterica-05.jpg); }

/*----------galeria becassino --------------- */
.freelance_job_06 {
  background-image: url(../../images/portafolio-trabajos/trabajos-becassino-01.jpg); }

.freelance_job_07 {
  background-image: url(../../images/portafolio-trabajos/trabajos-becassino-02.jpg); }

.freelance_job_08 {
  background-image: url(../../images/portafolio-trabajos/trabajos-becassino-03.jpg); }

/*----------galeria rpg  --------------- */
.rpg_job_01 {
  background-image: url(../../images/portafolio-trabajos/trabajos-rpg-01.jpg); }

.rpg_job_02 {
  background-image: url(../../images/portafolio-trabajos/trabajos-rpg-02.jpg); }

.rpg_job_03 {
  background-image: url(../../images/portafolio-trabajos/trabajos-rpg-03.jpg); }

.rpg_job_04 {
  background-image: url(../../images/portafolio-trabajos/trabajos-rpg-04.jpg); }

/*----------galeria freelance  --------------- */
.freelance_job_09 {
  background-image: url(../../images/portafolio-trabajos/trabajos-freelance-01.jpg); }

.freelance_job_10 {
  background-image: url(../../images/portafolio-trabajos/trabajos-freelance-02.jpg); }

.freelance_job_11 {
  background-image: url(../../images/portafolio-trabajos/trabajos-freelance-03.jpg); }

/*----------galeria acrip  --------------- */
.acrip_job_01 {
  background-image: url(../../images/portafolio-trabajos/trabajos-acrip_01.jpg); }

.acrip_job_02 {
  background-image: url(../../images/portafolio-trabajos/trabajos-acrip_02.jpg); }

.acrip_job_03 {
  background-image: url(../../images/portafolio-trabajos/trabajos-acrip_03.jpg); }

.acrip_job_04 {
  background-image: url(../../images/portafolio-trabajos/trabajos-acrip_04.jpg); }

.acrip_job_05 {
  background-image: url(../../images/portafolio-trabajos/trabajos-acrip_05.jpg); }

.acrip_job_06 {
  background-image: url(../../images/portafolio-trabajos/trabajos-acrip_06.jpg); }

.acrip_job_07 {
  background-image: url(../../images/portafolio-trabajos/trabajos-acrip_07.jpg); }

/*----------estilos PORTAFOLIOS---------- */
.fondo-portafolios {
  background-image: url("../../images/portafolio-de-trabajos.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 80%;
  background-color: #FFF; }

.contenedor-grid {
  width: 90%;
  max-width: 800px;
  margin: auto; }

/* estilos links */
.header .categorias {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: center;
  margin: 5%; }

.header .categorias a {
  color: #FFF;
  margin: 10px 8px;
  font-size: 1.5em;
  text-transform: uppercase; }

.header .categorias a:hover {
  font-weight: bold; }

.header .categorias a.activo {
  color: #ffcc33; }

/* estilos para galeria de imagenes usando muuri */
.grid {
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: auto;
  /* agrega opacidad de 0 que se ejecutan con javascirpt */
  opacity: 0;
  transition: opacity 0.5s linear 1s; }

.grid.imagenes-cargadas {
  opacity: 1; }

.grid .item {
  position: absolute;
  display: block;
  padding: 0;
  margin: 10px;
  width: calc(33.33333% - 20px); }

.grid .item img {
  width: 100%; }

.grid .item-contenido {
  position: relative;
  cursor: pointer;
  vertical-align: top; }

.grid .item-contenido a:hover {
  opacity: 0.8; }

/*----------Elementos pagina descargas---------- */
.fondo-descargas {
  background-image: url("../../images/imagen-descargas.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  background-color: #FFF; }

.contenedor_descargas {
  color: #FFF;
  width: 100%;
  margin: auto;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: center; }

.descargas_item {
  margin: 10px;
  width: calc( 50% - 40px );
  height: 600px;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  border: 1px solid #FFF;
  padding: 10%; }

/*----------estilos evolucion---------- */
.contenedor-header-evolucion {
  width: 100%;
  background: #333333;
  margin-bottom: 20px; }

.item_logo, .logo-evolucion {
  width: 100%; }

.item_logo {
  height: auto;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  padding-left: 1%; }

.logo-evolucion {
  height: 100%;
  background: #333333;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  padding-bottom: 5%;
  padding-top: 5%; }

.contenidos-evolucion {
  margin-top: 10px;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  line-height: 2;
  padding: 2%;
  color: #FFF; }

.logos-evolucion {
  width: 90%;
  height: auto; }

/*----------Estilos para modo oscuro---------- */
.contenedor-modo-oscuro {
  width: 100%;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center; }

.contenedor-modo-oscuro article {
  display: flex;
  color: #FFF;
  align-items: center;
  width: 20%;
  margin: 1%; }

.contenedor-modo-oscuro article p {
  margin: 1%;
  flex: 1;
  color: #FFF; }

.switch {
  background: #F50057;
  border-radius: 100px;
  border: none;
  position: relative;
  cursor: pointer;
  display: flex;
  outline: none; }
  .switch::after {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    background: #F1F1F1;
    top: 0;
    left: 0;
    right: unset;
    border-radius: 100px;
    transition: 0.3s ease all;
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2); }
  .switch.active {
    background: orange;
    color: #333333; }
    .switch.active::after {
      right: 0;
      left: unset; }
  .switch span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: none;
    color: #FFF; }

/*----------tema oscuro para elementos HOME PAGE---------- */
body.dark {
  background: #FFF; }

body.dark .contenedor-modo-oscuro article p {
  color: red; }

body.dark .textos_perfil {
  color: #333333; }

body.dark .habilidades_titulo {
  color: #333333; }

body.dark .titulo_habilidad {
  color: #333333; }

body.dark .texto_habilidades p {
  color: #333333; }

body.dark .ultimosTrabajosTitulo {
  color: #333333; }

/*----------tema oscuro para elementos PERFIL---------- */
body.dark .contenedor-titulos-pagina {
  background-color: #FFF; }

body.dark .titulo_seccion_perfil {
  color: #333333; }

body.dark .contenedor_premios p {
  color: #333333; }

body.dark .lista-item {
  color: #333333; }

body.dark .icono {
  border-bottom: 1px solid purple; }

body.dark .titulo-estudios {
  color: #333333; }

body.dark .titulo_negrilla {
  color: #333333; }

body.dark .contenedor_estuidos_item > p {
  color: #333333; }

body.dark .contenedor_estuidos_item:nth-child(2) {
  border-left: 1px solid #333333; }

body.dark .slick-prev:before, body.dark .slick-next:before {
  color: #333333 !important; }

/*----------tema oscuro para elementos EXPERIENCIA LABORAL---------- */
body.dark .blanco {
  color: #333333; }

/*----------tema oscuro para elementos CASOS DE EXIO---------- */
body.dark .titulo-trabajos {
  color: #333333; }

/*----------tema oscuro para elementos PORTAFOLIO DE TRABAJOS---------- */
body.dark .header .categorias a {
  color: #333333; }

/*----------tema oscuro para elementos EVOLUCION---------- */
body.dark .contenidos-evolucion {
  color: #333333; }

body.dark .timeline::after {
  background-color: #333333; }

/*----------tema oscuro para LINKS INTERNOS---------- */
body.dark .link_interno {
  color: #F50057;
  font-weight: bold; }

/*----------Media Querys del sitio----------- */
@media only screen and (max-width: 740px) {
  header {
    padding: 0; }

  .contenedor-header, .seccion_interna_vertical {
    height: 100%; }

  .contenedor-experiencia_laboral {
    height: 100vh; }

  .fondo_header, .empresas, .fondo-descargas {
    display: none; }

  .logotipos {
    width: 100%;
    height: 100vh; }

  .logo img {
    width: 70%; }

  .habilidades_item {
    width: 100%; }

  .icono_habilidades img {
    width: 70%; }

  .container_trabajos, .footer_columnas {
    display: block; }

  .item_footer_linea {
    border-bottom: 1px solid #FFF;
    border-right: none; }

  .perfil_info {
    grid-template-columns: 1fr;
    grid-template-rows: 550px 1fr 1fr;
    grid-template-areas: "perfi_titulo" "info_perfil" "info_premios"; }

  .info_perfil {
    line-height: 1.2;
    font-size: 1rem; }

  .titulo_pagina {
    font-size: 2.5rem; }

  .perfi_titulo {
    padding: 0px; }

  .premios_ADWC, .experiencia_item {
    width: 100%;
    height: auto; }

  .hashtag {
    font-size: 1.2rem; }

  #contenedor_estuidos, #titulo_seccion_pagina {
    display: block; }

  .contenedor_estuidos_item {
    text-align: center; }

  .contenedor_estuidos_item:nth-child(2) {
    flex-basis: 1px;
    flex-grow: 0;
    margin: 2%; }

  .contenedor_estuidos_item:nth-child(3) {
    border-bottom: 1px solid #333333; }

  .tabla-habilidades > div {
    width: 50%; }

  .tabla-habilidades {
    flex-wrap: wrap; }

  .lista-habilidad {
    display: none; }

  .icono {
    height: calc(100% - 1px);
    border-bottom: none;
    margin: 10%; }

  .link_social {
    font-size: 0.8em; }

  .contenedor_social {
    text-align: center; }

  .contenedor-titulos-pagina {
    display: block; }

  .titulos-pagina_item {
    height: 50vh; }

  .tabla-experiencias {
    display: block; }

  .fondo-portafolios {
    background-position: 65%; }

  .seccion_interna_horizontal, .titulos-header {
    flex-direction: column; }

  .card {
    width: 100%; } }
@media (min-width: 760px) and (max-width: 1024px) {
  header {
    padding: 0; }

  .contenedor-header {
    height: 80%; }

  .seccion_interna_vertical {
    height: 100%; }

  .contenedor-experiencia_laboral {
    height: 100vh; }

  .fondo_header, .empresas {
    display: none; }

  .logotipos {
    width: 100%;
    height: 100%; }

  .logo img {
    width: 70%; }

  .titulo_pagina {
    font-size: 2.5rem;
    margin-top: 10%; }

  .titulo-experiencia {
    font-size: 2em; } }
@media (min-width: 768px) and (max-width: 1280px) {
  .card {
    wwidth: calc( 25% - 40px ); } }

/*# sourceMappingURL=estilos_version3.css.map */