@font-face {
    font-family: IBMPlexSansBold!important;
    src: url('../img/fuente/IBMPlexSans-Bold.ttf')!important;
}

@font-face {
    font-family: IBMPlexSansSemiBold!important;
    src: url('../img/fuente/IBMPlexSans-SemiBold.ttf')!important;
}

.IBMPlexSansBold {
    font-family: IBMPlexSansBold!important;
}

.IBMPlexSansSemiBold {
    font-family: IBMPlexSansSemiBold!important;
}

* {
    font-family: 'IBM Plex Mono', monospace;
}
html {
    scroll-behavior: smooth;
}
body {
    overflow-x: hidden!important;
    background: #0D1036!important;
    scroll-behavior: smooth!important;
}
main {
    overflow-x: hidden!important;
    scroll-behavior: smooth!important;
}
.bg-dark {
    background: #0D1036!important;
}
.logo {
    width: 200px;
}
#img-home-right {
    position: absolute;
    right: -300px;
    top: -235px;
    max-width: 100%;
    width: 36%;
}
#img-home-left {
    position: absolute;
    left: -245px;
    bottom: -100px;
    max-width: 100%;
    width: 50%;
}
#contactanos {
    height: 390px;
    position: relative;
    overflow: hidden;
    background-image: url('../../img/PNG/PC-web_Mesadetrabajo1copia5.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
#contact-message {
    max-width: 100%;
    width: 50%;
}
#contact-rombo {
    bottom: 200px;
}

