@media screen and (min-width: 1281px) and (max-width: 1336px) {
  *:not(i) {
    margin: 0;
    font-family: "ProductSans" !important;
  }

  html:not(i) {
    font-family: "ProductSans" !important;
  }

  .cont-header {
    display: flex;
    background: #fff;
    flex: 1 1;
    flex-direction: row;
    box-shadow: 0 0 10px rgb(0 0 0 / 14%);
    align-items: center;
    justify-self: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5;
  }

  .cont-full {
  }

  .cont-body {
    /* background: red; */

    /* padding: 29px; */

    margin-top: 211px;
  }

  .logo {
    width: 210px;
    height: 53px;
  }

  .cont-menus {
    margin: 0 0 0 57px;

    flex: 1;
  }

  .cont-logo {
    margin: 0 35px 0 35px;

    padding: 15px;
  }

  .links links-a {
  }

  .links {
    color: #464646;
    margin: 0 0 0 17px;
    transition: 0.3s ease all;
    font-family: ProductSans;
    border-right: 3px solid #12ff00;
    padding-right: 37px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 1.2em;
  }

  .links:hover {
    color: #a0a0a0;
  }

  .transition {
    transition: 0.5s ease all;
    -webkit-transition: 0.5s ease all;
  }

  .border-none {
    border: none !important;
  }

  @font-face {
    font-family: ProductSans;
    src: url(../fonts/product-sans/ProductSans-Regular.ttf);
  }

  .cont-img {
    background: url(../img/MapsicleMap.png);

    background-size: 100% 100%;

    height: 712px;

    width: auto;

    border-radius: 50px;

    margin: 10px 22px;
  }

  .maps-content {
    height: 100%;

    background: rgba(0, 255, 56, 0.38);

    border-radius: 50px;

    justify-content: center;

    display: flex;

    align-items: center;

    justify-content: center;

    align-items: center;

    flex-direction: column;
  }

  .cont-btn-lean {
    margin: 27px 0 0 0;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;
  }

  .btn-lean {
    background-color: #464646 !important;

    padding: 11px 61px !important;

    /* line-height: 50px !important; */

    height: auto !important;

    border-radius: 31px !important;

    font-family: "ProductSans";

    text-transform: initial !important;

    font-size: 1.2em !important;

    margin: 0 47px 0 0px;

    font-family: "ProductSans";
  }

  .cont-article {
    margin: 88px 110px 113px 110px;
  }

  .article {
    padding: 25px;

    background: #ffffff;

    flex-wrap: wrap;

    margin: 0 28px 0 20px;

    box-shadow: 0 0 32px 0px #bcbcbc;

    /* margin-bottom: -32px; */

    margin-top: 81px;

    width: 29%;

    height: auto;

    border-radius: 10px;

    cursor: pointer;
  }

  .art1 {
  }

  .art2 {
  }

  .art3 {
  }

  .art4 {
  }

  .art5 {
  }

  .art6 {
  }

  .art7 {
  }

  .art8 {
  }

  .cont-art {
    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    flex: 1;

    justify-content: center;

    align-items: center;
  }

  .cont-article2 {
    display: flex;
    flex-direction: row;
    justify-self: center;
    align-items: center;
    flex: 1;
    margin: 50px;
    margin-bottom: 19px;
    background: #ededed;
    /* margin-top: 77px; */
    border-radius: 50px;
  }

  .c-art {
    padding: 0;

    /* background: red; */

    width: 48%;

    display: flex;

    align-items: center;

    justify-content: center;
  }

  .cont-article2 {
  }

  .c-art1 {
    background: #595959;

    border-radius: 50px;

    /* width: 50%; */
  }

  .c-art2 {
    justify-content: flex-end;

    display: flex;

    flex-direction: column;

    text-align: right;

    align-items: flex-end;

    padding: 0px 85px 0px 0px;

    width: 62%;
  }

  .c-art2 {
    justify-content: flex-end;

    align-items: flex-end;

    padding-left: 40px;

    /* align-self: flex-end; */
  }

  .crt1 {
    justify-content: flex-start;

    align-items: flex-start;

    padding-left: 99px;
  }

  .crt2 {
    /* border-radius: 50px 0px 0px 50px; */
  }

  .cont-article3 {
  }

  .ct-art {
    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: 137px;

    padding-top: 83px;

    padding-bottom: 54px;
  }

  .ct-art-about {
    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: 62px;

    background: #f3f3f3;

    margin: 95px 187px;

    border-radius: 50px;
  }

  .cont-btn-mlogin {
    margin: 0 68px 0 22px;
  }

  .lk {
    margin: 0 0 0 25px;

    font-size: 110%;
  }

  .lk-login {
    color: #000000;

    /* font-family: 'ProductSans'; */

    font-weight: 550;
  }

  .lk-apl {
    background: rgba(0, 255, 56, 0.51);

    color: #464646;

    padding: 13px 26px;

    border-radius: 23px;

    font-family: "ProductSans";
  }

  .btn-cta {
    margin-top: 50px;
    margin-right: 0;
    background: rgba(0, 255, 56, 0.51) !important;
    /*Aqui cambié el color*/
    color: #464646 !important;
    padding: 16px 89px !important;
    height: auto !important;
    font-size: 119% !important;
    border-radius: 50px !important;
    font-weight: 600;
    text-transform: none !important;
  }

  .btn-FM {
    margin-top: 50px;
    margin-right: 0;
    background: #3385ff !important;
    color: #fff !important;
    padding: 16px 89px !important;
    height: auto !important;
    font-size: 119% !important;
    border-radius: 50px !important;
    /* font-weight: 600; */
    font-family: "ProductSans" !important;
    text-transform: initial !important;
  }

  .about-desc {
    margin: 50px 115px 50px 115px;

    justify-content: center;

    display: flex;

    flex-direction: column;

    align-items: center;
  }

  .cont-somos {
    margin: 118px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 50px 1px 139px 42px;
    background: #d6e7ff;
    border-radius: 40px;
    padding-bottom: 8px;
  }

  .cont-box-somos {
    width: 40%;
    /* background: red; */
    /* margin: 5px 36px; */
    margin-right: 84px;
  }

  .title-cont {
    font-weight: 550;
  }

  .round-box {
    width: 65px;

    height: 65px;

    border-radius: 80px;

    background-image: url("/web/src/img/icono - Copy.svg");

    margin: 46px 0px 0px 0px;
  }

  .desc-cont-box {
    /* width: 65%; */

    color: #333333;
  }

  .box-c {
    display: flex;
    flex-direction: row;
    /* justify-content: flex-start; */
    /* flex:  1; */
    flex-wrap: wrap;
    width: -webkit-fill-available;
    /* text-align: center; */
  }

  .cont-art {
  }

  .desc-art {
    text-align: left;

    color: #747ec4;

    text-rendering: optimizespeed;
  }

  .title-art {
    color: #747ec4;
  }

  .cont-b-art {
    padding: 14px;

    justify-content: center;

    align-items: center;

    text-align: center;
  }

  .icon-desc {
    font-size: 5em;

    color: #747ec4;
  }

  .article:hover {
    background: #747ec4;

    box-shadow: 0 0 44px 0px #747ec4;

    transform: scale(1.05);
  }

  .article:hover i {
    color: white;
  }

  .article:hover p {
    color: white;
  }

  .article:hover h4 {
    color: white;
  }

  .article:hover i {
    color: white !important;
  }

  .como-desc {
    background: #c4c4c433;

    padding: 36px;

    border-radius: 50px;

    padding: 70px 0 100px 0;
  }

  .cont-como {
    background: white;

    /* margin: 0 0 131px 0; */
  }

  .c-como {
    width: 100%;

    text-align: center;
  }

  .c-box-como {
    margin: 0px 121px 0px 0px;
  }

  .itle-cont-como {
  }

  .desc-cont-box-como {
    /* width: 99%; */
  }

  .round-box-como {
    background: #0058e0;

    width: 50px;

    height: 50px;

    border-radius: 50px;

    margin: 36px 0px 0px 0px;
  }

  .c-art-como {
    display: flex;

    align-items: center;

    justify-content: flex-start;

    width: -webkit-fill-available;

    /* padding: 50px 50px; */
  }

  .c-art-1 {
  }

  .c-art-2 {
    flex-direction: row-reverse;
  }

  .c-art-title-como {
  }

  .cont-como-art {
    margin: 67px;

    justify-content: center;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    background: #c4c4c4;

    border-radius: 40px;

    margin-top: 56px;
  }

  .cont-box-como {
    /* margin: 48px 0px 0px 0px; */

    /* display: flex; */

    /* flex-direction: row; */

    /* margin: 0px 0px 0px 0px; */

    flex: 1;

    padding: 0px 50px 0px 50px;

    border-radius: 50px;

    width: -webkit-fill-available;
  }

  .title-cont-como {
    font-size: larger;

    font-weight: 500;
  }

  .c-comobox {
    display: flex;
  }

  .img-com-box {
    align-self: center;

    /* padding: 71px 106px 72px 147px; */

    background: #464646;

    /* border-radius: -8px; */

    height: 100%;

    width: 34%;

    border-radius: 50px;

    display: flex;

    justify-content: center;

    align-items: center;
  }

  .img-com-box img {
    width: 100%;

    height: 360px;

    border-radius: 43px;
  }

  .c-combox-revert {
    text-align: right;

    align-self: flex-end;

    justify-self: flex-end;

    display: flex;
  }

  .c-combox-revert .c-box-como {
  }

  .c-combox-revert .c-box-como {
    text-align: right;

    align-items: flex-end;

    justify-self: flex-end;

    display: flex;

    flex-direction: column;

    margin: 0px 13px 0px 140px;

    flex: 1;
  }

  .c-combox-revert .round-box-como {
    align-self: flex-end;

    /* float: right; */

    justify-self: flex-end;

    /* display: flex; */
  }

  .art-4-como {
    margin: 190px;

    display: flex;

    flex: 1;

    background: #c4c4c433;

    padding: 49px;

    border-radius: 22px;
  }

  .c-art img {
    border-style: none;
    width: 100%;
    height: 400px;
    border-radius: 50px;
  }

  .ct-middler {
  }

  .ct-middler img {
    width: 728px;

    height: 400px;
  }

  .cont-box-bf {
    width: 28%;

    margin: 0px 20px 77px 55px;

    /* background: red; */
  }

  .box-c-bf {
    justify-content: center;

    display: flex;

    flex-direction: row;

    flex: 1;

    align-items: center;

    flex-wrap: wrap;

    margin: 38px;

    /* background: red; */

    /* margin: 10px; */
  }

  .cont-bf {
    display: flex;

    flex-direction: column;

    flex: 1;

    justify-content: center;

    align-items: center;
  }

  .cont-benef {
    margin: 75px;
  }

  .c-benef {
    display: flex;
    flex-direction: row;
    flex: 1;
    background: #f3f3f3;
    border-radius: 50px;
  }

  .cont-box-benef {
    display: flex;

    flex: 1;

    justify-content: flex-start;

    /* width: 100%; */

    border-radius: 46px;
  }

  .img-com-box-benef {
    width: 47%;

    flex: 1;
  }

  .img-com-box-benef img {
    width: 533px;

    height: 390px;

    border-radius: 50px;
  }

  .c-art-title-benef {
    align-self: center;

    justify-self: flex-end;

    text-align: right;

    padding: 95px;
  }

  .c-benef-box {
  }

  .c-box-benef {
  }

  .title-cont-benef {
  }

  .desc-cont-box-benef {
  }

  .round-box-benef {
  }

  .cont-login {
    margin: 39px;
  }

  .c-login {
    display: flex;
    flex-direction: row;
    flex: 1;
    background: #ffffff;
    border-radius: 50px;
  }

  .cont-box-login {
    display: flex;

    flex: 1;

    justify-content: flex-start;

    width: 100%;

    border-radius: 46px;

    align-items: center;
  }

  .img-com-box-login {
    width: 55%;

    /* flex: 1; */
  }

  .img-com-box-login img {
    width: 471px;

    height: 77vh;

    border-radius: 0px;

    /* height: 467px; */
  }

  .c-art-title-login {
    align-self: center;

    justify-self: flex-end;

    text-align: right;

    padding: 95px;
  }

  .c-login-box {
  }

  .c-box-login {
  }

  .title-cont-login {
  }

  .desc-cont-box-login {
  }

  .round-box-login {
  }

  .c-art-login {
    /* flex: 1; */

    width: 37%;
  }

  .input-lg {
    display: flex;

    align-items: center;

    justify-content: center;
  }

  .input-l {
    border-radius: 19px !important;

    box-shadow: none !important;

    border: 0px !important;

    background: #c4c4c433 !important;

    /* padding: 11px 43px 9px 68px !important; */

    height: 40px !important;

    width: 100%;

    /* font-size: 16px; */

    margin: 0 0 0px 0 !important;
  }

  .icon-lg {
    margin: 0px -47px 0px 0px;

    font-size: 24px;

    color: #727272;
  }

  .cont-login-form {
    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    flex: 1;
  }

  .btn-login-from {
    /* background-color: rgba(0, 255, 56, 0.51) !important; */

    /* padding: 11px 61px !important; */

    /* line-height: 50px !important; */

    height: auto !important;

    border-radius: 31px !important;

    font-family: "ProductSans";

    text-transform: initial !important;

    font-size: 1.2em !important;

    margin: 0px;

    font-family: "ProductSans";
  }

  .title-login {
    text-align: center;
    /* font-family: 'ProductSans'; */
    margin-bottom: 50px;
    /* font-weight: 600; */
  }
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .visual-perfil-right {
    width: 100%;
    margin-right: 2rem;
    margin-left: 0rem;
  }
  .visual-perfil-left {
    margin-left: 2rem;
    margin-right: 4rem;
  }

  *:not(i) {
    margin: 0;
    font-family: "ProductSans" !important;
  }

  html:not(i) {
    font-family: "ProductSans" !important;
  }

  .cont-header {
    display: flex;
    background: #fff;
    flex: 1 1;
    flex-direction: row;
    box-shadow: 0 0 10px rgb(0 0 0 / 14%);
    align-items: center;
    justify-self: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5;
  }

  .cont-full {
  }

  .cont-body {
    /* background: red; */

    /* padding: 29px; */

    margin-top: 211px;
  }

  .logo {
    width: 111px;
    height: 34px;
  }

  .cont-menus {
    margin: 0 0 0 57px;

    flex: 1;
  }

  .cont-logo {
    margin: 0 -29px 0 25px;

    padding: 15px;
  }

  .links links-a {
  }

  .links {
    color: #464646;
    margin: 0 0 0 17px;
    transition: 0.3s ease all;
    font-family: ProductSans;
    border-right: 3px solid #12ff00;
    padding-right: 37px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 0.9em;
  }

  .links:hover {
    color: #a0a0a0;
  }

  .transition {
    transition: 0.5s ease all;
    -webkit-transition: 0.5s ease all;
  }

  .border-none {
    border: none !important;
  }

  @font-face {
    font-family: ProductSans;
    src: url(../fonts/product-sans/ProductSans-Regular.ttf);
  }

  .cont-img {
    background: url(../img/MapsicleMap.png);

    background-size: 100% 100%;

    height: 712px;

    width: auto;

    border-radius: 50px;

    margin: 10px 22px;
  }

  .maps-content {
    height: 100%;

    background: rgba(0, 255, 56, 0.38);

    border-radius: 50px;

    justify-content: center;

    display: flex;

    align-items: center;

    justify-content: center;

    align-items: center;

    flex-direction: column;
  }

  .cont-btn-lean {
    margin: 27px 0 0 0;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;
  }

  .btn-lean {
    background-color: #464646 !important;

    padding: 11px 61px !important;

    /* line-height: 50px !important; */

    height: auto !important;

    border-radius: 31px !important;

    font-family: "ProductSans";

    text-transform: initial !important;

    font-size: 1.2em !important;

    margin: 0 47px 0 0px;

    font-family: "ProductSans";
  }

  .cont-article {
    margin: 88px 50px 91px 50px;
  }

  .article {
    padding: 25px;

    background: #ffffff;

    flex-wrap: wrap;

    margin: 0 10px 0 10px;

    box-shadow: 0 0 32px 0px #bcbcbc;

    /* margin-bottom: -32px; */

    margin-top: 28px;

    width: 31%;

    height: auto;

    border-radius: 10px;

    cursor: pointer;
  }

  .art1 {
  }

  .art2 {
  }

  .art3 {
  }

  .art4 {
  }

  .art5 {
  }

  .art6 {
  }

  .art7 {
  }

  .art8 {
  }

  .cont-art {
    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    flex: 1;

    justify-content: center;

    align-items: center;
  }

  .cont-article2 {
    display: flex;
    flex-direction: row;
    justify-self: center;
    align-items: center;
    flex: 1;
    margin: 50px;
    margin-bottom: 19px;
    background: #ededed;
    /* margin-top: 77px; */
    border-radius: 50px;
  }

  .c-art {
    padding: 0;

    /* background: red; */

    width: 48%;

    display: flex;

    align-items: center;

    justify-content: center;
  }

  .cont-article2 {
  }

  .c-art1 {
    background: #595959;

    border-radius: 50px;

    /* width: 50%; */
  }

  .c-art2 {
    justify-content: flex-end;

    display: flex;

    flex-direction: column;

    text-align: right;

    align-items: flex-end;

    padding: 0px 85px 0px 0px;

    width: 62%;
  }

  .c-art2 {
    justify-content: flex-end;

    align-items: flex-end;

    padding-left: 40px;

    /* align-self: flex-end; */
  }

  .crt1 {
    justify-content: flex-start;

    align-items: flex-start;

    padding-left: 99px;
  }

  .crt2 {
    /* border-radius: 50px 0px 0px 50px; */
  }

  .cont-article3 {
  }

  .ct-art {
    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: 137px;

    padding-top: 83px;

    padding-bottom: 54px;
  }

  .ct-art-about {
    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: 62px;

    background: #f3f3f3;

    margin: 95px 187px;

    border-radius: 50px;
  }

  .cont-btn-mlogin {
    margin: 0 68px 0 22px;
  }

  .lk {
    margin: 0 0 0 25px;

    font-size: 110%;
  }

  .lk-login {
    color: #000000;

    /* font-family: 'ProductSans'; */

    font-weight: 550;
  }

  .lk-apl {
    background: rgba(0, 255, 56, 0.51);

    color: #464646;

    padding: 13px 26px;

    border-radius: 23px;

    font-family: "ProductSans";
  }

  .btn-cta {
    margin-top: 50px;
    margin-right: 0;
    background: rgba(0, 255, 56, 0.51) !important;
    /*Aqui cambié el color*/
    color: #464646 !important;
    padding: 16px 89px !important;
    height: auto !important;
    font-size: 119% !important;
    border-radius: 50px !important;
    font-weight: 600;
    text-transform: none !important;
  }

  .btn-FM {
    margin-top: 50px;
    margin-right: 0;
    background: #3385ff !important;
    color: #fff !important;
    padding: 16px 89px !important;
    height: auto !important;
    font-size: 119% !important;
    border-radius: 50px !important;
    /* font-weight: 600; */
    font-family: "ProductSans" !important;
    text-transform: initial !important;
  }

  .about-desc {
    margin: 50px 115px 50px 115px;

    justify-content: center;

    display: flex;

    flex-direction: column;

    align-items: center;
  }

  .cont-somos {
    margin: 40px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 50px 1px 139px 42px;
    background: #d6e7ff;
    border-radius: 40px;
    padding-bottom: 8px;
  }

  .cont-box-somos {
    width: 45%;
    /* background: red; */
    /* margin: 5px 36px; */
    margin-right: 29px;
  }

  .title-cont {
    font-weight: 550;
  }

  .round-box {
    width: 65px;

    height: 65px;

    border-radius: 80px;

    background-image: url("/web/src/img/icono - Copy.svg");

    margin: 46px 0px 0px 0px;
  }

  .desc-cont-box {
    /* width: 65%; */

    color: #333333;
  }

  .box-c {
    display: flex;
    flex-direction: row;
    /* justify-content: flex-start; */
    /* flex:  1; */
    flex-wrap: wrap;
    width: -webkit-fill-available;
    /* text-align: center; */
  }

  .cont-art {
  }

  .desc-art {
    text-align: left;

    color: #747ec4;

    text-rendering: optimizespeed;
  }

  .title-art {
    color: #747ec4;
  }

  .cont-b-art {
    padding: 14px;

    justify-content: center;

    align-items: center;

    text-align: center;
  }

  .icon-desc {
    font-size: 5em;

    color: #747ec4;
  }

  .article:hover {
    background: #747ec4;

    box-shadow: 0 0 44px 0px #747ec4;

    transform: scale(1.05);
  }

  .article:hover i {
    color: white;
  }

  .article:hover p {
    color: white;
  }

  .article:hover h4 {
    color: white;
  }

  .article:hover i {
    color: white !important;
  }

  .como-desc {
    background: #c4c4c433;

    padding: 36px;

    border-radius: 50px;

    padding: 70px 0 100px 0;
  }

  .cont-como {
    background: white;

    /* margin: 0 0 131px 0; */
  }

  .c-como {
    width: 100%;

    text-align: center;
  }

  .c-box-como {
    margin: 0px 121px 0px 0px;
  }

  .itle-cont-como {
  }

  .desc-cont-box-como {
    /* width: 99%; */
  }

  .round-box-como {
    background: #0058e0;

    width: 50px;

    height: 50px;

    border-radius: 50px;

    margin: 36px 0px 0px 0px;
  }

  .c-art-como {
    display: flex;

    align-items: center;

    justify-content: flex-start;

    width: -webkit-fill-available;

    /* padding: 50px 50px; */
  }

  .c-art-1 {
  }

  .c-art-2 {
    flex-direction: row-reverse;
  }

  .c-art-title-como {
  }

  .cont-como-art {
    margin: 189px;

    justify-content: center;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    background: #c4c4c4;

    border-radius: 40px;

    margin-top: 56px;
  }

  .cont-box-como {
    /* margin: 48px 0px 0px 0px; */

    /* display: flex; */

    /* flex-direction: row; */

    /* margin: 0px 0px 0px 0px; */

    flex: 1;

    padding: 0px 50px 0px 50px;

    border-radius: 50px;

    width: -webkit-fill-available;
  }

  .title-cont-como {
    font-size: larger;

    font-weight: 500;
  }

  .c-comobox {
    display: flex;
  }

  .img-com-box {
    align-self: center;

    /* padding: 71px 106px 72px 147px; */

    background: #464646;

    /* border-radius: -8px; */

    height: 100%;

    width: 34%;

    border-radius: 50px;

    display: flex;

    justify-content: center;

    align-items: center;
  }

  .img-com-box img {
    width: 100%;

    height: 400px;

    border-radius: 43px;
  }

  .c-combox-revert {
    text-align: right;

    align-self: flex-end;

    justify-self: flex-end;

    display: flex;
  }

  .c-combox-revert .c-box-como {
  }

  .c-combox-revert .c-box-como {
    text-align: right;

    align-items: flex-end;

    justify-self: flex-end;

    display: flex;

    flex-direction: column;

    margin: 0px 13px 0px 140px;

    flex: 1;
  }

  .c-combox-revert .round-box-como {
    align-self: flex-end;

    /* float: right; */

    justify-self: flex-end;

    /* display: flex; */
  }

  .art-4-como {
    margin: 190px;

    display: flex;

    flex: 1;

    background: #c4c4c433;

    padding: 49px;

    border-radius: 22px;
  }

  .c-art img {
    border-style: none;
    width: 100%;
    height: 400px;
    border-radius: 50px;
  }

  .ct-middler {
  }

  .ct-middler img {
    width: 728px;

    height: 400px;
  }

  .cont-box-bf {
    width: 28%;

    margin: 0px 20px 77px 55px;

    /* background: red; */
  }

  .box-c-bf {
    justify-content: center;

    display: flex;

    flex-direction: row;

    flex: 1;

    align-items: center;

    flex-wrap: wrap;

    margin: 38px;

    /* background: red; */

    /* margin: 10px; */
  }

  .cont-bf {
    display: flex;

    flex-direction: column;

    flex: 1;

    justify-content: center;

    align-items: center;
  }

  .cont-benef {
    margin: 121px;
  }

  .c-benef {
    display: flex;
    flex-direction: row;
    flex: 1;
    background: #f3f3f3;
    border-radius: 50px;
  }

  .cont-box-benef {
    display: flex;

    flex: 1;

    justify-content: flex-start;

    /* width: 100%; */

    border-radius: 46px;
  }

  .img-com-box-benef {
    width: 47%;

    flex: 1;
  }

  .img-com-box-benef img {
    width: 523px;

    height: 411px;

    border-radius: 50px;

    height: 465px;
  }

  .c-art-title-benef {
    align-self: center;

    justify-self: flex-end;

    text-align: right;

    padding: 95px;
  }

  .c-benef-box {
  }

  .c-box-benef {
  }

  .title-cont-benef {
  }

  .desc-cont-box-benef {
  }

  .round-box-benef {
  }

  .cont-login {
    margin: 39px;
  }

  .c-login {
    display: flex;
    flex-direction: row;
    flex: 1;
    background: #ffffff;
    border-radius: 50px;
  }

  .cont-box-login {
    display: flex;

    flex: 1;

    justify-content: flex-start;

    width: 100%;

    border-radius: 46px;

    align-items: center;
  }

  .img-com-box-login {
    width: 89%;

    /* flex: 1; */
  }

  .img-com-box-login img {
    width: 662px;

    height: 77vh;

    border-radius: 0px;

    /* height: 467px; */
  }

  .c-art-title-login {
    align-self: center;

    justify-self: flex-end;

    text-align: right;

    padding: 95px;
  }

  .c-login-box {
  }

  .c-box-login {
  }

  .title-cont-login {
  }

  .desc-cont-box-login {
  }

  .round-box-login {
  }

  .c-art-login {
    /* flex: 1; */

    width: 37%;
  }

  .input-lg {
    display: flex;

    align-items: center;

    justify-content: center;
  }

  .input-l {
    border-radius: 19px !important;

    box-shadow: none !important;

    border: 0px !important;

    background: #c4c4c433 !important;

    /* padding: 11px 43px 9px 68px !important; */

    height: 40px !important;

    width: 100%;

    /* font-size: 16px; */

    margin: 0 0 0px 0 !important;
  }

  .icon-lg {
    margin: 0px -47px 0px 0px;

    font-size: 24px;

    color: #727272;
  }

  .cont-login-form {
    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    flex: 1;
  }

  .btn-login-from {
    /* background-color: rgba(0, 255, 56, 0.51) !important; */

    padding: 11px 34px !important;

    /* line-height: 50px !important; */

    height: auto !important;

    border-radius: 31px !important;

    font-family: "ProductSans";

    text-transform: initial !important;

    font-size: 1.2em !important;

    margin: 0px;

    font-family: "ProductSans";
  }

  .title-login {
    text-align: center;
    /* font-family: 'ProductSans'; */
    margin-bottom: 50px;
    /* font-weight: 600; */
  }
}

