/* =====================================================
SIDEBAR
===================================================== */

.bluetour-sidebar{
width:220px;
}

.bt-sidebar-user{
font-weight:600;
margin-bottom:20px;
color:#121E29;
}

.bt-sidebar-nav ul{
list-style:none !important;
padding:0 !important;
margin:0 !important;
}

.bt-sidebar-item{
margin-bottom:10px;
}

.bt-sidebar-item a{
display:block;
width:100%;
padding:12px 16px;
background:#1E5BD7;
color:#FFFFFF !important;
text-decoration:none;
border-radius:8px;
font-weight:500;
transition:all .2s ease;
}

.bt-sidebar-item a:hover{
background:white;
color:#1E5BD7 !important;
border:2px solid #1E5BD7;
}

.bt-sidebar-logout{
margin-top:30px;
padding-top:15px;
border-top:1px solid #EAEAEA;
}

.bt-sidebar-logout a{
text-decoration:none;
color:#121E29;
}

.bt-sidebar-logout a:hover{
color:#1E5BD7;
}



/* =====================================================
PROJECT NAV (NAVEGADOR DE FASES)
===================================================== */

.bt-project-nav{
display:flex;
flex-direction:column;
gap:12px;
margin-top:30px;
}

.bt-project-step{
padding:12px 16px;
border-radius:8px;
background:#f3f4f6;
text-decoration:none;
color:#1f2937;
font-weight:500;
transition:all .2s ease;
}

.bt-project-step:hover{
background:#e5e7eb;
}

.bt-project-step.active{
background:#1E5BD7;
color:white;
font-weight:600;
}



/* =====================================================
BOTONES
===================================================== */

.bt-btn-primary{

background:#1E5BD7;
color:white !important;

padding:8px 16px;

border-radius:6px;

font-size:14px;
font-weight:500;

text-decoration:none;

display:inline-block;

transition:all .2s ease;

}

.bt-btn-primary:hover{

background:white;
color:#1E5BD7 !important;

border:2px solid #1E5BD7;

}



/* =====================================================
CARDS DASHBOARD
===================================================== */

.bt-dashboard-cards{

display:flex;
gap:20px;

margin-bottom:30px;

flex-wrap:wrap;

}

.bt-card{

background:white;

padding:20px 24px;

border-radius:10px;

border:1px solid #E8EEF6;

box-shadow:0 4px 10px rgba(0,0,0,0.05);

min-width:200px;

}

.bt-card span{

font-size:13px;
color:#7A8CA3;

}

.bt-card strong{

display:block;

margin-top:5px;

font-size:24px;
font-weight:600;

}



/* =====================================================
TABLAS
===================================================== */

.bt-table-wrapper{
overflow-x:auto;
}

.bt-project-table{

width:100%;
border-collapse:collapse;

background:white;

border-radius:10px;

overflow:hidden;

min-width:700px;

}

.bt-project-table th{

text-align:left;

padding:14px;

font-size:14px;
font-weight:600;

border-bottom:1px solid #EAEAEA;

}

.bt-project-table td{

padding:14px;

border-bottom:1px solid #F2F2F2;

font-size:14px;

}

.bt-project-table tr:hover{
background:#FAFBFD;
}



/* =====================================================
ACCIONES TABLA
===================================================== */

.bt-actions{
white-space:nowrap;
}

.bt-icon-btn{

background:none !important;
border:none !important;
box-shadow:none !important;

padding:0;

font-size:18px;

cursor:pointer;

margin-right:8px;

}

.bt-icon-btn:hover{
transform:scale(1.15);
}

.bt-delete{
color:#E53935;
}

.bt-edit{
color:#1E5BD7;
}



/* =====================================================
FORMULARIOS
===================================================== */

.bluetour-inventario-form input,
.bluetour-inventario-form select,
.bluetour-inventario-form textarea{

width:100%;

padding:8px 10px;

border:1px solid #DDE3EC;

border-radius:6px;

font-size:14px;

}

.bluetour-inventario-form label{

font-size:13px;

font-weight:500;

display:block;

margin-bottom:4px;

}



/* =====================================================
GRID FORMULARIO INVENTARIO
===================================================== */

.bluetour-form-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:16px 24px;

margin-bottom:20px;

}



/* =====================================================
BADGES
===================================================== */

.bt-badge{

padding:4px 10px;

border-radius:20px;

font-size:12px;
font-weight:500;

}



/* =====================================================
FASES DEL PROYECTO
===================================================== */

.bt-phase-identificacion{
background:#E3F2FD;
color:#1565C0;
}

.bt-phase-inventario{
background:#FFF3CD;
color:#856404;
}

.bt-phase-funcionalidad{
background:#E8F5E9;
color:#2E7D32;
}

.bt-phase-potencial{
background:#F3E5F5;
color:#6A1B9A;
}

.bt-phase-diagnostico{
background:#E0F7FA;
color:#006064;
}



/* =====================================================
BADGES ESTADO
===================================================== */

.bt-badge-draft{
background:#FFF3CD;
color:#856404;
}

.bt-badge-progress{
background:#E7F1FF;
color:#1E5BD7;
}

.bt-badge-complete{
background:#E8F5E9;
color:#2E7D32;
}



/* =====================================================
RESPONSIVE
===================================================== */

@media (max-width:1024px){

.bluetour-form-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media (max-width:900px){

.bt-dashboard-cards{
flex-direction:column;
}

}

@media (max-width:640px){

.bluetour-form-grid{
grid-template-columns:1fr;
}

}



/* =====================================================
PANTALLA CALCULANDO
===================================================== */

.bluetour-calculando{

display:flex;
align-items:center;
justify-content:center;

min-height:300px;

}

.bluetour-calculando-box{

text-align:center;

background:white;

padding:40px;

border-radius:12px;

border:1px solid #E8EEF6;

box-shadow:0 10px 30px rgba(0,0,0,0.05);

}

.bluetour-spinner{

width:36px;
height:36px;

border:4px solid #E3EAF5;
border-top:4px solid #1E5BD7;

border-radius:50%;

margin:0 auto 20px;

animation:bt-spin 1s linear infinite;

}

@keyframes bt-spin{

0% { transform:rotate(0deg); }
100% { transform:rotate(360deg); }

}

/* =====================================================
CLASIFICACIÓN INDICADORES
===================================================== */

.bt-class{

padding:4px 10px;
border-radius:20px;
font-size:12px;
font-weight:600;
display:inline-block;

}

/* MUY ALTO */

.bt-muy-alto{

background:#2E7D32;
color:white;

}

/* ALTO */

.bt-alto{

background:#81C784;
color:#1B5E20;

}

/* MEDIO */

.bt-medio{

background:#FFF176;
color:#795548;

}

/* BAJO */

.bt-bajo{

background:#FFB74D;
color:#5D4037;

}

/* MUY BAJO */

.bt-muy-bajo{

background:#E57373;
color:#B71C1C;

}

/* =====================================================
MENU LOGIN
===================================================== */

.bt-login-menu{

display:flex;
gap:18px;
align-items:center;

}

.bt-login-menu a{

text-decoration:none;
font-weight:500;

}

.bt-potencial-wrap a {
    color: white;
}