/*
 Theme Name:   Wherex 26
 Description:  Tema personalizado adaptado a Wherex 2026.
 Author:       Jose Angulo Araque
 Author URI:   https://wherex.com/
 Version:      1.0.0
 Text Domain:  wherex26
*/

/* GENERAL */
:root {
    --container: 1320px;
}
body{
	background-color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
    color: #191d38;
}
h1, .h1, h2, h3, h4, h5, h6, .display-1, .display-2, .display-3, .display-4, .display-5{
    font-family: "Montserrat", sans-serif;
}
h1, .h1{
    font-size: 35px;
}
h2, .h2{
    font-size: 30px;
}
h3, .h3{
    font-size: 27px;
}
h4, .h4{
    font-size: 24px;
}
h5, .h5{
    font-size: 21px;
}
h6, .h6, .btn, .accordion-button{
    font-size: 18px;
}
.body{
    font-size: 16px;
}
small, .small{
    font-size: 15px;
}
.display-1{
    font-size: 70px;
}
.display-2{
    font-size: 60px;
}
.display-3{
    font-size: 50px;
}
.display-4{
    font-size: 45px;
}
.display-5, .banner-product h2{
    font-size: 40px;
}
.display-6{
    font-size: 38px;
}
.text-montserrat{
    font-family: "Montserrat", sans-serif;
}
.text-open-sans{
    font-family: "Open Sans", sans-serif;
}
a{
    color: #21A8BA;
}
.vh-60{
    height: 60vh;
}
.vh-75{
    height: 75vh;
}
.vh-85{
    height: 85vh;
}
.vh-90{
    height: 90vh;
}
.vh-125{
    height: 125vh;
}
.bg-no-repeat{
    background-repeat: no-repeat;
}
.bg-cover{
    background-size: cover;
}
.bg-contain{
    background-size: contain;
}
.bg-left-top{
    background-position: left top;
}
.bg-center{
    background-position: center center;
}
.bg-center-top{
    background-position: center top;
}
.bg-bottom{
    background-position: center bottom;
}
.bg-fixed{
    background-attachment: fixed;
}
.bg-bright-gray{
    background-color: #f0f2f7 !important;
}
.bg-blue-pacific{
    background-color: #21A8BA;
}
.bg-blue-dianne{
    background-color: #191d38;
}
.bg-blue-teal{
    background-color: #268299;
}
.bg-blue-water{
    background-color: #cbdfef;
}
.bg-fiord{
    background-color: #1f3663;
}
.bg-green-mountain{
    background-color: #28B095;
}
.bg-alice-blue{
    background-color: #F2F9FA;
}
.bg-cold-cream{
    background-color: #F6F9FF;
}
.bg-morpho-blue{
    background-color: rgba(0, 160, 208, 0.2);
}
.bg-radial-top-blue-white{
    background: radial-gradient(ellipse 100% 70% at 65% 0%, rgba(0, 160, 208, 0.5) 0%, rgba(0, 160, 208, 0.20) 30%, rgba(0, 160, 208, 0.10) 50%, #ffffff 70%);
}
.bg-indigo-mountain-white-bottom{
    background-image: linear-gradient(to bottom, #1f3663, #28B095, white);
}
.bg-indigo-mountain-bottom{
    background-image: linear-gradient(to bottom, #1f3663, #28B095);
}
.bg-indigo-mountain-bottom-right{
    background-image: linear-gradient(to right bottom, #191d38, #1f3663, #28B095);
}
.bg-dianne-indigo-mountain-white-bottom{
    background-image: linear-gradient(to bottom, #191d38, #1f3663, #28B095, #fff);
}
.bg-mountain-white-bottom{
    background-image: linear-gradient(to bottom, #28B095, #fff);
}
.bg-zumthor-cream-bottom-right{
    background-image: linear-gradient(to right bottom, #EEF2FF 0%, #F6F9FF 45%, #EEF2FF 55%);
}
.bg-gradient-blue-purple{
    background-image: linear-gradient(to left bottom, rgba(118, 95, 153, .3), rgba(0, 160, 208, .3));
}
.object-cover{
    object-fit: cover;
}
.object-left{
    object-position: left;
}
.btn{
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 15px !important;
    font-family: "Open Sans", sans-serif;
}
.btn-outline-blue-dianne{
    background-color: transparent;
    color: #191d38;
    border-color: #191d38;
}
.btn-outline-blue-dianne:hover{
    color: #fff;
    background-color: #191d38;
}
.btn-primary{
    background-color: #28B095 !important;
    border-color: #28B095 !important;
}
.btn-info{
    background-color: #191d38 !important;
    border-color: #191d38 !important;
}
.btn-warning{
    background-color: #28B095 !important;
    border-color: #28B095 !important;
}
.btn-outline-warning{
    border-color: #28B095 !important;
}
.btn-outline-warning:hover{
    background-color: #28B095 !important;
    border-color: #28B095 !important;
}
.btn-gradient{
    background-image: linear-gradient(to left bottom, #765F99, #00A0D0);
}
.border-green-mountain{
    border: 1px solid #22947e;
}
.rounded-4{
    border-radius: 15px;
}
.nav-pills .nav-link{
    color: #757575;
    background-color: #ffffff;
    border: 1px solid #00A0D0CC;
    border-radius: 15px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color: #00A0D0CC;
    color: #ffffff;
}
.vertical-pills .nav-link{
    color: #757575;
    background-color: #ffffff;
    border-radius: 0;
    border: 0;
    border-left: 3px solid #E6E6E6;
    opacity: 0.7;
}
.vertical-pills .nav-link.active, .vertical-pills .show>.nav-link{
    background-color: #F2F9FA;
    border-left: 3px solid #191d38;
    color: #757575;
    opacity: 1;
}
.vertical-pills .nav-link.active, .vertical-pills .show>.nav-link{
    color: #191d38;
}
.fw-semibold{
    font-weight: 600;
}
.fw-extrabold{
    font-weight: 900;
}
.text-blue-pacific{
    color: #21A8BA;
}
.text-blue-eastern{
    color: #178CB3;
}
.text-blue-dianne{
    color: #191d38 !important;
}
.text-fiord{
    color: #1f3663;
}
.text-yellow-ronch, .text-warning{
    color: #28B095 !important;
}
.text-green-mountain{
    color: #28B095;
}
.text-dark-grey{
    color: #757575;
}
.l-height-1-5{
    line-height: 1.5;
}
.offset--1{
    margin-left: -8.33333%;
}
.offset--4 {
    margin-left: -33.33333%;
}
.z-1{
    z-index: 1;
}
.z-2{
    z-index: 2;
}
.z-3{
    z-index: 3;
}
.z-4{
    z-index: 4;
}
.z-5{
    z-index: 5;
}
.mt-n100{
    margin-top: -100px;
}
header{
    top: 0;
    transition: all .5s;
}
header .header-bottom{
    transition: all .5s;
}
header a{
    color: #fff;
}
header .img-logo{
    max-height: 35px;
    transition: all .5s;
}
header .header-bottom ul.navbar-nav > li{
    position: relative;
}
header .header-bottom ul li a{
    padding: 8px 15px;
    text-decoration: none;
    position: relative;
    display: block;
    transition: all .5s;
    font-weight: 400;
}
header .header-bottom ul li a {
    color: #191d38;
    font-family: 'Montserrat', sans-serif;;
}
header .header-bottom ul li a:hover {
    color: #191d38;
}
header .header-bottom ul.navbar-nav > li > a::after{
    height: 3px    ;
    content: '';
    background: #28B095;
    width: 0;
    bottom: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: all .5s;
}
header .header-bottom ul.navbar-nav > li:hover > a::after{
    width: 50%;
}
header .header-bottom ul li.link-cotizar{
    background: #28B095;
    border-radius: 15px;
    transition: all .5s;
}
header .header-bottom ul li.link-cotizar a{
    color: #fff !important;
    font-weight: 700;
}
header .header-bottom ul li.link-cotizar:hover{
    background: #191d38;
}
header .header-bottom ul li ul.sub-menu{
    list-style: none;
    padding-left: 0;
    text-transform: initial;
    padding-top: 10px;
}
header .header-bottom ul.sub-menu li ul.sub-menu li{
    width: max-content;
}
header .header-bottom ul.navbar-nav > li > ul.sub-menu{
    position: absolute;
    background-color: rgba(255,255,255,0.975);
    width: auto;
    padding: 0;
    border-radius: 0 0 15px 15px;
    left: 100%;
    opacity: 0;
    display: flex;
    flex-flow: row;
    height: 0;
    transition: height .5s linear 0.01s, padding .1s linear 0.01s, left .5s linear .1s, opacity .5s linear .1s;
    overflow: hidden;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
header .header-bottom ul.navbar-nav > li.menu-item-has-children{
    padding-right: 15px;
}
header .header-bottom ul.navbar-nav > li.menu-item-has-children::after {
    content: "\e136";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    transition: all .5s;
    font-family: 'Phosphor-Bold';
}
header .header-bottom ul.navbar-nav > li.menu-item-has-children:hover > ul.sub-menu{
    left: 0;
    opacity: 1;
    height: auto;
    padding: 20px 10px;
}
header .header-bottom ul.navbar-nav > li > ul.sub-menu > li > a{
    font-size: 110%;
    cursor: default;
    font-weight: 700;
    padding-bottom: 0;
    border-bottom: 1px solid #eee;
}
header .header-bottom ul.navbar-nav > li > ul.sub-menu > li > ul > li > a{
    padding-top: 0;
}
header .header-bottom ul.navbar-nav > li > ul.sub-menu > li{
    padding: 0 10px;
}
header .header-bottom ul li ul.sub-menu li a span.menu-description{
    height: 37px;
    line-height: 18px;
    max-width: 220px;
    word-wrap: break-word;
}
/* === CONTENEDOR MEGA MENU (ANTES: ul.sub-menu) === */
header .header-bottom ul.navbar-nav > li > .mega-menu {
    position: absolute;
    background-color: rgba(255,255,255,0.975);
    width: auto;
    padding: 0;
    border-radius: 0 0 15px 15px;
    left: 100%;
    opacity: 0;
    display: block;
    height: 0;
    transition: height .5s linear 0.01s, padding .1s linear 0.01s, left .5s linear .1s, opacity .5s linear .1s;
    overflow: hidden;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    z-index: 99;
}

/* === GRID INTERNO (ANTES: ul.sub-menu) === */
header .header-bottom ul.navbar-nav > li > .mega-menu > .mega-inner {
    list-style: none;
    padding-left: 0;
    margin: 0;
    display: grid;
    gap: 0;
}

/* === 4 COLUMNAS === */
header .header-bottom ul.navbar-nav > li.mega-cols-4 > .mega-menu > .mega-inner {
    grid-template-columns: repeat(4, 1fr);
}
/* === 3 COLUMNAS === */
header .header-bottom ul.navbar-nav > li.mega-cols-3 > .mega-menu > .mega-inner {
    grid-template-columns: repeat(3, 1fr);
}
/* === 2 COLUMNAS === */
header .header-bottom ul.navbar-nav > li.mega-cols-2 > .mega-menu > .mega-inner {
    grid-template-columns: repeat(2, 1fr);
}

/* === HOVER ABRE MEGA MENU === */
header .header-bottom ul.navbar-nav > li.menu-item-has-children:hover > .mega-menu {
    left: 0;
    opacity: 1;
    height: auto;
    padding: 20px 10px;
}
/* === CADA COLUMNA === */
header .header-bottom ul.navbar-nav > li > .mega-menu > .mega-inner > li {
    padding: 0 10px;
}
/* === TITULO DE COLUMNA === */
header .header-bottom ul.navbar-nav > li > .mega-menu > .mega-inner > li > a {
    font-size: 105%;
    cursor: default;
    font-weight: 700;
    padding-bottom: 6px;
    border-bottom: 1px solid #eee;
    display: block;
}
/* === LINKS INTERNOS === */
header .header-bottom ul li .mega-menu li ul li a {
    padding: 6px 10px;
    text-transform: initial;
    color: #191d38;
    font-size: 15px;
}

header .dropdown-menu{
    min-width: 130px;
    max-width: 130px;
}
header .country-selector:focus, header .country-selector:active{
    box-shadow: none;
}
header .dropdown-toggle::after{
    vertical-align: middle;
}
header .dropdown-menu .dropdown-item{
    transition: all .5s;
}
header .dropdown-menu .dropdown-item:hover, header .dropdown-menu .dropdown-item:focus{
    background: #28B095;
}
header .dropdown img, .geo-banner img{
    max-width: 20px;
}
header .navbar-toggler-icon{
    color: #fff;
}
.scrolling header .navbar-toggler-icon{
    color: #1f3663;
}

/*Formularios*/
.modal-contact-product{
    text-align: center;
    font-size: 15px;
}
.modal-contact-product h4{
    display: none;
}
.form-control {
    border: 0;
    color: #191d38;
    font-size: 15px;
    padding: 5px 10px;
    background: #F0F2F7;
    -webkit-box-shadow: inset 0px 1px 4px 0px rgba(170,170,170,1);
    -moz-box-shadow: inset 0px 1px 4px 0px rgba(170,170,170,1);
    box-shadow: inset 0px 1px 4px 0px rgba(170,170,170,1);
    font-weight: 400;
    border-radius: 0.5rem;
}
.custom-select-arrow i{
    position: absolute;
    right: 30px;
    top: 11px;
    z-index: 1;
}
::-webkit-input-placeholder { /* Edge */
    color: #999 !important;
}
::-moz-placeholder{
    color: #999 !important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999 !important;
}
::placeholder {
    color: #999 !important;
}
.wpcf7-not-valid-tip{
    font-size: 12px;
}
.wpcf7 form .wpcf7-response-output{
    margin-top: 1rem;
}
.custom-select-arrow span[data-name="tamano"], .custom-select-arrow span[data-name="industria"]{
    z-index: 2;
    display: block;
}
.custom-select-arrow select{
    background-color: rgb(190 205 225 / 25%) !important;
}
.wpcf7-spinner {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    color: #207728;
    background-color: #e0ffe3;
    font-size: 12px;
    text-align: center;
}

/*Personalización de Select2*/
body > .select2-container {
    z-index: 9999;
}
.modal .select2-container, .form-proveedores .select2-container{
    width: 100% !important;
}
.select2-results__option--disabled{
    display: none;
}
.select2-container .select2-selection--single{
    height: 34px;
    background: rgba(196, 204, 222, 0.25);
    -webkit-box-shadow: inset 0px 1px 4px 0px rgb(170 170 170);
    -moz-box-shadow: inset 0px 1px 4px 0px rgba(170,170,170,1);
    box-shadow: inset 0px 1px 4px 0px rgb(170 170 170);
    border: 0;
    font-size: 15px;
    text-align: left;
    border-radius: 0.5rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 34px;
    padding-left: 10px;
    color: #191d38;
    font-weight: 400;
}
.form-casos-exito .select2-container--default .select2-selection--single .select2-selection__rendered{
    background: #F0F2F7;
    -webkit-box-shadow: inset 0px 1px 4px 0px rgba(170,170,170,1);
    -moz-box-shadow: inset 0px 1px 4px 0px rgba(170,170,170,1);
    box-shadow: inset 0px 1px 4px 0px rgba(170,170,170,1);
    border-radius: 0.5rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
    right: 10px;
}
span[data-name="soluciones"] .select2-container{
    width: 100% !important;
}
.select2-container--default .select2-selection--multiple{
    background-color: rgba(255,255,255,0.1);
    min-height: 34px;
    height: auto;
    border: 0;
    display: flex;
    flex-flow: column-reverse;
    padding-right: 0;
}
.select2-container--default .select2-selection--multiple .select2-search--inline{
    width: 100%;
    font-size: 15px;
}
.select2-container--open .select2-selection--multiple{
    background: rgba(196, 204, 222, 0.25);
    -webkit-box-shadow: inset 0px 1px 4px 0px rgb(170 170 170);
    -moz-box-shadow: inset 0px 1px 4px 0px rgba(170,170,170,1);
    box-shadow: inset 0px 1px 4px 0px rgb(170 170 170);
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border: 0;
    display: flex;
    flex-flow: column-reverse;
}
.select2-selection__arrow{
    display: none;
}
span[data-name="soluciones"], span[data-name="industria"], span[data-name="tamano"]{
    z-index: 2;
}
/*textarea.select2-search__field[placeholder=""] {
    display: none;
}*/
.select2-container .select2-search--inline .select2-search__field{
    font-family: inherit;
    color: #191d38;
    font-weight: 400;
    height: 34px;
    margin-top: 0;
    margin-left: 0;
    padding-left: 10px;
    line-height: 34px;
    background: rgba(196, 204, 222, 0.25);
    -webkit-box-shadow: inset 0px 1px 4px 0px rgb(170 170 170);
    -moz-box-shadow: inset 0px 1px 4px 0px rgba(170,170,170,1);
    box-shadow: inset 0px 1px 4px 0px rgb(170 170 170);
    border-radius: 0.5rem;
    width: 100% !important;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: block;
    margin: 0;
    text-align: center;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #191d38;
    color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
    color: #fff;
    background-color: transparent;
}
#select2-soluciones-results .select2-results__option, #select2-tamano-results .select2-results__option, #select2-industria-results .select2-results__option {
    padding-right: 20px;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 400;
}
#select2-soluciones-results .select2-results__option:before{
    content: "";
    display: inline-block;
    position: relative;
    height: 15px;
    width: 15px;
    border: 2px solid #e9e9e9;
    border-radius: 4px;
    background-color: #fff;
    margin-right: 20px;
    margin-top: -2px;
    vertical-align: middle;
}
#select2-soluciones-results .select2-results__option--selected:before{
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    color: #fff;
    background-color: #268299;
    border: 0;
    display: inline-block;
    padding-left: 3px;
    font-weight: 900;
    line-height: 15px;
    font-size: 11px;
}
.select2-container--default #select2-soluciones-results .select2-results__option--selected, .select2-container--default #select2-tamano-results .select2-results__option--selected, .select2-container--default #select2-industria-results .select2-results__option--selected {
    background-color: #cbdfef;
}
.select2-container--default #select2-soluciones-results .select2-results__option--highlighted[aria-selected], .select2-container--default #select2-tamano-results .select2-results__option--highlighted[aria-selected], .select2-container--default #select2-industria-results .select2-results__option--highlighted[aria-selected]{
    background-color: #cbdfef;
    color: #191d38;
}

/*Formularios de Compradores Paso a Paso*/
.form-compradores-simple .btn-group .btn{
    border-width: 2px;
    color: #191d38;
    border-color: #191d38;
}
.form-compradores-simple .btn-group .btn-check:checked+.btn, .form-compradores-simple .btn-group .btn:hover{
    background-color: #191d38;
    color: #fff;
}
.form-compradores-simple .btn-group>.btn:not(:last-child):not(.dropdown-toggle){
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.form-compradores-simple .btn-group>.btn:nth-child(n+3){
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.form-casos-exito .ajax-loader, .form-casos-exito .wpcf7-spinner{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/*Formulario de Casos de Éxito*/
.form-casos-exito ::-webkit-input-placeholder { /* Edge */
    color: #191d38ac !important;
}
.form-casos-exito ::-moz-placeholder{
    color: #191d38ac !important;
}
.form-casos-exito :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #191d38ac !important;
}
.form-casos-exito ::placeholder {
    color: #191d38ac !important;
}
.form-casos-exito .wpcf7-not-valid-tip, .modal-newsletter .use-floating-validation-tip .wpcf7-not-valid-tip{
    color: #f8d7da;
}
.form-casos-exito option{
    color: #191d38;
}

/*Formulario de Newsletter*/
.form-newsletter .input-group p{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.form-newsletter .wpcf7-spinner{
    position: absolute !important;
    right: -60px;
    top: 17px;
    left: unset;
    width: 24px !important;
    border-radius: 100% !important;
}
.form-newsletter .btn{
    margin-left: -42px !important;
    transition: all .5s;
    border-radius: 0 0.25rem 0.25rem 0 !important;
}
.form-newsletter .btn:focus{
    box-shadow: none;
}
.form-newsletter .btn:hover{
    background:#191d38 !important;
    color: #fff !important;
}
footer .input-group span, .modal .input-group span, .newsletter .input-group span{
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
footer .input-group .btn, .modal .input-group .btn{
    position: relative;
    z-index: 2;
}
footer .description-newsletter > div:nth-of-type(2){
    padding-bottom: 0 !important;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
    width: 100% !important;
    position: absolute !important;
    background: transparent;
    top: 100%;
    font-size: 12px;
    text-align: center;
    left: 0;
    color: #dc3232;
    border: 0;
}
.newsletter .use-floating-validation-tip .wpcf7-not-valid-tip{
    color: #dc3232;
}
.newsletter .form-newsletter p{
    margin-bottom: 0;
}
.newsletter .wpcf7 form.invalid .wpcf7-response-output, .modal-newsletter .wpcf7 form.invalid .wpcf7-response-output {
    display: none;
}
.form-newsletter ::-webkit-input-placeholder { /* Edge */
    color: #191d38 !important;
}
.form-newsletter ::-moz-placeholder{
    color: #191d38 !important;
}
.form-newsletter :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #191d38 !important;
}
.form-newsletter ::placeholder {
    color: #191d38 !important;
}
.wpcf7 form.invalid .wpcf7-response-output{
    text-align: center;
    border-color: #f5c2c7;
}

.seguridad, .testimonios{
    margin-top: -10px;
}

.slider-clientes .owl-nav{
    color: #28B095;
}
.slider-clientes img{
    filter: grayscale(100%);
    opacity: 0.75;
    transition: all .5s;
}
.slider-clientes img:hover{
    filter: grayscale(0%);
    opacity: 1;
}

.slider-casos-exito .owl-nav{
    color: #191d38;
}
.owl-prev, .owl-next{
    display: flex;
    display: flex;
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
}
.owl-prev{
    left: -50px;
}
.owl-next{
    right: -50px;
}

.slider-eventos .owl-stage, .slider-eventos .owl-stage .owl-item{
    display: flex;
}
.slider-eventos .owl-prev{
    left: -20px;
}
.slider-eventos .owl-next{
    right: -20px;
}

footer .footer-logo img{
    width: 100%;
}
footer ul{
    list-style: none;
    padding-left: 0;
}
footer ul li:not(:last-child){
    padding-bottom: 10px;
}
footer a{
    color: #191d38;
    text-decoration: none;  
}
footer a:hover{
    color: #191d38;
}
footer .footer-main ul{
    display: flex;
    flex-wrap: wrap;
}
footer .footer-main li{
    width: 25%;
}
footer .footer-secondary ul{
    margin-bottom: 0;
}
footer .footer-contact p{
    margin-bottom: 0;
}
footer .input-group br, .modal .input-group br, .newsletter .input-group br{
    display: none;
}

.menu-social-container ul{
	list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}
.menu-social-container ul li{
	display: inline-block;
}
.menu-social-container ul a:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 20px;
	font-size: 1.25rem;
	letter-spacing: normal;
	color: #fff;
	vertical-align: middle;
}
.menu-social-container ul a{
    font-size: 0;
    letter-spacing: -1px;
    color: transparent !important;
    text-decoration: none;
    font-weight: 500;
}
.menu-social-container ul a:after{
	color: #fff;
}
footer .menu-social-container ul li:not(:last-child){
    padding: 0;
}
.facebook a::after{
	font-family: "Font Awesome 5 Brands";
	content: "\f082";
	margin-right: 15px;
	font-size: 25px;
	width: 25px;
	display: inline-block;
	text-align: center;
    line-height: 1;
}
.instagram a::after{
	font-family: "Font Awesome 5 Brands";
	content: "\f16d";
	margin-right: 15px;
	font-size: 25px;
	width: 25px;
	display: inline-block;
	text-align: center;
    line-height: 1;
}
.linkedin a::after{
	font-family: "Font Awesome 5 Brands";
	content: "\f08c";
	margin-right: 15px;
	font-size: 25px;
	width: 25px;
	display: inline-block;
	text-align: center;
    line-height: 1;
}
.youtube a::after{
	font-family: "Font Awesome 5 Brands";
	content: "\f167";
	margin-right: 15px;
	font-size: 25px;
	width: 25px;
	display: inline-block;
	text-align: center;
    line-height: 1;
}
.twitter a::after{
	font-family: "Font Awesome 5 Brands";
	content: "\f081";
	margin-right: 15px;
	font-size: 25px;
	width: 25px;
	display: inline-block;
	text-align: center;
    line-height: 1;
}
.whatsapp a::after{
	font-family: "Font Awesome 5 Brands";
	content: "\f232";
	margin-right: 15px;
	font-size: 25px;
	width: 25px;
	display: inline-block;
	text-align: center;
    line-height: 1;
}
.pinterest a::after{
	font-family: "Font Awesome 5 Brands";
	content: "\f0d3";
	margin-right: 15px;
	font-size: 25px;
	width: 25px;
	display: inline-block;
	text-align: center;
    line-height: 1;
}
.tiktok a::after{
	font-family: "Font Awesome 5 Brands";
	content: "\e07b";
	margin-right: 15px;
	font-size: 25px;
	width: 25px;
	display: inline-block;
	text-align: center;
    line-height: 1;
}
.social-links a::after{
	margin-left: 0 !important;
}
.logo-iso, .logo-b{
    height: 58px;
}
.box-caracteristica img{
    max-width: 50%;
}
.box-diferencia img{
    background: #191d38;
    margin-top: calc(-4.5vw - 15px);
}
.container-tecnologias{
    margin-left: -9%;
}
.box-tecnologia{
    padding-left: 12%;
}
.accordion-button::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23191d38'%3e%3cpath fill-rule='evenodd' d='M8 4a.5.5 0 0 1 .5.5v5.793l2.146-2.147a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L7.5 10.293V4.5A.5.5 0 0 1 8 4z'/%3e%3c/svg%3e");
    width: 32px;
    height: 32px;
    background-size: 32px;
}
.accordion-button:not(.collapsed)::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23191d38'%3e%3cpath fill-rule='evenodd' d='M8 4a.5.5 0 0 1 .5.5v5.793l2.146-2.147a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L7.5 10.293V4.5A.5.5 0 0 1 8 4z'/%3e%3c/svg%3e");
}
.content-faq .box-group, .content-faq .accordion-item, .content-faq .accordion-button{
    border-radius: 15px !important;
}
.accordion-button:focus{
    border: 1px solid #22947e;
}
.content-faq .nav-link{
    border: 2px solid #fff;
    border-radius: 15px;
    color: #191d38;
}
.content-faq .nav-link.active{
    border: 2px solid #28B095;
    background-color: #f0f2f7;
    color: #191d38;
    box-shadow: none;
    font-weight: 700;
}
.content-faq .nav-link img{
    filter: grayscale(100%);
    transition: all .5s;
}
.content-faq .nav-link:hover img{
    filter: grayscale(25%);
}
.content-faq .nav-link.active img{
    filter: grayscale(0%);
}
.content-faq .accordion-button:not(.collapsed) {
        color: #191d38;
        background-color: #cbdfef;
}
.licitaciones .nav-link{
    border: 1px solid #191d38;
    color: #191d38;
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(170,170,170,1);
    -moz-box-shadow: 0px 1px 4px 0px rgba(170,170,170,1);
    box-shadow: 0px 1px 4px 0px rgba(170,170,170,1);
}
.licitaciones .nav-link.active{
    border-color: #191d38;
    background-color: #191d38;
    color: #fff;
}
.box-licitacion{
    border-radius: 15px;
    -webkit-box-shadow: inset 0px 1px 4px 0px rgba(170,170,170,1);
    -moz-box-shadow: inset 0px 1px 4px 0px rgba(170,170,170,1);
    box-shadow: inset 0px 1px 4px 0px rgba(170,170,170,1);
}
.box-licitacion h5{
    height: 100px;
}
.box-licitacion li:first-letter{
    text-transform: capitalize
}
.box-post{
    border-radius: 15px;
}
.box-post img{
    object-fit: cover;
    object-position: center;
    aspect-ratio: 14 / 9;
}
.tags-posts{
    left: 0;
    top: 5px;
}
.tags-posts a{
    border-radius: 15px;
}
.tag-prensa{
    background-color: #21A8BA;
}
.tag-noticias{
    background-color: #28B095;
}
.tag-data-science{
    background-color: #191d38;
}
.tag-tecnologia{
    background-color: #00a0d0;
}
.tag-tendencia{
    background-color: #766099;
}
.tag-eventos{
    background-color: #425A72;
}
.tag-ebooks{
    background-color: #1f3663;
}
.tag-opinion{
    background-color: #268299;
}

.content-articulos img{
    margin: 0 auto;
    display: block;
}
.wp-pagenavi a, .wp-pagenavi span {
    border: none;
    padding: 2px 5px;
    margin: 20px; 
    color: #191d38;
    font-weight: bold;
}
.wp-pagenavi a.last, .wp-pagenavi a.first{
    display: inline-block;
    position: relative;
    color: #28B095;
}
.wp-pagenavi span.current {
    font-weight: bold;
    background: #f0f2f7;
    border-radius: 100%;
    width: 32px;
    display: inline-block;
}
.wp-pagenavi a.page{
    width: 32px;
    display: inline-block;
}
.wp-pagenavi a.nextpostslink{
    color: #28B095;
}

.principios .dots{
    width: 10%;
    left: 1.5%;
    top: -50px;
}
.box-principio img{
    max-width: 50%;
}

.timeline {
    background: var(--primary-color);
    margin: 20px auto;
    padding: 20px;
}
.card-event:nth-child(odd) {
    padding: 10px 0 10px 15px;
}
.card-event:nth-child(even) {
    padding: 10px 15px 10px 0;
} 
.card-event::before {
    content: "";
    position: absolute;
    width: 50%;
    border: solid #22947e;
}
.card-event:nth-child(odd)::before {
    left: 0px;
    top: -5px;
    bottom: -5px;
    border-width: 5px 0 5px 5px;
    border-radius: 50px 0 0 50px;
}
@media only screen and (max-width: 400px) {
    .card-event:nth-child(odd)::before {
        top: -5px;
        bottom: -5px;
    }
}
.card-event:nth-child(even)::before {
    right: 0;
    top: 0;
    bottom: 0;
    border-width: 5px 5px 5px 0;
    border-radius: 0 50px 50px 0;
}
.card-event:first-child::before {
    border-top: 0;
    border-top-left-radius: 0;
}
.card-event:last-child:nth-child(odd)::before {
    border-bottom: 0;
    border-bottom-left-radius: 0;
}
.card-event:last-child:nth-child(even)::before {
    border-bottom: 0;
    border-bottom-right-radius: 0;
}
.title-event::before {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    background: #fff;
    border-radius: 999px;
    border: 3px solid #22947e;
}
.card-event:nth-child(even) > .info-event > * {
    text-align: right;
}
.card-event:nth-child(odd) > .info-event > .title-event::before {
    left: -45px;
}
.card-event:nth-child(even) > .info-event > .title-event::before {
    right: -45px;
}

.slider-ofertas .owl-stage{
    display: flex;
}
.slider-ofertas .owl-item{
    display: flex;
}
.btn-floating{
    right: 20px;
    bottom: 15px;
    visibility: hidden;
    opacity: 0;
    transition: all .5s;
}
.scrolling .btn-floating{
    visibility: visible;
    opacity: 1;
}
.sharer-rrss{
    bottom: 0;
}
.bases .parallel{
    background-color: #cbdfef;
    clip-path: polygon(0% 15%, 100% 0%, 100% 100%, 0% 100%);
    height: 115%;
    bottom: 0;
    left: 0;
}
.box-base .base-number{
    margin-top: -50px;
}

.coming-soon{
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.modal-no-header .btn-close{
    top: 10px;
    right: 10px;
}

.box-portal{
    border-radius: 15px;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(170,170,170,1);
    -moz-box-shadow: 0px 1px 4px 0px rgba(170,170,170,1);
    box-shadow: 0px 1px 4px 0px rgba(170,170,170,1);
}
.box-portal img{
    max-height: 125px;
}
.desc-portal{
    height: 75px;
}
.btn-outline-info:hover{
    color: white;
    background-color: #28B095 !important;
}

.geo-banner{
    bottom: 0; 
    left: 0; 
    z-index: 10000;
}

/*CALCULADORA Y FORM STEP-BY-STEP*/
header.position-absolute{
    top: 0;
    left: 0;
}
.soft-curve{
    top: 0;
    width: 120vw;
    left: -10vw;
    border-radius: 100% 100% 0 0;
}
.modal-calculadora .btn-close{
    position: absolute;
    right: 15px;
    top: 15px;
}
.modal-calculadora .btn-outline-info:hover{
    background-color: #21A8BA !important;
    border-color: #21A8BA !important;
}
.modal-calculadora .btn-check+.btn, .modal-calculadora .btn-check+.btn, .modal-calculadora .btn{
    transition: all .5s;
}
.modal-calculadora label img{
    width: 150px;
    height: 100px;
    transition: all .5s;
    filter: grayscale(100%);
}
@media screen and (max-width:1600px){
    .modal-calculadora label img{
        width: 100px;
        height: 70px;
    }
}
@media screen and (max-width:1400px){
    .modal-calculadora label img{
        width: 75px;
        height: 50px;
    }
}
.modal-calculadora label:hover img{
    filter: grayscale(50%);
}
.modal-calculadora .btn-check:active+.btn, .modal-calculadora .btn-check:checked+.btn, .modal-calculadora .btn.active{
    border-color: #191d38;
}
.modal-calculadora .btn-check:active+.btn img, .modal-calculadora .btn-check:checked+.btn img, .modal-calculadora .btn.active img{
    filter: grayscale(0%);
}
.container-form, .container-plot, .container-pie, .container-form-steps{
    border-radius: 30px !important;
}
.container-form br, .form-pricing br{
    display: none;
}
.container-form .wpcf7-spinner{
    position: absolute;
    right: 10px;
    top: 15px;
}
.progress-container {
    margin: 2em auto;
    transition: all .5s;
    opacity: 1;
}
.progress-container .opacity-0{
    visibility: hidden;
    opacity: 0;
}
.progress-steps {
    counter-reset: step;
}
.progress-steps li {
    list-style-type: none;
    width: 25%;
    float: left;
    font-size: .7em;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}
.progress-steps li:before {
    width: 50px;
    height: 50px;
    content: counter(step);
    counter-increment: step;
    border: 2px solid #BFD8EB;
    display: block;
    text-align: center;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #BFD8EB;
    font-size: 25px;
    line-height: 45px;
    z-index: 2;
    position: relative;
    font-weight: bolder;
}
.progress-steps li:after {
    width: 100%;
    height: 5px;
    content: '';
    position: absolute;
    background-color: #BFD8EB;
    top: 50%;
    left: -50%;
    z-index: 1;
    transform: translateY(-50%);
}
.progress-steps li:first-child:after {
    content: none;
}
.progress-steps li.active {
    color: #fff;
}
.progress-steps li.active:before {
    border-color: #FCCC6C;
    background: #fccc6c;
    color: #fff;
}
.progress-steps li.active + li:after {
    background-color: #FCCC6C;
}
.modal-calculadora .select2-container{
    width: 100% !important;
}   
.modal-calculadora .select2-container .select2-selection--single{
    border-radius: 15px;
    padding: 0 15px;
    height: 60px;
    box-shadow: 0px 1px 4px 0px rgb(170 170 170);
    background: #f0f2f7;
}
.modal-calculadora .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 60px;
    text-align: center;
}
.modal-calculadora .select2-container--default .select2-selection--single .select2-selection__placeholder{
    color: #191d38;
}
.modal-calculadora .select2-selection__arrow{
    display: block;
    height: 60px !important;
}
.modal-calculadora .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #191d38 transparent
}
.modal-calculadora .modal-content{
    background-color: #ECEFF6;
    transition: all 1s;
}
.modal-calculadora.step-2-active .modal-content{
    background-color: #fff;
}
.modal-calculadora.step-4-active .modal-content{
    background: linear-gradient(to right bottom, #fff, #BFD8EB);
}
.body-step-3{    
    display: flex;
    height: 100%;
}
.container-form{    
    margin-top: 25px;
}
body.page-template-template-calculadora-ahorro > .select2-container{
    text-align: center;
}
body.page-template-template-calculadora-ahorro > .select2-container .select2-dropdown{
    border-radius: 15px;
    overflow: hidden;
    border: 0;
    box-shadow: 0px 1px 4px 0px rgb(170 170 170);
    background: #f0f2f7;
}
@media screen and (min-height: 700px){
    .container-form{    
        margin-top: calc(50vh - 350px);
    }
}
.loader-bar{
    width: 20%;
    top: 8%;
    left: 42%;
}
.progress-bar {
    height: 34px;
    line-height:34px;
    background: repeating-linear-gradient(
        135deg,
        #21A8BA,
        #21A8BA 20px,
        #178CB3 20px,
        #178CB3 40px
      );
      width: 20%;
      transition: all 2s ease-in;
}
.container-progress-bar.now .progress-bar{
    width: 100%;
    transition: all 2s ease-in;
}
.container-form, .container-plot, .container-pie, .container-form-steps, .form-ebooks{
    border-radius: 30px !important;
}
.container-form br, .form-pricing br{
    display: none;
}
.container-form-steps .form-buttons > p{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
canvas{
    max-height: 500px !important;
}

.container-form-steps .form-check input{
    width: 20px;
    height: 20px;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    -webkit-box-shadow: inset 0px 1px 4px 0px rgb(170 170 170);
    -moz-box-shadow: inset 0px 1px 4px 0px rgba(170,170,170,1);
    box-shadow: inset 0px 1px 4px 0px rgb(170 170 170);
}
.container-form-steps .form-check input[type="radio"]{
    border: 2px solid rgba(0,0,0,.25);
    border-radius: 50%;
}
.container-form-steps .form-check input[type="radio"]:checked{
    background-color: #21A8BA;
    border-color: #ccc;
}
.container-form-steps .form-check input[type="checkbox"]{
    border-radius: 4px;
}
.container-form-steps .form-check input[type="checkbox"]:checked{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    background-color: #21A8BA;
    border-color: #21A8BA;
}
.container-form-steps .form-check .wpcf7-list-item-label{
    vertical-align: middle;
}
#soluciones-steps .wpcf7-list-item, #industrias-steps .wpcf7-list-item{
    display: none;
    margin-left: 0;
    text-align: left;
    margin-bottom: 8px;
    transition: all .5s;
}
#soluciones-steps .wpcf7-list-item:nth-child(1), #soluciones-steps .wpcf7-list-item:nth-child(3){
    width: 290px;
}
.page-template-template-sourcing-compradores #soluciones-steps .wpcf7-list-item:nth-child(1){
    width: 135px !important;
}
#soluciones-steps .wpcf7-list-item:nth-child(2), #soluciones-steps .wpcf7-list-item:nth-child(4){
    width: 225px;
}
.page-template-template-pay-compradores #soluciones-steps .wpcf7-list-item:nth-child(4){
    width: 515px !important;
}
#soluciones-steps .wpcf7-list-item:nth-child(5), #soluciones-steps .wpcf7-list-item:nth-child(7){
    width: 225px;
}
#soluciones-steps .wpcf7-list-item:nth-child(6), #soluciones-steps .wpcf7-list-item:nth-child(8){
    width: 225px;
}
#industrias-steps{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#industrias-steps .wpcf7-list-item{
    display: inline-block;
}
#industrias-steps .wpcf7-list-item:nth-child(1), #industrias-steps .wpcf7-list-item:nth-child(4), #industrias-steps .wpcf7-list-item:nth-child(7){
    width: 200px;
}
#industrias-steps .wpcf7-list-item:nth-child(2), #industrias-steps .wpcf7-list-item:nth-child(5), #industrias-steps .wpcf7-list-item:nth-child(8){
    width: 140px;
}
#industrias-steps .wpcf7-list-item:nth-child(3), #industrias-steps .wpcf7-list-item:nth-child(6), #industrias-steps .wpcf7-list-item:nth-child(9){
    width: 140px;
}

