:root {
  --dark-color: #212529;
  --black-color: #000000;
  --lightgray-color: #dddddd;
  --main-color: #5285c5;
  --orange-color: #f38d3a;
  --white-color: #ffffff;
}

*{
    font: 2.5vmin 'Century Gothic', Helvetica, Arial, sans-serif;
  }
  
  body {
    background-color: var(--white-color);
    color: var(--main-color);
    margin: 0;
  }
  
  a {
    color: var(--main-color);
    text-decoration: none;
  }
  h1 {
    font-weight: normal;
  }
  h4 {
    font-weight: normal;
    margin-block-start: 0;
    margin-block-end: 0;
    line-height: 0;
  }
  hr {
    margin: 1.5rem 0;
    opacity: 0.5;
  }
  
  /*************************** HEADER **************************/
  #header{							/***** Contenedor div del header *****/
      background-color: var(--dark-color);
      width:100%;
      height: 10vmin;
  }

  .slogan {
    margin-left: auto;
    margin-right: auto;
  }
  
  #header img{								          /***** Logo header *****/
    width: 6vmin;
  }
  #header h1 {							        /***** Titulo header *****/
    margin-top: 1.5vmin;
    font-size: 3vmin;
    color: white;
  }

  /*************************** MENU NAV **************************/
   #menu {
    position: absolute;
    text-align: center;
    display: flex;
    top: 2vmin;
    right: 2vmin;
  }
   
  
  /*************************** BODY **************************/ 
  #contenido{
    text-align: center;
    margin: 0 2.5rem;
  }
  #contenido div{
    display: block;
    float: left;
    width: 100%;
  }
  #contenido table{
    font-size: inherit;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border-collapse: collapse;
    border-color: #dee2e6;
  }
  #contenido table th{
    background-color: var(--main-color);
    color: var(--white-color);
    font-size: 2vmin;
    font-weight: normal;
    padding: 1vmin 0 1vmin 0;
    border-bottom: 1.5px solid var(--black-color);
  }
  #contenido table td{
    padding: 1vmin 0 1vmin 0;
    color: var(--dark-color);
  }
  #contenido table tr:nth-child(even){background-color: rgba(0,0,0,0.05);}
  #contenido table tr:nth-child(odd){background-color: rgba(0,0,0,0);}
  #grupoFrutas{
     margin-left: 0!important;
  }
  #tablaDatos, #tablaDatos tr{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid white;
  }
  #tablaDatos th{
    border: 1px inset white;
    padding: 0 0.5vmin 0 0.5vmin;
  }
  #tablaDatos tr, #tablaDatos td{
    border: 1px inset white;
    padding: 0 0.5vmin 0 0.5vmin;
  }
  
  input[type=submit]{
    color: var(--main-color);
    background-color: transparent;
    padding: 1.5vmin 0 1.5vmin 0;
    border-radius: 100vmax;
    font-size: inherit;
    width: 7vmin;
    cursor: pointer;
  }
  
 
   /*************************** FOOTER **************************/
   #piepagina{
    text-align: center;
    font-size: 3vmin;
    margin: 0 2.5rem;
  }