:root {
  --color-texto-head : #ffffff;
  --color-principal-combo1: #007BFF;          /* azul principal */
  --color-principal-claro-combo1: #cce5ff;
  --color-principal-claro-combo1-rgb: 204, 229, 255;    /* fondo claro */
  --color-principal-intermedio-combo1: #66b2ff;
  --color-principal-oscuro-combo1: #0056b3;

  --color-principal-combo2: #800020;              /* burdeo */
  --color-principal-claro-combo2: #f8d7da;        /* rosa muy claro */
  --color-principal-intermedio-combo2: #a8323e;   /* burdeo más claro */
  --color-principal-oscuro-combo2: #4d0015;       /* burdeo oscuro */

  --color-principal-combo3: #f9a825;              /* amarillo principal */
  --color-principal-claro-combo3: #fff3cd;        /* crema claro */
  --color-principal-intermedio-combo3: #fdd835;   /* amarillo medio */
  --color-principal-oscuro-combo3: #c17900;       /* mostaza profundo */

  --color-principal: rgb(46, 125, 50);              /* verde principal */
  --color-principal-rgb: 46, 125, 50;
  --color-principal-claro: rgb(208, 240, 210);        /* verde muy claro */
  --color-principal-claro-rgb: 208, 240, 210;        /* verde muy claro */
  --color-principal-intermedio: rgb(76, 175, 80);   /* verde intermedio */
  --color-principal-intermedio-rgb: 76, 175, 80;   /* verde intermedio */
  --color-principal-oscuro: rgb(27, 94, 32);      /* verde oscuro */
  --color-principal-oscuro-rgb: 27, 94, 32;
}

@font-face {
	font-family: 'fb';
	font-style: normal;
	font-weight: 200;
	src: url('../../assets/webfonts/pfbeausansprothin.woff2') format('woff2');
	font-display: swap;
}

@font-face {
	font-family: 'fb';
	font-style: normal;
	font-weight: 300;
	src: url('../../assets/webfonts/pfbeausansprolight.woff2') format('woff2');
	font-display: swap;
}

@font-face {
	font-family: 'fb';
	font-style: normal;
	font-weight: 400;
	src: url('../../assets/webfonts/pfbeausansproregular.woff2') format('woff2');
	font-display: swap;
}

@font-face {
	font-family: 'fb';
	font-style: normal;
	font-weight: 600;
	src: url('../../assets/webfonts/pfbeausansprosemibold.woff2') format('woff2');
	font-display: swap;
}

@font-face {
	font-family: 'fb';
	font-style: normal;
	font-weight: 700;
	src: url('../../assets/webfonts/pfbeausansprobold.woff2') format('woff2');
	font-display: swap;
}

* {
	font-family: fb,Arial
}

body { 
	background-color: rgba(var(--color-principal-claro-rgb),0.3);
	margin          : 0px;
	color: rgba(0,0,0,0.7);    
	font-family : fb;
	font-weight: 400;
	max-width: 100%;
	/*overflow: hidden;*/
	/*visibility: hidden;*/
	opacity: 1;
}

button, input, optgroup, select, textarea {
	font-family : fb !important;
}
.padre {
	width: 100%;
	height: 100%; /* Ocupa toda la altura de la ventana */
	display: flex;
	justify-content: center; /* Centrado horizontal */
	align-items: center;     /* Centrado vertical */
}

.hijo {
	padding: 10px 20px;
	border: 0px solid #ccc;
	display: inline-block; /* Se ajusta al contenido */
	white-space: nowrap;
}
#statusConexionCaspar {
	display: inline-block;
	width: 30px;
	/*height: 28px;*/
	line-height: 28px;
	justify-content: center; /* Centrado horizontal */
	align-items: center;     /* Centrado vertical */
	padding: 5px 0px;
}
.luzRoja{
	color :rgba(220, 63, 59,1);
}

.luzVerde{
	color :rgba(112, 255, 0,1);
}

#navbarBrand 	{ color: white; 
	font-size: 1.5rem; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 600; 
	line-height: 10px; 
}

#menu	{ 
	border: solid 0px #d52828; 
	background: #76276C;
}