.container-form-steps .progress-container{
    margin: 2em auto 1em;
}
.container-form-steps .progress-steps{
    display: flex;
}
.container-form-steps .progress-steps li{
    width: 33.33333%;
    text-transform: inherit;
    color: #191d38;
    float: left;
}
.container-form-steps .progress-steps li small{
    width: 90px;
    font-size: 13px;
    line-height: 16px;
}
.container-form-steps .progress-steps li:before{
    height: 20px;
    width: 20px;
    content: '';
    border: 2px solid #21a8ba;
}
.container-form-steps .progress-steps li + li:after{
    background-color: #21a8ba;
    height: 3px;
    top: 10px;
}
.container-form-steps .progress-steps li.active:before {
    border-color: #21a8ba;
    background: #21a8ba;
    color: #191d38;
}
.container-form-steps .progress-steps li:before{
    background-color: #fff;
    transition: all .5s;
}
.container-form-steps .wpcf7-spinner{
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    right: 150px;
}
.container-form-steps{
    text-align: center;
    font-size: 15px;
}

.slideFull .owl-stage{display: flex;}
.slideFull .owl-item {
    align-self: stretch;
    flex: 1 0 auto;
    display: flex;
}
.slideFull .owl-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.slideFull .owl-dot {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50px;
    border: 5px solid transparent;
    background: #fff;
    margin: 5px;
    transition: all .5s;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
    opacity: .7;
    transition: all .5s;
}
.slideFull .owl-dot.active, .slideFull .owl-dot:hover {
    border: 5px solid #21a8ba;
    background: #21a8ba;
    opacity: 1;
}
.form-compradores-simple .btn-group .btn{
    border-width: 2px;
    color: #191d38;
    border-color: #191d38;
}
.form-compradores-simple .btn-group .btn-check:checked+.btn, .form-compradores-simple .btn-group .btn:hover{
    background-color: #191d38;
    color: #fff;
}
.form-compradores-simple .btn-group>.btn:not(:last-child):not(.dropdown-toggle){
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.form-compradores-simple .btn-group>.btn:nth-child(n+3){
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.main-product:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 80%;
    z-index: 1;
    background-color: #ccdfee; /* For browsers that do not support gradients */
    background-image: linear-gradient(to right bottom, #1f3663, #28B095);
    border-radius: 0px 0 300px 300px;
}
.box-solucion{
    border-radius: 25px;
}
.box-solucion img{
    max-height: 120px;
}
.box-problem img{
    max-height: 150px;
}
.caracteristicas-even:before{
    content: '';
    position: absolute;
    right: -10%;
    top: 50%;
    transform: translateY(-50%);
    width: 900px;
    height: 900px;
    border-radius: 50%;
    background-color: #28B095;
    z-index: 1;
}
.modal-contact-product .btn-close{
    right: 20px;
    top: 20px;
}
.form-integraciones .wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    color: #207728;
    background-color: #e0ffe3;
    font-size: 12px;
    text-align: center;
}
.form-integraciones .wpcf7-not-valid-tip{
    text-align: center;
}
.img-fuente{
    max-height: 80px;
}
.img-erp{
    max-height: 70px;
}
.brevo-conversations--pos-right{
    bottom: 70px !important;
}

.antes-despues{
    background-image: linear-gradient(to right, #fff 0%, #fff 50%, #28B095 50.1%, #1f3663 100%);
}

.offset-custom {
    /* Adjust the left margin for the left column to start its content from a desired position (considering a 12-column grid) */
    margin-left: calc((100% - var(--container)) / 2);
    /* Control the maximum width of the left column content */
    max-width: calc(var(--container) / 12 * 6);
}
.overlay-slider{
    background: rgba(25, 29, 56, .3456789);
    z-index: 2;
}
.buyer-personas .nav-pills .nav-link.active, .buyer-personas .nav-pills .show>.nav-link {
    background-color: #fff;
    color: #191d38;
}
.mb--15{
    margin-bottom: -15px;
}
div.aligncenter{
    display: block;
    margin: 30px auto;
}
.wp-caption-text{
    font-style: italic;
}
/*PhoneCouhtry Code */
.intl-tel-input.separate-dial-code .selected-dial-code{
    display: none;
}
.flag-container > div{
    width: 50px !important;
}
.intl-tel-input > input[type="text"]{
    padding-left: 60px !important;
}
.intl-tel-input ul.country-list{
    z-index: 5;
}
.tldr-box{
    background-color: #f0f2f7;
    border-left: 4px solid #21A8BA;
}

/* Landingg pages nuevas de ebooks */
.ebook-icon-circle{
  width: 44px; height: 44px; border-radius: 999px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(40,176,149,.12); /* green-mountain tint */
  color:#28B095;
}
.ebook-kpi{
  border-left: 4px solid #28B095;
}
.ebook-soft-card{
  border: 1px solid rgba(25,29,56,.08);
}
.img-insignias{
    height: 60px;
}
.banner-product h2{
    font-weight: 900;
    text-transform: uppercase;
    padding-bottom: 25px;
}


@media screen and (min-width: 1882px) {
    .page-template-landing-apertura .checks-industrias{
        width: 480px !important;
        margin: 0 auto;
    }
}
@media (min-width: 768px){
    .modal-encuentra-proveedores .modal-lg{
        width: 66.66666667%;
    }
}
@media (min-width: 992px){
    .modal-encuentra-proveedores .modal-lg{
        width: 50%;
    }
}
@media (min-width: 1200px){
    .modal-encuentra-proveedores .modal-lg{
        width: 41.66667%;
    }
}
/* End Landing Apertura*/

@media screen and (min-height: 600px){
    .modal-centered{
        top: 50%;
        transform: translateY(-50%) !important;
    }
}

@media screen and (max-width: 1680px){
    .desc-portal{
        height: 105px;
    }
    #soluciones-steps .wpcf7-list-item:nth-child(1), #soluciones-steps .wpcf7-list-item:nth-child(3){
        width: 250px;
    }
    #soluciones-steps .wpcf7-list-item:nth-child(2), #soluciones-steps .wpcf7-list-item:nth-child(4){
        width: 190px;
    }
    .page-template-template-pay-compradores #soluciones-steps .wpcf7-list-item:nth-child(4){
        width: 440px !important;
    }
    #soluciones-steps .wpcf7-list-item:nth-child(5), #soluciones-steps .wpcf7-list-item:nth-child(7){
        width: 200px;
    }
    #soluciones-steps .wpcf7-list-item:nth-child(6), #soluciones-steps .wpcf7-list-item:nth-child(8){
        width: 200px;
    }
}
@media screen and (max-width: 1560px){
    #industrias-steps .wpcf7-list-item:nth-child(1), #industrias-steps .wpcf7-list-item:nth-child(4), #industrias-steps .wpcf7-list-item:nth-child(7){
        width: 190px;
    }
    #industrias-steps .wpcf7-list-item:nth-child(2), #industrias-steps .wpcf7-list-item:nth-child(5), #industrias-steps .wpcf7-list-item:nth-child(8){
        width: 130px;
    }
    #industrias-steps .wpcf7-list-item:nth-child(3), #industrias-steps .wpcf7-list-item:nth-child(6), #industrias-steps .wpcf7-list-item:nth-child(9){
        width: 130px;
    }
}

