/*
.color1 { #ae32c3 };
.color2 { #b26ce4 };
.color3 { #5b1678 };
.color4 { #594cab };
.color5 { #551781 };
*/

* {
    box-sizing: border-box;
    }

    .cuerpo{
        background-color: #1d1c1d;
color: white;
/*font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
*/
font-family: helvetica;
margin:0;    
}

/* Header*/
.encabezado{
   /* background-color: rgb(69, 1, 96);
    linear-gradient()*/
    background: linear-gradient(#541d7b, #1d1c1d);
margin:0;
  /* ancho máximo 1040px */
  

  /* centrado horizontal (si sobra espacio,
    lo distribuye a izquierda y derecha) */
  margin-inline: auto;

  /* espacio entre el borde del elemento y su contenido
  para que estos no queden "pegados" a los bordes */
  padding: 1rem;

}
@media screen and (max-width: 300px){
header .encabezado{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}
}
h1{
    color: rgb(166, 84, 224);
    text-align: center;
    font-size: 35px;
    text-shadow: #e9e9e9 90% ;
   
}



#logo{
   /*background-color: #e8e8e8;*/
    border-radius: 5%;
    padding: 5px;
    font-size: 3rem;
    color:#e9e9e9;
    text-decoration: none;
    

    
}



 #logo:hover{
    color: #b26ce4;
   
 }




.menu_general{
   display: flex;
   flex-direction: row;
justify-content: end;
gap: 3%;
   /*background-color: blue;*/
   
  
}

.menu_general li a{
   /* background-color: #b26ce4;*/
   font-size: 1.5rem;
   text-decoration: none;
    color:#f4f4f4;
    border: solid 3px hsl(0 0% 95%);
    padding: 4px;
       /* ancho igual para todos */
       width: 5em;
       /* "relleno" arriba y abajo */
       padding-block: .25em;
       /* border redondeado */
       border-radius: 0.25em;
       box-shadow: 0 0 50px rgb(28, 4, 29);
 

}
.menu_general li {
    list-style: none;
   

}
.menu_general li a:hover {
    /* se invierten los colores de fondo y borde */
   
    border:  solid 4px  #b26ce4;
    color: #b26ce4;

}


/*FIN HEADER/

/*SECCION MENU PERSONAL*/
@media screen and (max-width: 460px){
    .menu_personal{
       display: flexbox;
      line-height: 2rem; 
    align-content: center;
     text-align: center;
        gap: 2rem;
 
  
    }
}


.menu_personal a{
    text-decoration: none;
    color:#3d0354;
   /* border: solid 3px hsl(0 0% 95%);*/
    padding: 4px;
  
    background-color: #ff76fa;
    border: none;
    outline: none;
    /* ancho */
    width: 5rem;
    /* proporcion ancho/alto */
    aspect-ratio: 1;
    /* círculo */
  
    /* cursor transformado en mano */
    cursor: pointer;
    
    /* ancho igual para todos */
    width: 5em;
    /* "relleno" arriba y abajo */
    padding-block: .25em;
    /* border redondeado */
    border-radius: 0.25em;

    box-shadow: 0 5 10px rgb(23, 23, 23);
    font-weight: 700;
    gap: 3rem; 
  text-align: center;
  justify-content:space-around;

  
}
.menu_personal a:hover{
    color:  #f60eee;
    background-color: #630a81;
}





.contenedor_personal{
    background: linear-gradient( #1d1c1d,#541d7b, #1d1c1d);
    margin-top: 5%;
    display: grid;
    justify-items: center;



}
.contenedor_personal h2{
    text-align:center;
    color: #dc6cf3;
}
.contenedor_personal p{
    display: block;
    margin-block-start: 0.5em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    color: #dc6cf3;
    margin-left: 8%;
    margin-right: 7%;

    
}

#fotoA{
    border-radius: 10em 10em 10em 10em;
    box-shadow: 0 0 50px rgb(28, 4, 29);
    margin-bottom: 2rem;
    margin-top: 2rem;
    
}

