/* Configuracion inicial del css */
* {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}

/* 1rem igual a 10px */
html {
   font-size: 62.5%;
}

/* Tamano del header */
header {
   width: 100%;
   height: 12rem;
}


/* tamano y color de la barra de navegacion */
 nav {
   margin: 0rem;
   padding: 0rem;
   height: 15.5rem;
   box-shadow: none;
 }

 /* Margen del lado derecho de barra de navegacion */
 nav .nav-wrapper {
   padding-right: 4rem;
   margin: 0rem;
 }

/* Tamano de nombre de la empresa */
 nav a.brand-logo.left {
   margin: 1rem;
 }

 /* Estilos de imagen de barra de navegacion */
 nav img {
   width: 20rem;
   height: 10rem;
   margin-top: 0rem;
   margin-left: 4rem;
   padding-top: 1rem;
   padding-bottom: 0rem;
 }

 /* Tamano de fuente de menus de navegacion */
 header nav a {
   font-size: 2rem;
   margin-top: 3rem;
   margin-bottom: 2rem;
   margin-right: 2rem;
   margin-left: 2rem;
   padding-left: 0rem;
   padding-right: 0rem;
   color: #00bcd4 ;/*#7e57c2;*/
 }

 /* Tamano de iconos de barra de navegacion */
 header nav .material-icons {
   font-size: 4rem;
   margin: 0.5;
   padding: 0;
 }

 /* Etilos dropdown Soluciones */
 li.dropdown-trigger ul.dropdown-content {
   margin-top: 2rem;
 }

 ul.dropdown-content li a {
   margin: 0rem;
   padding-left: 0.75rem;
   color: #00bcd4;/*#7e57c2;*/
 }

 ul.dropdown-content i.material-icons {
   margin-right: 1rem;
 }

 /* Tamanos del iconos de "MENU" (hamburgueza) cuando es responsive */
 header nav a.sidenav-trigger i {
   font-size: 5rem;
   margin: 3rem;
 }

/* Estilos de items de barra de navegacion resposive*/
 header nav .sidenav a {
   font-size: 2rem;
   margin: 1rem;
   padding: 0rem;
   color: #00bcd4; /*#7e57c2;*/
 }

 /* estilos de iconos de la barra de navegacion resposive */
 header nav .sidenav i.material-icons {
   font-size: 4rem;
   margin-right: 2.5rem;
   color: #00bcd4; /*#7e57c2;*/
 }


body div.row {
   margin: 0rem;
   padding: 0rem;
}

/* Software Inicio */
article.inicio {
   padding-top: 8rem;
   margin: 0rem;
   background-color: whitesmoke; 
}

article.inicio h2 {
   margin-top: 3rem;
   padding-bottom: 0rem;
   color: #1e88e5;
   position: center;
}

article.inicio div.card {
   margin: 0rem;
   padding: 0rem;
   background-color: whitesmoke; 
   box-shadow: none;
}

article.inicio h4 {
   color: grey;
   text-align: left;
}

article.inicio img.responsive-img {
   height: 30rem;
}

/* Industrias que Servimos */
article.servimos {
   margin-top: 2rem;
   padding-top: 2rem;
   padding-bottom: 2rem;
   background-color: #7e57c2;  /*00bcd4;/*#93d3cd;*/
}

article.servimos h3 {
   color: white;
   text-align: center;
   padding-bottom: 2.5rem;
}

article.servimos div {
   text-align: center;
}

article.servimos i {
   color: whitesmoke;
}

article.servimos h5 {
   color: white;
   text-align: center;
   font-weight: lighter;
   padding-bottom: 2.5rem;
}

/* Ventajas */
article.ventajas {
   background-color: whitesmoke;
   padding-bottom: 8rem;
}

article.ventajas h3 {
   color: #1e88e5;
   text-align: center;
   padding-top: 2.5rem;
   padding-bottom: 2.5rem;
}

article.ventajas h4 {
   text-align: center;
   color: grey;
}

article.ventajas div.card {
   margin-top: 2rem;
   margin-bottom: 2rem;
   padding-top: 2rem;
   padding-bottom: 2rem;
   font-size: 1.5rem;
   background-color: whitesmoke;
   box-shadow: none;
}