@media screen and (max-width: 1510px){
    #industrias-steps .wpcf7-list-item:nth-child(1), #industrias-steps .wpcf7-list-item:nth-child(4), #industrias-steps .wpcf7-list-item:nth-child(7){
        width: 180px;
    }
    #industrias-steps .wpcf7-list-item:nth-child(2), #industrias-steps .wpcf7-list-item:nth-child(5), #industrias-steps .wpcf7-list-item:nth-child(8){
        width: 130px;
    }
    #industrias-steps .wpcf7-list-item:nth-child(3), #industrias-steps .wpcf7-list-item:nth-child(6), #industrias-steps .wpcf7-list-item:nth-child(9){
        width: 120px;
    }
}

@media screen and (max-width: 1440px){
    .desc-portal{
        height: 105px;
    }
    .container-loader{
        width: 50%;
    }
    #soluciones-steps .wpcf7-list-item:nth-child(1), #soluciones-steps .wpcf7-list-item:nth-child(3){
        width: 245px;
    }
    #soluciones-steps .wpcf7-list-item:nth-child(2), #soluciones-steps .wpcf7-list-item:nth-child(4){
        width: 185px;
    }
    .page-template-template-pay-compradores #soluciones-steps .wpcf7-list-item:nth-child(4){
        width: 430px !important;
    }
    #industrias-steps .wpcf7-list-item:nth-child(3), #industrias-steps .wpcf7-list-item:nth-child(6), #industrias-steps .wpcf7-list-item:nth-child(9){
        width: 116px;
    }
}

