@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');

:root {
  --bg-color-fondo: #FBFBFB;
  --bg-color-1: #a4c4ad; /*verde*/
  --bg-color-2: #c2b495;
  --bg-color-3: #e0a47d;
  --bg-color-titulo: #ff9466;
  --bg-color-bordo: #c20000;
  --bg-color-salmon: #fff5e9; /*fondo salmon claro*/
  --bg-color-bg_light: #F8F9FA;
  --bg-color-linea: #DEE2E6;
  
}

button.nav-link {
  color: #566573;
  font-size: 13px;
  font-family: 'Roboto Flex', sans-serif;
}

button.nav-link:hover { 
  color: #566573; 
  font-weight: bold;
  font-family: 'Roboto Flex', sans-serif; 
}

button.nav-link.active { 
  color:#C20000 !important; 
  font-weight: bold !important; 
  font-family: 'Roboto Flex', sans-serif;
  background-color: #fBf8f8 !important;
  border-bottom-color: transparent;
}

span.badge { 
  background-color: var(--bg-color-bordo);
  color: white;
  font-family: 'Roboto Flex', sans-serif;
}

.tab-content{
  border-right: 1px solid var(--bg-color-linea) !important; 
  border-left: 1px solid var(--bg-color-linea) !important; 
  border-bottom: 1px solid var(--bg-color-linea) !important; 
  min-height: 400px;
/*  background-color: var(--bg-color-bg_light) !important; */
}

.tab-pane{
  padding: 10px;  
/*  background-color: var(--bg-color-bg_light) !important;*/
/*  border-left: 1px solid #DEE2E6;*/
/*  border-bottom: 1px solid #DEE2E6;*/
/*  border-right: 1px solid #DEE2E6;*/
}

.nav-tabs button.nav-link.active {
  font-family: 'Roboto Flex', sans-serif;
  font-weight: bold !important;
/*  border-bottom: 1px solid var(--bg-color-bg_light) !important;*/
/*  background-color: var(--bg-color-bg_light) !important;*/
/*  color: var(--bg-color-bordo) !important; */  
}

.nav-tabs button.nav-link.active:focus {
  font-family: 'Roboto Flex', sans-serif;
  font-weight: bold !important;  
/*  color: var(--bg-color-bordo) !important; */ 
/*  background-color: var(--bg-color-bg_light) !important;*/
/*  border-bottom: 1px solid var(--bg-color-bg_light) !important;*/
}

.nav-tabs button.nav-link.active:hover {
  font-family: 'Roboto Flex', sans-serif;
  font-weight: bold !important;
  border-bottom-color: transparent;  
/*  color: var(--bg-color-bordo) !important; */ 
/*  background-color: var(--bg-color-bg_light) !important;*/
}

.nav-tabs button.nav-link:focus {
  font-family: 'Roboto Flex', sans-serif;
  font-weight: bold !important; 
  border-bottom-color: transparent;  
/*  color: var(--bg-color-bordo) !important; */
/*  background-color: orange !important;*//*var(--bg-color-salmon) !important;*/
}

.nav-tabs button.nav-link {
  font-family: 'Roboto Flex', sans-serif;
  font-weight: bold !important; 
  border-bottom: 1px solid var(--bg-color-linea) !important;  
/*  color: var(--bg-color-bordo) !important; */
/*  background-color: var(--bg-color-salmon) !important;*/
}

.nav-tabs button.nav-link:hover {
  font-family: 'Roboto Flex', sans-serif;
  font-weight: bold !important; 
/*  color: var(--bg-color-bordo) !important;*/ 
/*  background-color: var(--bg-color-salmon) !important;*/
  border-bottom-color: red;
}