body {
          font-family: Arial, sans-serif;
          margin: 0;
          padding: 0;
          background-image: url(../img/fondoinicio1.jpg);
          background-repeat: no-repeat;
          background-size: cover;
    
      }

      header {

          color: black;
          padding: em;
          text-align: center;
          font-size: 25px;
          text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.4), 0px -1px 1px rgba(0, 0, 0, 0.6);
      }


      ul {
          list-style-type: none;
          text-align: right;
      }

      li {
          display: inline;
          font-size: 15px;
          margin-left: 15px
      }

      nav {
          background-color: black;
          padding: 0.45em;
          text-align: center;
      }

      nav a {
          color: white;
          font-weight: bold;
          font-size: 15px;
          text-decoration: none;
          padding: 1em 2em;
          margin: 0 0.2em;
          border-radius: 5px;
          background-color: black;

      }

      nav a:hover {
          background-color: gray;
      }


      nav img {
          float: left;
          margin-right: 10px;
          width: auto;
          height: 90px;

      }


      main {
          padding: 10px;
      }

      section {
          margin-bottom: 20px;
      }

      h4 {
          margin-top: 110px;
          margin-left: 210px;

      }


      .ex-parent {
          display: grid;
          grid-template-columns: repeat(5, 1fr);
          grid-template-rows: repeat(5, 1fr);
          grid-column-gap: 0px;
          grid-row-gap: 0px;
      }

      .ex-div1 {
          grid-area: 1 / 1 / 3 / 5;
      }

      .ex-parent img {
          max-width: 130px;
          height: 140px;
          border-radius: 8px;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          transition: transform 0.3s ease-in-out;
          margin-top: 110px;
          margin-left: 250px;
      }

      .ex-parent img:hover {
          transform: scale(1.1);
      }


footer {
    width: 100%;
    height: 90px;
    background-color: black;
    color: white;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.50px;
    position: sticky;
    text-align: center;
}

.ex-info-contacto {
    margin-bottom: 0;
}

.ex-info-contacto ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ex-info-contacto li {
    background-color: black;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.ex-info-contacto strong {
    font-weight: bold;
}

.ex-info-legal {
    margin-bottom: 0;
    background-color: black;
    
    
}

.ex-info-legal ul {
    list-style: none;
    padding: 0;
    margin: 0;
   
}

.ex-info-legal li {
    display: block;
    margin-bottom: 10px;
}

.ex-info-legal li a{
    text-decoration: none;
    color: white;
}
.ex-info-derechos-autor {
    font-size: 0.8rem;
}

.ex-info-accesibilidad {
    font-size: 0.6rem;
}