@charset "utf-8";

/* reglas generales */
*{box-sizing: border-box;
    margin: 0cm;
    padding: 0cm;
    border: 0cm;
}


body{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0cm;
    color: whitesmoke;
    background-color:#F285B8;
}

/*inicio de header*/

header {
    box-shadow:0cm
}

#logovmveintidos{
    width: 25%;
    margin: 1em auto
}

header, footer{
    background-color: ;
    color: azure;
}

div{
    display: block;
}

header nav ul{
    margin-block: 0;
}

ul {
    list-style: none;
    padding: 0.2em;
}

nav.menu li{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0.3em;
    margin-left: 0px;
    border-radius: 2cm;
}

nav a{
    background-color: #F2C2D8;
    display: block;
    width: 7em;
    padding-block: 0.30em 0.5em;
    border-radius: 0.25em;
    text-align: center;
    margin: 0.5em auto;
}

a{
    text-decoration: none;
    color: #d7679b;
    font-weight: bold;
}

.menubotones{
    display: flex;
    gap: 1em;
    margin-left: 3em;
    margin-right: 3em;
}
/*fin de header*/

.imgfio{
    display: block;
    margin-block-start: 2em;
    margin-block-end: 2em;

}

.infointegrante{
    background-color: #F2C2D8;
    width: 25em;
    padding: 0.7em;
    border-radius: 0.25em;
    text-align: center;
    margin: auto;
    margin-block-start: 2em;
    font-size: 13pt;
}

#titulo{
    padding: 0.0em;
    margin-left: 0.50em;
    margin-right: 0.50em;
    margin-block-start: 2em;
    border-radius: 0.25em;
    background-color: #d7679b;
    line-height: 2;
    text-align: center;
    color: azure;  
    font-size: 25pt;
}

p{
    display: block;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    color: #d7679b;
}


#materias{
    display: block;
    margin-block-start: 2em;
    margin-block-end: 1em;
    color: #d7679b;
    background-color: #F2C2D8;
    border-radius: 0.25em;
    width: 31.5em;
    margin: auto;
    margin-block-start: 2em;
}

#materiasaprobadas{
    display: block;
    font-size: 20pt;
    margin: auto;
    margin-block-start: 2em;
}

.niveluno , .niveldos , .niveltres {
    margin-block-start: 1em;
    color: #d7679b;
    width: 31.5em;
    margin-left: 0.60em;
}

#materias ul li {
    font-size: 12pt;
}

h4{
    font-size: 16pt;
}
#cursando{
    display: block;
    margin-block-start: 2em;
    margin-block-end: 1em;
    color: #d7679b;
    background-color: #F2C2D8;
    border-radius: 0.25em;
    width: 31.5em;
    margin: auto;
    margin-block-start: 2em;
}

.cursando{
    margin-left: 0.60em;
}

#cursando ul li {
    margin-left: 0.60em;
}


.analisis h2 {
    display: block;
    margin-block-start: 2em;
    margin-block-end: em;
    color: #F2C2D8;
    background-color: #d7679b;
    border-radius: 0.25em;
    width: 31.em;
    margin-left: 0.50em;
    margin-right: 0.50em;
}

.versiones{
    margin-block-start: 1em;
    margin-left: 0.80em;
    margin-right: 0.50em;
    font-size: 12pt;
}

.img{
    max-width: 50%;
    margin-left: 6em;
    margin-block-start: 1em;
}

#imgfio{
    max-width: 97%;
    margin-left: 2em;
}

.analisisimagen{
    margin-left: 0.80em;
    margin-right: 0.50em;
}

#bocetos h2 {
    display: block;
    margin-block-start: 2em;
    margin-block-end: em;
    color: #F2C2D8;
    background-color: #d7679b;
    border-radius: 0.25em;
    width: 31.em;
    margin: auto;
    margin-block-start: 2em;
}

.bocetosrotulo{
    display: block;
    margin-block-start: 1em;
    margin-block-end: em;
    color: #d7679b;
    background-color:#F2C2D8;
    border-radius: 0.25em;
    width: 31.em;
    margin-left: 0.50em;
    margin-right: 0.50em;  
}
.bocetosversiones{
    margin-block-start: 1em;
    margin-left: 0.80em;
    margin-right: 0.50em;
    font-size: 12pt;
}

#redes{
    display: flex;
    gap: 1em;   
    padding: 2em;
}

.redesboton{
margin: auto;
}

footer {
    margin-block-start: 2em;
    padding: 0.5em;
    font-size: 10pt;
}

footer p {
    margin: 0.5em;
    color: azure;
}

footer strong {
    font-size: 12pt;
}

#patronfooter{
    margin-block-start: 3em;
}