:root{
  --verde:rgb(74, 173, 53);--verde5:rgba(74, 173, 53,0.5);
  --verdews:rgba(189, 228, 181);
  --amarillo:rgba(250, 180, 14,1);--amarillo5:rgba(250, 180, 14,0.5);
  --rojo:rgba(232, 61, 65,1);--rojo5:rgba(232, 61, 65,0.5);
  --naranja:rgba(252,150,34,1);--naranja5:rgba(252,150,34,0.5);
  --azul:rgba(35,56,160,1);--azul8:rgba(35,56,160,0.8);--azul5:rgba(35,56,160,0.5);--azul3:rgba(35,56,160,0.3);
  --gris:rgba(228, 224, 225,1);--gris5:rgba(228, 224, 225,0.5);
  --carbon:rgba(47, 47, 47, 1);
  --texto:rgba(65, 65, 65, 1);
  --text:rgba(65, 65, 65, 1);
  --blanco:rgba(255,255,255,1);--blanco3:rgba(255,255,255,0.3);--blanco5:rgba(255,255,255,0.5);--blanco7:rgba(255,255,255,0.7);--blanco8:rgba(255,255,255,0.8);
  --negro:rgba(0,0,0,1);--negro3:rgba(0,0,0,0.3);--negro5:rgba(0,0,0,0.5);--negro7:rgba(0,0,0,0.7);--negro8:rgba(0,0,0,0.8);
  /*--gris:rgba(236,236,236,1);  */
  --gris:rgba(163,163,163,1);
  --login:rgba(104,112,113,1);--login8:rgba(104,112,113,0.8);--login5:rgba(104,112,113,0.5);
  --btmenucolor:rgba(94,96,99,1);
  --btsolid:rgb(216,211,207);
  --btconte:rgb(236,237,231);
  --btrad:0.35rem;
  --rad-input:0.35vw;
  --btradm:1.35vw;
  --radm-input:1.35vw;
  --menu-sep:rgba(250,249,250,1);
  --bt-v-h:rgb(78, 77, 76);/*#4e4d4c*/
  --bt-v-ac:rgb(228, 224, 225); /*#e4dfe0*/
  --bt-menu:rgba(244,243,244,0.5);/*#f4f3f4   anterior  rgb(228, 225, 227)*/
  --bt-submenu:rgba(244,243,244,1);
  --bt-menu-h:rgb(78, 77, 76);/*#4e4d4c*/
  --bt-menu-ac:rgb(228, 224, 225); /*#e4dfe0*/
  --bt-menu-acs:rgb(226, 231, 227);
  --bt-shadow:rgba(0,0,0,0.78);
  --fonfo:rgb(244, 243, 244);/*#f4f3f4*/
  --fondo-login1:rgb(184,182,183);/*#b8b6b7*/
  --fondo-login2:rgb(228,223,224);
  --input:rgb(228, 224, 225); /*#e4dfe0*/
  --input-ds:rgb(245,246,247);
  --outline:rgb(244, 243, 244);

-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
@font-face {
   font-family:"Exo2";src: url("/web/css/Exo2-Regular.ttf") format('truetype');font-weight:normal;font-style:normal;font-display:swap;
 }
@font-face {
    font-family:"NotoSans";src: url("/web/css/NotoSans-VariableFont_wdth_wght.ttf") format('truetype');font-weight:normal;font-style:normal;font-display:swap;
 }
html{min-height:100dvh;}
body{margin:0;padding:0;user-select:none;direction:ltr;color:rgb(60,72,88);font-family:"Exo2","NotoSans","Barlow","Roboto","Helvetica","Arial","sans-serif";background-color:rgba(255, 255, 255,1);font-size:1.2vw;min-height:100dvh;}

a{text-decoration: none;}
img {height: auto;}
.sombra{box-shadow: 0 3px 5px 0 rgba(0,0,0,.26), 0 3px 10px 0 rgba(0,0,0,.22) !important;}
.ml-1{margin-left:0.5vw;}.ml-2{margin-left: 1vw;}.mr-3{margin-right:1.5vw;}.ml-a{margin-left:auto;}
.mr-1{margin-right:0.5vw;}.mr-2{margin-right:1vw;}.mr-3{margin-right:1.5vw;}.mr-a{margin-right:auto;}
.no{display:none !important;}
.nov{visibility:hidden !important;}
/*****************************************************************************/
span{ -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;  }
/********************************************************/
.error,.loading{margin:auto;background-color:var(--blanco);text-align:center; position:absolute;top:50%;left: 50%;margin-right: -50%;transform:translate(-50%, -50%);padding:1.5vw;border-radius: 0.8vw;}
.sombra2{box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.dib{display: inline-block;}.db{display:block;}.dif{display: inline-flex;}.df{display:flex;}
.fw{flex-wrap: wrap;}.text-center{text-align: center;}.scroll{overflow-y: auto;}
.va-center{align-items: center;}.ha-center{justify-content: center;}
.w50{width:50%;} .w100{width:100%;}
/************************   ********************************/
/********************** formularios inputs ***************************/
input{background-color: var(--input);color:var(--texto);border-radius:var(--rad-input);padding: 0.5rem 0.8rem ;margin: 0.3rem 0.19rem;  border:1px solid var(--btsolid);box-shadow:none;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
input:focus{color:var(--texto);background-color:var(--input);border-color: var(--outline);outline: none;box-shadow: 0 0 0 0.15rem var(--outline);}
input.auto{width:auto !important;}
input.min{width:min-content !important;}
input.input-ok{border-color: var(--verde) !important;}
input.input-fail{border-color: var(--rojo) !important;}
input.disabled{background-color:var(--input-ds); }
input::placeholder{opacity:0.3;}
textarea{background-color: var(--input);border-radius:var(--rad-input);padding: 0.5rem 0.8rem ;margin: 0.3rem 0.19rem;  border:1px solid var(--btsolid);box-shadow:none;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
textarea:focus{color:var(--texto);background-color:var(--input);border-color: var(--outline);outline: none;box-shadow: 0 0 0 0.2rem var(--outline);}

input.custom-file{border-color: var(--verde) !important;margin: 15px 0px;}
select{background-color: var(--input);color:var(--texto);border-radius:var(--rad-input);padding: 0.5rem 0.8rem ;margin: 0.3rem 0.19rem;  border:1px solid var(--btsolid);box-shadow:none;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
select:focus{color:var(--texto);background-color:var(--input);border-color: var(--outline);outline: none;box-shadow: 0 0 0 0.15rem var(--outline);}

.input-grupo{ position:relative; display: -ms-flexbox; -ms-flex-wrap: wrap; flex-wrap: initial; -ms-flex-align: stretch; align-items: stretch; width: 100%;}
.input-grupo{height:2.65vw;color:var(--negro);display:flex;justify-content:center;align-items:center;border-radius:var(--rad-input);}
.input-grupo.gdos{width:41.5%;}
.input-grupo.gdos.tres{width:50%;}
.input-grupo.gtres{min-width:43.8%;width:58.5%;}
.input-grupo.gcuatro{min-width:57.5%;width:58.5%;}
.input-grupo span{width:inherit;height:100%;line-height:2.8vw;padding:0vw 0.7vw;background-color:var(--gris5);border-radius:var(--rad-input) 0vw 0vw var(--rad-input);}
.input-grupo.uno span{width:28.3%;padding: 0vw 0.6vw;}
.input-grupo.dos span{width:41.5%;padding: 0vw 0.6vw;}
.input-grupo.tres span{min-width:43.8%;width:58.5%;padding: 0vw 0.6vw;}
.input-grupo.cuatro span{min-width:57.5%;width:58.5%;padding: 0vw 0.6vw;}
.input-grupo .input-form{height:100%;border:solid 0.1vw var(--gris5);background-color:var(--blanco);border-radius:0vw var(--rad-input) var(--rad-input) 0vw;}
.input-grupo .input-form-bt{height:100%;width:100%;}
.input-grupo .input-form.disabled{background-color:var(--input-ds); }
 /*** para login o imput con imagen a lado*****/
.input-grupo s{width:5vw;height:100%;padding: 0.65vw 0vw;background-color:var(--login);border-radius:var(--rad-input) 0vw 0vw var(--rad-input);}
.input-grupo s::before{margin:auto;display:block;content:'';height:100%;}
/***************************************************************/
/**---------------------------------------------------------***/
/***************************************************************/
.contenedor-principal{width:calc(100dvw);}
.contenedor-principal .top-menu{width:100%;height:4vw;display:flex;align-items:center; color:var(--blanco);position:absolute;top:0;left:0;z-index:5;}
.contenedor-principal .top-menu{background:transparent;}
.contenedor-principal .top-menu .pais{position: absolute;right:1vw;top:1.3vw;display: block;}
.contenedor-principal .top-menu .logo{display:flex;justify-content:center;align-items:center;width:22vw;margin:0vw 2vw;position:absolute;top:4vw;left:3vw;}
.contenedor-principal .top-menu .logo img{display:block;width:100%;height:auto;}
.contenedor-principal .top-menu .tk{display:flex;justify-content:center;align-items:center;width:3vw;position:absolute;top:0.65vw;right:13vw;}
.contenedor-principal .top-menu .tk img{display:block;width:100%;height:auto;}
.contenedor-principal .top-menu .fb{display:flex;justify-content:center;align-items:center;width:3vw;position:absolute;top:0.65vw;right:9vw;}
.contenedor-principal .top-menu .fb img{display:block;width:100%;height:auto;}
.contenedor-principal .top-menu .ig{display:flex;justify-content:center;align-items:center;width:3vw;position:absolute;top:0.65vw;right:5vw;}
.contenedor-principal .top-menu .ig img{display:block;width:100%;height:auto;}
.contenedor-principal .menu-izquierdo{display:block;margin:1vw;margin-left:3vw;padding:1vw;z-index:4;position: absolute; top: 28vh;}
.contenedor-principal .menu-izquierdo .menu.no{display: none;}
.contenedor-principal .menu-izquierdo .menu{display:block;margin:1vw 0.2vw;padding:0.9vw 3vw;background-color:transparent;color:var(--negro8);}
.contenedor-principal .menu-izquierdo .menu{border-radius:0.35vw;cursor:pointer;border:solid 2px var(--negro8);}
.contenedor-principal .menu-izquierdo .menu:hover{color:var(--blanco);border:solid 2px var(--azul);background-color:var(--azul);}
.contenedor-principal .menu-izquierdo .menu:active{background-color:var(--azul);color:var(--blanco);}
.contenedor-principal .menu-izquierdo .menu.sel{background-color:var(--azul);color:var(--blanco);}
.contenedor-principal .menu-izquierdo .menu.elhome.sistemas{background-color:var(--carbon);color: var(--blanco);}
.contenedor-principal .menu-izquierdo .menu.elhome.hosting{background-color:var(--carbon);color: var(--blanco);}
.contenedor-principal .menu-izquierdo .menu.elhome.ingenieria{background-color:var(--carbon);color: var(--blanco);}
.contenedor-principal .menu-izquierdo .menu.elhome.marqueting{background-color:var(--carbon);color: var(--blanco);}
.contenedor-principal .menu-izquierdo .menu.elhome::before{content:"Home";}
.contenedor-principal .contacto{cursor:pointer;position:absolute;bottom:6vh;right:4vw;background-color:var(--verde);color:var(--blanco);width:5vw;height:5vw; border-radius:50%;display:flex;align-items:center;justify-content:center;text-align: center;z-index:5;transition:all 0.55s ease-in-out;}
.contenedor-principal .contacto img{width:3.5vw;height:auto;}
.contenedor-principal .principal{display:block;position: relative;width:100%;height:100%;background:var(--negro); }
.contenedor-principal .principal{overflow-y:hidden; overflow-x:hidden;white-space: nowrap;overscroll-behavior-x: contain;scroll-snap-type: x proximity;-webkit-overflow-scrolling: touch;}
/**---------------------------------------------------------***/
/*------------------------------------------------------------*/
.contenedor-principal .principal .home{position: relative;left:0;width:100dvw;height:100dvh;display:flex;align-items:center;color:var(--texto);flex:0 0 auto;transition:all 0.55s ease-in-out;}
.contenedor-principal .principal .home{background-origin: content-box;background-size:cover;background-repeat: no-repeat;background-position:top;background-attachment:local;}
.contenedor-principal .principal .home.entra{left:100vw;transition:left 0.55s ease-in-out;transition-timing-function:cubic-bezier(1, 0.6, 0.4, 0.2);}
.contenedor-principal .principal .home video{position: absolute;width:100%;height:auto;top: 0;left:50%;right: 50%;transform: translate(-50%, 0%);}
.contenedor-principal .principal .home .conte-flot{position:absolute;display: block;top:15vw;left:23vw;width:65vw;border-radius:0.6vw;background-color:var(--negro3);padding:1vw 1.5vw;text-wrap: auto;}
.contenedor-principal .principal .home .flot{position:absolute;display: block;width:auto;padding:1vw;border-radius:var(--btrad);z-index:1;}
.contenedor-principal .principal .home .conte-flot .f1{font-size:3vw;font-weight: bold;color:var(--blanco);}
.contenedor-principal .principal .home .conte-flot .f2{font-size:1.5vw;padding:2vw; max-width:70vw;color:var(--blanco);}

.contenedor-principal .principal .home .flot.f4{cursor: pointer;z-index:4;bottom:-14vh;margin:auto;right:0;left:0;background-color:var(--blanco);color:var(--negro8);border-radius:50%;height:10vw;width:10vw;line-height:2vw;text-align: center;box-shadow:0 0 14px 4px var(--negro5);}
.contenedor-principal .principal .home .flot.f5{z-index:3;margin:auto;bottom:-15vh;right:0;left:0;background-color:transparent;border-radius:50%;height:9.9vw;width:9.9vw;border:solid 1px var(--negro5);transition:all 0.3s ease-in-out;}
.contenedor-principal .principal .home .flot.f6{z-index:2;margin:auto;bottom:-15vh;right:0;left:0;background-color:transparent;border-radius:50%;height:9.9vw;width:9.9vw;border:solid 1px var(--negro3);transition:all 0.3s ease-in-out;}
.contenedor-principal .principal .home .flot.f7{z-index:2;margin:auto;bottom:-3vh;right:0;left:0;height:100%;width:100%;position:absolute;overflow: hidden;padding:0;transition:all 0.3s ease-in-out;}

.contenedor-principal .principal .home .flot.f7 .circulo{width:100%;height:100%;position:relative;display:block;transform:scale(1);transition:all 0.3s ease-in-out;/*background-color:bisque;*/}
.contenedor-principal .principal .home .flot.f7 .circulo .arc{width:28.5vw;height:16vw;transform-origin:100% 100%;right: 50%;transition:all 0.3s ease;overflow:hidden;position:absolute;bottom:0;filter: drop-shadow(0 0.35rem 0.45rem var(--negro5));}

.contenedor-principal .principal .home .flot.f7 .circulo .arc.uno{transform:rotate(-35deg) skew(56deg);}
.contenedor-principal .principal .home .flot.f7 .circulo .arc.dos{transform:rotate(-35deg) skew(56deg);}
.contenedor-principal .principal .home .flot.f7 .circulo .arc.tres{transform:rotate(-35deg) skew(56deg);}
.contenedor-principal .principal .home .flot.f7 .circulo .arc.cuatro{transform:rotate(-35deg) skew(56deg);}
.contenedor-principal .principal .home .flot.f7 .circulo .arc.cinco{transform:rotate(-35deg) skew(56deg);}
/*
.contenedor-principal .principal .home .flot.f7 .circulo .arc.uno{transform:rotate(0deg) skew(56deg);}
.contenedor-principal .principal .home .flot.f7 .circulo .arc.dos{transform:rotate(36.5deg) skew(56deg);}
.contenedor-principal .principal .home .flot.f7 .circulo .arc.tres{transform:rotate(73deg) skew(56deg);}
.contenedor-principal .principal .home .flot.f7 .circulo .arc.cuatro{transform:rotate(109.5deg) skew(56deg);}
.contenedor-principal .principal .home .flot.f7 .circulo .arc.cinco{transform:rotate(146deg) skew(56deg);}
*/
.contenedor-principal .principal .home .flot.f7 .circulo .arc-conte{transform:skew(-56deg) rotate(-72.5deg) scale(1);bottom:-29.5vw;right:-29.5vw;width:56.5vw;height:56.5vw;position:absolute;border-radius:50%;text-align:center;display: block;background:radial-gradient(circle,transparent 38%,var(--blanco) 39%,var(--blanco) 80%,var(--negro) 80%);}
.contenedor-principal .principal .home .flot.f7 .circulo .arc-conte .conte{top:0vw;right:50%;left:50%;transform:translate(-50%);width:21%;height:21%;display: block;position: absolute;margin: auto;padding:2vw 0vw;}
.contenedor-principal .principal .home .flot.f7 .circulo .arc-conte .conte img{width:56%;height: auto;margin:1vw auto 1vw auto;}

.contenedor-principal .principal .home .flot.f4:hover ~ .flot.f5{transform:scale(1.19);transition:all 0.45s ease-in-out;border:solid 0.35vw var(--negro3);bottom:-14.5vh;}
.contenedor-principal .principal .home .flot.f4:hover ~ .flot.f6{transform:scale(1.42);transition:all 0.45s ease-in-out;border:solid 0.8vw var(--azul3);bottom:-15.7vh;}

.contenedor-principal .principal .home .flot.f4:hover ~ .flot.f7 .circulo{transform:scale(1);transition:all 0.45s ease-in-out;display:block;}
.contenedor-principal .principal .home .flot.f4:hover ~ .flot.f7 .circulo .arc.uno{transform:rotate(0deg) skew(56deg);}
.contenedor-principal .principal .home .flot.f4:hover ~ .flot.f7 .circulo .arc.dos{transform:rotate(36.5deg) skew(56deg);}
.contenedor-principal .principal .home .flot.f4:hover ~ .flot.f7 .circulo .arc.tres{transform:rotate(73deg) skew(56deg);}
.contenedor-principal .principal .home .flot.f4:hover ~ .flot.f7 .circulo .arc.cuatro{transform:rotate(109.5deg) skew(56deg);}
.contenedor-principal .principal .home .flot.f4:hover ~ .flot.f7 .circulo .arc.cinco{transform:rotate(146deg) skew(56deg);}

.contenedor-principal .principal .home .flot.f4.active ~ .flot.f5{transform:scale(1.19);transition:all 0.45s ease-in-out;border:solid 0.35vw var(--negro3);bottom:-14.5vh;}
.contenedor-principal .principal .home .flot.f4.active ~ .flot.f6{transform:scale(1.45);transition:all 0.45s ease-in-out;border:solid 0.8vw var(--azul3);bottom:-15.7vh;}

.contenedor-principal .principal .home .flot.f4.active ~ .flot.f7 .circulo{transform:scale(1);transition:all 0.45s ease-in-out;display:block;}
.contenedor-principal .principal .home .flot.f4.active ~ .flot.f7 .circulo .arc.uno{transform:rotate(0deg) skew(56deg);}
.contenedor-principal .principal .home .flot.f4.active ~ .flot.f7 .circulo .arc.dos{transform:rotate(36.5deg) skew(56deg);}
.contenedor-principal .principal .home .flot.f4.active ~ .flot.f7 .circulo .arc.tres{transform:rotate(73deg) skew(56deg);}
.contenedor-principal .principal .home .flot.f4.active ~ .flot.f7 .circulo .arc.cuatro{transform:rotate(109.5deg) skew(56deg);}
.contenedor-principal .principal .home .flot.f4.active ~ .flot.f7 .circulo .arc.cinco{transform:rotate(146deg) skew(56deg);}

/**---------------------------------------------------------***/
.contenedor-principal .principal .sistemas{position:absolute;left:100vw;transition:left 0.55s ease-in-out;top:0vw;z-index:2;width:100vw;height:100vh;display:flex;align-items:center;color:var(--texto);flex:0 0 auto;}
.contenedor-principal .principal .sistemas{background-image:url(https://www.bawi.pe/web/images/layout/fondos/fondo2.avif?v=3);background-origin: content-box;background-size:cover;background-repeat: no-repeat;background-position:center;background-attachment:local;}
.contenedor-principal .principal .sistemas.entra{left:0;transition:left 0.55s ease-in-out;}
.contenedor-principal .principal .sistemas video{position: absolute;width: 100%;height: auto;top: 0;left: 0;}
.contenedor-principal .principal .sistemas .menu-inferior{height:50%;display:flex;padding:1vw;z-index:1;position: absolute;bottom:0vh;right:0vw;left:0vw;margin: auto;justify-content: center;}
.contenedor-principal .principal .sistemas .menu-inferior .conte-info{position:relative;width:16.5vw;height:auto;display:block;margin:auto 1vw 1.2vw;}
.contenedor-principal .principal .sistemas .menu-inferior .conte-info .info{width:auto;height:2vw;display:block;padding:0.9vw 1vw;text-align:center;margin:auto;background-color:var(--azul);color:var(--blanco);}
.contenedor-principal .principal .sistemas .menu-inferior .conte-info .info{border-radius:0vw 0vw 0.45vw 0.45vw;transition:all 0.25s ease-in-out;cursor: pointer;}
.contenedor-principal .principal .sistemas .menu-inferior .conte-info .text-info{display:block;overflow: hidden;padding:2vw;opacity:0;width:auto;height:0vh;background-color:var(--blanco);color:var(--negro);box-shadow: 0px -12px 0px 0px var(--naranja);}
.contenedor-principal .principal .sistemas .menu-inferior .conte-info .text-info{font-size:1.15vw;font-family:"Barlow";letter-spacing: 0.03vw;word-wrap: break-word;text-wrap:pretty;text-align:left;transition:all 0.45s ease-in-out;border:solid 1px var(--naranja);border-radius:0.45vw 0.45vw 0vw 0vw;}
.contenedor-principal .principal .sistemas .menu-inferior .conte-info .info.uno:hover{background-color:var(--naranja);}
.contenedor-principal .principal .sistemas .menu-inferior .conte-info .text-info.uno:has(~ .info.uno:hover){height:24vh;padding:2vw;opacity:1;}
.contenedor-principal .principal .sistemas .menu-inferior .conte-info .info.dos:hover{background-color:var(--naranja);}
.contenedor-principal .principal .sistemas .menu-inferior .conte-info .text-info.dos:has(~ .info.dos:hover){height:24vh;padding:2vw;opacity:1;}
.contenedor-principal .principal .sistemas .menu-inferior .conte-info .info.tres:hover{background-color:var(--naranja);}
.contenedor-principal .principal .sistemas .menu-inferior .conte-info .text-info.tres:has(~ .info.tres:hover){height:24vh;padding:2vw;opacity:1;}

.contenedor-principal .principal .sistemas .flot{position:absolute;display: block;width:auto;padding:1vw;border-radius:var(--btrad);z-index:1;transition:all 0.45s ease-in-out;}
.contenedor-principal .principal .sistemas .flot.f1{top:14vw; left:20vw;font-size:1vw;font-weight: bold;color:var(--negro8);}
.contenedor-principal .principal .sistemas .flot.f2{transform: skew(-20deg);border-left:solid 0.6vw var(--naranja);}
.contenedor-principal .principal .sistemas .flot.f2{top:40vh; right:-1vw;max-width:86vw;background-color:rgb(103 147 167);color:var(--blanco);border-radius:0.6vw 0vw 0vw 0.5vw;}
.contenedor-principal .principal .sistemas .flot.f2 div{transform: skew(20deg);padding:0.2vw;font-size:1.2vw;font-weight: bold;letter-spacing:0.1vw; margin-right: 2vw;}
.contenedor-principal .principal .sistemas .flot.f3{transform: skew(-20deg);border-left:solid 0.6vw var(--negro);}
.contenedor-principal .principal .sistemas .flot.f3{top:25vh; right:-1vw;max-width:80vw;background-color:var(--negro5);color:var(--blanco);border-radius:0.6vw 0vw 0vw 0.5vw;}
.contenedor-principal .principal .sistemas .flot.f3 div{transform: skew(20deg);padding:0.2vw;margin:0vw 2vw;}
.contenedor-principal .principal .sistemas .flot.f4{clip-path: polygon(9% 0,100% 0%,100% 100%,0% 100%);font-size:1.2vw;top:53vh;right:-0.1vw;/*background-color:var(--amarillo);*/border:solid 1px var(--rojo);color:var(--negro);padding:0.8vw 2.2vw;}
.contenedor-principal .principal .sistemas .flot.f5{width:0.5vw;height:3.2vw;top:53vh;right:14.2vw;position:absolute;transform:skew(-20deg);background-color:var(--rojo);border-radius:0.6vw 0vw 0vw 0.6vw;padding:0;}
/**---------------------------------------------------------***/
.contenedor-principal .principal .hosting{position:absolute;left:100vw;transition:left 0.55s ease-out;top:0vw;z-index:2;width:100vw;height:100vh;display:flex;align-items:center;color:var(--texto);flex:0 0 auto;}
.contenedor-principal .principal .hosting{background-image: url(https://www.bawi.pe/web/images/layout/fondos/fondo3.avif?v=3);background-origin: content-box;background-size:cover;background-repeat: no-repeat;background-position:center;background-attachment:local;}
.contenedor-principal .principal .hosting.entra{left:0;transition:left 0.55s ease-in-out;}
.contenedor-principal .principal .hosting .menu-inferior{display:flex;z-index:1;position:absolute;bottom:0.5vw;right:0;left:0;width:60%;margin:auto;overflow: hidden;}
.contenedor-principal .principal .hosting .menu-inferior{padding:0vw;border-radius:1.25vw;color:var(--blanco);background-color:var(--negro7);}
.contenedor-principal .principal .hosting .menu-inferior .h{width:100%;height:2vw;margin:0vw auto;padding:0.8vw 3vw;cursor:pointer;display: flex;justify-content: center;align-items: center;}
.contenedor-principal .principal .hosting .menu-inferior .h{background-origin: content-box;background-size:contain;background-repeat: no-repeat;background-position:center;background-attachment:local;}
.contenedor-principal .principal .hosting .menu-inferior .h.uno{background-image: url(https://www.bawi.pe/web/images/layout/hosting/grupo_b/001_b.png?v=1);}
.contenedor-principal .principal .hosting .menu-inferior .h.dos{background-image: url(https://www.bawi.pe/web/images/layout/hosting/grupo_b/002_b.png?v=1);}
.contenedor-principal .principal .hosting .menu-inferior .h.tres{background-image: url(https://www.bawi.pe/web/images/layout/hosting/grupo_b/003_b.png?v=1);}
.contenedor-principal .principal .hosting .menu-inferior .h.cuatro{background-image: url(https://www.bawi.pe/web/images/layout/hosting/grupo_b/004_b.png?v=1);}
.contenedor-principal .principal .hosting .menu-inferior .h:hover{background-color:rgb(55,129,158);/*background:linear-gradient(45deg,rgb(90,125,190),rgba(6,82,15,1),rgb(43, 152, 188));*/}
.contenedor-principal .principal .hosting .menu-inferior .h div{color:var(--blanco);font-size:1vw;}
.contenedor-principal .principal .hosting .flot{display:block;width:54%;height:0;border-radius:0vw 1vw 0vw 0vw;color:var(--negro8);background-color:var(--blanco);opacity:0;transition:all 0.45s ease-in-out;}
.contenedor-principal .principal .hosting .flot{text-wrap:auto;word-break:break-word;line-height:2vw;position:absolute;bottom:9vh;left:0vw;right:0;margin: auto;padding:2vw;z-index:1;border-top:solid 0.25vw rgb(55,129,158);}
/*.contenedor-principal .principal .hosting .flot {background: #5fa6cf;background:linear-gradient(220deg,rgba(95, 166, 207, 1) 0%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 1) 53%);}*/
.contenedor-principal .principal .hosting .flot .fconte{position:relative;font-family:"Barlow";}
.contenedor-principal .principal .hosting .flot .fconte .titulo{position:absolute;top:-5.4vw;left:-2vw;padding:0.6vw 2vw;background-color:rgb(55,129,158);color:var(--blanco);border-radius:0.5vw 1vw 0vw 0vw;}
.contenedor-principal .principal .hosting .flot .fconte .cuerpo{display: block;}
.contenedor-principal .principal .hosting .flot .fconte .cuerpo ul{margin:0;}
.contenedor-principal .principal .hosting .flot.f1 .fconte .titulo{left:-2vw;}
.contenedor-principal .principal .hosting .flot.f22 .fconte .titulo{left:12.5vw;}
.contenedor-principal .principal .hosting .flot.f3 .fconte .titulo{left:27.2vw;}
.contenedor-principal .principal .hosting .flot.f4 .fconte .titulo{left:42.5vw;}
.contenedor-principal .principal .hosting .flot.f1:has(~ .menu-inferior .h.uno:hover){height:16vh;opacity:1;}
.contenedor-principal .principal .hosting .flot.f22:has(~ .menu-inferior .h.dos:hover){height:18vh;padding:2vw;opacity:1;}
.contenedor-principal .principal .hosting .flot.f3:has(~ .menu-inferior .h.tres:hover){height:16vh;padding:2vw;opacity:1;}
.contenedor-principal .principal .hosting .flot.f4:has(~ .menu-inferior .h.cuatro:hover){height:18vh;padding:2vw;opacity:1;}
/**---------------------------------------------------------***/
.contenedor-principal .principal .ingenieria{position:absolute;left:100vw;transition:left 0.55s ease-out;top:0vw;z-index:2;width:100vw;height:100vh;display:flex;align-items:center;color:var(--texto);flex:0 0 auto;}
.contenedor-principal .principal .ingenieria{background-image: url(https://www.bawi.pe/web/images/layout/fondos/fondo4.avif?v=3);background-origin: content-box;background-size:cover;background-repeat: no-repeat;background-position:top;background-attachment:local;}
.contenedor-principal .principal .ingenieria.entra{left:0;transition:left 0.55s ease-in-out;}
.contenedor-principal .principal .ingenieria .conte-flot{position:relative;width:100%;height:100%;}
.contenedor-principal .principal .ingenieria .cuadro{position:absolute;display:flex;width:8vw;height:8vw;border-radius:var(--btrad);z-index:1;}
.contenedor-principal .principal .ingenieria .cuadro .img{width:4vw;height:4vw;position: absolute;top:2vw;left:6vw;}
.contenedor-principal .principal .ingenieria .cuadro.c1 .img{background-image: url(https://www.bawi.pe/web/images/layout/servicios/implementacion.png?v=3);background-origin: content-box;background-size:cover;background-repeat: no-repeat;background-position:top;background-attachment:local;}
.contenedor-principal .principal .ingenieria .cuadro.c2 .img{background-image: url(https://www.bawi.pe/web/images/layout/servicios/soporte.png?v=3);background-origin: content-box;background-size:cover;background-repeat: no-repeat;background-position:top;background-attachment:local;}
.contenedor-principal .principal .ingenieria .cuadro.c3 .img{background-image: url(https://www.bawi.pe/web/images/layout/servicios/consultoria.png?v=3);background-origin: content-box;background-size:cover;background-repeat: no-repeat;background-position:top;background-attachment:local;}
.contenedor-principal .principal .ingenieria .cuadro.c1{top:14vw;left:36vw;}
.contenedor-principal .principal .ingenieria .cuadro.c2{top:22.2vw;left:17vw;}
.contenedor-principal .principal .ingenieria .cuadro.c3{top:30.2vw;left:36vw;}
.contenedor-principal .principal .ingenieria .cuadro.c1 .lad1{border-right:4vw solid rgb(45,159,80);border-top:4vw solid transparent;border-left:4vw solid transparent;border-bottom:4vw solid transparent;}
.contenedor-principal .principal .ingenieria .cuadro.c1 .lad2{border-right:4vw solid transparent;border-top:4vw solid transparent;border-left:4vw solid rgb(45, 129, 61);border-bottom:4vw solid transparent;}
.contenedor-principal .principal .ingenieria .cuadro.c2 .lad1{border-right:4vw solid rgb(255,130,0);border-top:4vw solid transparent;border-left:4vw solid transparent;border-bottom:4vw solid transparent;}
.contenedor-principal .principal .ingenieria .cuadro.c2 .lad2{border-right:4vw solid transparent;border-top:4vw solid transparent;border-left:4vw solid rgb(255,161,14);border-bottom:4vw solid transparent;}
.contenedor-principal .principal .ingenieria .cuadro.c3 .lad1{border-right:4vw solid rgb(55,91,165);border-top:4vw solid transparent;border-left:4vw solid transparent;border-bottom:4vw solid transparent;}
.contenedor-principal .principal .ingenieria .cuadro.c3 .lad2{border-right:4vw solid transparent;border-top:4vw solid transparent;border-left:4vw solid rgb(45,75,144);border-bottom:4vw solid transparent;}
.contenedor-principal .principal .ingenieria .flot{position:absolute;display: block;width:auto;padding:1vw;border-radius:var(--btrad);z-index:1;}
.contenedor-principal .principal .ingenieria .flot.f1{font-size:1.1vw;top:16vw;left:25vw;color:var(--blanco);background-color:rgb(45,129,61);padding:1vw 4vw 1vw 0vw;width:15.25vw;height:2.2vw;line-height:2.2vw;text-align:center;}
.contenedor-principal .principal .ingenieria .flot.f2{font-size:1.1vw;top:24vw;left:25vw;color:var(--blanco);background-color:rgb(255,130,0);padding:1vw 0vw 1vw 4vw;width:15.25vw;height:2.2vw;line-height:2.2vw;text-align:center;}
.contenedor-principal .principal .ingenieria .flot.f3{font-size:1.1vw;top:32vw;left:25vw;color:var(--blanco);background-color:rgb(45,75,144);padding:1vw 4vw 1vw 0vw;width:15.25vw;height:2.2vw;line-height:2.2vw;text-align:center;}
/**---------------------------------------------------------***/
.contenedor-principal .principal .marqueting{position:absolute;left:100vw;transition:left 0.55s ease-out;top:0vw;z-index:2;width:100vw;height:100vh;display:flex;align-items:center;color:var(--texto);flex:0 0 auto;}
.contenedor-principal .principal .marqueting{background-image: url(https://www.bawi.pe/web/images/layout/fondos/fondo5.avif?v=3);background-origin: content-box;background-size:cover;background-repeat: no-repeat;background-position:center;background-attachment:local;}
.contenedor-principal .principal .marqueting.entra{left:0;transition:left 0.55s ease-in-out;}
.contenedor-principal .principal .marqueting .flot{position:absolute;display: block;width:auto;padding:1vw;border-radius:var(--btrad);z-index:1;}
.contenedor-principal .principal .marqueting .flot.f1{top:9vw; right:52vw;background-color:var(--verdews);color:var(--texto);}
.contenedor-principal .principal .marqueting .flot.f1::after {content: '';position:absolute;visibility:visible;top:0px;right:-8px;border:10px solid transparent;border-top:10px solid var(--verdews);clear:both;}
.contenedor-principal .principal .marqueting .flot.f2{top:12vw; left:50vw;background-color:var(--blanco);color:var(--texto);}
.contenedor-principal .principal .marqueting .flot.f2::before {content: '';position:absolute;visibility:visible;top:-1px;left:-10px;border:10px solid transparent;border-top:10px solid var(--gris);}
.contenedor-principal .principal .marqueting .flot.f2::after {content: '';position:absolute;visibility:visible;top:0px;left:-8px;border:10px solid transparent;border-top:10px solid var(--blanco);clear:both;}
.contenedor-principal .principal .marqueting .flot.f3{top:16vw;right:52vw;background-color:var(--verdews);color:var(--texto);}
.contenedor-principal .principal .marqueting .flot.f3::after {content: '';position:absolute;visibility:visible;top:0px;right:-8px;border:10px solid transparent;border-top:10px solid var(--verdews);clear:both;}
.contenedor-principal .principal .marqueting .flot.f4{top:19vw; left:50vw;background-color:var(--blanco);color:var(--texto);}
.contenedor-principal .principal .marqueting .flot.f4::before {content: '';position:absolute;visibility:visible;top:-1px;left:-10px;border:10px solid transparent;border-top:10px solid var(--gris);}
.contenedor-principal .principal .marqueting .flot.f4::after {content: '';position:absolute;visibility:visible;top:0px;left:-8px;border:10px solid transparent;border-top:10px solid var(--blanco);clear:both;}
.contenedor-principal .principal .marqueting .flot.f5{top:23vw;right:52vw;background-color:var(--verdews);color:var(--texto);}
.contenedor-principal .principal .marqueting .flot.f5::after {content: '';position:absolute;visibility:visible;top:0px;right:-8px;border:10px solid transparent;border-top:10px solid var(--verdews);clear:both;}
.contenedor-principal .principal .marqueting .flot.f6{top:26vw; left:50vw;background-color:var(--blanco);color:var(--texto);}
.contenedor-principal .principal .marqueting .flot.f6::before {content: '';position:absolute;visibility:visible;top:-1px;left:-10px;border:10px solid transparent;border-top:10px solid var(--gris);}
.contenedor-principal .principal .marqueting .flot.f6::after {content: '';position:absolute;visibility:visible;top:0px;left:-8px;border:10px solid transparent;border-top:10px solid var(--blanco);clear:both;}
.contenedor-principal .principal .marqueting .flot.f7{top:30vw;right:52vw;background-color:var(--verdews);color:var(--texto);}
.contenedor-principal .principal .marqueting .flot.f7::after {content: '';position:absolute;visibility:visible;top:0px;right:-8px;border:10px solid transparent;border-top:10px solid var(--verdews);clear:both;}
.contenedor-principal .principal .marqueting .flot.f8{top:33vw; left:50vw;background-color:var(--blanco);color:var(--texto);}
.contenedor-principal .principal .marqueting .flot.f8::before {content: '';position:absolute;visibility:visible;top:-1px;left:-10px;border:10px solid transparent;border-top:10px solid var(--gris);}
.contenedor-principal .principal .marqueting .flot.f8::after {content: '';position:absolute;visibility:visible;top:0px;left:-8px;border:10px solid transparent;border-top:10px solid var(--blanco);clear:both;}
.contenedor-principal .principal .marqueting .flot.f9{top:8vw;right:14vw;background-color:var(--verdews);color:var(--texto);}
.contenedor-principal .principal .marqueting .flot.f9::after {content: '';position:absolute;visibility:visible;top:0px;right:-8px;border:10px solid transparent;border-top:10px solid var(--verdews);clear:both;}
/**---------------------------------------------------------***/

@media only screen and (max-device-width : 668px)
{
.nov{visibility:visible !important;}
.contenedor-principal .top-menu .pais{top:9vw;left:39vw;}
.contenedor-principal .top-menu .pais img{width:4.5vw;}
.contenedor-principal .top-menu .logo{width:32vw;}
.contenedor-principal .top-menu .tk{width:7.5vw;top:1.5vw;right:27vw;}
.contenedor-principal .top-menu .fb{width:7.5vw;top:1.5vw;right:15vw;}
.contenedor-principal .top-menu .ig{width:7.5vw;top:1.5vw;right:4vw;}
.contenedor-principal .menu-izquierdo{width:100%;display:flex;justify-content:center;padding:1vw;top:9vh;margin-left:auto;margin:auto;}
.contenedor-principal .menu-izquierdo .menu{padding:1.9vw 3vw;font-size:3.1vw;border: solid 1px var(--negro8);}
.contenedor-principal .menu-izquierdo .menu.elhome::before{display:block;padding:0vw 1vw;width:5vw;height:5vw;content:'';background:url('https://www.bawi.pe/web/images/layout/home.png?ver=1');background-size:contain;background-position:center;background-repeat: no-repeat;}
.contenedor-principal .contacto{position:absolute;bottom:6%;right:3vw;width:16vw;height:16vw;}
.contenedor-principal .contacto img{width:10.5vw;}
.contenedor-principal .principal{background-color:var(--blanco);}
/**---------------------------------------------------------***/
.contenedor-principal .principal .home{width:100vw;height:100vh;}
.contenedor-principal .principal .home video{width:auto;max-height:100vh;}
.contenedor-principal .principal .home .conte-flot{top:17.5vh;left:0;right:0;margin:auto;width:85vw; }
.contenedor-principal .principal .home .conte-flot .f1{font-size:4.2vw;padding:1vh 2vh;}
.contenedor-principal .principal .home .conte-flot .f2{font-size:3.5vw;padding:1vh 2vh 2vh 2vh;max-width:100vh;white-space:pre-line;}
.contenedor-principal .principal .home .flot.f3{font-size:3vw;top:60vh;left:55vw;width:22vw;height:22vw;border:1vw solid var(--naranja);}
.contenedor-principal .principal .home .flot.f4{font-size:4.5vw;bottom:-4vh;width:34vw;height:34vw;line-height:3vh;}

.contenedor-principal .principal .home .flot.f7{z-index:2;margin:auto;bottom:13vh;right:0;left:0;height:54vh;width:100vw;position:absolute;overflow: hidden;padding:0;transition:all 0.3s ease-in-out;}
.contenedor-principal .principal .home .flot.f7::before {content:'';position:absolute;bottom:5vh;left:50%;width:2px;height:30vh;background-color:var(--texto);transform:translateX(-50%);}


.contenedor-principal .principal .home .flot.f7 .circulo{width:100vw;height:53vh;position:relative;transform:none;transition:all 0.3s ease-in-out;/*background-color:bisque;*/}
.contenedor-principal .principal .home .flot.f7 .circulo{display: grid;grid-template-columns:repeat(2, 1fr);}
.contenedor-principal .principal .home .flot.f7 .circulo .arc{width:35%;height:auto;transform-origin:inherit;right:0%;transition:all 0.3s ease;overflow:visible;position:absolute;bottom:auto;filter:none;border-radius: 2vw;background-color:var(--blanco5);}

.contenedor-principal .principal .home .flot.f7 .circulo .arc.uno{transform:none;bottom:2vh;left:10vw;}
.contenedor-principal .principal .home .flot.f7 .circulo .arc.uno::after{content: '';position:absolute;bottom:45%;right:-5vw;border:2vw solid var(--texto);}
.contenedor-principal .principal .home .flot.f7 .circulo .arc.dos{transform:none; bottom:3.9vh;right:10vw;}
.contenedor-principal .principal .home .flot.f7 .circulo .arc.dos::after{content: '';position:absolute;bottom:50%;left:-5vw;border:2vw solid var(--texto);}
.contenedor-principal .principal .home .flot.f7 .circulo .arc.tres{transform:none; bottom:18vh;left:10%;}
.contenedor-principal .principal .home .flot.f7 .circulo .arc.tres::after{content: '';position:absolute;bottom:45%;right:-5vw;border:2vw solid var(--texto);}
.contenedor-principal .principal .home .flot.f7 .circulo .arc.cuatro{transform:none; bottom:20vh;right:10%;}
.contenedor-principal .principal .home .flot.f7 .circulo .arc.cuatro::after{content: '';position:absolute;bottom:50%;left:-5vw;border:2vw solid var(--texto);}
.contenedor-principal .principal .home .flot.f7 .circulo .arc.cinco{transform:none; bottom:36vh;left:0;right:0;margin:auto;}
.contenedor-principal .principal .home .flot.f7 .circulo .arc.cinco::after{content: '';position:absolute;bottom:-4vw;left:45%;border:2vw solid var(--texto);}

.contenedor-principal .principal .home .flot.f7 .circulo .arc-conte{transform:none;bottom:auto;right:auto;width:100%;height:auto;position:relative;border-radius:0%;text-align:center;display: block;background:none;}
.contenedor-principal .principal .home .flot.f7 .circulo .arc-conte .conte{top:0vw;right:0%;left:0%;transform:none;width:100%;height:auto;display: block;position:relative;margin: auto;padding:2vw 0vw;font-size:3.5vw;}
.contenedor-principal .principal .home .flot.f7 .circulo .arc-conte .conte img{width:65%;height: auto;margin:1.5vw auto 1vw auto;background-color:var(--blanco);}

.contenedor-principal .principal .home .flot.f4:hover ~ .flot.f5{transform:scale(1.19);transition:all 0.45s ease-in-out;border:solid 0.35vw var(--negro3);bottom:-14.5vh;}
.contenedor-principal .principal .home .flot.f4:hover ~ .flot.f6{transform:scale(1.45);transition:all 0.45s ease-in-out;border:solid 0.8vw var(--azul3);bottom:-15.7vh;}

.contenedor-principal .principal .home .flot.f4:hover ~ .flot.f7 .circulo{transform:scale(1);transition:all 0.45s ease-in-out;display:block;}
.contenedor-principal .principal .home .flot.f4:hover ~ .flot.f7 .circulo .arc.uno{transform:none;}
.contenedor-principal .principal .home .flot.f4:hover ~ .flot.f7 .circulo .arc.dos{transform:none;}
.contenedor-principal .principal .home .flot.f4:hover ~ .flot.f7 .circulo .arc.tres{transform:none;}
.contenedor-principal .principal .home .flot.f4:hover ~ .flot.f7 .circulo .arc.cuatro{transform:none;}
.contenedor-principal .principal .home .flot.f4:hover ~ .flot.f7 .circulo .arc.cinco{transform:none;}

.contenedor-principal .principal .home .flot.f4.active ~ .flot.f5{transform:none;transition:all 0.45s ease-in-out;border:solid 0.35vw var(--negro3);bottom:-14.5vh;}
.contenedor-principal .principal .home .flot.f4.active ~ .flot.f6{transform:none;transition:all 0.45s ease-in-out;border:solid 0.8vw var(--azul3);bottom:-15.7vh;}

.contenedor-principal .principal .home .flot.f4.active ~ .flot.f7 .circulo{transform:none;transition:all 0.45s ease-in-out;display:grid;}
.contenedor-principal .principal .home .flot.f4.active ~ .flot.f7 .circulo .arc.uno{transform:none;}
.contenedor-principal .principal .home .flot.f4.active ~ .flot.f7 .circulo .arc.dos{transform:none;}
.contenedor-principal .principal .home .flot.f4.active ~ .flot.f7 .circulo .arc.tres{transform:none;}
.contenedor-principal .principal .home .flot.f4.active ~ .flot.f7 .circulo .arc.cuatro{transform:none;}
.contenedor-principal .principal .home .flot.f4.active ~ .flot.f7 .circulo .arc.cinco{transform:none;}
.contenedor-principal .contacto.home{position:absolute;bottom:6%;right:3vw;width:16vw;height:16vw;}
.contenedor-principal .contacto.home img{width:10.5vw;}

.contenedor-principal .principal .sistemas{width:100vw;height:100%;}
.contenedor-principal .principal .sistemas .flot.f2{top:32vh;border-left: solid 2.6vw var(--naranja);}
.contenedor-principal .principal .sistemas .flot.f2 div{font-size:3.6vw;padding: 2.2vw;}
.contenedor-principal .principal .sistemas .flot.f4{font-size:4.2vw;padding:2vw 5.2vw;top:42vh;height:3.3vh;background-color:var(--blanco);}
.contenedor-principal .principal .sistemas .flot.f5{width:2.8vw;height:5.5vh;right:45.2vw;top:42.1vh;}
.contenedor-principal .principal .sistemas .menu-inferior{bottom:0%;}
.contenedor-principal .principal .sistemas .menu-inferior .conte-info{width:32.5vw;margin:auto 1vw 1vw;}
.contenedor-principal .principal .sistemas .menu-inferior .conte-info .info{height:5vw;padding:2.1vw 1vw;font-size:3.6vw;}
.contenedor-principal .principal .sistemas .menu-inferior .conte-info .text-info{max-width:26vw;width:26vw;height:auto;font-size:3.5vw;word-break: break-word;text-wrap:auto;}
.contenedor-principal .principal .sistemas .menu-inferior .conte-info .text-info.uno:has(~ .info.uno:hover){height:29.2vh;padding:2.5vw;}
.contenedor-principal .principal .sistemas .menu-inferior .conte-info .text-info.dos:has(~ .info.dos:hover){height:29.2vh;padding:2.5vw;}
.contenedor-principal .principal .sistemas .menu-inferior .conte-info .text-info.tres:has(~ .info.tres:hover){height:32.2vh;padding:2.5vw;}
.contenedor-principal .contacto.sistemas{bottom:auto;top:19vh;}

.contenedor-principal .principal .hosting{height:100vh;}
.contenedor-principal .principal .hosting .menu-inferior{width:98%;bottom:0%;}
.contenedor-principal .principal .hosting .menu-inferior .h{height:6vw;padding:3vw;}
.contenedor-principal .principal .hosting .flot{width:90vw;bottom:0vh;font-size:3.65vw;line-height:4.5vw;}
.contenedor-principal .principal .hosting .flot .fconte{padding:2vw;}
.contenedor-principal .principal .hosting .flot .fconte .titulo{top:-6.0vh;padding:2.5vw 4vw;font-size:3.85vw;}
.contenedor-principal .principal .hosting .flot .fconte .cuerpo ul{padding-left:6vw;}
.contenedor-principal .principal .hosting .flot.f1 .fconte .titulo{left:-2vw;}
.contenedor-principal .principal .hosting .flot.f2 .fconte .titulo{left:20.5vw;}
.contenedor-principal .principal .hosting .flot.f3 .fconte .titulo{left:auto;right:21vw;}
.contenedor-principal .principal .hosting .flot.f4 .fconte .titulo{left:auto;right:-2vw;}
.contenedor-principal .principal .hosting .flot.f1:has(~ .menu-inferior .h.uno:hover){height:22vh;padding:2vw;}
.contenedor-principal .principal .hosting .flot.f22:has(~ .menu-inferior .h.dos:hover){height:24vh;padding:2vw;}
.contenedor-principal .principal .hosting .flot.f3:has(~ .menu-inferior .h.tres:hover){height:22vh;padding:2vw;}
.contenedor-principal .principal .hosting .flot.f4:has(~ .menu-inferior .h.cuatro:hover){height:28vh;padding:2vw;}
.contenedor-principal .contacto.hosting{bottom:auto;top:30vh;}

.contenedor-principal .principal .ingenieria{height:100vh;}
.contenedor-principal .principal .ingenieria .cuadro{width:24vw;height:24vw;}
.contenedor-principal .principal .ingenieria .cuadro .img{width:15vw;height:15vw;top:5vw;left:16vw;}
.contenedor-principal .principal .ingenieria .cuadro.c1{top:26vh;left:48vw;}
.contenedor-principal .principal .ingenieria .cuadro.c2{top:41vh;left:-9vw;}
.contenedor-principal .principal .ingenieria .cuadro.c3{top:55vh;left:48vw;}
.contenedor-principal .principal .ingenieria .cuadro.c1 .lad1{border-right:12vw solid rgb(45,159,80);border-top:12vw solid transparent;border-left:12vw solid transparent;border-bottom:12vw solid transparent;}
.contenedor-principal .principal .ingenieria .cuadro.c1 .lad2{border-right:12vw solid transparent;border-top:12vw solid transparent;border-left:12vw solid rgb(45, 129, 61);border-bottom:12vw solid transparent;}
.contenedor-principal .principal .ingenieria .cuadro.c2 .lad1{border-right:12vw solid rgb(255,130,0);border-top:12vw solid transparent;border-left:12vw solid transparent;border-bottom:12vw solid transparent;}
.contenedor-principal .principal .ingenieria .cuadro.c2 .lad2{border-right:12vw solid transparent;border-top:12vw solid transparent;border-left:12vw solid rgb(255,161,14);border-bottom:12vw solid transparent;}
.contenedor-principal .principal .ingenieria .cuadro.c3 .lad1{border-right:12vw solid rgb(55,91,165);border-top:12vw solid transparent;border-left:12vw solid transparent;border-bottom:12vw solid transparent;}
.contenedor-principal .principal .ingenieria .cuadro.c3 .lad2{border-right:12vw solid transparent;border-top:12vw solid transparent;border-left:12vw solid rgb(45,75,144);border-bottom:12vw solid transparent;}
.contenedor-principal .principal .ingenieria .flot.f1{font-size:4.1vw;top:29vh;left:16vw;padding:1vw 4vw 1vw 0vw;width:52.25vw;height:11.2vw;line-height:11.2vw;}
.contenedor-principal .principal .ingenieria .flot.f2{font-size:4.1vw;top:44vh;left:19vw;padding:1vw 0vw 1vw 7vw;width:52.25vw;height:11.2vw;line-height:11.2vw;}
.contenedor-principal .principal .ingenieria .flot.f3{font-size:4.1vw;top:58vh;left:16vw;padding:1vw 4vw 1vw 0vw;width:52.25vw;height:11.2vw;line-height:11.2vw;}
.contenedor-principal .contacto.ingenieria{bottom:8%;left:42vw;}


.contenedor-principal .principal .marqueting{height:100vh;}
.contenedor-principal .principal .marqueting .flot{font-size:3.6vw;padding:3vw;}
.contenedor-principal .principal .marqueting .flot.f1{top:21vh;right:55vw;}
.contenedor-principal .principal .marqueting .flot.f2{top:27vh; left:53vw;}
.contenedor-principal .principal .marqueting .flot.f3{top:33vh;right:55vw;}
.contenedor-principal .principal .marqueting .flot.f4{top:38vh; left:53vw;}
.contenedor-principal .principal .marqueting .flot.f5{top:44vh;right:55vw;}
.contenedor-principal .principal .marqueting .flot.f6{top:49vh; left:53vw;}
.contenedor-principal .principal .marqueting .flot.f7{top:55vh;right:55vw;}
.contenedor-principal .principal .marqueting .flot.f8{top:60vh; left:53vw;}
.contenedor-principal .principal .marqueting .flot.f9{top:auto;right:23vw;bottom:12vh;}
.contenedor-principal .contacto.marqueting{bottom:6%;}


/*
Pantallas pequeñas (usadas por ejemplo en netbooks): 1024 x 600
Pantallas medianas: 1280 x 720 / 1280 x 800
Pantallas grandes: ancho superior a 1400 píxeles, ejemplo 1400 x 900 o 1600 x 1200.*/
/*20% aprox sacarle por barras y bordes del navegador en el heig*/

@supports (height: 100dvh) {
  .contenedor-principal .principal .home{height:100dvh;}
  .contenedor-principal .principal .home .conte-flot{top:17.5dvh;}
  .contenedor-principal .principal .home .flot.f4{bottom:-11dvh;}
  .contenedor-principal .principal .home .flot.f7{bottom:7dvh;}

  .contenedor-principal .principal .sistemas{height:100dvh;}
  .contenedor-principal .principal .sistemas .menu-inferior{bottom:0%;}
  .contenedor-principal .principal .sistemas .menu-inferior .conte-info .text-info{text-wrap:auto;word-break:break-word;}
  .contenedor-principal .principal .sistemas .flot.f4{top:42dvh;height:3.3dvh;}
  .contenedor-principal .principal .sistemas .flot.f5{height:5.5dvh;top:42.1dvh;}

  .contenedor-principal .principal .hosting{height:100dvh;}
  .contenedor-principal .principal .hosting .flot{bottom:0dvh;}
  .contenedor-principal .principal .hosting .flot .fconte .titulo{top:-6.0dvh;}
  .contenedor-principal .principal .hosting .flot.f1:has(~ .menu-inferior .h.uno:hover){height:22dvh;}
  .contenedor-principal .principal .hosting .flot.f22:has(~ .menu-inferior .h.dos:hover){height:24dvh;}
  .contenedor-principal .principal .hosting .flot.f3:has(~ .menu-inferior .h.tres:hover){height:22dvh;}
  .contenedor-principal .principal .hosting .flot.f4:has(~ .menu-inferior .h.cuatro:hover){height:28dvh;}

  .contenedor-principal .principal .ingenieria{height:100dvh;}

  .contenedor-principal .principal .marqueting{height:100dvh;}
}
}
@keyframes estiranormal {
	0% {text-shadow: 0 0 50px #fff;letter-spacing: 80px;opacity: 0;}
	50% {text-shadow: 0 0 20px #fff;letter-spacing: 14px;opacity: 0.4;}
	85% {text-shadow: 0 0 1px #fff;opacity: 0.8;}
	100% {text-shadow: none;opacity:1;pointer-events: none;}
}
@keyframes izquierdaderecha {
	0% {right:-100vw;opacity: 0;}
	50% {right:-50vw;opacity: 0.5;}
	85% {right:-25vw;opacity: 0.8;}
	100% {right:-1vw;opacity:1;pointer-events: none;}
}
@keyframes derechaizquierda {
	0% {left:-100vw;opacity: 0;}
	50% {left:-50vw;opacity: 0.4;}
	85% {left:-25vw;opacity: 0.8;}
	100% {left:0vw;opacity:1;pointer-events: none;}
}