@charset "utf-8";

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

ol, ul 
{list-style: none;}

.contenedora { 
    max-width: 100%;
    margin-inline: auto;
    padding: 1rem;}

/* TODAS las secciones */
section {
    padding-bottom: 2rem;
  }

a 
{text-decoration: none;
color:black;
font-family:Arial, Helvetica, sans-serif;}




/* BODY */
body 
{background-color:black;
display: flex;
flex-direction: column;
justify-content: space-between;
  }

       
  
/* header */
header 
{   background-color: #D34E24;
    text-align: center;
    padding: 1em; }

header div img 
{ max-width: 100%;
height: auto;}

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

header 
{   background-color: #D34E24;
    text-align: center;
    padding: 1em; }

#logo 
{   padding: .3em;
    width: 9em;
    margin: auto;
    display: block; }

#logo img 
{display: block;
background-color: #F7F052;
max-width: 100%;}

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

header ul li 
{margin: .5em;}

header ul li a 
{background-color:black;
display: grid;
place-items: center;
padding: .2em;
color:antiquewhite;
border-radius: 0.5em}

header ul li a:hover 
{background-color: #F7F052;
color: rgb(6, 57, 57);}

.home{background-color: #F7F052;
    color:black;}
/*main*/

.alumno img
{   width: 17.1em;
    border-radius: 0.5em;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    clip-path: circle();

    }
    
.textolucho{    
    background-color: #D34E24;
    max-width: max-content;
    display: grid;
    place-items: center;
    border-radius: 0.5em;
    margin-left: auto;
    margin-right: auto;
    padding: .5em;
    margin-block-start: 0.5em;
   }

article {margin: 2em;
padding: 2em;
background-color:#F28123;
font-family:Arial, Helvetica, sans-serif;
border-radius: 0.5em;}

.boton1 {
    padding-bottom: 2rem;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-block-end: 0.5em;
}

h1 {color:black;
background-color:#F7F052;
display: grid;
padding: 0.2em;
justify-content: space-around;
place-items: center;
width: 13em;
max-width: max-content;
margin-left: auto;
margin-right: auto;
margin-block-start: 0.5em;
margin-block-end: 0.5em;}

.carrera h3
{background-color:#F7F052;
    display: grid;
    place-items: center;
    width: 13em;
    border-radius: 0.5em;
    margin:0%;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;}

h2 
{color: #F7F052;
margin: 0 0 1em 0;
background-color: #F28123;
display: blocK;
padding: .3em;
width: 11em;
border-radius: 0.5em;}

article section 
{margin: .5em 0 0 0;
    border-radius: 0.5em;}

/*EQUIPO*/

h3 {
    color: black;
    background-color: #F7F052;
    display: grid;
    padding: 0.2em;
    justify-content: space-around;
    place-items: center;
    width: 9em;
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
}
.fotos img
    {   width: 12em;
        border-radius: 0.5em;
        display: flex;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        clip-path: circle();
        margin-block-end: 0.5em; }

.boton3{    
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: max-content;
    display: grid;
    place-items: center;
    border-radius: 0.5em;
    margin-left: auto;
    margin-right: auto;
    padding: .2em;
    margin-block-start: 0.5em;
    margin-block-end:0.5em}
.boton3 a {
        background-color:black;
    display: grid;
    place-items: center;
    padding: 0.2em;
    color: antiquewhite;
    border-radius: 0.5em;
    margin-block-end: 0.5em;}
    .boton3 a:hover{
    background-color: #F7F052;
    color: rgb(6, 57, 57);}

.boton4{   
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: max-content;
    display: grid;
    place-items: center;
    border-radius: 0.5em;
    margin-left: auto;
    margin-right: auto;
    padding: .2em;
    margin-block-start: 0.5em;
    margin-block-end:0.5em ;}
    .boton4 a {
        background-color:black;
    display: grid;
    place-items: center;
    padding: 0.2em;
    color: antiquewhite;
    border-radius: 0.5em;
    margin-block-end: 0.5em;}
    .boton4 a:hover{
        background-color: #F7F052;
        color: rgb(6, 57, 57);}

    .fotos{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        vertical-align: text-bottom;
    }

    .foto-cin{border-image: 30px solid #F7F052;}

/*ACADEMICOS*/ 
.comitente,
.academicos {
    background-color:#F28123;
    }

    .academicos h2 
    {background-color: #F28123;
    display: blocK;
    padding: .2em;
    width: 10em; 
    border-radius: 0.5em;}

.academicos{ display: grid;
    grid-template-columns: repeat(3, 1fr);
    background-color: #F28123;
}

.datosUBA div img{max-width: 100%;}
.datosFADU div img{max-width: 100%;}
.datosDGPC div img {max-width: 100%;}


/* footer */

footer 
{padding: 1em;
background-color:beige;
color:black;}

/*materias.html*/
article {margin: 2em;
    padding: 2em;
    background-color:#F28123;
    font-family:Arial, Helvetica, sans-serif;
    border-radius: 0.5em;}
    
    .carrera h3
{background-color:#F7F052;
    display: grid;
    place-items: center;
    width: 13em;
    border-radius: 0.5em;
    margin:0%;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;}

    .boton1{
        width: 17.1em;
        border-radius: 0.5em;
        display: flex;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }

    .materias a:hover 
{background-color: #F7F052;
color: rgb(6, 57, 57);}

.boton1{
background-color:black;
    display: grid;
    place-items: center;
    padding: 0.2em;
    color: antiquewhite;
    border-radius: 0.5em;}
    
    /*portafolio.html*/
    .boton2{
        width: 17.1em;
        border-radius: 0.5em;
        display: flex;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;}


.boton2{
background-color:black;
    display: grid;
    place-items: center;
    padding: 0.2em;
    color: antiquewhite;
    border-radius: 0.5em;
    margin-block-end: 0.5em;}

    header .contenedorab
    {   max-width: 100%;
        margin-inline: auto;
        padding: 2rem;
        display:flex;
        justify-content: space-between;
        align-items: center;
        align-content: flex-end;
        flex-wrap: nowrap;
        flex-direction:row-reverse;
        gap: 1em; }