.navbar-toggler { background-color: var(--color-principal-intermedio); }
.navbar-toggler-icon { color: #FFFFFF; }
.navbar-light .navbar-nav .nav-link {
	color: rgba(255,255,255,.8); 
	background-color: var(--color-principal-intermedio-rgb,0);
}
.navbar-light .navbar-nav .active>.nav-link {color: rgba(255,255,255,.2); }	    	
.nav-link	{ 
	font-size: 1rem; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 400; 
	line-height: 40px; 
	text-align: center;}
/*.nav-link	{ font-family: Roboto;  font-size: 15px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 50px; text-align: center;}*/
/*.navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler-icon:focus { outline: none; box-shadow: none; }*/
.navbar-collapse { padding-top: 5px;}
.nav-item{ padding: 0 1rem;}


.btn-outline-menu{
	color: #76276C;
	border-color: #76276C;
}

#zona_4 .btn {
	--bs-btn-font-size: 0.8rem;
	--bs-btn-font-weight: 600;
}
#alertaTexto{
	color: #000000;
}

div.form-control{
	background-color: #eee;
}

fieldset {
	/*margin: 20px;*/
	padding: 0 10px 10px;
	border: 1px solid #666;
	border-radius: 8px;
	/*box-shadow: inset 0 0 4px #666;*/
	box-shadow: 0 0 3px #ddd;
	padding-top: 10px;
}

.table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 0rem;

	border: 1px solid var(--color-principal);
	border-radius: 6px;
	overflow: hidden;
	font-size: 0.8rem;
	font-weight: 400;
}

.table th, .table td {
	padding: 0.5rem;
	text-align: center;
	vertical-align: middle;
	/*border: 1px solid #dee2e6;*/
}

.table thead th {
	background-color: var(--color-principal-oscuro);
	color: var(--color-texto-head) !important;
}

.table-striped tbody tr:nth-child(odd) {
	background-color: #f8f9fa;
	background-color: #ffffff;
}

.table-striped tbody tr:nth-child(even) {
	background-color: #fff4f4;
	color: #000000;
}

.table-striped tbody tr:hover {
	background-color: var(--color-principal-intermedio);
	color: #ffffff !important;
}

.table .btn{
	font-size: 0.85rem;
	padding: 4px 8px;
}

.form-label {
	font-weight: bold;
	display: block;
	margin-bottom: 0.25rem;
}

.navbar-light{
	background-color: var(--color-principal-intermedio);
	color: #FFFFFF;
	padding-left: 1rem;
	padding-right: 1rem;
}

texto-bold{
	font-weight: 700;
}

#formularioContainer {
	background-color: #ffffff;
	border: 1px solid var(--color-principal-intermedio);
	border-radius: 0.5rem;
	padding: 1.5rem;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/*max-width: 100%;*/
}

#formularioContainer #titulo {
	font-size: 1.6rem;
	background-color: var(--color-principal);
	color: white;
	padding: 1rem;
	border-radius: 0.5rem 0.5rem 0 0;
	text-align: center;
}

#formularioContainer .form-group {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}

#formularioContainer input, #formularioContainer select, #formRodeo .form-control {
	background-color: var(--color-principal-claro);
	border: 1px solid var(--color-principal-intermedio);
	border-radius: 0.25rem;
	padding: 0.5rem;
	color: #000;
}
/*
.form-group .form-control {
	flex: 2 1 0%;
	min-width: 220px;
}
*/

label {
	white-space: nowrap;
	font-weight: 400;
	padding-left: 1rem;
}

#formularioContainer #titulo-2{
	font-size: 1rem;
	background-color: var(--color-principal-claro);
	color: black;
	padding: 1rem;
	border-radius: 0.5rem 0.5rem 0 0;
	text-align: center;
}



.accordion-button{
	background-color: rgba(0,0,0,0.075);
}

.accordion-button:not(.collapsed) {
	color: var(--color-principal);
	background-color: rgba(255, 249, 221, 1);
	box-shadow: inset 0 -1px 0 rgba(var(--color-principal-rgb), .5);
	font-weight: 700;
}

.fila {
	display: inline-flex;
	width: 100%;
	margin-bottom: 0.5rem;
}

#perfilToast {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(0,0,0,0.75);
	color: white;
	padding: 1em 2em;
	border-radius: 8px;
	z-index: 9999;
}