@media screen and (min-width: 1400px){
    .container-fluid-xxl{
        width: 100%;
    }
}

@media screen and (max-width: 1399px){
    :root {
        --container: 1140px;
    }
    h1, .h1{
        font-size: 30px;
    }
    h2, .h2{
        font-size: 27px;
    }
    h3, .h3{
        font-size: 24px;
    }
    h4, .h4{
        font-size: 21px;
    }
    h5, .h5{
        font-size: 18px;
    }
    h6, .h6, .btn, .accordion-button{
        font-size: 16px;
    }
    body, .body{
        font-size: 15px;
    }
    small, .small{
        font-size: 14px;
    }
    .display-1{
        font-size: 60px;
    }
    .display-2{
        font-size: 50px;
    }
    .display-3{
        font-size: 45px;
    }
    .display-4{
        font-size: 40px;
    }
    .display-5, .banner-product h2{
        font-size: 38px;
    }
    .display-6{
        font-size: 35px;
    }
    footer ul.menu{
        padding-left: 0;
    }
    .description-newsletter h6{
        letter-spacing: -1px;
    }
    .wherex-diferente .dots {
        left: -20px;
        bottom: 80px;
    }
    .box-tecnologia {
        padding-left: 10%;
    }
    .principios .dots{
        top: 0;
    }
    .desc-portal{
        height: 70px;
    }
    .box-portal img {
        max-height: 85px;
    }
    canvas{
        max-height: 400px !important;
    }
    #industrias-steps .wpcf7-list-item:nth-child(1), #industrias-steps .wpcf7-list-item:nth-child(4), #industrias-steps .wpcf7-list-item:nth-child(7){
        width: 190px;
    }
    #industrias-steps .wpcf7-list-item:nth-child(2), #industrias-steps .wpcf7-list-item:nth-child(5), #industrias-steps .wpcf7-list-item:nth-child(8){
        width: 135px;
    }
    #industrias-steps .wpcf7-list-item:nth-child(3), #industrias-steps .wpcf7-list-item:nth-child(6), #industrias-steps .wpcf7-list-item:nth-child(9){
        width: 120px;
    }
    .modal-calculadora .progress-container {
        margin: 15px auto 20px;
    }
    .modal-calculadora .progress-steps li:before {
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 35px;
    }
    .box-categoria label {
        line-height: 1.1;
        padding-left: 10px;
        padding-right: 10px;
    }
    .box-problem img{
        max-height: 150px;
    }
    .box-solucion img{
        max-height: 110px;
    }
    .main-product:before{
        height: 85%;
    }
}

