@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
body{font-family: 'Lato', sans-serif;}
header{height: 100px;position: fixed;width: 100%;top: 0;left: 0;z-index: 1000;transition: all 0.4s;}
.se-pre-con {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 10001;background: #ffa72a;}
.div_load{position: absolute;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%);}
.logo_mini{display: none;}
.header-alt{background-color:#FFF;}
a{text-decoration: none !important;}
.navbarweb{height: 100px; padding-left: 0px;padding-right: 0px;}
.big_title{margin-left: -8px;color: #505050;font-weight: 400;}
.inicio{background: url("../img/bkg_inicio.jpg") no-repeat center bottom;background-size: cover;height: 920px;width: 100%;
-webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;}
.navbar-light .navbar-nav .nav-link{padding-right: 28px;font-weight: 600;}
.navbar-light .navbar-nav .nav-item:last-child .nav-link{padding-right: 0px;}
.acerca{background-color: #ffa72a;color: #FFF;padding-bottom: 2.5em;}
.pic_profile{margin-top: -100px;}
.pic_profile img{border: 8px solid #FFF;}
.subtitle{text-align: center;text-transform: uppercase;padding-top: 20px;padding-bottom: 20px;font-size: 1.6em;font-weight: 600;}
.pafr{width: 710px;margin: 0 auto;text-align: center;margin-top: 1em;margin-bottom: 1em;}
.pafr span{font-size: 1.5em; font-weight: 600;}
.box_item{width: 100%; height: 300px;background:#FFF;border-radius: 25px; padding:25px;text-align: center;color: #505050;}
.box_item img{margin-top: 1em;margin-bottom: 1em;}
.box_item h5{font-weight: 600;}
.subtitle2{text-align: center;text-transform: uppercase;padding-top: 20px;padding-bottom: 20px;font-size: 1.6em;font-weight: 600;color: #ffa72a;}
.portfolio{padding-top: 4.5em;padding-bottom: 4.5em;}
.contacto{background:#f9f9f9;padding-top: 4.5em;padding-bottom: 4.5em;}
.box_itemc{width: 100%;height: 324px;border:1px solid #ffa72a;border-radius: 25px;padding:50px;color: #505050;transition:0.5s;cursor: pointer;}
.box_itemc p{font-weight: 300;font-size: 1.15em;}
.icon{width: 128px;height: 128px;margin: 0 auto;text-align: center;border-radius: 50%;border: 2px solid #8d8d8d;color: #8d8d8d;font-size: 3.5em;display: flex;justify-content: center;align-items: center;}
.nv_item{padding-left: 25px;padding-right: 25px;}
.nav-link{padding: .5rem 1rem;font-size: 1.2em;font-weight: 600;color:#ffa72a;cursor: pointer;}
.nav-pills .nv_link:hover,.nav-pills .nv_link.active{color:#ffa72a;background-color: unset; }
.nv_link.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.nv_link.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: #ffa72a;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.nv_link.hvr-underline-from-center:hover:before, .nv_link.hvr-underline-from-center:focus:before, .nv_link.hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}
.nv_link.hvr-underline-from-center.active:before {
  content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffa72a;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.parent-container > a > img {border: 4px solid #FFF;border-radius: 5px;margin-bottom: 5px;}
.art_s {
    border: 5px solid #129F83;
    margin-bottom: 1rem;
    -webkit-transition: border 500ms ease-out;
    -moz-transition: border 500ms ease-out;
    -o-transition: border 500ms ease-out;
    transition: border 500ms ease-out;
}
.item-content {
    padding-bottom: 1em;
    padding-top: 1em;
    padding-left: 0.8em;
    padding-right: 0.8em;
    background-color: #FFFFFF;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.item-content a {
    color: #FFF;
}
.art_s:hover {
    border: 5px solid #4a586d;
}
.art_s> .item-content{
    background-color: #129F83;
}
.art_s:hover > .item-content{
    background-color: #4a586d;
    color: #FFFFFF;
}

.art_s:hover > .item-content a{
    color: #FFFFFF;
}
footer{height: 90px;color:#FFF;background-color: #ffa72a;display: flex;justify-content: center;align-items: center;}
.box_itemc:hover{background-color: #ffa72a;color: #FFF;}
.box_itemc:hover .icon{border: 2px solid #FFF;color: #FFF;}


/*Responsive*/
@media screen and (max-width: 750px){
    
    .logo_full{display: none;}
    .logo_mini{display: block;}
    .pic_profile img{width: 280px;}
}

@media screen and (max-width: 767px){
    .navbarweb {
        height: unset;
        padding-left: 0px;
        padding-right: 0px;
    }
    header {height: unset;background: #FFF;}
    footer { text-align: center; }
    .inicio{text-align: center;}
    .big_title{font-size: 2.5em;color: #FFF;text-shadow: 0px 3px 5px #505050;}
    #gotoacerca {color: #FFF;text-shadow: 0px 3px 5px #505050;border: 1px solid #FFF;}
    .inicio{background: url("../img/bkg_inicio2.jpg") no-repeat center top;background-size: cover; height: 740px;}
    .box_item{margin-bottom: 2em;width: 260px;margin-left: auto;margin-right: auto;}
    #descargarcv{margin-bottom: 12px;}
    .pafr{width: 100%;}
    .box_itemc {margin-bottom: 2em;}
}

@media screen and (max-width: 991px) and (min-width: 768px){
    .box_itemc {margin-bottom: 2em;width: 340px;margin-left: auto;margin-right:auto;}
    .navbarweb {
        height: unset;
        padding-left: 0px;
        padding-right: 0px;
    }
    header {height: unset;background: #FFF;}
    .inicio{background: url("../img/bkg_inicio2.jpg") no-repeat center top;background-size: cover; height: 940px;}
    .inicio{text-align: center;}
    .big_title{font-size: 4.5em;color: #FFF;text-shadow: 0px 3px 5px #505050;}
    #gotoacerca {color: #FFF;text-shadow: 0px 3px 5px #505050;border: 1px solid #FFF;padding: .5rem 1rem;
    font-size: 1.8rem;
    line-height: 1.5;
    border-radius: .3rem;}
}

@media screen and (min-width: 1790px){
    .inicio{height: 1080px;}
}