@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); 
  html {
    font-size: 16px;
    font-family: "Poppins", serif; }
    @media (max-width: 768px) {
      html {
        font-size: 14px;   }
}

  body {
    font-family: "Poppins", serif !important; }

    p, a {
      font-family: "Poppins", serif !important;
      text-align: left; }

      a {
        color: #173b65 !important;
        text-decoration: none; }
        a:hover {
          color: #0D1D30 !important; }

  h1, h2, h3 {
    margin-bottom: 0;
    font-family: "Poppins", serif !important; }

    .portada {
      height: 100vh; }
      .portada .slide, .portada .carousel-inner, .portada .carousel-item, .portada img {
        height: 100%; }
        .portada .carousel-control-next, .portada .carousel-control-prev {
          width: 5%; }
          .portada .carousel-item--body {
            position: absolute;
            color: #fff;
            flex-wrap: wrap;
            width: 40%;
            top: 50%;
            transform: translateY(-50%);
            padding: 8rem 3rem 4rem 6rem; }
            @media (max-width: 768px) {
              .portada .carousel-item--body {
                padding: 4rem 2rem;
                width: 100%;   }
}
              .portada .carousel-item--body h2 {
                font-size: 3rem;
                font-weight: 600;
                margin-bottom: 2rem;
                line-height: 3.6rem; }
                @media (max-width: 768px) {
                  .portada .carousel-item--body h2 {
                    font-size: 1.8rem;
                    line-height: 1.8rem;
                    font-weight: 800;   }
}
            .portada .carousel-item--body ul {
              padding: 0; }
              .portada .carousel-item--body ul li {
                list-style: none;
                font-size: 1.2rem;
                margin-bottom: 0.25rem; }
      @media (max-width:768px) {
        .portada img {
          object-fit: cover;   }
}

  .nosotros {
    padding-block: 5rem !important;
    min-height: 90vh;
    background-size: 40%;
    display: flex;
    align-items: center;
    background-position: right;
    background-repeat: no-repeat; }
    @media (max-width:768px) {
      .nosotros {
        padding-block: 3em !important;   }
}
      .nosotros .section-title {
        width: 40%; }
        .nosotros .section-title h3.title {
          width: 100% !important; }
    .nosotros .about-content {
      display: flex;
      flex-wrap: wrap; }
      .nosotros .about-content p.text {
        display: none; }
        .nosotros .about-content p b {
          font-weight: 900; }
          .nosotros .about-content h3 {
            color: #624de7;
            font-weight: bold;
            margin-bottom: 2rem;
            width: 60%;
            font-size: 1.5rem; }
            .nosotros .about-content h3.title {
              color: #000000; }
    .nosotros .container {
      max-width: 1920px;
      margin-inline: 2rem; }
      .nosotros .title {
        font-size: 1.75rem;
        margin-bottom: 0;
        color: #000000;
        margin-bottom: 1rem !important;
        font-weight: 600;
        margin-right: 0.5rem; }
        .nosotros h2 {
          font-family: "Poppins", serif;
          color: #173b65;
          font-weight: 900;
          margin-bottom: 1rem; }
          .nosotros p {
            font-size: 1.1rem;
            color: #2d2d2d;
            font-weight: 300;
            margin-bottom: 0;
            padding-left: 4rem; }
            @media (max-width: 768px) {
              .nosotros p {
                padding-left: 0;
                font-size: 1rem;   }
}
    .nosotros .about-image {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      .nosotros .about-image img {
        max-height: 320px;
        border-radius: 20px; }
    @media (max-width:768px) {
      .nosotros .about-image {
        margin-top: 2rem;   }
        .nosotros p b {
          font-weight: 900;
          width: 100%;
          line-height: 2rem;   }
}

  .section-title {
    width: 100%;
    text-align: center; }

    .texto-soluciones {
      padding-top: 7rem !important;
      padding-bottom: 0 !important;
      margin-bottom: 0 !important;
      background-repeat: no-repeat;
      background-size: 50% !important;
      background-position: right !important; }
      .texto-soluciones a {
        padding: 1rem 2rem;
        background: #624de7;
        display: inline-block;
        color: #fff !important;
        text-transform: uppercase;
        font-weight: bold; }
        .texto-soluciones a:hover {
          background: #3e2ac1; }
      @media (max-width:768px) {
        .texto-soluciones {
          padding-top: 4rem !important;   }
          .texto-soluciones .text-center {
            text-align: left !important;   }
}
      .texto-soluciones .container .d-flex.justify-content-center {
        width: 100%;
        justify-content: center !important;
        position: relative; }
        .texto-soluciones .container .d-flex.justify-content-center div {
          width: 100%; }
          .texto-soluciones .container .d-flex.justify-content-center .section-title {
            width: 100%;
            display: block; }
            .texto-soluciones .container .d-flex.justify-content-center .section-title h3.h1 {
              font-family: "Poppins", serif;
              font-weight: 600 !important;
              text-align: center;
              font-size: 2rem;
              color: #624de7;
              margin-bottom: 3rem;
              margin-bottom: 1rem; }
        .texto-soluciones .container .d-flex.justify-content-center h3.fs-6.fw-normal {
          font-weight: 300 !important;
          font-size: 1rem !important;
          text-align: center; }
          .texto-soluciones .container .d-flex.justify-content-center h3.fs-6.fw-normal p {
            color: #000000;
            font-weight: 400;
            text-align: center; }

  .cards-soluciones {
    margin-bottom: 0 !important;
    background-size: cover;
    padding-bottom: 4rem !important; }
    @media (max-width:768px) {
      .cards-soluciones {
        padding-top: 0 !important;   }
}
      .cards-soluciones .container {
        max-width: 80vw;
        margin-inline: auto; }
        .cards-soluciones .col-md {
          margin-bottom: 1rem; }
          .cards-soluciones .section-title .h3 {
            font-family: "Poppins", serif;
            font-weight: 600 !important;
            text-align: center;
            font-size: 2rem;
            color: #624de7;
            margin-bottom: 3rem; }
    .cards-soluciones .card {
      border-top: 10px solid #624de7;
      color: #173b65;
      padding: 2rem 2rem 0rem 2rem !important;
      position: relative;
      text-align: left !important;
      border-bottom-right-radius: 40px;
      transition: all 0.3s ease; }
      .cards-soluciones .card h2.h4 {
        margin-bottom: 0.5rem; }
        .cards-soluciones .card:hover {
          background: #624de7;
          color: #FFFFFF; }
          .cards-soluciones .card:hover h2.h4 {
            color: #FFFFFF; }
            .cards-soluciones .card:hover .card--enlace-texto {
              color: #FFFFFF; }
              .cards-soluciones .card:hover .card-img img {
                filter: brightness(0) invert(1); }
                .cards-soluciones .card:hover p {
                  color: #FFFFFF; }
      .cards-soluciones .card--enlace-texto {
        text-align: right;
        color: #624de7;
        font-size: 0.9rem;
        font-weight: 500;
        display: flex;
        justify-content: right;
        font-weight: 800;
        margin-top: 2rem;
        width: 100%;
        display: flex;
        align-items: self-end; }
        .cards-soluciones .card--enlace-texto:after {
          content: '➔';
          margin-left: 0.25rem; }
      .cards-soluciones .card--inner {
        display: flex;
        height: 100%; }
        .cards-soluciones .card-img {
          padding: 0 !important;
          margin-bottom: 1rem;
          width: 50px;
          margin-right: 0.75rem; }
          .cards-soluciones .card-img img {
            height: 100% !important;
            max-height: 40px; }
      .cards-soluciones .card-body {
        padding: 0;
        position: relative; }
        .cards-soluciones .card-body h2.h4 {
          margin-bottom: 0.5rem;
          font-family: "Poppins", serif;
          font-weight: 600;
          font-size: 1.25rem;
          color: #624de7; }
          .cards-soluciones .card-body p {
            font-size: 0.8rem;
            color: #000000;
            margin-bottom: 0.5rem; }
            @media (max-width: 768px) {
              .cards-soluciones .card-body {
                padding: 0;   }
}
      @media (max-width: 768px) {
        .cards-soluciones .card {
          min-height: 100px !important;   }
}

  .sistemas {
    padding-block: 3.5rem !important;
    background: #ffffff;
    position: relative;
    background-repeat: no-repeat;
    height: 80vh;
    display: flex;
    align-items: center;
    background-size: 40%;
    background-position: right; }
    .sistemas ul {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(2, 1fr); }
      .sistemas ul li {
        margin-bottom: 0.5rem;
        font-weight: 500; }
        @media (max-width: 768px) {
          .sistemas ul {
            display: block;   }
}
    .sistemas h3 {
      font-family: "Poppins", serif;
      font-weight: 600 !important;
      text-align: center;
      font-size: 2rem;
      color: #624de7;
      margin-bottom: 3rem;
      font-family: "Poppins", serif;
      font-weight: 600;
      margin-bottom: 1rem; }
      .sistemas p {
        background: #fff; }
        .sistemas .container {
          max-width: 1920px; }
          .sistemas .about-content {
            padding-top: 3rem;
            display: flex;
            flex-wrap: wrap;
            padding-left: 1rem;
            padding-right: 8rem;
            text-align: justify;
            font-weight: 300; }
            .sistemas .about-content p {
              margin-bottom: 2rem;
              text-align: center; }
              @media (max-width: 768px) {
                .sistemas .about-content {
                  margin-top: 2rem;
                  display: initial;
                  padding-right: 1rem;   }
}
    .sistemas .about-image img {
      width: 100%;
      max-width: 35vw; }
      @media (max-width: 768px) {
        .sistemas .about-image img {
          max-width: 90vw;   }
}
    @media (max-width: 768px) {
      .sistemas {
        padding-block: 1.5rem !important;
        min-height: 70vh;
        height: initial;   }
}

  .block-imagenes_group_slim-615ec6a3-1b61-4104-abc9-8ca1a04e3a34 {
    height: 90vh;
    display: flex;
    align-items: center; }

    .clientes-slider {
      width: 100%;
      height: 90vh;
      display: flex;
      align-items: center;
      position: relative; }
      .clientes-slider:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        background-repeat: no-repeat;
        background-position: right;
        background-attachment: fixed;
        background-size: cover;
        top: 0;
        left: 0;
        opacity: 0.6; }
        .clientes-slider div:first-of-type {
          z-index: 1;
          position: relative;
          width: 100%;
          padding-inline: 2vw; }
          .clientes-slider .h2 {
            font-family: "Poppins", serif;
            font-weight: 600 !important;
            text-align: center;
            font-size: 2rem;
            color: #624de7;
            margin-bottom: 3rem; }
            .clientes-slider .item__image {
              width: 150px;
              height: 120px;
              margin-block: 4px;
              border-radius: 5px; }
              .clientes-slider .item__image:hover img {
                filter: grayscale(0); }
              .clientes-slider .item__image img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                filter: grayscale(1); }
      .clientes-slider .slick-arrow {
        display: none !important; }
        .clientes-slider .slick-slide {
          padding: 1rem; }

  .trabajos {
    padding-block: 2.5rem;
    background-color: #fbfbfb;
    position: relative; }
    @media (max-width:768px) {
      .trabajos {
        padding-top: 2rem;   }
}
      .trabajos:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background-image: url(https://vatech-html-demo.vercel.app/assets/imgs/pages/home6/bg-banner.png);
        position: absolute;
        background-repeat: no-repeat;
        background-position: right;
        top: 0;
        left: 0; }
        .trabajos .article-post {
          position: relative; }
          .trabajos .article-post img {
            position: absolute;
            width: 5rem;
            height: 5rem;
            border-radius: 50%;
            top: -1.75rem;
            left: -1rem; }
            .trabajos .article-post h3 {
              padding-left: 5rem;
              color: #173b65;
              font-family: "Poppins", serif;
              font-weight: 800; }
              .trabajos .article-post p {
                font-size: 0.95rem;
                line-height: 25px; }
    .trabajos .row.row-cols-sm-2 {
      position: relative;
      z-index: 1;
      width: 100%;
      padding-inline: 10%; }
      @media (max-width:768px) {
        .trabajos .row.row-cols-sm-2 {
          margin-right: initial;
          margin-left: initial;
          padding-inline: 1rem;   }
}
    .trabajos .columna {
      padding: 2rem; }
      @media (max-width:768px) {
        .trabajos .columna {
          padding: 0;   }
}
        .trabajos .columna--inner {
          padding: 1.5rem;
          background: #FFFFFF;
          border-radius: 1.5rem;
          box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
          .trabajos .columna--inner .w-100 {
            height: 100%; }

  .block-texto_cabecera-d45cfd92-61aa-4c6f-8429-e5cbbd8d9594 {
    background-size: 50%;
    background-repeat: no-repeat; }

    .block-container_one-d0ec93af-fda2-489f-8d7d-511313a68340 {
      background: linear-gradient(0deg, #ffffff 5%, #F5F5F5 5%, #F5F5F5 95%, #ffffff 95%); }
      @media (max-width: 768px) {
        .block-container_one-d0ec93af-fda2-489f-8d7d-511313a68340 {
          background: #F5F5F5;   }
}

  .block-texto_cabecera-d45cfd92-61aa-4c6f-8429-e5cbbd8d9594 .container,
  .block-cards_group-56fc0336-8918-4ec6-a8db-6ecdbb47b267 .container {
    position: relative;
    z-index: 1; }
    .block-texto_cabecera-d45cfd92-61aa-4c6f-8429-e5cbbd8d9594 .text-column,
    .block-cards_group-56fc0336-8918-4ec6-a8db-6ecdbb47b267 .text-column {
      background-color: rgba(13, 29, 48, 0.4);
      border: 1px solid #5089CE; }
      .block-texto_cabecera-d45cfd92-61aa-4c6f-8429-e5cbbd8d9594 .text-column h2,
      .block-cards_group-56fc0336-8918-4ec6-a8db-6ecdbb47b267 .text-column h2 {
        font-family: "Poppins", serif;
        color: #5089CE;
        font-weight: 900;
        border-bottom: 2px solid #5089CE;
        font-size: 1.5rem;
        padding-bottom: 0.25rem;
        margin-bottom: 1rem; }
  .block-texto_cabecera-d45cfd92-61aa-4c6f-8429-e5cbbd8d9594 .card-img img,
  .block-cards_group-56fc0336-8918-4ec6-a8db-6ecdbb47b267 .card-img img {
    width: 100%;
    height: 90px;
    max-width: 100%;
    object-fit: cover;
    object-position: bottom; }

  .services-icon {
    width: 100%; }

    .form-contacto {
      text-align: left;
      padding-block: 3rem;
      background-color: #173b65; }
      .form-contacto .card {
        border-radius: 20px;
        margin-top: -8rem;
        box-shadow: 0 0 20px 0px #adb5bd;
        padding: 3rem 2rem; }
        .form-contacto .form--label {
          position: relative;
          margin-bottom: 1.5rem !important; }
      .form-contacto label {
        font-weight: 500;
        font-size: 0.9rem;
        color: #173b65;
        position: absolute;
        top: -10px;
        left: 15px;
        background: #FFFFFF; }
        .form-contacto .h2 {
          font-family: "Poppins", serif;
          font-weight: 600 !important;
          text-align: center;
          font-size: 2rem;
          color: #624de7;
          margin-bottom: 3rem; }
          @media (max-width:768px) {
            .form-contacto .h2 {
              font-size: 2.75rem;   }
}
      .form-contacto .form-control {
        border-radius: 0.15rem;
        box-shadow: 0 0 0px 2px #ccc; }
        .form-contacto .form-btn {
          display: flex;
          justify-content: center;
          padding: 1rem; }
          .form-contacto .form-btn .btn-success {
            padding: 0.5rem 3rem;
            border-radius: 2rem;
            font-size: 1.25rem;
            background: #624de7;
            border-color: #624de7; }
            .form-contacto .form-btn .btn-success:hover {
              background: #173b65;
              border-color: #173b65; }
      @media (max-width: 768px) {
        .form-contacto .card {
          padding: 1rem;
          margin-inline: 1rem;   }
          .form-contacto .h2 {
            margin-bottom: 1rem;   }
}

  .title-proyectos {
    background: #F5F5F5; }
    .title-proyectos h2 {
      font-size: calc(1.375rem + 1.5vw);
      padding-top: 3rem;
      padding-bottom: 2rem;
      color: #173b65; }

  .services-content {
    display: flex;
    flex-wrap: wrap;
    height: 95%; }

    .proyectos-industriales {
      padding-top: 4rem !important;
      padding-bottom: 4rem !important;
      min-height: 100vh;
      display: flex;
      align-items: center;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50%;
      padding: 4rem;
      background-position-x: 110%; }
      .proyectos-industriales .col-lg-6 {
        padding: 0 !important; }
        .proyectos-industriales .container {
          margin: 0 !important;
          max-width: 100% !important;
          width: 100% !important; }
          .proyectos-industriales .about-content {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-inline: 3rem; }
            @media (max-width: 768px) {
              .proyectos-industriales .about-content {
                padding-inline: 0;   }
}
              .proyectos-industriales .about-content .title {
                font-family: "Poppins", serif;
                font-weight: 600 !important;
                text-align: center;
                font-size: 2rem;
                color: #624de7;
                margin-bottom: 3rem;
                font-size: 1.5rem;
                max-width: 350px;
                text-align: left;
                margin-bottom: 0; }
                .proyectos-industriales .about-content img {
                  max-width: 180px; }
                  .proyectos-industriales .about-content p, .proyectos-industriales .about-content li {
                    color: #2d2d2d;
                    font-weight: 200; }
                    .proyectos-industriales .about-content ul {
                      font-size: 1rem;
                      margin-top: 1rem;
                      list-style: none;
                      padding: 0; }
                      .proyectos-industriales .about-content ul li {
                        font-weight: 300; }
                        .proyectos-industriales .about-content ul li:before {
                          content: '⚡'; }
      .proyectos-industriales .about-image {
        height: 70vh; }
        .proyectos-industriales .about-image img {
          height: 100%;
          object-fit: cover;
          display: none; }
      .proyectos-industriales .btn-main-color {
        color: #FFFFFF !important;
        border-radius: 0;
        background: #222222;
        font-weight: 100;
        color: #FFFFFF; }
        .proyectos-industriales .btn-main-color:after {
          content: '➡️';
          margin-left: 0.75rem; }
          .proyectos-industriales .btn-main-color:hover {
            color: #FFFFFF !important;
            background-color: #198754; }
      @media (max-width: 768px) {
        .proyectos-industriales {
          padding-top: 2rem !important;
          padding-bottom: 2rem !important;
          padding-left: 2rem !important;
          padding-right: 2rem !important;
          min-height: 60vh;
          padding-inline: 1rem;
          background-position-x: 0;
          background-position-y: 120%;
          background-size: contain;   }
          .proyectos-industriales .section-title {
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;   }
            .proyectos-industriales .about-image {
              height: 40vh;
              margin-bottom: 1rem;   }
              .proyectos-industriales .about-content .title {
                font-size: 1.4rem;
                text-align: center;   }
                .proyectos-industriales .about-content img {
                  margin: 0 auto;   }
          .proyectos-industriales .text-end {
            text-align: center !important;
            margin-bottom: 2rem;   }
}

  .navbar {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background: rgba(23, 59, 101, 0.9) !important;
    min-height: 120px;
    padding-inline: 4rem; }
    .navbar .nav-item .nav-link {
      padding-inline: 1rem;
      font-weight: 200;
      color: #FFFFFF !important;
      font-size: 1rem; }
      .navbar .nav-item .nav-link:hover {
        text-decoration: underline; }
    .navbar-brand img {
      max-height: 80px;
      height: 70px; }
      @media (max-width: 768px) {
        .navbar-brand img {
          max-height: 60px;
          min-height: 60px;   }
}
    @media (max-width: 768px) {
      .navbar {
        padding-inline: 1rem;
        min-height: 60px;   }
}

  .main.site-content {
    margin-top: 0 !important;
    padding-top: 0; }

    .beforefooter {
      display: none; }

      .footer {
        color: #fff;
        background-color: #173b65;
        margin-top: 0 !important; }
        .footer a {
          text-decoration: none;
          color: #ced4da; }
          @media (max-width: 768px) {
            .footer .navbar-brand {
              text-align: left;
              width: 100%;
              display: block;   }
}
        .footer--datos-contacto {
          font-weight: 200;
          padding: 0; }
          .footer--datos-contacto ul {
            padding: 0; }
            .footer--datos-contacto li {
              margin-bottom: 0.5rem;
              font-size: 1rem;
              padding: 0;
              list-style: none; }
              .footer--datos-contacto li i, .footer--datos-contacto li svg {
                margin-right: 0.5rem; }
          @media (max-width: 768px) {
            .footer--datos-contacto {
              text-align: left;   }
}
        .footer--redes {
          display: flex;
          height: 100%;
          align-items: center;
          justify-content: center; }
          .footer--redes svg {
            width: 30px;
            height: 30px;
            margin-inline: 1rem; }
        .footer-widget .title {
          margin-bottom: 0.85rem; }
        @media (max-width: 768px) {
          .footer .col-sm-3, .footer .col-sm-4, .footer .col-sm-5 {
            margin-bottom: 2rem;   }
}

  .whatsapp--float a {
    color: #FFFFFF !important; }