#footer {
    overflow: hidden;
    position: relative;
}
.bg-grey {
    background: #d8d8d8;
}
#bg-footer-left {
    z-index: 323;
    left: -40px;
    position: absolute;
    max-height: 300px;
    bottom: -100px;
}
#bg-footer-right {
    z-index: 0;
    right: -40px;
    position: absolute;
    bottom: -100px;
}
#row-data-footer {
    position: relative;
    z-index: 1231;
}
#suscribe-footer {
    position: relative;
    z-index: 1231;
    margin-top: 15px;
}
.text-productsans {
    font-family: 'IBMPlexSerif-Bold';
}
.color-ff {
    color: #fff!important;
}
.bg-bluebasic {
    background-color: #0D1036;
}
.btn-login {
    background: transparent;
    border-radius: 0;
    position: absolute;
    top: -4px;
    right: -4px;
    width: 225px;
    height: 49px;
    filter: opacity(0);
    transition: filter linear .5s;
}
.btn-login-ver-mas {
    background: transparent;
    border-radius: 0;
    position: absolute;
    top: -4px;
    right: -4px;
    width: 103px;
    height: 49px;
    filter: opacity(0);
    transition: filter linear .5s;
}
.btn-login-2 {
    width: 187px;
}
/* .btn-login:hover {
    background: rgb(47,0,155);
    background: -moz-linear-gradient(90deg, rgba(47,0,155,1) 0%, rgba(138,0,235,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(47,0,155,1) 0%, rgba(138,0,235,1) 100%);
    background: linear-gradient(90deg, rgba(47,0,155,1) 0%, rgba(138,0,235,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2f009b",endColorstr="#8a00eb",GradientType=1);

    filter: opacity(1);
    transition: filter ease-in-out .5s;

} */
.border-gradient > span {
    font-family: 'Poppins', sans-serif!important;
    font-size: 17px;
    z-index: 1;
    position: relative;
}
a:hover .btn-login {
    background: rgb(47,0,155);
    background: -moz-linear-gradient(90deg, rgba(47,0,155,1) 0%, rgba(138,0,235,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(47,0,155,1) 0%, rgba(138,0,235,1) 100%);
    background: linear-gradient(90deg, rgba(47,0,155,1) 0%, rgba(138,0,235,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2f009b",endColorstr="#8a00eb",GradientType=1);

    filter: opacity(1);
    transition: filter ease-in-out .5s;
}
a:hover .btn-login-ver-mas {
    background: rgb(47,0,155);
    background: -moz-linear-gradient(90deg, rgba(47,0,155,1) 0%, rgba(138,0,235,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(47,0,155,1) 0%, rgba(138,0,235,1) 100%);
    background: linear-gradient(90deg, rgba(47,0,155,1) 0%, rgba(138,0,235,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2f009b",endColorstr="#8a00eb",GradientType=1);

    filter: opacity(1);
    transition: filter ease-in-out .5s;
}
a:hover .btn-login-2 {
    background: rgb(47,0,155);
    background: -moz-linear-gradient(90deg, rgba(47,0,155,1) 0%, rgba(138,0,235,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(47,0,155,1) 0%, rgba(138,0,235,1) 100%);
    background: linear-gradient(90deg, rgba(47,0,155,1) 0%, rgba(138,0,235,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2f009b",endColorstr="#8a00eb",GradientType=1);

    filter: opacity(1);
    transition: filter ease-in-out .5s;
}
.btns-init {
    background-color: #1b2044;
    padding: 1rem 1rem;
    border-radius: 15px;
}
.btns-init:hover > span {
    color: #1b2044!important;
    font-weight: 600;
}
.btn-init-2 > span {
    font-family: 'IBM Plex Mono', monospace!important;
    font-weight: 400;
}
.btn-init-2:hover > span {
    color: #1b2044!important;
    font-weight: 600;
}

a:hover {
    text-decoration: none!important;
}

/* Effect btn */

.btn-effect svg {
    position: relative;
    top: 15px;
    width: 280px;
    height: 62px;
}
.btn-effect svg rect {
    /* stroke: #EC0033; */
    stroke-width: 4;
    stroke-dasharray: 353, 0;
    stroke-dashoffset: 0;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
    width: 270px;
    height: 50px;
}
.btn-effect span{
    color: #fff;
    font-family: 'IBM Plex Mono', monospace!important;
    font-weight: 600;
    font-size: 17px;
    padding-top: 0px;
    margin-top: -30px;
    display: block;
}
.btn-effect:hover span{
  background: rgb(255,130,130);
  background: -moz-linear-gradient(left,  rgba(47,0,155,1) 0%, rgba(138,0,235,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(47,0,155,1) 0%,rgba(138,0,235,1) 100%);
  background: linear-gradient(to right,  rgba(47,0,155,1) 0%,rgba(138,0,235,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8282', endColorstr='#e178ed',GradientType=1 );

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration: none;
}
.btn-effect:hover svg rect {
    stroke-width: 4;
    stroke-dasharray: 210, 560;
    stroke-dashoffset: 468;
}
/*  */
.btn-effect-2 svg {
    position: absolute;
    top: 15px;
    right: 0%;
}
.btn-effect-2 svg rect {
    /* stroke: #EC0033; */
    stroke-width: 4;
    stroke-dasharray: 380, 0;
    stroke-dashoffset: 200;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}
.btn-effect-2 span{
    color: #fff;
    font-family: 'Poppins', sans-serif!important;
    font-weight: 600;
    font-size: 17px;
    padding-top: 0px;
    padding-right: 25px;
    display: block;
}
.btn-effect-2:hover span{
  background: rgb(255,130,130);
  background: -moz-linear-gradient(left,  rgba(47,0,155,1) 0%, rgba(138,0,235,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(47,0,155,1) 0%,rgba(138,0,235,1) 100%);
  background: linear-gradient(to right,  rgba(47,0,155,1) 0%,rgba(138,0,235,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8282', endColorstr='#e178ed',GradientType=1 );

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration: none;
}
.btn-effect-2:hover svg rect {
    stroke-width: 4;
    stroke-dasharray: 231, 325;
    stroke-dashoffset: 145;
}
/* ----------------------------------------- */

.btn-form {
    background: rgb(47,0,155);
    background: -moz-linear-gradient(45deg, rgba(47,0,155,1) 0%, rgba(138,0,235,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(47,0,155,1) 0%, rgba(138,0,235,1) 100%);
    background: linear-gradient(45deg, rgba(47,0,155,1) 0%, rgba(138,0,235,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2f009b",endColorstr="#8a00eb",GradientType=1);
    font-size: 17px;
    color: #fff;
    border: 0;
    border-radius: 20px;
    filter: saturate(1);
    transition: filter ease-in-out .5s;
}

.btn-form:hover {
    color: #fff;
    filter: saturate(0.6);
    transition: filter ease-in-out .5s;
}

.btn-form-2 {
    background: rgb(47,0,155);
    background: -moz-linear-gradient(45deg, rgba(47,0,155,1) 0%, rgba(138,0,235,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(47,0,155,1) 0%, rgba(138,0,235,1) 100%);
    background: linear-gradient(45deg, rgba(47,0,155,1) 0%, rgba(138,0,235,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2f009b",endColorstr="#8a00eb",GradientType=1);
    font-size: 30px;
    padding: .5rem;
    color: #fff;
    border: 0;
    border-radius: 20px;
    filter: saturate(1);
    transition: filter ease-in-out .5s;
}

.btn-form-2:hover {
    color: #fff;
    filter: saturate(0.6);
    transition: filter ease-in-out .5s;
}

.form-control-c {
    border: 1px solid #fff;
    border-radius: 20px;
    margin-bottom: 5px;
}

.form-control-c:focus {
    border-color: #ccc;
    box-shadow: none;
}
#Herramientas {
    position: relative;
    overflow: hidden;
    background-image: url('../../img/PNG/PC-web-26.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 0px;
}
#rombo-16 {
    position: absolute;
    right: -73px;
    top: -55px;
    max-width: 100%;
    width: 30%;
}
.img-herramientas {
    max-width: 100%;
    width: 75%;
    margin-top: 7rem;
}
#rombo-14 {
    position: relative;
    width: 140%;
    left: -240px;
    bottom: -75px;
}
.btn:focus, .btn.focus {
    box-shadow: none;
}
#Comenzar {
    position: relative;
    overflow: hidden;
    background-image: url('../../img/PNG/PC-web-27.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 7rem;
    min-height: 100vh;
    padding-top: 10rem;
}
#rombo-12 {
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: 100%;
    width: 20%;
}
.comenzar {
    max-width: 100%;
    width: 60%;
}
.recurso-1 {
    position: absolute;
    right: 5%;
    top: -20%;
    max-width: 100%;
    width: 11%;
}
.recurso-2 {
    position: absolute;
    left: 5%;
    top: 100%;
    max-width: 100%;
    width: 11%;
}
.recurso-3 {
    position: absolute;
    right: 10%;
    top: -20%;
    max-width: 100%;
    width: 11%;
}
.recurso-4 {
    position: absolute;
    left: 10%;
    top: 100%;
    max-width: 100%;
    width: 11%;
}
#rombo-13 {
    position: absolute;
    right: 0px;
    bottom: 0px;
    max-width: 100%;
    width: 27%;
}
.pa-25 {
    padding-top: 11.5rem !important;
}
.bg-footer-absolute {
    background-color: #131427;
}
#img-footer-absolute {
    max-width: 100%;
    width: 5%;
}
#img-footer-absolute-2 {
    max-width: 100%;
    width: 10%;
}
.font-poppins {
    font-family: 'Poppins', sans-serif!important;
}
.miq-logo {
    max-width: 35%;
}
.boton-wh-fixed {
    position: fixed;
    right: 90px;
    bottom: 90px;
    z-index: 10000;
    display: block;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.boton-wh-fixed:hover {
    filter: opacity(0.9);
    transition: filter .5s;
}
.fade-in {
    animation: fadeIn ease 1s;
    -webkit-animation: fadeIn ease 1s;
    -moz-animation: fadeIn ease 1s;
    -o-animation: fadeIn ease 1s;
    -ms-animation: fadeIn ease 1s;
}

@keyframes fadeIn {
    0% {
      opacity:0;
    }
    100% {
      opacity:1;
    }
}

@-moz-keyframes fadeIn {
    0% {
      opacity:0;
    }
    100% {
      opacity:1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
      opacity:0;
    }
    100% {
      opacity:1;
    }
}

@-o-keyframes fadeIn {
    0% {
      opacity:0;
    }
    100% {
      opacity:1;
    }
}

@-ms-keyframes fadeIn {
    0% {
      opacity:0;
    }
    100% {
      opacity:1;
    }
}
.btn-wh {
    max-width: 65px;
    border-radius: 50%;
    box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;
}
.owl-theme .owl-dots {
    position: absolute;
    left: 50%;
    top: 94%!important;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block!important;
}
.dots-multi.owl-theme .owl-dots {
    position: absolute;
    left: 50%;
    top: 110%!important;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block!important;
}
.color-0d1 {
    color: #0d1036!important;
}
.logo-verix {
    max-width: 100%;
    width: auto;
    height: 100px;
}
textarea {
    font-weight: bold !important;
}

.img-redes {
    opacity: 1;
}

.img-redes:hover {
    opacity: .9;
}

.erp-logo {
    max-width: 15%;
}

#img-home-left-2 {
    position: absolute;
    left: -245px;
    bottom: -58px;
    max-width: 100%;
    width: 50%;
}

.d-pc {
    display: none!important;
}

.br-verix {
    display: none;
}

@media (max-width: 1075px) {
    .logo-verix {
        max-width: 100%;
        width: auto;
        height: 85px;
    }
}

@media (max-width: 991px) {
    .pa-25 {
        padding-top: 7.5rem !important;
        padding-bottom: 3rem!important;
    }
    .btn-effect svg {
        position: absolute;
        top: 15px;
        left: 26.5%;
    }
    .navbar-collapse {
        background-color: rgb(13 16 54 / 55%);
        backdrop-filter: blur(3px);
    }
    #img-home-right {
        right: -155px;
        top: -190px;
        max-width: 100%;
        width: 36%;
    }
    #img-home-left {
        left: -190px;
        bottom: -100px;
        max-width: 100%;
        width: 50%;
    }
    #img-home-left-2 {
        left: -190px;
        bottom: -65px;
        max-width: 100%;
        width: 50%;
    }
    .img-herramientas {
        max-width: 100%;
        width: 80%;
        margin-top: 3rem;
    }
    #rombo-14 {
        position: relative;
        width: 170%;
        left: -215px;
        bottom: -40px;
    }
    #rombo-16 {
        position: absolute;
        right: -39px;
        top: -18px;
        max-width: 100%;
        width: 30%;
    }
    #img-footer-absolute {
        max-width: 100%;
        width: 100px;
    }
    #img-footer-absolute-2 {
        max-width: 100%;
        width: 160px;
    }
    .form-control-c {
        padding: 1rem;
    }
    .btn-form-2 {
        font-size: 27px;
    }
    .btn-effect span {
        font-size: 17px;
        padding-top: 30px;
        margin-top: 0px;
    }
    .btn-login, .btn-login-2 {
        width: 0px;
    }
    .d-pc {
        display: block!important;
    }
}
@media (max-width: 767px) {
    .btn-effect svg {
        position: absolute;
        top: 15px;
        left: 19%;
    }
    #img-home-right {
        right: -120px;
        top: -130px;
        max-width: 100%;
        width: 36%;
    }
    #img-home-left {
        left: -190px;
        bottom: -50px;
        max-width: 100%;
        width: 50%;
    }
    #img-home-left-2 {
        left: -190px;
        bottom: -50px;
        max-width: 100%;
        width: 50%;
    }
    #Herramientas {
        padding-bottom: 3rem;
        padding-top: 0px;
    }
    .img-herramientas {
        max-width: 100%;
        width: 90%;
        margin-top: 7rem;
    }
    #rombo-14 {
        position: relative;
        width: 125%;
        left: -215px;
        bottom: -40px;
    }
    #img-footer-absolute {
        max-width: 100%;
        width: 80px;
    }
    #img-footer-absolute-2 {
        max-width: 100%;
        width: 150px;
    }
    .erp-logo {
        max-width: 20%;
    }
    .miq-logo {
        max-width: 50%;
    }
    #Comenzar {
        padding-bottom: 7rem;
        min-height: auto;
        padding-top: 9rem;
    }
    .br-verix {
        display: block;
    }
    #bg-footer-right {
        z-index: 0;
        right: -40px;
        position: absolute;
        bottom: -120px;
    }
    #bg-footer-left {
        display: none;
    }
    #contactanos {
        height: auto;
        background-image: url('../../img/PNG/PC-web_Mesadetrabajo1copia55.png');
    }
    .font-1 {
        font-size: 1rem !important;
    }
    .font-2 {
        font-size: 1.2rem !important;
    }
}
@media (max-width: 576px) {
    .pa-25 {
        padding-top: 7rem !important;
    }
    .logo {
        width: 160px;
    }
    .btn-effect svg {
        position: relative;
        top: 15px;
        left: auto;
    }
    .btn-effect span {
        padding-top: 0px;
        display: block;
        top: -30px;
        position: relative;
    }
    .pa-25 {
        padding-bottom: 3rem!important;
    }
    #rombo-14 {
        position: relative;
        width: 120%;
        left: -150px;
        bottom: -40px;
    }
    .img-herramientas {
        max-width: 100%;
        width: 100%;
        margin-top: 5rem;
    }
    .btn-form {
        font-size: 14px;
        padding: 1rem;
    }
    #contact-message {
        max-width: 100%;
        width: 70%;
    }
    #contactanos {
        height: auto;
        background-position: left center;
    }    
    #img-footer-absolute {
        max-width: 100%;
        width: 70px;
    }
    #img-footer-absolute-2 {
        max-width: 100%;
        width: 140px;
    }
    .comenzar {
        max-width: 100%;
        width: 80%;
    }
    .recurso-1 {
        position: absolute;
        right: 5%;
        top: -28%;
        max-width: 100%;
        width: 15%;
    }
    .recurso-2 {
        position: absolute;
        left: 5%;
        top: 103%;
        max-width: 100%;
        width: 15%;
    }
    #Comenzar {
        padding-top: 6rem;
        padding-bottom: 3rem;
    }
    .logo-verix {
        max-width: 100%;
        width: auto;
        height: 90px;
    }
    #img-home-right {
        right: -75px;
        top: -70px;
        max-width: 100%;
        width: 36%;
    }
    #img-home-left {
        left: -130px;
        bottom: -50px;
        max-width: 100%;
        width: 50%;
    }
    .recurso-1, .recurso-2 {
        display: none;
    }
}
@media (max-width: 400px) {
    .form-control-c {
        border: 1px solid #fff;
        border-radius: 20px;
        padding: .8rem;
        font-size: 14px;
        height: 50px;
    }
    .btn-form {
        font-size: 12px;
        padding: .8rem;
        height: 50px;
    }
    #contactanos {
        height: auto;
        background-position: left center;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .btn-form-2 {
        font-size: 22px;
    }
}
@media (max-width: 360px) {
    #rombo-14 {
        position: relative;
        width: 120%;
        left: -85px;
        bottom: -40px;
    }
    #contactanos {
        height: auto;
        background-position: left center;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    #img-home-left {
        left: -95px;
        bottom: -50px;
        max-width: 100%;
        width: 50%;
    }
}
@media (max-width: 320px) {
    .logo {
        width: 140px;
    }
    .btn-effect svg {
        max-width: 100%;
        width: 100%;
        height: 62px;
    }
    .btn-effect svg rect {
        max-width: 100%;
        width: 97%;
        height: 50px;
    }
    .btn-effect span {
        font-size: 15px;
    }
    a .btn-effect {
        display: block;
        width: 100%;
    }
}
@media (max-width: 300px) {
    .btn-effect svg rect {
        max-width: 100%;
        width: 96%;
        height: 50px;
    }
    #contact-message {
        max-width: 100%;
        width: 100%;
    }
}
@media (max-width: 280px) {
    .btn-form {
        font-size: 10px;
    }
    #contactanos {
        height: auto;
    }
}
@media (min-width: 992px) {
    section {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .btn-effect svg {
        position: relative;
        top: 15px;

    }
}
@media (min-width: 1200px) {
    .btn-effect svg {
        position: relative;
        top: 15px;

    }
}

.slick-slide img {
    height: 200px;
}

@media and (max-width: 480px) {
    .slick-slide img {
        height: 160px;
    }
}