@charset "utf-8";
<style>
*{
    max-width: 90em;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction:column;
    align-content:space-around;
    flex-wrap: wrap;
    justify-content: center;   
} 
.header{
     background-color: aliceblue;
     align-content: center;
     border-radius: 20px;
 }
 
#Tema {
    font-family: sans-serif;
    font-weight: 700;
    font-size: 1.7em;
    color: beige;
    background-color: cadetblue;
    text-align: center;
    display: flex;
    flex-direction: column;
    min-height: 150vh;
    min-height:-webkit-fill-available;
 }

ul {
    margin: 0em;
    padding: 0px;
    border: 0px; 
}

#jt03, #plan, #mapa, #webapp{
             font-family:sans-serif;
             background-color: cadetblue;
             font-size: 1em;
             font-weight: 700;
             color: beige;
             text-decoration: none;
             align-content: center;
             text-align: center;
             display: flex;
             flex-direction:column;
             align-items: center;
             overflow: visible;
             float: left;
             padding: 0 135px 10px 135px;
            min-height: -webkit-fill-available;
            
  }

#jt03{
    border-bottom-left-radius: 20px;
}

#webapp{
        border-bottom-right-radius: 20px;
}

main{
                                background-color: aliceblue
                                flex-wrap: wrap;
                                padding: 20px;
                                }

.respuesta p{
    
                                font-family: sans-serif;
                                font-weight: 400;
                                color:black;
                                text-align: center;
                                width: 400
                                height: 200px;
                                font-size: 1.2em;
                                background-color: aliceblue; 
                                flex-direction: column;
                                min-height: 50vh;
                                border-radius: 20px;                             
                                margin: 10px, 30px;
                                text-decoration: none;
                                align-content: center;
                                display: block;
                                flex-direction:column;
                                align-items: center;
                                overflow: visible;
                                float: left;
                                padding: 0 110px;
                                flex-wrap: wrap;
                                }
                    
.respuesta strong{
                                font-family: sans-serif;
                                font-weight: 700;
                                font-size: 1.5em;
                                color: cadetblue; 
                                text-align: center;
                                width: 500px;
                                min-height: 35vh;
                                flex-wrap: wrap;
                                }

div.estructura p {
                                font-family: sans-serif;
                                font-weight: 400;
                                color: cadetblue; 
                                text-align: center;
                                width: 350px;
                                height: 10px;
                                font-size: 1.2em;
                                background-color: aliceblue;
                                flex-direction: column;
                                min-height: 35vh;
                                border-radius: 20px;                             
                                margin: 0px, 30px;
                                display: block;
                                overflow: visible;
                                float: left;
                                padding: 0px 110px;
                                flex-wrap: wrap;

                                }
                    
.estructura strong{
                                font-family: sans-serif;
                                font-weight: 700;
                                    font-size: 1.5em;
                                color: cadetblue; 
                                text-align: center;
                                width: 500px;
                                max-height: 100px;
                                flex-wrap: wrap;
                                }


.emite p{
                              
                                font-weight: 400;
                                color: cadetblue; 
                                text-align: center;
                                width: 600px;
                                font-size: 1.2em;
                                display: flex;
                                flex-direction: column;
                                min-height: 23vh;
                                border-radius: 20px;
                                margin: 0, 30px, 20px, 30px;
                                flex-wrap: wrap;
                                padding-top: 40px
                                margin-bottom: 0px;
                                height: 0px;

}

div.emite strong{
                                font-family: sans-serif;
                                font-weight: 700;
                                font-size: 1.5em;
                                color: cadetblue; 
                                text-align: center;
                                width: 605px;
                                max-height: 100px;
                                flex-wrap: wrap;
                                }


#boceto3{
                               
                                font-weight: 700;
                                    font-size: 1.5em;
                                color: cadetblue; 
                                text-align: center;
                                width: 500px;
                                min-height: 30vh;
                                flex-wrap: wrap;
                                }

#boceto {
    height: 300px;
background-position: 50%;
border-radius: 20px;
background-size: 100%; 
margin: 30px;
display: block;
flex-direction: column;

   }


footer{
    background-color: darkcyan;
    margin: auto;
    padding-bottom: 400px;
    text-align: center;
    display: flex;
    flex-direction:column;
    align-content:space-around;
    flex-wrap: wrap;
    justify-content: center;   
}

footer img{
                                width: 90px;
                                margin: 1.8em 1em 0.2em 0em;
                                }

footer p {
                                text-align:left;
                                max-width: 50em;
                                font-family: sans-serif;
                                font-size: 0.8em;
                                font-weight:400;
                                font-style:italic;
                                color: cadetblue; 
                                margin: 0.5em 0em 0em 0em;
                                }

.foot1 { 
                                display: flex;
                                flex-direction: row;
                                align-items:center;
                                }

.foot2{ display: flex;
                                flex-direction: row;
                                align-items:flex-start; 
                                }

.foot3{
                                display: flex;
                                flex-direction:center;
                                align-items:center;  
                                }