:root {
  --color-rojo-100: #dd0c25;
  --color-rojo-80: #e53939;
  --color-rojo-60: #e55c5c;
  --color-rojo-40: #e57f7f;
  --color-rojo-20: #e5a1a1;
  --color-azul-claro: #3e87c8;
  --color-azul-mas-claro: #c3e1fd;
  --color-azul-obscuro: #2a57a4;
  --color-azul-mas-obscuro: #102b42;
  --color-verde: #116f63;
  --color-verde-claro: #1a9c8b;
  --color-amarillo: #fab814;
  --chili-mb: 2rem;
  --chili-font-size: 3rem;
  --chili-texto-font-size: 1.25rem;
  --chili-texto-color: #6c757d;
  --chili-texto-font-weight: 100;
  --chili-ancho-linea: 46%;
  --chili-top: 0;
  --chili-right: 0;
  --chili-bottom: 0;
  --chili-left: 0;
  --chili-width-sm: 50%;
  --chili-width-md: 50%;
  --chili-width-lg: 50%;
  --chili-width-xl: 50%;
  --chili-width-xxl: 50%;
  --chili-padding-top: 2rem;
  --chili-padding-right: 2rem;
  --chili-padding-bottom: 2rem;
  --chili-padding-left: 2rem;
  --chili-margin-top: 1rem;
}

/*------------------------------------------*/
/*  Textos
/*------------------------------------------*/

/* Título */
.titulo {
  font-size: var(--chili-font-size);
  font-weight: 700;
  font-family: "Nexa Bold" !important;
  letter-spacing: 0;
  line-height: 1.25 !important;
  margin-bottom: var(--chili-mb) !important;
}

/* Texto */
.texto {
  font-size: var(--chili-texto-font-size);
  margin-bottom: var(--chili-mb) !important;
  color: var(--chili-texto-color);
  font-weight: var(--chili-texto-font-weight);
}

.color-rojo {
  color: var(--color-rojo-100);
}

.color-azul-obscuro-100 {
  color: var(--color-azul-mas-obscuro);
}

.color-azul-obscuro-50 {
  color: var(--color-azul-obscuro);
}

.color-azul-claro-100 {
  color: var(--color-azul-mas-claro);
}

.color-azul-claro-50 {
  color: var(--color-azul-claro);
}

.color-verde {
  color: var(--color-verde);
}

/*------------------------------------------*/
/*  Backgrounds - Fondos
/*------------------------------------------*/
.bg-rojo-100 {
  background-color: var(--color-rojo-100);
}

.bg-rojo-80 {
  background-color: var(--color-rojo-80);
}

.bg-rojo-60 {
  background-color: var(--color-rojo-60);
}

.bg-rojo-40 {
  background-color: var(--color-rojo-40);
}

.bg-rojo-20 {
  background-color: var(--color-rojo-20);
}

.bg-azul-obscuro-100 {
  background-color: var(--color-azul-mas-obscuro);
}

.bg-azul-obscuro-50 {
  background-color: var(--color-azul-obscuro);
}

.bg-azul-claro-100 {
  background-color: var(--color-azul-claro);
}

.bg-azul-claro-50 {
  background-color: var(--color-azul-mas-claro);
}

.bg-verde {
  background-color: var(--color-verde);
}

.bg-verde-claro {
  background-color: var(--color-verde-claro);
}

#formulario-conoce-negocio.bg-gris {
  background-color: #c4c4c4;
}

#page-nube-administrada .bg-imagen-gris,
#page-redes-administradas .bg-imagen-gris,
#page-soluciones-administradas .bg-imagen-gris,
#page-continuidad-de-negocio .bg-imagen-gris,
#page-seguridad-administrada .bg-imagen-gris {
  background-image: url("../images/fondo_gris.png");
}

#page-nube-administrada .bg-gris--degradado,
#page-redes-administradas .bg-gris--degradado {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.9) 4%,
    rgb(236, 236, 236) 97%
  );
}

#page-cobertura .bg-gris--degradado {
  background: rgb(200, 200, 200);
  background: linear-gradient(
    90deg,
    rgba(200, 200, 200, 1) 0%,
    rgba(233, 233, 233, 1) 97%
  );
}

#page-seguridad-administrada .bg-gris--degradado {
  background: linear-gradient(
    90deg,
    rgba(209, 210, 210, 1) 50%,
    rgba(255, 255, 255, 0.9416141456582633) 91%
  );
}

#page-soluciones-administradas .bg-azul-claro--degradado {
  background: linear-gradient(
    90deg,
    rgba(253, 252, 255, 1) 0%,
    rgba(112, 136, 171, 1) 100%
  );
}

/*------------------------------------------*/
/*  Líneas
/*------------------------------------------*/
.linea-roja {
  background-color: var(--color-rojo-100);
  height: 9px;
  width: var(--chili-ancho-linea);
  border-radius: 20px;
  margin-bottom: 24px;
  display: block;
}

