/* 
*containers cabecera:

container #1   - .section-header - bg-warning 
container #1-1 -  #myCarousel    - bg-info
container #2   - .carousel-inner - bg-danger
container #3-1 - .carousel-1     - bg-primary 
*/

@import url(https://fonts.googleapis.com/css?family=Khula:700);

/* ...............................contenedores maestros........ */
* {
  color: rgb(211, 203, 203);
  /* background: black; */
}

.navbar li{

  color: rgb(23, 13, 13);
}

body {
  margin: 0;
  padding: 0;
}

main {
  margin: 0;
  padding: 0;
  background: #faf9f8;
  /* border: solid; */
}

footer {
  background: #faf9f8;
  height: 20em;
}

/* **********************************inicio font-effect************************************ */

.hidden {
  opacity: 0;
}
.console-container {
  font-family: Khula;
  font-size: 6em;
  text-align: center;
  height: 200px;
  width: 1000px;
  display: block;
  position: absolute;
  color: white;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.console-underscore {
  display: inline-block;
  position: relative;
  top: -0.14em;
  left: 10px;
  color: white;
}

/* **********************************fin font-effect************************************* */

/* ......................... .....contenedores alumnos........ */

/* img de cabecera */
#imgSoftware {
  /* border: solid black; */

  /* border-radius: 0em 0em 8em 0em; */
  min-height: 35rem;
  max-height: 100%;

  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
  /* max-width: 100%; */
  width: auto;
}

.cont-img-cabecera img {
  /* border-radius: 0 0 20em 0; */
}

.carousel h2 {
  color: #d8d8d8;
}
.carousel p {
  color: #d8d8d8;
}

/* ................................navbar..................... */

nav {
  display: block;
}

.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

#navbarCollapse {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 105%;
  /* border: solid; */
}

#navbarCollapse .dropdown:hover {
  transform: scale(none);
  transition: 0;
}

#navbarCollapse li a:hover {
  transform: scale(1.05);
  /* border: solid; */
  border-radius: 0.5em;
  width: auto;
  background-color: rgba(80, 80, 196, 0.76);
  transition: 0.4s;
  margin: auto;
}

/* ................................main...................... */

/* ....................... SECTION #1 ................... */

article {
  /* border: rgb(10, 10, 10) 2px solid; */

  height: 20rem;
}

.cont-espacio-3 {
  /* background: black; */
  padding-top: 5%;
}

.card {
  background: #dae2b6;
}

.card-1 {
  margin-bottom: 20%;
}

.cards label {
  text-decoration: none;
  /* border: none; */
}

/* ********************************* START IZQ ********************************* START  EXECUTE NOW */
/* CONTENEDOR PRINCIPAL LATERAL IZQ **** *** **** *** **** *** ****/
.article-start {
  height: 10rem;
}

/* CONTENEDOR PRINCIPAL LATERAL IZQ **** *** **** *** **** *** ****/

.article-start .featurette {
  /* background: grey; */
  /* border: 3px rgb(74, 72, 72) solid; */

  height: 100%;
}

/* _________________all img init 📸__________________ */
.article-start .featurette .img-article-start {
  height: 80%;
}

/* _________________all img end 📷____________S______ */

/* ********************************* START IZQ ********************************* START  EXECUTE NOW */

/* CONTENEDOR PRINCIPAL CENTRAL **** *** **** *** **** *** ****/
.article-center {
  height: 25rem;
}

/* CONTENEDOR PRINCIPAL CENTRAL **** *** **** *** **** *** ****/

.article-center .featurette {
  /* background: grey; */
  /* border: 3px rgb(74, 72, 72) solid; */
  min-height: 100%;
  /*con esta line-code, adapto el contenedor, al contenedor padre*/
  /* max-height: 100%; */
  width: 100%;
}

/* _________________all img init 📸__________________ */

/* fondo central, container de fondo, de galeria */
.img-article-center-1 {
  /* background: rgb(230, 116, 9); */
  height: 00px;
  width: auto;
}
.article-center .featurette .img-article-center-1 {
  /* background: rgb(230, 116, 9); */
  width: 100%;
  max-width: auto;
}

/* _________________all img end 📷__________________ */

/* article END #3 ********************END************************************************************ END    - EXECUTE NOW ON   */

/* CONTENEDOR PRINCIPAL LATERAL IZQ **** *** **** *** **** *** ****/
.article-end {
  /* border: orange solid 2px; */
  /* background: rgba(97, 97, 218, 0.931); */

  height: 10rem;
}

/* CONTENEDOR PRINCIPAL LATERAL IZQ **** *** **** *** **** *** ****/

.article-end .featurette {
  /* background: grey; */
  /* border: 3px rgb(74, 72, 72) solid; */

  height: 100%;
}

/* _________________all img init 📸__________________ */
.article-end .featurette .img-article-end {
  /* background: red; */
  /* border: gray solid; */

  height: 80%;
}

/* _________________all img end 📷____________S______ */

/* article END #3 ********************END************************************************************ END    - EXECUTE NOW OFF  */

/* ....................... SECTION #2 ................... */
.cont-section-main,
.cont-section-main-3 {

  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;

  height: 610px;
  width: 100%;
}

.cont-section-main-2 {
  height: 610px;
  width: 100%;

  margin-bottom: 10em;
}

.section-main-2 {
  /* background: blue; */

  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;

  /* height: auto;
  width: 100%; */
}

.article-start-2 {
  /* background: red; */

  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
}

.card {
  background: #d8d8d8;
}

.cards.lorem {
  font-size: 1px;
}

/* .........................cierre main...................... */

/* .............................. footer..................... */

.subcont-footer-start {
  /* border: black 1px solid; */
  height: 13em;
}

.subcont-footer-center {
  /* border: black 1px solid; */
  height: 13em;
}

.subcont-footer-end {
  /* border: black 1px solid; */
  height: 4em;
}

.subcont-footer-logo {
  /* border: black 1px solid; */
  height: 13em;
}

h5 {
  background: #f8f5f5;
  border-radius: 0.5em;
}

/* ------------------portafolio de aplicaciones------------------------- */

#portafilio_aplicaciones img:hover {
  transform: scale(1.1);
  transition: 0.5s;
}

#portafilio_aplicaciones {
  text-align: center;
}

#portafilio_aplicaciones h2 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 3%;
}

#portafilio_aplicaciones p {
  font-size: 12px;
}

/* ------------------Contenedor Google Maps------------------------- */

.cont-googlemap {
  /* border: solid black 3px; */
  border-radius: 5%;
  border: #d8d8d8 solid 1px;
  margin-left: 3%;

  text-align: center;
  align-items: center;
  justify-content: center;
}

.cont-googlemap iframe {
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 3%;
}

/* ------------ new corousel ----------------------------------- */