/* ________________REGLAS GENERALES________________ */
* {
    margin: 0;
    padding: 0;
    border: 0;
    font-family:'Georgia'; 
    font-size: 100%;
    list-style: none;
    box-sizing:border-box;
    text-decoration: none;
    
  }
  
  img {
    max-width: 100%;
    height: auto;
    background-color: rgb(213, 192, 248);
    margin: 1px;
  }
  
  
  /*********
  MOBILE FIRST
  *********/

  header{
    
      background-size:cover; 
      max-width: 100%;
      height: auto;
      justify-content: space-between;
      align-items:center;
      background-color: rgb(213, 192, 248);
      
    }
  /* #image1.jpg { 
     background: url(image1.jpg)no-repeat center center;
     max-width: 60%;
     background-image: url(image1.jpg);

    } */

  #logo {
      padding: 1em;
      width: 10em;
    }
  /*--------------  Barra de Navegación ----------------*/
 
  .menu ul {
    padding: 0;
    margin-top: 0px;

  }
  .menu li {
      display: inline-block;
      flex-direction: row;
      font-weight: 500; 
      font-size: 16px;
      justify-content: center;
      text-decoration: none;
      
    }
    header nav ul a:hover {
      background-color: thistle;
    }
      
    
  /*------texto menu------*/

  h1{ 
      padding-bottom: 1em;
      margin: 3px; 
      font-size: 16px;
      font-weight: 200;
      text-decoration: none;
      color: #fff;
      background-color: rgb(134, 79, 170);
    }

    h3{ 
      padding: 1em;
      margin: 3px; 
      font-size: 18px;
      font-weight: 200;
      text-decoration: none;
      color: black;
      background-image: url(image1.jpg);
    }
    

/*------subtitulos------*/
    h2{ 
      padding-bottom: 1em;
      padding: 0,5em;
      margin: 0px; 
      font-size: 18px;
      font-weight: 400;
      color: rgb(213, 192, 248);
      background-color: rgb(134, 79, 170);
      border-bottom: .2rem solid rgb(63, 10, 99);
      border-top: .2rem solid rgb(63, 10, 99);
    }
  
/*------texto presentacion------*/
  p {
      padding-bottom: 1em;
      margin: 3px; 
      font-size: 12px;
      font-weight: 400;
      color: #030303;
      
      
    }
/*------texto footer------*/
    p1 {
      padding-bottom: 1em;
      margin: 3px; 
      font-size: 12px;
      font-weight: 400;
      color: #ffffff;
      background-color: none;
    }
  
  
/*-------------- VM13----------------*/

  
  .datos-academicos h3 { 
      font-weight: 100; 
      font-size: 1.2em;
      margin-top: 1.8em;
      line-height: 2em;
    }
  
  .datos-academicos li { 
      font-weight: 80; 
      font-size: 0.3em
    }
  

  
    footer { 
      background-color: rgb(63, 10, 99);
      color: #ffffff;
      font-weight: 200; 
      font-size: 0,5em; 
      text-align: center;
      background-color: none;
     
    }
  
  

  /*--------------  Para Escritorio ----------------*/
  
  @media(min-width:800px) {
      
  /*--------------  Header para todas las paginas ----------------*/   

   header {
      height: auto;
    } 
      
   .contenedora {
      padding: .3em;
      margin:2em;
      max-height: 2em;
      max-width:100%;
      margin: 1em;
      padding: 1em;
    } 
  
   #logo {
    max-height: 10em;
    margin-bottom: 1em;
    margin-top: 1em;

    } 
      
  nav ul li a {
      font-size: 16px;
    }
      
     /*--------------  Footer para todas las paginas ----------------*/ 
  footer {
      font-size: .8em;
      padding:2em; 
    }
      
      
     /*--------------  Body ----------------*/

  body {
      text-align: center;
    }
      
     /*--------------  Main ----------------*/ 
      
   main {
      display:inline;
      
    }
      

    
 
  
  /*--------------  Seccion 4----------------*/

  .datos-academicos {
      margin-top:5em;
    }
  
  .datos-academicos h2 {
      margin-bottom: 2em;
      font-size: 1.8em;
    }
  
  .datos-academicos h3 {
      font-size: 1.6em;
      margin-top: 3em;
    }
      
  .datos-academicos h4 {
      font-size: 1.4em;
    }
  
  .datos-academicos li { 
      font-weight: 100; 
      font-size: 1em
    }
  
  .datos-academicos img {
      width: 20em;
      margin-bottom: -.5em;
    } 
  
  }
    