@media screen and (max-width: 1199px){
    :root {
        --container: 960px;
    }
    h1, .h1{
        font-size: 27px;
    }
    h2, .h2{
        font-size: 24px;
    }
    h3, .h3{
        font-size: 21px;
    }
    h4, .h4{
        font-size: 18px;
    }
    h5, .h5{
        font-size: 17px;
    }
    .display-1{
        font-size: 50px;
    }
    .display-2{
        font-size: 45px;
    }
    .display-3{
        font-size: 40px;
    }
    .display-4{
        font-size: 38px;
    }
    .display-5, .banner-product h2{
        font-size: 35px;
    }
    .display-6{
        font-size: 30px;
    }
    header .img-logo {
        max-height: 60px;
    }
    header .header-bottom ul li ul li ul li a {
        padding: 5px 15px;
    }
    header .header-bottom ul li a {
        padding: 8px 10px;
    }
    .wherex-diferente .dots{
        left: -40px;
        bottom: 60px;
    }
    .banner{
        background-position: center;
    }
    .slider-casos-exito .owl-prev {
        left: -20px;
    }
    .slider-casos-exito .owl-next {
        right: -20px;
    }
    body > .select2-container{
        width: 50% !important;
    }
    .loader-bar {
        width: 20%;
        top: 2%;
    }
    #industrias-steps .wpcf7-list-item {
        width: 190px !important;
    }
    #industrias-steps .wpcf7-list-item:nth-child(9) {
        width: 380px !important;
    }
    #soluciones-steps .wpcf7-list-item:nth-child(-n+4), .page-template-template-pay-compradores #soluciones-steps .wpcf7-list-item:nth-child(4){
        width: 240px !important;
    }
    #soluciones-steps .wpcf7-list-item:nth-child(n+5) {
        width: 180px !important;
    }
    .form-compradores .container-form-steps, .form-compradores-simple .container-form-steps{
        margin-left: -15px;
    }
    .meta p br{
        display: none;
    }
    .logo-iso{
        height: 50px;
    }
    .box-problem img{
        max-height: 120px;
    }
    .box-solucion img{
        max-height: 100px;
    }
    .main-product:before{
        height: 100%;
    }
    .caracteristicas-even:before{
        width: 600px;
        height: 600px;
    }
}

