@charset "UTF-8";
body {
  margin: 0 auto;
  padding: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #1a1a1a;
  scroll-behavior: smooth; }

h1, h2, h3, h4 {
  font-family: "Comfortaa", sans-serif; }

h1 {
  font-size: 31px; }
  @media screen and (max-width: 480px) {
    h1 {
      font-size: 24px; } }

ul {
  list-style: none;
  padding: 0; }

a {
  text-decoration: none;
  color: inherit; }
  a:hover {
    color: inherit;
    text-decoration: none; }

section {
  padding: 50px 0px; }
  @media screen and (max-width: 480px) {
    section {
      padding: 20px; } }

header {
  text-align: center;
  padding: 20px 0px; }
  @media screen and (max-width: 480px) {
    header nav {
      display: none; } }
  header nav ul {
    text-align: center;
    margin-bottom: 0px;
    margin-top: 20px; }
    header nav ul li {
      display: inline-block;
      margin: 0px 20px;
      font-weight: 500;
      position: relative; }
      @media screen and (max-width: 480px) {
        header nav ul li {
          display: block;
          margin: 20px;
          font-size: 18px; } }
      header nav ul li a:hover {
        color: #95cece;
        transition: 0.2s ease-in-out; }
    header nav ul .active {
      color: #95cece;
      font-weight: 700; }
  header nav .dropdown-menu {
    display: none;
    position: absolute;
    text-align: left;
    z-index: 999;
    background-color: white;
    padding: 20px;
    font-size: 14px; }
    header nav .dropdown-menu li {
      margin: 0;
      padding: 5px 0px; }
  header .hamburger {
    display: none; }
    @media screen and (max-width: 480px) {
      header .hamburger {
        display: block;
        background: none;
        position: absolute;
        top: 0;
        right: 0;
        line-height: 45px;
        padding: 10px 20px;
        color: #999;
        border: 0;
        font-size: 1.4em;
        font-weight: bold;
        cursor: pointer;
        outline: none;
        z-index: 10000000000000; } }
  header .cross {
    background: none;
    position: absolute;
    top: 0px;
    right: 0;
    padding: 10px 20px;
    color: #999;
    border: 0;
    font-size: 3em;
    line-height: 65px;
    font-weight: bold;
    cursor: pointer;
    outline: none;
    z-index: 10000000000000; }
    @media screen and (max-width: 480px) {
      header .cross {
        display: block; } }

img {
  max-width: 100%;
  margin: 0 auto; }

.text-center {
  text-align: center; }

.btn {
  text-transform: uppercase;
  padding: 10px 30px;
  border-radius: 50px;
  background-color: #95cece;
  color: white;
  font-weight: 700; }
  .btn:hover {
    opacity: 0.8;
    transition: 0.2s ease-in-out; }

#home #hero {
  background: url("../img/home/hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 600px;
  position: relative;
  padding: 0; }
  @media screen and (max-width: 480px) {
    #home #hero {
      min-height: 350px; } }
  #home #hero .caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    color: white;
    text-align: center;
    line-height: 1.4; }
#home #servicios {
  text-align: center;
  background-color: #eceef1; }
  #home #servicios p {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 50px; }
  #home #servicios .item h4 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px; }
  #home #servicios .item a {
    color: #1a1a1a; }
  #home #servicios .item .link {
    color: #95cece; }
    #home #servicios .item .link:hover {
      color: #1a1a1a;
      transition: 0.2s ease-in-out; }
#home #personal {
  display: flex;
  max-width: 80%;
  margin: 0 auto; }
  @media screen and (max-width: 480px) {
    #home #personal {
      display: block;
      max-width: 100%; } }
  #home #personal:first-child {
    flex: 70%; }
    @media screen and (max-width: 480px) {
      #home #personal:first-child {
        display: block; } }
  #home #personal .columna {
    flex: 50%; }
    @media screen and (max-width: 480px) {
      #home #personal .columna {
        margin: 20px; } }
  #home #personal .info p {
    font-size: 30px;
    font-weight: 200; }
    @media screen and (max-width: 480px) {
      #home #personal .info p {
        font-size: 24px; } }
  #home #personal .info .btn {
    margin-top: 50px; }
  #home #personal .imagen {
    flex: 30%;
    text-align: right; }
    @media screen and (max-width: 480px) {
      #home #personal .imagen {
        display: block; } }
