/*
GERAL
*/

body {
    background-color:#F5F5F5; 
    font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Fira Sans,Ubuntu,Oxygen,Oxygen Sans,Cantarell,Droid Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Lucida Grande,Helvetica,Arial,sans-serif;
}

dress,article,aside,audio,b,blockquote,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,summary,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{
    margin:0;padding:0;border:0;vertical-align:baseline;background:transparent
}

/*
Corpo
*/
.corpo{
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

/*
Grande
*/
.grade{    
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
}

/*
Perfil
*/
.perfil{
    display:flex;position:relative;
}
.foto-borda{
    background-color:rgba(243,246,248,.94);box-shadow:inset 0 1.5px 3px 0 rgba(0,0,0,.15),0 1.5px 3px 0 rgba(0,0,0,.15);margin:auto;position:relative;
    width:210px;height:210px;box-sizing:border-box;background-clip:content-box;border:0 solid transparent;border-radius:49.9%
}
.foto-corpo{
    display:flex;position:relative;
    width:202px;height:202px;top:4px;left:4px
}
.foto{
    border-radius:50%;overflow:hidden;    
}
.dados{
    margin:auto;position:relative;
}
.dados h2{
    font-weight: 400;
    color: rgba(0,0,0,.9);
    font-size: 1.8rem;
}
.dados .d-cidade, .dados .d-contato, .dados .d-empresa{
    color: rgba(0,0,0,.9);
    line-height: 1.6
}
.dados .d-empresa{
    font-size: 1.2rem;
}
.dados .d-contato{
    cursor: pointer;
    color: #0073b1;
    font-weight: 600;
}

/*
Conteudo
*/
.conteudo{
    box-shadow:0 0 0 1px rgba(0,0,0,.15),0 2px 3px rgba(0,0,0,.2);
    transition:box-shadow 83ms;
    background-color:#fff;
    border-radius:2px;
    margin: 16px 0;
    padding: 24px;
}

.conteudo header h2{
    font-weight: 400;
    color: rgba(0,0,0,.9);
    font-size: 1.8rem;
}

.conteudo p{
    text-align: justify;
    padding-top: 20px;
}

.conteudo ul{
    list-style: none inside;
}

.conteudo ul li{
    margin: 20px 72px 0 24px;
    width: 100%
}


.conteudo ul li h3{
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.5
}

.conteudo ul li p{
    margin: 0;
    padding: 0;
    line-height: 1.3;
}

.exp-periodo{
    color: rgba(0,0,0,.6);
}

.duracao:before{
    content: "\00B7";
    margin: 0 5px;
}

.conteudo ul li .exp-descricao{
    padding: 12px 24px 12px 0;
}

.conteudo li:after{
    content: "";
    display: block;
    border-bottom: 1px solid #e6e9ec;
    margin-top: 16px;
}

.conteudo li:last-child:after{
    content: "";
    display: block;
    border-bottom: none;
    margin-top: 16px;
}

.conteudo section:after{
    content: "";
    display: block;
    border-bottom: 1px solid #e6e9ec;
    margin: 24px -24px;
}

.conteudo section:last-child:after{
    content: "";
    display: block;
    border-bottom: none;
    margin-top: 16px;
}

/*
Experiencia
*/
.experiencia li:nth-child(n+5){
  display: none;
}

.b-experiencia-mais, .b-experiencia-menos{
    cursor: pointer;
    color: #0073b1;
    font-weight: 600;
    display: block;
    padding: 24px 24px 6px 24px;
}
.b-experiencia-menos{
    display: none;
}

ul.experiencia li img{
    margin-top: 10px;
    margin-right: 14px;
    height: 70px;
    border-radius:6px;
}
ul.experiencia li h3, ul.experiencia li p{
    margin-left: 84px;
}
/*
Formacao
*/
.conteudo ul li .f-curso{
    padding: 0 24px 0 0;
}
ul.formacao li img{
    margin-top: 10px;
    margin-right: 14px;
    height: 70px;
    border-radius:6px;
}
ul.formacao li h3, ul.formacao li p{
    margin-left: 84px;
}

/*
FOOTER
*/

footer {
    text-align: center;
    padding: 10px;
    background-color: #4d4d4d;
    color: #f1f1f1;
}

/*
Modal
*/
.window,.window p{
    font-size:1rem;line-height:1.4
}

.modal-title {
    display:block;
    padding:1rem 1.5rem;
    border-bottom:1px solid rgba(0,0,0,.15);
}
.modal-title h1{
    font-size:1.25rem;
    line-height:1.4;
    color:rgba(0,0,0,.9);
    font-weight:400;
    font-style:normal;
    margin-bottom:0;
    padding-right:1rem
}

.modal-close{
    position:absolute;
    top:.75rem;
    right:.75rem;    
    background-color:transparent;
    color:#0073b1;    
    align-items:center;
    border:none;
    cursor:pointer;
    border-radius:49.5%;
    height:2.5rem;width:2.5rem;min-width:auto
        
}
.modal-close:focus,.modal-close:hover{
    background-color:rgba(152,216,244,.25);color:#006097
}

.modal-content{
    display:block;overflow:auto;min-height:3.5rem;padding:1rem 1.5rem
}

.modal-content-info{
    border:none;box-shadow:none;margin:0;padding:0
}

.modal-content-info-title{
    font-size:1.25rem;line-height:1.4;
    margin-bottom:16px!important;
    font-weight:400;color:rgba(0,0,0,.9)
}

.modal-content-info-icon{
    float:left;height:24px;width:24px;text-align:center;color:rgba(0,0,0,.6)
}
.modal-content-info-icon li-icon{
    position:relative;top:50%;transform:translateY(-50%)
}

.modal-content-info-header{
    margin-left:40px;
    font-weight:600
}

.modal-content-info-desc-container{
    margin:4px 0 16px 40px
}

.modal-content-info-desc-link{
    font-size:0.88rem;line-height:1.4;
    text-decoration:none;font-weight:600;background-color:transparent;border:0
}
.modal-content-info-desc-link, .modal-content-info-desc-link:visited{
    color:#0073b1
}

.modal-content-info-desc-details{
    font-size:.875rem;line-height:1.4;
    color:rgba(0,0,0,.6);
    font-weight:400
}

.modal-content-info-desc{
    font-size:.875rem;line-height:1.4;
    color:rgba(0,0,0,.9);
    font-weight:400
}

/*
iOS
*/
@supports (-webkit-touch-callout: none) {
    html{
        font-size: 250%;
    }
    .grade{
        width:100%;
    }
    .dados{
        font-size: 100%;
    }
    .conteudo{
        margin: 40px 0;
    }
    .foto-borda{
        width: 410px; height: 410px;
    }
    .foto-corpo, .foto{
        width:402px; height:402px;
    }
    
    #boxes #popup{
        width: 1200px;
    }
}