@charset "utf-8";
/*
Template Name: Profiteo
Designer: Ger Riarte
Developer: Mauricio Baquero
Octubre 2.018
*/
@import url("framework.css");

/* Front index
--------------------------------------------------------------------------------------------------------------- */
.max-width-rem-18 {max-width: 18rem;}
#avatar-index {width: 200px; height: auto;}
.avatar-card {width: 80px; height: auto;}

.btn-file {position: relative;overflow: hidden;}
.btn-file input[type=file] {position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block;}

/* Side left
--------------------------------------------------------------------------------------------------------------- */
#ul-sidebarleft{list-style: none; margin: 0; padding: 0;}
#ul-sidebarleft li {font-size: 11px;}
#ul-sidebarleft i {font-size: 11px;color: #315841;}

/* Components
--------------------------------------------------------------------------------------------------------------- */
/*Tarjeta 1*/
#who-am-i{line-height: .6;}
#who-am-i span{font-style: italic;}
/*Tarjeta 2*/
.who-am-i-t2{position: relative;}
.who-am-i-t2::before{position: absolute;content: "";inset: 0;background-color: #C4C4C4;opacity: .8;}
.who-am-i-t2-color{color: black;position: relative;}
/*tarjeta 3*/
.content-card3{
    position: relative;
}
.content-card3::before{
    position: absolute;
    content: "";
    inset: 0;
    background-color: black;
    opacity: .5;
}
.content-card3-color{
    color: black;position: relative;
}