#home #contacto {
  background-color: #eceef1; }
  #home #contacto form {
    margin: 0 auto; }
    @media screen and (max-width: 480px) {
      #home #contacto form {
        text-align: center; } }
    #home #contacto form input, #home #contacto form textarea {
      font-family: "Open Sans", sans-serif;
      padding: 15px 25px;
      border: none;
      border-radius: 7px;
      margin: 5px 3px; }
    #home #contacto form button {
      border: none;
      cursor: pointer;
      padding: 10px 30px;
      border-radius: 28px;
      display: block;
      margin-top: 20px; }
    #home #contacto form .fila {
      display: flex; }
      @media screen and (max-width: 768px) {
        #home #contacto form .fila {
          display: block; } }
      #home #contacto form .fila input {
        flex: 33.3%; }
        @media screen and (max-width: 480px) {
          #home #contacto form .fila input {
            width: 99%; } }
        @media screen and (max-width: 768px) {
          #home #contacto form .fila input {
            display: block;
            width: 99%; } }
    #home #contacto form textarea {
      display: block;
      width: 99%; }
      @media screen and (max-width: 480px) {
        #home #contacto form textarea {
          margin: 5px auto; } }

@media screen and (max-width: 480px) {
  form {
    text-align: center; } }
form input, form textarea {
  font-family: "Open Sans", sans-serif;
  padding: 15px 25px;
  border: none;
  border-radius: 7px;
  margin: 5px 3px; }
form button {
  border: none;
  cursor: pointer;
  padding: 20px 50px;
  border-radius: 28px;
  display: block; }

#acerca-de-mi #hero {
  background: url("../img/acerca-de-mi/hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 150px;
  position: relative;
  padding: 0; }
  @media screen and (max-width: 480px) {
    #acerca-de-mi #hero {
      min-height: 80px; } }
  #acerca-de-mi #hero .caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    margin: 0 auto; }
#acerca-de-mi #mi-ser {
  padding-bottom: 0px; }
  #acerca-de-mi #mi-ser .fila {
    display: flex;
    margin: 0 auto; }
    @media screen and (max-width: 480px) {
      #acerca-de-mi #mi-ser .fila {
        display: block; } }
    #acerca-de-mi #mi-ser .fila .col {
      flex: 50%;
      font-size: 16px; }
      #acerca-de-mi #mi-ser .fila .col h1 {
        margin-bottom: 20px; }
  #acerca-de-mi #mi-ser .bajada {
    font-family: "Comfortaa", sans-serif;
    padding: 50px 0px;
    color: #95cece;
    border-top: 1px solid #95cece;
    font-size: 26px;
    font-weight: 200;
    display: block; }
#acerca-de-mi #mi-hacer {
  font-size: 16px;
  background-color: #eceef1; }
  #acerca-de-mi #mi-hacer h1 {
    margin-bottom: 20px; }
  #acerca-de-mi #mi-hacer .fila {
    display: flex; }
    @media screen and (max-width: 480px) {
      #acerca-de-mi #mi-hacer .fila {
        display: block; } }
    #acerca-de-mi #mi-hacer .fila .columna {
      flex: 50%;
      padding-right: 50px; }
      #acerca-de-mi #mi-hacer .fila .columna ul {
        list-style: none;
        padding-left: 10px;
        border-left: 1px solid #95cece; }
        #acerca-de-mi #mi-hacer .fila .columna ul li {
          font-size: 16px;
          position: relative; }
          #acerca-de-mi #mi-hacer .fila .columna ul li:before {
            content: "";
            width: 10px;
            height: 10px;
            position: absolute;
            left: 0;
            top: 0;
            border-radius: 50%;
            background-color: #95cece;
            margin-left: -15px;
            margin-top: 5px; }
          #acerca-de-mi #mi-hacer .fila .columna ul li p {
            margin-left: 10px; }
#acerca-de-mi .familia {
  padding: 0px;
  background-color: #95cece !important; }
  #acerca-de-mi .familia .fila .columna {
    margin-left: 0px !important;
    padding: 0px !important; }
  #acerca-de-mi .familia .fila .texto {
    background-color: #95cece;
    position: relative; }
    @media screen and (max-width: 480px) {
      #acerca-de-mi .familia .fila .texto {
        text-align: center;
        padding: 20px !important; } }
    #acerca-de-mi .familia .fila .texto p {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 15px;
      margin: 0px; }
      @media screen and (max-width: 480px) {
        #acerca-de-mi .familia .fila .texto p {
          position: relative;
          left: 0;
          transform: none; } }

#clientesHome {
  margin: 50px 30px;
  text-align: center;
  color: #838383; }

#clientes #hero {
  background: url("../img/acerca-de-mi/hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 150px;
  position: relative;
  padding: 0; }
  @media screen and (max-width: 480px) {
    #clientes #hero {
      min-height: 80px; } }
  #clientes #hero .caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    margin: 0 auto; }
#clientes #logos .fila {
  display: flex; }
  #clientes #logos .fila .col {
    flex: 25%;
    text-align: center; }

#taller-de-gratitud #hero {
  background: url("../img/taller-de-gratitud/hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 300px;
  position: relative;
  padding: 0; }
  @media screen and (max-width: 480px) {
    #taller-de-gratitud #hero {
      min-height: 80px; } }
  #taller-de-gratitud #hero .caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    margin: 0 auto;
    text-align: center; }
