@charset "utf-8";

body {
    
    min-height: 100vh;
    min-height: -webkit-fill-available;
    display: flex;
    flex-direction: column;
    background-color: #B4C2BA;
    margin: 0;
    padding-top: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
  
}

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

header .contenedora {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #EBC83C ;
    box-sizing: border-box;
    }

#logo { 
    background color: #d9b62a ;
    border-radius: .35em;
    padding: .35em;
    width: 6em;
    margin: 2em;
        }

header nav ol { 
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
     }
header ol { 
    list-style: none;
    margin:0;
    padding: 0;
    }
header ol li{ 
    margin: 0 2em 0 0;
    }
header ol li a{ 
    text-decoration: none;
    color: black;
    display: block;
    text-align: center;
    font-family: 'Montserrat', sans-serif ;
    }
main h2 { padding: 0 0 .5em 0; }
main h4 { padding: .8em 0 .5em 0; }

main .fotoinfo { 
    
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: space-between;
                }

.img { 
    max-width: 100%;
    height:auto;
    display: flex;
    align-content: flex-start;
    margin: 2em 0 0 2em;
    border-radius: .40em;
    image-resolution: 500px
    
    }
.info{ 
    
    font-size: 15px;
    line-height: 18px;
    display: flex;
    flex-direction: column;
    margin-left: 1em;
    max-width: 23em;
    margin: 5em 2em 2em 3em;
}

.info ul li{
    list-style: none;
    margin-left: 0;
    
    }
.comision { 
    flex-direction: column;
    display: flex;
    box-sizing: border-box;
    margin: 2em;
    font-size: 15px;
    line-height: 18px;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: space-between;
    }

.comision p{
    flex-direction: column;
    text-align: start;
    align-items: flex-start;
    margin:0;
    padding: 0;
    }

.pie {
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: space-between;
    box-sizing: border-box;
    margin: 6em 2em 2em 2em;

}
.ux{
    align-items: center;
    flex-direction: column;
    display: flex;
     
    margin: 2em 0 2em 2em;
    border-radius: .40em; 
    }
.ux p { 

    text-align: start;
    align-items: flex-start;
    margin:0;
    padding:  2em 2em 2em 2em;  
    border-radius: .40em; 
     }