:root {
  --width_pantalla: 0;
  --width_base: 1440;
  --width_phone: 375;
}
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden; }
  *, *::before, *::after {
  box-sizing: border-box; }
*{
  /* outline: 1px solid green; */
}
p{
  font-family: 'Nunito', sans-serif;
}
.nopadding{
  padding: 0px !important;
}
.title-h1{
   font-family: 'Nunito', sans-serif;
 font-size: calc(var(--width_pantalla) * (calc(60/var(--width_base)))) !important;
 font-weight: 900;
 font-stretch: normal;
 font-style: normal;
 line-height: normal;
 letter-spacing: normal;
 color: #717c89;
 margin-top: calc(var(--width_pantalla) * (calc(69/var(--width_base))));
}
.subtitle{
    font-family: 'Nunito', sans-serif;
  font-size: calc(var(--width_pantalla) * (calc(21/var(--width_base)))) !important;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333333;
  width: 84%;
}
.img-banner{
  width: calc(var(--width_pantalla) * (calc(638/var(--width_base))));
  height: calc(var(--width_pantalla) * (calc(557/var(--width_base))));
}
.img-banner-2{
  width: calc(var(--width_pantalla) * (calc(559/var(--width_base))));
  height: calc(var(--width_pantalla) * (calc(565/var(--width_base))));
  position: absolute;
    /* top: calc(var(--width_pantalla) * (calc(-45/var(--width_base)))); */
    left: calc(var(--width_pantalla) * (calc(-15/var(--width_base))));
}
.btn-hero, .btn-hero:hover{
  border-radius: 28px;
  border: solid 3px #f4801a;
  width: calc(var(--width_pantalla) * (calc(208/var(--width_base))));
  height: calc(var(--width_pantalla) * (calc(50/var(--width_base))));
  font-size: calc(var(--width_pantalla) * (calc(14/var(--width_base))));
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #f4801a;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contenido{
  width: calc(var(--width_pantalla) * (calc(1280/var(--width_base))));
  margin: auto !important;
}
.contenido-2{
  width: calc(var(--width_pantalla) * (calc(1100/var(--width_base))));
  margin: auto !important;
  display: flex;
    justify-content: space-between;
}
.contenido-3{
  width: calc(var(--width_pantalla) * (calc(1100/var(--width_base))));
  margin: auto !important;
  display: flex;
  justify-content: space-around;
}
.contenido-4{
  width: calc(var(--width_pantalla) * (calc(1100/var(--width_base))));
  margin: auto !important;
  display: flex;
}
.title-h2{
    font-family: 'Nunito', sans-serif;
  font-size: calc(var(--width_pantalla) * (calc(48/var(--width_base))));
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: calc(var(--width_pantalla) * (calc(12/var(--width_base))));
  color: #717c89;
}
.row-1{
  width: 100%;
  display: flex;
}
.row-a{
  width: 45%;
  position: relative;
}
.row-b{
  width: 50%;
  padding: calc(var(--width_pantalla) * (calc(106/var(--width_base)))) 0px !important;
}
.subtitle-2{
    font-family: 'Nunito', sans-serif;
  font-size: calc(var(--width_pantalla) * (calc(21/var(--width_base))));
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #333333;
}
.box-1{
  width: calc(var(--width_pantalla) * (calc(328/var(--width_base))));
  height: calc(var(--width_pantalla) * (calc(242/var(--width_base))));
  border-radius: calc(var(--width_pantalla) * (calc(12/var(--width_base))));
  box-shadow: 0 0 6px 0 rgba(82, 112, 148, 0.2), 0 2px 1px -2px rgba(82, 112, 148, 0.12), 0 2px 1px 0 rgba(82, 112, 148, 0.14);
  /* background-color: #ffffff; */
  padding: calc(var(--width_pantalla) * (calc(28/var(--width_base)))) calc(var(--width_pantalla) * (calc(32/var(--width_base))));
  position: relative;
}
.box-img-fondo{
  /* width: calc(var(--width_pantalla) * (calc(328/var(--width_base)))); */
  position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
}
.box-1 .icono{
  width: calc(var(--width_pantalla) * (calc(45/var(--width_base))));
  height: calc(var(--width_pantalla) * (calc(45/var(--width_base))));
}
.title-box{
  font-family: 'Nunito', sans-serif;
  font-size: calc(var(--width_pantalla) * (calc(20/var(--width_base))));
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #333333;
  margin-bottom: calc(var(--width_pantalla) * (calc(10/var(--width_base)))) !important;
  padding-top: calc(var(--width_pantalla) * (calc(24/var(--width_base))));
}
.subtitle-box{
  font-family: 'Nunito', sans-serif;
  font-size: calc(var(--width_pantalla) * (calc(15/var(--width_base))));
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #666666;
  margin-bottom: calc(var(--width_pantalla) * (calc(10/var(--width_base)))) !important;
}

