*{
    box-sizing:border-box;
    /*background: grey;*/
}

.contenedora {
    width: min (calc(100%-2rem));
    margin-inline: auto;
}

      body{
            font-family: Arial, Helvetica, sans-serif;
            background-color: whitesmoke;
          margin: 0;
          color: hsl(0 0% 25%);
          
      }

h1,h2,h3,h4{
    color: hsl(0 0% 10%);
}




     
        footer{

    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100px;
    padding-inline: 1rem;
    text-align: left;

        }

        img{
            max-width: 100%;
        }

        a {
            text-decoration: none;
            color: hsl(210 92% 36%);
            font-weight: bold;

        }

        a:hover,a:focus-visible {
             color: hsl(210 92% 15%);
        }

        ul,
        ol {
            list-style: none;
            padding: 0;
        
        }
        .contenedora {
            width: min( 75rem, calc(100% - 2rem) );
            margin-inline: auto;
        }

        figure {
            margin: 0;
        }

        header, footer {
             background-color: hsl(210, 32%, 39%);
             color: whitesmoke;
             padding-block: 1rem;
        }

        header {
            box-shadow: 0 4px 4px hsl(0 0% 0% / 25%);
        }

        #logo img {
            background-color: hsl(38 100% 95%);
            padding: .5rem;
           /* border:  solid 4px hsla(147, 47%, 55%, 0.75);*/
            border-radius: .5rem;
        }

header nav ul {
    margin-block: 0;
}

header nav a {
    background-color: hsl(0 0% 100% / 85%);
    color: hsl(210 92% 36%);
    display:block;
    width: fit-content;
    padding-block:.5rem;
  padding-inline: 1rem;
  border-radius: .25rem;
}

header nav a:hover,
header nav a:focus-visible{
    background-color: hsl(0 0% 100%);
}

/*el main*/

/*todas las secciones*/
section {
    padding-block: 2rem;
}


/*titulos de secciones*/
section h1,
section h2 {
    border-block-end: 4px solid hsla(147, 47%, 55%, 0.75);
    background-color: hsla(147, 47%, 55%, 0.158);
    padding: 1rem;
}

.perfil_textos h3 {
     margin-block-start: 0;
}

.perfil_textos,
.academicos a {
background-color: hsl(280 29% 44% / .15);
  border-radius: .25rem;
  color: hsla(147, 76%, 31%, 0.75);
  padding-block: .25em;
  padding-inline: 1em .75em;
}

/* imagenes seccion academicos*/

.academicos img {
    display: block;
    width: 8em;
  aspect-ratio: 1;
  object-fit: contain;
  background-color: white;
  padding: .5rem;
  border-radius: .25rem;
  box-shadow: 0 4px 4px transparent;
}


footer p {
    margin-block:0;

}

body {
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr auto;

}

header .contenedora {
    display:flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1em;
}

header nav ul {
    display:flex;
    gap: 0.5em;
}