*{font-family: 'Poppins', sans-serif;font-weight:400;}
.owl-item .texto{ position: absolute;bottom: 150px;left: 81px;color: #fff;max-width: 620px;}
.owl-item .texto *{ color: #fff;text-shadow: 2px 2px 2px #000000;}
.owl-item .texto .titulo{font-size: 40px;font-weight: 500;line-height: 49px;}
.owl-item .texto .subtitulo{ font-size: 17px;font-weight: 300;margin: 13px 0 21px;}
.owl-item .texto a{ display: inline-block;border: 1px solid #fff;padding: 4px 40px;color: #fff;font-size: 15px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.owl-item .texto a:hover{background:#ea6620;border-color:#ea6620;text-decoration:none}
.owl-dots{ position: absolute;bottom: 30px;left: 78px; }
.c-login{padding: 15px 25px 0;background: #fff;height: 100vh;}
.c-login h2{
  color: #504f4f;
  font-size: 15.5px;
  margin: 7px 0 12px;
  font-weight: bold;
  line-height: 1.1;
} 
.c-login .form-group{margin-bottom: 12px;position: relative;}
.c-login .form-group .icono{ position: absolute;bottom: 10px;left: 14px;color: #dadde5;font-size: 17px;}
.c-login .form-group.form-check{margin: -5px 0 10px;;}
.c-login .form-group label{ margin-bottom: 3px;color: #504f4f;font-size: 14px;font-weight: bold; }
.c-login .form-group input.form-control{ border-color: #e6e8ee;padding-left: 35px;font-size: 14px;height: 37px;color:#000}
.c-login .btn-iniciar-sesion, .crearUsuarioLogin .boton{ 
  background: #ff6711;
  color: #fff;
  font-size: 14px;
  padding: 8px 15px;
  letter-spacing: 0;
  font-weight: 400;
  width: 100%;
  margin-top: 8px;
}
.c-login .btn-iniciar-sesion:hover, .crearUsuarioLogin .boton:hover{color:#fff;text-decoration:none;background:#292c55}
.c-login .olvidaste, .c-login .form-check-label{font-size: 13px !important;color: #4b4a4a !important;font-weight: 500 !important;}
.c-login .msg{ position: relative; }
.c-login .msg .alert{ font-size: 13px;padding: 8px 12px 5px;position: absolute;bottom: -19px;width: 100%;}
.foto{background:url(../img/imagen-inicio-sesion.jpg) center center no-repeat;background-size: cover;position: fixed !important;right: 0;min-height: auto;height: 100vh;}
.foto .texto{ position: absolute;bottom: 60px;left: 81px;color: #fff;max-width: 700px;}
.foto .texto .titulo{text-shadow: 1px 1px 1px rgb(0 0 0);font-size: 37px;font-weight: 500;line-height: 44px;}
.foto .texto .subtitulo{ text-shadow: 1px 1px 1px rgb(0 0 0);font-size: 17px;font-weight: 300;margin: 13px 0 21px;}
.foto .texto a{ display: inline-block;border: 1px solid #fff;padding: 4px 40px;color: #fff;font-size: 15px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.foto .texto a:hover{background:#ea6620;border-color:#ea6620;text-decoration:none}

.cContrasena{
  position: relative;
}
.cContrasena .ft-eye-off{
  position: absolute;
  bottom: -1px;
  right: 23px;
  font-size: 17px;
  padding: 10px;
  color: #a8aec8;
} 
.cContrasena .ft-eye-off:hover{
  color: #363865;
  cursor: pointer;
} 

.cTyc{
  font-size: 12px;
  color: #4b4a4a;
  display: flex;
  align-items: center;
  gap: 13px;
  border-bottom: 1px solid #d8dce2;
  padding: 13px 0 15px;
}
.cTyc__item{
  display: flex;
  align-items: center;
  gap: 3px;
  line-height: 1.1;
}
.cTyc__item i{
  border: 1px solid #c9ced7;
  background: #eef1f7;
  color: #bac1d1;
  padding: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.cuenta{
  margin: 10px 0 0;
  font-size: 13px;
  color: #4b4a4a;
}
.cuenta a{
  color: #ff6711;
}
.cuenta a:hover, .c-login .olvidaste:hover, .cTyc__item:hover{
  text-decoration: underline;
  cursor: pointer;
}

.otrosServicios{
  padding: 12px 0;
  font-size: 13px;
}
.otrosServicios__titulo {
  color: #3d4063;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 10px;
}
.otrosServicios__lista{
  display: flex;
  gap: 15px;
  flex-direction: column;
}
.otrosServicios__item{
  color: #565555 !important;
  position: relative;
  padding-left: 10px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.otrosServicios__item:hover{
  background: #eee;
}
.otrosServicios__item::before{
  content: ' ';
  height: 55%;
  width: 5px;
  background: #ff6711;
  position: absolute;
  left: 0;
  top: -1px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  border-top-left-radius: 35px;
  border-top-right-radius: 35px;
}
.otrosServicios__item::after{
  content: ' ';
  height: 55%;
  width: 5px;
  background: #2a2d55;
  position: absolute;
  left: 0;
  bottom: -1px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
}
.otrosServicios__item-titulo{
  color: #3d4063;
  font-weight: bold;
}
.otrosServicios__item-titulo i{
  color: #ff6711;
  font-weight: bold;
}
.otrosServicios__item-desc{
  font-size: 12px;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Poppins', sans-serif;
}

.modal-header {
  background: #ea6620;
}

.modal-header h4{
  color: white;
}

input#usuario::-webkit-input-placeholder, input#contrasena::-webkit-input-placeholder {
  color: #c0c0c0;
}

input#usuario:-ms-input-placeholder, input#contrasena:-ms-input-placeholder {
  color: #c0c0c0;
}

input#usuario::placeholder, input#contrasena::placeholder {
  color: #c0c0c0;
}

.noscroll{
  overflow: hidden;
}

.c-contenido-sw .c-contenido {
  -moz-transition: -moz-transform 0.4s;
  -o-transition: -o-transform 0.4s;
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  background: #fff;
  bottom: 0;
  left: 0;
  max-width: 100%;
  position: fixed;
  top: 100px !important;
  width: 100%;
  z-index: 41;
  transform: translate(100vw, 0px);
  box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.2), 0 0 24px 2px rgba(0, 0, 0, 0.14),
    0 0 30px 5px rgba(0, 0, 0, 0.12);
}
.c-contenido-sw .c-contenido.n1.abrir{ transform: translate(19vw, 0px); max-width: 81vw; }  
.c-contenido-sw .c-contenido.n2.abrir{ transform: translate(32vw, 0px); max-width: 68vw; }
.c-contenido-sw .c-contenido.n3.abrir{ transform: translate(47vw, 0px); max-width: 53vw; }
.c-contenido-sw .c-contenido.n4.abrir{ transform: translate(52vw, 0px); max-width: 48vw; } 
.c-contenido-sw .c-contenido.n5.abrir{ transform: translate(62vw, 0px); max-width: 38vw; }
.c-contenido-sw .c-contenido-capa {-ms-filter: "alpha(opacity=0)";opacity: 0;visibility: hidden;-moz-transition: all .4s;-o-transition: all .4s;-webkit-transition: all .4s;transition: all .4s;background: #000;bottom: 0;left: 0;position: fixed;right: 0;top: 0;visibility: hidden;z-index: 1055;}
.c-contenido-sw .c-contenido-capa.abrir {-ms-filter: "alpha(opacity=32)";opacity: .32;visibility: visible;}
.c-contenido-sw .c-contenido .info {
  background: #fff;
  position: relative;
  overflow-y: auto;
  height: calc(100% - 0px);
  color: #000000;
  text-align: left;
  padding: 30px;
  font-size: 15px;
}
.c-contenido-sw .c-contenido .info .form-control{
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #000;
  border-color: #e3e3e3;
  background: #fbfcfc;
  height: 40px;
  padding: 10px;
  font-size: 14px; 
}
.c-contenido-sw .c-contenido .top {
  top: 0;
  height: 60px;
  background-image: -webkit-gradient( linear, left top, right top, from(#575eaf), to(#26294e) );
  background-image: -webkit-linear-gradient(left, #575eaf, #26294e);
  background-image: -moz-linear-gradient(left, #575eaf, #26294e);
  background-image: -o-linear-gradient(left, #575eaf, #26294e);
  background-image: linear-gradient(to right, #575eaf, #26294e);
  background-repeat: repeat-x;
  color: #fff;
  position: fixed;
  width: 100%;
  display: flex;
  align-items: center;
}
.c-contenido-sw .c-contenido {
  padding-top: 60px;
  -moz-transition: -moz-transform 0.4s;
  -o-transition: -o-transform 0.4s;
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  background: #fff;
  bottom: 0;
  left: 0;
  max-width: 100%;
  position: fixed;
  top: 0 !important;
  width: 100%;
  z-index: 1055; 
  transform: translate(100vw, 0px); 
  box-shadow: 0 0 10px -5px rgb(0 0 0 / 20%), 0 0 24px 2px rgb(0 0 0 / 14%), 0 0 30px 5px rgb(0 0 0 / 12%);
}
.c-contenido-sw .c-contenido > .info label {
  color: #292c53;
  font-weight: 500;
}
.c-contenido-sw .c-contenido > .info h4 {
  color: #292c53;
  font-size: 18px;
  font-weight: 500;
  font-family: "Muli", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  margin-bottom: 16px;
}
.c-contenido-sw .c-contenido .top a.btn-cerrar-nivel {
  display: inline-block;
  padding: 11px 14px 9px 16px;
  border-right: 1px solid #156fb8;
  font-size: 28px;
  color: #fff;
  position: relative;
}
.c-contenido-sw .c-contenido .top a.btn-cerrar-nivel {
  display: inline-block;
  padding: 21px 20px 19px 23px;
  background: var(--color_secondary);
  top: 0;
}
.c-contenido-sw .c-contenido .top .titulo {
  display: inline-block;
  font-size: 19px;
  font-weight: 400;
  padding-left: 24px;
  line-height: 23px;
  position: relative;
  top: -2px;
}
.c-contenido-sw .c-contenido .top a.btn-cerrar-nivel:hover {
  background: #dd3333;
}
.c-contenido-sw .c-contenido > .info #seo {
  border: 1px solid rgb(239 239 239);
  padding: 16px 30px;
  border-radius: 5px;
}
.c-contenido-sw .c-contenido > .info p{
  font-size: 14px;
  color: #000;
  line-height: 1.4;
}
.c-contenido-sw .c-contenido > .info h2{
  font-size: 20px;
  font-weight: bold;
}
.c-contenido-sw .c-contenido .info .modulo {
  border: 1px solid #e0e0e0;
  background: #fbfcfc;
  padding: 17px 10px 20px 73px;
  /* margin-bottom: 12px; */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  position: relative;
  line-height: 17px;
  color: #dbdbdb;
}
.c-contenido-sw .c-contenido .info .modulo i {
  background: #fff;
  padding: 6px;
  font-size: 27px;
  position: absolute;
  left: 26px;
  top: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.c-contenido-sw .c-contenido .info .modulo.productos-servicios,
.c-contenido-sw .c-contenido .info .modulo.ordenes-compra {
  padding: 9px 10px 11px 73px;
}
.c-contenido-sw .c-contenido .info .modulo.active {
  cursor: pointer;
  color: #2a2d54;
  border-color: #2a2d54;
}
.c-contenido-sw .c-contenido .info .modulo:hover {
  cursor: pointer;
}


@media(max-width:1024px) {
  .cTyc {
    font-size: 11px;
  }
  .otrosServicios {
    display: none;
  }
} 
@media(max-width:768px) {
  body{
    background-color: #fff !important;
  }  
  .otrosServicios {
    display: block;
  }
  .c-login {
    height: 100%;
  }
  .c-contenido-sw .c-contenido.abrir { 
    transform: translate(0vw, 0px) !important;
    max-width: 100vw !important;
  }
} 

@media(max-width:425px) {
  .owl-item .texto {
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    color: #fff;
    max-width: 620px;
    width: 90%;
  }

  .owl-item .texto .titulo {
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
  }
}