@font-face {
    font-family: 'AlteHaas';
    src: url('../fonts/AlteHaasGroteskBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
  }
.filter-holder
{
	padding: 20px;
	box-shadow: rgba(50, 54, 57, 0.5) 0px 2px 4px 0px, rgba(50, 54, 57, 0.6) 0px 3px 6px 2px;
	border-radius: 20px;
	background-color: #2b2b2b;
	margin-bottom: 20px;
}

.selected-holder
{
	padding: 20px;
	border-radius: 25px;
	background-color: #0e0e0e;
	box-shadow: rgba(0, 170, 20, 0.5) 0px 2px 4px 0px, rgba(0, 170, 20, 0.6) 0px 3px 6px 2px;
	margin-bottom: 20px;
	position: relative;
}
.selected-title
{
	font-family: AlteHaas;
	color: white;
	font-weight: 900;
	font-size: 14px;
}

.selected-option
{
	color: white;
	font-size: 14px;
	padding: 5px 15px;
	font-family: AlteHaas;
}

.option , .option-mobile
{
	color: white;
	font-size: 14px;
	padding: 15px 25px;
	transition: box-shadow 0.3s ease;
	font-family: AlteHaas;
	border-radius: 25px;
}

.option{
	padding: 5px 15px;
}

.option-mobile{
	padding: 15px 25px;
}

.option:hover
{
	box-shadow: rgba(0, 255, 0, 0.9) 0px 1px 3px;
	border: 0px;
	cursor: pointer;
}

.clearfilter-btn
{
	position: absolute;
	top: 8px;
	right: 8px;
	background-color: red;
	border: 0px;
	font-size: 12px;
	color: white;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	text-align: center;
	transition: background-color 0.3s ease;
}

.clearfilter-btn:hover
{
	background-color: #b53939;
}

.clearfilter-btn .clicked
{
	background-color: #ff7171;
}

.special-filter
{
	position: relative;
	border-radius: 25px;
	padding: 10px 15px;
	background-color:#2b2b2b;
	margin-bottom: 20px;
	box-shadow: rgba(50, 54, 57, 0.5) 0px 2px 4px 0px, rgba(50, 54, 57, 0.6) 0px 3px 6px 2px;
}

.special-filter:hover
{
	box-shadow: rgba(0, 255, 0, 0.9) 0px 1px 3px;
	border: 0px;
	cursor: pointer;
}

.special-filter-on
{
	position: relative;
	border-radius: 20px;
	padding: 10px 15px;
	background-color:#1b1b1b;
	margin-bottom: 20px;
	box-shadow: rgba(0, 170, 20, 0.5) 0px 2px 4px 0px, rgba(0, 170, 20, 0.6) 0px 3px 6px 2px;

}

.myswitch
{
	position: absolute;
	top: 8px;
	right: 12px;
}

.form-check-input:checked {
    background-color: rgba(0, 170, 20, 1);
    border-color: rgba(0, 170, 20, 1);
}

input[type="checkbox"] {
    pointer-events: none; /* Desactiva el click directo en el checkbox */
}

.search-text
{
	color: white;
	font-size: 14px;
}


@media (min-width: 650px) {

}