@media screen and (max-width: 991px){
    :root {
        --container: 720px;
    }
    h1, .h1{
        font-size: 25px;
    }
    h2, .h2{
        font-size: 22px;
    }
    h3, .h3{
        font-size: 20px;
    }
    .display-1{
        font-size: 45px;
    }
    .display-2{
        font-size: 40px;
    }
    .display-3{
        font-size: 38px;
    }
    .display-4{
        font-size: 35px;
    }
    .display-5, .banner-product h2{
        font-size: 30px;
    }
    .display-6{
        font-size: 27px;
    }
    .bg-fixed{
        background-attachment: scroll;
    }
    .page-template-front-page .banner, .page-template-template-proveedores .banner, .page-template-template-blog .banner, .single .banner{
        min-height: 450px;
    }
    header .header-bottom ul.navbar-nav > li.menu-item-has-children::after{
        display: none;
    }
    .navbar-collapse{
        position: absolute;
        background-color: #fff;
        width: 100%;
        left: 0;
        top: 100%;
        border-top: 1px solid #f0f2f7;
        border-bottom: 1px solid #f0f2f7;
        height: auto;
        max-height: calc(100vh - 200px);
        overflow: scroll;
    }
    header .header-bottom ul li a{
        text-align: center;
        padding: 10px 15px;
        text-transform: uppercase;
    }
    .box-licitacion h5 {
        height: 60px;
    }
    .owl-prev {
        left: -35px;
    }
    .owl-next {
        right: -35px;
    }
    .footer-secondary{
        border-right: none !important;
    }
    .footer-secondary ul{
        list-style: none;
    }
    .page-template-template-soluciones .banner, .page-template-template-preguntas-frecuentes .banner{
        height: auto;
    }
    .page-template-template-casos-exito .banner {
        height: 450px;
    }
    .box-diferencia img {
        background: #191d38;
        margin-top: calc(-7.5vw - 15px);
    }
    .container-tecnologias{
        margin-left: 0;
    }
    .menu-social-container ul a:after{
        margin-right: 5px;
        margin-left: 5px;
    }
    .box-base .base-number {
        margin-top: -45px;
    }
    header a, header a:hover{
        color: #191d38 !important;
    }
    header .header-bottom ul.navbar-nav > li > ul.sub-menu{
        position: relative;
        left: 0 !important;
        width: 100%;
    }
    header .header-bottom ul.navbar-nav > li:hover > ul.sub-menu{
        position: relative;
        left: 0 !important;
        width: 100%;
        overflow: scroll;
    }
    header .header-bottom ul.navbar-nav > li > ul.sub-menu > li ul li a {
        text-align: left;
    }
    header .header-bottom ul.navbar-nav > li.menu-item-has-children:hover > ul.sub-menu{
        padding: 5px 10px;
    }
    .banner-new-mobile{
        height: 800px;
        background-position: center bottom;
    }
    .desc-portal {
        height: 90px;
    }
    .box-portal img {
        max-height: 70px;
    }
    .soft-curve {
        border-radius: 40% 40% 0 0;
    }
    .pricing-banner h1 br{
        display: none;
    }
    .meta{
        background-image: unset !important;
        background-color: #191d38;
    }
    .form-compradores .container-form-steps, .form-compradores-simple .container-form-steps{
        margin-left: 0;
    }
    .logo-iso{
        height: 72px;
    }
    .box-problem img{
        max-height: 100px;
    }
    .box-solucion img{
        max-height: 90px;
    }
    .img-fuente{
        max-height: 70px;
    }
    .img-erp{
        max-height: 60px;
    }
    .caracteristicas-even{
        color: #191d38 !important;
    }
    .offset-lg-custom {                
        /* Control the maximum width of the left column content */
        max-width: calc(var(--container) / 12 * 12);
    }
}