.pdt-45{
  padding-top: calc(var(--width_pantalla) * (calc(45/var(--width_base))));
}
.mrg-45{
  margin-bottom: calc(var(--width_pantalla) * (calc(45/var(--width_base)))) !important;
}
.box-img-arrow, .box-img-arrow-2{
  width: calc(var(--width_pantalla) * (calc(18/var(--width_base))));
  height: calc(var(--width_pantalla) * (calc(9/var(--width_base))));
  bottom: calc(var(--width_pantalla) * (calc(15/var(--width_base))));
  right: 50%;
  position: absolute;
  cursor: pointer;
}
#mundo-fisico{
padding-top: calc(var(--width_pantalla) * (calc(62/var(--width_base))));
}
.contenido-3{
  width: calc(var(--width_pantalla) * (calc(1280/var(--width_base))));
  margin: auto;
}
#clientes{
  padding-top: calc(var(--width_pantalla) * (calc(109/var(--width_base))));
}

.box-images{
  width: 61%;
  padding-top: calc(var(--width_pantalla) * (calc(25/var(--width_base))));
  /* height: calc(var(--width_pantalla) * (calc(397/var(--width_base)))); */
}
.box-image{
  width: 39%;
  position: relative;
  /* height: calc(var(--width_pantalla) * (calc(397/var(--width_base)))); */
}
.box-image img{
  width: calc(var(--width_pantalla) * (calc(504/var(--width_base))));
  height: calc(var(--width_pantalla) * (calc(519/var(--width_base))));
  position: absolute;
  top: calc(var(--width_pantalla) * (calc(-115/var(--width_base))));
  right: calc(var(--width_pantalla) * (calc(-76/var(--width_base))));
}
.content-box-img{
  width: 100%;
}
.box-images .imgA, .box-images-res .imgA{
  width: 68%;
  margin: auto !important;
  padding: 0px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  filter: grayscale(100%);
}
.box-images .imgB, .box-images-res .imgB{
  width: 49%;
  margin: auto !important;
  padding: 0px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  filter: grayscale(100%);
}
.box-images .col-md-3{
  margin: auto !important;
}
.r-w{
  width: 100%;
      margin: 0px !important;
      padding-bottom: calc(var(--width_pantalla) * (calc(57/var(--width_base))));

}
#contacto{
  padding-top: calc(var(--width_pantalla) * (calc(115/var(--width_base))));
}
form{
  font-family: 'Nunito', sans-serif;
  width: calc(var(--width_pantalla) * (calc(640/var(--width_base))));
  height: auto;
  border-radius: calc(var(--width_pantalla) * (calc(23/var(--width_base))));
  box-shadow: 0 2px 6px 0 rgba(102, 102, 102, 0.32);
  background-color: #717c89;
  padding: calc(var(--width_pantalla) * (calc(39/var(--width_base)))) calc(var(--width_pantalla) * (calc(57/var(--width_base))));
}
form input{
  font-family: 'Nunito', sans-serif;
 height:  calc(var(--width_pantalla) * (calc(56/var(--width_base)))) !important;
 border-radius:  calc(var(--width_pantalla) * (calc(10/var(--width_base))));
 background-color: #ffffff;
}
form textarea{
  font-family: 'Nunito', sans-serif;
  height: calc(var(--width_pantalla) * (calc(100/var(--width_base)))) !important;
 border-radius: calc(var(--width_pantalla) * (calc(10/var(--width_base))));
 background-color: #ffffff;
}
#btn-enviar{
  font-family: 'Nunito', sans-serif;
  width: calc(var(--width_pantalla) * (calc(208/var(--width_base))));
  height: calc(var(--width_pantalla) * (calc(50/var(--width_base))));
  border-radius: calc(var(--width_pantalla) * (calc(28/var(--width_base))));
  border: solid 3px #ffffff;
  font-size: calc(var(--width_pantalla) * (calc(14/var(--width_base))));
 font-weight: bold;
 font-stretch: normal;
 font-style: normal;
 line-height: normal;
 letter-spacing: normal;
 text-align: center;
 color: #ffffff;
 display: flex;
 justify-content: center;
 align-items: center;
 margin: auto;
 background: transparent !important;
}
.subtitulo-f{
  font-family: 'Nunito', sans-serif;
  font-size: calc(var(--width_pantalla) * (calc(15/var(--width_base))));
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  margin-bottom: 0px !important;
}
.titulo-f{
  font-family: 'Nunito', sans-serif;
  font-size: calc(var(--width_pantalla) * (calc(20/var(--width_base))));
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  margin-bottom: 0px !important;
}
span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 10px !important;;
    font-weight: normal;
    display: block;
}
.move-right{
  display: flex;
  justify-content: flex-end;
}
.r-100{
  width: 100%;
  position: relative;
  padding-bottom: calc(var(--width_pantalla) * (calc(21/var(--width_base))));
}
.arrow-back{
  position: absolute;
  z-index: -1;
  bottom: 0;
  right: calc(var(--width_pantalla) * (calc(-80/var(--width_base))));
  max-width: calc(var(--width_pantalla) * (calc(1435/var(--width_base)))) !important;
  height: calc(var(--width_pantalla) * (calc(541/var(--width_base))));
}
#content.site-content {
    padding-bottom: 0px !important;
}
#colophon{
  font-family: 'Nunito', sans-serif;
  height: calc(var(--width_pantalla) * (calc(32/var(--width_base))));
  background-color: #f4801a  !important;
  font-size: calc(var(--width_pantalla) * (calc(12/var(--width_base))));
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff !important;
  display: flex;
    align-items: center;
}
#colophon .pb-3, .py-3 {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table;
}
.arr-2{
  display: none;
}
#servicios-digitales .box-2:nth-child(3){
  opacity: 0;
}
.navbar-brand img{
  width: calc(var(--width_pantalla) * (calc(148/var(--width_base)))) !important;
  height: calc(var(--width_pantalla) * (calc(104/var(--width_base)))) !important;
}
header#masthead {
    margin-bottom: 0;
    background-color: transparent !important;
    box-shadow: none !important;
    padding: .74rem 0px;
}
 #masthead .navbar-nav > li > a {
    font-family: 'Nunito', sans-serif;
    color:  #717c89 !important;
    padding: 0.5rem;
    font-size: calc(var(--width_pantalla) * (calc(16/var(--width_base)))) !important;
  font-weight: bold !important;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}
 #masthead .navbar-nav > li > a:hover {
    font-family: 'Nunito', sans-serif;
    color:  #f16522 !important;
    padding: 0.5rem;
    font-size: calc(var(--width_pantalla) * (calc(16/var(--width_base)))) !important;
  font-weight: bold !important;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}
#masthead nav{
  width: calc(var(--width_pantalla) * (calc(1280/var(--width_base)))) !important;
    margin: auto;
}
#servicios-digitales{
  padding-top: calc(var(--width_pantalla) * (calc(20/var(--width_base))))
}
#menu-menu-1{
  width: 73%;
    display: flex;
    justify-content: space-between;
}
.box-images-res{
  display: none;
}
.box-images{
  display: block;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #fed901;
	    color: #fff;
}