.linea-blanca {
  background-color: #fff;
  height: 9px;
  width: var(--chili-ancho-linea);
  border-radius: 20px;
  margin-bottom: 24px;
  display: block;
}

/*------------------------------------------*/
/*  Listas
/*------------------------------------------*/

ul.lista-servicios {
  list-style: disc;
}

ul.lista-servicios li {
  font-size: 1.325rem;
}

ul.lista-que-hacemos li {
  font-size: 1.05rem;
  color: #fff;
  margin-bottom: 1rem;
}

span.check--blanco,
span.check--rojo {
  display: inline-block;
  background-size: contain;
  vertical-align: middle;
}

span.check--blanco {
  background-image: url("../images/home/check.png");
  width: 30px;
  height: 30px;
}

span.check--rojo {
  width: 40px;
  height: 40px;
  background-image: url("../images/somos/check_rojo.png");
}

ul.lista-nos-prefieren li {
  font-size: 1.15rem;
  display: flex;
  color: #fff;
  height: 50px;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

ul.lista-nos-prefieren li .circulo-numeracion {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-rojo-100);
  font-family: "Nexa Bold";
  font-size: 0.9rem;
  line-height: 1px;
  flex-shrink: 0;
}

/* UI */

/*------------------------------------------*/
/*  Botón Rojo
/*------------------------------------------*/

.boton-rojo {
  background-color: var(--color-rojo-100);
  color: #fff;
  font-family: "Nexa Bold" !important;
  border-radius: 100px;
}

.boton-estrecho {
  padding: 0.6rem 1.5rem;
}

.boton-rojo:hover {
  border: 2px solid var(--color-rojo-100);
  color: var(--color-rojo-100);
}

.boton-blanco {
  background-color: #fff;
  color: var(--color-azul-obscuro);
  font-family: "Nexa Bold" !important;
  border-radius: 100px;
}

.boton-blanco:hover {
  border: 2px solid #fff;
  color: #fff;
}

.boton-blanco-verde {
  background-color: #fff;
  color: var(--color-verde);
  font-family: "Nexa Bold" !important;
  border-radius: 100px;
}

.boton-blanco-verde:hover {
  border: 2px solid #fff;
  color: #fff;
}

.boton-verde {
  background-color: var(--color-verde);
  color: #fff;
  font-family: "Nexa Bold" !important;
  border-radius: 100px;
}

.boton-verde:hover {
  border: 2px solid var(--color-verde);
  color: var(--color-verde);
}

.boton-azul-50 {
  background-color: var(--color-azul-claro);
  color: #fff;
  font-family: "Nexa Bold" !important;
  border-radius: 100px;
}

.boton-azul-50:hover {
  border: 2px solid var(--color-azul-claro);
  color: var(--color-azul-claro);
}

.boton-azul-100 {
  background-color: var(--color-azul-mas-obscuro);
  color: #fff;
  font-family: "Nexa Bold" !important;
  border-radius: 100px;
}

.boton-azul-100:hover {
  border: 2px solid var(--color-azul-mas-obscuro);
  color: var(--color-azul-mas-obscuro);
}

/*------------------------------------------*/
/*  Botón Azul
/*------------------------------------------*/

.boton-azul {
  background-color: var(--color-azul-claro);
  color: #fff;
  font-family: "Nexa Bold" !important;
  border-radius: 100px;
  padding: 0.6rem 1.5rem;
}

/*------------------------------------------*/
/*  Divisores
/*------------------------------------------*/

hr.divisor-rojo--degradado {
  width: 100%;
  height: 1px;
  background-color: transparent;
  background-image: linear-gradient(
    90deg,
    rgba(206, 211, 246, 0) 0,
    var(--color-rojo-100) 38%,
    var(--color-rojo-100) 64%,
    rgba(206, 211, 246, 0) 99%
  );
  opacity: 1;
  border: none;
  margin: 0;
}

hr.divisor-rojo {
  border: 1px solid var(--color-rojo-100);
  opacity: 1;
  margin-top: var(--chili-margin-top);
}

/*------------------------------------------*/
/*  Carrusel
/*------------------------------------------*/

.owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
}

.carrusel-clientes .owl-nav {
  top: 15%;
}

.carrusel-clientes .owl-nav button {
  width: 2em;
  height: 2em;
}

.carrusel-clientes .owl-nav button span {
  color: #fff;
  font-size: 0.8rem;
}

.carrusel-clientes .owl-nav button.owl-prev span {
  position: relative;
  top: -0.3rem;
}

.owl-nav button {
  width: 3em;
  height: 3em;
  position: absolute;
  background-color: var(--color-rojo-100) !important;
  border-radius: 50% !important;
}