#taller-de-gratitud section .bajada {
  font-family: "Comfortaa", sans-serif;
  padding: 40px 0px;
  color: #95cece;
  border-top: 1px solid #95cece;
  font-size: 26px;
  font-weight: 200;
  display: block; }
#taller-de-gratitud #informacion p {
  font-size: 20px;
  margin-bottom: 40px; }
@media screen and (max-width: 480px) {
  #taller-de-gratitud #informacion .bajada {
    margin-bottom: 0px; } }
#taller-de-gratitud #objetivos {
  font-family: "Comfortaa", sans-serif;
  padding-top: 0px; }
  @media screen and (max-width: 480px) {
    #taller-de-gratitud #objetivos {
      display: block; } }
  #taller-de-gratitud #objetivos h2 {
    margin-bottom: 40px; }
  #taller-de-gratitud #objetivos ul {
    list-style: none; }
    #taller-de-gratitud #objetivos ul li {
      margin: 10px 0px;
      font-size: 16px;
      display: flex; }
      #taller-de-gratitud #objetivos ul li:before {
        content: ">";
        color: #95cece;
        font-weight: 700;
        margin-right: 10px; }
#taller-de-gratitud #beneficios {
  font-family: "Comfortaa", sans-serif;
  background-color: #eceef1; }
  @media screen and (max-width: 480px) {
    #taller-de-gratitud #beneficios {
      display: block; } }
  #taller-de-gratitud #beneficios ul li {
    font-size: 16px;
    margin: 10px 0px;
    display: flex; }
    #taller-de-gratitud #beneficios ul li:before {
      content: "✓";
      color: #E5D0C0;
      font-weight: 700;
      margin-right: 20px; }
  #taller-de-gratitud #beneficios .columna {
    flex: 50%; }
    @media screen and (max-width: 480px) {
      #taller-de-gratitud #beneficios .columna {
        text-align: center; } }
    #taller-de-gratitud #beneficios .columna h1 {
      font-weight: 200;
      margin-top: 0px;
      line-height: 1.4; }
  #taller-de-gratitud #beneficios .objetivos-especificos ul {
    list-style: none;
    margin-left: 20px; }
    @media screen and (max-width: 480px) {
      #taller-de-gratitud #beneficios .objetivos-especificos ul {
        margin-left: 0px; } }
    #taller-de-gratitud #beneficios .objetivos-especificos ul li {
      margin: 10px 0px;
      font-size: 16px;
      display: flex; }
#taller-de-gratitud #me-interesa {
  background-color: #95cece;
  text-align: center;
  padding: 30px 20px; }
  #taller-de-gratitud #me-interesa h1 {
    font-weight: 400; }
  @media screen and (max-width: 480px) {
    #taller-de-gratitud #me-interesa form input {
      width: 100%; } }
  #taller-de-gratitud #me-interesa form .btn {
    display: inline-block;
    background-color: #1a1a1a;
    color: white;
    padding: 10px 30px;
    border-radius: 50px; }
    @media screen and (max-width: 480px) {
      #taller-de-gratitud #me-interesa form .btn {
        display: block;
        margin: 0 auto;
        margin-top: 5px; } }

.duelo #hero {
  background: url("../img/taller-de-duelo/hero.jpg") !important;
  background-position: bottom center !important;
  background-size: cover !important; }
.gracias #hero {
  background: none!important;
  background-color: #95cece!important;
  text-align: center; }
  @media screen and (max-width: 480px) {
    .gracias #hero {
      min-height: 300px!important; }
     .gracias footer{
     	margin-top: 0px!important;} }
.gracias .btn {
  border: 1px solid #1a1a1a; 
  color: #1a1a1a;}
.duelo .bajada {
  color: #95cece;
  margin-bottom: 40px; }

.liderazgo-consciente #hero {
  background: url("../img/liderazgo-consciente/hero.jpg") !important;
  background-position: bottom center !important;
  background-size: cover !important; }

.transformacion-cultural #hero {
  background: url("../img/transformacion-cultural/hero.jpg") !important;
  background-position: bottom center !important;
  background-size: cover !important; }

footer {
  padding: 20px 50px;
  background-color: #1a1a1a;
  color: white; }
  @media screen and (max-width: 480px) {
    footer {
      display: block;
      text-align: center;
      padding: 40px; } }
  footer .col {
    flex: 25%; }
  footer img {
    filter: invert(1);
    max-width: 40%; }
  footer h4 {
    color: #95cece;
    font-weight: 700;
    font-size: 14px; }
  footer a {
    line-height: 1.6; }
    footer a:hover {
      color: #95cece;
      transition: 0.2s ease-in-out; }

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