/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.text-align-left{text-align:left;}.text-align-right{text-align:right;}.text-align-center{text-align:center;}.text-align-justify{text-align:justify;}.align-left{float:left;}.align-right{float:right;}.align-center{display:block;margin-right:auto;margin-left:auto;}
.container-inline div,.container-inline label{display:inline-block;}.container-inline .details-wrapper{display:block;}.container-inline .hidden{display:none;}
.clearfix::after{display:table;clear:both;content:"";}
.hidden{display:none;}.visually-hidden{position:absolute !important;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;word-wrap:normal;}.visually-hidden.focusable:active,.visually-hidden.focusable:focus-within{position:static !important;overflow:visible;clip:auto;width:auto;height:auto;}.invisible{visibility:hidden;}
.js .js-hide{display:none;}.js-show{display:none;}.js .js-show{display:block;}@media (scripting:enabled){.js-hide.js-hide{display:none;}.js-show{display:block;}}
.adminimal .content-header{display:none;}body{margin:0;padding:0;}i{color:white;}.head{background-image:url(/modules/custom/main/css/SWLogo.png);display:flex;justify-content:space-between;width:100%;color:white;object-fit:contain;align-items:center;gap:1rem;}.correo{font-size:20px;font-family:sans-serif;align-items:center;margin:16px 0 16px 150px;padding:15px 0 15px 0}.numero{font-size:20px;font-family:sans-serif;align-items:center;margin:16px 0 16px 0;padding:15px 0 15px 0;}.Dheader{font-size:20px;margin-right:30%;}.Servicios{text-align:center;font-size:2em;color:#03092b;font-family:sans-serif;}.options{display:flex;justify-content:space-between;align-items:center;background-color:white;height:90px;margin-top:10px;}.swBlue{display:flex;justify-content:flex-start;align-items:center;margin-left:11rem;filter:blur(0.5px);width:90px;height:70px;}.items{display:flex;justify-content:flex-end;margin-right:2rem;}.items a{font-size:22px;margin:0 20px;text-decoration:none;color:black;font-family:sans-serif;align-items:center;}.items a:hover{font-size:28px;}.Nosotros{font-family:sans-serif;text-align:center;font-size:xx-large;line-height:1em;width:100%;box-sizing:border-box;color:#03092b;}.Facturas,.Posiciones,.Actividades{display:flex;font-family:sans-serif;font-size:xx-large;color:#03092b;line-height:1em;text-align:center;}.Banner{display:flex;justify-content:center;line-height:1em;font-weight:bold;font-size:2.2em;}.centro{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;}.SWLogo{background-image:url(/modules/custom/main/css/SWLogo.png);background-size:100% 100%;background-repeat:no-repeat;display:flex;height:750px;margin:0;overflow:hidden;z-index:2;object-fit:fill;}.InicioCentral{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;}.card{width:280px;height:345px;margin-top:15px;border-radius:15px;background-color:#040c2c;justify-content:center;align-items:center;text-align:center;position:relative;transition:background-color 0.5s ease-in-out,box-shadow 0.5s ease-in-out;}.icons{margin-top:40%;margin-bottom:20px;width:130px;height:100px;}.fondo{background-color:white;display:flex;flex-direction:column;}.row{display:flex;justify-content:center;gap:2rem}.TextCard1:after{font-family:sans-serif;font-weight:bold;text-align:center;font-size:x-large;line-height:1em;margin-top:0;margin-bottom:20px;color:white;margin:5px;position:relative;overflow:hidden;content:'Desarrollo en android';}.TextCard2:after{font-family:sans-serif;font-weight:bold;text-align:center;font-size:x-large;line-height:1em;margin-top:0;margin-bottom:20px;color:white;margin:5px;position:relative;overflow:hidden;content:'Diseño de paginas web';}.TextCard3:after{font-family:sans-serif;font-weight:bold;text-align:center;font-size:x-large;line-height:1em;margin-top:0;margin-bottom:20px;color:white;margin:5px;position:relative;overflow:hidden;content:'Desarrollo web';}.TextCard4:after{font-family:sans-serif;font-weight:bold;text-align:center;font-size:x-large;line-height:1em;margin-top:0;margin-bottom:20px;color:white;margin:5px;position:relative;overflow:hidden;content:'Servicio de impresión 3D';}.card:hover{background-color:white;box-shadow:0 0 10px rgba(0,0,0,0.5);border-color:rgb(203,209,209);transition:background-color 0.5s ease-in-out,box-shadow 0.5s ease-in-out;}.card:hover .icons,.card:hover .TextCard1:after,.card:hover .TextCard2:after,.card:hover .TextCard3:after,.card:hover .TextCard4:after{display:none;}.card:hover .TextCard1:after{display:flex;font-weight:normal;text-align:center;justify-content:center;top:50px;align-items:center;color:black;font-size:1.1em;font-family:sans-serif;content:'Realizamos aplicaciones nativas para el sistema operativo android. Al finalizar publicaremos su proyectos en la tienda de distribución de apps (Google Play).';}.card:hover .TextCard2:after{display:flex;text-align:center;justify-content:center;top:50px;align-items:center;color:black;font-weight:normal;font-size:1.1em;font-family:sans-serif;content:'Diseñamos o mejoramos tu sitio web actual, apegado a las últimas tendencias en diseño y estilo de sitios, logrando una navegación intuitiva.';}.card:hover .TextCard3:after{display:flex;text-align:center;justify-content:center;top:50px;align-items:center;color:black;font-weight:normal;font-size:1.2em;font-family:sans-serif;content:'Desarrollamos herramientas de trabajo y de gestión de información para que seas más eficiente en tus procesos.';}.card:hover .TextCard4:after{display:flex;text-align:center;justify-content:center;top:80px;align-items:center;font-weight:normal;text-align:center;color:black;font-size:1.4em;font-family:sans-serif;content:'Transformamos tus piezas digitales en objetos 3D.';}.kairos{margin-left:12%;flex-wrap:wrap;}.KairosApp{object-fit:contain;}.Bitacora{font-size:2.5em;font-weight:bold;font-family:sans-serif;text-align:center;}.grid-container{display:grid;margin:30px;justify-content:center;align-items:center;grid-template-columns:repeat(2,1fr);}.grid-item{text-align:center;flex-wrap:wrap;margin:0;justify-content:center;align-items:center;}.grid-item2{text-align:center;display:flex;justify-content:center;align-items:center;}.BitacoraApp{object-fit:contain;}.footer{color:white;margin-top:10px;background-image:url(/modules/custom/main/css/footer.png);object-fit:contain;}.BFooter{color:rgb(108,107,106);margin-left:20px;font-size:2.3em;}.footer-bottom-middle{display:-webkit-box;display:-ms-flexbox;display:flex;width:93%;margin-left:20px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;font-family:sans-serif;align-items:center;border-top:3px double #bbb0a1;padding:1rem 0;}.Contacto{font-family:sans-serif;margin-left:20px;line-height:1em;box-sizing:border-box;color:white;}.KairosMovil{text-align:center;font-size:2em;font-family:sans-serif;color:#03092b;}@media (max-width:990px){.row{display:flex;flex-direction:column;gap:1rem;align-items:center;}.Nosotros{font-size:21px;}.head{gap:1rem;line-height:1em;display:flex;width:100%;align-items:center;}body{display:flex;flex-direction:column;}*{margin:0;padding:0;}.grid-container{display:grid;justify-content:center;align-items:center;grid-template-columns:repeat(1,1fr);}.SwWhite{filter:blur(0.6px);}.items{margin-right:0;}.items a{font-size:12px;margin:0 6px;color:black;align-items:center;}.items a:hover{font-size:14px;}.swBlue{display:flex;justify-content:flex-start;align-items:center;margin-left:1rem;width:60px;height:40px;}.correo,.numero{font-size:11px;display:flex;align-items:center;margin:10px 20px 10px 0;padding:10px;}.Dheader{font-size:11px;margin-right:15px;}.BFooter{color:#574c44;font-size:0.6em;}.Servicios{font-size:1em;margin-top:20px;}.BitacoraApp{object-fit:contain;justify-content:center;align-items:center;width:200px;height:400px;}.KairosApp{object-fit:contain;width:250px;height:250px;justify-content:center;align-items:center;margin-left:25px;display:flex;}.centro{margin-right:35px;margin-top:8px;}.Bitacora{font-size:1.8em;}.Facturas,.Posiciones,.Actividades{font-size:xx-large;}.card:hover .TextCard1:after{font-size:1.2em;margin-bottom:50%;}.card:hover .TextCard2:after{margin-bottom:55%;font-size:1.2em;}.card:hover .TextCard3:after{margin-bottom:65%;font-size:1.3em;}.card:hover .TextCard4:after{top:28%;font-size:1.5em;}}@media (min-width:1024px){body{width:100%;}.card:hover .TextCard1:after,.card:hover .TextCard2:after,.card:hover .TextCard3:after{display:flex;text-align:center;justify-content:center;top:80px;align-items:center;}.card:hover .TextCard4:after{display:flex;text-align:center;justify-content:center;top:30%;align-items:center;}}