@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;600;700&display=swap');


body {color: #000000; font-family: 'Work Sans', sans-serif;}
html, body {height: 100%; position: relative;}
.navbar-dark .navbar-nav .nav-link {color: #000000 !important; font-family: 'Work Sans', sans-serif; font-size: 13px; padding: 0 25px}
nav.navbar {padding: 15px 0; transition: all 0.3s; z-index: 9; background-color: rgb(255 255 255 / 70%);}
nav.compressed {padding: 7px 0; background-color: rgb(255 255 255 / 97%);}
.bg-blue {background-color: #031A39}
.mt70 {margin-top: 70px}
.p10 {padding: 10rem 0}
.pt10 {padding-top: 10%}
.dropdown-item {font-size: 13px;}
.btn-arrow {color: #000000; background-color: #76FDE8; border-radius: 50%; display: inline-block; width: 35px; height: 35px; line-height: 36px; font-size: 16px;}
.btn-arrow:hover {color: #000000}
.zoom {transition: transform .2s;}
.zoom:hover {transform: scale(1.1);}
.txt-vertical p {font-size: 11px;}
.txt-vertical {left:0; transform-origin: 0 0; transform: rotate(270deg); color: #ffffff;}
#background-video {width: 100vw;height: 100vh;object-fit: cover;position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: -1;}
span.ms-7 {margin-left: 20%;}

span.ms-8 {margin-left: 60%;}
span.ms-9 {margin-left: 35%; }

h3 {font-size: 23px; color: #031A39;}
.splide__pagination__page.is-active {transform: scale(1) !important;}
.splide__arrow--prev {left: 0 !important;}
.splide__arrow--next {right: 0 !important;}
.splide__pagination {bottom: -2.5em !important;}
.splide__arrow {background: transparent !important;}
.splide__arrow svg {fill: #031A39; height: 0.8em; width: 0.8em;}
.splide__pagination__page {height: 7px !important; width: 7px !important; margin: 3px 6px !important;}
.font11 {font-size: 11px}
.font15 {font-size: 15px; line-height: 21px;}
.py-6 {padding-top: 5rem; padding-bottom: 5rem}
.px-6 {padding-left: 5rem; padding-right: 5rem}
.pt-6 {padding-top: 5rem;}
.px5 {padding-left: 4rem; padding-right: 4rem}
h4 {font-size: 31px;line-height: 36px;}
.btn-busquedas {background-color: #76FDE8; color: #031A39; text-decoration: none; font-size: 15px; padding: 10px 30px; border-radius: 30px;}
.btn-busquedas:hover {color: #031A39}
.bg-contacto {background-image: url(../img/bg-contacto.jpg); background-repeat: no-repeat; background-size: cover}
.bg-gracias {background-image: url(../img/bg-gracias.png); background-repeat: no-repeat; background-size: cover}
.form-control {border:0;background-color: rgb(255 255 255 / 50%); border-radius: 0; font-size: 12px; min-height: 45px; color: #000000;}
::placeholder {color: #B7B7B7}
textarea.form-control {min-height: 167px; padding-top: 15px}
.black {color: #000000}
.verde {color: #76FDE8;}
.btn-enviar {background-color: #031939; color: #FFFFFF; text-decoration: none; font-size: 13px;
    padding: 9px 50px; border-radius: 30px; border: 0;}
.txt-footer {font-size: 10px; text-transform: uppercase; line-height: 14px;}
.circle-ft {background-color: #031939; width: 35px; height: 35px; line-height: 35px !important;
    text-align: center; border-radius: 50%; color: #FFFFFF;}
.bg-services {background-size: cover; background-position: center; min-height: 310px;}
.bg-transformacion-operaciones {background-image: url(../img/transformacion-operaciones.jpg);}
.bg-suministro {background-image: url(../img/cadena-suministros.jpg);}
.bg-retail {background-image: url(../img/retail.jpg);}
.bg-produccion {background-image: url(../img/produccion.jpg);}
.bg-transformacion {background-image: url(../img/transformacion-digital.jpg);}
.bg-diseno {background-image: url(../img/diseno-desarrollo-organizacional.jpg);}
.bg-compras {background-image: url(../img/compras-abastecimiento.jpg);}
.bg-operaciones {background-image: url(../img/operaciones-al-servicio.jpg);}
.bg-proyectos {background-image: url(../img/proyecto-capital.jpg);}
.bg-ventas {background-image: url(../img/ventas-mkt.jpg);}
.bg-services p {font-size: 16px; line-height: 21px;}
#servicios h2 {font-size: 43px; line-height: 45px;}
.img-kastor {left: 7%;}
.img-kastor img {width: 53%;}
.w35 {width: 35%;}
.bg-gestion-full {height: 440px;background-image: url(../img/bg-servicio-gestion.jpg); background-size: cover; background-position: left; background-repeat: no-repeat;}
.bg-desarrollo-full {background-image: url(../img/bg-desarrollo-organizacional.jpg);}
.bg-operaciones-full {background-image: url(../img/bg-operaciones-servicio.jpg);}
.bg-retail-full {background-image: url(../img/bg-retail.jpg);}
.bg-ventas-full {background-image: url(../img/bg-ventas-marketing.jpg);}
.bg-produccion-full {background-image: url(../img/bg-produccion.jpg);}
.bg-proyectos-full {background-image: url(../img/bg-proyectos-capital.jpg);}
.bg-transformacion-full {background-image: url(../img/bg-transformacion-digital.jpg);}
.bg-compras-full {background-image: url(../img/bg-compras.jpg);}
.bg-operaciones-full {background-image: url(../img/bg-transformacion-operaciones.jpg);}


.volver {top: 21%; left: 3%;}
.mt-72 {margin-top: 72px;}
.font40 {font-size: 40px;}
.semi {font-weight: 600;}
.bold {font-weight: 700;}
.txt-service p {font-size: 13px; line-height: 21px;}
.card.light-green {background-color:#EDFFFC;}
.card.green {background-color:#D8FFF9;}
.card {border: 0; border-radius: 0; padding: 4rem 2rem;}
.card h4 {font-size: 20px; line-height: 25px;}
.card p {font-size: 13px; line-height: 19px;}
.white {color: #FFFFFF}
.pointer {cursor: pointer}
.navbar-toggler-icon {background-image: url(../img/bars-solid.svg) !important; width: 1em !important; height: 1em !important;}
.navbar-toggler {border: 0;}
footer a:hover {color: #000000;}
a {text-decoration: none;}
.bg-services a:hover {color: #FFFFFF}
.dropdown-item.active, .dropdown-item:active {background-color: #76fde8; color: #000000;}
.w45 {width: 55%;}
.h-text {min-height: 165px;}
.txt-nosotros {font-size: 27px; line-height: 31px;}
.pointer {cursor: pointer;}
.txt-kastor p {font-size: 15px; line-height: 24px;}
footer a {color: #707070;}
h1 {font-family: 'Work Sans', sans-serif; font-size: 46px}
h5 {font-size: 36px;}
p {font-size: 18px; line-height: 27px;}
p.txt-bajada {font-size: 18px;}
.txt-modo {font-size: 27px; line-height: 35px;}
.porcentaje {font-size: 90px; line-height: 80px;}
.subtitle {font-size: 24px; color: #FFFFFF; line-height: 33px;}
.splide__slide img {width: 75%;}
.splide__slide .card-body {border-top-right-radius: 20px; border-bottom-right-radius: 20px;
    min-height: 16rem;}
.splide__pagination--ttb {right: -1.5em !important}
.splide__pagination__page.is-active {background: #031A39 !important;}

.red {color: #E80000}
.bg-red {color: #E80000}
.solid-red {background-color: #E80000}
.gris {color: #707070}
.qr {width: 6%;margin-top: -7px;}
.border-1 {border-radius: 1rem;}
.border-20 {border-radius: 20px;}
.bg-grey {border:0; background: rgb(255,255,255); background: linear-gradient(140deg, rgba(255,255,255,1) 0%, rgba(214,214,214,1) 55%, rgba(120,120,120,1) 100%);}
.bg-white-9 {background-color: rgb(255 255 255 / 90%)!important;}


::selection {background-color: #76FDE8; color: #000000}


@media (max-width: 1200px) {
.py-6 {padding-top: 5rem!important; padding-bottom: 5rem!important;}

}

@media (max-width: 990px) {
.navbar-dark .navbar-nav .nav-link {font-size: 12px; padding: 0 15px;}
.w35 {width: 45%;}
#servicios h2 {font-size: 36px; line-height: 38px;}
.bg-services {min-height: 240px;}
.bg-services p {font-size: 14px; line-height: 19px;}
.br-hide {display: none;}
.font15 {font-size: 13px; line-height: 17px;}
.btn-busquedas {font-size: 13px}
h4 {font-size: 27px; line-height: 32px;}
.px5 {padding-left: 3rem; padding-right: 3rem;}
.py-6 {padding-top: 3rem!important; padding-bottom: 3rem!important;}
.txt-footer {font-size: 9px;  line-height: 13px;}
h3 {font-size: 20px;}
.pt-6 {padding-top: 3rem;}
p {font-size: 16px; line-height: 25px;}
.h-text {min-height: 135px;}
.w45 {width: 75%;}
}

@media (max-width: 767px) {
.navbar-dark .navbar-nav .nav-link {font-size: 13px; padding: 7px 0;}
#servicios h2 {font-size: 31px; line-height: 34px;}
.bg-services.px-5 {padding-right: 1rem!important; padding-left: 1rem!important;}
.bg-services {min-height: 230px;}
h2 {font-size: 27px; line-height: 35px;}
footer img {width: 70%;}
.font15 {font-size: 12px; line-height: 16px;}
h1 {font-size: 38px;}
.w35 {width: 50%;}
section.bg-white.pt10.pb-5 {padding-bottom: 0 !important;}
.card {padding: 3rem 2rem;}
.card h4 {font-size: 18px; line-height: 22px;}
.dropdown-menu {background-color: transparent; border: 0;}
.w45 {width: 45%;}
.txt-nosotros {font-size: 24px; line-height: 29px;}
nav.navbar {background-color: rgb(255 255 255 / 97%);}
}

@media (max-width: 600px) {
.volver {top: 16%;left: 0;}
span.ms-7 {margin-left: 0;}
span.ms-8 {margin-left: 0;}
.w35 {width: 70%; text-align: center;}
.p10 {padding: 5rem 0;}
.px-6.bg-services {padding-left: 2rem; padding-right: 2rem;}
.bg-services p {font-size: 16px; line-height: 21px;}
.font11 {font-size: 8px; line-height: 13px;}
footer img {width: 40%;}
.circle-ft {width: 28px; height: 28px; line-height: 28px !important; font-size: 14px !important;}
h3 {font-size: 17px;}
h2 {font-size: 24px; line-height: 29px;}
.splide__arrow {width: 1em !important; height: 1em !important; top: 33% !important;}
.h-text {min-height: auto;}
.splide__pagination {display: none !important;}
}