@media screen and (max-width: 767px){
    :root {
        --container: 540px;
    }
    .display-1{
        font-size: 40px;
    }
    .display-2{
        font-size: 38px;
    }
    .display-3{
        font-size: 35px;
    }
    .display-4{
        font-size: 30px;
    }
    .display-5, .banner-product h2{
        font-size: 27px;
    }
    .display-6{
        font-size: 26px;
    }
    .box-beneficio img{
        max-width: 50%;
    }
    .wp-pagenavi a, .wp-pagenavi span{
        margin: 10px;
    }
    .bases .parallel {
        clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 100%);
        height: 105%;
    }
    .heateor_sss_sharing_ul{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .principios .dots {
        top: -5px;
    }
    .row-responsive .box-evento:last-of-type::before{
        display: none;
    }
    .form-casos-exito .wpcf7-not-valid-tip{
        top: 100%;
        padding: 0;
    }
    .navbar-collapse{
        max-height: calc(100vh - 175px);
    }
    .analitica-gasto p br, .box-beneficio br{
        display: none;
    }
    .analitica-gasto h4{
        font-size: 16px;
    }
    body > .select2-container {
        width: 100% !important;
    }
    .btn-floating {
        right: 0;
        bottom: 0;
        width: 100%;
    }
    .btn-floating a{
        width: 100%;
        border-radius: 0 !important;
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 16px;
    }

    .progress-container{
        width: 75% !important;
    }
    canvas{
        max-height: 350px !important;
    }
    .container-loader{
        width: 75%;
    }
    .progress-bar {
        height: 20px;
        line-height: 20px;
    }
    .pricing-section{
        padding-bottom: 200px !important;
    }
    .form-ebooks .custom-select-arrow i, .form-pricing .custom-select-arrow i, .form-proveedores .custom-select-arrow i, .form-integraciones .custom-select-arrow i{
        right: 15px;
    }
    .page-template-template-pay-compradores #soluciones-steps .wpcf7-list-item:nth-child(4){
        width: 480px !important;
    }
    .box-problem img{
        max-height: 80px;
    }
    .box-solucion img{
        max-height: 75px;
    }
    .offset-md-custom {                
        /* Control the maximum width of the left column content */
        max-width: calc(var(--container) / 12 * 12);
    }
    .overlay-slider{
        left: 0;
    }
}

