@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: 'Filson Pro';
  src: url('../fonts/FilsonProLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}


@font-face {
  font-family: 'Filson Pro';
  src: url('../fonts/FilsonProRegular.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Filson Pro';
  src: url('../fonts/FilsonProMedium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Filson Pro';
  src: url('../fonts/FilsonProBold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

html, body{
    font-family: 'Filson Pro', Arial;
    font-weight:300;
    margin:0;
    padding-top:40px;
    height:100%;
}

#kp-fadein{background-color:#ffffff; height:100%; width:100%; position:fixed; z-index:90;}

/*LOGIN*/
.kp-login-container{padding:20px; overflow-y: auto;}
.kp-login-content{margin-left:auto; margin-right:auto; height:auto; max-width:400px; width:100%; background-color:#fff; padding:50px 20px; text-align:center; box-sizing:border-box; overflow-y: auto;}


/*SIDEBAR*/
    .kp-sidebar {
      position: fixed;
      top: 0;
      right: 0;
      width: 280px;
      height: 100%;
      background-color: #ffffff;
      box-shadow: -2px 0 5px rgba(0, 0, 0, 0.3);
      z-index: 103;
      display: none;
      overflow-y:auto;
    }


    .kp-sidebar-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      z-index: 102;
      display: none;
    }
.kp-sidebar-item{cursor:pointer; display:flex; width:100%; border-bottom:solid 1px #BBBBBB; height:50px; color:#061E4F;}
.kp-sidebar-item .icon {display: flex; align-items:center; justify-content:left; width:30px; margin-left:20px;}
.kp-sidebar-item .option{display: flex; flex:1; align-items:center; justify-content:left;}

/*NAVBAR*/
.kp-navbar{position:fixed; z-index: 100; bottom:0px; padding-bottom:5px; width:100%; background-color:#fff; height:79px; border-top:solid 1px #F0E0E0;}

.kp-navbar-help {
  border-radius: 100px;
  cursor:pointer;
  position:fixed;
  z-index: 101;
  bottom:18px;
  left: 50%;
  background-color:#ff6600;
  height:90px; width:90px;
  margin-left:-45px;
  color:#061E4F;
  text-align: center;
  font-size:30px;
  background:linear-gradient(90deg, #F78B83, #EDF67F);
}

/*STRUCTURE*/

.kp-zone-dark{padding:40px 0px; background-color:#F5F5F5;}

.kp-top-space{height:10px;}
.kp-footer-space{height:40px;}
.kp-bottom-space{height:160px;}

.kp-separator{
	height:30px;
}
.kp-content{padding-top:100px; background-color:#fff; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;}

.kp-benefit-row{display:flex; background-color:#FFFFFF; padding:10px 15px; border-radius:8px; margin-top:10px; align-items:center;}

/*.kp-content{padding-top:70px; background-color:#fff; opacity: 1; animation: fadeIn 1s ease;}
@keyframes fadeIn{0%{ opacity: 0;}100%{opacity: 1;}}
@keyframes fadeIn{0%{ opacity: 0;}100%{opacity: 1;}}*/

.kp-sectionbar{ padding:0px 15px; margin-left:auto; margin-right:auto; text-align: left; max-width:900px; font-weight:700; font-size:22px; color:#061E4F; box-sizing: border-box; margin-bottom:15px;}

.kp-section {
		margin-left:auto;
		margin-right:auto;
		padding:0px 15px;
		width:100%;
		max-width: 900px;
    box-sizing: border-box;
	}

.kp-title{ padding:0px 15px; margin-left:auto; margin-right:auto; text-align: left; max-width:900px; font-weight:700; font-size:22px; color:#061E4F; box-sizing: border-box; margin-bottom:15px;}

.kp-block{
		background-color:#fff;
		border:solid 1px #e6e6e6;
		padding:20px;
		border-radius: 5px;
		box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.10);
		color:#333;
		font-size:16px;
		height:100%; width:100%;
		-moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
}


/*MODIFICATORS*/
.kp-w100{width:100% !important;}
.kp-w50{width:50% !important;}
.kp-hand{cursor:pointer;}
.kp-center{text-align:center;}
.kp-disabled{background-color:#ffffff; opacity: 0.2; pointer-events: none;}

/*COLORS*/
.kp-cl-green{color:#A4DD00;}
.kp-cl-green-dark{color:#268C86;}
.kp-cl-orange{color:#FF894F;}
.kp-cl-red{color:#EC554C;}
.kp-cl-blue{color:#0D1D4C;}
.kp-cl-grey{color:#BBBBBB;}
.kp-cl-dgray{color:#6B6B6B;}
.kp-cl-black{color:#343434;}

.kp-bg-grey{background-color:#f5f5f5;}
.kp-bg-grad{background:linear-gradient(90deg, #F78B83, #EDF67F);}
.kp-bg-red{color:#EC554C;}


/*FONTS*/
.kp-f50{font-size:22px;}
.kp-f22{font-size:22px;}
.kp-f18{font-size:18px;}
.kp-f12{font-size:14px;}
.kp-f14{font-size:14px;}


/*FORMS*/
.kp-form-header{font-size:14px; color:#343434; font-weight:300; margin-bottom:5px;}

input[type="text"], input[type="password"], input[type="number"], input[type="email"], textarea, select {
  border-radius: 2px; color:#666666; padding-left:10px; font-size:16px; border: solid 1px #ccc;	height:40px; background-color:#fff; box-sizing: border-box;
}

/*RADIO INPUT*/
.kp-radio-item{display:flex; margin-bottom:10px; cursor:pointer;}
.kp-radio-item .title{flex:1; font-size:14px; color: #6B6B6B; display:flex; align-items: center;}
.kp-radio-item .title-active{flex:1; font-size:14px; color: red; display:flex; align-items: center;}
.kp-radio-item .radio{position:relative; width:30px; font-size:25px; color: #6B6B6B; text-align:right; display: flex; align-items: center; justify-content: center;}
.kp-radio-item input[type="radio"] {
  opacity: 0;
  cursor: pointer;
}
.kp-input-radio {
  right:2px;
  top:2px;
  position:absolute;
  height: 20px;
  width: 20px;
  border: solid 2px #6B6B6B;
  border-radius: 50%;
  cursor:pointer;
  display: inline-block;
}
input[type="radio"]:checked ~ .kp-input-radio {
  background-color: #EC554C;
  border:solid 2px #F78B83;
}


.kp-bt{
  cursor:pointer; padding:12px 30px; width:auto; display:inline-block; border-radius:30px; font-size:13px; color:#071D4F; background: linear-gradient(90deg, #F78B83, #EDF67F); font-weight:700; box-sizing: border-box; text-align:center;
}

.kp-bt-grey{
  cursor:pointer; background-color:#F9F9F9; display:inline-block; width:auto; border-radius:30px; padding:12px 30px; color:#0D1D4C; font-size:13px; font-weight:500; box-sizing: border-box;
}

.kp-bt-white{
  cursor:pointer; background-color:#FFFFFF; display:inline-block; width:auto; border-radius:30px; padding:12px 30px; color:#0D1D4C; font-size:13px; font-weight:500; box-sizing: border-box;
}

.kp-bt-red{
  cursor:pointer; background-color:#FFF6F5; display:inline-block; width:auto; border-radius:30px; padding:12px 30px; color:#F54B4B; font-size:13px; font-weight:500; box-sizing: border-box; border:solid 1px #F3E3DF;
}


/*CARDS*/
.kp-card{width:100%; box-sizing: border-box; border-radius:8px; padding:20px 20px; margin-left:auto; margin-right:auto; box-shadow: 0px 0px 16px 0px #7A6E6E40; background-color:#ffffff;}

.kp-card-empty{border-radius:8px; padding:20px 20px; margin-left:auto; margin-right:auto;}


/*BUTTONS*/
.kp-bt-financed { background-color:#D7F8F6; padding:6px 20px; color:#268C86; font-weight:700; font-size:10px;  border-radius:30px; width: fit-content;}
.kp-bt-doc { font-size:18px; color:#EC554C; margin-bottom:15px; text-decoration:none; display:block; cursor:pointer;}

/*VIDEO*/
.kp-video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  max-width: 900px;
  max-height: 506px;
}
.kp-video-container iframe,
.kp-video-container object,
.kp-video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.kp-left{
  text-align: left;
}

.kp-right{
  text-align: right;
}

/* DATA LIST */

.kp-data-list{
    width:100%;
    box-sizing:border-box;
    border:solid 1px #e6e6e6;
    border-radius:5px;
    overflow:hidden;
    background-color:#fff;
}


/* HEADER */

.kp-data-header{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    align-items:center;
    min-height:45px;
    padding:0px 10px;
    box-sizing:border-box;
    background-color:#F5F5F5;
    color:#6B6B6B;
    font-size:12px;
    font-weight:500;
    border-bottom:solid 1px #e6e6e6;
}


/* ROW */

.kp-data-row{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    align-items:center;
    min-height:55px;
    padding: 0px 10px;
    box-sizing:border-box;
    background-color:#fff;
    border-bottom:solid 1px #eeeeee;
}


/* LAST ROW */

.kp-data-row:last-child{
    border-bottom:none;
}


/* CELL */

.kp-data-cell{
    min-width:0;
    box-sizing:border-box;
    color:#343434;
    font-size:13px;
}


/* TEXT */

.kp-data-value{
    display:block;
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:break-word;
    line-height:1.3;
}


/* STATUS */

.kp-data-status{
    display:inline-block;
    padding:5px 12px;
    border-radius:30px;
    font-size:10px;
    font-weight:500;
    white-space:nowrap;
}


/* STATUS COLORS */

.kp-data-status-active{
    color:#268C86;
    background-color:#D7F8F6;
}

.kp-data-status-pending{
    color:#FF894F;
    background-color:#FFF3EC;
}

.kp-data-status-finished{
    color:#6B6B6B;
    background-color:#F5F5F5;
}


/* TOUCH */

.kp-data-row{
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
}

.kp-data-row:active{
    background-color:#F9F9F9;
}

/* PROJECT INFO */

.kp-project-info{
    display:grid;
    grid-template-columns:2fr 1fr 1fr;
    gap:20px;
    width:100%;
    box-sizing:border-box;
}

.kp-project-info-item{
    min-width:0;
}


/* PROJECT HEADER */

.kp-project-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    box-sizing:border-box;
}


/* ADD BUTTON */

.kp-project-add{
    width:40px;
    height:40px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;

    color:#071D4F;
    background:linear-gradient(90deg, #F78B83, #EDF67F);

    font-size:18px;

    -webkit-tap-highlight-color:transparent;
}

.kp-project-add:active{
    transform:scale(0.95);
}


/* PROJECT DATA */

.kp-project-info-item > div:last-child{
    font-size:14px;
}

/* ========================================= */
/* TABS / PESTAÑAS */
/* ========================================= */

.kp-tabs{
display:flex;
align-items:stretch;
width:100%;
box-sizing:border-box;
gap:0;
overflow-x:auto;
overflow-y:hidden;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
}

.kp-tabs::-webkit-scrollbar{
display:none;
}

.kp-tab{
position:relative;
flex:1 0 auto;
min-width:120px;
padding:14px 20px;
box-sizing:border-box;
text-align:center;
color:#6B6B6B;
font-size:14px;
font-weight:500;
white-space:nowrap;
border-bottom:2px solid transparent;
-webkit-tap-highlight-color:transparent;
transition:color 0.2s ease, border-color 0.2s ease;
}

.kp-tab-active{
color:#0D1D4C;
font-weight:700;
border-bottom:2px solid #0D1D4C;
}




/* TABLET / MOBILE */

@media screen and (max-width:600px){

    .kp-data-header,
    .kp-data-row{
        grid-template-columns:1fr 1fr 1fr;
    }

    .kp-data-header{
        font-size:11px;
    }

    .kp-data-cell{
        font-size:12px;
    }

    .kp-data-status{
        padding:4px 8px;
        font-size:9px;
    }

    .kp-project-info{
        grid-template-columns:1fr 1fr;
        gap:15px;
    }

    .kp-project-info-item:first-child{
        grid-column:1 / -1;
    }

    .kp-tabs{
    margin:0 -20px;
    width:calc(100% + 40px);
    padding:0 10px;
}

.kp-tab{
    min-width:auto;
    padding:13px 15px;
    font-size:13px;
}
}