article.ventajas div.card-content {
   padding: 0.5rem;
}

article.ventajas p {
   color: grey;
}

article.ventajas i {
   color:  #1e88e5;
}

/* Desarrollo */
article.desarrollo {
   margin: 0rem;
   padding: 0rem;
   background-color: #1e88e5;
   height: flex;
}

article.desarrollo div.card {
   height: 20rem;
   background-color: #1e88e5;
   box-shadow: none;
}

article.desarrollo i {
   color: white;
}

article.desarrollo h4 {
   color: white;
}

/* Servicios */
article.servicios {
   background-color: white;
   padding-bottom: 5rem;
   margin: 4rem;
}

article.servicios h3 {
   color: #1e88e5;
   text-align: center;
   padding: 3rem;
   margin: 0rem;
}

article.servicios h5 {
   color: #1e88e5;
}

article.servicios div.card {
   box-shadow: none;
   border-radius: 1rem;
   background-color: white;
}

article.servicios i.large.material-icons {
   color: #1e88e5;
   height: 7rem;
}


/* Sinfo */
article.sinfo {
   background-color: whitesmoke;
   padding-top: 5rem;
   padding-bottom: 5rem;
}

article.sinfo h2 {
   text-align: center;
   color: #1e88e5;
}

article.sinfo p {
   text-align: justify;
   font-size: 1.5rem;
   color: #1e88e5;
}

article.sinfo i {
   text-align: left;
   font-size: 2rem;
   padding-right: 1rem;
   padding-bottom: 0rem;
   color: #1e88e5;  
}

article.sinfo ul {
   padding-bottom: 5rem;
}

article.sinfo li {
   text-align: left;
   font-size: 2rem;
   color: #1e88e5;
   padding-bottom: 0rem;
}

article.sinfo img {
   margin: 0rem;
   padding: 0rem;
}

article.sinfo div.col.s12.xl6.sinfo {
   padding-left: 12rem;
   padding-right: 8rem;
   padding-top: 3rem;
}


/* Contactanos */
article.contacto {
   margin: 0rem;
   padding: 0rem;
   background-color: #1e88e5;
   height: flex;
}

article.contacto div.card {
   height: 13rem;
   margin-bottom: 3rem;
   background-color: #1e88e5;
   box-shadow: none;
}

article.contacto div.card.contact {
   margin-top: 3rem;
   height: 8rem;
   background-color: whitesmoke;
   box-shadow: none;
   border-radius: 1rem;
}

article.contacto a i.material-icons.left {
   color: #1e88e5;
}

article.contacto div.center.card-content {
   font-size: 2rem;
   color: #1e88e5;
}

article.contacto h4 {
   color: white;
}

/* TECNOLOGIAS QUE USAMOS*/
article.tecnologias {
   height: flex;
   padding-top: 5rem;
   padding-bottom: 5rem;
   margin-top: 0rem;
   background-color: white;
}

/*Tecnologias title*/
article.tecnologias h3.center {
   margin-bottom: 4rem;
   color: grey ;
}

article.tecnologias h3.center:hover {
   color: #1e88e5;
}

article.tecnologias div.card {
   background-color: white;
   height: 12rem;
   width: 100%;
   box-shadow: none;
}

article.tecnologias img {
   object-position: center;
   filter: grayscale(100%);
}

article.tecnologias img:hover {
   filter: grayscale(0%);
}
/* FIN TECNOLOGIAS*/


/* FOOTER */
footer.page-footer {
   font-size: 40rem;
   margin: 0rem;
   padding-top: 7rem;
   font-size: 2rem;
   background-color: #546e7a;
}

 footer div.row {
    padding-bottom: 6rem;
 }

footer.page-footer li {
   font-size: 1.5rem;
   padding: 1rem;
}

footer.page-footer img.responsive-img {
   margin: 2rem;
   height: 10rem;
   width: 10rem;
}

footer div.footer-copyright {
   height: 6rem;
   font-size: 1.5rem;
}

i.material-icons.prefix {
   font-size: 3rem;
}