@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Karla&display=swap');


/* Tamaño (sm) ****************************************************************/
@media (max-width: 767px) {

  /* Párrafos */
  p{
    font-size: 100%;
    font-family: 'Roboto', sans-serif;
  }

  /* Títulos de secciones */
  .title{
    font-weight: bold;
    font-size: 1.5rem;
    font-family: 'Work Sans', sans-serif;
  }

  /* Presentaciones de las vistas */
  .presentation{
    height: 20rem;
  }

  /* Título principal de cada vista */
  .main-title{
    font-weight: bold;
    font-size: 3rem;
  }

  /* Subtítulo de cada vista */
  .subtitle{
    font-size: 85%;
  }

  /* Formulario de contacto */
  .main_form{
    background: var(--lightBlue);
    box-shadow: 0px 0px white, 0px 0px white;
    border-radius: 0;
    border: 0px solid white;
  }

  /* Texto de presentación de la compañía */
  .company-text{
    font-size: 1rem;
    font-weight: 600;
  }

  /* Imágenes de los casos de éxito */
  .case-image{
    height: 12rem;
  }

  /* Sub-enlaces */
  .more-info{
    font-size: 100%;
  }

  /* Política de privacidad */
  .privacy-policy{
    width: 95% !important;
  }

  /* Imagen del sensor */
  .img-sensor{
    width: 40%;
  }

  /* Imagen del dashboard en index */
  .img-dashboard{
    width: 100%;
  }

  /* Imágenes de los Macs de Reports y Space */
  .mac-size{
    width: 100% !important;
  }

  /* Imágenes de algunos productos de hardware */
  .hardware-size{
    width: 65% !important;
  }

}


/* Tamaño (md) ****************************************************************/
@media (min-width: 767px) {

  /* Párrafos */
  p{
    font-size: 100%;
    font-family: 'Roboto', sans-serif;
  }

  /* Títulos de secciones */
  .title{
      font-weight: bold;
      font-size: 2rem;
      font-family: 'Work Sans', sans-serif;
  }

  /* Presentaciones de las vistas */
  .presentation{
    height: 28rem;
  }

  /* Título principal de cada vista */
  .main-title{
    font-weight: bold;
    font-size: 4rem;
  }

  /* Subtítulo de cada vista */
  .subtitle{
    font-size: 95%;
  }

  /* Formulario de contacto */
  .main_form{
    background: var(--lightBlue);
    box-shadow: 0px 0px white, 0px 0px white;
    border-radius: 1rem;
    border: 0.3rem solid var(--darkBlue);
  }

  /* Texto de presentación de la compañía */
  .company-text{
    font-size: 1.5rem;
    font-weight: 600;
  }

  /* Imágenes de los casos de éxito */
  .case-image{
    height: 20rem;
  }

  /* Sub-enlaces */
  .more-info{
    font-size: 130%;
  }

  /* Política de privacidad */
  .privacy-policy{
    width: 80% !important;
  }

  /* Imagen del dashboard en index */
  .img-dashboard{
    width: 100%;
  }

}


/* Tamaño (lg) ****************************************************************/
@media (min-width: 992px) {

  /* Párrafos */
  p{
    font-size: 110%;
    font-family: 'Roboto', sans-serif;
  }

  /* Títulos de secciones */
  .title{
    font-weight: bold;
    font-size: 2.2rem;
    font-family: 'Work Sans', sans-serif;
  }

  /* Presentaciones de las vistas */
  .presentation{
    height: 35rem;
  }

  /* Título principal de cada vista */
  .main-title{
    font-weight: bold;
    font-size: 5rem;
    /* 4rem */
  }

  /* Subtítulo de cada vista */
  .subtitle{
    font-size: 110%;
  }

  /* Formulario de contacto */
  .main_form{
    border: 0.3rem solid var(--darkBlue);
    border-radius: 1rem;
  }

  /* Imágenes de los casos de éxito */
  .case-image{
    height: 100%;
  }

  /* Imágenes de la 3ª capa de hardware */
  .img-system-object{
    width: 50% !important;
  }

  /* Política de privacidad */
  .privacy-policy{
    width: 70% !important;
  }

  /* Imagen del dashboard en index */
  .img-dashboard{
    width: 80%;
  }

}


/* Tamaño (xl) ****************************************************************/
@media (min-width: 1200px) {

    /* Transición del navbar */
	.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
	.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	.navbar .dropdown-menu.fade-up{ top:180%;  }
	.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }

  .dropdown-menu{
    display: none;
  }

  /* Navbar submenús */
  .dropdown-menu{
    display: block !important;
  }

  /* Párrafos */
  p{
    /* 120% */
    font-size: 125%;
    letter-spacing: -0.5px;
    font-family: 'Roboto', sans-serif;
  }

  /* Títulos de secciones */
  .title{
      font-weight: bold;
      font-size: 2.6rem;
      font-family: 'Work Sans', sans-serif;
  }

  /* Subtítulo de cada vista */
  .subtitle{
    /* 150% */
    font-size: 160%;
  }

  /* Formulario de contacto */
  .main_form{
    border: 0.3rem solid var(--darkBlue);
    border-radius: 1rem;
    box-shadow: 1.5rem 1.5rem var(--blurDarkBlue), -1.5rem -1.5rem var(--blurDarkBlue);
  }

  /* Política de privacidad */
  .privacy-policy{
    width: 55% !important;
  }

  /* Imagen del dashboard en index */
  .img-dashboard{
    width: 75%;
  }

  .customer{
    height: 25rem !important;
  }

  /* Logo y elementos del navbar */
  /* .navbar div a img{
    width: 10rem !important;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
  }

  .navbar{
    display: flex;
    align-items: center;
    font-size: 1.2rem;
  } */



}