body{
    

background-color: #f04d63;
}
header{
        position: fixed;
    top: 0;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 1rem 1rem;
    margin-top: 0;
    background-color: #2a8798;
    border-bottom: #2f061f 1px solid;
    z-index: 1000;
}
*{
     color: #2f061f;
    box-sizing: border-box;
    font-family: 'Funnel Display', sans-serif;
    margin: 0;
    list-style: none;
}
header img{
        width: 61px;
    height: auto;
}
header nav ul{
     list-style: none;
    display: flex;
    gap: 2rem;
    padding: 0;
    margin: 0;
    font-weight: 100;
}
li{
     display: list-item;
    text-align: -webkit-match-parent;
    unicode-bidi: isolate;
}
a{
        text-decoration: none;
}
header nav ul li a{
    color: #faf6f4;
    text-decoration: none;
    padding: 0.25em 1em;
    transition: .6s;

}
header nav ul li a:hover, header nav ul li a:focus{
    background-color:#42a7b9 ;
transition: .3s;

}
    

.contenedora{
    width: min(65rem, calc(100% - 3rem));
    margin-inline: auto;
}
#logo img{
    display: block;
    padding: .5rem .75rem;
       padding-top: 0.5rem;
       padding-right: 0.75rem;
       padding-bottom: 0.5rem;
       padding-left: 0.75rem;
    width: 100%;
}
#logo{
    width: min(100%, 7.5rem);
    background-color: hsl(0 0% 95%);
    margin-inline: auto;
       margin-inline-start: auto;
       margin-inline-end: auto;
}
.equipo{   
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 4rem;
}
.hero-div{
    width: 100%;
    max-width: 1400px;
    display: flex;
    border: 2px solid #faa099;
    padding: 3rem;
    color: #000000;
    background-color: #faa099;
    gap: 4rem;
    align-items: center;
}
.parte-izquierda{
        display: flex;
     flex-direction: column;
     justify-content: center;
     height: 100%;  
     flex: 1;
     padding: 0 2rem;  
}
.primer-texto{
    font-size: 2rem;
    margin-bottom: 1.5rem;
    line-height: 1.2;
}
p{
        display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}
.segundo-texto{
        font-size: 1rem;
    margin-bottom: 2rem;
    line-height: 1.6;
}
.botones{
        display: flex;
    gap: 1.25rem;
    margin-top: 1rem;
}
.botones a{
        background-color: #e43a50;
    color: #ffffff;
    border: 2px solid #e43a50;
    border-radius: 0rem;
    padding: 0.75rem 2rem;
    font-size: 1.125rem;
    font-weight: bold;
    cursor: pointer;
}
.parte-derecha{
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.parte-derecha img{
        width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.materias-aprobadas{
        padding: 4rem 4rem;
    color: #2f061f;
}

.contenedora-materias{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    justify-content: center;
    padding: 2rem 2rem;
    gap: 2rem;
     text-align: center;
}
.contenedora-materias article{
    background: #2a8798;
  padding: 20px;
    background: #2a8798;
  border-radius: 12px;

  
}
.contenedora-materias article ul{
 background-color: #4eb3c5;
  padding: 15px;
  border-radius: 10px;
  margin-top: 10px;
    
}

.contenedora-materias li{
     text-decoration: line-through #faa099;
    text-decoration-thickness: 2px;
    font-size: 11pt;
    padding-bottom: .2rem;
}
.materias-aprobadas li.en-curso{
        text-decoration: none;
}


.datos-academicos{
     padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 8rem;
    padding-bottom: 5rem;
    display: flex;
    justify-content: space-between;
}
.datos-academicos>ul{
     display: flex;
    gap: 4rem;
    flex-wrap: wrap;
    justify-content: end;
    padding-right: 11rem;
}

.datos-academicos>ul>li{
        max-width: 220px;
}
.datos-academicos ul li{
      font-size: 10pt;
    padding-bottom: .2rem;
        display: list-item;
    text-align:-webkit-match-parent;
    unicode-bidi: isolate;
  
}
:is(dir, dl, menu, ol, ul) ul{
        margin-block-start: 0px;
    margin-block-end: 0px;
}

figure{
        display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
    unicode-bidi: isolate;
}
.datos-academicos img{
        height: 30px;
    width: auto;
}
.datos-academicos a{
        display: inline-block;
    font-size: 11pt;
    padding-top: 1rem;
    padding-bottom: .5rem;
    font-weight: 600;
    transition: .3s;
}


footer{
        background-color: #2a8798;
    color: white;
    padding: 10px 20px;
    text-align: center;
    border: 2px solid #2a8798;
    font-size: 0.8rem;
    line-height: 1.4;
    overflow: hidden;
}
.mis-ilustraciones{
     margin-top: 2rem;
    margin-bottom: 2rem;
    background-color: #faa099;
    border: 2px solid #faa099;
    padding: 1rem;
    color: #000000;
    
    
   
}
.mis-ilustraciones h2{
    font-size: 18pt;
    color: #242323;
    display: block;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.galeria{
     display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 6rem;
    margin-bottom: 1rem;
}
.galeria div{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.galeria img{
     width: 200px;   
  height: 200px;  
  object-fit: cover; 
}
.comitente{
      margin-top: 2rem;
    margin-bottom: 2rem;
    background-color: #faa099;
    border: 2px solid #faa099;
    padding: 1rem;
    color: #000000;
}
.comitente h2{
     font-size: 18pt;
    color: #242323;
    display: block;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.contenedora-comitente{
     display: flex;
    justify-content: center;
    gap: 6rem;
}
.texto-comitente{
     max-width: 43ch;
    flex: 1;
}
.comitente h3{
        padding-bottom: 1rem;
}
h3{
        display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}
.comitente p{
     font-weight: 300;
    font-size: 12pt;
    padding-bottom: 2rem;
}
.comitente img{
     max-width: 470px;
    width: 100%;
    height: auto;
}
.compañeras{
        padding: 1rem 2rem;
}
h2{
       font-size: 18pt;
    color: #242323;
    display: block;
    margin-top: 1rem;
    margin-bottom: 2rem;
    margin-left: 40px;
}
.nombres{
     display: flex;
    justify-content: center;
    padding: 2rem 2rem;
    gap: 8rem;
    text-align: center;
}
.nombres h4{
     margin-bottom: .5rem;
}
h4{
     display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}
.compañeras img{
        max-width: 250px;
    height: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.propuestas-webapp{
        display: flex;
    flex-direction: column;
    padding: 4rem;
    padding: 4rem 4rem;
    color: #2f061f;
}
.propuestas-webapp img{
     display: block;
    max-width: 800px;
    height: auto;
    margin: 0 auto;
    justify-items: center;
    padding: 1rem;
}
.propuestas-webapp p {
  width: 60%;      
  margin: 0 auto;  
  text-align: center; 
}