@media screen and (max-width: 575px){
    :root {
        --container: 100%;
    }
    .navbar-collapse {
        max-height: calc(100vh - 150px);
    }
    header .header-bottom ul.navbar-nav > li > ul.sub-menu > li{
        width: 100%;
    }
    header .header-bottom ul.navbar-nav > li > ul.sub-menu{
        display: block;
    }
    header .header-bottom ul.navbar-nav > li > ul.sub-menu > li > a{
        font-size: 110%;
        margin-bottom: 0;
    }
    .page-template-front-page .banner, .page-template-template-proveedores .banner, .page-template-template-blog .banner, .single .banner {
        min-height: calc(100vh - 65px);
    }
    .footer-secondary{
        border-left: 0 !important;
    }
    .e-procurement br{
        display: none;
    }
    .description-newsletter{
        text-align: center;
    }
    .box-estadistica img{
        width: 40% !important;
    }
    .financiamiento .box-estadistica img{
        width: 55% !important;
    }
    .newsletter .correo{
        width: calc(100% - 40px);
    }
    .owl-prev {
        left: -25px;
    }
    .owl-next {
        right: -25px;
    }
    .banner-new-mobile {
        height: 525px;
    }
    .desc-portal {
        height: auto;
    }
    .box-portal img {
        max-height: auto;
    }

    .soft-curve {
        border-radius: 25% 25% 0 0;
    }
    .progress-container{
        width: 100% !important;
    }
    .container-loader{
        width: 100%;
    }
    .loader-bar {
        width: 40%;
        top: 0%;
        left: 43%;
    }
    .progress-bar {
        height: 20px;
        line-height: 20px;
    }
    .pricing-table-head h4{
        font-size: 14px;
        letter-spacing: -2px;
    }
    .pricing-table-head p{
        font-size: 13px;
    }
    #industrias-steps .wpcf7-list-item:nth-child(9) {
        width: 190px !important;
    }
    .page-template-template-pay-compradores #soluciones-steps .wpcf7-list-item:nth-child(4){
        width: 240px !important;
    }
    .form-proveedores h3{
        width: 95% !important;
    }
    .modal-encuentra-proveedores .modal-lg{
        margin: 20px auto !important; 
    }
    .page-template-template-casos-exito .banner {
        height: 550px;
    }
    .form-newsletter .wpcf7-spinner{
        right: 20px;
    }
    .box-problem img{
        max-height: 70px;
    }
    .box-solucion img{
        max-height: 65px;
    }
    .img-fuente{
        max-height: 90px;
    }
    .img-erp{
        max-height: 50px;
    }
}