*{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 0;}

body{
   font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
   text-align: left;
   color: hsl(0, 0%, 0%);
   background-color: hsl(41, 51%, 89%);
   min-height: 100dvh;
   display: grid;
   grid-template-rows: auto 1fr;
   align-content: center;}

header{
   display: flex;
   background-color: #be2a2a;
   color: hsl(0, 0%, 100%);
   padding: 1rem;
   text-align: left;
   justify-content: space-between;
   align-items: center;}

.logo{
   display: flex;
   align-items: center;}

.logo>img {
   height: 5rem;
   margin-right: 2rem;}

.logomuseo {
   height: 5rem;
   margin-right: 2rem;}
.poster p{
   max-width: 100%;
   display: inline-block;
   padding: 15px;
   align-items: center;
   margin: 0%;}

   .cajas-equipo {display: flex;
      justify-content: space-around;
      flex-direction: row;}

   .caja1 {
      color: rgb(0, 0, 0);
      box-sizing: border-box;
      font-family: 'Arimo', sans-serif;
      background-color: rgb(130, 206, 206);
      border-radius: 10px;
      padding: 25px;
      margin: 10px 10px;
      float: left;
      width: 300px;
      height: 300px;
      display: inline;
      text-align: center;
      justify-content: center;}

   .caja1>img {
      text-decoration: none;
      font-size: 1.3em;
      background-color: transparent;
      color: aliceblue;
      place-items: center;
      text-align: center;
      width: 7em;
      aspect-ratio: 1;
      border-radius: 50%;}

   .caja2 {
      color: rgb(0, 0, 0);
      box-sizing: border-box;
      font-family: 'Arimo', sans-serif;
      background-color: rgb(130, 206, 206);
      border-radius: 10px;
      padding: 25px;
      margin: 10px 10px;
      float: left;
      width: 300px;
      text-align: center;
      height: 300px;
      display: inline;
      justify-content: center;
      margin-bottom: 55px;}
      
      .caja2>img {
         text-decoration: none;
         font-size: 1.3em;
         background-color: transparent;
         color: aliceblue;
         place-items: center;
         text-align: center;
         width: 7em;
         aspect-ratio: 1;
         border-radius: 50%;}

footer {background-color: #2ca07d;
   max-width: 100%;
   display: inline-block;
   padding: 15px;
   align-items: center;
   color:hsl(0, 0%, 100%);
   margin: 0%;}
 
   .textofooter p { 
     font-size: 90%;
     text-align: center;
     display: block;}
 
   .loguitos{
     display: flex;
     justify-content: space-around;
     flex-direction: row;}
 
   .logoacumar img {
     max-width: 6rem;
     margin-top: 12px;}
   
   .logomuseo img {
     max-width: 6rem;}
 
   .logouba img {
     max-width: 12.5rem;
     margin-top: 4px;}
 
   .logofadu img {
     max-width: 10rem;
     margin-top: 12px;}

.poster img{
   width: 100%;
   height: 100%;
   overflow: hidden;}

ul {list-style: none;}
 
header .menu {display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   gap: 1rem;
   margin-top: 1rem;
   margin-bottom: 1rem;
   border-radius: 0.5em;
   flex-direction: row;}

.menu a{
   text-decoration: none;
   color: hsl(0, 0%, 100%)}