.owl-nav button:hover {
  background-color: transparent !important;
  border: 2px solid var(--color-rojo-100);
  transition: background-color 0.5s linear;
}

.owl-nav button:hover span {
  color: var(--color-rojo-100);
}

.owl-nav button span {
  transform: scale(2.5);
  display: inline-block;
  line-height: 2em;
  font-family: "nexa bold";
}

.owl-nav button.owl-next {
  right: -5em;
}

.owl-nav button.owl-next span {
  padding-top: 0.05rem;
  padding-left: 0.05rem;
}

.owl-nav button.owl-prev {
  left: -5em;
}

.owl-nav button.owl-prev span {
  padding-top: 0.05rem;
  padding-right: 0.05rem;
}

/*------------------------------------------*/
/*  Posiciones
/*------------------------------------------*/

.position--top {
  top: var(--chili-top) !important;
}

.position--right {
  right: var(--chili-right) !important;
}

.position--bottom {
  bottom: var(--chili-bottom) !important;
}

.position--left {
  left: var(--chili-left) !important;
}

@media (min-width: 1440px) {
  .position--absolute {
    position: absolute !important;
  }
}

/*------------------------------------------*/
/*  Anchos
/*------------------------------------------*/

@media (min-width: 576px) {
  .width--sm {
    width: var(--chili-width-sm);
  }
}

@media (min-width: 768px) {
  .width--md {
    width: var(--chili-width-md);
  }
}

@media (min-width: 992px) {
  .width--lg {
    width: var(--chili-width-lg);
  }
}

@media (min-width: 1200px) {
  .width--xl {
    width: var(--chili-width-xl);
  }
}

@media (min-width: 1400px) {
  .width--xxl {
    width: var(--chili-width-xxl);
  }
}

/*------------------------------------------*/
/*  Espacios (Padding)
/*------------------------------------------*/

.padding--top {
  padding-top: var(--chili-padding-top);
}

.padding--right {
  padding-right: var(--chili-padding-right);
}

.padding--bottom {
  padding-bottom: var(--chili-padding-bottom);
}

.padding--left {
  padding-left: var(--chili-padding-left);
}

.pt-150 {
  padding-top: 150px;
}

/*------------------------------------------*/
/*  Formulario
/*------------------------------------------*/

.chili-form label {
  font-family: "Nexa Bold";
  color: #000;
}

/*------------------------------------------*/
/*  Ajustes
/*------------------------------------------*/

a.link-activo {
  color: var(--color-rojo-100) !important;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
  font-family: "Nexa-bold", sans-serif;
  font-weight: 600 !important;
}

.navbar-dark .wsmenu-list > li > a.h-link:hover {
  color: var(--color-rojo-100) !important;
}

#chili-newsletter button[type="submit"] {
  border-radius: 10px;
}

.project-data p span {
  font-family: "Nexa Bold";
}

.owl-carousel .brand-logo {
  padding: 0 20px;
  height: 115px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#page-nube-administrada .icono-contenedor img,
#page-redes-administradas .icono-contenedor img,
#page-soluciones-administradas .icono-contenedor img,
#page-continuidad-de-negocio .icono-contenedor img,
#page-seguridad-administrada .icono-contenedor img {
  width: 70px;
  height: 70px;
}

.encabezado-servicio {
  gap: 0.5rem;
  display: flex;
  align-items: center;
}

.encabezado-servicio .titulo {
  font-size: 1.25rem;
  margin-bottom: 0 !important;
  text-align: center;
}

.cuerpo-servicio {
  background-color: rgb(255 255 255 / 50%);
  box-shadow: 0px 0px 10px 0px #0000001a;
  border-radius: 10px;
  padding: 1rem;
}

.cuerpo-servicio .texto {
  font-size: 0.9rem;
  margin-bottom: 0 !important;
  text-align: left;
  font-weight: 600;
  color: #58585f;
}

.cuerpo-servicio .texto strong {
  font-family: "Nexa Bold";
  font-weight: bold;
}

span.check--image-2,
span.check--image-3,
span.check--image-4,
span.check--image-5,
span.check--image-6 {
  display: inline-block;
  background-size: contain;
  vertical-align: middle;
}

span.check--image-2 {
    background-image: url("../images/somos/check-2.png");
    width: 70px;
    height: 70px;
}

span.check--image-3 {
    background-image: url("../images/somos/check-3.png");
    width: 70px;
    height: 70px;
}

span.check--image-4 {
    background-image: url("../images/somos/check-4.png");
    width: 70px;
    height: 70px;
}

span.check--image-5 {
    background-image: url("../images/somos/check-5.png");
    width: 70px;
    height: 70px;
}

span.check--image-6 {
    background-image: url("../images/somos/check-6.png");
    width: 70px;
    height: 70px;
}

.logo-blanco{
    width: 110px;
}