@media screen and (min-width: 900px) and (max-width: 1024px) {
  .visual-perfil-right {
    margin-right: 0rem;
    margin-left: 0rem;
    padding: 1rem;
  }
  .visual-perfil-left {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .ct-panel {
    margin: 20px;
  }

  .ct-panel-right {
    margin: 0;
  }

  .ct-panel-left {
  }

  .cont-right-ct {
    width: 100%;
  }

  .cont-left-ct {
    width: 100%;
  }

  .cont-row-panel {
    flex-direction: column;
  }

  .cont-header {
    display: flex;
    background: #fff;
    flex: 1 1;
    flex-direction: row;
    box-shadow: 0 0 10px rgb(0 0 0 / 14%);
    align-items: center;
    justify-self: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5;
  }

  .cont-full {
  }

  .cont-body {
    /* background: red; */

    /* padding: 29px; */

    margin-top: 211px;
  }

  .logo {
    width: 100px;
    height: 28px;
  }

  .cont-menus {
    margin: 0 0 0 43px;

    flex: 1;
  }

  .cont-logo {
    margin: 0 -55px 0 12px;

    padding: 15px;
  }

  .links links-a {
  }

  .links {
    color: #464646;
    margin: 0 0 0 17px;
    transition: 0.3s ease all;
    font-family: ProductSans;
    border-right: 3px solid #12ff00;
    padding-right: 37px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 0.9em;
  }

  .links:hover {
    color: #a0a0a0;
  }

  .transition {
    transition: 0.5s ease all;
    -webkit-transition: 0.5s ease all;
  }

  .border-none {
    border: none !important;
  }

  @font-face {
    font-family: ProductSans;
    src: url(../fonts/product-sans/ProductSans-Regular.ttf);
  }

  .cont-img {
    background: url(../img/MapsicleMap.png);

    background-size: 100% 100%;

    height: 712px;

    width: auto;

    border-radius: 50px;

    margin: 10px 22px;
  }

  .maps-content {
    height: 100%;

    background: rgba(0, 255, 56, 0.38);

    border-radius: 50px;

    justify-content: center;

    display: flex;

    align-items: center;

    justify-content: center;

    align-items: center;

    flex-direction: column;
  }

  .cont-btn-lean {
    margin: 27px 0 0 0;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;
  }

  .btn-lean {
    background-color: #464646 !important;

    padding: 11px 61px !important;

    /* line-height: 50px !important; */

    height: auto !important;

    border-radius: 31px !important;

    font-family: "ProductSans";

    text-transform: initial !important;

    font-size: 1.2em !important;

    margin: 0 47px 0 0px;

    font-family: "ProductSans";
  }

  .cont-article {
    margin: 88px 50px 91px 50px;
  }

  .article {
    padding: 25px;

    background: #ffffff;

    flex-wrap: wrap;

    margin: 0 10px 0 10px;

    box-shadow: 0 0 32px 0px #bcbcbc;

    /* margin-bottom: -32px; */

    margin-top: 28px;

    width: 31%;

    height: auto;

    border-radius: 10px;

    cursor: pointer;
  }

  .art1 {
  }

  .art2 {
  }

  .art3 {
  }

  .art4 {
  }

  .art5 {
  }

  .art6 {
  }

  .art7 {
  }

  .art8 {
  }

  .cont-art {
    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    flex: 1;

    justify-content: center;

    align-items: center;
  }

  .cont-article2 {
    display: flex;
    flex-direction: row;
    justify-self: center;
    align-items: center;
    flex: 1;
    margin: 50px;
    margin-bottom: 19px;
    background: #ededed;
    /* margin-top: 77px; */
    border-radius: 50px;
  }

  .c-art {
    padding: 0;

    /* background: red; */

    width: 48%;

    display: flex;

    align-items: center;

    justify-content: center;
  }

  .cont-article2 {
  }

  .c-art1 {
    background: #595959;

    border-radius: 50px;

    /* width: 50%; */
  }

  .c-art2 {
    justify-content: flex-end;

    display: flex;

    flex-direction: column;

    text-align: right;

    align-items: flex-end;

    padding: 0px 85px 0px 0px;

    width: 62%;
  }

  .c-art2 {
    justify-content: flex-end;

    align-items: flex-end;

    padding-left: 40px;

    /* align-self: flex-end; */
  }

  .crt1 {
    justify-content: flex-start;

    align-items: flex-start;

    padding-left: 99px;
  }

  .crt2 {
    /* border-radius: 50px 0px 0px 50px; */
  }

  .cont-article3 {
  }

  .ct-art {
    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: 137px;

    padding-top: 83px;

    padding-bottom: 54px;
  }

  .ct-art-about {
    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: 62px;

    background: #f3f3f3;

    margin: 95px 187px;

    border-radius: 50px;
  }

  .cont-btn-mlogin {
    margin: 0 26px 0 6px;
  }

  .lk {
    margin: 0 0 0 25px;

    font-size: 110%;
  }

  .lk-login {
    color: #000000;

    /* font-family: 'ProductSans'; */

    font-weight: 550;
  }

  .lk-apl {
    background: rgba(0, 255, 56, 0.51);

    color: #464646;

    padding: 13px 26px;

    border-radius: 23px;

    font-family: "ProductSans";
  }

  .btn-cta {
    margin-top: 50px;
    margin-right: 0;
    background: rgba(0, 255, 56, 0.51) !important;
    /*Aqui cambié el color*/
    color: #464646 !important;
    padding: 16px 89px !important;
    height: auto !important;
    font-size: 119% !important;
    border-radius: 50px !important;
    font-weight: 600;
    text-transform: none !important;
  }

  .btn-FM {
    margin-top: 50px;
    margin-right: 0;
    background: #3385ff !important;
    color: #fff !important;
    padding: 16px 89px !important;
    height: auto !important;
    font-size: 119% !important;
    border-radius: 50px !important;
    /* font-weight: 600; */
    font-family: "ProductSans" !important;
    text-transform: initial !important;
  }

  .about-desc {
    margin: 50px 115px 50px 115px;

    justify-content: center;

    display: flex;

    flex-direction: column;

    align-items: center;
  }

  .cont-somos {
    margin: 30px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 50px 1px 139px 42px;
    background: #d6e7ff;
    border-radius: 40px;
    padding-bottom: 8px;
  }

  .cont-box-somos {
    /* width: auto; */
    /* background: red; */
    /* margin: 5px 36px; */
    margin-right: 10px;
    width: 45%;
  }

  .title-cont {
    font-weight: 550;
  }

  .round-box {
    width: 65px;

    height: 65px;

    border-radius: 80px;

    background-image: url("/web/src/img/icono - Copy.svg");

    margin: 46px 0px 0px 0px;
  }

  .desc-cont-box {
    /* width: 65%; */

    color: #333333;
  }

  .box-c {
    display: flex;
    flex-direction: row;
    /* justify-content: flex-start; */
    /* flex:  1; */
    flex-wrap: wrap;
    width: -webkit-fill-available;
    /* text-align: center; */
  }

  .cont-art {
  }

  .desc-art {
    text-align: left;

    color: #747ec4;

    text-rendering: optimizespeed;
  }

  .title-art {
    color: #747ec4;
  }

  .cont-b-art {
    padding: 14px;

    justify-content: center;

    align-items: center;

    text-align: center;
  }

  .icon-desc {
    font-size: 5em;

    color: #747ec4;
  }

  .article:hover {
    background: #747ec4;

    box-shadow: 0 0 44px 0px #747ec4;

    transform: scale(1.05);
  }

  .article:hover i {
    color: white;
  }

  .article:hover p {
    color: white;
  }

  .article:hover h4 {
    color: white;
  }

  .article:hover i {
    color: white !important;
  }

  .como-desc {
    background: #c4c4c433;

    padding: 36px;

    border-radius: 50px;

    padding: 70px 0 100px 0;
  }

  .cont-como {
    background: white;

    /* margin: 0 0 131px 0; */
  }

  .c-como {
    width: 100%;

    text-align: center;
  }

  .c-box-como {
    margin: 0px 5px 0px 0px;
  }

  .itle-cont-como {
  }

  .desc-cont-box-como {
    /* width: 99%; */
  }

  .round-box-como {
    background: #0058e0;

    width: 50px;

    height: 50px;

    border-radius: 50px;

    margin: 36px 0px 0px 0px;
  }

  .c-art-como {
    display: flex;

    align-items: center;

    justify-content: flex-start;

    width: -webkit-fill-available;

    /* padding: 50px 50px; */
  }

  .c-art-1 {
  }

  .c-art-2 {
    flex-direction: row-reverse;
  }

  .c-art-title-como {
  }

  .cont-como-art {
    margin: 53px;

    justify-content: center;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    background: #c4c4c4;

    border-radius: 40px;

    margin-top: 7px;
  }

  .cont-box-como {
    /* margin: 48px 0px 0px 0px; */

    /* display: flex; */

    /* flex-direction: row; */

    /* margin: 0px 0px 0px 0px; */

    flex: 1;

    padding: 0px 50px 0px 50px;

    border-radius: 50px;

    width: -webkit-fill-available;
  }

  .title-cont-como {
    font-size: larger;

    font-weight: 500;
  }

  .c-comobox {
    display: flex;
  }

  .img-com-box {
    align-self: center;

    /* padding: 71px 106px 72px 147px; */

    background: #464646;

    /* border-radius: -8px; */

    height: 100%;

    width: 34%;

    border-radius: 50px;

    display: flex;

    justify-content: center;

    align-items: center;
  }

  .img-com-box img {
    width: 100%;

    height: 305px;

    border-radius: 43px;
  }

  .c-combox-revert {
    text-align: right;

    align-self: flex-end;

    justify-self: flex-end;

    display: flex;
  }

  .c-combox-revert .c-box-como {
  }

  .c-combox-revert .c-box-como {
    text-align: right;

    align-items: flex-end;

    justify-self: flex-end;

    display: flex;

    flex-direction: column;

    margin: 0px 13px 0px 23px;

    flex: 1;
  }

  .c-combox-revert .round-box-como {
    align-self: flex-end;

    /* float: right; */

    justify-self: flex-end;

    /* display: flex; */
  }

  .art-4-como {
    margin: 190px;

    display: flex;

    flex: 1;

    background: #c4c4c433;

    padding: 49px;

    border-radius: 22px;
  }

  .c-art img {
    border-style: none;
    width: 100%;
    height: 400px;
    border-radius: 50px;
  }

  .ct-middler {
  }

  .ct-middler img {
    width: 728px;

    height: 400px;
  }

  .cont-box-bf {
    width: 28%;

    margin: 0px 20px 77px 55px;

    /* background: red; */
  }

  .box-c-bf {
    justify-content: center;

    display: flex;

    flex-direction: row;

    flex: 1;

    align-items: center;

    flex-wrap: wrap;

    margin: 19px;

    /* background: red; */

    /* margin: 10px; */
  }

  .cont-bf {
    display: flex;

    flex-direction: column;

    flex: 1;

    justify-content: center;

    align-items: center;
  }

  .cont-benef {
    margin: 31px;
  }

  .c-benef {
    display: flex;
    flex-direction: row;
    flex: 1;
    background: #f3f3f3;
    border-radius: 50px;
  }

  .cont-box-benef {
    display: flex;

    flex: 1;

    justify-content: flex-start;

    /* width: 100%; */

    border-radius: 46px;
  }

  .img-com-box-benef {
    width: 47%;

    flex: 1;
  }

  .img-com-box-benef img {
    width: 418px;

    border-radius: 50px;

    height: 394px;
  }

  .c-art-title-benef {
    align-self: center;

    justify-self: flex-end;

    text-align: right;

    padding: 95px;
  }

  .c-benef-box {
  }

  .c-box-benef {
  }

  .title-cont-benef {
  }

  .desc-cont-box-benef {
  }

  .round-box-benef {
  }

  .cont-login {
    margin: 39px;
  }

  .c-login {
    display: flex;
    flex-direction: row;
    flex: 1;
    background: #ffffff;
    border-radius: 50px;
  }

  .cont-box-login {
    display: flex;

    flex: 1;

    justify-content: flex-start;

    width: 100%;

    border-radius: 46px;

    align-items: center;
  }

  .img-com-box-login {
    width: 62%;

    /* flex: 1; */
  }

  .img-com-box-login img {
    width: 451px;

    height: 77vh;

    border-radius: 0px;

    /* height: 467px; */
  }

  .c-art-title-login {
    align-self: center;

    justify-self: flex-end;

    text-align: right;

    padding: 95px;
  }

  .c-login-box {
  }

  .c-box-login {
  }

  .title-cont-login {
  }

  .desc-cont-box-login {
  }

  .round-box-login {
  }

  .c-art-login {
    /* flex: 1; */

    width: 37%;
  }

  .input-lg {
    display: flex;

    align-items: center;

    justify-content: center;
  }

  .input-l {
    border-radius: 19px !important;

    box-shadow: none !important;

    border: 0px !important;

    background: #c4c4c433 !important;

    /* padding: 11px 43px 9px 68px !important; */

    height: 40px !important;

    width: 100%;

    /* font-size: 16px; */

    margin: 0 0 0px 0 !important;
  }

  .icon-lg {
    margin: 0px -47px 0px 0px;

    font-size: 24px;

    color: #727272;
  }

  .cont-login-form {
    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    flex: 1;
  }

  .btn-login-from {
    /* background-color: rgba(0, 255, 56, 0.51) !important; */

    /* padding: 11px 31px !important; */

    /* line-height: 50px !important; */

    height: auto !important;

    border-radius: 31px !important;

    font-family: "ProductSans";

    text-transform: initial !important;

    font-size: 1em !important;

    margin: 0px;

    font-family: "ProductSans";
  }

  .title-login {
    text-align: center;
    /* font-family: 'ProductSans'; */
    margin-bottom: 50px;
    /* font-weight: 600; */
  }
}

@media screen and (min-width: 800px) and (max-width: 899px) {
  .ct-back-screen {
    margin-left: 1.1rem !important ;
  }
  .visual-perfil-right {
  }
  .visual-perfil-left {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .ct-panel {
    margin: 20px;
  }

  .ct-panel-right {
    margin: 0;
  }

  .ct-panel-left {
  }

  .cont-right-ct {
    width: -webkit-fill-available;
  }

  .cont-left-ct {
    width: 100%;
  }

  .cont-row-panel {
    flex-direction: column;
  }

  .cont-bienv {
    margin: 11px;
  }

  .cont-header {
    display: flex;
    background: #fff;
    flex: 1 1;
    flex-direction: row;
    box-shadow: 0 0 10px rgb(0 0 0 / 14%);
    align-items: center;
    justify-self: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5;
  }

  .cont-full {
  }

  .cont-body {
    /* background: red; */

    /* padding: 29px; */

    margin-top: 130px;

    justify-content: center;
  }

  .logo {
    width: 100px;
    height: 28px;
  }

  .cont-menus {
    margin: 0 0 0 -5px;

    flex: 1;
  }

  .cont-logo {
    margin: 0 3px 0 12px;

    padding: 15px;

    flex: 1;
  }

  .links links-a {
  }

  .links {
    color: #464646;
    margin: 0 0 0 6px;
    transition: 0.3s ease all;
    font-family: ProductSans;
    border-right: 3px solid #12ff00;
    padding-right: 18px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 0.9em;
  }

  .links:hover {
    color: #a0a0a0;
  }

  .transition {
    transition: 0.5s ease all;
    -webkit-transition: 0.5s ease all;
  }

  .border-none {
    border: none !important;
  }

  @font-face {
    font-family: ProductSans;
    src: url(../fonts/product-sans/ProductSans-Regular.ttf);
  }

  .cont-img {
    margin: 10px 21px;

    background: url(../img/MapsicleMap.png);

    background-size: 100% 100%;

    height: 488px;

    width: -webkit-fill-available;

    margin: 10px 19px;

    margin: 10px 28px;
  }

  .maps-content {
    height: 100%;

    background: rgba(0, 255, 56, 0.38);

    border-radius: 50px;

    justify-content: center;

    display: flex;

    align-items: center;

    justify-content: center;

    align-items: center;

    flex-direction: column;
  }

  .cont-btn-lean {
    margin: 27px 0 0 0;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;
  }

  .btn-lean {
    background-color: #464646 !important;

    padding: 11px 61px !important;

    /* line-height: 50px !important; */

    height: auto !important;

    border-radius: 31px !important;

    font-family: "ProductSans";

    text-transform: initial !important;

    font-size: 1.2em !important;

    margin: 0 47px 0 0px;

    font-family: "ProductSans";
  }

  .cont-article {
    margin: 88px 50px 91px 50px;
  }

  .article {
    padding: 25px;

    background: #ffffff;

    flex-wrap: wrap;

    margin: 0 10px 0 10px;

    box-shadow: 0 0 32px 0px #bcbcbc;

    /* margin-bottom: -32px; */

    margin-top: 28px;

    width: 46%;

    height: auto;

    border-radius: 10px;

    cursor: pointer;
  }

  .art1 {
  }

  .art2 {
  }

  .art3 {
  }

  .art4 {
  }

  .art5 {
  }

  .art6 {
  }

  .art7 {
  }

  .art8 {
  }

  .cont-art {
    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    flex: 1;

    justify-content: center;

    align-items: center;
  }

  .cont-article2 {
    display: flex;
    flex-direction: row;
    justify-self: center;
    align-items: center;
    flex: 1;
    margin: 50px;
    margin-bottom: 19px;
    background: #ededed;
    /* margin-top: 77px; */
    border-radius: 50px;
  }

  .c-art {
    padding: 0;

    /* background: red; */

    width: 48%;

    display: flex;

    align-items: center;

    justify-content: center;
  }

  .cont-article2 {
  }

  .c-art1 {
    background: #595959;

    border-radius: 50px;

    /* width: 50%; */
  }

  .c-art2 {
    justify-content: flex-end;

    display: flex;

    flex-direction: column;

    text-align: right;

    align-items: flex-end;

    padding: 0px 85px 0px 0px;

    width: 62%;
  }

  .c-art2 {
    justify-content: flex-end;

    align-items: flex-end;

    padding-left: 40px;

    /* align-self: flex-end; */
  }

  .crt1 {
    justify-content: flex-start;

    align-items: flex-start;

    padding-left: 99px;
  }

  .crt2 {
    /* border-radius: 50px 0px 0px 50px; */
  }

  .cont-article3 {
  }

  .ct-art {
    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: 137px;

    padding-top: 83px;

    padding-bottom: 54px;
  }

  .ct-art-about {
    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: 62px;

    background: #f3f3f3;

    margin: 95px 56px;

    border-radius: 50px;
  }

  .cont-btn-mlogin {
    margin: 0 20px 0 17px;
  }

  .lk {
    margin: 0 0 0 25px;

    font-size: 110%;
  }

  .lk-login {
    color: #000000;

    /* font-family: 'ProductSans'; */

    font-weight: 550;
  }

  .lk-apl {
    background: rgba(0, 255, 56, 0.51);

    color: #464646;

    padding: 13px 26px;

    border-radius: 23px;

    font-family: "ProductSans";
  }

  .btn-cta {
    margin-top: 50px;
    margin-right: 0;
    background: rgba(0, 255, 56, 0.51) !important;
    /*Aqui cambié el color*/
    color: #464646 !important;
    padding: 16px 89px !important;
    height: auto !important;
    font-size: 119% !important;
    border-radius: 50px !important;
    font-weight: 600;
    text-transform: none !important;
  }

  .btn-FM {
    margin-top: 50px;
    margin-right: 0;
    background: #3385ff !important;
    color: #fff !important;
    padding: 16px 89px !important;
    height: auto !important;
    font-size: 119% !important;
    border-radius: 50px !important;
    /* font-weight: 600; */
    font-family: "ProductSans" !important;
    text-transform: initial !important;
  }

  .about-desc {
    margin: 50px 115px 50px 115px;

    justify-content: center;

    display: flex;

    flex-direction: column;

    align-items: center;
  }

  .cont-somos {
    margin: 80px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 50px 1px 139px 42px;
    background: #d6e7ff;
    border-radius: 40px;
    padding-bottom: 8px;
  }

  .cont-box-somos {
    width: auto;
    /* background: red; */
    margin-right: 32px;
  }

  .title-cont {
    font-weight: 550;
  }

  .round-box {
    width: 65px;

    height: 65px;

    border-radius: 80px;

    background-image: url("/web/src/img/icono - Copy.svg");

    margin: 46px 0px 0px 0px;
  }

  .desc-cont-box {
    /* width: 65%; */

    color: #333333;
  }

  .box-c {
    display: flex;
    flex-direction: row;
    /* justify-content: flex-start; */
    /* flex:  1; */
    flex-wrap: wrap;
    width: -webkit-fill-available;
    /* text-align: center; */
  }

  .cont-art {
  }

  .desc-art {
    text-align: left;

    color: #747ec4;

    text-rendering: optimizespeed;
  }

  .title-art {
    color: #747ec4;
  }

  .cont-b-art {
    padding: 14px;

    justify-content: center;

    align-items: center;

    text-align: center;
  }

  .icon-desc {
    font-size: 5em;

    color: #747ec4;
  }

  .article:hover {
    background: #747ec4;

    box-shadow: 0 0 44px 0px #747ec4;

    transform: scale(1.05);
  }

  .article:hover i {
    color: white;
  }

  .article:hover p {
    color: white;
  }

  .article:hover h4 {
    color: white;
  }

  .article:hover i {
    color: white !important;
  }

  .como-desc {
    background: #c4c4c433;

    padding: 36px;

    border-radius: 50px;

    padding: 70px 0 100px 0;
  }

  .cont-como {
    background: white;

    /* margin: 0 0 131px 0; */
  }

  .c-como {
    width: 100%;

    text-align: center;
  }

  .c-box-como {
    margin: 0px 5px 0px 0px;
  }

  .itle-cont-como {
  }

  .desc-cont-box-como {
    /* width: 99%; */
  }

  .round-box-como {
    background: #0058e0;

    width: 50px;

    height: 50px;

    border-radius: 50px;

    margin: 36px 0px 0px 0px;
  }

  .c-art-como {
    display: flex;

    align-items: center;

    justify-content: flex-start;

    width: -webkit-fill-available;

    /* padding: 50px 50px; */
  }

  .c-art-1 {
  }

  .c-art-2 {
    flex-direction: row-reverse;
  }

  .c-art-title-como {
  }

  .cont-como-art {
    margin: 53px;

    justify-content: center;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    background: #c4c4c4;

    border-radius: 40px;

    margin-top: 7px;
  }

  .cont-box-como {
    /* margin: 48px 0px 0px 0px; */

    /* display: flex; */

    /* flex-direction: row; */

    /* margin: 0px 0px 0px 0px; */

    flex: 1;

    padding: 0px 50px 0px 50px;

    border-radius: 50px;

    width: -webkit-fill-available;
  }

  .title-cont-como {
    font-size: larger;

    font-weight: 500;
  }

  .c-comobox {
    display: flex;
  }

  .img-com-box {
    align-self: center;

    /* padding: 71px 106px 72px 147px; */

    background: #464646;

    /* border-radius: -8px; */

    height: 100%;

    width: 34%;

    border-radius: 50px;

    display: flex;

    justify-content: center;

    align-items: center;
  }

  .img-com-box img {
    width: 100%;

    height: 305px;

    border-radius: 43px;
  }

  .c-combox-revert {
    text-align: right;

    align-self: flex-end;

    justify-self: flex-end;

    display: flex;
  }

  .c-combox-revert .c-box-como {
  }

  .c-combox-revert .c-box-como {
    text-align: right;

    align-items: flex-end;

    justify-self: flex-end;

    display: flex;

    flex-direction: column;

    margin: 0px 13px 0px 23px;

    flex: 1;
  }

  .c-combox-revert .round-box-como {
    align-self: flex-end;

    /* float: right; */

    justify-self: flex-end;

    /* display: flex; */
  }

  .art-4-como {
    margin: 190px;

    display: flex;

    flex: 1;

    background: #c4c4c433;

    padding: 49px;

    border-radius: 22px;
  }

  .c-art img {
    border-style: none;
    width: 100%;
    height: 344px;
    border-radius: 50px;
  }

  .ct-middler {
  }

  .ct-middler img {
    width: 598px;

    height: 343px;
  }

  .cont-box-bf {
    width: 28%;

    margin: 0px 20px 77px 55px;

    /* background: red; */
  }

  .box-c-bf {
    justify-content: center;

    display: flex;

    flex-direction: row;

    flex: 1;

    align-items: center;

    flex-wrap: wrap;

    margin: 19px;

    /* background: red; */

    /* margin: 10px; */
  }

  .cont-bf {
    display: flex;

    flex-direction: column;

    flex: 1;

    justify-content: center;

    align-items: center;
  }

  .cont-benef {
    margin: 31px;
  }

  .c-benef {
    display: flex;
    flex-direction: row;
    flex: 1;
    background: #f3f3f3;
    border-radius: 50px;
  }

  .cont-box-benef {
    display: flex;

    flex: 1;

    justify-content: flex-start;

    /* width: 100%; */

    border-radius: 46px;
  }

  .img-com-box-benef {
    width: 47%;

    flex: 1;
  }

  .img-com-box-benef img {
    width: 418px;

    border-radius: 50px;

    height: 394px;
  }

  .c-art-title-benef {
    align-self: center;

    justify-self: flex-end;

    text-align: right;

    padding: 95px;
  }

  .c-benef-box {
  }

  .c-box-benef {
  }

  .title-cont-benef {
  }

  .desc-cont-box-benef {
  }

  .round-box-benef {
  }

  .cont-login {
    margin: 39px;
  }

  .c-login {
    display: flex;
    flex-direction: row;
    flex: 1;
    background: #ffffff;
    border-radius: 50px;
    /* justify-content: center; */
    /* align-items: center; */
  }

  .cont-box-login {
    display: flex;

    flex: 1;

    justify-content: center;

    width: 100%;

    border-radius: 46px;

    align-items: center;
  }

  .img-com-box-login {
    width: 55%;

    /* flex: 1; */

    display: none;
  }

  .img-com-box-login img {
    width: 0;

    height: 0;

    border-radius: 0px;

    /* height: 467px; */

    display: none;
  }

  .c-art-title-login {
    align-self: center;

    justify-self: flex-end;

    text-align: right;

    padding: 95px;
  }

  .c-login-box {
  }

  .c-box-login {
  }

  .title-cont-login {
  }

  .desc-cont-box-login {
  }

  .round-box-login {
  }

  .c-art-login {
    /* flex: 1; */

    width: 76%;

    align-self: center;
  }

  .input-lg {
    display: flex;

    align-items: center;

    justify-content: center;
  }

  .input-l {
    border-radius: 19px !important;

    box-shadow: none !important;

    border: 0px !important;

    background: #c4c4c433 !important;

    /* padding: 11px 43px 9px 68px !important; */

    height: 40px !important;

    width: 100%;

    /* font-size: 16px; */

    margin: 0 0 0px 0 !important;
  }

  .icon-lg {
    margin: 0px -47px 0px 0px;

    font-size: 24px;

    color: #727272;
  }

  .cont-login-form {
    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    flex: 1;
  }

  .btn-login-from {
    /* background-color: rgba(0, 255, 56, 0.51) !important; */

    /* padding: 11px 14px !important; */

    /* line-height: 50px !important; */

    height: auto !important;

    border-radius: 31px !important;

    font-family: "ProductSans";

    text-transform: initial !important;

    font-size: 1em !important;

    margin: 0px;

    font-family: "ProductSans";
  }

  .title-login {
    text-align: center;
    /* font-family: 'ProductSans'; */
    margin-bottom: 50px;
    /* font-weight: 600; */
  }
}

@media screen and (min-width: 700px) and (max-width: 799px) {
  *:not(i) {
    margin: 0;
    font-family: "ProductSans" !important;
  }

  html:not(i) {
    font-family: "ProductSans" !important;
  }

  .cont-header {
    display: flex;
    background: #fff;
    flex: 1 1;
    flex-direction: row;
    box-shadow: 0 0 10px rgb(0 0 0 / 14%);
    align-items: center;
    justify-self: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5;
  }

  .cont-full {
  }

  .cont-body {
    /* background: red; */

    /* padding: 29px; */

    margin-top: 130px;
  }

  .logo {
    width: 100px;
    height: 28px;
  }

  .cont-menus {
    margin: 0 0 0 39px;

    flex: 1;
  }

  .cont-logo {
    margin: 0 -55px 0 12px;

    padding: 15px;
  }

  .links links-a {
  }

  .links {
    color: #464646;
    margin: 0 0 0 17px;
    transition: 0.3s ease all;
    font-family: ProductSans;
    border-right: 3px solid #12ff00;
    padding-right: 18px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 0.9em;
  }

  .links:hover {
    color: #a0a0a0;
  }

  .transition {
    transition: 0.5s ease all;
    -webkit-transition: 0.5s ease all;
  }

  .border-none {
    border: none !important;
  }

  @font-face {
    font-family: ProductSans;
    src: url(../fonts/product-sans/ProductSans-Regular.ttf);
  }

  .cont-img {
    background: url(../img/MapsicleMap.png);

    background-size: 100% 100%;

    height: 436px;

    width: auto;

    border-radius: 50px;

    margin: 10px 22px;
  }

  .maps-content {
    height: 100%;

    background: rgba(0, 255, 56, 0.38);

    border-radius: 50px;

    justify-content: center;

    display: flex;

    align-items: center;

    justify-content: center;

    align-items: center;

    flex-direction: column;
  }

  .cont-btn-lean {
    margin: 27px 0 0 0;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;
  }

  .btn-lean {
    background-color: #464646 !important;

    padding: 11px 61px !important;

    /* line-height: 50px !important; */

    height: auto !important;

    border-radius: 31px !important;

    font-family: "ProductSans";

    text-transform: initial !important;

    font-size: 1.2em !important;

    margin: 0 47px 0 0px;

    font-family: "ProductSans";
  }

  .cont-article {
    margin: 88px 50px 91px 50px;
  }

  .article {
    padding: 25px;

    background: #ffffff;

    flex-wrap: wrap;

    margin: 0 10px 0 10px;

    box-shadow: 0 0 32px 0px #bcbcbc;

    /* margin-bottom: -32px; */

    margin-top: 28px;

    width: 46%;

    height: auto;

    border-radius: 10px;

    cursor: pointer;
  }

  .art1 {
  }

  .art2 {
  }

  .art3 {
  }

  .art4 {
  }

  .art5 {
  }

  .art6 {
  }

  .art7 {
  }

  .art8 {
  }

  .cont-art {
    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    flex: 1;

    justify-content: center;

    align-items: center;
  }

  .cont-article2 {
    display: flex;
    flex-direction: row;
    justify-self: center;
    align-items: center;
    flex: 1;
    margin: 50px;
    margin-bottom: 19px;
    background: #ededed;
    /* margin-top: 77px; */
    border-radius: 50px;
    flex-wrap: wrap;
  }

  .c-art {
    padding: 0;

    /* background: red; */

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;
  }

  .cont-article2 {
  }

  .c-art1 {
    background: #595959;

    border-radius: 50px;

    /* width: 50%; */
  }

  .c-art2 {
    justify-content: flex-end;

    display: flex;

    flex-direction: column;

    text-align: right;

    align-items: flex-end;

    padding: 22px 46px 50px 0px;

    width: 100%;
  }

  .c-art2 {
    justify-content: flex-end;

    align-items: flex-end;

    padding-left: 40px;

    /* align-self: flex-end; */

    font-size: 87%;
  }

  .crt1 {
    justify-content: flex-start;

    align-items: flex-start;

    padding-left: 61px;

    width: 100%;
  }

  .crt2 {
    /* border-radius: 50px 0px 0px 50px; */
  }

  .cont-article3 {
  }

  .ct-art {
    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: 33px;

    padding-top: 83px;

    padding-bottom: 54px;
  }

  .ct-art-about {
    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: 62px;

    background: #f3f3f3;

    margin: 95px 56px;

    border-radius: 50px;
  }

  .cont-btn-mlogin {
    margin: 0 96px 0 17px;
  }

  .lk {
    margin: 0 0 0 25px;

    font-size: 110%;
  }

  .lk-login {
    color: #000000;

    /* font-family: 'ProductSans'; */

    font-weight: 550;
  }

  .lk-apl {
    background: rgba(0, 255, 56, 0.51);

    color: #464646;

    padding: 13px 26px;

    border-radius: 23px;

    font-family: "ProductSans";
  }

  .btn-cta {
    margin-top: 50px;
    margin-right: 0;
    background: rgba(0, 255, 56, 0.51) !important;
    /*Aqui cambié el color*/
    color: #464646 !important;
    padding: 16px 89px !important;
    height: auto !important;
    font-size: 119% !important;
    border-radius: 50px !important;
    font-weight: 600;
    text-transform: none !important;
  }

  .btn-FM {
    margin-top: 50px;
    margin-right: 0;
    background: #3385ff !important;
    color: #fff !important;
    padding: 16px 89px !important;
    height: auto !important;
    font-size: 119% !important;
    border-radius: 50px !important;
    /* font-weight: 600; */
    font-family: "ProductSans" !important;
    text-transform: initial !important;
  }

  .about-desc {
    margin: 50px 39px 50px 39px;

    justify-content: center;

    display: flex;

    flex-direction: column;

    align-items: center;
  }

  .cont-somos {
    margin: 16px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    padding: 50px 1px 139px 42px;
    background: #d6e7ff;
    border-radius: 40px;
    padding-bottom: 8px;
  }

  .cont-box-somos {
    width: auto;
    /* background: red; */
    margin-right: 52px;
  }

  .title-cont {
    font-weight: 550;
  }

  .round-box {
    width: 65px;

    height: 65px;

    border-radius: 80px;

    background-image: url("/web/src/img/icono - Copy.svg");

    margin: 46px 0px 0px 0px;
  }

  .desc-cont-box {
    /* width: 65%; */

    color: #333333;
  }

  .box-c {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    /* flex:  1; */
    flex-wrap: wrap;
    width: -webkit-fill-available;
    text-align: left;
  }

  .cont-art {
  }

  .desc-art {
    text-align: left;

    color: #747ec4;

    text-rendering: optimizespeed;
  }

  .title-art {
    color: #747ec4;
  }

  .cont-b-art {
    padding: 14px;

    justify-content: center;

    align-items: center;

    text-align: center;
  }

  .icon-desc {
    font-size: 5em;

    color: #747ec4;
  }

  .article:hover {
    background: #747ec4;

    box-shadow: 0 0 44px 0px #747ec4;

    transform: scale(1.05);
  }

  .article:hover i {
    color: white;
  }

  .article:hover p {
    color: white;
  }

  .article:hover h4 {
    color: white;
  }

  .article:hover i {
    color: white !important;
  }

  .como-desc {
    background: #c4c4c433;

    padding: 36px;

    border-radius: 50px;

    padding: 56px 0 55px 0;
  }

  .cont-como {
    background: white;

    /* margin: 0 0 131px 0; */
  }

  .c-como {
    width: 100%;

    text-align: center;
  }

  .c-box-como {
    margin: 0px 5px 0px 0px;
  }

  .itle-cont-como {
  }

  .desc-cont-box-como {
    /* width: 99%; */
  }

  .round-box-como {
    background: #0058e0;

    width: 50px;

    height: 50px;

    border-radius: 50px;

    margin: 36px 0px 0px 0px;
  }

  .c-art-como {
    display: flex;

    align-items: center;

    justify-content: flex-start;

    width: -webkit-fill-available;

    /* padding: 50px 50px; */

    flex-wrap: wrap;
  }

  .c-art-1 {
  }

  .c-art-2 {
    flex-direction: row-reverse;
  }

  .c-art-title-como {
  }

  .cont-como-art {
    margin: 53px;

    justify-content: center;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    background: #c4c4c4;

    border-radius: 40px;

    margin-top: 7px;
  }

  .cont-box-como {
    /* margin: 48px 0px 0px 0px; */

    /* display: flex; */

    /* flex-direction: row; */

    /* margin: 0px 0px 0px 0px; */

    flex: 1;

    padding: 0px 50px 0px 50px;

    border-radius: 50px;

    width: -webkit-fill-available;

    /* flex-wrap: wrap; */
  }

  .title-cont-como {
    font-size: larger;

    font-weight: 500;
  }

  .c-comobox {
    display: flex;

    padding-bottom: 20px;
  }

  .img-com-box {
    align-self: center;

    /* padding: 71px 106px 72px 147px; */

    background: #464646;

    /* border-radius: -8px; */

    height: 100%;

    width: 100%;

    border-radius: 50px;

    display: flex;

    justify-content: center;

    align-items: center;
  }

  .img-com-box img {
    width: 100%;

    height: 305px;

    border-radius: 43px;
  }

  .c-combox-revert {
    text-align: right;

    align-self: flex-end;

    justify-self: flex-end;

    display: flex;
  }

  .c-combox-revert .c-box-como {
  }

  .c-combox-revert .c-box-como {
    text-align: right;

    align-items: flex-end;

    justify-self: flex-end;

    display: flex;

    flex-direction: column;

    margin: 0px 13px 0px 23px;

    flex: 1;
  }

  .c-combox-revert .round-box-como {
    align-self: flex-end;

    /* float: right; */

    justify-self: flex-end;

    /* display: flex; */
  }

  .art-4-como {
    margin: 45px;

    display: flex;

    flex: 1;

    background: #c4c4c433;

    padding: 49px;

    border-radius: 22px;
  }

  .c-art img {
    border-style: none;
    width: 100%;
    height: 321px;
    border-radius: 50px;
  }

  .ct-middler {
  }

  .ct-middler img {
    width: 656px;

    height: 400px;
  }

  .cont-box-bf {
    width: 28%;

    margin: 0px 20px 77px 55px;

    /* background: red; */
  }

  .box-c-bf {
    justify-content: center;

    display: flex;

    flex-direction: row;

    flex: 1;

    align-items: center;

    flex-wrap: wrap;

    margin: 19px;

    /* background: red; */

    /* margin: 10px; */
  }

  .cont-bf {
    display: flex;

    flex-direction: column;

    flex: 1;

    justify-content: center;

    align-items: center;
  }

  .cont-benef {
    margin: 31px;
  }

  .c-benef {
    display: flex;
    flex-direction: row;
    flex: 1;
    background: #f3f3f3;
    border-radius: 50px;
  }

  .cont-box-benef {
    display: flex;

    flex: 1;

    justify-content: flex-start;

    /* width: 100%; */

    border-radius: 46px;
  }

  .img-com-box-benef {
    width: 47%;

    flex: 1;
  }

  .img-com-box-benef img {
    width: 418px;

    border-radius: 50px;

    height: 394px;
  }

  .c-art-title-benef {
    align-self: center;

    justify-self: flex-end;

    text-align: right;

    padding: 95px;
  }

  .c-benef-box {
  }

  .c-box-benef {
  }

  .title-cont-benef {
  }

  .desc-cont-box-benef {
  }

  .round-box-benef {
  }

  .cont-login {
    margin: 39px;
  }

  .c-login {
    display: flex;
    flex-direction: row;
    flex: 1;
    background: #ffffff;
    border-radius: 50px;
  }

  .cont-box-login {
    display: flex;

    flex: 1;

    justify-content: flex-start;

    width: 100%;

    border-radius: 46px;

    align-items: center;
  }

  .img-com-box-login {
    width: 55%;

    /* flex: 1; */

    display: none;
  }

  .img-com-box-login img {
    width: 384px;

    height: 77vh;

    border-radius: 0px;

    /* height: 467px; */
  }

  .c-art-title-login {
    align-self: center;

    justify-self: flex-end;

    text-align: right;

    padding: 95px;
  }

  .c-login-box {
  }

  .c-box-login {
  }

  .title-cont-login {
  }

  .desc-cont-box-login {
  }

  .round-box-login {
  }

  .c-art-login {
    /* flex: 1; */

    width: 100%;
  }

  .input-lg {
    display: flex;

    align-items: center;

    justify-content: center;
  }

  .input-l {
    border-radius: 19px !important;

    box-shadow: none !important;

    border: 0px !important;

    background: #c4c4c433 !important;

    /* padding: 11px 43px 9px 68px !important; */

    height: 40px !important;

    width: 100%;

    /* font-size: 16px; */

    /* margin: 0 0 0px 0 !important; */
  }

  .icon-lg {
    margin: 0px -47px 0px 0px;

    font-size: 24px;

    color: #727272;
  }

  .cont-login-form {
    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    flex: 1;
  }

  .btn-login-from {
    /* background-color: rgba(0, 255, 56, 0.51) !important; */

    /* padding: 11px 61px !important; */

    /* line-height: 50px !important; */

    height: auto !important;

    border-radius: 31px !important;

    font-family: "ProductSans";

    text-transform: initial !important;

    font-size: 1.2em !important;

    margin: 0px;

    font-family: "ProductSans";
  }

  .title-login {
    text-align: center;
    /* font-family: 'ProductSans'; */
    margin-bottom: 50px;
    /* font-weight: 600; */
  }
}

@media screen and (min-width: 600px) and (max-width: 699px) {
  *:not(i) {
    margin: 0;
    font-family: "ProductSans" !important;
  }

  html:not(i) {
    font-family: "ProductSans" !important;
  }

  .cont-header {
    display: flex;
    background: #fff;
    flex: 1 1;
    flex-direction: row;
    box-shadow: 0 0 10px rgb(0 0 0 / 14%);
    align-items: center;
    justify-self: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5;
  }

  .cont-full {
  }

  .cont-body {
    /* background: red; */

    /* padding: 29px; */

    margin-top: 130px;
  }

  .logo {
    width: 80px;
    height: 28px;
  }

  .cont-menus {
    margin: 0 0 0 39px;

    flex: 1;
  }

  .cont-logo {
    margin: 0 -55px 0 12px;

    padding: 15px;
  }

  .links links-a {
  }

  .links {
    color: #464646;
    margin: 0 0 0 17px;
    transition: 0.3s ease all;
    font-family: ProductSans;
    border-right: 3px solid #12ff00;
    padding-right: 18px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 0.9em;
  }

  .links:hover {
    color: #a0a0a0;
  }

  .transition {
    transition: 0.5s ease all;
    -webkit-transition: 0.5s ease all;
  }

  .border-none {
    border: none !important;
  }

  @font-face {
    font-family: ProductSans;
    src: url(../fonts/product-sans/ProductSans-Regular.ttf);
  }

  .cont-img {
    background: url(../img/MapsicleMap.png);

    background-size: 100% 100%;

    height: 436px;

    width: auto;

    border-radius: 50px;

    margin: 10px 22px;
  }

  .maps-content {
    height: 100%;

    background: rgba(0, 255, 56, 0.38);

    border-radius: 50px;

    justify-content: center;

    display: flex;

    align-items: center;

    justify-content: center;

    align-items: center;

    flex-direction: column;
  }

  .cont-btn-lean {
    margin: 27px 0 0 0;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;
  }

  .btn-lean {
    background-color: #464646 !important;

    padding: 11px 61px !important;

    /* line-height: 50px !important; */

    height: auto !important;

    border-radius: 31px !important;

    font-family: "ProductSans";

    text-transform: initial !important;

    font-size: 1.2em !important;

    margin: 0 47px 0 0px;

    font-family: "ProductSans";
  }

  .cont-article {
    margin: 88px 50px 91px 50px;
  }

  .article {
    padding: 25px;

    background: #ffffff;

    flex-wrap: wrap;

    margin: 0 10px 26px 0px;

    box-shadow: 0 0 32px 0px #bcbcbc;

    /* margin-bottom: -32px; */

    margin-top: 28px;

    width: 87%;

    height: auto;

    border-radius: 10px;

    cursor: pointer;
  }

  .art1 {
  }

  .art2 {
  }

  .art3 {
  }

  .art4 {
  }

  .art5 {
  }

  .art6 {
  }

  .art7 {
  }

  .art8 {
  }

  .cont-art {
    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    flex: 1;

    justify-content: center;

    align-items: center;
  }

  .cont-article2 {
    display: flex;
    flex-direction: row;
    justify-self: center;
    align-items: center;
    flex: 1;
    margin: 50px;
    margin-bottom: 19px;
    background: #ededed;
    /* margin-top: 77px; */
    border-radius: 50px;
    flex-wrap: wrap;
  }

  .c-art {
    padding: 0;

    /* background: red; */

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;
  }

  .cont-article2 {
  }

  .c-art1 {
    background: #595959;

    border-radius: 50px;

    /* width: 50%; */
  }

  .c-art2 {
    justify-content: flex-end;

    display: flex;

    flex-direction: column;

    text-align: right;

    align-items: flex-end;

    padding: 28px 41px 38px 2px;

    width: 100%;
  }

  .c-art2 {
    justify-content: flex-end;

    align-items: flex-end;

    padding-left: 40px;

    /* align-self: flex-end; */

    font-size: 87%;
  }

  .crt1 {
    justify-content: flex-start;

    align-items: flex-start;

    padding-left: 102px;

    width: 109%;

    text-align: left;
  }

  .crt2 {
    /* border-radius: 50px 0px 0px 50px; */
  }

  .cont-article3 {
  }

  .ct-art {
    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: 33px;

    padding-top: 30px;

    padding-bottom: 54px;
  }

  .ct-art-about {
    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: 62px;

    background: #f3f3f3;

    margin: 95px 56px;

    border-radius: 50px;
  }

  .cont-btn-mlogin {
    margin: 0 96px 0 17px;
  }

  .lk {
    margin: 0 0 0 25px;

    font-size: 110%;
  }

  .lk-login {
    color: #000000;

    /* font-family: 'ProductSans'; */

    font-weight: 550;
  }

  .lk-apl {
    background: rgba(0, 255, 56, 0.51);

    color: #464646;

    padding: 13px 26px;

    border-radius: 23px;

    font-family: "ProductSans";
  }

  .btn-cta {
    margin-top: 50px;
    margin-right: 0;
    background: rgba(0, 255, 56, 0.51) !important;
    /*Aqui cambié el color*/
    color: #464646 !important;
    padding: 16px 89px !important;
    height: auto !important;
    font-size: 119% !important;
    border-radius: 50px !important;
    font-weight: 600;
    text-transform: none !important;
  }

  .btn-FM {
    margin-top: 50px;
    margin-right: 0;
    background: #3385ff !important;
    color: #fff !important;
    padding: 16px 89px !important;
    height: auto !important;
    font-size: 119% !important;
    border-radius: 50px !important;
    /* font-weight: 600; */
    font-family: "ProductSans" !important;
    text-transform: initial !important;
  }

  .about-desc {
    margin: 50px 24px 50px 25px;

    justify-content: center;

    display: flex;

    flex-direction: column;

    align-items: center;
  }

  .cont-somos {
    margin: 44px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 50px 1px 139px 42px;
    background: #d6e7ff;
    border-radius: 40px;
    padding-bottom: 8px;
  }

  .cont-box-somos {
    width: auto;
    /* background: red; */
    margin-right: 18px;
  }

  .title-cont {
    font-weight: 550;
  }

  .round-box {
    width: 65px;

    height: 65px;

    border-radius: 80px;

    background-image: url("/web/src/img/icono - Copy.svg");

    margin: 46px 0px 0px 0px;
  }

  .desc-cont-box {
    /* width: 65%; */

    color: #333333;
  }

  .box-c {
    display: flex;
    flex-direction: row;
    /* justify-content: flex-start; */
    /* flex:  1; */
    flex-wrap: wrap;
    width: -webkit-fill-available;
    /* text-align: center; */
  }

  .cont-art {
  }

  .desc-art {
    text-align: left;

    color: #747ec4;

    text-rendering: optimizespeed;
  }

  .title-art {
    color: #747ec4;
  }

  .cont-b-art {
    padding: 14px;

    justify-content: center;

    align-items: center;

    text-align: center;
  }

  .icon-desc {
    font-size: 5em;

    color: #747ec4;
  }

  .article:hover {
    background: #747ec4;

    box-shadow: 0 0 44px 0px #747ec4;

    transform: scale(1.05);
  }

  .article:hover i {
    color: white;
  }

  .article:hover p {
    color: white;
  }

  .article:hover h4 {
    color: white;
  }

  .article:hover i {
    color: white !important;
  }

  .como-desc {
    background: #c4c4c433;

    padding: 36px;

    border-radius: 50px;

    padding: 70px 0 100px 0;
  }

  .cont-como {
    background: white;

    /* margin: 0 0 131px 0; */
  }

  .c-como {
    width: 100%;

    text-align: center;
  }

  .c-box-como {
    margin: 0px 5px 0px 0px;
  }

  .itle-cont-como {
  }

  .desc-cont-box-como {
    /* width: 99%; */
  }

  .round-box-como {
    background: #0058e0;

    width: 50px;

    height: 50px;

    border-radius: 50px;

    margin: 36px 0px 0px 0px;
  }

  .c-art-como {
    display: flex;

    align-items: center;

    justify-content: flex-start;

    flex-direction: column-reverse;

    width: 100%;

    flex: 1;

    /* padding: 50px 50px; */

    flex-wrap: wrap;
  }

  .c-art-1 {
  }

  .c-art-2 {
    flex-direction: row-reverse;
  }

  .c-art-title-como {
  }

  .cont-como-art {
    margin: 53px;

    justify-content: center;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    background: #c4c4c4;

    border-radius: 40px;

    margin-top: 7px;
  }

  .cont-box-como {
    /* margin: 48px 0px 0px 0px; */

    /* display: flex; */

    /* flex-direction: row; */

    /* margin: 0px 0px 0px 0px; */

    flex: 1;

    padding: 0px 23px 30px 36px;

    border-radius: 50px;

    width: 100%;
  }

  .title-cont-como {
    font-size: larger;

    font-weight: 500;
  }

  .c-comobox {
    display: flex;
  }

  .img-com-box {
    align-self: center;

    /* padding: 71px 106px 72px 147px; */

    background: #464646;

    /* border-radius: -8px; */

    height: 100%;

    width: 100%;

    border-radius: 50px;

    display: flex;

    justify-content: center;

    align-items: center;
  }

  .img-com-box img {
    width: 100%;

    height: 305px;

    border-radius: 43px;
  }

  .c-combox-revert {
    text-align: right;

    align-self: flex-end;

    justify-self: flex-end;

    display: flex;
  }

  .c-combox-revert .c-box-como {
  }

  .c-combox-revert .c-box-como {
    text-align: right;

    align-items: flex-end;

    justify-self: flex-end;

    display: flex;

    flex-direction: column;

    margin: 0px 13px 0px 23px;

    flex: 1;
  }

  .c-combox-revert .round-box-como {
    align-self: flex-end;

    /* float: right; */

    justify-self: flex-end;

    /* display: flex; */
  }

  .art-4-como {
    margin: 45px;

    display: flex;

    flex: 1;

    background: #c4c4c433;

    padding: 49px;

    border-radius: 22px;
  }

  .c-art img {
    border-style: none;
    width: 100%;
    height: 321px;
    border-radius: 50px;
  }

  .ct-middler {
  }

  .ct-middler img {
    width: 540px;

    height: 331px;
  }

  .cont-box-bf {
    width: 28%;

    margin: 0px 27px 86px 66px;

    /* background: red; */
  }

  .box-c-bf {
    justify-content: center;

    display: flex;

    flex-direction: row;

    flex: 1;

    align-items: center;

    flex-wrap: wrap;

    margin: 8px;

    /* background: red; */

    /* margin: 10px; */
  }

  .cont-bf {
    display: flex;

    flex-direction: column;

    flex: 1;

    justify-content: center;

    align-items: center;
  }

  .cont-benef {
    margin: 21px;
  }

  .c-benef {
    display: flex;
    flex-direction: row;
    flex: 1;
    background: #f3f3f3;
    border-radius: 50px;
  }

  .cont-box-benef {
    display: flex;

    flex: 1;

    justify-content: flex-start;

    /* width: 100%; */

    border-radius: 46px;

    flex-wrap: wrap;
  }

  .img-com-box-benef {
    width: 100%;

    flex: 1;
  }

  .img-com-box-benef img {
    width: 100%;

    border-radius: 50px;

    height: 316px;
  }

  .c-art-title-benef {
    align-self: center;

    justify-self: flex-end;

    text-align: right;

    padding: 46px;
  }

  .c-benef-box {
  }

  .c-box-benef {
  }

  .title-cont-benef {
  }

  .desc-cont-box-benef {
  }

  .round-box-benef {
  }

  .cont-login {
    margin: 39px;
  }

  .c-login {
    display: flex;
    flex-direction: row;
    flex: 1;
    background: #ffffff;
    border-radius: 50px;
  }

  .cont-box-login {
    display: flex;

    flex: 1;

    justify-content: center;

    width: 100%;

    border-radius: 46px;

    align-items: center;
  }

  .img-com-box-login {
    width: 55%;

    /* flex: 1; */

    display: none;
  }

  .img-com-box-login img {
    width: 384px;

    height: 77vh;

    border-radius: 0px;

    /* height: 467px; */

    display: none;
  }

  .c-art-title-login {
    align-self: center;

    justify-self: flex-end;

    text-align: right;

    padding: 95px;
  }

  .c-login-box {
  }

  .c-box-login {
  }

  .title-cont-login {
  }

  .desc-cont-box-login {
  }

  .round-box-login {
  }

  .c-art-login {
    /* flex: 1; */

    width: 100%;
  }

  .input-lg {
    display: flex;

    align-items: center;

    justify-content: center;
  }

  .input-l {
    border-radius: 19px !important;

    box-shadow: none !important;

    border: 0px !important;

    background: #c4c4c433 !important;

    /* padding: 11px 43px 9px 68px !important; */

    height: 40px !important;

    width: 100%;

    /* font-size: 16px; */

    margin: 0 0 0px 0 !important;
  }

  .icon-lg {
    margin: 0px -47px 0px 0px;

    font-size: 24px;

    color: #727272;
  }

  .cont-login-form {
    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    flex: 1;
  }

  .btn-login-from {
    /* background-color: rgba(0, 255, 56, 0.51) !important; */

    /* padding: 11px 61px !important; */

    /* line-height: 50px !important; */

    height: auto !important;

    border-radius: 31px !important;

    font-family: "ProductSans";

    text-transform: initial !important;

    font-size: 1.2em !important;

    margin: 0px;

    font-family: "ProductSans";
  }

  .title-login {
    text-align: center;
    /* font-family: 'ProductSans'; */
    margin-bottom: 50px;
    /* font-weight: 600; */
  }
}

@media screen and (min-width: 500px) and (max-width: 599px) {
  *:not(i) {
    margin: 0;
    font-family: "ProductSans" !important;
  }

  html:not(i) {
    font-family: "ProductSans" !important;
  }

  .cont-header {
    display: flex;
    background: #fff;
    flex: 1 1;
    flex-direction: row;
    box-shadow: 0 0 10px rgb(0 0 0 / 14%);
    align-items: center;
    justify-self: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5;
  }

  .cont-full {
  }

  .cont-body {
    /* background: red; */

    /* padding: 29px; */

    margin-top: 68px;
  }

  .logo {
    width: 100px;
    height: 28px;
  }

  .cont-menus {
    margin: 0 0 0 39px;

    flex: 1;
  }

  .cont-logo {
    margin: 0 -55px 0 12px;

    padding: 15px;
  }

  .links links-a {
  }

  .links {
    color: #464646;
    margin: 0 0 0 17px;
    transition: 0.3s ease all;
    font-family: ProductSans;
    border-right: 3px solid #12ff00;
    padding-right: 18px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 0.9em;
  }

  .links:hover {
    color: #a0a0a0;
  }

  .transition {
    transition: 0.5s ease all;
    -webkit-transition: 0.5s ease all;
  }

  .border-none {
    border: none !important;
  }

  @font-face {
    font-family: ProductSans;
    src: url(../fonts/product-sans/ProductSans-Regular.ttf);
  }

  .cont-img {
    background: url(../img/MapsicleMap.png);

    background-size: 100% 100%;

    height: 436px;

    width: auto;

    border-radius: 50px;

    margin: 10px 22px;
  }

  .maps-content {
    height: 100%;

    background: rgba(0, 255, 56, 0.38);

    border-radius: 50px;

    justify-content: center;

    display: flex;

    align-items: center;

    justify-content: center;

    align-items: center;

    flex-direction: column;
  }

  .cont-btn-lean {
    margin: 27px 0 0 0;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;
  }

  .btn-lean {
    background-color: #464646 !important;

    padding: 11px 61px !important;

    /* line-height: 50px !important; */

    height: auto !important;

    border-radius: 31px !important;

    font-family: "ProductSans";

    text-transform: initial !important;

    font-size: 1.2em !important;

    margin: 0 47px 0 0px;

    font-family: "ProductSans";
  }

  .cont-article {
    margin: 88px 50px 91px 50px;
  }

  .article {
    padding: 25px;

    background: #ffffff;

    flex-wrap: wrap;

    margin: 0 10px 26px 0px;

    box-shadow: 0 0 32px 0px #bcbcbc;

    /* margin-bottom: -32px; */

    margin-top: 28px;

    width: 87%;

    height: auto;

    border-radius: 10px;

    cursor: pointer;
  }

  .art1 {
  }

  .art2 {
  }

  .art3 {
  }

  .art4 {
  }

  .art5 {
  }

  .art6 {
  }

  .art7 {
  }

  .art8 {
  }

  .cont-art {
    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    flex: 1;

    justify-content: center;

    align-items: center;
  }

  .cont-article2 {
    display: flex;
    flex-direction: row;
    justify-self: center;
    align-items: center;
    flex: 1;
    margin: 50px;
    margin-bottom: 19px;
    background: #ededed;
    /* margin-top: 77px; */
    border-radius: 50px;
    flex-wrap: wrap;
  }

  .c-art {
    padding: 0;

    /* background: red; */

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;
  }

  .cont-article2 {
  }

  .c-art1 {
    background: #595959;

    border-radius: 50px;

    /* width: 50%; */
  }

  .c-art2 {
    justify-content: flex-end;

    display: flex;

    flex-direction: column;

    text-align: right;

    align-items: flex-end;

    padding: 28px 41px 38px 2px;

    width: 100%;
  }

  .c-art2 {
    justify-content: flex-end;

    align-items: flex-end;

    padding-left: 40px;

    /* align-self: flex-end; */

    font-size: 87%;
  }

  .crt1 {
    justify-content: flex-start;

    align-items: flex-start;

    padding-left: 42px;

    width: 109%;

    text-align: left;
  }

  .crt2 {
    /* border-radius: 50px 0px 0px 50px; */
  }

  .cont-article3 {
  }

  .ct-art {
    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: 33px;

    padding-top: 30px;

    padding-bottom: 54px;
  }

  .ct-art-about {
    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: 62px;

    background: #f3f3f3;

    margin: 95px 10px;

    border-radius: 50px;
  }

  .cont-btn-mlogin {
    margin: 0 96px 0 17px;
  }

  .lk {
    margin: 0 0 0 25px;

    font-size: 110%;
  }

  .lk-login {
    color: #000000;

    /* font-family: 'ProductSans'; */

    font-weight: 550;
  }

  .lk-apl {
    background: rgba(0, 255, 56, 0.51);

    color: #464646;

    padding: 13px 26px;

    border-radius: 23px;

    font-family: "ProductSans";
  }

  .btn-cta {
    margin-top: 50px;
    margin-right: 0;
    background: rgba(0, 255, 56, 0.51) !important;
    /*Aqui cambié el color*/
    color: #464646 !important;
    padding: 16px 89px !important;
    height: auto !important;
    font-size: 119% !important;
    border-radius: 50px !important;
    font-weight: 600;
    text-transform: none !important;
  }

  .btn-FM {
    margin-top: 50px;
    margin-right: 0;
    background: #3385ff !important;
    color: #fff !important;
    padding: 16px 89px !important;
    height: auto !important;
    font-size: 119% !important;
    border-radius: 50px !important;
    /* font-weight: 600; */
    font-family: "ProductSans" !important;
    text-transform: initial !important;
  }

  .about-desc {
    margin: 50px 24px 50px 25px;

    justify-content: center;

    display: flex;

    flex-direction: column;

    align-items: center;
  }

  .cont-somos {
    margin: 17px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 50px 1px 139px 42px;
    background: #d6e7ff;
    border-radius: 40px;
    padding-bottom: 8px;
  }

  .cont-box-somos {
    width: auto;
    /* background: red; */
    margin-right: 10px;
  }

  .title-cont {
    font-weight: 550;
  }

  .round-box {
    width: 65px;

    height: 65px;

    border-radius: 80px;

    background-image: url("/web/src/img/icono - Copy.svg");

    margin: 46px 0px 0px 0px;
  }

  .desc-cont-box {
    /* width: 65%; */

    color: #333333;
  }

  .box-c {
    display: flex;
    flex-direction: row;
    /* justify-content: flex-start; */
    /* flex:  1; */
    flex-wrap: wrap;
    width: -webkit-fill-available;
    /* text-align: center; */
  }

  .cont-art {
  }

  .desc-art {
    text-align: left;

    color: #747ec4;

    text-rendering: optimizespeed;
  }

  .title-art {
    color: #747ec4;
  }

  .cont-b-art {
    padding: 14px;

    justify-content: center;

    align-items: center;

    text-align: center;
  }

  .icon-desc {
    font-size: 5em;

    color: #747ec4;
  }

  .article:hover {
    background: #747ec4;

    box-shadow: 0 0 44px 0px #747ec4;

    transform: scale(1.05);
  }

  .article:hover i {
    color: white;
  }

  .article:hover p {
    color: white;
  }

  .article:hover h4 {
    color: white;
  }

  .article:hover i {
    color: white !important;
  }

  .como-desc {
    background: #c4c4c433;

    padding: 36px;

    border-radius: 50px;

    padding: 70px 0 100px 0;
  }

  .cont-como {
    background: white;

    /* margin: 0 0 131px 0; */
  }

  .c-como {
    width: 100%;

    text-align: center;
  }

  .c-box-como {
    margin: 0px 5px 0px 0px;
  }

  .itle-cont-como {
  }

  .desc-cont-box-como {
    /* width: 99%; */
  }

  .round-box-como {
    background: #0058e0;

    width: 50px;

    height: 50px;

    border-radius: 50px;

    margin: 36px 0px 0px 0px;
  }

  .c-art-como {
    display: flex;

    align-items: center;

    justify-content: flex-start;

    flex-direction: column-reverse;

    width: 100%;

    flex: 1;

    /* padding: 50px 50px; */

    flex-wrap: wrap;
  }

  .c-art-1 {
  }

  .c-art-2 {
    flex-direction: row-reverse;
  }

  .c-art-title-como {
  }

  .cont-como-art {
    margin: 53px;

    justify-content: center;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    background: #c4c4c4;

    border-radius: 40px;

    margin-top: 7px;
  }

  .cont-box-como {
    /* margin: 48px 0px 0px 0px; */

    /* display: flex; */

    /* flex-direction: row; */

    /* margin: 0px 0px 0px 0px; */

    flex: 1;

    padding: 0px 23px 30px 36px;

    border-radius: 50px;

    width: 100%;
  }

  .title-cont-como {
    font-size: larger;

    font-weight: 500;
  }

  .c-comobox {
    display: flex;
  }

  .img-com-box {
    align-self: center;

    /* padding: 71px 106px 72px 147px; */

    background: #464646;

    /* border-radius: -8px; */

    height: 100%;

    width: 100%;

    border-radius: 50px;

    display: flex;

    justify-content: center;

    align-items: center;
  }

  .img-com-box img {
    width: 100%;

    height: 305px;

    border-radius: 43px;
  }

  .c-combox-revert {
    text-align: right;

    align-self: flex-end;

    justify-self: flex-end;

    display: flex;
  }

  .c-combox-revert .c-box-como {
  }

  .c-combox-revert .c-box-como {
    text-align: right;

    align-items: flex-end;

    justify-self: flex-end;

    display: flex;

    flex-direction: column;

    margin: 0px 13px 0px 23px;

    flex: 1;
  }

  .c-combox-revert .round-box-como {
    align-self: flex-end;

    /* float: right; */

    justify-self: flex-end;

    /* display: flex; */
  }

  .art-4-como {
    margin: 45px;

    display: flex;

    flex: 1;

    background: #c4c4c433;

    padding: 49px;

    border-radius: 22px;
  }

  .c-art img {
    border-style: none;
    width: 100%;
    height: 321px;
    border-radius: 50px;
  }

  .ct-middler {
  }

  .ct-middler img {
    width: 448px;

    height: 331px;
  }

  .cont-box-bf {
    width: 28%;

    margin: 0px 27px 86px 66px;

    /* background: red; */
  }

  .box-c-bf {
    justify-content: center;

    display: flex;

    flex-direction: row;

    flex: 1;

    align-items: center;

    flex-wrap: wrap;

    margin: 8px;

    /* background: red; */

    /* margin: 10px; */
  }

  .cont-bf {
    display: flex;

    flex-direction: column;

    flex: 1;

    justify-content: center;

    align-items: center;
  }

  .cont-benef {
    margin: 21px;
  }

  .c-benef {
    display: flex;
    flex-direction: row;
    flex: 1;
    background: #f3f3f3;
    border-radius: 50px;
  }

  .cont-box-benef {
    display: flex;

    flex: 1;

    justify-content: flex-start;

    /* width: 100%; */

    border-radius: 46px;

    flex-wrap: wrap;
  }

  .img-com-box-benef {
    width: 100%;

    flex: 1;
  }

  .img-com-box-benef img {
    width: 100%;

    border-radius: 50px;

    height: 316px;
  }

  .c-art-title-benef {
    align-self: center;

    justify-self: flex-end;

    text-align: right;

    padding: 46px;
  }

  .c-benef-box {
  }

  .c-box-benef {
  }

  .title-cont-benef {
  }

  .desc-cont-box-benef {
  }

  .round-box-benef {
  }

  .cont-login {
    margin: 39px;
  }

  .c-login {
    display: flex;
    flex-direction: row;
    flex: 1;
    background: #ffffff;
    border-radius: 50px;
  }

  .cont-box-login {
    display: flex;

    flex: 1;

    justify-content: center;

    width: 100%;

    border-radius: 46px;

    align-items: center;
  }

  .img-com-box-login {
    width: 55%;

    /* flex: 1; */

    display: none;
  }

  .img-com-box-login img {
    width: 384px;

    height: 77vh;

    border-radius: 0px;

    /* height: 467px; */

    display: none;
  }

  .c-art-title-login {
    align-self: center;

    justify-self: flex-end;

    text-align: right;

    padding: 95px;
  }

  .c-login-box {
  }

  .c-box-login {
  }

  .title-cont-login {
  }

  .desc-cont-box-login {
  }

  .round-box-login {
  }

  .c-art-login {
    /* flex: 1; */

    width: 100%;
  }

  .input-lg {
    display: flex;

    align-items: center;

    justify-content: center;
  }

  .input-l {
    border-radius: 19px !important;

    box-shadow: none !important;

    border: 0px !important;

    background: #c4c4c433 !important;

    /* padding: 11px 43px 9px 68px !important; */

    height: 40px !important;

    width: 100%;

    /* font-size: 16px; */

    margin: 0 0 0px 0 !important;
  }

  .icon-lg {
    margin: 0px -47px 0px 0px;

    font-size: 24px;

    color: #727272;
  }

  .cont-login-form {
    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    flex: 1;
  }

  .btn-login-from {
    /* background-color: rgba(0, 255, 56, 0.51) !important; */

    /* padding: 11px 61px !important; */

    /* line-height: 50px !important; */

    height: auto !important;

    border-radius: 31px !important;

    font-family: "ProductSans";

    text-transform: initial !important;

    font-size: 1.2em !important;

    margin: 0px;

    font-family: "ProductSans";
  }

  .title-login {
    text-align: center;
    /* font-family: 'ProductSans'; */
    margin-bottom: 50px;
    /* font-weight: 600; */
  }
}

@media screen and (min-width: 400px) and (max-width: 499px) {
  .title-ctg {
    font-size: 1rem;
  }

  .ctg-prof {
    margin: 0;
    /* word-break: break-word; */
  }

  .icon-img-ctg {
  }

  .maps-content div {
    text-align: center;
  }

  .cont-article h3 {
    margin: 0px;

    margin-left: 0px;
  }

  .cont-article div {
    margin: 0px !important;

    margin-left: 0px;
  }

  .c-art h4 {
  }

  .c-art h3 {
    font-size: 243%;
  }

  .art-4-como h4 {
    font-size: 149%;
  }

  .video-comov {
    width: 100%;
  }

  .ct-art-about h2 {
    font-size: 283%;
  }

  .maps-content h1 {
    font-size: 294%;
  }

  *:not(i) {
    margin: 0;
    font-family: "ProductSans" !important;
  }

  html:not(i) {
    font-family: "ProductSans" !important;
  }

  .cont-header {
    display: flex;
    background: #fff;
    flex: 1 1;
    flex-direction: row;
    box-shadow: 0 0 10px rgb(0 0 0 / 14%);
    align-items: center;
    justify-self: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5;
  }

  .cont-full {
  }

  .cont-body {
    /* background: red; */

    /* padding: 29px; */

    margin-top: 130px;
  }

  .logo {
    width: 100px;
    height: 28px;
  }

  .cont-menus {
    margin: 0 0 0 39px;

    flex: 1;
  }

  .cont-logo {
    margin: 0 -55px 0 12px;

    padding: 15px;
  }

  .links links-a {
  }

  .links {
    color: #464646;
    margin: 0 0 0 17px;
    transition: 0.3s ease all;
    font-family: ProductSans;
    border-right: 3px solid #12ff00;
    padding-right: 18px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 0.9em;
  }

  .links:hover {
    color: #a0a0a0;
  }

  .transition {
    transition: 0.5s ease all;
    -webkit-transition: 0.5s ease all;
  }

  .border-none {
    border: none !important;
  }

  @font-face {
    font-family: ProductSans;
    src: url(../fonts/product-sans/ProductSans-Regular.ttf);
  }

  .cont-img {
    background: url(../img/MapsicleMap.png);

    background-size: 100% 100%;

    height: 436px;

    width: auto;

    border-radius: 50px;

    margin: 10px 22px;
  }

  .maps-content {
    height: 100%;

    background: rgba(0, 255, 56, 0.38);

    border-radius: 50px;

    justify-content: center;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 27px;

    align-items: center;

    flex-direction: column;
  }

  .cont-btn-lean {
    margin: 27px 0 0 0;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;
  }

  .btn-lean {
    background-color: #464646 !important;

    padding: 11px 61px !important;

    /* line-height: 50px !important; */

    height: auto !important;

    border-radius: 31px !important;

    font-family: "ProductSans";

    text-transform: initial !important;

    font-size: 1.2em !important;

    margin: 0 0px 25px 0px;

    font-family: "ProductSans";

    width: 100%;
  }

  .cont-article {
    margin: 88px 14px 77px 28px;
  }

  .article {
    padding: 25px;

    background: #ffffff;

    flex-wrap: wrap;

    margin: 0 10px 26px 0px;

    box-shadow: 0 0 32px 0px #bcbcbc;

    /* margin-bottom: -32px; */

    margin-top: 28px;

    width: 100%;

    height: auto;

    border-radius: 10px;

    cursor: pointer;
  }

  .art1 {
  }

  .art2 {
  }

  .art3 {
  }

  .art4 {
  }

  .art5 {
  }

  .art6 {
  }

  .art7 {
  }

  .art8 {
  }

  .cont-art {
    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    flex: 1;

    justify-content: center;

    align-items: center;
  }

  .cont-article2 {
    display: flex;
    flex-direction: row;
    justify-self: center;
    align-items: center;
    flex: 1;
    margin: 16px;
    margin-bottom: 19px;
    background: #ededed;
    /* margin-top: 77px; */
    border-radius: 50px;
    flex-wrap: wrap;
  }

  .c-art {
    padding: 0;

    /* background: red; */

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;
  }

  .cont-article2 {
  }

  .c-art1 {
    background: #595959;

    border-radius: 50px;

    /* width: 50%; */
  }

  .c-art2 {
    justify-content: flex-end;

    display: flex;

    flex-direction: column;

    text-align: right;

    align-items: flex-end;

    padding: 28px 41px 38px 2px;

    width: 100%;
  }

  .c-art2 {
    justify-content: flex-end;

    align-items: flex-end;

    padding-left: 40px;

    /* align-self: flex-end; */

    font-size: 87%;
  }

  .crt1 {
    justify-content: flex-start;

    align-items: flex-start;

    padding-left: 42px;

    width: 109%;

    text-align: left;
  }

  .crt2 {
    /* border-radius: 50px 0px 0px 50px; */
  }

  .cont-article3 {
  }

  .ct-art {
    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: 11px;

    padding-top: 30px;

    padding-bottom: 54px;
  }

  .ct-art-about {
    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: 62px;

    background: #f3f3f3;

    margin: 95px 10px;

    border-radius: 50px;
  }

  .cont-btn-mlogin {
    margin: 0 96px 0 17px;
  }

  .lk {
    margin: 0 0 0 25px;

    font-size: 110%;
  }

  .lk-login {
    color: #000000;

    /* font-family: 'ProductSans'; */

    font-weight: 550;
  }

  .lk-apl {
    background: rgba(0, 255, 56, 0.51);

    color: #464646;

    padding: 13px 26px;

    border-radius: 23px;

    font-family: "ProductSans";
  }

  .btn-cta {
    margin-top: 50px;
    margin-right: 0;
    background: rgba(0, 255, 56, 0.51) !important;
    /*Aqui cambié el color*/
    color: #464646 !important;
    padding: 16px 89px !important;
    height: auto !important;
    font-size: 119% !important;
    border-radius: 50px !important;
    font-weight: 600;
    text-transform: none !important;
  }

  .btn-FM {
    margin-top: 50px;
    margin-right: 0;
    background: #3385ff !important;
    color: #fff !important;
    padding: 16px 89px !important;
    height: auto !important;
    font-size: 119% !important;
    border-radius: 50px !important;
    /* font-weight: 600; */
    font-family: "ProductSans" !important;
    text-transform: initial !important;
  }

  .about-desc {
    margin: 50px 13px 21px 12px;

    justify-content: center;

    display: flex;

    flex-direction: column;

    align-items: center;
  }

  .cont-somos {
    margin: 17px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 50px 1px 139px 42px;
    background: #d6e7ff;
    border-radius: 40px;
    padding-bottom: 8px;
  }

  .cont-box-somos {
    width: auto;
    /* background: red; */
    /* margin: 5px 22px; */
  }

  .title-cont {
    font-weight: 550;
  }

  .round-box {
    width: 65px;

    height: 65px;

    border-radius: 80px;

    background-image: url("/web/src/img/icono - Copy.svg");

    margin: 46px 0px 0px 0px;
  }

  .desc-cont-box {
    /* width: 65%; */

    color: #333333;
  }

  .box-c {
    display: flex;
    flex-direction: row;
    /* justify-content: flex-start; */
    /* flex:  1; */
    flex-wrap: wrap;
    width: -webkit-fill-available;
    /* text-align: center; */
  }

  .cont-art {
  }

  .desc-art {
    text-align: left;

    color: #747ec4;

    text-rendering: optimizespeed;
  }

  .title-art {
    color: #747ec4;
  }

  .cont-b-art {
    padding: 14px;

    justify-content: center;

    align-items: center;

    text-align: center;
  }

  .icon-desc {
    font-size: 5em;

    color: #747ec4;
  }

  .article:hover {
    background: #747ec4;

    box-shadow: 0 0 44px 0px #747ec4;

    transform: scale(1.05);
  }

  .article:hover i {
    color: white;
  }

  .article:hover p {
    color: white;
  }

  .article:hover h4 {
    color: white;
  }

  .article:hover i {
    color: white !important;
  }

  .como-desc {
    background: #c4c4c433;

    padding: 36px;

    border-radius: 50px;

    padding: 70px 0 100px 0;
  }

  .cont-como {
    background: white;

    /* margin: 0 0 131px 0; */
  }

  .c-como {
    width: 100%;

    text-align: center;

    padding: 5px;
  }

  .c-box-como {
    margin: 0px 5px 0px 0px;
  }

  .itle-cont-como {
  }

  .desc-cont-box-como {
    /* width: 99%; */
  }

  .round-box-como {
    background: #0058e0;

    width: 50px;

    height: 50px;

    border-radius: 50px;

    margin: 36px 0px 0px 0px;
  }

  .c-art-como {
    display: flex;

    align-items: center;

    justify-content: flex-start;

    flex-direction: column-reverse;

    width: 100%;

    flex: 1;

    /* padding: 50px 50px; */

    flex-wrap: wrap;
  }

  .c-art-1 {
  }

  .c-art-2 {
    flex-direction: row-reverse;
  }

  .c-art-title-como {
  }

  .cont-como-art {
    margin: 12px;

    justify-content: center;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    background: #c4c4c4;

    border-radius: 40px;

    margin-bottom: 46px;
  }

  .cont-box-como {
    margin: 48px 0px 0px 0px;

    /* display: flex; */

    /* flex-direction: row; */

    /* margin: 0px 0px 0px 0px; */

    flex: 1;

    padding: 0px 23px 30px 36px;

    border-radius: 50px;

    width: 100%;
  }

  .title-cont-como {
    font-size: larger;

    font-weight: 500;
  }

  .c-comobox {
    display: flex;
  }

  .img-com-box {
    align-self: center;

    /* padding: 71px 106px 72px 147px; */

    background: #464646;

    /* border-radius: -8px; */

    height: 100%;

    width: 100%;

    border-radius: 50px;

    display: flex;

    justify-content: center;

    align-items: center;
  }

  .img-com-box img {
    width: 100%;

    height: 223px;

    border-radius: 43px;
  }

  .c-combox-revert {
    text-align: right;

    align-self: flex-end;

    justify-self: flex-end;

    display: flex;
  }

  .c-combox-revert .c-box-como {
  }

  .c-combox-revert .c-box-como {
    text-align: right;

    align-items: flex-end;

    justify-self: flex-end;

    display: flex;

    flex-direction: column;

    margin: 0px 13px 0px 23px;

    flex: 1;
  }

  .c-combox-revert .round-box-como {
    align-self: flex-end;

    /* float: right; */

    justify-self: flex-end;

    /* display: flex; */
  }

  .art-4-como {
    padding: 48px;

    margin: 17px;

    display: flex;

    flex: 1;

    padding: 13px;

    padding: 49px;

    border-radius: 22px;

    font-size: 86%;
  }

  .c-art img {
    border-style: none;
    width: 100%;
    height: 321px;
    border-radius: 50px;
  }

  .ct-middler {
  }

  .ct-middler img {
    width: 396px;

    height: 288px;
  }

  .cont-box-bf {
    width: 100%;

    margin: 0px 27px 86px 66px;

    /* background: red; */
  }

  .box-c-bf {
    justify-content: center;

    display: flex;

    flex-direction: row;

    flex: 1;

    align-items: center;

    flex-wrap: wrap;

    margin: 8px;

    /* background: red; */

    /* margin: 10px; */
  }

  .cont-bf {
    display: flex;

    flex-direction: column;

    flex: 1;

    justify-content: center;

    align-items: center;
  }

  .cont-benef {
    margin: 21px;
  }

  .c-benef {
    display: flex;
    flex-direction: row;
    flex: 1;
    background: #f3f3f3;
    border-radius: 50px;
  }

  .cont-box-benef {
    display: flex;

    flex: 1;

    justify-content: flex-start;

    /* width: 100%; */

    border-radius: 46px;

    flex-wrap: wrap;
  }

  .img-com-box-benef {
    width: 100%;

    flex: 1;
  }

  .img-com-box-benef img {
    width: 100%;

    border-radius: 50px;

    height: 316px;
  }

  .c-art-title-benef {
    align-self: center;

    justify-self: flex-end;

    text-align: right;

    padding: 46px;
  }

  .c-benef-box {
  }

  .c-box-benef {
  }

  .title-cont-benef {
  }

  .desc-cont-box-benef {
  }

  .round-box-benef {
  }

  .cont-login {
    margin: 39px;
  }

  .c-login {
    display: flex;
    flex-direction: row;
    flex: 1;
    background: #ffffff;
    border-radius: 50px;
  }

  .cont-box-login {
    display: flex;

    flex: 1;

    justify-content: center;

    width: 100%;

    border-radius: 46px;

    align-items: center;
  }

  .img-com-box-login {
    width: 55%;

    /* flex: 1; */

    display: none;
  }

  .img-com-box-login img {
    width: 384px;

    height: 77vh;

    border-radius: 0px;

    /* height: 467px; */

    display: none;
  }

  .c-art-title-login {
    align-self: center;

    justify-self: flex-end;

    text-align: right;

    padding: 95px;
  }

  .c-login-box {
  }

  .c-box-login {
  }

  .title-cont-login {
  }

  .desc-cont-box-login {
  }

  .round-box-login {
  }

  .c-art-login {
    /* flex: 1; */

    width: 100%;
  }

  .input-lg {
    display: flex;

    align-items: center;

    justify-content: center;
  }

  .input-l {
    border-radius: 19px !important;

    box-shadow: none !important;

    border: 0px !important;

    background: #c4c4c433 !important;

    /* padding: 11px 43px 9px 68px !important; */

    height: 40px !important;

    width: 100%;

    /* font-size: 16px; */

    margin: 0 0 0px 0 !important;
  }

  .icon-lg {
    margin: 0px -47px 0px 0px;

    font-size: 24px;

    color: #727272;
  }

  .cont-login-form {
    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    flex: 1;
  }

  .btn-login-from {
    /* background-color: rgba(0, 255, 56, 0.51) !important; */

    /* padding: 11px 61px !important; */

    /* line-height: 50px !important; */

    height: auto !important;

    border-radius: 31px !important;

    font-family: "ProductSans";

    text-transform: initial !important;

    font-size: 1.2em !important;

    margin: 0px;

    font-family: "ProductSans";
  }

  .title-login {
    text-align: center;
    /* font-family: 'ProductSans'; */
    margin-bottom: 50px;
    /* font-weight: 600; */
  }
}

@media screen and (min-width: 300px) and (max-width: 399px) {
  .title-ctg {
    font-size: 1rem;
  }

  .ctg-prof {
    margin: 0;
    word-break: break-word;
    padding: 15px;
    margin-bottom: 10px;
  }

  .icon-img-ctg {
  }

  .input-row {
    padding: 0px;
    flex-direction: column;
  }

  .about-desc h3 {
    font-size: 193%;
  }

  .maps-content div {
    text-align: center;
  }

  .cont-article h3 {
    margin: 0px;

    margin-left: 0px;

    font-size: 211%;
  }

  .cont-article div {
    margin: 0px !important;

    margin-left: 0px;
  }

  .c-art h4 {
  }

  .c-art h3 {
    font-size: 204%;
  }

  .art-4-como h4 {
    font-size: 149%;
  }

  .video-comov {
    width: 100%;
  }

  .ct-art-about h2 {
    font-size: 191%;
  }

  .maps-content h1 {
    font-size: 249%;
  }

  *:not(i) {
    margin: 0;
    font-family: "ProductSans" !important;
  }

  html:not(i) {
    font-family: "ProductSans" !important;
  }

  .cont-header {
    display: flex;
    background: #fff;
    flex: 1 1;
    flex-direction: row;
    box-shadow: 0 0 10px rgb(0 0 0 / 14%);
    align-items: center;
    justify-self: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5;
  }

  .cont-full {
  }

  .cont-body {
    /* background: red; */

    /* padding: 29px; */

    margin-top: 71px;
    /* width: fit-content; */
  }

  .logo {
    width: 100px;
    height: 28px;
  }

  .cont-menus {
    margin: 0 0 0 39px;

    flex: 1;
  }

  .cont-logo {
    margin: 0 -55px 0 12px;

    padding: 15px;
  }

  .links links-a {
  }

  .links {
    color: #464646;
    margin: 0 0 0 17px;
    transition: 0.3s ease all;
    font-family: ProductSans;
    border-right: 3px solid #12ff00;
    padding-right: 18px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 0.9em;
  }

  .links:hover {
    color: #a0a0a0;
  }

  .transition {
    transition: 0.5s ease all;
    -webkit-transition: 0.5s ease all;
  }

  .border-none {
    border: none !important;
  }

  @font-face {
    font-family: ProductSans;
    src: url(../fonts/product-sans/ProductSans-Regular.ttf);
  }

  .cont-img {
    background: url(../img/MapsicleMap.png);

    background-size: 100% 100%;

    height: 436px;

    width: auto;

    border-radius: 50px;

    margin: 10px 22px;
  }

  .maps-content {
    height: 100%;

    background: rgba(0, 255, 56, 0.38);

    border-radius: 50px;

    justify-content: center;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 27px;

    align-items: center;

    flex-direction: column;
  }

  .cont-btn-lean {
    margin: 27px 0 0 0;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;
  }

  .btn-lean {
    background-color: #464646 !important;

    padding: 11px 61px !important;

    /* line-height: 50px !important; */

    height: auto !important;

    border-radius: 31px !important;

    font-family: "ProductSans";

    text-transform: initial !important;

    font-size: 1.2em !important;

    margin: 0 0px 25px 0px;

    font-family: "ProductSans";

    width: 100%;
  }

  .cont-article {
    margin: 88px 14px 77px 28px;
  }

  .article {
    padding: 25px;

    background: #ffffff;

    flex-wrap: wrap;

    margin: 0 10px 26px 0px;

    box-shadow: 0 0 32px 0px #bcbcbc;

    /* margin-bottom: -32px; */

    margin-top: 28px;

    width: 100%;

    height: auto;

    border-radius: 10px;

    cursor: pointer;
  }

  .art1 {
  }

  .art2 {
  }

  .art3 {
  }

  .art4 {
  }

  .art5 {
  }

  .art6 {
  }

  .art7 {
  }

  .art8 {
  }

  .cont-art {
    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    flex: 1;

    justify-content: center;

    align-items: center;
  }

  .cont-article2 {
    display: flex;
    flex-direction: row;
    justify-self: center;
    align-items: center;
    flex: 1;
    margin: 16px;
    margin-bottom: 19px;
    background: #ededed;
    /* margin-top: 77px; */
    border-radius: 50px;
    flex-wrap: wrap;
  }

  .c-art {
    padding: 0;

    /* background: red; */

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;
  }

  .cont-article2 {
  }

  .c-art1 {
    background: #595959;

    border-radius: 50px;

    /* width: 50%; */
  }

  .c-art2 {
    justify-content: flex-end;

    display: flex;

    flex-direction: column;

    text-align: right;

    align-items: flex-end;

    padding: 28px 41px 38px 2px;

    width: 100%;
  }

  .c-art2 {
    justify-content: flex-end;

    align-items: flex-end;

    padding-left: 40px;

    /* align-self: flex-end; */

    font-size: 87%;
  }

  .crt1 {
    justify-content: flex-start;

    align-items: flex-start;

    padding-left: 42px;

    width: 109%;

    text-align: left;
  }

  .crt2 {
    /* border-radius: 50px 0px 0px 50px; */
  }

  .cont-article3 {
  }

  .ct-art {
    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: 11px;

    padding-top: 30px;

    padding-bottom: 54px;
  }

  .ct-art-about {
    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: 62px;

    background: #f3f3f3;

    margin: 95px 10px;

    border-radius: 50px;
  }

  .cont-btn-mlogin {
    margin: 0 96px 0 17px;
  }

  .lk {
    margin: 0 0 0 25px;

    font-size: 110%;
  }

  .lk-login {
    color: #000000;

    /* font-family: 'ProductSans'; */

    font-weight: 550;
  }

  .lk-apl {
    background: rgba(0, 255, 56, 0.51);

    color: #464646;

    padding: 13px 26px;

    border-radius: 23px;

    font-family: "ProductSans";
  }

  .btn-cta {
    margin-top: 50px;
    margin-right: 0;
    background: rgba(0, 255, 56, 0.51) !important;
    /*Aqui cambié el color*/
    color: #464646 !important;
    padding: 16px 89px !important;
    height: auto !important;
    font-size: 119% !important;
    border-radius: 50px !important;
    font-weight: 600;
    text-transform: none !important;
  }

  .btn-FM {
    margin-top: 50px;
    margin-right: 0;
    background: #3385ff !important;
    color: #fff !important;
    padding: 16px 89px !important;
    height: auto !important;
    font-size: 119% !important;
    border-radius: 50px !important;
    /* font-weight: 600; */
    font-family: "ProductSans" !important;
    text-transform: initial !important;
  }

  .about-desc {
    margin: 50px 13px 21px 12px;

    justify-content: center;

    display: flex;

    flex-direction: column;

    align-items: center;
  }

  .cont-somos {
    margin: 17px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 50px 1px 139px 42px;
    background: #d6e7ff;
    border-radius: 40px;
    padding-bottom: 8px;
  }

  .cont-box-somos {
    width: auto;
    /* background: red; */
    margin-right: 10px;
  }

  .title-cont {
    font-weight: 550;
  }

  .round-box {
    width: 65px;

    height: 65px;

    border-radius: 80px;

    background-image: url("/web/src/img/icono - Copy.svg");

    margin: 46px 0px 0px 0px;
  }

  .desc-cont-box {
    /* width: 65%; */

    color: #333333;
  }

  .box-c {
    display: flex;
    flex-direction: row;
    /* justify-content: flex-start; */
    /* flex:  1; */
    flex-wrap: wrap;
    width: -webkit-fill-available;
    /* text-align: center; */
  }

  .cont-art {
  }

  .desc-art {
    text-align: left;

    color: #747ec4;

    text-rendering: optimizespeed;
  }

  .title-art {
    color: #747ec4;
  }

  .cont-b-art {
    padding: 14px;

    justify-content: center;

    align-items: center;

    text-align: center;
  }

  .icon-desc {
    font-size: 5em;

    color: #747ec4;
  }

  .article:hover {
    background: #747ec4;

    box-shadow: 0 0 44px 0px #747ec4;

    transform: scale(1.05);
  }

  .article:hover i {
    color: white;
  }

  .article:hover p {
    color: white;
  }

  .article:hover h4 {
    color: white;
  }

  .article:hover i {
    color: white !important;
  }

  .como-desc {
    background: #c4c4c433;

    padding: 36px;

    border-radius: 50px;

    padding: 70px 0 100px 0;
  }

  .cont-como {
    background: white;

    /* margin: 0 0 131px 0; */
  }

  .c-como {
    width: 100%;

    text-align: center;

    padding: 5px;
  }

  .c-box-como {
    margin: 0px 5px 0px 0px;
  }

  .itle-cont-como {
  }

  .desc-cont-box-como {
    /* width: 99%; */
  }

  .round-box-como {
    background: #0058e0;

    width: 50px;

    height: 50px;

    border-radius: 50px;

    margin: 36px 0px 0px 0px;
  }

  .c-art-como {
    display: flex;

    align-items: center;

    justify-content: flex-start;

    flex-direction: column-reverse;

    width: 100%;

    flex: 1;

    /* padding: 50px 50px; */

    flex-wrap: wrap;
  }

  .c-art-1 {
  }

  .c-art-2 {
    flex-direction: row-reverse;
  }

  .c-art-title-como {
  }

  .cont-como-art {
    margin: 12px;

    justify-content: center;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    background: #c4c4c4;

    border-radius: 40px;

    margin-bottom: 46px;
  }

  .cont-box-como {
    margin: 48px 0px 0px 0px;

    /* display: flex; */

    /* flex-direction: row; */

    /* margin: 0px 0px 0px 0px; */

    flex: 1;

    padding: 0px 23px 30px 36px;

    border-radius: 50px;

    width: 100%;
  }

  .title-cont-como {
    font-size: larger;

    font-weight: 500;
  }

  .c-comobox {
    display: flex;
  }

  .img-com-box {
    align-self: center;

    /* padding: 71px 106px 72px 147px; */

    background: #464646;

    /* border-radius: -8px; */

    height: 100%;

    width: 100%;

    border-radius: 50px;

    display: flex;

    justify-content: center;

    align-items: center;
  }

  .img-com-box img {
    width: 100%;

    height: 223px;

    border-radius: 43px;
  }

  .c-combox-revert {
    text-align: right;

    align-self: flex-end;

    justify-self: flex-end;

    display: flex;
  }

  .c-combox-revert .c-box-como {
  }

  .c-combox-revert .c-box-como {
    text-align: right;

    align-items: flex-end;

    justify-self: flex-end;

    display: flex;

    flex-direction: column;

    margin: 0px 13px 0px 23px;

    flex: 1;
  }

  .c-combox-revert .round-box-como {
    align-self: flex-end;

    /* float: right; */

    justify-self: flex-end;

    /* display: flex; */
  }

  .art-4-como {
    padding: 48px;

    margin: 17px;

    display: flex;

    flex: 1;

    padding: 13px;

    padding: 49px;

    border-radius: 22px;

    font-size: 86%;
  }

  .c-art img {
    border-style: none;
    width: 100%;
    height: 248px;
    border-radius: 50px;
  }

  .ct-middler {
  }

  .ct-middler img {
    width: 287px;

    height: 253px;
  }

  .cont-box-bf {
    width: 100%;

    margin: 0px 27px 86px 66px;

    /* background: red; */
  }

  .box-c-bf {
    justify-content: center;

    display: flex;

    flex-direction: row;

    flex: 1;

    align-items: center;

    flex-wrap: wrap;

    margin: 8px;

    /* background: red; */

    /* margin: 10px; */
  }

  .cont-bf {
    display: flex;

    flex-direction: column;

    flex: 1;

    justify-content: center;

    align-items: center;
  }

  .cont-benef {
    margin: 21px;
  }

  .c-benef {
    display: flex;
    flex-direction: row;
    flex: 1;
    background: #f3f3f3;
    border-radius: 50px;
  }

  .cont-box-benef {
    display: flex;

    flex: 1;

    justify-content: flex-start;

    /* width: 100%; */

    border-radius: 46px;

    flex-wrap: wrap;
  }

  .img-com-box-benef {
    width: 100%;

    flex: 1;
  }

  .img-com-box-benef img {
    width: 100%;

    border-radius: 50px;

    height: 267px;
  }

  .c-art-title-benef {
    align-self: center;

    justify-self: flex-end;

    text-align: right;

    padding: 46px;
  }

  .c-benef-box {
  }

  .c-box-benef {
  }

  .title-cont-benef {
  }

  .desc-cont-box-benef {
  }

  .round-box-benef {
  }

  .cont-login {
    margin: 39px;
  }

  .c-login {
    display: flex;
    flex-direction: row;
    flex: 1;
    background: #ffffff;
    border-radius: 50px;
  }

  .cont-box-login {
    display: flex;

    flex: 1;

    justify-content: center;

    width: 100%;

    border-radius: 46px;

    align-items: center;
  }

  .img-com-box-login {
    width: 55%;

    /* flex: 1; */

    display: none;
  }

  .img-com-box-login img {
    width: 384px;

    height: 77vh;

    border-radius: 0px;

    /* height: 467px; */

    display: none;
  }

  .c-art-title-login {
    align-self: center;

    justify-self: flex-end;

    text-align: right;

    padding: 95px;
  }

  .c-login-box {
  }

  .c-box-login {
  }

  .title-cont-login {
  }

  .desc-cont-box-login {
  }

  .round-box-login {
  }

  .c-art-login {
    /* flex: 1; */

    width: 100%;
  }

  .input-lg {
    display: flex;

    align-items: center;

    justify-content: center;
  }

  .input-l {
    border-radius: 19px !important;

    box-shadow: none !important;

    border: 0px !important;

    background: #c4c4c433 !important;

    /* padding: 11px 43px 9px 68px !important; */

    height: 40px !important;

    width: 100%;

    /* font-size: 16px; */

    margin: 0 0 0px 0 !important;
  }

  .icon-lg {
    margin: 0px -47px 0px 0px;

    font-size: 24px;

    color: #727272;
  }

  .cont-login-form {
    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    flex: 1;
  }

  .btn-login-from {
    /* background-color: rgba(0, 255, 56, 0.51) !important; */

    /* padding: 11px 61px !important; */

    /* line-height: 50px !important; */

    height: auto !important;

    border-radius: 31px !important;

    font-family: "ProductSans";

    text-transform: initial !important;

    font-size: 1.2em !important;

    margin: 0px;

    font-family: "ProductSans";
  }

  .title-login {
    text-align: center;
    /* font-family: 'ProductSans'; */
    margin-bottom: 50px;
    /* font-weight: 600; */
  }
}

@media screen and (min-width: 100px) and (max-width: 299px) {
  .title-ctg {
    font-size: 1rem;
  }

  .ctg-prof {
    margin: 0;
    padding: 15px;
  }

  .icon-img-ctg {
  }

  .left-p {
    padding-left: 25px;
  }

  .input-row > div {
  }

  .input-row {
    padding: 0px;
    flex-direction: column;
  }

  .about-desc h3 {
    font-size: 193%;
  }

  .maps-content div {
    text-align: center;
  }

  .cont-article h3 {
    margin: 0px;

    margin-left: 0px;

    font-size: 211%;
  }

  .cont-article div {
    margin: 0px !important;

    margin-left: 0px;
  }

  .c-art h4 {
  }

  .c-art h3 {
    font-size: 204%;
  }

  .art-4-como h4 {
    font-size: 149%;
  }

  .video-comov {
    width: 100%;
  }

  .ct-art-about h2 {
    font-size: 191%;
  }

  .maps-content h1 {
    font-size: 249%;
  }

  *:not(i) {
    margin: 0;
    font-family: "ProductSans" !important;
  }

  html:not(i) {
    font-family: "ProductSans" !important;
  }

  .cont-header {
    display: flex;
    background: #fff;
    flex: 1 1;
    flex-direction: row;
    box-shadow: 0 0 10px rgb(0 0 0 / 14%);
    align-items: center;
    justify-self: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5;
  }

  .cont-full {
  }

  .cont-body {
    /* background: red; */

    /* padding: 29px; */

    margin-top: 130px;
  }

  .logo {
    width: 100px;
    height: 28px;
  }

  .cont-menus {
    margin: 0 0 0 39px;

    flex: 1;
  }

  .cont-logo {
    margin: 0 -55px 0 12px;

    padding: 15px;
  }

  .links links-a {
  }

  .links {
    color: #464646;
    margin: 0 0 0 17px;
    transition: 0.3s ease all;
    font-family: ProductSans;
    border-right: 3px solid #12ff00;
    padding-right: 18px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 0.9em;
  }

  .links:hover {
    color: #a0a0a0;
  }

  .transition {
    transition: 0.5s ease all;
    -webkit-transition: 0.5s ease all;
  }

  .border-none {
    border: none !important;
  }

  @font-face {
    font-family: ProductSans;
    src: url(../fonts/product-sans/ProductSans-Regular.ttf);
  }

  .cont-img {
    background: url(../img/MapsicleMap.png);

    background-size: 100% 100%;

    height: 436px;

    width: auto;

    border-radius: 50px;

    margin: 10px 22px;
  }

  .maps-content {
    height: 100%;

    background: rgba(0, 255, 56, 0.38);

    border-radius: 50px;

    justify-content: center;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 27px;

    align-items: center;

    flex-direction: column;
  }

  .cont-btn-lean {
    margin: 27px 0 0 0;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;
  }

  .btn-lean {
    background-color: #464646 !important;

    padding: 11px 61px !important;

    /* line-height: 50px !important; */

    height: auto !important;

    border-radius: 31px !important;

    font-family: "ProductSans";

    text-transform: initial !important;

    font-size: 1.2em !important;

    margin: 0 0px 25px 0px;

    font-family: "ProductSans";

    width: 100%;
  }

  .cont-article {
    margin: 88px 14px 77px 28px;
  }

  .article {
    padding: 25px;

    background: #ffffff;

    flex-wrap: wrap;

    margin: 0 10px 26px 0px;

    box-shadow: 0 0 32px 0px #bcbcbc;

    /* margin-bottom: -32px; */

    margin-top: 28px;

    width: 100%;

    height: auto;

    border-radius: 10px;

    cursor: pointer;
  }

  .art1 {
  }

  .art2 {
  }

  .art3 {
  }

  .art4 {
  }

  .art5 {
  }

  .art6 {
  }

  .art7 {
  }

  .art8 {
  }

  .cont-art {
    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    flex: 1;

    justify-content: center;

    align-items: center;
  }

  .cont-article2 {
    display: flex;
    flex-direction: row;
    justify-self: center;
    align-items: center;
    flex: 1;
    margin: 16px;
    margin-bottom: 19px;
    background: #ededed;
    /* margin-top: 77px; */
    border-radius: 50px;
    flex-wrap: wrap;
  }

  .c-art {
    padding: 0;

    /* background: red; */

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;
  }

  .cont-article2 {
  }

  .c-art1 {
    background: #595959;

    border-radius: 50px;

    /* width: 50%; */
  }

  .c-art2 {
    justify-content: flex-end;

    display: flex;

    flex-direction: column;

    text-align: right;

    align-items: flex-end;

    padding: 28px 41px 38px 2px;

    width: 100%;
  }

  .c-art2 {
    justify-content: flex-end;

    align-items: flex-end;

    padding-left: 40px;

    /* align-self: flex-end; */

    font-size: 87%;
  }

  .crt1 {
    justify-content: flex-start;

    align-items: flex-start;

    padding-left: 42px;

    width: 109%;

    text-align: left;
  }

  .crt2 {
    /* border-radius: 50px 0px 0px 50px; */
  }

  .cont-article3 {
  }

  .ct-art {
    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: 11px;

    padding-top: 30px;

    padding-bottom: 54px;
  }

  .ct-art-about {
    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: 62px;

    background: #f3f3f3;

    margin: 95px 10px;

    border-radius: 50px;
  }

  .cont-btn-mlogin {
    margin: 0 96px 0 17px;
  }

  .lk {
    margin: 0 0 0 25px;

    font-size: 110%;
  }

  .lk-login {
    color: #000000;

    /* font-family: 'ProductSans'; */

    font-weight: 550;
  }

  .lk-apl {
    background: rgba(0, 255, 56, 0.51);

    color: #464646;

    padding: 13px 26px;

    border-radius: 23px;

    font-family: "ProductSans";
  }

  .btn-cta {
    margin-top: 50px;
    margin-right: 0;
    background: rgba(0, 255, 56, 0.51) !important;
    /*Aqui cambié el color*/
    color: #464646 !important;
    padding: 16px 89px !important;
    height: auto !important;
    font-size: 119% !important;
    border-radius: 50px !important;
    font-weight: 600;
    text-transform: none !important;
  }

  .btn-FM {
    margin-top: 50px;
    margin-right: 0;
    background: #3385ff !important;
    color: #fff !important;
    padding: 16px 89px !important;
    height: auto !important;
    font-size: 119% !important;
    border-radius: 50px !important;
    /* font-weight: 600; */
    font-family: "ProductSans" !important;
    text-transform: initial !important;
  }

  .about-desc {
    margin: 50px 13px 21px 12px;

    justify-content: center;

    display: flex;

    flex-direction: column;

    align-items: center;
  }

  .cont-somos {
    margin: 17px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 50px 1px 139px 42px;
    background: #d6e7ff;
    border-radius: 40px;
    padding-bottom: 8px;
  }

  .cont-box-somos {
    width: auto;
    /* background: red; */
    margin-right: 10px;
  }

  .title-cont {
    font-weight: 550;
  }

  .round-box {
    width: 65px;

    height: 65px;

    border-radius: 80px;

    background-image: url("/web/src/img/icono - Copy.svg");

    margin: 46px 0px 0px 0px;
  }

  .desc-cont-box {
    /* width: 65%; */

    color: #333333;
  }

  .box-c {
    display: flex;
    flex-direction: row;
    /* justify-content: flex-start; */
    /* flex:  1; */
    flex-wrap: wrap;
    width: -webkit-fill-available;
    /* text-align: center; */
  }

  .cont-art {
  }

  .desc-art {
    text-align: left;

    color: #747ec4;

    text-rendering: optimizespeed;
  }

  .title-art {
    color: #747ec4;
  }

  .cont-b-art {
    padding: 14px;

    justify-content: center;

    align-items: center;

    text-align: center;
  }

  .icon-desc {
    font-size: 5em;

    color: #747ec4;
  }

  .article:hover {
    background: #747ec4;

    box-shadow: 0 0 44px 0px #747ec4;

    transform: scale(1.05);
  }

  .article:hover i {
    color: white;
  }

  .article:hover p {
    color: white;
  }

  .article:hover h4 {
    color: white;
  }

  .article:hover i {
    color: white !important;
  }

  .como-desc {
    background: #c4c4c433;

    padding: 36px;

    border-radius: 50px;

    padding: 70px 0 100px 0;
  }

  .cont-como {
    background: white;

    /* margin: 0 0 131px 0; */
  }

  .c-como {
    width: 100%;

    text-align: center;

    padding: 5px;
  }

  .c-box-como {
    margin: 0px 5px 0px 0px;
  }

  .itle-cont-como {
  }

  .desc-cont-box-como {
    /* width: 99%; */
  }

  .round-box-como {
    background: #0058e0;

    width: 50px;

    height: 50px;

    border-radius: 50px;

    margin: 36px 0px 0px 0px;
  }

  .c-art-como {
    display: flex;

    align-items: center;

    justify-content: flex-start;

    flex-direction: column-reverse;

    width: 100%;

    flex: 1;

    /* padding: 50px 50px; */

    flex-wrap: wrap;
  }

  .c-art-1 {
  }

  .c-art-2 {
    flex-direction: row-reverse;
  }

  .c-art-title-como {
  }

  .cont-como-art {
    margin: 12px;

    justify-content: center;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    background: #c4c4c4;

    border-radius: 40px;

    margin-bottom: 46px;
  }

  .cont-box-como {
    margin: 48px 0px 0px 0px;

    /* display: flex; */

    /* flex-direction: row; */

    /* margin: 0px 0px 0px 0px; */

    flex: 1;

    padding: 0px 23px 30px 36px;

    border-radius: 50px;

    width: 100%;
  }

  .title-cont-como {
    font-size: larger;

    font-weight: 500;
  }

  .c-comobox {
    display: flex;
  }

  .img-com-box {
    align-self: center;

    /* padding: 71px 106px 72px 147px; */

    background: #464646;

    /* border-radius: -8px; */

    height: 100%;

    width: 100%;

    border-radius: 50px;

    display: flex;

    justify-content: center;

    align-items: center;
  }

  .img-com-box img {
    width: 100%;

    height: 223px;

    border-radius: 43px;
  }

  .c-combox-revert {
    text-align: right;

    align-self: flex-end;

    justify-self: flex-end;

    display: flex;
  }

  .c-combox-revert .c-box-como {
  }

  .c-combox-revert .c-box-como {
    text-align: right;

    align-items: flex-end;

    justify-self: flex-end;

    display: flex;

    flex-direction: column;

    margin: 0px 13px 0px 23px;

    flex: 1;
  }

  .c-combox-revert .round-box-como {
    align-self: flex-end;

    /* float: right; */

    justify-self: flex-end;

    /* display: flex; */
  }

  .art-4-como {
    padding: 48px;

    margin: 17px;

    display: flex;

    flex: 1;

    padding: 13px;

    padding: 49px;

    border-radius: 22px;

    font-size: 86%;
  }

  .c-art img {
    border-style: none;
    width: 100%;
    height: 248px;
    border-radius: 50px;
  }

  .ct-middler {
  }

  .ct-middler img {
    width: 287px;

    height: 253px;
  }

  .cont-box-bf {
    width: 100%;

    margin: 0px 27px 86px 66px;

    /* background: red; */
  }

  .box-c-bf {
    justify-content: center;

    display: flex;

    flex-direction: row;

    flex: 1;

    align-items: center;

    flex-wrap: wrap;

    margin: 8px;

    /* background: red; */

    /* margin: 10px; */
  }

  .cont-bf {
    display: flex;

    flex-direction: column;

    flex: 1;

    justify-content: center;

    align-items: center;
  }

  .cont-benef {
    margin: 21px;
  }

  .c-benef {
    display: flex;
    flex-direction: row;
    flex: 1;
    background: #f3f3f3;
    border-radius: 50px;
  }

  .cont-box-benef {
    display: flex;

    flex: 1;

    justify-content: flex-start;

    /* width: 100%; */

    border-radius: 46px;

    flex-wrap: wrap;
  }

  .img-com-box-benef {
    width: 100%;

    flex: 1;
  }

  .img-com-box-benef img {
    width: 100%;

    border-radius: 50px;

    height: 267px;
  }

  .c-art-title-benef {
    align-self: center;

    justify-self: flex-end;

    text-align: right;

    padding: 46px;
  }

  .c-benef-box {
  }

  .c-box-benef {
  }

  .title-cont-benef {
  }

  .desc-cont-box-benef {
  }

  .round-box-benef {
  }

  .cont-login {
    margin: 39px;
  }

  .c-login {
    display: flex;
    flex-direction: row;
    flex: 1;
    background: #ffffff;
    border-radius: 50px;
  }

  .cont-box-login {
    display: flex;

    flex: 1;

    justify-content: center;

    width: 100%;

    border-radius: 46px;

    align-items: center;
  }

  .img-com-box-login {
    width: 55%;

    /* flex: 1; */

    display: none;
  }

  .img-com-box-login img {
    width: 384px;

    height: 77vh;

    border-radius: 0px;

    /* height: 467px; */

    display: none;
  }

  .c-art-title-login {
    align-self: center;

    justify-self: flex-end;

    text-align: right;

    padding: 95px;
  }

  .c-login-box {
  }

  .c-box-login {
  }

  .title-cont-login {
  }

  .desc-cont-box-login {
  }

  .round-box-login {
  }

  .c-art-login {
    /* flex: 1; */

    width: 100%;
  }

  .input-lg {
    display: flex;

    align-items: center;

    justify-content: center;
  }

  .input-l {
    border-radius: 19px !important;

    box-shadow: none !important;

    border: 0px !important;

    background: #c4c4c433 !important;

    /* padding: 11px 43px 9px 68px !important; */

    height: 40px !important;

    width: 100%;

    /* font-size: 16px; */

    margin: 0 0 0px 0 !important;
  }

  .icon-lg {
    margin: 0px -47px 0px 0px;

    font-size: 24px;

    color: #727272;
  }

  .cont-login-form {
    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    flex: 1;
  }

  .btn-login-from {
    /* background-color: rgba(0, 255, 56, 0.51) !important; */

    /* padding: 11px 61px !important; */

    /* line-height: 50px !important; */

    height: auto !important;

    border-radius: 31px !important;

    font-family: "ProductSans";

    text-transform: initial !important;

    font-size: 1.2em !important;

    margin: 0px;

    font-family: "ProductSans";
  }

  .title-login {
    text-align: center;
    /* font-family: 'ProductSans'; */
    margin-bottom: 50px;
    /* font-weight: 600; */
  }
}

@media screen and (min-width: 100px) and (max-width: 800px) {
  .movil-only {
    display: flex !important;
  }
  .pc-only {
    display: none !important;
  }
  .a-logo-dash {
    flex: 1 !important;
  }
  .cont-img-dash-p {
    display: none !important;
  }
  .map-dash {
    width: 100%;
    height: 91.5vh;
  }
  .cont-left-bar {
    background: rgba(235, 235, 235, 0.65);
    top: calc(100vh / 3);
  }
  .input-search {
    background: rgba(196, 196, 204, 0.2);
    outline: none;
  }
  .dist-select {
    background: #77f995;
    margin-right: -37px;
    cursor: pointer;
  }
  .cont-logo-dash {
    margin: 0 35px 0 35px;

    padding: 15px;
  }
  .logo-dash {
    width: 155px;
    height: 52px;
  }
  .ct-back-screen {
    margin-left: 1.1rem !important ;
  }
  .visual-perfil-right {
  }
  .visual-perfil-left {
    padding: 0;
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .cont-row-panel-perfil {
  }
  .coment-perfil {
    width: 100%;
  }
  .cont-perfil-port {
    overflow: auto;
  }
  .cont-panel-visualp {
    margin-left: 0rem;
  }
  .peril-body {
  }
  .panel-perfil-right {
    width: 100%;
    margin-left: 0rem;
    margin-right: 0rem;
    padding: 0;
  }
  .ct-panel-right {
    margin-left: 0;
  }
  .c-btn-contact-movil {
    display: flex !important;
    width: 100%;
  }
  .desc-perfil {
    display: none !important;
  }
  .c-btn-contact {
    display: none !important;
  }
  .cont-rating-p {
    margin: 0 0 0 0px !important;
  }
  .t-perfil-name {
  }
  .cont-name-rt {
  }
  .preguntas-perfil-mv {
    display: flex;
  }
  .cont-perfil-body {
    flex-wrap: wrap;
  }
  .preguntas-perfil {
    display: none !important;
  }
  .panel-perfil-h {
    flex-wrap: wrap;
    padding: 1rem !important;
  }
  .list-portafolio-perfil-mv {
    display: block;
  }

  .c-btn-contact {
    width: 100%;
  }
  /* .btn-contactar {
    width: 100%;
  } */
  .ct-panel {
    margin: 0px;
  }

  .ct-panel-right {
    /* margin: initial; */
    /* margin: 0 0px 0 0px; */ /* left: 0; */ /* right: 0; */ /* width: 100%; */
  }

  .ct-panel-left {
  }
  .ct-panel-right {
    /* width: -webkit-fill-available; */
  }
  .cont-right-ct {
    /* width: fit-content; */
    width: 100%;
  }

  .cont-left-ct {
    width: 100%;
  }

  .cont-row-panel {
    flex-direction: column;
  }

  .cont-btn-paralelo {
    flex-direction: column;
  }

  .cont-btn-paralelo .btn {
    margin-bottom: 18px;
  }

  .cont-gradient-right {
    display: none;
  }

  .cont-bienv {
    margin: 50px;
  }

  .btn-vemail {
  }

  .btn-content {
    padding: 10px;
  }

  .cont-validation {
    padding: 20px;
    text-align: center;
  }

  .btn-r-pend {
    display: none;
  }

  .btn-r-complete {
    display: none;
  }

  .footer {
    padding: 10px !important;
  }

  .cont-header a {
    flex: 1;
  }

  .cont-menu-movi {
    display: block;
  }

  .btn-menu-movil {
    display: flex !important;
    font-size: 1.7rem;
  }

  .cont-menus {
    display: none;
  }

  .cont-btn-mlogin {
    display: none;
  }
}

@media screen and (min-width: 100px) and (max-width: 500px) {
  .c-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media screen and (min-width: 100px) and (max-width: 1024px) {
  .btn-cpc {
    display: none;
  }

  .btn-cmovil {
    display: block;
    margin: auto;
  }

  .title-movil-center {
    text-align: center;
    width: fit-content;
    margin: auto;
  }

  .p-movil-center {
    text-align: center;
    width: fit-content;
    margin: auto;
  }
}

@media screen and (min-width: 100px) and (max-width: 799px) {
}
@media screen and (min-width: 100px) and (max-width: 599px) {
  .c-profesion-perfil {
    width: 214px;
  }
  .c-profesion-perfil::-webkit-scrollbar {
    display: none;
  }
}

@media screen and (min-width: 100px) and (max-width: 799px) {
  .modal-aviso {
    display: flex !important;
    opacity: 1 !important;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1699px) {
  .panel-perfil-b {
    margin-left: 20px;
  }
  .panel-perfil-right {
    width: 80%;
  }
  .ct-panel {
    margin: 0 50px 0 80px;
  }
}
@media screen and (min-height: 1080px) and (max-height: 1080px) {
}
@media screen and (min-height: 1050px) and (max-height: 1050px) {
  .xl-h-10vh {
    height: 10vh !important;
  }
  .xl-h-20vh {
    height: 20vh !important;
  }
  .xl-h-30vh {
    height: 30vh !important;
  }
  .xl-h-40vh {
    height: 40vh !important;
  }
  .xl-h-50vh {
    height: 50vh !important;
  }
  .xl-h-60vh {
    height: 60vh !important;
  }
  .xl-h-70vh {
    height: 70vh !important;
  }
  .xl-h-80vh {
    height: 80vh !important;
  }
  .xl-h-80vh {
    height: 80vh !important;
  }
  .xl-h-100vh {
    height: 100vh !important;
  }
  .xl-h-110vh {
    height: 110vh !important;
  }
}
@media screen and (min-height: 1024px) and (max-height: 1024px) {
  .md-h-10vh {
    height: 10vh !important;
  }
  .md-h-20vh {
    height: 20vh !important;
  }
  .md-h-30vh {
    height: 30vh !important;
  }
  .md-h-40vh {
    height: 40vh !important;
  }
  .md-h-50vh {
    height: 50vh !important;
  }
  .md-h-60vh {
    height: 60vh !important;
  }
  .md-h-70vh {
    height: 70vh !important;
  }
  .md-h-80vh {
    height: 80vh !important;
  }
  .md-h-80vh {
    height: 80vh !important;
  }
  .md-h-100vh {
    height: 100vh !important;
  }
  .md-h-110vh {
    height: 110vh !important;
  }
}
@media screen and (min-height: 900px) and (max-height: 960px) {
  .smd-h-10vh {
    height: 10vh !important;
  }
  .smd-h-20vh {
    height: 20vh !important;
  }
  .smd-h-30vh {
    height: 30vh !important;
  }
  .smd-h-40vh {
    height: 40vh !important;
  }
  .smd-h-50vh {
    height: 50vh !important;
  }
  .smd-h-60vh {
    height: 60vh !important;
  }
  .smd-h-70vh {
    height: 70vh !important;
  }
  .smd-h-80vh {
    height: 80vh !important;
  }
  .smd-h-80vh {
    height: 80vh !important;
  }
  .smd-h-100vh {
    height: 100vh !important;
  }
  .smd-h-110vh {
    height: 110vh !important;
  }
}
@media screen and (min-height: 800px) and (max-height: 864px) {
  .sm1-h-10vh {
    height: 10vh !important;
  }
  .sm1-h-20vh {
    height: 20vh !important;
  }
  .sm1-h-30vh {
    height: 30vh !important;
  }
  .sm1-h-40vh {
    height: 40vh !important;
  }
  .sm1-h-50vh {
    height: 50vh !important;
  }
  .sm1-h-60vh {
    height: 60vh !important;
  }
  .sm1-h-70vh {
    height: 70vh !important;
  }
  .sm1-h-80vh {
    height: 80vh !important;
  }
  .sm1-h-80vh {
    height: 80vh !important;
  }
  .sm1-h-100vh {
    height: 100vh !important;
  }
  .sm1-h-110vh {
    height: 110vh !important;
  }
}
@media screen and (min-height: 700px) and (max-height: 768px) {
  .sm2-h-10vh {
    height: 10vh !important;
  }
  .sm2-h-20vh {
    height: 20vh !important;
  }
  .sm2-h-30vh {
    height: 30vh !important;
  }
  .sm2-h-40vh {
    height: 40vh !important;
  }
  .sm2-h-50vh {
    height: 50vh !important;
  }
  .sm2-h-60vh {
    height: 60vh !important;
  }
  .sm2-h-70vh {
    height: 70vh !important;
  }
  .sm2-h-80vh {
    height: 80vh !important;
  }
  .sm2-h-80vh {
    height: 80vh !important;
  }
  .sm2-h-100vh {
    height: 100vh !important;
  }
  .sm2-h-110vh {
    height: 110vh !important;
  }
}

@media screen and (min-height: 600px) and (max-height: 699px) {
  .sm3-h-10vh {
    height: 10vh !important;
  }
  .sm3-h-20vh {
    height: 20vh !important;
  }
  .sm3-h-30vh {
    height: 30vh !important;
  }
  .sm3-h-40vh {
    height: 40vh !important;
  }
  .sm3-h-50vh {
    height: 50vh !important;
  }
  .sm3-h-60vh {
    height: 60vh !important;
  }
  .sm3-h-70vh {
    height: 70vh !important;
  }
  .sm3-h-80vh {
    height: 80vh !important;
  }
  .sm3-h-80vh {
    height: 80vh !important;
  }
  .sm3-h-100vh {
    height: 100vh !important;
  }
  .sm3-h-110vh {
    height: 110vh !important;
  }
}
@media screen and (min-height: 500px) and (max-height: 599px) {
  .sm4-h-10vh {
    height: 10vh !important;
  }
  .sm4-h-20vh {
    height: 20vh !important;
  }
  .sm4-h-30vh {
    height: 30vh !important;
  }
  .sm4-h-40vh {
    height: 40vh !important;
  }
  .sm4-h-50vh {
    height: 50vh !important;
  }
  .sm4-h-60vh {
    height: 60vh !important;
  }
  .sm4-h-70vh {
    height: 70vh !important;
  }
  .sm4-h-80vh {
    height: 80vh !important;
  }
  .sm4-h-80vh {
    height: 80vh !important;
  }
  .sm4-h-100vh {
    height: 100vh !important;
  }
  .sm4-h-110vh {
    height: 110vh !important;
  }
}
@media screen and (min-height: 400px) and (max-height: 499px) {
  .sm5-h-10vh {
    height: 10vh !important;
  }
  .sm5-h-20vh {
    height: 20vh !important;
  }
  .sm5-h-30vh {
    height: 30vh !important;
  }
  .sm5-h-40vh {
    height: 40vh !important;
  }
  .sm5-h-50vh {
    height: 50vh !important;
  }
  .sm5-h-60vh {
    height: 60vh !important;
  }
  .sm5-h-70vh {
    height: 70vh !important;
  }
  .sm5-h-80vh {
    height: 80vh !important;
  }
  .sm5-h-80vh {
    height: 80vh !important;
  }
  .sm5-h-100vh {
    height: 100vh !important;
  }
  .sm5-h-110vh {
    height: 110vh !important;
  }
}
@media screen and (min-height: 300px) and (max-height: 399px) {
  .sm6-h-10vh {
    height: 10vh !important;
  }
  .sm6-h-20vh {
    height: 20vh !important;
  }
  .sm6-h-30vh {
    height: 30vh !important;
  }
  .sm6-h-40vh {
    height: 40vh !important;
  }
  .sm6-h-50vh {
    height: 50vh !important;
  }
  .sm6-h-60vh {
    height: 60vh !important;
  }
  .sm6-h-70vh {
    height: 70vh !important;
  }
  .sm6-h-80vh {
    height: 80vh !important;
  }
  .sm6-h-80vh {
    height: 80vh !important;
  }
  .sm6-h-100vh {
    height: 100vh !important;
  }
  .sm6-h-110vh {
    height: 110vh !important;
  }
}
@media screen and (min-height: 200px) and (max-height: 299px) {
  .sm7-h-10vh {
    height: 10vh !important;
  }
  .sm7-h-20vh {
    height: 20vh !important;
  }
  .sm7-h-30vh {
    height: 30vh !important;
  }
  .sm7-h-40vh {
    height: 40vh !important;
  }
  .sm7-h-50vh {
    height: 50vh !important;
  }
  .sm7-h-60vh {
    height: 60vh !important;
  }
  .sm7-h-70vh {
    height: 70vh !important;
  }
  .sm7-h-80vh {
    height: 80vh !important;
  }
  .sm7-h-80vh {
    height: 80vh !important;
  }
  .sm7-h-100vh {
    height: 100vh !important;
  }
  .sm7-h-110vh {
    height: 110vh !important;
  }
}