/*SECCION HISTORIAL ACADEMICO*/
@media screen and (max-width: 460px){
.historial_aca{
    background-color: #1d1c1d;
}
}
.historial_aca h2{
    color:  #d310ca;
    text-align: center;
    font-size: 25px;
    
}

.historial_contenedor{
margin-top: 5%;  
background: linear-gradient( #1d1c1d,#541d7b, #1d1c1d);
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr));
gap: 1rem;
   
}
.historial_contenedor h2{
    text-align: center;
    font-size: 35px;
}

.cada_anio{
    display: flexbox;
    gap: 1em;
    border: solid 3px hsl(307, 67%, 36%);
    padding: 4px;
       /* ancho igual para todos */
   
       /* "relleno" arriba y abajo */
       padding-block: .25em;
       /* border redondeado */
       border-radius: 0.25em;
       box-shadow: 0 0 50px rgb(0, 0, 0);
    
}
.cada_anio h3{
    text-align: center;
    color: #e8e8e8;
}
.cada_anio ul li {
    list-style: none;
}

/*SECCION EQUIPO*/
.seccion_equipo{
    background: linear-gradient( #1d1c1d,#541d7b, #1d1c1d);
    margin-bottom:3rem;
    margin-top: 3rem;
    
}
@media screen and (max-width: 460px){
.seccion_equipo h2{
    text-align: center;
    color: #b153f4;
    
}
}
.individual_contenedor article {
    /* color de fondo */
    background-color: hsla(277, 81%, 25%, 0.15);
    /* distancia vertical entre los integrantes */
    margin-block: .5em;
    /* "relleno" (distancia entre contenido y borde) */
    padding: 1em;
    /* borde redondeado */
    border-radius: .25em;
    }
    
   
    #fotoE{
     
        width: 8em;
        aspect-ratio: 1;
        /* borde violeta */
        border: solid .4em  hsl(287, 88%, 45%);
        /* imagen redonda */
        border-radius: 50%;
        /* sombra interna y externa */
        box-shadow:
            0 4px 2px hsl(0 0% 0% / 20%),
            0 4px 2px hsl(0 0% 0% / 20%) inset;
        
    }

    
    
    /* nombre de integrante del equipo */
    .equipo_texto  h3 {
    /* más adelante eliminaremos el espacio superior predeterminado
    para que se alinee con la imagen */
    margin-block-start: 0;
    
    
    }
    .equipo_texto a{
        text-decoration: none;
    }
    /* ví­nculo "rótulo individual" */
    .equipo_texto a {
    background-color:hsla(293, 97%, 87%, 0.15);
    border-radius: .25rem;
    color:  hsl(280, 6%, 91%);
    padding-block: .25em;
    padding-inline: 1em;
    font-weight: 500;
    
    }
    
    /* cuando el cursor está sobre el ví­nculo "rótulo individual" o cuando se selecciona con el teclado */
    .equipo_texto a:hover,
    .equipo_texto a:focus-visible {
        color: hsl(44, 39%, 89%);
        background-color:  hsl(290, 79%, 72%);
        outline: none;
    }

    .equipo_articulos{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr));
        gap: 1rem;
    }
    
    .equipo_articulos article {
        display: flex;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .equipo_texto {
        align-self: stretch;
        display: grid;
        grid-template-rows: auto 1fr;
        gap: 1.25rem;
    }
    
    .equipo_textos > * {
        margin-block: 0;
       
    }
    
    .equipo_textos a {
     margin-inline-start: auto;
    }
    .individual_contenedor{
        border: 5px solid rgb(143, 9, 163);
        border-radius: 1.50%;
        width: 405px;
        margin: 10%;
        padding: 10%;
        box-shadow: 0 0 50px rgb(28, 4, 29);
    }

    /*DATOS ACADEMICOS*/
.seccion_data_aca{
    background: linear-gradient( #1d1c1d,#541d7b, #1d1c1d);
}
    .uba{
        
        display: box;
        border-radius: 1.50%;
        width: 400px;
        margin: 5%;
        padding: 5%;
        box-shadow: 0 0 50px rgb(28, 4, 29);
        text-align: left;
    }
.uba img{
    display: block;
    width: 8em;
    aspect-ratio: 1;
    background-color: white;
    padding: .5rem;
    border-radius: .25rem;
    box-shadow: -7px 7px 7px rgb(136, 4, 148);
    transition: box-shadow .8s ease;
}

.uba a:hover img {
    box-shadow: 0 4px 4px hsl(0 0% 0% / 20%);
    transition: box-shadow 1s ease;
    }
.seccion_data_aca h3{
    margin-left: 5%;
    color: #bb25e0;
}
.uba ul li {
    list-style: none;
}

/* footer*/
.pie {
    background: linear-gradient( #1d1c1d,#541d7b);
    margin-top: 5px;
    font-family:Verdana, Geneva, Tahoma, bold;
    font-weight: 300;
   
}
.pie p{
    text-align: center;
    margin: 2%;
    font-size: small;
   
    padding: 1rem;
    margin-inline: auto;
    
}

/*SECCION PORTFOLIO*/
.material{
    margin:0;
  
  
    /* centrado horizontal (si sobra espacio,
      lo distribuye a izquierda y derecha) */
    margin-inline: auto;
  
    /* espacio entre el borde del elemento y su contenido
    para que estos no queden "pegados" a los bordes */
    padding: 1rem;
  
    background: linear-gradient( #1d1c1d,#4a2366, #1d1c1d,#431762,#49186b,#1d1c1d);
}


@media screen and (max-width: 200px){
.proyectos_contenedora{
    display: grid;
gap: 2rem;
justify-content: space-between;



}
}

.a{
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;
padding-block: .25em;
       /* border redondeado */
       border-radius: 0.25em;
       box-shadow: 0 0 50px rgb(20, 19, 20);
       text-align: center;
       padding: 8%;
    


}
.b{
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    border-radius: 0.25em;
       box-shadow: 0 0 50px rgb(20, 19, 20);
       text-align: center;
       padding: 8%;
    }
.c{
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 2;
    grid-row-end: 2;
    border-radius: 0.25em;
       box-shadow: 0 0 50px rgb(20, 19, 20);
       text-align: center;
       padding: 8%;
    }

.d{
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    border-radius: 0.25em;
    box-shadow: 0 0 50px rgb(20, 19, 20);   
    text-align: center; 
    padding: 8%;
}

.e{
      grid-column-start: 1;
      grid-column-end: 1;
      grid-row-start: 3;
      grid-row-end: 4;
      border-radius: 0.25em;
       box-shadow: 0 0 50px rgb(20, 19, 20);
       text-align: center;
       padding: 8%;
        }
  .f{
     grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
    border-radius: 0.25em;
       box-shadow: 0 0 50px rgb(20, 19, 20);
       text-align: center;
    padding: 8%;
      }

    .proyectos_contenedora > iframe{
        aspect-ratio: 16/9;
    }

    .proyectos_contenedora p{
        justify-content: center;
        margin-left: 5px;
        color: #e2c1f5;
    }
    .proyectos_contenedora h3{
        color: #e23dff;
        text-align: center;
    }
    .a p{
        text-align: center;
    }
   /*PROPUESTA INDIVIDUAL*/
  /*@media screen and (max-width: 460px){
  .contenedor_propuesta {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    width: 20%;
    justify-content: space-around;
   }
   }
   
   @media screen and (max-width: 460px){
    #prop_individual img{
    text-align: center;
   margin-left: 50%;
   width: 800px;
   height: 480;

   }
}*/

.contenedor_propuesta{
    align-content: center;
    margin-block-start: 2em;
    margin-right: 5px;
   margin-left: 11px;
    padding-block-end: .35rem
}

@media screen and (max-width: 460px){
.contenedor_propuesta img{
 
   aspect-ratio: 9 / 16;
   
}
}
/*ANALISIS*/