
        .gender-selector {
            background: var(--beige);
            padding: 30px;
            border-radius: 20px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
            text-align: center;
        }

        .toggle-group {
            display: flex;
            gap: 20px;
            justify-content: center;
        }

        /* Esconde o checkbox real */
        .gender-checkbox {
            display: none;
        }

        /* Estilo do botão/label customizado */
        .gender-label {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 30px;
            height: 30px;
            border-radius: 8px;
            background-color: var(--beige);
            cursor: pointer;
            transition: all 0.3s ease;
            border: 1px solid var(--brown);
        }

        /* Ícones de género de tamanho grande */
        .gender-label svg {
            width: 40px;
            height: 40px;
            fill: var(--brown);
            transition: fill 0.3s ease;
        }

        .gender-label span {
            margin-top: 8px;
            font-size: 10px;
            font-weight: 600;
            color: var(--brown);
        }

        /* Efeito de Hover */
        .gender-label:hover {
            transform: translateY(-3px);
        }
		
		
        /* Estado Selecionado: Masculino */
        #male:checked + .gender-label {
            /*border: 5px solid var(--brown);*/
            /*border-color: var(--brown);*/
			background-color: var(--brown);
			
        }
        #male:checked + .gender-label svg {
		    fill: var(--white);
        }
        #male:checked + .gender-label span {
		    color: var(--white);
        }

        /* Estado Selecionado: Feminino */
        #female:checked + .gender-label {
		    /*border: 5px solid var(--brown);*/
            /*border-color: var(--brown);*/
			background-color: var(--brown);
        }
        #female:checked + .gender-label svg {
		    fill: var(--white);
        }
        #female:checked + .gender-label span {
		    color: var(--white);
		}
	    /* Para o genero preferido: */
		/* Estado Selecionado: Masculino */
        #male_pref:checked + .gender-label {
            /*border: 5px solid var(--brown);*/
            /*border-color: var(--brown);*/
			background-color: var(--brown);
			
        }
        #male_pref:checked + .gender-label svg {
		    fill: var(--white);
        }
        #male_pref:checked + .gender-label span {
		    color: var(--white);
        }

        /* Estado Selecionado: Feminino */
        #female_pref:checked + .gender-label {
		    /*border: 5px solid var(--brown);*/
            /*border-color: var(--brown);*/
			background-color: var(--brown);
        }
        #female_pref:checked + .gender-label svg {
		    fill: var(--white);
        }
        #female_pref:checked + .gender-label span {
		    color: var(--white);
		}